/* 产品系列banner */
.pro-banner {
  display: block;
  position: relative;
  margin-top: var(--header-height);
  overflow: hidden;
}
.pro-banner .pic img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: right center;
}
.pro-banner .text {
  position: absolute;
  left: 13.334%;
  top: 20.362%;
  max-width: 617px;
  width: 47%;
}
.pro-banner .text .title {
  font-weight: 500;
  font-size: var(--font48);
  color: #3a74dd;
  line-height: 1;
  text-align: left;
}
.pro-banner .text .desc-text {
  margin-top: 0.6rem;
  font-weight: 300;
  font-size: var(--font18);
  color: #666666;
  line-height: 1.77777778;
  text-align: justify;
}
/* 内页共用banner */
.n-banner {
  position: relative;
  margin-top: var(--header-height);
  overflow: hidden;
}
.n-banner .pic img {
  display: block;
  width: 100%;
  height: auto;
}
.n-banner .banner-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5%;
}
.n-banner .banner-text .banner-title {
  font-weight: bold;
  font-size: var(--font48);
  color: #ffffff;
}
.n-banner .n-breadcrumb {
  margin-top: 0.6rem;
  display: flex;
  align-items: center;
}
.n-banner .n-breadcrumb .item {
  display: flex;
  align-items: center;
}
.n-banner .n-breadcrumb .item::after {
  content: "/";
  margin-left: max(0.43rem, 10px);
  margin-right: max(0.43rem, 10px);
  color: #777e8e;
  font-size: var(--font18);
}
.n-banner .n-breadcrumb .item:last-child::after {
  display: none;
}
.n-banner .n-breadcrumb .item.active a {
  color: #ffffff !important;
  background: #326af1 !important;
}
.n-banner .n-breadcrumb .item a {
  font-weight: 400;
  font-size: var(--font18);
  color: #777e8e;
  border-radius: 25px;
  background-color: transparent;
  line-height: 1;
  white-space: nowrap;
  padding-left: max(10px, 0.3rem);
  padding-right: max(10px, 0.3rem);
  padding-top: max(10px, 0.13rem);
  padding-bottom: max(10px, 0.13rem);
  transition: var(--duration);
}
.n-banner .n-breadcrumb .item a:hover {
  color: var(--theme);
}
/* 内页共用分页器 */
.common-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.common-pagination .prev {
  margin-right: max(15px, 0.45rem);
}
.common-pagination .next {
  margin-left: max(15px, 0.45rem);
}
.common-pagination .custom {
  width: max(90px, 1.31rem);
  height: max(0.48rem, 35px);
  border-radius: 24px;
  border: 1px solid #e5e5e5;
  font-weight: 400;
  font-size: var(--font18);
  color: #666666;
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--duration);
}
.common-pagination .custom:hover {
  background-color: #036eb8;
  color: #fff;
  border-color: transparent;
}
.common-pagination .default {
  width: max(30px, 0.39rem);
  height: max(30px, 0.39rem);
  margin-right: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
  flex-shrink: 0;
  font-weight: 400;
  font-size: var(--font20);
  color: #cdcdcd;
}
.common-pagination .default.active,
.common-pagination .default:hover {
  color: #ffffff;
  background: #edc24f;
}
/* 共用视频蒙层 */
.common-video-mask {
  position: fixed;
  z-index: calc(999 * 999);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  padding-top: 15vh;
  cursor: zoom-out;
  display: none;
}
.common-video-mask .mask-wrap .close {
  text-align: right;
  cursor: pointer;
  user-select: none;
  width: fit-content;
  margin-left: auto;
}
.common-video-mask .mask-wrap .close .hover {
  display: none;
}
.common-video-mask .mask-wrap .close:hover .default {
  display: none;
}
.common-video-mask .mask-wrap .close:hover .hover {
  display: inline-block;
}
.common-video-mask .mask-wrap .video {
  display: flex;
  justify-content: center;
  margin-top: max(0.65rem, 35px);
  cursor: pointer;
}
.common-video-mask .mask-wrap .video video {
  display: block;
  max-height: 70vh;
  max-width: 1200px;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
/* 产品系列题*/
.pro-service-page {
  /* 当前系列公用标题 */
  /* 公用的 */
  /* 使用场景 */
  /* 使用用户 */
  /*  联系方式 */
}
.pro-service-page .pro-title-area .title {
  font-weight: bold;
  font-size: var(--font50);
  color: #000000;
  text-align: center;
}
.pro-service-page .pro-title-area .sub-title {
  font-weight: 300;
  font-size: var(--font22);
  color: #9a9595;
  margin-top: max(10px, 0.18rem);
  text-align: center;
}
.pro-service-page .pro-light {
  padding-top: max(35px, 1.05rem);
}
.pro-service-page .light-section-left {
  padding-top: max(35px, 0.41rem);
  padding-bottom: max(35px, 0.95rem);
}
.pro-service-page .light-section {
  min-height: 6.1rem;
  /* 当前单独设置的 */
}
.pro-service-page .light-section .section-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.pro-service-page .light-section .section-wrap .pic img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  mix-blend-mode: multiply;
}
/* 8-21 修改 */
.pro-service-page .light-section .section-wrap .text .tag-text {
  padding: max(10px, 0.13rem) max(15px, 0.25rem);
  border-radius: 10px;
  font-weight: 400;
  /* font-size: var(--font18); */
  font-size: var(--font22);
  color: #3b94ff;
}
.pro-service-page .light-section .section-wrap .text .description-main {
  margin-top: max(30px, 0.55rem);
}
.pro-service-page .light-section .section-wrap .text .description-main .order {
  display: flex;
  align-items: center;
  margin-bottom: max(10px, 0.17rem);
  overflow: hidden;
}
.pro-service-page .light-section .section-wrap .text .description-main .order .index {
  width: max(0.47rem, 37px);
  height: max(0.47rem, 37px);
  background: #f5cb5b;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: var(--font30);
  color: #ffffff;
  margin-right: 16px;
}
.pro-service-page .light-section .section-wrap .text .description-main .order .order-text {
  font-weight: 500;
  font-size: var(--font36);
  color: #000000;
}
.pro-service-page .light-section .section-wrap .text .description-main .order .order-text span {
  display: inline-block;
  vertical-align: top;
}
.pro-service-page .light-section .section-wrap .text .description-main .desc-text {
  font-weight: 400;
  font-size: var(--font18);
  color: #666666;
  line-height: 1.77777778;
  overflow-wrap: break-word;
}
.pro-service-page .light-section .section-wrap .text .description-main .link-btn {
  margin-top: max(0.44rem, 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
  width: 110px;
  height: 37px;
  background: linear-gradient(74deg, #4480ef 0%, #2c63c8 100%);
  border-radius: 19px;
  font-weight: 300;
  font-size: var(--font16);
  color: #ffffff;
}
.pro-service-page .light-section.section1 .text {
  padding-top: 0.9rem;
}
.pro-service-page .light-section.section3 {
  padding-top: max(30px, 0.8rem);
}
.pro-service-page .light-section.section3 .pic {
  width: 43.125%;
}
.pro-service-page .light-section.section3 .text {
  max-width: 505px;
  margin-left: 1.01rem;
}
.pro-service-page .light-section.section4 .pic {
  width: calc(685 / 1600 * 100%);
}
.pro-service-page .light-section.section5 .text {
  padding-top: 0.9rem;
}
.pro-service-page .light-section.section5 .pic {
  width: calc(894 / 1600 * 100%);
}
.pro-service-page .light-section-type1 {
  padding-top: max(30px, 0.41rem);
  padding-bottom: max(30px, 0.95rem);
}
.pro-service-page .light-section-type1 .pic {
  width: calc(762 / 1600 * 100%);
  flex-shrink: 0;
}
.pro-service-page .light-section-type1 .text {
  max-width: 490px;
  width: 50%;
  padding-top: 0.6rem;
  margin-left: 2.23rem;
}
.pro-service-page .light-section-type1 .text .tag-text {
  background-color: #f9fbff;
}
.pro-service-page .light-section-type2 {
  background: #f1faff;
  padding-top: max(35px, 1.33rem);
  padding-bottom: max(0.6rem, 30px);
}
.pro-service-page .light-section-type2 .text {
  width: 31.6875%;
  max-width: 507px;
  margin-right: 3.3rem;
}
.pro-service-page .light-section-type2 .text .tag-text {
  background: #e4f5ff;
}
.pro-service-page .light-section-type2 .pic {
  width: 38.125%;
}
.pro-service-page .pro-scene {
  padding-top: max(30px, 0.96rem);
  padding-bottom: max(45px, 1.43rem);
  background-color: #f9fbff;
}
.pro-service-page .pro-scene .scene-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: max(35px, 1.06rem);
}
.pro-service-page .pro-scene .scene-list .item {
  width: 31.25%;
  margin-right: 3.125%;
  display: flex;
  align-items: flex-start;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: max(30px, 0.5rem);
  padding-top: max(15px, 0.37rem);
  padding-left: max(15px, 0.37rem);
  padding-right: max(15px, 0.34rem);
  padding-bottom: max(15px, 0.5rem);
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.pro-service-page .pro-scene .scene-list .item .icon {
  width: 70px;
  height: 70px;
  background: #417fed;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pro-service-page .pro-scene .scene-list .item .other {
  margin-left: max(15px, 0.34rem);
}
.pro-service-page .pro-scene .scene-list .item .other .i-title {
  font-weight: bold;
  font-size: var(--font24);
  color: #111111;
  margin-bottom: 0.2rem;
  padding-top: 0.1rem;
  transition: var(--duration);
}
.pro-service-page .pro-scene .scene-list .item .other .i-desc {
  font-weight: 300;
  font-size: var(--font18);
  color: #25282b;
  line-height: 1.66666667;
  transition: var(--duration);
}
.pro-service-page .pro-scene .scene-list .item:nth-child(3n) {
  margin-right: 0;
}
.pro-service-page .pro-scene .scene-list .item::after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  right: 0;
  top: 0;
  z-index: -1;
  background-color: #417fed;
  transition: var(--duration);
}
.pro-service-page .pro-scene .scene-list .item:hover .icon {
  box-shadow: 0px 0px 0.21rem 0px rgba(0, 0, 0, 0.05);
}
.pro-service-page .pro-scene .scene-list .item:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}
.pro-service-page .pro-scene .scene-list .item:hover .other .i-title {
  color: #fff;
}
.pro-service-page .pro-scene .scene-list .item:hover .other .i-desc {
  color: #fff;
}
.pro-service-page .pro-user {
  padding-top: max(1.24rem, 35px);
  padding-bottom: max(1.19rem, 35px);
}
.pro-service-page .pro-user .user-list {
  margin-top: max(35px, 1.24rem);
  max-width: 1586px;
  width: 86%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-shrink: 0;
}
.pro-service-page .pro-user .user-list .user-item {
  width: 48.865%;
  background: #f9fbff;
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  margin-bottom: max(0.5rem, 30px);
  padding-left: max(20px, 0.4rem);
  padding-right: max(20px, 0.62rem);
  padding-top: max(20px, 0.41rem);
  padding-bottom: max(20px, 0.4rem);
  position: relative;
  z-index: 2;
}
.pro-service-page .pro-user .user-list .user-item .pic {
  width: 197px;
  background: #ffffff;
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.05);
  border-radius: max(10px, 0.2rem);
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.pro-service-page .pro-user .user-list .user-item .pic:hover img {
  transform: translate(-50%, -50%) scale(1.05);
}
.pro-service-page .pro-user .user-list .user-item .pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 81%;
  max-height: 60%;
  object-fit: contain;
  transition: var(--duration, 0.45s);
}
.pro-service-page .pro-user .user-list .user-item .pic::after {
  content: "";
  padding-top: 54.823%;
  display: block;
}
.pro-service-page .pro-user .user-list .user-item .other {
  margin-left: max(20px, 0.44rem);
  font-weight: 300;
  font-size: var(--font18);
  color: #666666;
  line-height: 2;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  transition: var(--duration);
}
.pro-service-page .pro-user .user-list .user-item::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: var(--theme);
  z-index: -1;
  transition: var(--duration);
}
.pro-service-page .pro-user .user-list .user-item:hover::after {
  height: 100%;
  top: 0;
  bottom: auto;
}
.pro-service-page .pro-user .user-list .user-item:hover .other {
  color: #fff;
}
.pro-service-page .pro-contact {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: max(35px, 0.86rem);
  padding-bottom: max(35px, 1rem);
}
.pro-service-page .pro-contact .placeholder-text {
  font-weight: 300;
  font-size: var(--font20);
  color: #797979;
  line-height: 1.3;
  text-align: center;
  margin-top: 14px;
}
.pro-service-page .pro-contact .phone {
  font-weight: bold;
  font-size: var(--font32);
  color: #2b60c5;
  text-align: center;
  margin-top: max(0.38rem, 15px);
}
.pro-service-page .pro-contact .btn-list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: max(0.46rem, 20px);
}
.pro-service-page .pro-contact .btn-list .btn {
  width: 153px;
  height: 53px;
  border-radius: 27px;
  margin-right: max(15px, 0.3rem);
  font-size: var(--font20);
  display: flex;
  justify-content: center;
  align-items: center;
}
.pro-service-page .pro-contact .btn-list .btn:last-child {
  margin-right: 0;
}
.pro-service-page .pro-contact .btn-list .btn1 {
  background: linear-gradient(-41deg, #4a83ef 0%, #2a60c5 100%);
  color: #ffffff;
}
.pro-service-page .pro-contact .btn-list .btn2 {
  border: 1px solid #74a0f4;
  color: #3171ff;
}
/* 产品详情页面 */
.pro-detail-page {
  padding-top: max(45px, 0.84rem);
  padding-bottom: max(45px, 0.74rem);
  font-size: 16px;
}
.pro-detail-page .detail-wrap {
  max-width: 1400px;
  width: 86%;
  margin-left: auto;
  margin-right: auto;
}
.pro-detail-page .detail-wrap p,
.pro-detail-page .detail-wrap span,
.pro-detail-page .detail-wrap div,
.pro-detail-page .detail-wrap a {
  overflow-wrap: break-word;
  max-width: 100%;
}
.pro-detail-page .detail-wrap img,
.pro-detail-page .detail-wrap video {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.pro-detail-page .detail-wrap .table-wrap {
  overflow-x: auto;
  max-width: 100%;
}
/* 关于我们页面 */
.about-page {
  /* 关于我们页面共用title样式 */
  /* 关于我们简介 */
  /* 发展历程 */
  /* 企业文化 */
  /* 管理团队 */
  /* 荣誉资质 */
  /* 招聘 */
  /* 招聘信息弹窗 */
}
.about-page .about-title {
  font-weight: bold;
  font-size: var(--font36);
  color: #000000;
  text-align: center;
}
.about-page .about-title-line {
  margin-top: max(10px, 0.18rem);
  width: 40px;
  height: 4px;
  background: #000000;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.about-page .about-desc {
  padding-top: max(var(--space), 0.83rem);
  padding-bottom: max(var(--space), 2.22rem);
  background-image: url(../images/about-desc-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
.about-page .about-desc .about-desc-wrap {
  width: 86%;
  max-width: 1315px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.about-page .about-desc .desc-text {
  margin-top: max(30px, 0.77rem);
  font-weight: 400;
  font-size: var(--font18);
  color: #666666;
  line-height: 2;
  text-align: justify;
}
.about-page .about-desc .desc-text p {
  margin-bottom: max(15px, 0.32rem);
}
.about-page .about-desc .desc-text p:last-child {
  margin-bottom: 0;
}
.about-page .about-desc .desc-video {
  display: block;
  position: relative;
  margin-top: 0.78rem;
  margin-bottom: max(30px, 0.98rem);
}
.about-page .about-desc .desc-video .pic {
  border-radius: 20px;
  overflow: hidden;
}
.about-page .about-desc .desc-video .pic img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 200px;
  object-fit: cover;
  object-position: center center;
}
.about-page .about-desc .desc-video .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  user-select: none;
  cursor: pointer;
  transition: var(--duration);
}
.about-page .about-desc .desc-video .play:hover {
  transform: translate(-50%, -50%) scale(0.9);
}
.about-page .about-desc .desc-video .play img {
  width: max(50px, 0.65rem);
}
.about-page .about-desc .desc-list {
  display: flex;
  justify-content: center;
}
.about-page .about-desc .desc-list .desc-item {
  margin-right: 2.12rem;
}
.about-page .about-desc .desc-list .desc-item:last-of-type {
  margin-right: 0;
}
.about-page .about-desc .desc-list .desc-item .top {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.about-page .about-desc .desc-list .desc-item .top .num {
  font-weight: bold;
  font-size: var(--font72);
  color: #3978ee;
}
.about-page .about-desc .desc-list .desc-item .top .unit {
  font-weight: bold;
  font-size: var(--font22);
  color: #1580e0;
  padding-bottom: 12px;
  margin-left: 15px;
  line-height: 1.81818182;
}
.about-page .about-desc .desc-list .desc-item .bottom {
  font-weight: 400;
  font-size: var(--font16);
  color: #000000;
  line-height: 2.5;
  text-align: center;
}
.about-page .about-development {
  padding-top: max(var(--space), 1.13rem);
  padding-bottom: max(var(--space), 1.97rem);
  background-image: url(../images/about-development-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.about-page .about-development .about-development-wrap {
  max-width: 1514px;
  width: 86%;
  margin-left: auto;
  margin-right: auto;
}
.about-page .about-development .about-development-wrap .history-swiper1 {
  user-select: none;
  cursor: pointer;
}
.about-page .about-development .about-development-wrap .history-swiper1 .swiper-slide {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-page .about-development .about-development-wrap .history-swiper1 .swiper-slide .max-year {
  font-weight: 500;
  font-size: var(--font400);
  color: rgba(102, 102, 102, 0.04);
  text-align: center;
  height: auto;
  line-height: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.about-page .about-development .about-development-wrap .history-swiper1 .swiper-slide .year-desc {
  padding-left: max(15px, 0.29rem);
  border-left: 1px solid #d9d9d9;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: fit-content;
  position: relative;
  z-index: 2;
}
.about-page .about-development .about-development-wrap .history-swiper1 .swiper-slide .year-desc .year {
  font-weight: bold;
  font-size: var(--font34);
  color: #326af1;
  line-height: 1;
  margin-bottom: max(15px, 0.26rem);
}
.about-page .about-development .about-development-wrap .history-swiper1 .swiper-slide .year-desc .list .item {
  font-weight: 300;
  font-size: var(--font18);
  color: #5b5b5b;
  line-height: 2;
}
.about-page .about-development .about-development-wrap .swiper2-line {
  position: relative;
  z-index: 5;
}
.about-page .about-development .about-development-wrap .swiper2-line .arrow {
  position: absolute;
  top: 12px;
  transform: translateY(-50%);
  opacity: 0.3;
  transition: var(--duration);
  user-select: none;
  cursor: pointer;
  z-index: 2;
  display: block;
}
.about-page .about-development .about-development-wrap .swiper2-line .arrow:hover {
  opacity: 1;
}
.about-page .about-development .about-development-wrap .swiper2-line .arrow.arrow-left {
  left: 0;
}
.about-page .about-development .about-development-wrap .swiper2-line .arrow.arrow-right {
  right: 0;
}
.about-page .about-development .about-development-wrap .history-swiper2 {
  width: 91.15%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
}
.about-page .about-development .about-development-wrap .history-swiper2 .swiper-slide {
  border-top: 1px solid #e4e4e4;
  text-align: center;
  position: relative;
  user-select: none;
  cursor: pointer;
}
.about-page .about-development .about-development-wrap .history-swiper2 .swiper-slide .year {
  margin-top: max(20px, 0.29rem);
  font-weight: 400;
  font-size: var(--font20);
  color: #b9b9b9;
  line-height: 1;
}
.about-page .about-development .about-development-wrap .history-swiper2 .swiper-slide .point {
  width: 22px;
  height: 22px;
  background: #dadada;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%) translateY(-50%);
}
.about-page .about-development .about-development-wrap .history-swiper2 .swiper-slide .point::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: #b5b4b4;
  border-radius: 50%;
}
.about-page .about-development .about-development-wrap .history-swiper2 .swiper-slide.swiper-slide-thumb-active .year {
  color: #326af1;
}
.about-page .about-development .about-development-wrap .history-swiper2 .swiper-slide.swiper-slide-thumb-active .point {
  background-color: #b9cdfd;
}
.about-page .about-development .about-development-wrap .history-swiper2 .swiper-slide.swiper-slide-thumb-active .point::after {
  background-color: #326af1;
}
.about-page .about-company-culture {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: max(45px, 1.03rem);
  padding-bottom: max(45px, 2.14rem);
}
.about-page .about-company-culture .about-title-area .about-title {
  color: #fff;
}
.about-page .about-company-culture .about-title-area .about-title-line {
  background-color: #fff;
}
.about-page .about-company-culture .culture-panel {
  max-width: 1150px;
  width: 86%;
  background-color: #fff;
  border-radius: 20px;
  padding-top: max(20px, 0.74rem);
  padding-bottom: max(20px, 0.56rem);
  padding-left: max(20px, 1.17rem);
  padding-right: max(20px, 0.92rem);
  margin-left: auto;
  margin-right: auto;
  margin-top: max(0.77rem, 30px);
}
.about-page .about-company-culture .culture-panel .item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: max(30px, 0.6rem);
}
.about-page .about-company-culture .culture-panel .item .icon {
  width: 65px;
  height: 65px;
  background: #fff0ca;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
  position: relative;
  z-index: 2;
  margin-right: max(15px, 0.34rem);
  flex-shrink: 0;
}
.about-page .about-company-culture .culture-panel .item .icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  background: #f2bf38;
  border-radius: 50%;
  z-index: -1;
}
.about-page .about-company-culture .culture-panel .item .icon::after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 2px;
  height: max(40px, 0.6rem);
  background-color: #efece3;
  z-index: -1;
}
.about-page .about-company-culture .culture-panel .item .icon img {
  display: block;
  max-width: 50%;
  object-fit: contain;
}
.about-page .about-company-culture .culture-panel .item .text {
  font-weight: 400;
  font-size: var(--font24);
  color: #888;
}
.about-page .about-company-culture .culture-panel .item .text .weight {
  color: #333;
}
.about-page .about-manage {
  padding-top: max(35px, 1.13rem);
  padding-bottom: max(35px, 1.38rem);
  background-color: #f8f8f8;
}
.about-page .about-manage .manage-swiper-container {
  width: 86%;
  max-width: 1485px;
  margin-left: auto;
  margin-right: auto;
  margin-top: max(30px, 0.8rem);
  overflow: hidden;
}
.about-page .about-manage .manage-swiper {
  overflow: hidden;
}
.about-page .about-manage .manage-swiper .swiper-slide {
  background: #ffffff;
  border-radius: 10px;
  padding-top: max(20px, 0.76rem);
  transition: 0.6s ease;
  user-select: none;
  transform-origin: center center;
  transform: scale(0.9);
}
.about-page .about-manage .manage-swiper .swiper-slide.active {
  background: linear-gradient(0deg, #4381f5 0%, #2e65cb 100%);
  transform: scale(1);
}
.about-page .about-manage .manage-swiper .swiper-slide.active .text .name {
  color: #fff;
}
.about-page .about-manage .manage-swiper .swiper-slide.active .text .job {
  color: rgba(255, 255, 255, 0.6);
}
.about-page .about-manage .manage-swiper .swiper-slide.active .text .more {
  background: #2e65cc;
}
.about-page .about-manage .manage-swiper .swiper-slide .pic {
  width: 71.641%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.91rem;
}
.about-page .about-manage .manage-swiper .swiper-slide .pic::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.about-page .about-manage .manage-swiper .swiper-slide .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-page .about-manage .manage-swiper .swiper-slide .text {
  padding-left: max(15px, 0.3rem);
}
.about-page .about-manage .manage-swiper .swiper-slide .text .name {
  font-weight: bold;
  font-size: var(--font22);
  color: #000000;
}
.about-page .about-manage .manage-swiper .swiper-slide .text .job {
  margin-top: 12px;
  font-weight: 400;
  font-size: var(--font16);
  color: #999999;
}
.about-page .about-manage .manage-swiper .swiper-slide .text .more {
  width: max(0.52rem, 30px);
  height: max(0.52rem, 30px);
  background: #2e65cb;
  border-radius: 10px 0px 10px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: var(--font24);
  color: #ffffff;
  margin-left: auto;
  margin-top: 8px;
}
.about-page .about-manage .pagination-line {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: max(30px, 1.17rem);
}
.about-page .about-manage .pagination-line .manage-pagination {
  position: initial;
  margin-left: max(20px, 0.53rem);
  margin-right: max(20px, 0.53rem);
  display: flex;
}
.about-page .about-manage .pagination-line .manage-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #cccccc;
  border-radius: 50%;
  opacity: 1;
  margin-right: max(0.2rem, 10px);
  margin-left: 0;
  transition: var(--duration);
}
.about-page .about-manage .pagination-line .manage-pagination .swiper-pagination-bullet:last-of-type {
  margin-right: 0;
}
.about-page .about-manage .pagination-line .manage-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #326af1;
}
.about-page .about-manage .pagination-line .arrow {
  user-select: none;
  cursor: pointer;
  opacity: 0.3;
  transition: var(--duration);
}
.about-page .about-manage .pagination-line .arrow:hover {
  opacity: 1;
}
.about-page .about-honor {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: max(35px, 0.96rem);
  padding-bottom: max(35px, 1.3rem);
}
.about-page .about-honor .honor-desc {
  text-align: center;
  font-weight: 400;
  font-size: var(--font16);
  color: #888888;
  line-height: 1.625;
  width: 90%;
  max-width: 930px;
  overflow-wrap: break-word;
  margin-left: auto;
  margin-right: auto;
  margin-top: max(15px, 0.31rem);
  margin-bottom: max(0.35rem, 20px);
}
.about-page .about-honor .honor-btn-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: max(30px, 0.71rem);
}
.about-page .about-honor .honor-btn-list .btn {
  font-weight: 400;
  font-size: var(--font16);
  color: #333333;
  padding: 8px max(15px, 0.23rem);
  background: linear-gradient(74deg, #dbdee3 0%, #e9e9e9 100%);
  border-radius: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
  margin-right: max(0.21rem, 15px);
  transition: var(--duration);
}
.about-page .about-honor .honor-btn-list .btn:last-of-type {
  margin-right: 0;
}
.about-page .about-honor .honor-btn-list .btn.active,
.about-page .about-honor .honor-btn-list .btn:hover {
  background: linear-gradient(74deg, #78c2f3 0%, #3079f3 100%);
  color: #fff;
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper {
  display: none;
  width: 86%;
  max-width: 1533px;
  margin-left: auto;
  margin-right: auto;
  /* 分页器 */
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper.show {
  display: block;
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide {
  position: relative;
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide .line1,
.about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide .line2 {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide .line1 img,
.about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide .line2 img {
  display: block;
  width: 100%;
  height: auto;
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide .list .item {
  overflow: hidden;
  transform: translateZ(10px);
  margin-bottom: max(0.66rem, 30px);
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide .list .item .pic {
  width: 100%;
  border: max(10px, 0.22rem) solid transparent;
  border-image-source: url(../images/about-honor-pic-border.png);
  border-image-slice: 6.508%;
  /* 或 22px */
  border-image-repeat: round;
  padding-bottom: 58.824%;
  position: relative;
  box-shadow: 0px 0px 0.38rem 0px rgba(0, 0, 0, 0.1);
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide .list .item .pic img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  object-position: center center;
  mix-blend-mode: multiply;
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide .list .item .text {
  font-weight: 400;
  font-size: var(--font18);
  color: #333333;
  overflow-wrap: break-word;
  text-align: center;
  padding-left: 0.47rem;
  padding-right: 0.47rem;
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .pagination-line {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: max(30px, 0.47rem);
  margin-left: auto;
  margin-right: auto;
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .pagination-line .arrow {
  user-select: none;
  cursor: pointer;
  opacity: 0.3;
  transition: var(--duration);
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .pagination-line .arrow:hover {
  opacity: 1;
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .pagination-line .swiper-pagination {
  position: initial;
  display: flex;
  margin-left: max(0.53rem, 20px);
  margin-right: max(0.53rem, 20px);
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .pagination-line .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #cccccc;
  border-radius: 50%;
  opacity: 1;
  margin-left: 0;
  margin-right: max(0.2rem, 10px);
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .pagination-line .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.about-page .about-honor .about-honor-swiper-list .honor-swiper .pagination-line .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #326af1;
}
.about-page .about-hire {
  padding-top: max(35px, 1rem);
  padding-bottom: max(35px, 1.79rem);
  background-repeat: no-repeat;
  background-size: 70% auto;
  background-position: center center;
}
.about-page .about-hire .hire-wrap {
  max-width: 1250px;
  width: 86%;
  margin-left: auto;
  margin-right: auto;
}
.about-page .about-hire .hire-desc {
  font-weight: 400;
  font-size: var(--font16);
  color: #333333;
  line-height: 1.875;
  text-align: center;
  margin-top: 30px;
}
.about-page .about-hire .job-area {
  margin-top: 1.12rem;
}
.about-page .about-hire .job-area .job-head {
  background: #2e65cb;
  border-radius: max(0.2rem, 10px);
  padding: max(15px, 0.28rem) 0;
  display: flex;
}
.about-page .about-hire .job-area .job-head .job-head-item {
  flex: 1;
  flex-shrink: 0;
  overflow-wrap: break-word;
  text-align: center;
  font-weight: bold;
  font-size: var(--font18);
  color: #ffffff;
  padding-left: 6px;
  padding-right: 6px;
}
.about-page .about-hire .job-area .job-list .job-item {
  display: flex;
  align-items: flex-start;
  padding-top: max(15px, 0.3rem);
  padding-bottom: max(15px, 0.3rem);
  border-bottom: 1px solid #f0f0f0;
  user-select: none;
  cursor: pointer;
}
.about-page .about-hire .job-area .job-list .job-item .item-text {
  width: 25%;
  flex-shrink: 0;
  text-align: center;
}
.about-page .about-hire .job-area .job-list .job-item .item-text-job {
  font-weight: 500;
  font-size: var(--font16);
  color: #000000;
}
.about-page .about-hire .job-area .job-list .job-item .item-text-default {
  font-weight: 400;
  font-size: var(--font16);
  color: #999999;
}
.about-page .about-hire .job-area .job-list .job-item .item-text-salary {
  font-weight: 400;
  font-size: var(--font16);
  color: #2e65cb;
}
.about-page .job-info-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}
.about-page .job-info-mask .content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-page .job-info-mask .job-panel {
  width: 90%;
  max-width: 1400px;
}
.about-page .job-info-mask .job-panel .panel-close {
  margin-left: auto;
  width: fit-content;
  user-select: none;
  cursor: pointer;
}
.about-page .job-info-mask .job-panel .panel-main {
  width: 96.572%;
  margin-top: 8px;
  background-color: #ffffff;
  height: 76vh;
  max-height: 810px;
  overflow-y: auto;
  padding-left: max(20px, 0.49rem);
  padding-right: max(20px, 0.57rem);
  padding-bottom: max(0.81rem, 30px);
}
.about-page .job-info-mask .job-panel .panel-main::-webkit-scrollbar {
  background: #f4f4f4;
  border-radius: 5px;
  width: 10px;
}
.about-page .job-info-mask .job-panel .panel-main::-webkit-scrollbar-thumb {
  background: #80a0da;
  border-radius: 5px;
  width: 10px;
}
.about-page .job-info-mask .job-panel .panel-main .panel-top {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: max(0.39rem, 20px);
  position: sticky;
  top: 0;
  background-color: #fff;
  padding-top: max(0.42rem, 20px);
}
.about-page .job-info-mask .job-panel .panel-main .panel-top .job-name {
  font-weight: bold;
  font-size: var(--font26);
  color: #2e65cb;
  line-height: 1.15384615;
  margin-bottom: max(10px, 0.15rem);
}
.about-page .job-info-mask .job-panel .panel-main .panel-top .job-info-list {
  display: flex;
  align-items: center;
  padding-bottom: max(10px, 0.2rem);
  border-bottom: 1px solid #eeeeee;
}
.about-page .job-info-mask .job-panel .panel-main .panel-top .job-info-list .job-text {
  font-weight: 400;
  font-size: var(--font16);
  color: #a1a4aa;
  line-height: 1.875;
  margin-right: max(10px, 0.2rem);
}
/* 合作案例页面 */
.cooperate-page {
  padding-top: max(0.81rem, 45px);
  padding-bottom: max(1.01rem, 45px);
}
.cooperate-page .cooperate-wrap .list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: max(0.5rem, 20px);
}
.cooperate-page .cooperate-wrap .list .item {
  width: 31.25%;
  flex-shrink: 0;
  margin-right: 3.125%;
  margin-bottom: max(0.51rem, 30px);
  background: #ffffff;
  box-shadow: 0px 0px 46px 20px rgba(0, 0, 0, 0.03);
  padding-bottom: max(20px, 0.36rem);
  position: relative;
  overflow: hidden;
}
.cooperate-page .cooperate-wrap .list .item:nth-child(3n) {
  margin-right: 0;
}
.cooperate-page .cooperate-wrap .list .item .pic {
  display: block;
  padding-bottom: 60%;
  position: relative;
  overflow: hidden;
}
.cooperate-page .cooperate-wrap .list .item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: var(--duration, 0.45s);
}
.cooperate-page .cooperate-wrap .list .item .text {
  position: relative;
  z-index: 2;
}
.cooperate-page .cooperate-wrap .list .item .text .icon {
  width: max(70px, 1.21rem);
  height: max(70px, 1.21rem);
  background: #ffffff;
  box-shadow: 0px 0px 0.46rem 0.2rem rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: min(-0.6rem, -35px);
  position: relative;
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
}
.cooperate-page .cooperate-wrap .list .item .text .icon img {
  display: block;
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
  object-position: center center;
}
.cooperate-page .cooperate-wrap .list .item .text .partner-name {
  font-weight: 600;
  font-size: var(--font24);
  color: #000000;
  text-align: center;
  margin-top: max(0.22rem, 15px);
  transition: var(--duration);
}
.cooperate-page .cooperate-wrap .list .item .text::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: var(--theme);
  transition: var(--duration);
  z-index: -1;
}
.cooperate-page .cooperate-wrap .list .item .mask-text {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 100%;
  background-color: rgba(21, 128, 224, 0.86);
  padding: max(0.3rem, 20px) max(0.3rem, 15px);
  z-index: 2;
  transition: 0.45s ease;
}
.cooperate-page .cooperate-wrap .list .item .mask-text p {
  font-size: max(0.16rem, 14px);
  color: #fff;
  text-align: justify;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
}
.cooperate-page .cooperate-wrap .list .item:hover .pic img {
  transform: scale(1.05);
}
.cooperate-page .cooperate-wrap .list .item:hover .text .partner-name {
  color: var(--theme);
}
/*  教育研究院 */
.education-page {
  padding-top: max(0.81rem, 45px);
  padding-bottom: max(1.01rem, 45px);
}
.education-page .edu-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: max(0.5rem, 20px);
}
.education-page .edu-list .edu-item {
  width: 31.25%;
  flex-shrink: 0;
  background: #ffffff;
  box-shadow: 0px 0px 0.46rem 0.2rem rgba(0, 0, 0, 0.03);
  margin-right: 3.125%;
  margin-bottom: max(0.5rem, 30px);
}
.education-page .edu-list .edu-item:nth-child(3n) {
  margin-right: 0;
}
.education-page .edu-list .edu-item .pic {
  width: 100%;
  padding-bottom: 60%;
  overflow: hidden;
  position: relative;
}
.education-page .edu-list .edu-item .pic:hover .img {
  transform: scale(1.05);
}
.education-page .edu-list .edu-item .pic .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: var(--duration, 0.45s);
}
.education-page .edu-list .edu-item .pic .play {
  width: max(35px, 0.6rem);
  height: max(35px, 0.6rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  user-select: none;
  cursor: pointer;
}
.education-page .edu-list .edu-item .pic .play img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.education-page .edu-list .edu-item .text {
  padding: max(30px, 0.15rem) max(0.27rem, 15px);
}
.education-page .edu-list .edu-item .text .title {
  font-weight: 400;
  font-size: var(--font26);
  color: #000000;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  transition: var(--duration);
}
.education-page .edu-list .edu-item .text .time-line {
  display: flex;
  align-items: center;
  margin-top: max(0.27rem, 15px);
}
.education-page .edu-list .edu-item .text .time-line .icon {
  display: flex;
  align-items: center;
  margin-right: 9px;
}
.education-page .edu-list .edu-item .text .time-line .icon .hover {
  display: none;
}
.education-page .edu-list .edu-item .text .time-line .time {
  font-weight: 400;
  font-size: var(--font16);
  color: #9d9c9c;
  transition: var(--duration);
}
.education-page .edu-list .edu-item .text:hover .title {
  color: var(--theme);
}
.education-page .edu-list .edu-item .text:hover .time-line .icon .default {
  display: none;
}
.education-page .edu-list .edu-item .text:hover .time-line .icon .hover {
  display: block;
}
.education-page .edu-list .edu-item .text:hover .time-line .time {
  color: var(--theme);
}
/* 教育研究院-详情页面  */
.education-detail-page {
  padding-top: max(1rem, 45px);
  padding-bottom: max(0.73rem, 45px);
  /* 播放视频的详情页面 */
}
.education-detail-page .education-detail-wrap {
  display: flex;
  align-items: flex-start;
}
.education-detail-page .education-detail-wrap .article {
  width: 75%;
  flex-shrink: 0;
}
.education-detail-page .education-detail-wrap .article .article-title {
  font-weight: 400;
  font-size: var(--font36);
  color: #000000;
  overflow-wrap: break-word;
  padding-bottom: max(0.51rem, 15px);
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: max(30px, 0.67rem);
}
.education-detail-page .education-detail-wrap .article .article-main {
  padding-bottom: max(30px, 0.7rem);
  border-bottom: 1px solid #e9e9e9;
}
.education-detail-page .education-detail-wrap .article .article-main p,
.education-detail-page .education-detail-wrap .article .article-main span,
.education-detail-page .education-detail-wrap .article .article-main a,
.education-detail-page .education-detail-wrap .article .article-main h1,
.education-detail-page .education-detail-wrap .article .article-main h2,
.education-detail-page .education-detail-wrap .article .article-main h3,
.education-detail-page .education-detail-wrap .article .article-main h4,
.education-detail-page .education-detail-wrap .article .article-main h5,
.education-detail-page .education-detail-wrap .article .article-main h6,
.education-detail-page .education-detail-wrap .article .article-main div,
.education-detail-page .education-detail-wrap .article .article-main * {
  max-width: 100%;
  overflow-wrap: break-word;
}
.education-detail-page .education-detail-wrap .article .article-main img,
.education-detail-page .education-detail-wrap .article .article-main video {
  max-width: 100%;
  vertical-align: top;
}
.education-detail-page .education-detail-wrap .article .article-main .table-wrap {
  max-width: 100%;
  overflow-x: auto;
}
.education-detail-page .education-detail-wrap .article .more-article-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: max(30px, 0.49rem);
}
.education-detail-page .education-detail-wrap .article .more-article-area .left {
  flex: 1;
  min-width: 0;
  margin-right: max(1.5rem, 60px);
}
.education-detail-page .education-detail-wrap .article .more-article-area .left .l-item {
  font-weight: 400;
  font-size: var(--font16);
  margin-bottom: max(0.2rem, 10px);
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  color: #005bac;
}
.education-detail-page .education-detail-wrap .article .more-article-area .left .l-item:last-child {
  margin-bottom: 0;
}
.education-detail-page .education-detail-wrap .article .more-article-area .left .l-item span {
  color: #111111;
}
.education-detail-page .education-detail-wrap .article .more-article-area .left .l-item a {
  color: #005bac;
}
.education-detail-page .education-detail-wrap .article .more-article-area .return {
  font-weight: 400;
  font-size: var(--font18);
  color: #0a57a6;
  display: flex;
  align-items: center;
}
.education-detail-page .education-detail-wrap .article .more-article-area .return img {
  margin-right: max(0.17rem, 10px);
}
.education-detail-page .education-detail-wrap .aside {
  width: 21.25%;
  flex-shrink: 0;
  margin-left: auto;
  background: #ffffff;
  box-shadow: 0px 0px 49px 21px rgba(0, 0, 0, 0.02);
  padding: max(0.28rem, 20px) max(0.2rem, 15px);
  padding-top: max(0.25rem, 20px);
  position: sticky;
  top: calc(var(--header-height) + 30px);
}
.education-detail-page .education-detail-wrap .aside .recommend-item {
  display: block;
  margin-bottom: max(15px, 0.18rem);
  --left: 15px;
}
.education-detail-page .education-detail-wrap .aside .recommend-item:last-child {
  margin-bottom: 0;
}
.education-detail-page .education-detail-wrap .aside .recommend-item:last-child .r-time {
  border: none;
  padding-bottom: 0;
}
.education-detail-page .education-detail-wrap .aside .recommend-item:hover .r-title::before {
  background-color: var(--theme);
}
.education-detail-page .education-detail-wrap .aside .recommend-item:hover .r-title,
.education-detail-page .education-detail-wrap .aside .recommend-item:hover .r-time {
  color: var(--theme);
}
.education-detail-page .education-detail-wrap .aside .recommend-item .r-title {
  font-weight: 400;
  font-size: var(--font18);
  color: #333333;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  position: relative;
  margin-bottom: 8px;
  padding-left: var(--left);
  transition: var(--duration);
}
.education-detail-page .education-detail-wrap .aside .recommend-item .r-title::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #000000;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  transition: var(--duration);
}
.education-detail-page .education-detail-wrap .aside .recommend-item .r-time {
  font-weight: 400;
  font-size: var(--font16);
  color: #9d9c9c;
  padding-left: var(--left);
  padding-bottom: max(10px, 0.24rem);
  border-bottom: 1px solid #eeeeee;
  transition: var(--duration);
}
.education-detail-page .education-detail-video-wrap {
  max-width: 1450px;
  margin-left: auto;
  margin-right: auto;
}
.education-detail-page .education-detail-video-wrap .article {
  width: 100%;
}
.education-detail-page .education-detail-video-wrap .article-title {
  text-align: center;
}
/* 售前，售后服务 */
.form-page {
  padding-top: max(0.73rem, 45px);
}
.form-page .form-title-area .title {
  font-weight: bold;
  font-size: var(--font36);
  color: #000000;
  text-align: center;
}
.form-page .form-title-area .line {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40px;
  height: 4px;
  background: #000000;
  margin-top: 19px;
}
.form-page .form-wrap {
  padding-bottom: max(1.19rem, 45px);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  max-width: 1184px;
  width: 86%;
  margin-left: auto;
  margin-right: auto;
  margin-top: max(0.8rem, 30px);
}
.form-page .form-wrap .content {
  width: calc(100% - 1rem);
  margin-left: auto;
  margin-right: auto;
}
.form-page .form-wrap .input-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-page .form-wrap .input-line .input-item {
  width: 46.126%;
  flex-shrink: 0;
  position: relative;
  margin-bottom: max(0.26rem, 20px);
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.03);
}
.form-page .form-wrap .input-line input {
  display: block;
  width: 100%;
  height: max(0.52rem, 40px);
  background: #ffffff;
  border: 1px solid transparent;
  transition: var(--duration);
  padding-right: 10px;
}
.form-page .form-wrap .input-line input:focus {
  border-color: var(--theme);
}
.form-page .form-wrap .input-line .placeholder-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: max(10px, 0.17rem);
}
.form-page .form-wrap .placeholder-text {
  font-weight: 400;
  font-size: var(--font16);
  color: #666666;
}
.form-page .form-wrap .placeholder-text span {
  color: #fe0000;
}
.form-page .form-wrap .textarea-line {
  position: relative;
  margin-top: 4px;
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.03);
}
.form-page .form-wrap .textarea-line textarea {
  resize: none;
  width: 100%;
  height: 257px;
  background: #ffffff;
  border: 1px solid transparent;
  transition: var(--duration);
  padding-top: 50px;
  padding-left: 26px;
}
.form-page .form-wrap .textarea-line textarea:focus {
  border-color: var(--theme);
}
.form-page .form-wrap .textarea-line .placeholder-text {
  position: absolute;
  left: max(10px, 0.17rem);
  top: 16px;
  font-weight: 400;
  font-size: var(--font16);
  color: #666666;
}
.form-page .form-wrap .textarea-line .placeholder-text span {
  color: #fe0000;
}
.form-page .form-wrap .btn-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: max(0.51rem, 30px);
}
.form-page .form-wrap .btn-list .btn {
  width: 141px;
  height: 57px;
  border-radius: 28px;
  font-weight: 400;
  font-size: var(--font22);
  margin-right: max(30px, 0.41rem);
  user-select: none;
  cursor: pointer;
}
.form-page .form-wrap .btn-list .btn:last-child {
  margin-right: 0;
}
.form-page .form-wrap .btn-list .btn.btn1 {
  background: #326af1;
  color: #ffffff;
}
.form-page .form-wrap .btn-list .btn.btn2 {
  background: #eaeaea;
  color: #666666;
}
/* 咨询页面 */
.news-list-page {
  padding: max(0.8rem, 45px) 0;
  background-color: #fcfcfc;
}
.news-list-page .news-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: max(24px, 0.34rem);
}
.news-list-page .news-list .news-item {
  width: 48.125%;
  flex-shrink: 0;
  display: flex;
  align-items: flex-end;
  padding: max(20px, 0.31rem) max(15px, 0.3rem) max(20px, 0.4rem);
  padding-right: max(0.23rem, 15px);
  background: #ffffff;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.03);
  margin-bottom: max(0.4rem, 30px);
}
.news-list-page .news-list .news-item .pic {
  width: 41.127%;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.news-list-page .news-list .news-item .pic::after {
  content: "";
  display: block;
  padding-bottom: 78.76712329%;
}
.news-list-page .news-list .news-item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: var(--duration, 0.45s);
}
.news-list-page .news-list .news-item .pic:hover img {
  transform: scale(1.05);
}
.news-list-page .news-list .news-item .other {
  flex: 1;
  min-width: 0;
  padding-left: max(15px, 0.38rem);
  padding-top: 8px;
}
.news-list-page .news-list .news-item .other .title {
  font-weight: 400;
  font-size: var(--font22);
  color: #000000;
  line-height: 1.36363636;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  margin-bottom: max(0.27rem, 15px);
  transition: var(--duration);
}
.news-list-page .news-list .news-item .other .desc {
  font-weight: 400;
  font-size: var(--font16);
  color: #999999;
  padding-bottom: max(15px, 0.47rem);
  border-bottom: 1px solid #e9e9e9;
  transition: var(--duration);
  position: relative;
}
.news-list-page .news-list .news-item .other .desc span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  width: 100%;
  display: block;
}
.news-list-page .news-list .news-item .other .desc::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background-color: var(--theme);
  transition: var(--duration);
}
.news-list-page .news-list .news-item .other .info-line {
  display: flex;
  align-items: center;
  margin-top: max(10px, 0.18rem);
}
.news-list-page .news-list .news-item .other .info-line .link-btn {
  width: 110px;
  height: 37px;
  background: linear-gradient(74deg, #4480ef 0%, #2c63c8 100%);
  border-radius: 19px;
  font-weight: 400;
  font-size: var(--font16);
  color: #ffffff;
  line-height: 1;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
  margin-right: 10px;
}
.news-list-page .news-list .news-item .other .info-line .time {
  font-weight: 400;
  font-size: var(--font16);
  color: #a6a6a6;
  margin-left: auto;
}
.news-list-page .news-list .news-item .other:hover .title {
  color: var(--theme);
}
.news-list-page .news-list .news-item .other:hover .desc {
  color: var(--theme);
}
.news-list-page .news-list .news-item .other:hover .desc::after {
  width: 100%;
  right: auto;
  left: 0;
}
/* 新闻详情页面 */
.news-detail-page {
  padding-top: max(0.85rem, 45px);
  padding-bottom: max(0.8rem, 45px);
  font-size: 16px;
}
.news-detail-page .news-detail-wrap {
  max-width: 1300px;
  width: 86%;
  margin-left: auto;
  margin-right: auto;
}
.news-detail-page .news-detail-wrap .detail-title {
  font-weight: bold;
  font-size: var(--font36);
  color: #000000;
  line-height: 1.66666667;
  text-align: center;
  margin-bottom: 0.35rem;
}
.news-detail-page .news-detail-wrap .info-line {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: max(15px, 0.23rem);
  border-bottom: 1px solid #e9e9e9;
}
.news-detail-page .news-detail-wrap .info-line .text {
  font-weight: 400;
  font-size: var(--font16);
  color: #888888;
  margin-right: max(30px, 2.2rem);
}
.news-detail-page .news-detail-wrap .info-line .text:last-child {
  margin-right: 0;
}

/* 2025-8-26 修改 */
.news-detail-page .news-detail-wrap .detail-article {
  padding-top: max(0.46rem, 30px);
  padding-bottom: max(30px, 1.28rem);
  border-bottom: 1px solid #e9e9e9;
  font-size: 18px;
  line-height: 2;
}

@media (max-width: 576px) {
  .news-detail-page .news-detail-wrap .detail-article {
    font-size: 16px;
  }
}

.news-detail-page .news-detail-wrap .detail-article p,
.news-detail-page .news-detail-wrap .detail-article span,
.news-detail-page .news-detail-wrap .detail-article div,
.news-detail-page .news-detail-wrap .detail-article a,
.news-detail-page .news-detail-wrap .detail-article h1,
.news-detail-page .news-detail-wrap .detail-article h2,
.news-detail-page .news-detail-wrap .detail-article h3,
.news-detail-page .news-detail-wrap .detail-article h4,
.news-detail-page .news-detail-wrap .detail-article h5,
.news-detail-page .news-detail-wrap .detail-article h6,
.news-detail-page .news-detail-wrap .detail-article * {
  max-width: 100%;
  overflow-wrap: break-word;
}
.news-detail-page .news-detail-wrap .detail-article img,
.news-detail-page .news-detail-wrap .detail-article video {
  max-width: 100%;
  vertical-align: top;
}
.news-detail-page .news-detail-wrap .detail-article .table-wrap {
  max-width: 100%;
  overflow-x: auto;
}
.news-detail-page .news-detail-wrap .more-news-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: max(0.49rem, 30px);
}
.news-detail-page .news-detail-wrap .more-news-area .left {
  margin-right: max(1.5rem, 60px);
  flex: 1;
  min-width: 0;
}
.news-detail-page .news-detail-wrap .more-news-area .left .l-item {
  font-weight: 400;
  font-size: var(--font16);
  margin-bottom: max(0.2rem, 10px);
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  color: #005bac;
}
.news-detail-page .news-detail-wrap .more-news-area .left .l-item:last-child {
  margin-bottom: 0;
}
.news-detail-page .news-detail-wrap .more-news-area .left .l-item span {
  color: #111111;
}
.news-detail-page .news-detail-wrap .more-news-area .left .l-item a {
  color: #005bac;
}
.news-detail-page .news-detail-wrap .more-news-area .return {
  display: flex;
  align-items: center;
}
.news-detail-page .news-detail-wrap .more-news-area .return span {
  font-weight: 400;
  font-size: var(--font18);
  color: #0a57a6;
}
.news-detail-page .news-detail-wrap .more-news-area .return img {
  margin-right: max(0.17rem, 10px);
}
/* 应用方案 */
.solution-page .solution-banner {
  position: relative;
  margin-top: var(--header-height);
}
.solution-page .solution-banner .pic img {
  display: block;
  width: 100%;
  height: auto;
}
.solution-page .solution-banner .text {
  position: absolute;
  left: 50%;
  bottom: 13.33333333%;
  transform: translateX(-50%);
}
.solution-page .solution-banner .text .title {
  font-weight: bold;
  font-size: var(--font48);
  color: #ffffff;
}
.solution-page .solution-area {
  padding-top: max(0.81rem, 45px);
  padding-bottom: max(1.01rem, 45px);
  background-color: #fcfcfc;
}
.solution-page .solution-area .solution-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.solution-page .solution-area .solution-list .item {
  width: 31.25%;
  margin-right: 3.125%;
  flex-shrink: 0;
  display: block;
  background: #ffffff;
  box-shadow: 0px 0px 46px 20px rgba(0, 0, 0, 0.02);
  margin-bottom: max(0.5rem, 30px);
}
.solution-page .solution-area .solution-list .item:nth-child(3n) {
  margin-right: 0;
}
.solution-page .solution-area .solution-list .item .pic {
  width: 100%;
  padding-bottom: 50%;
  position: relative;
  overflow: hidden;
}
.solution-page .solution-area .solution-list .item .pic:hover img {
  transform: scale(1.05);
}
.solution-page .solution-area .solution-list .item .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: var(--duration, 0.45s);
}
.solution-page .solution-area .solution-list .item .text {
  padding-top: max(20px, 0.21rem);
  padding-bottom: max(0.23rem, 20px);
  padding-left: max(0.26rem, 15px);
  padding-right: max(0.26rem, 15px);
}
.solution-page .solution-area .solution-list .item .text:hover .title {
  color: var(--theme);
}
.solution-page .solution-area .solution-list .item .text:hover .desc {
  color: var(--theme);
}
.solution-page .solution-area .solution-list .item .text:hover .desc span {
  background-size: 100% 1px;
  background-position: left bottom;
}
.solution-page .solution-area .solution-list .item .text .title {
  font-weight: 500;
  font-size: var(--font24);
  color: #000000;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  margin-bottom: max(10px, 0.12rem);
  transition: var(--duration);
}
.solution-page .solution-area .solution-list .item .text .desc {
  font-weight: 400;
  font-size: var(--font16);
  color: #999999;
  line-height: 1.625;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  transition: var(--duration);
}
.solution-page .solution-area .solution-list .item .text .desc span {
  background-image: linear-gradient(90deg, var(--theme), var(--theme));
  background-repeat: no-repeat;
  background-size: 0% 1px;
  background-position: right bottom;
  transition: background-size 0.6s ease;
}
.solution-page .solution-area .solution-list .item .text .link {
  margin-top: max(0.15rem, 10px);
  width: 110px;
  height: 37px;
  background: linear-gradient(74deg, #4480ef 0%, #2c63c8 100%);
  border-radius: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  font-weight: 400;
  font-size: var(--font16);
  color: #ffffff;
  line-height: 1;
  white-space: nowrap;
}
/* 应用方案-详情页面 */
.solution-detail-page .solution-banner {
  position: relative;
  z-index: 2;
  margin-top: var(--header-height);
}
.solution-detail-page .solution-banner .pic img {
  display: block;
  width: 100%;
  height: auto;
}
.solution-detail-page .solution-banner .text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 13.33333333%;
  text-align: center;
}
.solution-detail-page .solution-banner .text .title {
  font-weight: bold;
  font-size: var(--font48);
  color: #ffffff;
}

/* 8-21 修改 */
.solution-detail-page .article-main {
  padding-top: max(0.94rem, 45px);
  padding-bottom: max(0.6rem, 45px);
  overflow: hidden;
  font-size: 16px;
}
.solution-detail-page .article-main .wrap {
  max-width: 1600px;
}
.solution-detail-page .article-main p,
.solution-detail-page .article-main span,
.solution-detail-page .article-main a,
.solution-detail-page .article-main div,
.solution-detail-page .article-main li,
.solution-detail-page .article-main h1,
.solution-detail-page .article-main h2,
.solution-detail-page .article-main h3,
.solution-detail-page .article-main h4,
.solution-detail-page .article-main h5,
.solution-detail-page .article-main h6 {
  max-width: 100%;
  overflow-wrap: break-word;
}
.solution-detail-page .article-main img,
.solution-detail-page .article-main video {
  vertical-align: top;
  max-width: 100%;
}
.solution-detail-page .article-main .table-wrap {
  max-width: 100%;
  overflow-x: auto;
}
.solution-detail-page .article-main .edit {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .solution-detail-page .article-main .edit img {
    width: 90% !important;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 576px) and (max-width: 576px) {
  .solution-detail-page .article-main .edit .edit-box {
    width: 100% !important;
  }
}
.solution-detail-page .recommend-list {
  margin-left: auto;
  margin-right: auto;
  /* padding-top: max(45px, 0.96rem); */
  padding-bottom: max(45px, 1.36rem);
  background-color: #fbfcff;
}
.solution-detail-page .recommend-list .title-area {
  font-size: var(--font36);
  text-align: center;
  margin-bottom: max(0.86rem, 30px);
}
.solution-detail-page .recommend-list .title-area .title {
  font-weight: bold;
  color: #000000;
}
.solution-detail-page .recommend-list .title-area .line {
  width: 40px;
  height: 4px;
  background: #000000;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: max(10px, 0.18rem);
}
.solution-detail-page .recommend-list .solution-swiper {
  padding-top: 0.46rem;
  box-sizing: border-box;
}
.solution-detail-page .recommend-list .solution-swiper .swiper-slide {
  background: #ffffff;
  box-shadow: 0px 0px 0.46rem 0.2rem rgba(0, 0, 0, 0.03);
}
.solution-detail-page .recommend-list .solution-swiper .swiper-slide .pic {
  display: block;
  width: 100%;
  padding-bottom: 60%;
  position: relative;
  overflow: hidden;
}
.solution-detail-page .recommend-list .solution-swiper .swiper-slide .pic:hover img {
  transform: scale(1.05);
}
.solution-detail-page .recommend-list .solution-swiper .swiper-slide .pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: var(--duration, 0.45s);
}
.solution-detail-page .recommend-list .solution-swiper .swiper-slide .text .icon {
  width: max(1.21rem, 70px);
  height: max(1.21rem, 70px);
  background: #ffffff;
  box-shadow: 0px 0px 46px 20px rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  font-size: var(--font24);
  color: #000000;
  text-align: center;
  margin-top: max(0.22rem, 10px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: min(-0.6rem, -35px);
  position: relative;
  z-index: 2;
}
.solution-detail-page .recommend-list .solution-swiper .swiper-slide .text .icon img {
  display: block;
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
  object-position: center center;
}
.solution-detail-page .recommend-list .solution-swiper .swiper-slide .text .text-desc {
  font-weight: 500;
  font-size: var(--font24);
  color: #000000;
  text-align: center;
  margin-top: max(15px, 0.22rem);
  margin-bottom: max(15px, 0.36rem);
  padding-left: 20px;
  padding-right: 20px;
  transition: var(--duration);
}
.solution-detail-page .recommend-list .solution-swiper .swiper-slide .text:hover .text-desc {
  color: var(--theme);
}
.solution-detail-page .recommend-list .solution-swiper .pagination-line {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: max(0.82rem, 35px);
}
.solution-detail-page .recommend-list .solution-swiper .pagination-line .arrow {
  user-select: none;
  cursor: pointer;
}
.solution-detail-page .recommend-list .solution-swiper .pagination-line .arrow:hover img {
  opacity: 1;
}
.solution-detail-page .recommend-list .solution-swiper .pagination-line .arrow img {
  opacity: 0.3;
  transition: var(--duration);
}
.solution-detail-page .recommend-list .solution-swiper .pagination-line .solution-pagination {
  position: static;
  width: fit-content;
  margin-left: max(0.53rem, 20px);
  margin-right: max(0.53rem, 20px);
}
.solution-detail-page .recommend-list .solution-swiper .pagination-line .solution-pagination .swiper-pagination-bullet {
  opacity: 1;
  margin-left: 0;
  margin-right: max(0.2rem, 10px);
  width: 10px;
  height: 10px;
  background: #cccccc;
  border-radius: 50%;
}
.solution-detail-page .recommend-list .solution-swiper .pagination-line .solution-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.solution-detail-page .recommend-list .solution-swiper .pagination-line .solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #326af1;
}
@media (max-width: 1700px) {
  /* 产品服务页面 */
  .pro-banner .text {
    left: 5.4%;
  }
  .pro-banner .text .desc-text {
    margin-top: 20px;
    font-size: 14px;
  }
}
@media (max-width: 1400px) {
  .pro-banner .text {
    width: 40%;
  }
}
@media (max-width: 1200px) {
  .about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide .list .item .text {
    padding-left: 10px;
    padding-right: 10px;
  }
  .about-page .about-desc .desc-list .desc-item {
    margin-right: 1.12rem;
  }
}
@media (max-width: 1160px) {
  .pro-banner .text {
    position: initial;
    max-width: none;
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    padding-top: max(0.9rem, 30px);
    padding-bottom: max(0.9rem, 30px);
  }
  .pro-banner .text .title {
    text-align: center;
  }
  .pro-service-page .pro-scene .scene-list {
    justify-content: space-between;
  }
  .pro-service-page .pro-scene .scene-list .item {
    width: 47.5%;
    margin-right: 0;
  }
  .pro-service-page .pro-scene .scene-list .item .icon {
    width: 45px;
    height: 45px;
  }
  .pro-service-page .pro-scene .scene-list .item .icon img {
    max-width: 50%;
    max-height: 50%;
    object-fit: contain;
    object-position: center center;
  }
  .pro-service-page .pro-user .user-list .user-item {
    display: block;
  }
  .pro-service-page .pro-user .user-list .user-item .pic {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: max(0.6rem, 20px);
    max-width: 197px;
    width: 90%;
  }
  .pro-service-page .pro-user .user-list .user-item .other {
    margin-left: 0;
    text-align: justify;
    hyphens: auto;
  }
}
@media (max-width: 992px) {
  /* 教育研究院，详情页面 */
  .education-detail-page .education-detail-wrap {
    flex-wrap: wrap;
  }
  .education-detail-page .education-detail-wrap .article {
    width: 100%;
  }
  .education-detail-page .education-detail-wrap .aside {
    width: 100%;
    margin-top: 30px;
  }
  /* 关于我们页面 */
  .about-page .about-company-culture .culture-panel {
    padding: 30px 20px;
  }
  /* 应用方案 */
  .solution-page .solution-area .solution-list {
    justify-content: space-between;
  }
  .solution-page .solution-area .solution-list .item {
    width: 47.5%;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  /* 内页banner设置 */
  .n-banner .banner-text {
    bottom: 12%;
  }
  .n-banner .pic img {
    height: 300px;
    object-fit: cover;
    object-position: center center;
  }
  /* 内页面包屑 */
  .n-banner .n-breadcrumb .item::after {
    display: none;
  }
  .n-banner .n-breadcrumb .item {
    margin-right: 10px;
  }
  .n-banner .n-breadcrumb .item:last-child {
    margin-right: 0;
  }
  /* 统一设置分页器 */
  .common-pagination {
    flex-wrap: wrap;
  }
  .common-pagination .custom,
  .common-pagination .default {
    margin-bottom: 7px;
  }
  .common-pagination .custom {
    width: 60px;
    height: 30px;
    font-size: 12px;
  }
  .common-pagination .default {
    font-size: 14px;
    margin-right: 10px;
    width: 22px;
    height: 22px;
    font-size: 12px;
  }
  .common-pagination .prev {
    margin-right: 10px;
  }
  .common-pagination .next {
    margin-left: 0px;
  }
  /* 合作伙伴页面 */
  .cooperate-page .cooperate-wrap .list {
    justify-content: space-between;
  }
  .cooperate-page .cooperate-wrap .list .item {
    width: 47.5%;
    margin-right: 0;
  }
  /* 教育研究院页面 */
  .education-page .edu-list {
    justify-content: space-between;
  }
  .education-page .edu-list .edu-item {
    width: 47.5%;
    margin-right: 0;
  }
  /* 教育研究院详情页面 */
  .education-detail-page .education-detail-wrap .article .more-article-area .return img {
    width: 16px;
  }
  /* 咨询页面 */
  .news-list-page .news-list .news-item {
    width: 100%;
    align-items: flex-start;
  }
  .news-list-page .news-list .news-item .pic {
    width: 35%;
  }
  .news-detail-page .news-detail-wrap {
    width: 90%;
  }
  /*  产品  */
  .pro-banner .pic img {
    height: 250px;
    object-fit: cover;
    object-position: right center;
  }
  .pro-service-page .light-section .section-wrap {
    flex-wrap: wrap;
  }
  .pro-service-page .light-section .pic {
    width: 86% !important;
    margin-left: auto;
    margin-right: auto;
    order: -1;
  }
  .pro-service-page .light-section .section-wrap .text .tag-text {
    text-align: center;
  }
  .pro-service-page .light-section .section-wrap .text .description-main .order {
    justify-content: center;
  }
  .pro-service-page .light-section .section-wrap .text .description-main .desc-text {
    text-align: center;
  }
  .pro-service-page .light-section .section-wrap .text .description-main .link-btn {
    margin-left: auto;
    margin-right: auto;
  }
  /* 第1,2,3个 */
  .pro-service-page .light-section-type1 .text,
  .pro-service-page .light-section-type2 .text,
  .pro-service-page .light-section.section3 .text {
    max-width: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .pro-service-page .light-section-type2 .pic {
    margin-top: 30px;
  }
  /* 关于我们 */
  .about-page .about-desc .desc-list {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .about-page .about-desc .desc-list .desc-item {
    margin-right: 0;
    width: 47.5%;
    margin-bottom: max(0.5rem, 25px);
  }
  .about-page .about-company-culture .culture-panel {
    width: 90%;
  }
  .about-page .about-desc .about-desc-wrap {
    width: 90%;
  }
  .about-page .about-development .about-development-wrap {
    width: 90%;
  }
  .about-page .about-hire .hire-wrap {
    width: 90%;
  }
}
@media (max-width: 576px) {
  /* 统一设置内页banner */
  .n-banner .pic img {
    height: 200px;
  }
  .n-banner .banner-text .banner-title {
    font-size: 24px;
  }
  .n-banner .n-breadcrumb {
    display: none;
  }
  .cooperate-page .cooperate-wrap .list .item {
    width: 100%;
  }
  .cooperate-page .cooperate-wrap .list .item .pic {
    padding-bottom: 50%;
  }
  .cooperate-page .cooperate-wrap .list .item .text .icon {
    width: 60px;
    height: 60px;
    margin-top: -30px;
  }
  .cooperate-page .cooperate-wrap .list .item .text .icon img {
    max-width: 50%;
    max-height: 50%;
  }
  /* 教育研究学院页面 */
  .education-page .edu-list .edu-item {
    width: 100%;
  }
  .education-page .edu-list .edu-item .pic {
    padding-bottom: 50%;
  }
  .education-page .edu-list .edu-item .text {
    padding: 20px 15px;
  }
  .education-page .edu-list .edu-item .text .title {
    font-size: 16px;
  }
  .education-page .edu-list .edu-item .text .time-line .icon img {
    width: 14px;
  }
  /* 教育研究院详情页面 */
  .education-detail-page .education-detail-wrap .article .article-title {
    font-size: 22px;
  }
  .education-detail-page .education-detail-wrap .article .more-article-area {
    flex-wrap: wrap;
    padding-top: 20px;
  }
  .education-detail-page .education-detail-wrap .article .more-article-area .left {
    margin-right: 0;
    flex: none;
    width: 100%;
    margin-top: 15px;
    order: 1;
    text-align: left;
    margin-top: 0;
  }
  .education-detail-page .education-detail-wrap .article .more-article-area .return {
    margin-left: auto;
    display: none;
  }
  .education-detail-page .education-detail-wrap .aside .recommend-item .r-time {
    font-size: 12px;
  }
  /* 售前，售后表单页面 */
  .form-page .form-wrap {
    width: 90%;
  }
  .form-page .form-wrap .input-line {
    flex-wrap: wrap;
  }
  .form-page .form-wrap .input-line .input-item {
    width: 100%;
  }
  .form-page .form-wrap .input-line .input-item {
    margin-bottom: 15px;
  }
  .form-page .form-wrap .btn-list .btn {
    width: 125px;
    height: 40px;
    margin-right: 0;
  }
  .form-page .form-wrap .btn-list .btn.btn1 {
    order: 1;
    margin-left: 25px;
  }
  /* 咨询页面 */
  .news-list-page .news-list .news-item {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .news-list-page .news-list .news-item .pic {
    width: 100%;
  }
  .news-list-page .news-list .news-item .pic::after {
    padding-bottom: 40%;
  }
  .news-list-page .news-list .news-item .other {
    flex: none;
    width: 100%;
    padding: 20px 15px;
  }
  .news-list-page .news-list .news-item .other .info-line .link-btn {
    display: none;
  }
  /* 咨询详情页面 */
  .news-detail-page .news-detail-wrap .detail-title {
    font-size: 20px;
  }
  .news-detail-page .news-detail-wrap .info-line .text {
    font-size: 12px;
  }
  .news-detail-page .news-detail-wrap .more-news-area {
    padding-top: 20px;
  }
  .news-detail-page .news-detail-wrap .more-news-area .left {
    margin-right: 0;
    flex: none;
    width: 100%;
  }
  .news-detail-page .news-detail-wrap .more-news-area .return {
    display: none;
  }
  /* 产品服务页面 */
  .pro-banner .text .title {
    font-size: 22px;
  }
  .pro-service-page .pro-title-area .title {
    font-size: clamp(20px, 0.5rem, 50px);
  }
  .pro-service-page .light-section .section-wrap .text .description-main .order .index {
    width: 25px;
    height: 25px;
    font-size: 16px;
  }
  .pro-service-page .light-section .section-wrap .text .description-main .order .order-text {
    font-size: 20px;
  }
  .pro-service-page .pro-scene .scene-list .item {
    width: 100%;
  }
  .pro-service-page .pro-scene .scene-list .item .icon {
    width: 40px;
    height: 40px;
  }
  .pro-service-page .pro-scene .scene-list .item .other .i-title {
    font-size: 16px;
  }
  .pro-service-page .pro-scene .scene-list .item .other .i-desc {
    font-size: 14px;
    line-height: 1.5;
  }
  .pro-service-page .pro-user .pro-title-area .title {
    font-size: 18px;
  }
  .pro-service-page .pro-user .user-list .user-item {
    width: 100%;
    padding: 20px 15px;
  }
  .pro-service-page .pro-user .user-list .user-item .pic {
    width: 150px;
  }
  .pro-service-page .pro-user .user-list .user-item .other {
    font-size: 14px;
    line-height: 1.7;
  }
  .pro-service-page .pro-contact .btn-list .btn {
    width: 130px;
    height: 40px;
  }
  /* 关于我们页面 */
  .about-page .about-desc .desc-video .pic {
    border-radius: 10px;
  }
  .about-page .about-desc .desc-video .pic img {
    min-height: 150px;
  }
  .about-page .about-desc .desc-list .desc-item .bottom {
    font-size: 12px;
    line-height: 1.5;
  }
  .about-page .about-development .about-development-wrap .history-swiper1 .swiper-slide .year-desc {
    border: none;
    padding: 35px 0 30px;
  }
  .about-page .about-development .about-development-wrap .history-swiper1 .swiper-slide .year-desc .year {
    text-align: center;
  }
  .about-page .about-development .about-development-wrap .history-swiper1 .swiper-slide .year-desc .list {
    margin-bottom: 20px;
  }
  .about-page .about-development .about-development-wrap .history-swiper1 .swiper-slide .year-desc .list .item {
    font-size: 14px;
    text-align: center;
  }
  .about-page .about-development .about-development-wrap .history-swiper2 {
    width: 86%;
  }
  .about-page .about-company-culture .culture-panel {
    padding-left: 15px;
    padding-right: 15px;
  }
  .about-page .about-company-culture .culture-panel .item .icon {
    width: 45px;
    height: 45px;
  }
  .about-page .about-company-culture .culture-panel .item .icon img {
    max-width: 45%;
  }
  .about-page .about-company-culture .culture-panel .item .icon::before {
    width: calc(100% - 7px);
    height: calc(100% - 7px);
  }
  .about-page .about-company-culture .culture-panel .item .text {
    font-size: 14px;
  }
  .about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide .line1,
  .about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide .line2 {
    display: none;
  }
  .about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide .list {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    column-gap: 15px;
  }
  .about-page .about-honor .about-honor-swiper-list .honor-swiper .swiper-slide .list .item .text {
    padding-left: 5px;
    padding-right: 5px;
  }
  .about-page .about-hire .job-area .job-list .job-item {
    align-items: center;
  }
  .about-page .about-hire .job-area .job-list .job-item .item-text-job,
  .about-page .about-hire .job-area .job-list .job-item .item-text-default {
    font-size: 12px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
  }
  /* 解决方案 */
  .solution-page .solution-banner .pic img {
    height: 200px;
    object-fit: cover;
  }
  .solution-page .solution-area .solution-list .item {
    width: 100%;
  }
  .solution-page .solution-area .solution-list .item .text .link {
    display: none;
  }
  /* 应用方案详情 */
  .solution-detail-page .solution-banner .pic img {
    height: 200px;
    object-fit: cover;
  }
  .solution-detail-page .solution-banner .text .title {
    font-size: 20px;
  }
}
:target {
  scroll-margin-top: var(--header-height);
}
.form-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: calc(999 * 99);
  left: 0;
  top: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.25);
}
.form-mask .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  box-shadow: 0 0 10px #ccc;
  max-width: 1400px;
  width: 90%;
  padding: 30px max(0.6rem, 20px);
  height: 610px;
  max-height: 90vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.form-mask .content .title {
  font-size: var(--font32);
  margin-bottom: 20px;
}
.form-mask .content .layui-tab-brief > .layui-tab-title .layui-this {
  color: var(--theme) !important;
}
.form-mask .content .layui-form-item {
  margin-bottom: max(20px, 0.35rem);
}
.form-mask .content .layui-form-label {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.form-mask .content .layui-form-label .required {
  color: #f40;
  display: flex;
  align-items: center;
  margin-right: 6px;
}
.form-mask .content .layui-tab-content {
  flex: 1;
}
.form-mask .content .layui-show {
  height: 100%;
}
.form-mask .content .layui-show .layui-form {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.form-mask .content .layui-show .layui-form .layui-btn-container {
  margin-top: auto;
}
.form-mask .content .layui-btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-mask .content .layui-btn-container .btn {
  width: 140px;
  height: 45px;
  font-size: var(--font16);
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
  margin-right: 15px;
  border-radius: 10px;
}
.form-mask .content .layui-btn-container .btn:last-child {
  margin-right: 0;
}
.form-mask .content .layui-btn-container .btn.btn1 {
  background-color: var(--theme);
  color: #fff;
}
.form-mask .content .layui-btn-container .btn.btn2 {
  background-color: #ededed;
  color: #333;
}
@media (max-width: 576px) {
  .form-mask .content .layui-form-label {
    padding-left: 10px !important ;
    padding-right: 10px !important;
    width: 100% !important;
    justify-content: flex-start;
  }
  .form-mask .content .layui-input-block {
    margin-left: 0 !important;
    display: block;
    float: none;
  }
  .form-mask .content .layui-btn-container .btn.btn1 {
    order: 1;
    margin-right: 0;
    margin-left: 10px;
  }
}
/* 搜索结果页面 */
.search-list-page {
  padding-bottom: max(1.09rem, 35px);
}
.search-list-page .search-banner .banner-text {
  bottom: 15%;
}
.search-list-page .search-banner .search-text {
  font-size: var(--font24);
  color: #fff;
  margin-top: 10px;
  overflow-wrap: break-word;
}
.search-list-page .search-banner .search-text span {
  color: var(--theme);
}
.search-list-page .search-list {
  margin-top: max(0.6rem, 30px);
}
.search-list-page .search-list .search-item {
  display: block;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  margin-bottom: max(0.45rem, 30px);
  padding-bottom: max(0.25rem, 15px);
}
.search-list-page .search-list .search-item:hover .name {
  color: var(--theme);
}
.search-list-page .search-list .search-item:hover .desc {
  color: var(--theme);
}
.search-list-page .search-list .search-item:last-child {
  margin-bottom: 0;
}
.search-list-page .search-list .search-item .cate {
  font-size: var(--font18);
  margin-bottom: max(0.2rem, 10px);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  transition: 0.5s ease;
  padding: 10px 30px;
  border-radius: 20px;
  background-image: linear-gradient(to left top, #32479f, #1580e0);
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  width: fit-content;
}
.search-list-page .search-list .search-item .name {
  font-size: var(--font26);
  color: var(--theme);
  margin-bottom: max(0.2rem, 10px);
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 700;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  transition: 0.5s ease;
}
.search-list-page .search-list .search-item .desc {
  font-size: var(--font20);
  color: #ccc;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  margin-top: max(0.2rem, 10px);
  transition: 0.5s ease;
}
@media (max-width: 576px) {
  .search-list-page .search-list .search-item .name {
    font-size: 16px;
  }
  .search-list-page .search-list .search-item .desc {
    font-size: 14px;
  }
}

/* 2025-7-21 */
.form-page .form-wrap .input-line .input-item.input-full {
  width: 100%;
}

.form-page .form-wrap .radio-line {
  margin-top: max(0.26rem, 20px);
}

.form-page .form-wrap .radio-line .radio-text {
  font-weight: 400;
  font-size: var(--font16);
  margin-bottom: 15px;
  color: #101010;
}

.form-page .form-wrap .radio-line .radio-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.form-page .form-wrap .radio-line .radio-list .radio-item input {
  display: none;
}

.form-page .form-wrap .radio-line .radio-list .radio-item span {
  display: block;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: max(0.2rem, 10px) max(0.45rem, 10px);
  font-size: var(--font14);
  color: #666666;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
}

.form-page .form-wrap .radio-line .radio-list .radio-item input:checked + span {
  background-color: var(--theme);
  color: #fff;
  border-color: transparent;
}