@font-face {
  font-family: Douyin-Sans;
  src: url("./font/DouyinSansBold.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: D-DIN-PRO;
  src: url("./font/D-DIN-PRO-400-Regular.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: SourceHanSansSC;
  src: url("./font/SourceHanSansSC-Regular.otf");
  font-weight: normal;
  font-style: normal;
}
body,
html {
  font-family: SourceHanSansSC, "Microsoft YaHei";
  width: 100vw;
  overflow-x: hidden;
}
/* 版心 */
.main-center {
  width: 83.35%;
  margin: 0 auto;
}
.main-center-mini {
  width: 72.95%;
  margin: 0 auto;
}

.header-main-box {
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 80rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 70rem;
}
.header-top-box {
  padding-top: 20rem;
}
.header-top-title {
  color: rgba(87, 93, 108, 0.4);
  display: flex;
}
.header-top-title h1 {
  color: rgba(87, 93, 108, 0.4);
  display: flex;
}
.header-top-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-top-link {
  display: flex;
  align-items: center;
  color: rgba(87, 93, 108, 0.4);
}
.header-top-link a {
  margin: 0 10rem;
  color: rgba(87, 93, 108, 0.4);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.header-top-link a:hover {
  color: rgba(87, 93, 108, 0.6);
}
.header-center-box {
  margin-top: 10rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 31;
}
.header-phone-box {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 31;
}
.header-phone-img {
  width: 39rem;
}
.header-phone-cont {
  padding-left: 15rem;
}
.header-phone-text {
  font-weight: 400;
  color: #192032;
}
.header-wap-show {
  width: 60rem;
  height: 60rem;
  background: url(./../esimg/icon/header-nav.png) no-repeat;
  background-size: 100% 100%;
}
.header-phone-number {
  font-family: Douyin-Sans;
  font-weight: bold;
  color: #0146b7;
}
.header-nav-box {
  display: flex;
  padding-left: 70rem;
}
.header-nav-item {
  padding: 20rem 25rem;
  height: 100%;
  position: relative;
  margin: 0 10rem;
}
.header-max-nav {
  position: fixed;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.95);
  /* display: none; */
  display: flex;
  align-items: flex-start;

  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
}

/* 鼠标移入导航项时显示大面板 */
.header-nav-item:hover .header-max-nav {
  /* display: flex; */
  height: 799rem;
  padding-top: 80rem;
  padding-bottom: 55rem;
}
/* 大面板显示时整个头部固定在顶部 */
.header-main-box.header-fixed {
  position: fixed;
  top: 0;
}
.header-max-nav .mCSB_scrollTools {
  right: -20rem !important;
}
.header-max-left {
  width: 16.5%;
  height: calc(821rem - 82rem - 55rem);
  border-top: 1px solid #b8cfdf;
  border-right: 1px solid #b8cfdf;
  padding-top: 58rem;
}
.header-max-right {
  width: calc(100% - 16.5%);
  height: calc(821rem - 82rem - 55rem);
  border-top: 1px solid #b8cfdf;
  padding: 50rem 160rem 0 50rem;
}
.header-nav-item::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 11rem;
  height: 13rem;
  background: url(./../esimg/icon/nav_dian.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0;
}
.header-max-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: calc(821rem - 82rem - 55rem - 50rem - 20rem);
  overflow: hidden;
}
.header-max-content .mCustomScrollBox {
  width: 100%;
}
.header-max-content .mCSB_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.header-nav-on::after {
  opacity: 1;
}
.header-left-item {
  height: 70rem;
  padding-left: 160rem;
  display: flex;
  align-items: center;
}
.header-left-on {
  background: linear-gradient(130deg, #356de5 0%, #094cba 100%);
}
.header-left-name {
  font-weight: bold;
  color: #1c1d1e;
}
.header-left-on .header-left-name {
  color: #fff;
}
.header-left-icon {
  width: 11rem;
  margin-left: 14rem;
}
.header-max-item {
  width: calc((100% - (38rem * 3)) / 4);
  margin-right: 38rem;
  margin-bottom: 30rem;
  border-radius: 20rem;
  -webkit-border-radius: 20rem;
  -moz-border-radius: 20rem;
  -ms-border-radius: 20rem;
  -o-border-radius: 20rem;
  overflow: hidden;
  position: relative;
}
.header-max-item3 {
  width: calc((100% - (38rem * 3)) / 4);
  height: 185rem;
  margin-right: 38rem;
  margin-bottom: 30rem;
  border-radius: 20rem;
  -webkit-border-radius: 20rem;
  -moz-border-radius: 20rem;
  -ms-border-radius: 20rem;
  -o-border-radius: 20rem;
  overflow: hidden;
  position: relative;
  background: url(./../esimg/img/index-case-bg2.png) no-repeat;
  background-size: 100% 100%;
}
.header-max-item3:nth-child(4n) {
  margin-right: 0;
}
.header-max-item3 .index-hardware-img {
  height: 130rem;
}
.header-max-item3 .index-hardware-more {
  position: absolute;
  z-index: 11;
  left: 20rem;
  bottom: 20rem;
  width: 38rem;
  height: 38rem;
}
.header-max-item3 .index-hardware-title {
  padding: 25rem 20rem;
}
.header-max-btn {
  position: absolute;
  right: 20rem;
  bottom: 90rem;
}
.header-max-img {
  width: 100%;
}
.header-max-name {
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  /* height: 44rem; */
  min-height: 44rem;
  text-align: center;
  font-weight: bold;
  color: #192032;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.header-max-item:hover .header-max-name {
  color: #0652cf;
}
.header-max-item:nth-child(4n) {
  margin-right: 0;
}
.header-nav-item:last-child {
  /* padding-right: 0; */
}
.header-nav-title {
  font-weight: 400;
  color: #192032;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.header-nav-title:hover {
  color: #0146b7;
  font-weight: bold;
}
.header-center-logo {
  width: 298rem;
  position: relative;
  z-index: 1000;
  /* height: 114rem; */
}
.header-center-logo img {
  width: 100%;
  position: relative;
  z-index: 31;
}
.header-nav-section {
  position: absolute;
  left: -15%;
  top: 100%;
  width: 130%;
  height: 0;
  overflow: hidden;
  border-radius: 10rem;
  background: rgba(255, 255, 255, 0.8);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}
.header-nav-item:hover .header-nav-section {
  height: auto;
}
.header-nav-text {
  text-align: center;
  font-weight: 400;
  color: #192032;
  padding: 10rem 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.header-nav-text:hover {
  color: #192032;
  font-weight: bold;
}
.header-nav-on .header-nav-title {
  color: #0146b7;
  font-weight: bold;
}
.banner-main-box {
  position: relative;
  z-index: 1;
}
.banner-item {
  width: 100%;
  position: relative;
}
.banner-item-bg {
  width: 100%;
}
.banner-item-content {
  position: absolute;
  top: 69.69%;
  left: 0;
  width: 100%;
}
.banner-item-text {
  height: 145rem;
  width: auto;
  margin: 0 auto 0;
}
.index-banner-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  bottom: 102rem !important;
  left: auto !important;
  right: 160rem;
}
.index-banner-pagination .swiper-pagination-bullet {
  width: 11rem;
  height: 11rem;
  background: #ffffff;
  border-radius: 50%;
  opacity: 1;
  margin: 0 19rem !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.index-banner-pagination .swiper-pagination-bullet-active {
  width: 42rem;
  height: 20rem;
  border-radius: 0 !important;
  background: url(./../esimg/icon/xunhuan.png) no-repeat;
  background-size: 100% 100%;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}
.suspension-box {
  width: 90rem;
  position: fixed;
  right: 0.7%;
  top: 44%;
  z-index: 999;
}
.suspension-top-box {
  position: fixed;
  right: 12rem;
  top: calc(44% - 132rem - 10rem);
  z-index: 999;
}
.suspension-top-content {
  position: absolute;
  top: 0;
  right: 130rem;
  background: url(./../esimg/img/suspension-top-bg.png) no-repeat;
  background-size: 100% 100%;
  width: 295rem;
  height: 400rem;
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
  pointer-events: none;
}
.suspension-top-box:hover .suspension-top-content {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.suspension-top-qr {
  position: absolute;
  left: 47%;
  transform: translateX(-50%);
  top: 82rem;
  width: 144rem;
}
.suspension-top-img {
  height: 132rem;
}
.suspension-content-max {
  width: fit-content;
  border-radius: 6px;
  background: #0146b7;
}
.suspension-content-box {
  width: 90rem;
  height: 90rem;
  /* background: #0146B7; */
  position: relative;
  cursor: pointer;
  border-bottom: 1px dashed rgba(243, 243, 243, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.suspension-content-icon {
  /* position: absolute;
  top: 12px;
  left: 12px; */
  width: 40rem;
  height: 40rem;
  margin: 0 auto;
}
.suspension-content-name {
  text-align: center;
  color: #fff;
  margin-top: 5rem;
}
.suspension-content-box:hover .suspension-content-info {
  min-width: 246rem;
  background: radial-gradient(circle, #ffffff 0%, #f8f9f9 100%);
  border-radius: 6px;
  border: 1px solid #0146b7;
  opacity: 0.9;
  /* border-image: linear-gradient(129deg, #046ef7, #53c1fc) 10 10; */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.suspension-content-box:hover .suspension-content-text {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 20rem 0 0 20rem;
}
.suspension-content-by {
  font-weight: 400;
  color: #373737;
}
.suspension-content-decs {
  padding-top: 5rem;
  font-weight: 600;
  color: #0146b7;
}
.suspension-content-info {
  display: block;
  width: 0;
  height: auto;
  font-family: arial;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.suspension-content-top {
  border-radius: 8px 8px 0px 0px;
}
.suspension-content-bottom {
  border-radius: 0px 0px 8px 8px;
  -webkit-border-radius: 0px 0px 8px 8px;
  -moz-border-radius: 0px 0px 8px 8px;
  -ms-border-radius: 0px 0px 8px 8px;
  -o-border-radius: 0px 0px 8px 8px;
  border-bottom: none;
}
.suspension-content-bottom .suspension-content-icon {
  width: 50rem;
  height: 50rem;
}
.suspension-content-other {
  border-radius: 8px 8px 8px 8px;
  margin-top: 20px;
  border-bottom: none;
}
.suspension-content-box:hover .suspension-content-info {
  width: 120px;
  /* background-color: #0146B7; */
  display: block;
}
.suspension-content-box:hover {
  /* background-color: #0146B7; */
}

.suspension-content-box:hover .suspension-content-info img {
  display: block;
}
.suspension-content-info {
  display: none;
  width: 0;
  height: 90rem;
  font-family: arial;
  color: #fff;
  position: absolute;
  top: 0;
  right: 100rem;
  overflow: hidden;
  transition: all 0.3s;
  background: radial-gradient(circle, #ffffff 0%, #f8f9f9 100%);
  border: 1px solid #0146b7;
  /* border-image: linear-gradient(129deg, #046ef7, #53c1fc) 10 10; */
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.suspension-content-qr {
  min-width: 150rem !important;
  width: 150rem !important;
  height: 170rem;

  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.suspension-content-box:hover .suspension-content-qr {
  display: flex;
}

.suspension-content-qr-code {
  width: 130rem;
  height: 130rem;
  /* position: absolute;
  top: 10px;
  left: 16px; */
}
.suspension-content-qr img {
  display: none;
}
.suspension-content-qr-name {
  font-size: 12px;
  /* position: absolute; */
  /* top: 80px; */
  left: 0;
  width: 100%;
  text-align: center;
  color: #050505;
  margin-top: 5rem;
}
.keyword-box {
  position: absolute;
  z-index: 22;
  left: 160rem;
  bottom: 100rem;
  display: flex;
  align-items: center;
}
.keyword-box p,
.keyword-box a {
  color: rgba(255, 255, 255, 0.5);
  margin-right: 10rem;
}
.index-datas-box {
  width: calc(100% - 160rem - 160rem);
  height: 138rem;
  box-shadow: 0px 6px 24px 0px #d3dff0;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  margin: -80rem auto 0;
  padding: 0 110rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index-datas-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(./../esimg/img/sz_bg.png) no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}
.index-datas-item {
  display: flex;
  align-items: center;
}
.index-datas-data {
  font-family: Douyin-Sans;
  font-size: 70rem;
  font-weight: bold;
  color: #0652cf;
}
.index-datas-data sup {
  margin-left: -15rem;
}
.index-datas-text {
  padding-left: 15rem;
  color: #192032;
  font-family: SourceHanSansSC;
  font-weight: 400;
}
.index-platform-box {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 160rem;
  margin-top: -58rem;
}
.index-platform-bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* height: 100%; */
  z-index: 0;
  pointer-events: none;
}
.index-platform-content {
  position: relative;
  width: 100%;
  padding: 0 100rem;
  overflow: hidden;
}

.index-platform-item {
  position: relative;
}
.index-platform-content .swiper-slide {
  position: relative;
  overflow: hidden;
  opacity: 0 !important;
}
.index-platform-content .swiper-slide-active {
  opacity: 1 !important;
}
.index-platform-img {
  width: 100%;
}
.index-platform-decs {
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.public-title {
  font-family: SourceHanSansSC;
  font-weight: bold;
  font-size: 48rem;
  color: #192032;
  text-align: center;
}
.public-title-text {
  padding-top: 10rem;
  color: #2f415c;
  line-height: 1.6;
  text-align: left;
  width: 1110rem;
  margin: 0 auto;
}
@keyframes slowRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.index-platform-turn {
  position: absolute;
  top: 516rem;
  left: 50%;
  transform: translateX(-50%);
  width: 732rem;
  margin-left: 1rem;
  animation: slowRotateCenter 20s linear infinite;
  -webkit-animation: slowRotateCenter 20s linear infinite;
}
@keyframes slowRotateCenter {
  from {
    transform: translateX(-50%) rotate(0deg);
  }
  to {
    transform: translateX(-50%) rotate(360deg);
  }
}
.index-platform-timg {
  position: absolute;
  bottom: 28rem;
  left: 50%;
  transform: translateX(-50%);
  width: 426rem;
}
.index-platform-prev {
  position: absolute;
  z-index: 11;
  left: 210rem;
  bottom: 40rem;
  background: url(./../esimg/icon/w_l.png) no-repeat;
  background-size: 100% 100%;
  width: 62rem;
  height: 64rem;
  cursor: pointer;
}
.index-platform-next {
  position: absolute;
  z-index: 11;
  right: 210rem;
  bottom: 40rem;
  background: url(./../esimg/icon/w_r.png) no-repeat;
  background-size: 100% 100%;
  width: 62rem;
  height: 64rem;
  cursor: pointer;
}
.index-case-header {
  padding-top: 80rem;
}
.index-case-type-flex {
  display: flex;
  align-items: center;
  padding-left: 10rem;
}
.index-case-prev {
  width: 23rem;
  height: 21rem;
  margin: 0 12rem;
  background: url(./../esimg/icon/jt_l.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.index-case-next {
  width: 23rem;
  height: 21rem;
  margin: 0 12rem;
  background: url(./../esimg/icon/jt_r.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.index-case-types {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding-top: 35rem;
}
.index-case-type-scroll {
  flex: 1;
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  /* scrollbar-width: none; */
  /* -ms-overflow-style: none; */
}
.index-case-type-scroll::-webkit-scrollbar {
  display: none;
}
.index-case-type {
  flex-shrink: 0;
  width: 200rem;
  font-weight: 400;
  text-align: center;
  color: #2f415c;
  padding: 0 10rem 20rem;
  position: relative;
  cursor: pointer;
  line-height: 1.6;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.index-case-type:hover {
  color: #0652cf;
}
.index-case-on {
  font-weight: bold;
  color: #0652cf;
}
.index-case-on::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2rem;
  background: #0652cf;
  border-radius: 2.5rem;
  z-index: -1;
}
.index-case-swiper {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 20rem;
}
.index-case-img,
.index-case-item img {
  width: 100%;
}

.index-case-content {
  width: 820rem;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 3px 6px 49px 0px #dbe8f6;
  border-radius: 24px;
  border: 2px solid rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 50%;
  right: 160rem;
  transform: translateY(-50%);
  padding: 50rem 40rem;
}
.index-case-title {
  font-family: SourceHanSansSC;
  font-weight: bold;
  color: #1c1d1e;
}
.index-case-text {
  font-family: SourceHanSansSC;
  color: #2f415c;
  padding-top: 30rem;
  line-height: 1.6;
}
.index-case-tip {
  padding-top: 30rem;
  padding-bottom: 10rem;
  font-family: SourceHanSansSC;
  color: rgba(47, 65, 92, 0.8);
}
.index-case-decs {
  display: flex;
  flex-wrap: wrap;
}
.index-case-p {
  font-family: SourceHanSansSC;
  color: #fff;
  height: 40rem;
  padding: 0 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10rem 10rem 0 0;
  background: #2561d6;
  border-radius: 20rem;
  -webkit-border-radius: 20rem;
  -moz-border-radius: 20rem;
  -ms-border-radius: 20rem;
  -o-border-radius: 20rem;
}
.index-case-add {
  position: absolute;
  right: 40rem;
  top: -20rem;
  width: 40rem;
  height: 40rem;
  background: url(./../esimg/icon/add.png) no-repeat;
  background-size: 100% 100%;
}
/* 第一层描边：白色90%，粗细6rem */
.index-case-add::before {
  content: "";
  position: absolute;
  inset: -3rem;
  border-radius: 50%;
  border: 6rem solid rgba(255, 255, 255, 0.9);
  animation: spreadPulse 2s ease-out infinite;
}
/* 第二层描边：白色40%，粗细18rem */
.index-case-add::after {
  content: "";
  position: absolute;
  inset: -12rem;
  border-radius: 50%;
  border: 18rem solid rgba(255, 255, 255, 0.4);
  animation: spreadPulse 2s ease-out infinite 0.4s;
}
@keyframes spreadPulse {
  0% {
    transform: scale(0.8);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.index-software-box {
  width: 100%;
  padding: 80rem 0 110rem;
  background: linear-gradient(0deg, #e6f0fe 0%, #ffffff 69%);
}
.index-software-swiper {
  padding: 40rem 110rem 0;
  overflow: hidden;
  position: relative;
}
.index-software-prev {
  position: absolute;
  z-index: 11;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 64rem;
  height: 64rem;
  background: url(./../esimg/icon/jt_blue_l.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.index-software-next {
  position: absolute;
  z-index: 11;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 64rem;
  height: 64rem;
  background: url(./../esimg/icon/jt_blue_r.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.index-software-img {
  width: 100%;
  transition: all 0.5s;
}
.index-software-item:hover .index-software-img {
  transform: scale(1.01) translateY(-5rem);
}
.index-software-title {
  text-align: center;
  padding-top: 20rem;
  font-weight: bold;
  color: #083fd5;
  font-family: SourceHanSansSC;
}
.swiper-slide-active .index-software-title {
  color: #fff;
}
.index-software-item {
  position: relative;
  z-index: 1;
  padding-bottom: 50rem;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.swiper-slide-active .index-software-item {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.index-software-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 360rem;
  background: linear-gradient(130deg, #356de5 0%, #094cba 100%);
  border-radius: 24rem;
  z-index: -1;
  -webkit-border-radius: 24rem;
  -moz-border-radius: 24rem;
  -ms-border-radius: 24rem;
  -o-border-radius: 24rem;
  opacity: 0;
}
.swiper-slide-active .index-software-item::after {
  opacity: 1;
}
.public-btn {
  width: fit-content;
  height: 64rem;
  background: #0652cf;
  padding: 0 35rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32rem;
  -webkit-border-radius: 32rem;
  -moz-border-radius: 32rem;
  -ms-border-radius: 32rem;
  -o-border-radius: 32rem;
  transition: all 0.3s;
  cursor: pointer;
}
.public-btn:hover {
  background: #0443b5;
  transform: translateY(-2rem);
  box-shadow: 0 6rem 20rem rgba(6, 82, 207, 0.35);
}
.public-btn-icon {
  width: 16rem;
  margin-left: 35rem;
  transition: margin-left 0.3s;
}
.public-btn:hover .public-btn-icon {
  margin-left: 45rem;
}
.index-software-btn {
  margin: 40rem auto 0;
}
.index-hardware-box {
  padding-top: 120rem;
}
.index-hardware-swiper {
  position: relative;
}
.index-hardware-slide {
  display: flex;
  flex-wrap: wrap;
}
.index-hardware-item {
  position: relative;
  width: calc((100% - 40rem) / 3);
  overflow: hidden;
  height: 360rem;
  margin-right: 20rem;
  margin-bottom: 20rem;
  background: url(./../esimg/img/index-case-bg.png) no-repeat;
  background-size: 100% 100%;
}
.index-hardware-item:first-child {
  width: 380rem;
  background: url(./../esimg/img/index-case-bg1.png) no-repeat;
  background-size: 100% 100%;
}
.index-hardware-item:nth-child(2) {
  width: 390rem;
  background: url(./../esimg/img/index-case-bg2.png) no-repeat;
  background-size: 100% 100%;
}
.index-hardware-item:nth-child(3) {
  width: calc(100% - 380rem - 390rem - 40rem);
  background: url(./../esimg/img/index-case-bg3.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 0;
}
.index-hardware-item:last-child {
  margin-right: 0;
}
.index-hardware-title {
  font-family: SourceHanSansSC;
  font-weight: bold;
  color: #192032;
  padding: 20rem 30rem;
  position: relative;
  z-index: 3;
}
.index-hardware-more {
  position: absolute;
  z-index: 11;
  left: 40rem;
  bottom: 40rem;
  width: 64rem;
  height: 64rem;
  background: url(./../esimg/icon/product_more.png) no-repeat;
  background-size: 100% 100%;
}
.index-hardware-img {
  height: 350rem;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.index-hardware-item:hover .index-hardware-img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.index-hardware-placeholder {
  position: absolute;
  z-index: 22;
  left: 0;
  top: 0;
  width: 380rem;
  height: 350rem;
  padding: 40rem;
}
.index-hardware-name {
  font-weight: bold;
  color: #ffffff;
  font-size: 48rem;
  font-family: SourceHanSansSC;
}
.index-hardware-flex {
  display: flex;
  align-items: center;
  color: #ffffff;
  padding-top: 20rem;
}
.index-hardware-icon {
  width: 16rem;
  margin-left: 16rem;
  margin-top: 3rem;
}
.index-hardware-pagination {
  position: absolute;
  z-index: 22;
  left: 45rem !important;
  top: 300rem;
}
.index-hardware-pagination .swiper-pagination-bullet {
  width: 28rem;
  height: 6rem;
  background: #dfe7f9;
  border-radius: 3px;
  opacity: 0.3;
  margin-right: 14rem;
}
.index-hardware-pagination .swiper-pagination-bullet-active {
  background: #ffffff;
  opacity: 1;
}
.index-plan-box {
  padding: 270rem 0;
  background: url(./../esimg/img/al_bg.png) no-repeat;
  background-size: 100% 100%;
}
.index-plan-main {
  margin-top: -145rem;
}
.index-plan-swiper {
  padding-top: 30rem;
  padding-bottom: 40rem;
  position: relative;
  overflow: hidden;
}
.index-plan-item {
  position: relative;
  background: #fff;
  border-radius: 24rem 24rem 24rem 24rem;
  border: 6rem solid #fefefc;
  -webkit-border-radius: 24rem 24rem 24rem 24rem;
  -moz-border-radius: 24rem 24rem 24rem 24rem;
  -ms-border-radius: 24rem 24rem 24rem 24rem;
  -o-border-radius: 24rem 24rem 24rem 24rem;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  overflow: hidden;
}
.index-plan-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(130deg, #356de5 0%, #094cba 100%);
  opacity: 0;
  transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  z-index: 0;
  border-radius: inherit;
}
.index-plan-item:hover::after {
  opacity: 1;
}
.index-plan-imgs {
  position: relative;
  z-index: 1;
  border-radius: 15rem 15rem 0 0;
  -webkit-border-radius: 15rem 15rem 0 0;
  -moz-border-radius: 15rem 15rem 0 0;
  -ms-border-radius: 15rem 15rem 0 0;
  -o-border-radius: 15rem 15rem 0 0;
  overflow: hidden;
}
.index-plan-img {
  width: 100%;
}
.index-plan-content {
  height: 150rem;
  padding: 20rem 30rem;
}
.index-plan-name {
  font-family: SourceHanSansSC;
  font-weight: bold;
  color: #1c1d1e;
  padding-right: 20rem;
  width: 100%;
  position: relative;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.index-plan-item:hover .index-plan-name {
  color: #fff;
}
.index-plan-name::after {
  content: "";
  position: absolute;
  top: 3rem;
  right: 0;
  width: 16rem;
  height: 21rem;
  background: url(./../esimg/icon/more.png) no-repeat;
  background-size: 100% 100%;
}
.index-plan-lables {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10rem;
}
.index-plan-lable {
  color: #0652cf;
  margin-top: 6rem;
  padding: 2rem 10rem;
  border-radius: 6px;
  border: 1px solid #e0eeff;
  margin-right: 10rem;
  background: #e0eeff;
}
.index-plan-lable-red {
  background: #ffe6e8;
  border: 1px solid #ffe6e8;
  color: #ed0b0b;
}
.index-plan-item:hover .index-plan-lable {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  margin-right: 10rem;
}
.index-plan-pagination {
  text-align: center;
  margin-top: 30rem;
}
.index-plan-pagination .swiper-pagination-bullet {
  width: 28rem;
  height: 6rem;
  background: #fff;
  border-radius: 3px;
  opacity: 1;
  margin: 0 6rem;
}
.index-plan-pagination .swiper-pagination-bullet-active {
  background: #0652cf;
  opacity: 1;
}
.index-customer-box {
  overflow: hidden;
}
.index-customer-flex {
  display: flex;
  align-items: center;
  margin-bottom: 20rem;
  width: max-content;
  will-change: transform;
}
.index-customer-item {
  width: 220rem;
  height: 80rem;
  background: #ffffff;
  border-radius: 13px;
  margin-right: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}
.index-customer-img {
  width: calc(100% - 20rem);
  margin: 0 auto;
  transition: transform 0.6s ease;
  -webkit-transition: transform 0.6s ease;
  -moz-transition: transform 0.6s ease;
  -ms-transition: transform 0.6s ease;
  -o-transition: transform 0.6s ease;
}
.index-customer-item:hover .index-customer-img {
  transform: scale(1.08);
}
.index-customer-box {
  padding-top: 20rem;
}
.index-partner-box {
  margin-top: -180rem;
}
.index-partner-main {
  background: url(./../esimg/img/hb_bg.webp) no-repeat;
  background-size: 100% 100%;
  height: 600rem;
  position: relative;
}
.index-partner-content {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 80rem 60rem;
}
.index-partner-titles {
  padding-left: 20rem;
}
.index-partner-titles .public-title {
  text-align: left;
  color: #fff;
}
.index-partner-titles .public-title-text {
  text-align: left;
  color: #fff;
}
.index-partner-more {
  width: 51rem;
  height: 51rem;
  background: url(./../esimg/icon/more_w.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 40rem;
}
.index-partner-flex {
  padding-top: 60rem;
  display: flex;
  flex-wrap: wrap;
}
.index-partner-item {
  width: calc((100% - 70rem) / 2);
  margin-right: 70rem;
  height: 233rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 28px;
  border: 1px solid #ffffff;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(6px);
  padding: 15rem 40rem;
  display: flex;
  align-items: center;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.index-partner-item:nth-child(2n) {
  margin-right: 0;
}
.index-partner-cont {
  padding-left: 35rem;
}
.index-partner-name {
  font-family: SourceHanSansSC;
  font-weight: bold;
  color: #1c1d1e;
}
.index-partner-text {
  font-family: SourceHanSansSC;
  color: #2f415c;
  line-height: 1.6;
  padding-top: 25rem;
}
.index-partner-img {
  width: 200rem;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.index-partner-item:hover {
  transform: scale(1.03) !important;
  -webkit-transform: scale(1.03) !important;
  -moz-transform: scale(1.03) !important;
  -ms-transform: scale(1.03) !important;
  -o-transform: scale(1.03) !important;
}
/* .index-partner-item:hover .index-partner-img {
  transform: scale(1.08);
} */
.index-advantage-box {
  background: url(./../esimg/img/ys_bg.png) no-repeat;
  background-size: 100% 100%;
  height: auto;
  position: relative;
  margin-top: 95rem;
  position: relative;
}
.index-advantage-img {
  width: 100%;
}
.index-advantage-imgs {
  width: 1405rem;
  margin-left: auto;
  position: relative;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}
.index-advantage-logo {
  width: 371rem;
  position: absolute;
  top: 245rem;
  right: 485rem;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  animation: indexAdvantageFloat 2.5s ease-in-out infinite;
  -webkit-animation: indexAdvantageFloat 2.5s ease-in-out infinite;
}
@keyframes indexAdvantageFloat {
  0%,
  100% {
    transform: translateY(5rem);
    -webkit-transform: translateY(5rem);
    -moz-transform: translateY(5rem);
    -ms-transform: translateY(5rem);
    -o-transform: translateY(5rem);
  }
  50% {
    transform: translateY(-5rem);
    -webkit-transform: translateY(-5rem);
    -moz-transform: translateY(-5rem);
    -ms-transform: translateY(-5rem);
    -o-transform: translateY(-5rem);
  }
}
@keyframes indexAdvantageSpin {
  0% {
    transform: rotateY(0deg) translateY(0);
    -webkit-transform: rotateY(0deg) translateY(0);
    -moz-transform: rotateY(0deg) translateY(0);
    -ms-transform: rotateY(0deg) translateY(0);
    -o-transform: rotateY(0deg) translateY(0);
  }
  50% {
    transform: rotateY(180deg) translateY(0);
    -webkit-transform: rotateY(180deg) translateY(0);
    -moz-transform: rotateY(180deg) translateY(0);
    -ms-transform: rotateY(180deg) translateY(0);
    -o-transform: rotateY(180deg) translateY(0);
  }
  100% {
    transform: rotateY(360deg) translateY(0);
    -webkit-transform: rotateY(360deg) translateY(0);
    -moz-transform: rotateY(360deg) translateY(0);
    -ms-transform: rotateY(360deg) translateY(0);
    -o-transform: rotateY(360deg) translateY(0);
  }
}
.index-advantage-content {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 160rem;
}
.index-advantage-title {
  padding-top: 110rem;
  font-family: SourceHanSansSC;
  font-weight: bold;
  color: #192032;
  font-size: 48rem;
}
.index-advantage-card {
  width: 635rem;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 24px;
  border: 2px solid #ffffff;
  margin-top: 55rem;
  padding: 15rem 50rem;
}
.index-advantage-header {
  display: flex;
  align-items: center;
  position: relative;
}
.index-advantage-header::after {
  content: "";
  background: url(./../esimg/icon/down.png) no-repeat;
  background-size: 100% 100%;
  width: 22rem;
  height: 18rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
}
.index-advantage-show .index-advantage-header::after {
  transform: rotate(180deg);
}
.index-advantage-item {
  border-bottom: 1px solid #c7d5fb;
  padding: 25rem 0;
  transition: background 0.3s ease;
  cursor: pointer;
}
.index-advantage-show {
  background: rgba(229, 237, 253, 0.3);
  border-radius: 12px;
}
.index-advantage-item:last-child {
  border-bottom: none;
}
.index-advantage-number {
  padding: 5rem 18rem;
  font-family: Douyin-Sans;
  font-weight: bold;
  color: #ffffff;
  background: #0652cf;
  border-radius: 19px 19px 0px 19px;
}
.index-advantage-name {
  font-family: SourceHanSansSC;
  font-weight: bold;
  color: #1c1d1e;
  padding-left: 25rem;
}
.index-advantage-text {
  font-family: SourceHanSansSC;
  font-weight: 400;
  color: #2f415c;
  line-height: 1.6;
  padding-left: 30rem;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding-top: 0;
  transition:
    max-height 0.5s ease,
    opacity 0.4s ease,
    padding-top 0.5s ease;
  -webkit-transition:
    max-height 0.5s ease,
    opacity 0.4s ease,
    padding-top 0.5s ease;
  -moz-transition:
    max-height 0.5s ease,
    opacity 0.4s ease,
    padding-top 0.5s ease;
  -ms-transition:
    max-height 0.5s ease,
    opacity 0.4s ease,
    padding-top 0.5s ease;
  -o-transition:
    max-height 0.5s ease,
    opacity 0.4s ease,
    padding-top 0.5s ease;
}
.index-advantage-show .index-advantage-text {
  max-height: 200rem;
  opacity: 1;
  padding-top: 20rem;
}
.index-news-header {
  display: flex;
  align-items: flex-start;
  padding-top: 120rem;
}
.index-news-left {
  width: 430rem;
  padding-left: 160rem;
}
.index-news-left .public-title {
  text-align: left;
}
.index-news-left .public-title-text {
  text-align: left;
}
.index-news-types {
  padding-top: 120rem;
}
.index-news-type {
  width: fit-content;
  color: #2f415c;
  margin-bottom: 20rem;
  padding-right: 40rem;
  position: relative;
  cursor: pointer;
}
.index-news-type::after {
  content: "";
  background: url(./../esimg/icon/news_jt.png) no-repeat;
  background-size: 100% 100%;
  width: 11rem;
  height: 18rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
.index-news-on {
  color: #0c51dd;
}
.index-news-on::after {
  opacity: 1;
}
.index-news-right {
  width: calc(100% - 430rem);
}
.index-news-swiper {
  width: 100%;
  display: none;
  overflow: hidden;
  padding: 40rem 0 40rem 40rem;
}
.index-news-swiper.index-news-swiper-active {
  display: block;
}
.index-news-swiper .swiper-slide-prev {
  /* display: none !important; */
  opacity: 0 !important;
  overflow: hidden;
}
.index-news-item {
  width: 100%;
  background: #ffffff;
  /* box-shadow: 7px 19px 40px 0px rgba(201, 228, 254, 0.68); */
  border-radius: 33rem;
  padding: 0 30rem 0;
  border: 2px solid #ffffff;
  -webkit-border-radius: 33rem;
  -moz-border-radius: 33rem;
  -ms-border-radius: 33rem;
  -o-border-radius: 33rem;
}
.index-news-swiper .swiper-slide {
  width: 100%;
  border-radius: 33rem;
  background: #ffffff;
  box-shadow: 7px 19px 40px 0px rgba(201, 228, 254, 0.68);
}

.index-news-imgs {
  width: 100%;
  overflow: hidden;
  padding-top: 35rem;
  padding-bottom: 35rem;
  border-radius: 24rem;
  -webkit-border-radius: 24rem;
  -moz-border-radius: 24rem;
  -ms-border-radius: 24rem;
  -o-border-radius: 24rem;
}
.index-news-img {
  width: 100%;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}
.index-news-item:hover .index-news-img {
  transform: scale(1.1);
}
.index-news-name {
  font-family: SourceHanSansSC;
  font-weight: bold;
  color: #1c1d1e;
  /* padding-top: 20rem; */
  padding-bottom: 30rem;

  text-overflow: ellipsis;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.index-news-name .index-news-item {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.index-news-item:hover .index-news-name {
  color: #0652cf;
}
.index-news-time {
  position: relative;
  color: #2f415c;
  margin-top: 35rem;
}
.index-news-time::after {
  content: "";
  background: url(./../esimg/icon/news_more.png) no-repeat;
  background-size: 100% 100%;
  width: 16rem;
  height: 21rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.index-new-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index-new-blines {
  /* width: calc(100% - 430rem); */
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index-new-nums {
  font-family: SourceHanSansSC;
  color: rgba(28, 29, 30, 0.6);
}
.index-new-nums span {
  color: rgba(28, 29, 30, 0.9);
}
.index-new-line {
  width: 1013rem;
  height: 1px;
  background: #c7d5fb;
  margin: 0 10rem 0 20rem;
}
.index-new-navigation {
  display: flex;
  align-items: center;
}
.index-news-prev {
  width: 65rem;
  height: 64rem;
  background: url(./../esimg/icon/w_l.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  margin: 0 9rem;
}
.index-news-next {
  width: 65rem;
  height: 64rem;
  background: url(./../esimg/icon/w_r.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  margin: 0 9rem;
}
.index-about-box {
  background: url(./../esimg/img/about_bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 220rem 100rem 40rem 160rem;
  margin-top: -200rem;
  display: flex;
  align-items: center;
}

.index-about-img {
  width: 1013rem;
}
.index-about-content {
  width: calc(100% - 1013rem);
}
.index-about-content .public-title {
  text-align: left;
}
.index-about-desc {
  padding-top: 60rem;
  line-height: 1.6;
  color: #2f415c;
  font-family: SourceHanSansSC;
}
.index-about-btn {
  margin-top: 85rem;
}
.index-about-flex {
  display: flex;
  justify-content: space-between;
}
.index-about-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.index-about-names {
  display: flex;
  align-items: center;
  padding-top: 75rem;
}
.index-about-num {
  font-size: 50rem;
  line-height: 1;
  font-family: Douyin-Sans;
  font-weight: bold;
  color: #083fd5;
}
.index-about-name {
  font-family: SourceHanSansSC;
  font-weight: bold;
  color: #1c1d1e;
  padding-left: 5rem;
}
.index-about-text {
  font-family: SourceHanSansSC;
  padding-top: 5rem;
  color: #2f415c;
}
.index-message-box {
  width: 100%;
  position: relative;
  z-index: 1;
  /* background: url(./../esimg/img/ly_bg.png) no-repeat;
  background-size: 100% 100%; */
}
.index-message-box-new {
  background: transparent;
}
.ocean {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 75rem;
  height: calc(45% + 75rem);
  overflow: hidden;
  /* background: linear-gradient(
        to top,
        #0a2d7a 0%,
        #1a4bb8 35%,
        transparent 100%
      ); */
}

.wave-wrap {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.wave-wrap.top {
  animation: swell 20s ease-in-out infinite;
}

/*
      关键：以前每段 width:25%（=整屏宽），宽屏把 SVG 横向拉得很开，
      图里左右留白也被放大，看起来像「两段之间空隙很大」。
      现在按 viewBox 3840×700 等比定宽，宽屏多拼几段，不再单段撑满全屏。
    */
.wave-track {
  display: flex;
  width: max-content;
  height: 100%;
  will-change: transform;
}

.wave-track img {
  display: block;
  height: 100%;
  width: auto;
  aspect-ratio: 3840 / 700;
  object-fit: fill;
  flex-shrink: 0;
  /* 轻微重叠，避免亚像素缝 */
  margin-right: -2px;
}

.wave-track img:nth-child(even) {
  transform: scaleX(-1);
}

.wave-track.bottom {
  opacity: 0.85;
  animation: drift 120s linear infinite;
}

.wave-track.top {
  opacity: 1;
  animation: drift 120s linear infinite;
}

/* 8 张 = 4 个「正+镜」周期；平移 2 张（25%）无缝循环 */
@keyframes drift {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-25%, 0, 0);
  }
}

@keyframes swell {
  0%,
  100% {
    transform: translate3d(0, -10px, 0);
  }
  50% {
    transform: translate3d(0, 12px, 0);
  }
}
.index-message-box .public-title {
  padding-top: 60rem;
}
.index-message-btn {
  margin: 40rem auto 0;
}
.index-message-bottom {
  width: 100%;
  height: 75rem;
  margin-top: 120rem;
  background: rgba(3, 48, 172, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-message-icon {
  width: 39rem;
}
.index-message-text {
  font-family: SourceHanSansSC;
  color: #ffffff;
  margin-left: 25rem;
}
.public-footer-box {
  background: #081026;
  padding-top: 60rem;
}
.public-footer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.public-footer-logo {
  width: 321rem;
}
.footer-header-right {
  display: flex;
  align-items: center;
}
.footer-right-item {
  display: flex;
  align-items: flex-start;
  margin-left: 75rem;
}
.footer-right-icon {
  width: 36rem;
}
.footer-right-content {
  padding-left: 12rem;
}
.footer-right-name {
  color: #ffffff;
}
.footer-right-cont {
  font-family: Douyin-Sans;
  font-weight: bold;
  color: #ff9d00;
}
.footer-company-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 70rem 0 40rem;
}
.footer-company-item {
  display: flex;
  align-items: center;
}
.footer-company-title {
  width: 29rem;
  height: 70rem;
  background: #094cba;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 14rem 14rem 0px 14rem;
  -webkit-border-radius: 14rem 14rem 0px 14rem;
  -moz-border-radius: 14rem 14rem 0px 14rem;
  -ms-border-radius: 14rem 14rem 0px 14rem;
  -o-border-radius: 14rem 14rem 0px 14rem;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}
.footer-company-name {
  font-family: SourceHanSansSC;
  font-weight: bold;
  color: #ffffff;
}
.footer-company-cont {
  padding-left: 20rem;
}
.footer-company-address {
  font-family: SourceHanSansSC;
  padding-top: 5rem;
  color: rgba(255, 255, 255, 0.5);
}
.public-footer-center {
  padding-top: 50rem;
  border-top: 1px solid rgba(227, 239, 255, 0.3);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 100rem;
}
.footer-menu-first {
  font-weight: bold;
  color: #ffffff;
}
.footer-menu-second {
  padding-top: 28rem;
}
.footer-menu-link {
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 6rem;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.footer-menu-link:hover {
  color: rgba(255, 255, 255, 0.7);
}
.public-footer-row {
  padding-right: 130rem;
}
.public-footer-menu {
  display: flex;
  align-items: flex-start;
}
.public-footer-row:nth-child(3) .footer-menu-item:nth-child(2) {
  margin-top: 30rem;
}
.public-footer-row:nth-child(4) .footer-menu-item:nth-child(2) {
  margin-top: 70rem;
}
.footer-qrcode-img {
  width: 137rem;
}
.footer-qrcode-text {
  text-align: center;
  margin-top: 10rem;
  color: rgba(255, 255, 255, 0.7);
}
.footer-center-qrcodes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: fit-content;
}
.footer-center-qrcodes:nth-child(2) {
  margin-top: 50rem;
}
.footer-center-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer-bottom-box {
  background: #11192f;
  padding: 20rem 160rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-bottom-box p,
.footer-bottom-box a {
  color: rgba(255, 255, 255, 0.5);
}
.footer-bottom-center {
  display: flex;
  align-items: center;
}
.footer-bottom-right {
  display: flex;
  align-items: center;
}
.friendly-box .main-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10rem 0;
}
.friendly-box .main-center p,
.friendly-box .main-center a {
  color: rgba(0, 0, 0, 0.5);
  margin-right: 10rem;
  line-height: 1.8;
}
.public-banner-box {
  position: relative;
}
.public-banner-img {
  width: 100%;
}
.public-banner-content {
  position: absolute;
  top: 250rem;
  left: 160rem;
}
.public-banner-title {
  font-weight: bold;
  font-size: 60rem;
  color: #1c41a4;
  line-height: 1;
}
.public-banner-text {
  padding-top: 10rem;
  color: #9bb0e6;
}
.public-keyword-box {
  position: absolute;
  left: 160rem;
  bottom: 20rem;
  display: flex;
  align-items: center;
}
.public-keyword-box a,
.public-keyword-box p {
  color: rgba(78, 98, 120, 0.5);
}
.special-banner-box .public-keyword-box {
  bottom: 120rem;
}
.news-list-box {
  padding-top: 70rem;
  background: url(./../esimg/img/info-page1.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.public-crumbs-box {
  position: absolute;
  right: 160rem;
  top: 10rem;
  display: flex;
  align-items: center;
}
.public-crumbs-item {
  position: relative;
  color: rgba(78, 98, 120, 0.5);
  padding-right: 15rem;
}
.public-crumbs-item::after {
  content: "-";
  position: absolute;
  top: 50%;
  right: 5rem;
  transform: translateY(-50%);
}
.public-crumbs-item:last-child::after {
  display: none;
}
.public-type-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.public-type-item {
  margin: 0 15rem;
  min-width: 200rem;
  height: 80rem;
  background: #e1ecf8;
  color: #192032;
  border-radius: 40rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 40rem;
  -moz-border-radius: 40rem;
  -ms-border-radius: 40rem;
  -o-border-radius: 40rem;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.public-type-on,
.public-type-item:hover {
  background: #0652cf;
  color: #fff;
}
.news-list-swiper {
  width: 100%;
  height: 500rem;
  background: #ffffff;
  position: relative;
  margin-top: 50rem;
  box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
  border-radius: 33rem;
  border: 2px solid #ffffff;
  -webkit-border-radius: 33rem;
  -moz-border-radius: 33rem;
  -ms-border-radius: 33rem;
  -o-border-radius: 33rem;
  padding: 50rem 60rem;
}
.news-exhibition-swiper {
  height: 580rem;
}
.news-list-swiper .swiper-slide {
  opacity: 0 !important;
}
.news-list-swiper .swiper-slide-active {
  opacity: 1 !important;
}
.news-swiper-item {
  display: flex;
  align-items: flex-start;
}
.news-exhibition-swiper .news-list-pagination {
  position: absolute;
  z-index: 11;
  bottom: 10rem;
  left: 60% !important;
}
.news-swiper-img {
  width: 690rem;
  border-radius: 30rem;
  -webkit-border-radius: 30rem;
  -moz-border-radius: 30rem;
  -ms-border-radius: 30rem;
  -o-border-radius: 30rem;
}
.news-exhibition-swiper .news-swiper-img {
  width: 832rem;
}
.news-swiper-content {
  width: calc(100% - 690rem);
  padding-left: 50rem;
}
.news-exhibition-swiper .news-swiper-content {
  width: calc(100% - 832rem);
}
.news-swiper-title {
  font-weight: bold;
  color: #1c1d1e;
}
.news-swiper-text {
  padding-top: 40rem;
  line-height: 1.6;
  color: #2f415c;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-swiper-flex {
  padding-top: 35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news-exhibition-swiper .news-swiper-flex {
  padding-top: 90rem;
}
.news-swiper-times {
  display: flex;
  align-items: flex-end;
}
.news-swiper-day {
  font-size: 50rem;
  color: rgba(8, 63, 213, 1);
  line-height: 1;
  font-weight: bold;
  font-family: Douyin-Sans;
}
.news-swiper-year {
  color: rgba(8, 63, 213, 1);
  line-height: 1;
  font-weight: bold;
  font-family: Douyin-Sans;
  padding-bottom: 5rem;
}
.news-list-pagination {
  position: absolute;
  z-index: 11;
  bottom: 10rem;
  left: 50%;
}
.swiper-pagination-bullet {
  width: 28px;
  height: 6px;
  margin: 0 7rem;
  background: #d0dde9;
  border-radius: 3px;
  border-radius: 5rem;
  opacity: 1;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
}
.swiper-pagination-bullet-active {
  background: #0652cf;
}
.news-list-item {
  margin-top: 35rem;
  width: 100%;
  height: 270rem;
  background: #ffffff;
  box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
  border-radius: 33rem;
  border: 2px solid #ffffff;
  -webkit-border-radius: 33rem;
  -moz-border-radius: 33rem;
  -ms-border-radius: 33rem;
  -o-border-radius: 33rem;
  display: flex;
  align-items: center;
  padding: 60rem 220rem 60rem 70rem;
  position: relative;
  transition:
    box-shadow 0.4s ease,
    transform 0.4s ease;
  -webkit-transition:
    box-shadow 0.4s ease,
    transform 0.4s ease;
}
.news-list-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(./../esimg/img/3-0bg1.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 33rem;
  -webkit-border-radius: 33rem;
  -moz-border-radius: 33rem;
  -ms-border-radius: 33rem;
  -o-border-radius: 33rem;
  opacity: 0;
  transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  z-index: 0;
}
.news-list-item:hover::before {
  opacity: 1;
}
.news-list-item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 60rem;
  transform: translate(0, -50%);
  width: 64rem;
  height: 64rem;
  background: url(./../esimg/icon/3-0more2.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transition: background 0.4s ease;
  -webkit-transition: background 0.4s ease;
  z-index: 1;
}
.news-list-item:hover::after {
  background: url(./../esimg/icon/3-0more1.png) no-repeat;
  background-size: 100% 100%;
}
.news-item-times {
  width: 140rem;
  position: relative;
  z-index: 1;
}
.news-item-day {
  color: #083fd5;
  font-size: 50rem;
  font-weight: bold;
  font-family: Douyin-Sans;
  transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
}
.news-list-item:hover .news-item-day {
  color: #fff;
}
.news-list-item:hover .news-item-year {
  color: #fff;
}
.news-item-year {
  font-weight: bold;
  color: #083fd5;
  font-family: Douyin-Sans;
  transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
}
.news-item-content {
  width: calc(100% - 140rem);
  padding-left: 40rem;
  position: relative;
  z-index: 1;
}
.news-item-title {
  color: #1c1d1e;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 10rem;
  transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
}
.news-list-item:hover .news-item-title {
  color: #fff;
}
.news-list-item:hover .news-item-text {
  color: #fff;
  opacity: 0.6;
}
.news-item-text {
  color: #2f415c;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 10rem;
  transition:
    color 0.4s ease,
    opacity 0.4s ease;
  -webkit-transition:
    color 0.4s ease,
    opacity 0.4s ease;
}
.news-list-list {
  padding-bottom: 60rem;
}
.public-page-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.public-page-item {
  width: 60rem;
  height: 60rem;
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px solid #d5dee4;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5rem;
  color: #c2cdd4;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.public-page-first {
  background: url(./../esimg/icon/public-page-first.png) no-repeat center center;
  background-size: 16rem 15rem;
}
.public-page-prev {
  background: url(./../esimg/icon/public-page-prev.png) no-repeat center center;
  background-size: 9rem 15rem;
}
.public-page-next {
  background: url(./../esimg/icon/public-page-next.png) no-repeat center center;
  background-size: 9rem 15rem;
}
.public-page-end {
  background: url(./../esimg/icon/public-page-end.png) no-repeat center center;
  background-size: 16rem 15rem;
}
.public-page-item:hover,
.public-page-on {
  color: #fff;
  background-color: #0146b7;
}
.news-info-article {
  background: #ffffff;
  box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
  border-radius: 33px;
  border: 2px solid #ffffff;
  width: 100%;
  padding: 70rem;
  margin-top: 50rem;
}
.news-info-title {
  font-weight: bold;
  color: #1c1d1e;
  text-align: center;
}
.news-info-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 25rem;
}
.news-flex-item {
  margin: 0 60rem;
  color: #2f415c;
}
.news-info-content {
  padding-top: 60rem;
}
.news-info-content p {
  line-height: 1.6;
  margin-bottom: 20rem;
}
.news-info-content img {
  width: auto;
  max-width: 100%;
  margin: 0 auto 30rem;
}
.news-info-keyword {
  border-top: 1px solid #d9e2ec;
  display: flex;
  align-items: center;
  padding-top: 25rem;
}
.news-info-keyword p {
  color: #2f415c;
  opacity: 0.8;
  margin-right: 10rem;
}
.news-bottom-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 35rem;
}
.news-bottom-link {
  color: #657081;
  margin-bottom: 10rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-bottom-link:hover {
  color: #0146b7;
}
.news-recommend-box {
  padding-top: 100rem;
}
.news-recommend-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 60rem;
}
.news-recommend-item {
  width: calc((100% - 100rem) / 3);
  margin-right: 50rem;
  margin-bottom: 20rem;
  background: #edf4fc;
  border-radius: 33px;
  padding: 40rem;
}
.news-recommend-item:nth-child(3n) {
  margin-right: 0;
}
.news-recommend-title {
  font-weight: bold;
  color: #1c1d1e;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-recommend-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 35rem;
  position: relative;
}
.news-recommend-date {
  color: rgba(47, 65, 92, 0.8);
}
.news-recommend-flex::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1rem;
  width: 16rem;
  height: 21rem;
  background: url(./../esimg/icon/news_more.png) no-repeat;
  background-size: 100% 100%;
}
.news-recommend-item:hover .news-recommend-flex::after {
  width: 50rem;
  height: 50rem;
  right: -17rem;
  bottom: -14rem;
  background: url(./../esimg/icon/more_w.png) no-repeat;
  background-size: 100% 100%;
}
.news-exhibition-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 66rem;
  padding-bottom: 60rem;
}
.news-exhibition-item {
  width: calc((100% - 40rem) / 2);
  margin-right: 40rem;
  margin-bottom: 50rem;
  background: #e1ecf8;
  border-radius: 33rem;
  padding: 20rem 25rem;
  -webkit-border-radius: 33rem;
  -moz-border-radius: 33rem;
  -ms-border-radius: 33rem;
  -o-border-radius: 33rem;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.news-exhibition-item:nth-child(2n) {
  margin-right: 0;
}
.news-exhibition-item:hover {
  background: #ffffff;
  box-shadow: 0px 10px 95px 0px #c9e4fe;
}
.news-exhibition-img {
  width: 100%;
  border-radius: 33rem;
}
.news-exhibition-title {
  padding-right: 125rem;
  font-weight: bold;
  color: #1c1d1e;
  padding-top: 20rem;
  line-height: 1.6;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-exhibition-title::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 64rem;
  height: 64rem;
  background: url(./../esimg/icon/more_w.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.news-exhibition-item:hover .news-exhibition-title::after {
  background: url(./../esimg/icon/jt_blue_r.png) no-repeat;
  background-size: 100% 100%;
}
.case-list-box {
  background: url(./../esimg/img/4-0bg1.png) no-repeat;
  background-size: 100% 100%;
  padding: 70rem 0;
  position: relative;
}
.case-list-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 60rem;
  padding-bottom: 60rem;
}
.case-list-item {
  width: calc((100% - 100rem) / 3);
  margin-right: 50rem;
  margin-bottom: 25rem;
  box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
}
.case-list-item:nth-child(3n) {
  margin-right: 0;
}
.case-header-box {
  padding: 50rem;
  background: #ffffff;
  box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
  border-radius: 24rem;
  border: 6px solid #fefefc;
  display: flex;
  align-items: center;
  -webkit-border-radius: 24rem;
  -moz-border-radius: 24rem;
  -ms-border-radius: 24rem;
  -o-border-radius: 24rem;
  margin-top: 50rem;
}
.case-header-img {
  width: 500rem;
  border-radius: 24rem;
}
.case-header-content {
  width: calc(100% - 500rem);
  padding-left: 55rem;
}
.case-header-title {
  font-weight: bold;
  color: #1c1d1e;
}
.case-header-intro {
  margin-top: 30rem;
  font-weight: bold;
  color: #0652cf;
}
.case-header-intro::before {
  content: "\00B7";
}
.case-header-text {
  padding-top: 20rem;
  line-height: 1.6;
  color: #2f415c;
}
.case-service-box {
  margin-top: 30rem;
  width: 100%;
  background: #ffffff;
  box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
  border-radius: 24rem;
  position: relative;
  padding: 80rem 70rem;
}
.public-intro-title {
  background: url(./../esimg/icon/public-intro-title.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 217rem;
  height: 57rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #ffffff;
}
.case-service-content {
}
.case-service-content p {
  color: #2f415c;
  line-height: 1.6;
  margin-bottom: 30rem;
}
.case-service-content img {
  width: auto;
  max-width: 100%;
  margin: 0 auto 30rem;
}
.case-applied-box {
  margin-top: 30rem;
  width: 100%;
  background: #ffffff;
  box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
  border-radius: 24rem;
  position: relative;
  padding: 80rem 70rem;
}
.case-applied-content p {
  padding-left: 30rem;
  padding-bottom: 20rem;
  position: relative;
  color: #2f415c;
}
.case-applied-content p:last-child {
  padding-bottom: 0;
}
.case-applied-content p::after {
  content: "";
  position: absolute;
  left: 0;
  top: 7rem;
  background: url(./../esimg/icon/4-1dui.png) no-repeat;
  background-size: 100% 100%;
  width: 15rem;
  height: 15rem;
}
.color-blue {
  color: #0652cf;
}
.customer-main-box {
  position: relative;
  padding: 70rem 0;
  background: url(./../esimg/img/4-2bg.png) no-repeat;
  background-size: 100% auto;
  background-position: center 210rem;
}
.customer-top-box {
  display: flex;
  align-items: flex-start;
}
.customer-top-left {
  width: 306rem;
}
.customer-top-right {
  width: calc(100% - 306rem);
  position: relative;
}

/* 左侧标题区域 */
.customer-top-title {
  position: relative;
  padding-left: 16rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 20rem;
}
.customer-top-bar {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6rem;
  height: 36rem;
  background: linear-gradient(180deg, #1e6be0, #4a9eff);
  border-radius: 3rem;
}
.customer-top-desc {
  color: #666;
  margin-bottom: 40rem;
}
.customer-top-stats {
  display: flex;
  gap: 40rem;
}
.customer-top-stat-item {
  text-align: center;
}
.customer-top-stat-num {
  color: #1e6be0;
  font-weight: bold;
  margin-bottom: 8rem;
}
.customer-top-stat-label {
  color: #666;
}

/* 地图容器 */
.customer-map-container {
  width: 100%;
  height: 900rem;
  position: relative;
}
/* 地图合规声明 */
.customer-map-tip {
  position: absolute;
  left: 50rem;
  bottom: 139rem;
  z-index: 5;
  /* max-width: 360rem; */
  color: #999;
  line-height: 1.6;
  pointer-events: none;
}

/* 省份信息卡片 */
.customer-province-card {
  position: absolute;
  width: 360rem;
  background: rgba(255, 255, 255, 0.96);
  border-radius: 12rem;
  box-shadow: 0 8rem 32rem rgba(0, 0, 0, 0.12);
  padding: 24rem 22rem;
  z-index: 10;
  display: none;
  pointer-events: none;
  transform: translate(-50%, -100%);
  left: 0;
  top: 0;
}
.customer-province-card.show {
  display: block;
  pointer-events: auto;
}
.province-card-title-row {
  display: flex;
  align-items: center;
  /* margin-bottom: 8rem; */
}
.province-card-bar {
  width: 4rem;
  height: 26rem;
  background: #1e6be0;
  border-radius: 2rem;
  margin-right: 10rem;
}
.province-card-title {
  color: #0652cf;
  font-weight: bold;
  margin: 0;
  line-height: 1.2;
}
.province-card-count {
  color: #0652cf;
  margin: 0 0 16rem 0;
  line-height: 1.3;
  font-weight: bold;
  margin-top: 6rem;
  padding-left: 14rem;
}
.province-card-num {
  color: #1e6be0;
  font-weight: bold;
}
.province-card-list {
  max-height: 360rem;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  list-style: none;
}
.province-card-list li {
  color: #555;
  padding: 6rem 0 6rem 18rem;
  position: relative;
  line-height: 1.5;
}
.province-card-list li::before {
  content: "";
  position: absolute;
  left: 4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 6rem;
  height: 6rem;
  background: #1e6be0;
  border-radius: 50%;
}
/* 滚动条样式 */
.province-card-list::-webkit-scrollbar {
  width: 4rem;
}
.province-card-list::-webkit-scrollbar-thumb {
  background: #c0d4f0;
  border-radius: 2rem;
}
.province-card-list::-webkit-scrollbar-track {
  background: transparent;
}
.customer-date-num {
  font-family: Douyin-Sans;
  font-weight: bold;
  font-size: 50rem;
  color: #083fd5;
}
.customer-date-text {
  color: #2f415c;
}
.customer-date-item {
  padding-top: 100rem;
}
.customer-cooperation-box {
  padding-top: 60rem;
}
.customer-cooperation-list {
  padding-top: 60rem;
  display: flex;
  flex-wrap: wrap;
}
.customer-cooperation-item {
  font-weight: bold;
  color: #192032;
  height: 45rem;
  padding: 0 15rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.customer-cooperation-on {
  background: #0652cf;
  color: #fff;
}
.customer-cooperation-card {
  margin-top: 35rem;
  width: 100%;
  background: #ffffff;
  box-shadow: 13px 23px 35px 0px rgba(201, 219, 255, 0.5);
  border-radius: 26rem;
  border: 2px solid #dbe8ff;
  -webkit-border-radius: 26rem;
  -moz-border-radius: 26rem;
  -ms-border-radius: 26rem;
  -o-border-radius: 26rem;
}
.customer-cooperation-header {
  width: 100%;
  height: 50rem;
  background: linear-gradient(90deg, #0652cf 0%, rgba(6, 82, 207, 0) 100%);
  border-radius: 26rem 26rem 0 0;
  color: #fff;
  padding-left: 30rem;
  display: flex;
  align-items: center;
  -webkit-border-radius: 26rem 26rem 0 0;
  -moz-border-radius: 26rem 26rem 0 0;
  -ms-border-radius: 26rem 26rem 0 0;
  -o-border-radius: 26rem 26rem 0 0;
}
.customer-cooperation-content {
  padding: 25rem 30rem;
  display: flex;
  flex-wrap: wrap;
}
.customer-cooperation-text {
  color: #2f415c;
  margin-bottom: 10rem;
  position: relative;
  width: 33.3%;
}
.customer-cooperation-text::before {
  content: "\00B7";
}
.partner-top-box {
  padding-top: 60rem;
  position: relative;
  background: url(./../esimg/img/partner-top-bg.png) no-repeat top center;
  background-size: 100% auto;
}
.partner-categorize-box {
  padding-top: 45rem;
}
.partner-categorize-item {
  display: flex;
  align-items: flex-start;
  margin-top: 70rem;
}
.partner-categorize-item:nth-child(2n) {
  flex-direction: row-reverse;
}
.partner-categorize-imgs {
  width: 690rem;
  overflow: hidden;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}
.partner-categorize-imgs img {
  width: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.partner-categorize-imgs:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.partner-categorize-content {
  width: calc(100% - 690rem);
  padding-left: 70rem;
}
.partner-categorize-item:nth-child(2n) .partner-categorize-content {
  padding-left: 0;
  padding-right: 70rem;
}
.partner-categorize-title {
  font-weight: bold;
  color: #1c1d1e;
  padding-top: 10rem;
}
.partner-categorize-no {
  font-family: Douyin-Sans;
  font-weight: bold;
  color: #083fd5;
  font-size: 40rem;
}
.partner-categorize-text {
  color: #2f415c;
  padding-top: 20rem;
  line-height: 1.6;
}
.partner-categorize-card {
  width: 100%;
  background: #ffffff;
  box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
  border-radius: 23px;
  border: 2px solid #ffffff;
  margin-top: 30rem;
  padding: 20rem 30rem 10rem;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.partner-categorize-card:hover {
  transform: translateY(-5rem) !important;
  -webkit-transform: translateY(-5rem) !important;
  -moz-transform: translateY(-5rem) !important;
  -ms-transform: translateY(-5rem) !important;
  -o-transform: translateY(-5rem) !important;
}
.partner-categorize-intro {
  font-weight: bold;
  color: #083fd5;
}
.partner-categorize-decs {
  padding-top: 10rem;
}
.partner-categorize-p {
  padding-left: 25rem;
  position: relative;
  margin-bottom: 5rem;
}
.partner-categorize-p::before {
  content: "";
  position: absolute;
  top: 7rem;
  left: 0;
  width: 14rem;
  height: 14rem;
  background: #ffffff;
  border-radius: 50%;
  border: 1px solid #083fd5;
}
.partner-categorize-p::after {
  content: "";
  position: absolute;
  top: 12rem;
  left: 5rem;
  width: 6rem;
  height: 6rem;
  background: #083fd5;
  border-radius: 50%;
}
.partner-center-box {
  background: url(./../esimg/img/5-0bg2.png) no-repeat bottom center;
  background-size: 100% auto;
  padding-bottom: 80rem;
}
.partner-concept-box {
  padding-top: 100rem;
  position: relative;
}
.partner-concept-img {
  width: 1784rem;
  margin: 0 auto;
}
.partner-concept-title {
  position: absolute;
  z-index: 11;
  top: 100rem;
  left: 0;
  width: 100%;
}
.partner-support-box {
  margin-top: -60rem;
}
.partner-support-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 60rem;
}
.partner-support-item {
  width: calc((100% - 100rem) / 3);
  position: relative;
  height: 500rem;
  margin-right: 50rem;
  background: #ffffff;
  box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
  border-radius: 33rem;
  -webkit-border-radius: 33rem;
  -moz-border-radius: 33rem;
  -ms-border-radius: 33rem;
  -o-border-radius: 33rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 55rem;
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.partner-support-item:nth-child(3n) {
  margin-right: 0;
}
.partner-support-item:hover {
  transform: translateY(-5rem) !important;
  -webkit-transform: translateY(-5rem) !important;
  -moz-transform: translateY(-5rem) !important;
  -ms-transform: translateY(-5rem) !important;
  -o-transform: translateY(-5rem) !important;
}
.partner-support-icon {
  width: 150rem;
  margin-top: 45rem;
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -ms-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.partner-support-item:hover .partner-support-icon {
  transform: scale(1.1);
}
.partner-support-no {
  width: 128rem;
  position: absolute;
  top: 0;
  left: 0;
}
.partner-support-name {
  font-weight: bold;
  color: #1c1d1e;
}
.partner-support-conent {
  padding-top: 40rem;
}
.partner-support-p {
  padding-left: 32rem;
  position: relative;
  margin-bottom: 30rem;
}
.partner-support-p::before {
  content: "";
  position: absolute;
  top: 6rem;
  left: 0;
  width: 15rem;
  height: 15rem;
  background: url(./../esimg/icon/partner-support-dot.png) no-repeat;
  background-size: 100% 100%;
}
.recruit-main-box {
  padding-top: 70rem;
  position: relative;
  background: url(./../esimg/img/5-1bg2.png) no-repeat bottom center;
  background-size: 100% auto;
}
.recruit-process-box {
  padding-top: 50rem;
}
.about-top-box {
  padding-top: 70rem;
  background: url(./../esimg/img/6-0bg1.png) no-repeat top center;
  background-size: 100% auto;
  position: relative;
}
.recruit-process-img {
  margin-top: 40rem;
  width: 100%;
  position: relative;
  z-index: 1;
}
.recruit-process-card {
  position: relative;
  z-index: 2;
  padding: 78rem 70rem;
  margin-top: -90rem;
  background: #ffffff;
  box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
  border-radius: 33px;
  border: 2px solid #ffffff;
}
.recruit-process-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.recruit-process-item {
  /* flex: 1; */
  position: relative;
}
.recruit-process-item::after {
  content: "";
  position: absolute;
  width: 194rem;
  height: 5rem;
  top: 30rem;
  left: 132rem;
  background: url(./../esimg/icon/recruit-process-line.png) no-repeat;
  background-size: 100% 100%;
}
.recruit-process-item:last-child::after {
  display: none;
}
.recruit-process-no {
  height: 61rem;
}
.recruit-process-name {
  padding-top: 30rem;
  font-weight: bold;
  color: #1c1d1e;
}
.recruit-process-text {
  width: 268px;
  color: #2f415c;
  padding-top: 10rem;
}
.recruit-process-point {
  padding: 0 30rem;
  width: fit-content;
  min-width: 456rem;
  height: 80rem;
  display: flex;
  align-items: center;
  background: #0652cf;
  border-radius: 40rem;
  margin: 0 20rem;
}
.recruit-process-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 60rem;
}
.recruit-process-icon {
  width: 40rem;
}
.recruit-process-tip {
  padding-left: 16rem;
  color: #ffffff;
}
.recruit-form-box {
  padding-top: 80rem;
  padding-bottom: 60rem;
}
.recruit-form {
  width: 100%;
  height: 720rem;
  background: #ffffff;
  box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
  border-radius: 28px;
  padding: 90rem 75rem;
  margin-top: 45rem;
  position: relative;
  z-index: 1;
}

.recruit-form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 338rem;
  height: 220rem;
  background: url(./../esimg/icon/5-1bg1.png) no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}
.recruit-form::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 235rem;
  height: 465rem;
  background: url(./../esimg/icon/5-1bg11.png) no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}
.recruit-form-left {
  width: calc(100% - 700rem);
  padding-right: 50rem;
}
.recruit-form-certificate {
  width: 700rem;
}
.recruit-form-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 20rem;
}
.recruit-form-label {
  color: #192032;
  padding-bottom: 10rem;
}
.recruit-form-input {
  width: 100%;
  height: 81rem;
  padding-left: 20rem;
  background: #f2f6fa;
  border-radius: 9px;
  border: 1px solid #91bcf7;
  transition: border-color 0.3s ease;
}
.recruit-form-input:focus {
  outline: none;
  border-color: #0652cf;
}
.recruit-certificate-card {
  width: 100%;
  height: 369rem;
  background: #f2f6fa;
  border-radius: 9px;
  border: 1px solid #91bcf7;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.recruit-certificate-card:hover {
  border-color: #0652cf;
}
.recruit-form-flex {
  display: flex;
  align-items: flex-start;
}
.recruit-certificate-btn {
  width: 280rem;
  height: 80rem;
  background: #ffffff;
  box-shadow: 0px 10px 95px 0px #c9e4fe;
  border-radius: 40px;
}
.recruit-certificate-icon {
  width: 30rem;
}
.recruit-certificate-p {
  color: #192032;
  padding-left: 20rem;
}
.recruit-certificate-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.about-introduction-box {
  padding-top: 50rem;
  position: relative;
}
.about-introduction-flex {
  display: flex;
  align-items: flex-start;
  padding-top: 85rem;
}
.about-introduction-left {
  width: calc(100% - 820rem);
  position: relative;
}
.about-introduction-right {
  width: 820rem;
}
.about-introduction-slogan {
  font-weight: bold;
  color: #1c1d1e;
  font-size: 50rem;
  padding-left: 40rem;
  text-align: right;
  width: fit-content;
}
.about-introduction-line {
  position: absolute;
  z-index: 2;
  top: 70rem;
  left: 400rem;
  width: 250rem;
  height: 3rem;
}
.about-introduction-line::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, #235acd 0%, rgba(35, 90, 205, 0) 100%);
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
.about-introduction-line::after {
  content: "";
  position: absolute;
  z-index: 3;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  border: 5rem solid rgba(25, 82, 203, 0.5);
  background: #1952cb;
  background-clip: padding-box;
}
.about-introduction-cont {
  color: #2f415c;
}
.about-introduction-intro {
  color: #2f415c;
  padding-top: 30rem;
}
.about-introduction-content {
  padding-top: 25rem;
}
.about-introduction-item {
  display: flex;
  align-items: center;
  margin-top: 15rem;
}
.about-introduction-by {
  font-weight: bold;
  color: #1c1d1e;
}
.about-introduction-icon {
  width: 140rem;
  padding-left: 10rem;
}
.about-introduction-decs {
  padding-left: 8rem;
}
.about-introduction-name {
  font-weight: bold;
  color: #192032;
}
.about-introduction-text {
  padding-top: 10rem;
  color: #2f415c;
}
.about-data-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 110rem;
}
.about-data-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.about-data-num {
  font-family: Douyin-Sans;
  font-weight: bold;
  font-size: 80rem;
  color: #083fd5;
  line-height: 1;
}
.about-data-num sup {
  line-height: 1;
  font-size: 60rem;
  margin-left: -20rem;
}
.about-data-name {
  color: #2f415c;
  text-align: center;
  width: 290rem;
}
.about-introduction-imgs {
  width: 100%;
  position: relative;
  margin-top: 80rem;
  z-index: 1;
}
.about-introduction-imgs::after {
  content: "";
  background: url(./../esimg/icon/6-0bofang.png) no-repeat;
  background-size: 100% 100%;
  width: 26rem;
  height: 39rem;
  position: absolute;
  z-index: 3;
  /* left: 5rem; */
  left: calc(50% - 7.5rem);
  top: calc(50% - 18.5rem);
}
.about-introduction-imgs::before {
  content: "";
  position: absolute;
  z-index: 2;
  /* left: -56.5rem; */
  left: calc(50% - 70rem);
  top: calc(50% - 70.5rem);
  width: 139rem;
  height: 141rem;
  background: url(./../esimg/icon/6-0bofang1.png) no-repeat;
  background-size: 100% 100%;
  animation: slowRotate 20s linear infinite;
}
@keyframes slowRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.about-introduction-img {
  width: 100%;
}
.about-team-box {
  position: relative;
  padding: 40rem 260rem 0;
}
.about-team-bg {
  width: 1395rem;
  margin: 0 auto;
}
.about-team-main {
  position: absolute;
  width: calc(100% - 520rem);
  top: 0;
  left: auto;
  margin: 0 auto;
  padding-top: 155rem;
}
.about-team-text {
  color: #2f415c;
  padding-top: 35rem;
  text-align: center;
  line-height: 1.6;
}
.about-team-data {
  padding-top: 50rem;
}
.about-team-data .about-data-name {
  width: 420rem;
}
.about-team-img {
  width: 100%;
  margin-top: 20rem;
}
.about-history-box {
  background: url(./../esimg/img/6-0bg3.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 250rem;
  padding-bottom: 250rem;
  margin-top: -100rem;
}
.about-history-flex {
  display: flex;
  align-items: flex-start;
  padding-left: 100rem;
  position: relative;
}
.about-history-left {
  width: 360rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about-history-btn {
  width: 72rem;
  height: 72rem;
  padding: 8rem;
  cursor: pointer;
  transition: transform 0.3s;
}
.about-history-btn:hover {
  transform: scale(1.1);
}
.about-history-btn img {
  width: 100%;
  height: 100%;
  display: block;
}
.about-history-swiper {
  width: 100%;
  height: 420rem;
  margin: 24rem 0;
}
.about-history-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 70rem;
  font-weight: bold;
  color: #a6bce1;
  cursor: pointer;
  transition: all 0.35s;
}
.about-history-slide.swiper-slide-active {
  font-size: 160rem;
  color: #1952cb;
}
.about-history-line {
  position: absolute;
  z-index: 2;
  top: 320rem;
  left: 400rem;
  width: 250rem;
  height: 3rem;
}
.about-history-line::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, #235acd 0%, rgba(35, 90, 205, 0) 100%);
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
.about-history-line::after {
  content: "";
  position: absolute;
  z-index: 3;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  border: 5rem solid rgba(25, 82, 203, 0.5);
  background: #1952cb;
  background-clip: padding-box;
}
.about-history-right {
  flex: 1;
  padding-left: 270rem;
}
.about-history-title {
  font-size: 40rem;
  font-weight: bold;
  color: #192032;
}
.about-history-panels {
  padding-top: 40rem;
}
.about-history-panel {
  display: none;
}
.about-history-panel-on {
  display: block;
  animation: historyFade 0.45s ease;
}
@keyframes historyFade {
  from {
    opacity: 0;
    transform: translateY(16rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.about-history-main p {
  font-size: 26rem;
  font-weight: bold;
  color: #192032;
  line-height: 1.8;
}
.about-history-list {
  padding-top: 24rem;
}
.about-history-list li {
  position: relative;
  padding-left: 26rem;
  color: #2f3b50;
  line-height: 2.1;
}
.about-history-list li::before {
  content: "";
  position: absolute;
  left: 4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  background: #2f415c;
}
.culture-top-box {
  position: relative;
  padding-top: 70rem;
}
.culture-top-main {
  padding-top: 50rem;
}
.culture-top-list {
}
.culture-top-item {
  padding-top: 50rem;
  display: flex;
  align-items: center;
}
.culture-top-item:nth-child(2n) {
  display: flex;
  flex-direction: row-reverse;
}
.culture-item-imgs {
  width: 770rem;
  overflow: hidden;
}
.culture-item-img {
  width: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.culture-item-cont {
  padding-left: 110rem;
  width: calc(100% - 770rem);
}
.culture-top-item:nth-child(2n) .culture-item-cont {
  padding-left: 50rem;
}
.culture-item-en {
  font-size: 60rem;
  font-family: Douyin-Sans;
  font-weight: bold;
  color: #0652cf;
  text-transform: uppercase;
}
.culture-item-name {
  font-weight: bold;
  color: #1c1d1e;
  padding-top: 20rem;
}
.culture-item-text {
  padding-top: 40rem;
  color: #2f415c;
}
.culture-responsibility-box {
  padding-top: 100rem;
  padding-bottom: 55rem;
}
.culture-responsibility-text {
  color: #2f415c;
  padding-top: 35rem;
  text-align: center;
}
.culture-empowerment-box {
  background: url(./../esimg/img/6-1img4.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 600rem;
  min-height: 1386rem;
}
.culture-empowerment-list {
  display: flex;
  flex-wrap: wrap;
}
.culture-empowerment-item {
  width: calc((100% - 40rem) / 2);
  height: 280rem;
  margin-right: 40rem;
  margin-bottom: 30rem;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 11px 68px 0px #c6e3f2;
  border-radius: 20px;
  padding: 65rem 45rem;
  display: flex;
  align-items: flex-start;
  transition: all 0.3s;
}
.culture-empowerment-item:nth-child(2n) {
  margin-right: 0;
}
.culture-empowerment-item:hover {
  transform: translateY(-10rem);
}
.culture-empowerment-icon {
  width: 150rem;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.culture-empowerment-item:hover .culture-empowerment-icon {
  transform: scale(1.1);
}
.culture-empowerment-content {
  padding-left: 15rem;
}
.culture-empowerment-title {
  font-weight: bold;
  color: #1c1d1e;
}
.culture-empowerment-text {
  color: #2f415c;
  padding-top: 20rem;
}
.honor-top-box {
  padding-top: 54rem;
  position: relative;
}
.honor-top-bg {
  position: absolute;
  top: 50rem;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
  z-index: 0;
}
.honor-top-bg.wap {
  top: 340rem;
  -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
}
.honor-top-box .main-center {
  position: relative;
  z-index: 1;
}
.honor-top-main {
  padding-top: 50rem;
  padding-bottom: 100rem;
}
.honor-top-content {
  width: 700rem;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 664rem;
  display: none;
}
.honor-top-item {
  width: 244rem;
  margin-right: 65rem;
  margin-bottom: 30rem;
  background: url(./../esimg/icon/6-3maisui.png) no-repeat center center;
  background-size: 100% auto;
}
.honor-top-num {
  text-align: center;
  font-weight: bold;
  font-size: 80rem;
  line-height: 1;
  color: #083fd5;
}
.honor-top-title {
  color: #2f415c;
  text-align: center;
}
.honor-lable-title {
  font-weight: bold;
  color: #083fd5;
  padding-left: 40rem;
  position: relative;
  margin-top: 803rem;
}
.honor-lable-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12rem;
  height: 12rem;
  background: #3d68f8;
  border-radius: 50%;
  border: 4rem solid #c3d9f9;
}
.honor-lable-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 40rem;
}
.honor-lable-p {
  width: 33%;
  color: #2f415c;
  position: relative;
  padding-left: 16rem;
  margin-bottom: 15rem;
}
.honor-lable-p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8rem;
  width: 9rem;
  height: 9rem;
  background: #3d68f8;
  border-radius: 50%;
}
.service-top-box {
  padding-top: 70rem;
  position: relative;
  background: url(./../esimg/img/6-2bg.png) no-repeat;
  background-position: 50% 116rem;
  background-size: 100% auto;
}
.service-top-main {
  padding-top: 50rem;
  padding-bottom: 80rem;
}
.service-top-flex {
  padding-top: 20rem;
  display: flex;
  align-items: center;
}
.service-top-left {
  width: calc(100% - 1060rem);
  padding-right: 20rem;
}
.service-top-img {
  width: 1060rem;
}
.service-top-item {
  margin-bottom: 80rem;
  width: 100%;
}
.service-item-flex {
  display: flex;
  align-items: center;
}
.counter-numbers {
  font-family: Douyin-Sans;
  font-weight: bold;
  line-height: 1;
  display: flex;
  align-items: flex-start;
  color: #083fd5;
}
.counter-number {
  font-family: Douyin-Sans;
  font-weight: bold;
  font-size: 50rem;
  color: #083fd5;
  line-height: 1;
}
.service-item-name {
  font-weight: bold;
  color: #083fd5;
  padding-left: 10rem;
}
.service-item-text {
  padding-top: 5rem;
  font-weight: bold;
  color: #1c1d1e;
}
.service-item-line {
  width: 510rem;
  height: 1px;
  background: #0652cf;
  position: relative;
  margin-top: 10rem;
}
.service-item-line::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 7rem;
  height: 7rem;
  background: #3d68f8;
  border-radius: 50%;
  border: 4px solid #c3d9f9;
}
.service-item-p {
  padding-top: 5rem;
  color: #2f415c;
}
.service-list-box {
  display: flex;
  align-items: center;
  padding: 0 62rem;
}
.service-list-item {
  width: calc((100% - (67rem * 4)) / 5);
  height: 241rem;
  margin-right: 67rem;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.service-list-item::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(./../esimg/icon/6-2yuan.png) no-repeat;
  background-size: 100% 100%;
  /* animation: slowRotate 20s linear infinite; */
}
.service-list-item::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: calc(100% + 2rem);
  top: calc(50% - 1.5rem);
  width: 60rem;
  height: 3rem;
  background: url(./../esimg/icon/6-2xian.png) no-repeat;
  background-size: 100% 100%;
}
.service-list-item:last-child {
  margin-right: 0;
}
.service-list-item:last-child::after {
  display: none;
}
.service-list-icon {
  width: 80rem;
  margin-top: -8rem;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.service-list-item:hover .service-list-icon {
  transform: scale(1.1);
}
.service-list-name {
  font-weight: bold;
  color: #192032;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.service-list-item:hover .service-list-name {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.service-purpose-box {
  padding-bottom: 69rem;
}
.service-purpose-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10rem;
}
.service-purpose-item {
  width: calc((100% - 40rem) / 2);
  margin-right: 40rem;
  display: flex;
  align-items: flex-start;
  padding: 60rem 75rem;
  margin-top: 40rem;
  background: #ffffff;
  box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
  border-radius: 33rem;
  border: 2px solid #ffffff;
  -webkit-border-radius: 33rem;
  -moz-border-radius: 33rem;
  -ms-border-radius: 33rem;
  -o-border-radius: 33rem;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.service-purpose-item:nth-child(1) {
  background: url(/esupfile/20260922/202609221116161081.jpg) no-repeat;
  background-size: 100% 100%;
}
.service-purpose-item:nth-child(2) {
  background: url(/esupfile/20260922/202609221116361000.jpg) no-repeat;
  background-size: 100% 100%;
}
.service-purpose-item:nth-child(3) {
  background: url(/esupfile/20260922/202609221116421009.jpg) no-repeat;
  background-size: 100% 100%;
}
.service-purpose-item:nth-child(4) {
  background: url(/esupfile/20260922/202609221116481036.jpg) no-repeat;
  background-size: 100% 100%;
}
.service-purpose-item:nth-child(2n) {
  margin-right: 0;
}
.service-purpose-item:hover {
  transform: translateY(-10rem);
  -webkit-transform: translateY(-10rem);
  -moz-transform: translateY(-10rem);
  -ms-transform: translateY(-10rem);
  -o-transform: translateY(-10rem);
}
.service-purpose-no {
  font-family: Douyin-Sans;
  font-weight: bold;
  font-size: 50rem;
  color: #083fd5;
}
.service-purpose-content {
  padding-left: 40rem;
}
.service-purpose-name {
  font-weight: bold;
  color: #192032;
}
.service-purpose-p {
  color: #1c1d1e;
  padding-top: 5rem;
}
.joinus-top-box {
  padding-top: 70rem;
  position: relative;
}
.joinus-top-main {
  padding-top: 50rem;
}
.joinus-top-card {
  margin-top: 30rem;
  /* background: url(./../esimg/img/6-4img1.png) no-repeat; */
  /* background-size: 100% 100%; */
  /* padding: 50rem 45rem 50rem 625rem; */
  padding: 50rem 0 50rem 0;
}
.joinus-top-bg {
  width: 100%;
}
.joinus-top-list {
  display: none;
  flex-wrap: wrap;
}
.joinus-top-item {
  position: relative;
  width: 274rem;
  height: 62rem;
  margin-right: 40rem;
  margin-bottom: 30rem;
  background: #ffffff;
  box-shadow: 4px 7px 32px 0px #c9dbff;
  border-radius: 27px;
  border: 8rem solid rgba(255, 255, 255, 0.45);
  display: flex;
  align-items: center;
}
.joinus-top-item:nth-child(3n) {
  margin-right: 0;
}
.joinus-top-text {
  color: #192032;
  padding-left: 79rem;
}
.joinus-top-icon {
  position: absolute;
  left: -15rem;
  top: 50%;
  transform: translateY(-50%);
  width: 91rem;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.joinus-top-item:hover .joinus-top-icon {
  transform: translateY(-50%) scale(1.05);
  -webkit-transform: translateY(-50%) scale(1.05);
  -moz-transform: translateY(-50%) scale(1.05);
  -ms-transform: translateY(-50%) scale(1.05);
  -o-transform: translateY(-50%) scale(1.05);
}
.joinus-list-box {
  padding-top: 70rem;
}
.joinus-list-header {
  width: 100%;
  height: 100rem;
  background: #e1ecf8;
  border-radius: 18rem;
  border: 2px solid #ffffff;
  -webkit-border-radius: 18rem;
  -moz-border-radius: 18rem;
  -ms-border-radius: 18rem;
  -o-border-radius: 18rem;
  display: flex;
  align-items: center;
  padding: 0 40rem;
}
.joinus-item-cell {
  color: #192032;
}
.active .joinus-item-cell {
  font-weight: bold;
}
.joinus-item-cell:nth-child(1) {
  width: 580rem;
}
.joinus-item-cell:nth-child(2) {
  width: 490rem;
}
.joinus-item-cell:nth-child(3) {
  width: 170rem;
}
.joinus-item-cell:nth-child(4) {
  width: 220rem;
}
.joinus-item-cell:nth-child(5) {
  width: 40rem;
}
.joinus-list-item {
  background: #ffffff;
  box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
  border-radius: 18rem;
  -webkit-border-radius: 18rem;
  -moz-border-radius: 18rem;
  -ms-border-radius: 18rem;
  -o-border-radius: 18rem;
  overflow: hidden;
  padding: 0 40rem;
  margin-bottom: 15rem;
  border-bottom: 4px solid transparent;
}
.joinus-list-item.active {
  border-bottom: 4px solid #0652cf;
}
.joinus-list-item:nth-child(2) {
  margin-top: -20rem;
}
.joinus-item-header {
  display: flex;
  align-items: center;
  padding: 35rem 0;
}
.joinus-item-icon {
  width: 21rem;
  margin: 0 auto;
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}
.active .joinus-item-icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.joinus-item-icon.rotate {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.joinus-item-content {
  border-top: 2px solid #cedae9;
  padding-top: 20rem;
  padding-bottom: 60rem;
  position: relative;
}
.joinus-content-title {
  color: #192032;
  font-weight: bold;
  padding-bottom: 10rem;
}
.joinus-content-text {
  color: #192032;
  line-height: 1.6;
}
.joinus-content-item {
  padding-bottom: 30rem;
}
.joinus-content-item:last-child {
  padding-bottom: 0;
}
.joinus-item-btn {
  width: 200rem;
  height: 80rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #ffffff;
  background: #0652cf;
  border-radius: 40rem;
  -webkit-border-radius: 40rem;
  -moz-border-radius: 40rem;
  -ms-border-radius: 40rem;
  -o-border-radius: 40rem;
  position: absolute;
  right: 0;
  bottom: 60rem;
}
.joinus-list-all {
  width: 202rem;
  height: 82rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0652cf;
  border-radius: 40px;
  border: 2px solid #0652cf;
  margin: 60rem auto 0;
}
.joinus-contact-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 60rem 80rem 0 60rem;
}
.joinus-contact-qrcode {
  width: 300rem;
}
.joinus-contact-flex {
  display: flex;
  align-items: flex-end;
}
.joinus-contact-name {
  font-weight: bold;
  color: #192032;
}
.joinus-contact-lable {
  color: #192032;
  padding-left: 6rem;
}
.joinus-contact-text {
  color: #192032;
  padding-top: 14rem;
}
.joinus-contact-line {
  margin: 32rem 0;
  width: 787rem;
  height: 1px;
  background: #0652cf;
  position: relative;
}
.joinus-contact-line::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 64rem;
  height: 64rem;
  background: url(./../esimg/icon/3-0more2.png) no-repeat;
  background-size: 100% 100%;
}
.joinus-contact-phone {
  color: #192032;
}
.contus-top-box {
  padding-top: 70rem;
  position: relative;
  background: url(./../esimg/img/6-5bg1.png) no-repeat;
  background-position: 50% 30rem;
  background-size: 100% 100%;
}
.contus-top-main {
  padding-top: 50rem;
}
.contus-top-card {
  margin-top: 65rem;
  background: #ffffff;
  box-shadow: 6px 11px 79px 0px #e3eeff;
  border-radius: 28rem;
  border: 2px solid #ffffff;
  -webkit-border-radius: 28rem;
  -moz-border-radius: 28rem;
  -ms-border-radius: 28rem;
  -o-border-radius: 28rem;
  padding: 60rem 90rem 90rem;
  display: flex;
}
.contus-top-left {
  width: 570rem;
  border-right: 1px solid #d8e4f1;
}
.contus-left-item {
  padding-bottom: 30rem;
}
.contus-left-name {
  color: #2f415c;
}
.contus-left-phone {
  font-family: Douyin-Sans;
  font-weight: bold;
  color: #083fd5;
}
.contus-left-lable {
  font-weight: bold;
  color: #1c1d1e;
}
.contus-left-bottom {
  display: flex;
  align-items: flex-start;
  padding-top: 60rem;
}
.contus-left-bottom .footer-center-qrcodes:nth-child(2) {
  margin-top: 0;
  margin-left: 70rem;
}
.contus-left-bottom .footer-qrcode-text {
  color: rgba(28, 29, 30, 0.7);
}
.contus-top-right {
  width: calc(100% - 570rem);
  padding-left: 108rem;
}
.contus-right-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140rem;
  height: 40rem;
  background: #ffffff;
  border-radius: 20rem;
  border: 1px solid #083fd5;
  -webkit-border-radius: 20rem;
  -moz-border-radius: 20rem;
  -ms-border-radius: 20rem;
  -o-border-radius: 20rem;
}
.contus-right-icon {
  width: 14rem;
}
.contus-right-name {
  padding-left: 10rem;
  font-weight: bold;
  color: #083fd5;
}
.contus-top-right .about-introduction-item {
  margin-bottom: 110rem;
}
.contus-top-right .about-introduction-content {
  padding-top: 40rem;
}
.contus-message-box {
  padding-top: 90rem;
  position: relative;
  z-index: 11;
}
.contus-message-card {
  margin-top: 30rem;
  background: url(./../esimg/img/6-5bg3.png) no-repeat;
  background-size: 100% 100%;
  padding: 70rem 170rem 85rem 140rem;
}
.contus-message-title {
  font-weight: bold;
  color: #192032;
}
.contus-message-flex {
  display: flex;
  flex-wrap: wrap;
  padding-top: 60rem;
}
.contus-message-flex .recruit-form-item {
  width: calc((100% - 78rem) / 2);
  margin-right: 78rem;
}
.contus-message-flex .recruit-form-item:nth-child(2n) {
  margin-right: 0;
}
.contus-message-flex .recruit-form-item .recruit-form-input {
  height: 60rem;
}
.contus-message-btn {
  margin: 55rem 0 0 auto;
}
.suspension-top-content {
}
.about-introduction-click {
  position: absolute;
  z-index: 22;
  /* left: -40rem; */
  left: calc(50% - 70rem);
  width: 139rem;
  height: 141rem;
  top: 50%;
  transform: translateY(-50%);
}
.video-modal-content {
  width: calc(100vw - 200rem - 200rem);
}
.video-modal-content video {
  width: 100%;
}
.video-modal-content video source {
  width: 100%;
}
.whites {
  display: none;
}
.header-main-white .public {
  display: none;
}
.header-main-white .whites {
  display: block;
}
.header-main-white .header-phone-number {
  color: #ffffff;
}
.header-main-white .header-nav-title {
  color: rgba(255, 255, 255, 0.7);
}
.header-main-white .header-nav-on .header-nav-title {
  color: #ffffff;
}
.header-main-white .header-nav-item::after {
  background: url(./../esimg/icon/more.png) no-repeat;
  background-size: 100% 100%;
}
.header-main-white .header-phone-text {
  color: #ffffff;
}
.contact-message-box {
  position: relative;
  z-index: 1;
  padding-bottom: 160rem;
}
.contact-message-box .ocean {
  bottom: 0;
  height: 266rem;
}
.solution6-center-box .index-customer-flex:last-child {
  display: none !important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px !important;
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #356de5 !important;
}
.software-customer-box {
  display: none !important;
}
.index-partner-box .public-title-text{
  margin-left: 0;
}


@media screen and (max-width: 1499px) {
  .partner-support-item{
    height: 600rem;
  }
}

@media screen and (max-width: 999px) {
  .about-history-box {
    padding-top: 120rem;
    padding-bottom: 120rem;
    margin-top: -40rem;
    background: url(./../esimg/img/6-0bg3-sj.png) no-repeat;
    background-size: 100% 100%;
  }
  .about-history-flex {
    flex-direction: column;
    padding-left: 0;
  }
  .about-history-left {
    width: 100%;
  }
  .about-history-btn {
    width: 56rem;
    height: 56rem;
    padding: 6rem;
    flex-shrink: 0;
  }
  .about-history-swiper {
    height: 120rem;
    margin: 0 16rem;
  }
  .about-history-slide {
    font-size: 24rem;
  }
  .about-history-slide.swiper-slide-active {
    font-size: 98rem;
  }
  .about-history-line {
    display: none;
  }
  .about-history-right {
    width: 100%;
    padding-left: 0;
    padding-top: 30rem;
  }
  .about-history-title {
    text-align: center;
  }
}
/* 移动端响应式 */
@media screen and (max-width: 999px) {
  .customer-top-box {
    flex-direction: column;
  }
  .customer-top-left {
    width: 100%;
    margin-bottom: 80rem;
  }
  .customer-top-right {
    width: 100%;
    display: none !important;
  }
  .customer-map-container {
    height: 600rem;
  }
  .customer-map-tip {
    max-width: 70%;
    bottom: 6rem;
  }
  .customer-top-stats {
    gap: 30rem;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1460px) {
  .header-menu-fist {
    width: 110rem;
    padding-top: 4rem;
  }
  .header-menu-on::after {
    /* left: 30rem; */
    left: 5%;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1299px) {
  .header-menu-fist {
    width: 120rem;
    padding-top: 4rem;
  }
  .header-menu-on::after {
    /* left: 35rem; */
  }
}
@media screen and (min-width: 1000px) and (max-width: 1100px) {
  .header-menu-fist {
    width: 130rem;
    padding-top: 7rem;
    font-size: 13px;
  }
  .header-menu-on::after {
    left: 5%;
    background: url(./../esimg/icon/nav-on.png) no-repeat;
    background-size: 100% 100%;
    width: 91%;
    height: 50rem;
  }
}
@media screen and (max-width: 999px) {
  body,
  html {
    font-size: var(--psize);
  }
  .pc {
    display: none !important;
  }
  .wap {
    display: block !important;
  }
  .main-center-mini,
  .main-center {
    width: calc(100% - 80rem);
    margin: 0 auto;
  }
  .banner-item-content {
    top: 66.5%;
  }
  .banner-item-text {
    height: 248rem;
    width: auto;
    margin: 0 auto 0;
  }
  .header-logo-box {
    width: 167rem;
  }
  .header-wap-close {
    position: absolute;
    right: 40rem;
    top: 40rem;
    width: 48rem;
    height: 48rem;
    background: url(./../esimg/icon/icon_close.png) no-repeat;
    background-size: 100% 100%;
  }
  .header-nav-box {
    width: 70vw;
    height: 100vh;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: -100%;
    transition: all 0.5s;
    background: #fff;
    flex-direction: column;
    padding-top: 120rem;
  }
  .header-nav-box::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 30vw;
    left: -30vw;
    top: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
  }
  .header-nav-on .header-nav-title {
    position: relative;
  }
  .header-nav-on .header-nav-title::after {
    content: "\00B7";
    position: absolute;
    left: -20rem;
    display: none;
  }
  .header-nav-item::after {
    left: 0;
    width: 18rem;
    height: 21rem;
    top: 40rem;
  }
  .header-nav-item {
    height: auto;
    padding: 20rem 40rem;
  }
  .header-nav-on .header-nav-section,
  .header-nav-item:hover .header-nav-section {
    position: relative;
    left: auto;
    top: auto;
    width: 90%;
    height: auto;
    background: none;
    padding-top: 20rem;
  }
  .header-nav-on .header-nav-text,
  .header-nav-item:hover .header-nav-text {
    color: rgba(37, 43, 58, 0.8);
    text-align: left;
    padding-left: 25rem;
  }
  .header-menu-second-show {
    position: relative;
    height: 100%;
    top: 0;
    left: 10%;
    padding-bottom: 20rem;
  }
  .header-menu-second-show a {
    color: #2f2f2f;
    text-align: left;
    width: 100%;
    line-height: 42.5rem;
    background-color: rgba(0, 0, 0, 0);
    padding: 5rem 0;
  }
  .header-menu-second-show a:hover {
    background: none;
  }
  .header-main-box {
    padding: 20rem 30rem;
    height: 110rem;
    margin-top: 0;
    background: transparent;
  }

  .header-main-right {
    margin-right: 0;
  }

  .header-menu-box {
    flex-direction: column;
    position: absolute;
    width: 80%;
    right: 0;
    height: 100%;
    background-color: #fff;
  }
  .header-wap-menu {
    position: relative;
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #999;
  }
  .header-wap-menu img {
    position: absolute;
    right: 25px;
    bottom: 20px;
    width: 24px;
  }
  .header-menu-fist {
    color: #2f2f2f;
    line-height: 80rem;
    width: 100%;
    text-align: left;
  }
  .header-menu-on {
    color: #3c5057;
    font-weight: bold;
  }
  .header-menu-on::after {
    content: "";
    display: none;
  }
  .header-menu-item:hover .header-menu-second {
    height: 0;
  }
  .header-language-dropdown {
    position: absolute;
    bottom: -110rem;
    right: -10%;
    width: 160%;
    height: 0;
    background-color: rgba(0, 0, 0, 0.6);
    overflow: hidden;
  }
  .header-language-box:hover .header-language-dropdown {
    height: 110rem;
  }
  .header-language-dropdown a {
    text-align: center;
    color: #fff;
    line-height: 55rem;
  }
  .header-language-dropdown a:nth-child(2) {
    margin-top: 0;
  }
  .header-center-logo {
    width: 380rem;
  }
  .wap-tab-box {
    display: flex !important;
    background: #0d36a1;
    padding: 20rem 0;
  }
  .wap-tab-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .wap-tab-icon {
    width: 60rem;
    height: 60rem;
  }
  .wap-tab-name {
    font-family: Arial;
    font-weight: 400;
    padding-top: 10rem;
    color: #fff;
  }
  .footer-wap-item {
    flex: 1;
  }
  .footer-wap-center {
    flex: 0.5;
  }
  .footer-wap-phone {
    width: 114rem;
    margin: -70rem auto 0;
    animation: bounce1 2s infinite;
    -webkit-animation: bounce1 2s infinite;
  }
  /* 手机底部 */
  @keyframes bounce1 {
    0%,
    20%,
    53%,
    80%,
    100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0) translateX(0);
      transform: translate3d(0, 0, 0) translateX(0);
      -moz-transform: translate3d(0, 0, 0) translateX(0);
      -ms-transform: translate3d(0, 0, 0) translateX(0);
      -o-transform: translate3d(0, 0, 0) translateX(0);
    }

    40%,
    43% {
      -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -14px, 0) translateX(0);
      transform: translate3d(0, -14px, 0) translateX(0);
      -moz-transform: translate3d(0, -14px, 0) translateX(0);
      -ms-transform: translate3d(0, -14px, 0) translateX(0);
      -o-transform: translate3d(0, -14px, 0) translateX(0);
    }

    70% {
      -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -6px, 0) translateX(0);
      transform: translate3d(0, -6px, 0) translateX(0);
      -moz-transform: translate3d(0, -6px, 0) translateX(0);
      -ms-transform: translate3d(0, -6px, 0) translateX(0);
      -o-transform: translate3d(0, -6px, 0) translateX(0);
    }

    90% {
      -webkit-transform: translate3d(0, -1px, 0) translateX(0);
      transform: translate3d(0, -1px, 0) translateX(0);
      -moz-transform: translate3d(0, -1px, 0) translateX(0);
      -ms-transform: translate3d(0, -1px, 0) translateX(0);
      -o-transform: translate3d(0, -1px, 0) translateX(0);
    }
  }
  .wap-tab-item .nor {
    display: block;
  }
  .wap-tab-item .sel {
    display: none;
  }
  .wap-tab-on .nor {
    display: none;
  }
  .wap-tab-on .sel {
    display: block;
  }
  .index-datas-box {
    width: calc(100% - 40rem - 40rem);
    height: auto;
    box-shadow: 0px 6px 24px 0px #d3dff0;
    border-radius: 40rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: -80rem auto 0;
    padding: 40rem 40rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-border-radius: 40rem;
    -moz-border-radius: 40rem;
    -ms-border-radius: 40rem;
    -o-border-radius: 40rem;
  }
  .index-datas-data {
    font-size: 50rem;
  }
  .index-datas-data sup {
    font-size: 34rem;
  }

  .index-datas-item {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .index-datas-text {
    padding-left: 0;
  }
  .index-platform-content {
    position: relative;
    width: 100%;
    padding: 0 40rem;
    padding-bottom: 402rem;
  }
  .index-platform-decs {
    position: relative;
    height: 520rem;
  }
  .index-platform-turn {
    position: absolute;
    z-index: 111;
    top: 739rem;
    left: 50%;
    transform: translateX(-50%);
    width: 63%;
    margin-left: 1rem;
  }
  .index-platform-timg {
    /* width: 160rem;
    bottom: 10rem; */
    width: 226rem;
    bottom: -410rem;
  }
  .index-case-types {
    display: flex;
    width: calc(100% + 60rem);
    margin-left: -40rem;
  }
  .index-case-type-scroll {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    justify-content: flex-start;
    white-space: nowrap;
  }
  .index-case-type {
    width: auto;
    padding: 0 20rem 20rem;
    margin: 0 20rem;
  }
  .index-case-swiper {
    padding-top: 50rem;
  }
  .index-case-content {
    width: calc(100% - 80rem);
    right: 40rem;
    top: 57rem;
    transform: translateY(0);
    padding: 50rem 40rem;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  .index-case-item {
    opacity: 0;
  }
  .swiper-slide-active .index-case-item {
    opacity: 1;
  }
  .index-case-p {
    height: 60rem;
  }
  .index-case-add {
    position: absolute;
    right: 50rem;
    top: -30rem;
    width: 60rem;
    height: 60rem;
  }
  .public-btn {
    height: 74rem;
  }
  .public-btn-icon {
    width: 24rem;
  }
  /* WAP端硬件产品轮播 */
  .index-hardware-box {
    padding-top: 60rem;
  }
  .index-hardware-wap-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30rem;
  }
  .index-hardware-wap-name {
    font-family: SourceHanSansSC;
    font-weight: bold;
    color: #192032;
  }
  .index-hardware-wap-more {
    display: flex;
    align-items: center;
    color: #0652cf;
  }
  .index-hardware-wap-icon {
    width: 16rem;
    margin-left: 10rem;
  }
  .index-hardware-wap-swiper {
    overflow: hidden;
    position: relative;
  }
  .index-hardware-wap-item {
    display: block;
    width: 100%;
    height: 340rem;
    background: url(./../esimg/img/index-case-bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
    border-radius: 20rem;
    -webkit-border-radius: 20rem;
  }
  .index-hardware-wap-title {
    font-family: SourceHanSansSC;
    font-weight: bold;
    color: #192032;
    padding: 30rem 30rem;
    position: relative;
    z-index: 3;
    line-height: 1.5;
  }
  .index-hardware-wap-img {
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
  .index-hardware-wap-pagination {
    text-align: center;
    margin-top: 30rem;
  }
  .index-hardware-wap-pagination .swiper-pagination-bullet {
    width: 28rem;
    height: 6rem;
    background: #dfe7f9;
    border-radius: 3px;
    opacity: 0.5;
    margin: 0 6rem;
  }
  .index-hardware-wap-pagination .swiper-pagination-bullet-active {
    background: #0652cf;
    opacity: 1;
  }
  .index-plan-content {
    height: 250rem;
    padding: 30rem 30rem;
  }
  .index-partner-main {
    background: url(./../esimg/img/hb_bg_wap.png) no-repeat;
    background-size: 100% 100%;
    height: auto;
    position: relative;
    border-radius: 30rem;
    -webkit-border-radius: 30rem;
    -moz-border-radius: 30rem;
    -ms-border-radius: 30rem;
    -o-border-radius: 30rem;
  }
  .index-partner-content {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    padding: 60rem 40rem 40rem;
  }
  .index-partner-item {
    width: calc((100% - 40rem) / 2);
    margin-right: 40rem;
    margin-bottom: 40rem;
    height: auto;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 28px;
    padding: 20rem 30rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .index-partner-img {
    width: 150rem;
  }
  .index-partner-cont {
    padding-left: 0;
  }
  /* 公司优势 WAP */
  .index-advantage-box {
    margin-top: 40rem;
    /* background: linear-gradient(180deg, #e8f0ff 0%, #f2f6ff 100%); */
    background: url(./../esimg/img/ys_img_sj.png) no-repeat;
    background-size: 100% 100%;
    padding: 40rem 0 50rem;
  }
  .index-advantage-imgs {
    width: calc(100% + 40rem);
    margin-left: -40rem;
    margin-top: 40rem;
  }
  .index-advantage-logo {
    width: 30%;
    position: absolute;
    top: 125rem;
    right: 245rem;
  }
  .index-advantage-content {
    position: static;
    width: calc(100% - 60rem);
    margin: 0 auto;
  }
  .index-advantage-title {
    padding-top: 50rem;
    text-align: center;
    margin-bottom: 30rem;
  }
  .index-advantage-card {
    width: 100%;
    margin-top: 400rem;
    padding: 10rem 24rem;
    border-radius: 16px;
    box-sizing: border-box;
  }
  .index-advantage-item {
    padding: 18rem 0;
  }
  .index-advantage-number {
    font-size: 28rem;
    padding: 4rem 14rem;
  }
  .index-advantage-name {
    padding-left: 16rem;
  }
  .index-advantage-text {
    padding-left: 16rem;
    line-height: 1.5;
  }
  .index-advantage-show .index-advantage-text {
    max-height: 300rem;
    padding-top: 14rem;
  }
  .index-advantage-header::after {
    width: 32rem;
    height: 24rem;
  }
  .index-news-header {
    display: flex;
    align-items: flex-start;
    padding-top: 60rem;
    flex-direction: column;
  }
  .index-news-left {
    width: 100%;
    padding-left: 0;
  }
  .index-news-left .public-title {
    text-align: center;
  }
  .index-news-left .public-title-text {
    text-align: center;
  }
  .index-news-types {
    padding-top: 40rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1rem solid #dfe7f9;
  }
  .index-news-type::after {
    display: none;
  }
  .index-news-right {
    width: 100%;
  }
  .index-news-swiper {
    padding: 40rem;
  }
  .index-new-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
  }
  .index-news-prev {
    width: 90rem;
    height: 90rem;
    margin: 0 15rem;
  }
  .index-news-next {
    width: 80rem;
    height: 80rem;
    margin: 0 15rem;
  }
  .index-new-navigation {
    padding-bottom: 30rem;
  }
  .index-about-box {
    padding: 220rem 40rem 40rem 40rem;
    margin-top: -200rem;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .index-about-content {
    width: 100%;
  }
  .index-about-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .index-about-content .public-title {
    padding-top: 100rem;
  }
  .index-about-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .index-about-names {
    height: 140rem;
  }
  .index-about-num {
    font-size: 70rem;
  }
  .index-about-img {
    width: calc(100% + 80rem);
    margin-left: -40rem;
  }
  .index-about-btn {
    margin: 85rem auto 0;
  }
  .public-footer-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
  }
  .footer-header-right {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 60rem;
  }
  .footer-right-item {
    display: flex;
    align-items: center;
    margin-left: 0;
    margin-bottom: 20rem;
  }
  .public-footer-logo {
    width: 421rem;
    margin: 0 auto;
  }
  .footer-right-icon {
    width: 56rem;
  }
  .footer-company-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    padding-top: 20rem;
  }
  .footer-company-title {
    width: 49rem;
    height: 100rem;
  }
  .footer-company-cont {
    width: calc(100% - 49rem);
  }
  .footer-company-item {
    margin-bottom: 30rem;
  }
  .public-footer-center {
    border-top: none;
    padding-bottom: 40rem;
    padding-top: 0rem;
  }
  .footer-center-right {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  .footer-center-qrcodes {
    width: 50%;
  }
  .footer-center-qrcodes:nth-child(2) {
    margin-top: 0;
  }
  .footer-bottom-box {
    background: #081026;
    padding: 0rem 40rem 80rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  }
  .footer-bottom-center {
    margin-top: 10rem;
  }
  .footer-bottom-right {
    margin-top: 10rem;
  }
  .index-platform-img {
    width: calc(100% + 80rem);
    margin-left: -40rem;
  }
  .index-platform-content .swiper-slide {
    overflow: visible;
  }
  .index-plan-swiper {
    overflow: visible;
  }
  .public-banner-content {
    position: absolute;
    top: 130rem;
    left: 40rem;
  }
  .public-banner-title {
    font-weight: bold;
    font-size: 46rem;
  }
  .public-banner-text {
    font-size: 24rem;
  }
  .news-list-swiper {
    width: 100%;
    height: 950rem;
    margin-top: 50rem;
    padding: 40rem 30rem;
  }
  .news-swiper-item {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .news-swiper-img {
    width: 100%;
  }
  .news-exhibition-swiper .news-swiper-img {
    width: 100%;
  }
  .news-swiper-content {
    width: 100%;
    padding-left: 0;
  }
  .news-exhibition-swiper .news-swiper-content {
    width: 100%;
  }
  .news-swiper-title {
    padding-top: 40rem;
  }
  .news-exhibition-swiper .news-swiper-flex {
    padding-top: 40rem;
  }
  .news-list-pagination {
    position: absolute;
    z-index: 11;
    bottom: -31rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .news-exhibition-swiper .news-list-pagination {
    position: absolute;
    z-index: 11;
    bottom: -30rem;
    left: 50% !important;
  }
  .news-list-item {
    height: auto;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 40rem 30rem 40rem 30rem;
  }
  .news-exhibition-item {
    width: 100%;
    margin-right: 0;
    padding: 40rem 30rem;
  }
  .news-item-content {
    width: 100%;
    padding-left: 0;
    position: relative;
    z-index: 1;
  }
  .news-item-times {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding-top: 40rem;
  }
  .news-item-day,
  .news-item-year {
    font-size: 32rem;
  }
  .news-item-year::after {
    content: ".";
  }
  .news-list-item::after {
    top: 76%;
    right: 20rem;
    opacity: 0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  .news-list-item:hover::after {
    opacity: 1;
  }
  .public-page-item {
    width: 80rem;
    height: 80rem;
  }
  .news-info-article {
    padding: 40rem 40rem;
  }
  .news-flex-item {
    margin: 0 10rem;
  }
  .news-bottom-box {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 35rem;
    flex-direction: column;
  }
  .news-bottom-link {
    width: 100%;
  }
  .news-bottom-btn {
    margin: 30rem auto 0;
  }
  .news-recommend-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20rem;
    background: #edf4fc;
    border-radius: 33px;
    padding: 40rem;
  }
  .case-list-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25rem;
    box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
  }
  .case-header-box {
    padding: 30rem 30rem;
    display: flex;
    margin-top: 50rem;
    flex-direction: column;
  }
  .case-header-img {
    width: 100%;
  }
  .case-header-content {
    width: 100%;
    padding-left: 0;
    padding-top: 30rem;
  }
  .case-service-box {
    padding: 80rem 40rem;
  }
  .case-applied-box {
    margin-top: 30rem;
    padding: 80rem 30rem;
  }
  .case-applied-content p::after {
    left: 0;
    top: 9rem;
    width: 25rem;
    height: 25rem;
  }
  .case-applied-content p {
    padding-left: 40rem;
  }
  .customer-province-card {
    display: none !important;
  }
  .customer-customer-box {
    background: url(./../esimg/img/info-page1.png) no-repeat center center;
    background-size: 100% 700%;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
  }
  .customer-cooperation-item {
    margin-bottom: 10rem;
  }
  .customer-cooperation-text {
    width: 100%;
  }
  .customer-cooperation-header {
    height: 80rem;
  }
  .partner-categorize-item {
    display: flex;
    align-items: flex-start;
    margin-top: 70rem;
    flex-direction: column !important;
  }
  .partner-categorize-content {
    width: 100%;
    padding-left: 0;
    padding-top: 40rem;
  }
  .partner-categorize-item:nth-child(2n) .partner-categorize-content {
    padding-right: 0;
  }
  .partner-categorize-p::before {
    top: 11rem;
  }
  .partner-categorize-p::after {
    content: "";
    position: absolute;
    top: 17rem;
    left: 6rem;
    width: 6rem;
    height: 6rem;
    background: #083fd5;
    border-radius: 50%;
  }
  .partner-concept-img {
    width: 100%;
    height: 100rem;
    object-fit: cover;
    object-position: top;
  }
  .partner-concept-title {
    position: relative;
    top: auto;
    left: 0;
    width: 100%;
  }
  .partner-support-item {
    width: 100%;
    position: relative;
    height: 700rem;
    margin-right: 0;

    padding: 0 55rem 50rem;
  }
  .partner-support-p::before {
    top: 9rem;
    left: 0;
    width: 19rem;
    height: 19rem;
  }
  /* WAP端伙伴支持轮播（结构由 main.js 动态生成） */
  .partner-support-list {
    display: block;
  }
  .partner-support-swiper {
    overflow: hidden;
  }
  .partner-support-pagination {
    margin-top: 30rem;
    text-align: center;
  }
  .partner-support-pagination .swiper-pagination-bullet {
    width: 28rem;
    height: 6rem;
    background: #dfe7f9;
    border-radius: 3px;
    opacity: 1;
  }
  .partner-support-pagination .swiper-pagination-bullet-active {
    background: #0652cf;
    opacity: 1;
  }
  .recruit-process-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
  }
  .recruit-process-item::after {
    display: none;
  }
  .recruit-process-item {
    padding-bottom: 30rem;
  }
  .recruit-process-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 60rem;
    flex-direction: column;
  }
  .recruit-process-card {
    padding: 78rem 40rem;
    margin-top: -60rem;
  }
  .recruit-process-point {
    width: 100%;
    margin: 0 0 20rem;
  }
  .recruit-process-icon {
    width: 50rem;
  }
  .recruit-form-box {
    padding-top: 40rem;
    padding-bottom: 30rem;
  }
  .recruit-form {
    width: 100%;
    height: auto;
    padding: 40rem 30rem;
    margin-top: 30rem;
    border-radius: 18px;
  }
  .recruit-form-flex {
    flex-direction: column;
    gap: 30rem;
  }
  .recruit-form-left {
    width: 100%;
    padding-right: 0;
    order: 1;
  }
  .recruit-form-certificate {
    width: 100%;
    order: 0;
  }
  .recruit-form-label {
    padding-bottom: 16rem;
  }
  .recruit-form-input {
    height: 80rem;
    padding-left: 16rem;
    border-radius: 6px;
  }
  .recruit-certificate-card {
    height: 240rem;
  }
  .recruit-certificate-btn {
    width: 220rem;
    height: 65rem;
    border-radius: 32px;
  }
  .recruit-certificate-icon {
    width: 24rem;
  }
  .recruit-certificate-p {
    padding-left: 14rem;
    font-size: 20rem;
  }
  .recruit-form-flex {
    flex-direction: column-reverse;
  }
  .about-introduction-flex {
    flex-direction: column;
  }
  .about-introduction-left {
    width: 100%;
    position: relative;
  }
  .about-introduction-slogan {
    font-weight: bold;
    color: #1c1d1e;
    font-size: 50rem;
    padding-left: 0;
    text-align: right;
    width: 100%;
    text-align: center;
  }
  .about-introduction-line {
    display: none;
  }
  .about-introduction-right {
    width: 100%;
  }
  .about-introduction-cont {
    padding-top: 20rem;
  }
  .about-data-box {
    flex-wrap: wrap;
  }
  .about-data-item {
    width: 50%;
    padding-bottom: 40rem;
  }
  .about-introduction-imgs::after {
    width: 26rem;
    height: 39rem;
    position: absolute;
    z-index: 3;
    left: calc(50% - 13rem);
    top: calc(50% - 18.5rem);
  }
  .about-introduction-imgs::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: calc(50% - 73.5rem);
    top: calc(50% - 70.5rem);
    width: 139rem;
    height: 141rem;
  }
  .about-introduction-imgs {
    margin-top: 30rem;
  }
  .about-team-box {
    position: relative;
    padding: 40rem 40rem 0;
  }
  .about-team-main {
    position: absolute;
    width: calc(100% - 80rem);
    top: 0;
    left: auto;
    margin: 0 auto;
    padding-top: 155rem;
  }
  .about-team-img {
    margin-top: 410rem;
  }
  .about-team-data .about-data-name {
    width: 100%;
  }
  .about-history-line {
    display: none;
  }
  .about-history-left {
    flex-direction: row;
  }
  .culture-top-item {
    padding-top: 80rem;
    display: flex;
    align-items: center;
    flex-direction: column !important;
  }
  .culture-item-imgs {
    width: 100%;
  }
  .culture-item-cont {
    padding-left: 0;
    width: 100%;
    padding-top: 40rem;
  }
  .culture-top-item:nth-child(2n) .culture-item-cont {
    padding-left: 0;
  }
  .public-type-box {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .culture-empowerment-box {
    background: url(./../esimg/img/6-1img4-sj.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 100rem;
    min-height: 963rem;
  }
  .culture-empowerment-item {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 30rem;
  }
  .honor-top-box {
    padding-top: 54rem;
    position: relative;
  }
  .honor-top-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 854rem;
    padding-top: 50rem;
    display: none;
  }
  .honor-top-item {
    width: calc((100% - 60rem) / 2);
    margin-right: 60rem;
    margin-bottom: 30rem;
  }
  .honor-top-item:nth-child(2n) {
    margin-right: 0;
  }
  .honor-lable-p {
    width: 100%;
    padding-left: 20rem;
    margin-bottom: 20rem;
  }
  .honor-lable-p::before {
    top: 16rem;
  }
  .service-top-flex {
    flex-direction: column;
  }
  .service-top-left {
    width: 100%;
    padding-right: 0;
    padding-top: 40rem;
  }
  .service-top-img {
    width: 100%;
  }
  .service-top-box {
    padding-top: 70rem;
    position: relative;
    background: url(./../esimg/img/6-2bg.png) no-repeat;
    background-position: 50% 116rem;
    background-size: 100% 100%;
  }
  .service-list-box {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    padding-top: 40rem;
  }
  .service-list-item {
    width: 271rem;
    height: 271rem;
    margin-right: 60rem;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 40rem;
  }
  .service-list-item::after {
    display: none;
  }
  .service-purpose-item {
    width: 100%;
    margin-right: 0;
    display: flex;
    align-items: flex-start;
    padding: 60rem 75rem;
    margin-top: 40rem;
    background: #ffffff;
    box-shadow: -5px 19px 62px 0px rgba(201, 228, 254, 0.68);
    border-radius: 33rem;
    border: 2px solid #ffffff;
    -webkit-border-radius: 33rem;
    -moz-border-radius: 33rem;
    -ms-border-radius: 33rem;
    -o-border-radius: 33rem;
  }
  .joinus-top-card {
    margin-top: 30rem;
    padding: 50rem 0 50rem 0;
    /* background: url(./../esimg/img/6-4img1-sj.png) no-repeat; */
    /* background-size: 100% 100%; */
    /* padding: 450rem 25rem 50rem 25rem; */
  }
  .joinus-top-item {
    position: relative;
    width: calc((100% - 20rem) / 2);
    height: 62rem;
    margin-right: 20rem;
  }
  .joinus-top-item:nth-child(3n) {
    margin-right: 20rem;
  }
  .joinus-top-item:nth-child(2n) {
    margin-right: 0;
  }
  /* 招聘列表移动端适配 */
  .joinus-list-header {
    display: none;
  }
  .joinus-item-header {
    flex-wrap: wrap;
    padding: 25rem 0;
    gap: 12rem 0;
  }
  .joinus-item-cell:nth-child(1) {
    width: 65%;
    font-weight: bold;
  }
  .joinus-item-cell:nth-child(2) {
    width: 100%;
    font-size: 13px !important;
    color: #666;
  }
  .joinus-item-cell:nth-child(3) {
    width: 35%;
    text-align: left;
    font-size: 13px !important;
  }
  .joinus-item-cell:nth-child(3)::before {
    content: "人数：";
    color: #999;
  }
  .joinus-item-cell:nth-child(4) {
    width: 65%;
    font-size: 13px !important;
    color: #666;
  }
  .joinus-item-cell:nth-child(4)::before {
    content: "学历：";
    color: #999;
  }
  .joinus-item-cell:nth-child(5) {
    width: 100%;
    text-align: left;
    margin-top: -40rem;
  }
  .joinus-item-icon {
    width: 31rem;
    margin-left: auto;
    margin-right: 0;
  }
  .joinus-list-item {
    padding: 0 25rem;
  }
  .joinus-list-item:nth-child(2) {
    margin-top: 0;
  }
  .joinus-item-content {
    padding-top: 15rem;
    padding-bottom: 30rem;
    display: flex;
    flex-direction: column-reverse;
  }
  .joinus-item-btn {
    margin-bottom: 20rem;
    position: relative;
    bottom: auto;
    margin-left: auto;
  }
  .joinus-contact-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 60rem 0 0 0;
    flex-direction: column;
  }
  .joinus-contact-line {
    width: 100%;
  }
  .joinus-contact-line::after {
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
  }
  .joinus-contact-main {
    width: 100%;
  }
  .joinus-contact-qrcode {
    margin-top: 30rem;
  }
  .contus-top-card {
    display: flex;
    flex-direction: column;
    padding: 30rem 40rem;
  }
  .contus-top-left {
    border-right: none;
  }
  .contus-left-bottom {
    display: flex;
    align-items: flex-start;
    padding-top: 20rem;
  }
  .contus-top-right {
    width: 100%;
    padding-left: 0;
    padding-top: 60rem;
  }
  .contus-right-icon {
    width: 24rem;
  }
  .contus-right-title {
    width: 260rem;
    height: 60rem;
    border-radius: 40rem;
    -webkit-border-radius: 40rem;
    -moz-border-radius: 40rem;
    -ms-border-radius: 40rem;
    -o-border-radius: 40rem;
  }
  .contus-message-flex .recruit-form-item {
    width: 100%;
    margin-right: 0;
  }
  .contus-message-card {
    padding: 70rem 40rem 85rem 40rem;
    border-radius: 40rem;
    -webkit-border-radius: 40rem;
    -moz-border-radius: 40rem;
    -ms-border-radius: 40rem;
    -o-border-radius: 40rem;
    background: url(./../esimg/img/6-5bg3.png) no-repeat bottom;
    background-size: 100% auto;
    background-color: #edf4fb;
  }
  .contus-message-flex .recruit-form-item .recruit-form-input {
    height: 80rem;
  }
  .index-plan-box {
    padding: 70rem 0 270rem;
  }
  .about-introduction-click {
    left: calc(50% - 70rem);
  }
  .public-title-text {
    width: 100%;
  }
  .index-platform-bgimg {
    top: 155rem;
    left: -30rem;
    width: calc(100% + 60rem);
  }
  .message-popup-main {
    padding-left: 60rem;
    padding-right: 60rem;
  }
  .header-main-white .header-nav-on .header-nav-title {
    color: #0146b7;
  }
  .header-main-white .header-nav-title {
    color: #192032;
  }
  .header-main-white .header-nav-item::after {
    background: url(./../esimg/icon/nav_dian.png) no-repeat;
    background-size: 100% 100%;
  }
  .honor-lable-title {
    margin-top: 1200rem;
  }
  .public-type-item {
    height: 70rem;
  }
  .customer-cooperation-box {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .index-datas-text {
    font-size: 13px;
  }
  .public-intro-title {
    font-size: 16px;
  }
  .public-title-text {
    font-size: 16px;
  }
}