@charset "UTF-8";
body.ov {
  overflow: hidden;
  height: 100vh;
}

.animated {
  animation-duration: 2s !important;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.indexmain {
  display: block;
  width: 100%;
}

.indexmain .banner {
  display: block;
  width: 100%;
}

.indexmain .banner .swiper-banner .swiper-slide {
  position: relative;
}

.indexmain .banner .swiper-banner .swiper-slide .swiper-banner__img {
  display: block;
  width: 100%;
}

.indexmain .banner .swiper-banner .swiper-slide .swiper-banner-text {
  position: absolute;
  /*top: 50%;*/
  top: 34%;
  transform: translateY(-50%);
  left: 1.03rem;
}

.indexmain .banner .swiper-banner .swiper-slide .swiper-banner-text .swiper-banner-text-small {
  margin-bottom: .2rem;
  color: #FFF;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 2.88px;
}

.indexmain .banner .swiper-banner .swiper-slide .swiper-banner-text .swiper-banner-text-big {
  color: #FFF;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.167;
  letter-spacing: 3px;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.indexmain .banner .swiper-banner .swiper-slide .swiper-banner-text .swiper-banner-more {
  display: inline-flex;
  align-items: center;
  padding: .13rem .33rem .13rem .29rem;
  column-gap: .13rem;
  border-radius: .6rem;
  border: 1px solid #FFF;
  margin-top: .79rem;
}

.indexmain .banner .swiper-banner .swiper-slide .swiper-banner-text .swiper-banner-more span {
  color: #FFF;
  font-weight: 400;
  line-height: 1.1875;
}

.indexmain .banner .swiper-banner .swiper-slide .swiper-banner-text .swiper-banner-more img {
  display: block;
  width: .09rem;
  height: .09rem;
  flex-shrink: 0;
}

.indexmain .swiper-pagination-banner {
  display: flex;
  justify-content: center;
  column-gap: .16rem;
  bottom: 0.54rem !important;
}

.indexmain .swiper-bannerpoint {
  position: relative;
  width: 18px;
  height: 18px;
  display: flex;
  cursor: pointer;
}

.indexmain .swiper-bannerpoint-point {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #ffffff;
  width: 4px;
  height: 4px;
}

.indexmain .swiper-bannerpoint-svg {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.indexmain .swiper-bannerpoint svg {
  position: absolute;
  left: 0;
  top: 0;
}

.indexmain .swiper-bannerpoint-inner2 {
  stroke-dashoffset: 104;
  stroke-dasharray: 104;
}

.indexmain .swiper-bannerpoint-svg.active {
  opacity: 1;
}

.indexmain .swiper-bannerpoint-svg.active .swiper-bannerpoint-inner2 {
  animation: circleShow 4s linear forwards;
}

.swiper-bus .swiper-slide {
  position: relative;
}

.swiper-bus {
  height: 9.6rem;
}

.swiper-bus .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes circleShow {
  0% {
    stroke-dashoffset: 104;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.indexmain .section1 {
  padding-top: 1.5rem;
  /*padding-bottom: 1.5rem;*/
}

.indexmain .section1 .section1-title {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
}

.indexmain .section1 .section1-title span {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.indexmain .section1 .section1-box {
  width: 17.14rem;
  margin: 0 auto;
}

.indexmain .section1 .section1-box .swiper-section1 {
  border-radius: .2rem;
  margin-top: .65rem;
  position: relative;
  overflow: visible;
  margin-bottom: 1.2rem;
}

.indexmain .section1 .section1-box .swiper-section1 .swiper-slide {
  display: block;
}

.indexmain .section1 .section1-box .swiper-section1 .swiper-slide .swiper-section1-imgbox {
  display: block;
  width: 100%;
  /*height: 100%;*/
  height: 7.27rem;
  position: relative;
}

.indexmain .section1 .section1-box .swiper-section1 .swiper-slide .swiper-section1-imgbox .swiper-section1-imgbox-board {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1) 90%, transparent);
  height: 2rem;
  position: absolute;
  width: 100%;
  bottom: 0;
  border-radius: 0 0 .2rem .2rem;
  z-index: 4;
}

.indexmain .section1 .section1-box .swiper-section1 .swiper-slide .swiper-section1__img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all .3s ease;
  z-index: 3;
}

.indexmain .section1 .section1-box .swiper-section1 .swiper-slide .swiper-section1__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .2rem;
}

.indexmain .section1 .section1-box .swiper-section1 .swiper-slide .swiper-section1__img.active {
  opacity: 1;
}

.indexmain .section1 .section1-box .swiper-section1 .swiper-slide .swiper-section1__p {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 50%;
  bottom: .76rem;
  transform: translateX(-50%);
  color: #FFF;
  font-weight: 500;
  transition: all .3s ease;
  font-size: .26rem;
  z-index: 5;
}

.indexmain .section1 .section1-box .swiper-section1 .swiper-slide.active .swiper-section1__p {
  font-size: .34rem;
}

.indexmain .section1 .section1-box .swiper-section1 .swiper-slide-fa {
  margin-right: .2rem;
  transition: all .5s ease;
  width: 3.4rem;
  /*height: 7.27rem;*/
  height: auto;
  position: relative;
}

.indexmain .section1 .section1-box .swiper-section1 .swiper-slide-fa:last-child {
  margin-right: 0;
}

.indexmain .section1 .section1-box .swiper-section1 .swiper-slide-fa.active {
  width: 9.94rem;
}

.indexmain .section1 .section1-box .swiper-section1 .swiper-slide-fa.active .swiper-section1-nav {
  opacity: 1;
}

.indexmain .section1 .section1-box .swiper-section1 .swiper-section1-left {
  display: block;
  width: .64rem;
  height: .64rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: .24rem;
  z-index: 9;
}

.indexmain .section1 .section1-box .swiper-section1 .swiper-section1-right {
  display: block;
  width: .64rem;
  height: .64rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .24rem;
  z-index: 9;
}

.indexmain .section1 .section1-box .swiper-section1-nav {
  display: flex;
  width: 7.84rem;
  margin: .35rem auto 0;
  position: relative;
  opacity: 0;
  transition: all .5s ease;
}

.indexmain .section1 .section1-box .swiper-section1-nav::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #F0F0F0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.indexmain .section1 .section1-box .swiper-section1-nav .swiper-slide {
  width: auto;
  flex-shrink: 0;
  padding-bottom: .19rem;
  flex: 1;
  text-align: center;
}

.indexmain .section1 .section1-box .swiper-section1-nav .swiper-slide p {
  user-select: none;
  cursor: pointer;
  padding-left: .38rem;
  padding-right: .38rem;
  color: #333;
  font-weight: 400;
  line-height: 150%;
  white-space: nowrap;
}

/*.indexmain .section1 .section1-box .swiper-section1-nav .swiper-slide.active p {*/
/*  background: linear-gradient(276deg, #12B9E4 2.68%, #004273 94.55%);*/
/*  background-clip: text;*/
/*  -webkit-background-clip: text;*/
/*  -webkit-text-fill-color: transparent;*/
/*}*/
.indexmain .section1 .section1-box .swiper-section1-nav .swiper-slide:hover p {
  background: linear-gradient(276deg, #12B9E4 2.68%, #004273 94.55%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*.indexmain .section1 .section1-box .swiper-section1-nav .swiper-slide.active::after {*/
/*  content: "";*/
/*  width: 100%;*/
/*  height: 2px;*/
/*  background: linear-gradient(to right, #004273, #46b6d0);*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*}*/
.indexmain .section1 .section1-box .swiper-section1-nav .swiper-slide::after {
  content: "";
  width: 0%;
  height: 2px;
  background: linear-gradient(to right, #004273, #46b6d0);
  position: absolute;
  bottom: 0;
  transition: all .3s ease;
}

.indexmain .section1 .section1-box .swiper-section1-nav .swiper-slide:hover::after {
  content: "";
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #004273, #46b6d0);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.indexmain .section2 {
  position: relative;
  background: linear-gradient(288deg, #D1EDED 0%, #DAE5F0 44.27%);
}

.indexmain .section2 .section2__img {
  display: block;
  width: 100%;
}

.indexmain .section2 .mainpoint {
  position: absolute;
  left: 49.0625%;
  top: 48.51%;
  width: .54rem;
  height: .54rem;
}

.indexmain .section2 .mainpoint .main-icon {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 9;
}

.indexmain .section2 .mainpoint .circle-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.29rem;
  height: 1.29rem;
  background: rgba(26, 131, 175, 0.15);
  border-radius: 50%;
  animation: innerflash 1s ease infinite;
}

@keyframes innerflash {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  60% {
    transform: translate(-50%, -50%) scale(1);
  }
}

.indexmain .section2 .mainpoint .circle-outer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.97rem;
  height: 1.97rem;
  background: rgba(26, 131, 175, 0.1);
  border-radius: 50%;
  animation: outerflash 1s ease infinite;
}

@keyframes outerflash {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}

.indexmain .section2 .mainpoint .circle-dash1 {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5.16rem;
  height: 5.16rem;
  opacity: .8;
}

.indexmain .section2 .mainpoint .circle-dash1 img {
  display: block;
  width: 100%;
  height: 100%;
}

.indexmain .section2 .mainpoint .circle-dash2 {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8.54rem;
  height: 8.54rem;
  opacity: .25;
}

.indexmain .section2 .mainpoint .circle-dash2 img {
  display: block;
  width: 100%;
  height: 100%;
}

.indexmain .section2 .mainpoint .pointbox {
  display: none;
  width: 2.5rem;
  min-height: 3rem;
  border-radius: .12rem;
  background: #FFF url("../img/sn.png") no-repeat;
  background-size: .97rem 1.01rem;
  background-position: bottom right;
  box-shadow: 0 4px 0.2rem 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: calc(100% + .92rem);
  transform: translateY(calc(-50% + .27rem));
  padding: .2rem;
}

.indexmain .section2 .mainpoint .pointbox .pointbox-title {
  padding-bottom: .08rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #333;
  font-style: normal;
  font-weight: 400;
  line-height: 155.607%;
}

.indexmain .section2 .mainpoint .pointbox .pointbox-ul {
  display: flex;
  flex-direction: column;
  margin-top: .14rem;
  row-gap: .08rem;
}

.indexmain .section2 .mainpoint .pointbox .pointbox-ul .pointbox-li {
  position: relative;
  display: flex;
  align-items: center;
}

.indexmain .section2 .mainpoint .pointbox .pointbox-ul .pointbox-li .pointbox-li-circle-box {
  border-radius: 50%;
  width: .126rem;
  height: .126rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-right: .1143rem;
}

.indexmain .section2 .mainpoint .pointbox .pointbox-ul .pointbox-li .pointbox-li-circle-box .pointbox-li-circle {
  border-radius: 50%;
  width: .126rem;
  height: .126rem;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: .3;
  position: relative;
}

.indexmain .section2 .mainpoint .pointbox .pointbox-ul .pointbox-li .pointbox-li-circle-box .pointbox-li-circle-inner {
  position: absolute;
  display: block;
  width: .0657rem;
  height: .0657rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  border-radius: 50%;
}

.indexmain .section2 .mainpoint .pointbox .pointbox-ul .pointbox-li .pointbox-li__p {
  color: #333;
  font-weight: 290;
  line-height: 157.143%;
}

.indexmain .section2 .point {
  position: absolute;
  width: .24641rem;
  height: .31rem;
}

.indexmain .section2 .point .point__icon {
  display: block;
  width: 100%;
  height: 100%;
}

.indexmain .section2 .point .point__icon-show {
  display: block;
}

.indexmain .section2 .point .point__icon-hide {
  display: none;
}

.indexmain .section2 .point:hover .point__icon-show {
  display: none;
}

.indexmain .section2 .point:hover .point__icon-hide {
  display: block;
  width: .24641rem;
  height: .24641rem;
}

.indexmain .section2 .point .pointbox {
  display: none;
  width: 2.5rem;
  min-height: 3rem;
  border-radius: .12rem;
  background: #FFF url("../img/sn.png") no-repeat;
  background-size: .97rem 1.01rem;
  background-position: bottom right;
  box-shadow: 0 4px 0.2rem 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: calc(100% + .92rem);
  transform: translateY(calc(-50% + .27rem));
  padding: .2rem;
  opacity: 0;
}

.indexmain .section2 .point .pointbox .pointbox-title {
  padding-bottom: .08rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #333;
  font-style: normal;
  font-weight: 400;
  line-height: 155.607%;
}

.indexmain .section2 .point .pointbox .pointbox-ul {
  display: flex;
  flex-direction: column;
  margin-top: .14rem;
  row-gap: .08rem;
}

.indexmain .section2 .point .pointbox .pointbox-ul .pointbox-li {
  position: relative;
  display: flex;
  align-items: center;
}

.indexmain .section2 .point .pointbox .pointbox-ul .pointbox-li .pointbox-li-circle-box {
  border-radius: 50%;
  width: .126rem;
  height: .126rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-right: .1143rem;
}

.indexmain .section2 .point .pointbox .pointbox-ul .pointbox-li .pointbox-li-circle-box .pointbox-li-circle {
  border-radius: 50%;
  width: .126rem;
  height: .126rem;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: .3;
  position: relative;
}

.indexmain .section2 .point .pointbox .pointbox-ul .pointbox-li .pointbox-li-circle-box .pointbox-li-circle-inner {
  position: absolute;
  display: block;
  width: .0657rem;
  height: .0657rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  border-radius: 50%;
}

.indexmain .section2 .point .pointbox .pointbox-ul .pointbox-li .pointbox-li__p {
  color: #333;
  font-weight: 290;
  line-height: 157.143%;
}

.indexmain .section2 .section2-tip {
  position: absolute;
  bottom: .73rem;
  right: .87rem;
}

.indexmain .section2 .section2-tip .section2-tip-ul {
  display: flex;
  width: 3.26rem;
  row-gap: .2rem;
  flex-wrap: wrap;
}

.indexmain .section2 .section2-tip .section2-tip-ul .section2-tip-li {
  width: 1.63rem;
  color: #333;
  font-weight: 400;
  line-height: 1.167;
  padding-left: .27rem;
  position: relative;
  display: flex;
  align-items: center;
}

.indexmain .section2 .section2-tip .section2-tip-ul .section2-tip-li .section2-tip-li-circlecox {
  border-radius: 50%;
  width: .126rem;
  height: .126rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-right: .1143rem;
}

.indexmain .section2 .section2-tip .section2-tip-ul .section2-tip-li .section2-tip-li-circlecox .section2-tip-li-circle {
  border-radius: 50%;
  width: .126rem;
  height: .126rem;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: .3;
  position: relative;
}

.indexmain .section2 .section2-tip .section2-tip-ul .section2-tip-li .section2-tip-li-circlecox .section2-tip-li-circle-inner {
  position: absolute;
  display: block;
  width: .0657rem;
  height: .0657rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  border-radius: 50%;
}

.indexmain .section2 .section2-content {
  position: absolute;
  left: 1.03rem;
  bottom: .69rem;
  width: 9.2rem;
}

.indexmain .section2 .section2-content .section2-content-title {
  display: flex;
  align-items: center;
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  margin-bottom: .28rem;
}

.indexmain .section2 .section2-content .section2-content-title span {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.indexmain .section2 .section2-content .section2-content-article {
  color: #333;
  font-weight: 300;
  line-height: 180%;
}

.indexmain .section2 .section2-content .section2-content-more {
  padding: .12rem .22rem .12rem .3rem;
  border-radius: .99rem;
  border: 1px solid #333;
  display: inline-flex;
  align-items: center;
  column-gap: .11rem;
  margin-top: .4rem;
  transition: all .3s ease;
}

.indexmain .section2 .section2-content .section2-content-more span {
  color: #333;
  font-weight: 400;
  line-height: 1.357;
  transition: all .3s ease;
}

.indexmain .section2 .section2-content .section2-content-more img {
  display: block;
  width: .2rem;
  height: .2rem;
  transition: all .3s ease;
}

.indexmain .section2 .section2-content .section2-content-more:hover {
  border: 1px solid transparent;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
}

.indexmain .section2 .section2-content .section2-content-more:hover span {
  color: #ffffff;
}

.indexmain .section2 .section2-content .section2-content-more:hover img {
  filter: brightness(0) invert(1);
}

.indexmain .section5 .section5-main .section5-main-more:hover {
  border: 1px solid transparent;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
}

.indexmain .section3 {
  height: 10.7rem;
  overflow: hidden;
  position: relative;
}

.indexmain .section3 .section3-content {
  width: 9.46rem;
  margin: 1.1rem auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.indexmain .section3 .section3-content .section3-content-title {
  color: #FFF;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  margin-bottom: .25rem;
  text-align: center;
}

.indexmain .section3 .section3-content .section3-content-article {
  color: #FFF;
  font-weight: 300;
  line-height: 180%;
}

.indexmain .section3 .section3-content .section3-content-more {
  padding: .12rem .33rem .13rem .29rem;
  border-radius: .6rem;
  border: 1.086px solid #FFF;
  display: flex;
  align-items: center;
  column-gap: .1288rem;
  margin-top: .25rem;
}

.indexmain .section3 .section3-content .section3-content-more span {
  color: #FFF;
  text-align: center;
  font-weight: 400;
  line-height: 1.1875;
}

.indexmain .section3 .section3-content .section3-content-more img {
  width: .07691rem;
  height: .0752rem;
}

.indexmain .section3 .section3-info {
  display: flex;
  width: 13rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: .8rem;
  justify-content: space-between;
}

.indexmain .section3 .section3-info .section3-info-item {
  width: 2.14rem;
}

.indexmain .section3 .section3-info .section3-info-item .section3-info-item-top {
  display: flex;
  align-items: stretch;
  column-gap: .3rem;
  padding-bottom: .19rem;
  border-bottom: 1px solid rgba(230, 230, 230, 0.4);
}

.indexmain .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-num {
  color: #FFF;
  font-weight: 500;
  line-height: .8;
}

.indexmain .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.indexmain .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span {
  color: #FFF;
  font-weight: 500;
  line-height: 1;
}

.indexmain .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span:first-child {
  position: absolute;
  top: 0;
  line-height: .75;
}

.indexmain .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span:last-child {
  position: absolute;
  bottom: 0;
}

.indexmain .section3 .section3-info .section3-info-item .section3-info-item__p {
  margin-top: .13rem;
  color: #FFF;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 1px;
}

.indexmain .section4 {
  padding-top: 1.3rem;
  padding-bottom: 1.55rem;
}

.indexmain .section4 .section4-main {
  width: 17.14rem;
  margin: 0 auto;
}

.indexmain .section4 .section4-main .section4-main-title {
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  text-align: center;
}

.indexmain .section4 .section4-main .section4-main-title span {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.indexmain .section4 .section4-main .section4-top {
  margin-top: .7rem;
  display: flex;
  border-radius: .2rem;
  height: 5.48rem;
  background: #F8F8F8;
  overflow: hidden;
}

.section4-top__img-box {
  width: 9.06rem;
  height: 100%;
  overflow: hidden;
}

.indexmain .section4 .section4-main .section4-top .section4-top__img {
  display: block;
  width: 9.06rem;
  height: 100%;
  object-fit: cover;
  transition: all .3s ease;
}

.indexmain .section4 .section4-main .section4-top .section4-top__img:hover {
  transform: scale(1.05);
}

.indexmain .section4 .section4-main .section4-top .section4-top-info {
  width: calc(100% - 9.06rem);
  padding-top: .85rem;
  padding-left: .72rem;
  position: relative;
}

.indexmain .section4 .section4-main .section4-top .section4-top-info .section4-top-base {
  display: flex;
  column-gap: .43rem;
}

.indexmain .section4 .section4-main .section4-top .section4-top-info .section4-top-base .section4-top-base-item {
  display: flex;
  align-items: center;
  column-gap: .15rem;
}

.indexmain .section4 .section4-main .section4-top .section4-top-info .section4-top-base .section4-top-base-item img {
  height: .17rem;
}

.indexmain .section4 .section4-main .section4-top .section4-top-info .section4-top-base .section4-top-base-item p {
  color: #333;
  font-weight: 300;
}

.indexmain .section4 .section4-main .section4-top .section4-top-info .section4-top-title {
  width: 6.73rem;
  font-weight: 500;
  line-height: 160%;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: .41rem;
  margin-bottom: .11rem;
}

.indexmain .section4 .section4-main .section4-top .section4-top-info .section4-top-desc {
  width: 6.72rem;
  color: #333;
  font-weight: 300;
  line-height: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.indexmain .section4 .section4-main .section4-top .section4-top-info .section4-top-more {
  display: inline-flex;
  padding: .12rem .22rem .12rem .3rem;
  align-items: center;
  gap: .11rem;
  border-radius: .99rem;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  position: absolute;
  left: .72rem;
  bottom: .85rem;
}

.indexmain .section4 .section4-main .section4-top .section4-top-info .section4-top-more span {
  color: #FFF;
  font-weight: 400;
  line-height: 1.357;
}

.indexmain .section4 .section4-main .section4-top .section4-top-info .section4-top-more img {
  width: .075rem;
}

.indexmain .section4 .section4-main .section4-ul {
  display: flex;
  width: 100%;
  margin: .45rem auto 0;
  column-gap: .29rem;
}

.indexmain .section4 .section4-main .section4-ul .section4-li {
  display: block;
  width: 5.52rem;
  border-radius: .147rem;
  overflow: hidden;
  margin-right: .29rem;
}

.indexmain .section4 .section4-main .section4-ul .section4-li:last-child {
  margin-right: 0;
}

.section4-li__img-box {
  width: 100%;
  height: 2.74rem;
  overflow: hidden;
}

.indexmain .section4 .section4-main .section4-ul .section4-li .section4-li__img {
  display: block;
  width: 100%;
  height: 2.74rem;
  object-fit: cover;
  transition: all .3s ease;
}

.indexmain .section4 .section4-main .section4-ul .section4-li:hover .section4-li__img {
  transform: scale(1.05);
}

.indexmain .section4 .section4-main .section4-ul .section4-li .section4-li-info {
  background: #F8F8F8;
  padding: .4rem .22rem .4rem .28rem;
}

.indexmain .section4 .section4-main .section4-ul .section4-li .section4-li-info .section4-li-sign {
  display: flex;
  align-items: center;
  column-gap: .39rem;
  margin-bottom: .2466rem;
}

.indexmain .section4 .section4-main .section4-ul .section4-li .section4-li-info .section4-li-sign .section4-li-sign-item {
  display: flex;
  align-items: center;
  column-gap: .1rem;
}

.indexmain .section4 .section4-main .section4-ul .section4-li .section4-li-info .section4-li-sign .section4-li-sign-item img {
  height: .14rem;
}

.indexmain .section4 .section4-main .section4-ul .section4-li .section4-li-info .section4-li-sign .section4-li-sign-item p {
  color: #333;
  font-weight: 300;
}

.indexmain .section4 .section4-main .section4-ul .section4-li .section4-li-info .section4-li-sign .section4-li-sign-item:first-child img {
  height: .16rem;
}

.indexmain .section4 .section4-main .section4-ul .section4-li .section4-li-info .section4-li-title {
  color: #333;
  font-weight: 400;
  line-height: 156.319%;
  overflow: hidden;
  /* 隐藏超出容器的文本 */
  white-space: nowrap;
  /* 保持文本在一行内显示 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}

.indexmain .section5 {
  position: relative;
}

.indexmain .section5 .section5__img {
  display: block;
  width: 100%;
}

.indexmain .section5 .section5-main {
  position: absolute;
  width: 8.55rem;
  top: .85rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.indexmain .section5 .section5-main .section5-main-title {
  text-align: center;
  color: #FFF;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  margin-bottom: .2rem;
}

.indexmain .section5 .section5-main .section5-main-desc {
  color: #FFF;
  text-align: center;
  font-weight: 300;
  line-height: 180%;
  margin-bottom: .4rem;
}

.indexmain .section5 .section5-main .section5-main-more {
  display: inline-flex;
  padding: .13rem .18rem .12rem .29rem;
  align-items: center;
  column-gap: .13rem;
  border-radius: .6rem;
  border: 1.086px solid #FFF;
  transition: all .3s ease;
}

.indexmain .section5 .section5-main .section5-main-more span {
  color: #FFF;
  font-weight: 400;
  line-height: 1.1875;
}

.indexmain .section5 .section5-main .section5-main-more img {
  width: .07691rem;
  height: .0752rem;
}

.aboutpage .aboutbanner {
  display: block;
  width: 100%;
  height: 6.45rem;
  overflow: hidden;
  margin-bottom: .26rem;
}

.aboutpage .aboutbanner .about-title {
  text-align: center;
  color: #FFF;
  font-weight: 500;
  line-height: 1.167;
  margin-top: 2.53rem;
}

.aboutpage .aboutbanner .about-title span {
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.aboutpage .about-intro {
  width: 17.14rem;
  margin: 0 auto;
  padding-top: 1.19rem;
  padding-bottom: 1.8rem;
  display: flex;
  justify-content: space-between;
  /*align-items: flex-start;*/
  align-items: stretch;
}

.aboutpage .about-intro .about-intro-left {
  width: 7.83rem;
}

.aboutpage .about-intro .about-intro-left .about-intro-content {
  padding-top: .63rem;
  padding-bottom: .48rem;
  position: relative;
  height: 100%;
}

.aboutpage .about-intro .about-intro-left .about-intro-content .quote-down {
  display: block;
  width: .36rem;
  height: .33rem;
  position: absolute;
  left: 0;
  top: 0;
}

.aboutpage .about-intro .about-intro-left .about-intro-content .quote-up {
  display: block;
  width: .36rem;
  height: .33rem;
  position: absolute;
  right: 0;
  bottom: 0;
}

.aboutpage .about-intro .about-intro-left .about-intro-content .about-intro-title {
  color: #333;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: .3rem;
}

.aboutpage .about-intro .about-intro-left .about-intro-content .about-intro-desc {
  display: flex;
  flex-direction: column;
  row-gap: .15rem;
}

.aboutpage .about-intro .about-intro-left .about-intro-content .about-intro-desc p {
  color: #333;
  font-weight: 300;
  line-height: 180%;
}

.aboutpage .about-intro .about-intro-left .about-intro-info {
  display: flex;
  flex-direction: column;
  row-gap: .15rem;
  margin-top: .43rem;
}

.aboutpage .about-intro .about-intro-left .about-intro-info p {
  color: #333;
  font-weight: 500;
  line-height: 1.1818;
}

.aboutpage .about-intro .about-intro-right {
  display: block;
  width: 7.96rem;
  height: 6.01rem;
  border-radius: .2rem;
}

.aboutpage .about-intro .about-intro-right img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .2rem;
}

.aboutpage .section3 {
  height: 10.7rem;
  overflow: hidden;
  position: relative;
}

.aboutpage .section3 .section3-content {
  width: 9.46rem;
  margin: 1.1rem auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.aboutpage .section3 .section3-content .section3-content-title {
  color: #FFF;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  margin-bottom: .25rem;
  text-align: center;
}

.aboutpage .section3 .section3-content .section3-content-article {
  color: #FFF;
  font-weight: 300;
  line-height: 180%;
}

.aboutpage .section3 .section3-content .section3-content-more {
  padding: .12rem .33rem .13rem .29rem;
  border-radius: .6rem;
  border: 1.086px solid #FFF;
  display: flex;
  align-items: center;
  column-gap: .1288rem;
  margin-top: .25rem;
}

.aboutpage .section3 .section3-content .section3-content-more span {
  color: #FFF;
  text-align: center;
  font-weight: 400;
  line-height: 1.1875;
}

.aboutpage .section3 .section3-content .section3-content-more img {
  width: .07691rem;
  height: .0752rem;
}

.aboutpage .section3 .section3-info {
  display: flex;
  width: 13rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.2rem;
  justify-content: space-between;
}

.aboutpage .section3 .section3-info .section3-info-item {
  width: 2.14rem;
}

.aboutpage .section3 .section3-info .section3-info-item .section3-info-item-top {
  display: flex;
  align-items: stretch;
  column-gap: .3rem;
  padding-bottom: .19rem;
  border-bottom: 1px solid rgba(230, 230, 230, 0.4);
}

.aboutpage .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-num {
  color: #FFF;
  font-weight: 500;
  line-height: .8;
}

.aboutpage .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.aboutpage .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span {
  color: #FFF;
  font-weight: 500;
  line-height: 1;
}

.aboutpage .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span:first-child {
  position: absolute;
  top: 0;
  line-height: .75;
}

.aboutpage .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span:last-child {
  position: absolute;
  bottom: 0;
}

.aboutpage .section3 .section3-info .section3-info-item .section3-info-item__p {
  margin-top: .13rem;
  color: #FFF;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 1px;
}

.aboutpage .about-video {
  width: 17.14rem;
  margin: 0 auto;
  padding-top: 1.5rem;
}

.aboutpage .about-video .about-video-title {
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  margin-bottom: .25rem;
  text-align: center;
}

.about-video__video-box {
  position: relative;
}

.aboutpage .about-video .about-video__video-box {
  width: 100%;
  height: 7.76rem;
  border-radius: .2rem;
  position: relative;
}

.aboutpage .about-video .about-video__video {
  width: 100%;
  height: 7.76rem;
  border-radius: .2rem;
  object-fit: cover;
}

.aboutpage .about-video img {
  width: 100%;
  height: 7.76rem;
  border-radius: .2rem;
  object-fit: cover;
}

.aboutpage .about-video .about-video__video-play {
  position: absolute;
  width: .6rem;
  height: .6rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  cursor: pointer;
}

.aboutpage .about-business {
  width: 17.14rem;
  margin: 1.5rem auto 1.5rem;
}

.institutionpage .about-business {
  margin: 1.5rem auto 1.01rem;
}

.aboutpage .about-business .about-business-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: .51rem;
}

.aboutpage .about-business .about-business-top .about-business-tleft {
  width: 8.4rem;
}

.aboutpage .about-business .about-business-top .about-business-tleft .about-business-tleft-title {
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  margin-bottom: .05rem;
}

.aboutpage .about-business .about-business-top .about-business-tleft .about-business-tleft-subtitle {
  color: #333;
  font-size: 40px;
  font-weight: 300;
  line-height: 180%;
}

.aboutpage .about-business .about-business-top .about-business-tright {
  width: 8.4rem;
  display: flex;
  flex-direction: column;
  row-gap: .2rem;
  color: #333;
  font-weight: 300;
  line-height: 180%;
}

.aboutpage .about-business .about-business-flow {
  display: flex;
}

.aboutpage .about-business .about-business-flow .about-business-item {
  width: 4.06rem;
  height: 5.99rem;
  flex-grow: 0;
  margin-right: .21rem;
  /*background: red;*/
  border-radius: .1rem;
  transition: all .3s ease;
  position: relative;
  overflow: hidden;
}

.aboutpage .about-business .about-business-flow .about-business-item .about-business-item__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .1rem;
}

.aboutpage .about-business .about-business-flow .about-business-item .about-business-board {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3.66rem;
  height: 5.99rem;
  border-radius: .1rem;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(0.12rem);
  box-sizing: border-box;
  padding: .42rem .2rem .42rem .3rem;
}

.aboutpage .about-business .about-business-flow .about-business-item .about-business-board .buslogo {
  display: block;
  width: 1.25rem;
  margin-bottom: .53rem;
}

.aboutpage .about-business .about-business-flow .about-business-item .about-business-board .about-business-board-title {
  color: #FFF;
  font-weight: 500;
  margin-bottom: .25rem;
  line-height: 1.3;
}

.aboutpage .about-business .about-business-flow .about-business-item .about-business-board .about-business-board-desc {
  height: 2rem;
  color: #FFF;
  font-weight: 300;
  line-height: 180%;
  overflow-y: auto;
  padding-right: .1rem;
}

.aboutpage .about-business .about-business-flow .about-business-item .about-business-board .about-business-board-desc::-webkit-scrollbar {
  width: 3px;
  background: rgba(0, 0, 0, 0.1);
}

.aboutpage .about-business .about-business-flow .about-business-item .about-business-board .about-business-board-desc::-webkit-scrollbar-thumb {
  width: 3px;
  background: #1A98C1;
}

.aboutpage .about-business .about-business-flow .about-business-item .about-business-board .about-business-more {
  display: inline-flex;
  padding: .12rem .22rem .12rem .3rem;
  align-items: center;
  gap: .11rem;
  border-radius: .99rem;
  background: linear-gradient(280deg, #12B9E4 20.85%, #1470AA 83.18%);
  position: absolute;
  left: .42rem;
  bottom: .42rem;
  padding: .12rem .22rem .12rem .3rem;
}

.aboutpage .about-business .about-business-flow .about-business-item .about-business-board .about-business-more span {
  color: #FFF;
  font-weight: 400;
  line-height: 1.357;
}

.aboutpage .about-business .about-business-flow .about-business-item .about-business-board {
  transform: translateX(-100%);
  transition: all .3s ease;
}

.aboutpage .about-business .about-business-flow .about-business-item.active {
  flex-grow: 1;
}

.aboutpage .about-business .about-business-flow .about-business-item.active .about-business-board {
  transform: translateX(0);
}

.aboutpage .about-business .about-business-flow .about-business-item .about-business-item-num {
  position: absolute;
  top: .42rem;
  right: .42rem;
  width: .46rem;
  height: .46rem;
  border-radius: .09rem;
  background: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.aboutpage .about-business .about-business-flow .about-business-item .about-business-item-num span {
  font-weight: 500;
  line-height: 136.513%;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.aboutpage .about-dev {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.aboutpage .about-dev .about-dev-title {
  /*width: 17.14rem;*/
  /*margin: 0 auto;*/
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
}

.aboutpage .about-dev .swiper-dev {
  margin-top: .7rem;
}

.aboutpage .about-dev .swiper-dev .swiper-slide {
  width: 5.84rem;
  margin-left: 1.03rem;
}

.aboutpage .about-dev .swiper-dev .swiper-slide.active .swiper-dev-time {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.aboutpage .about-dev .swiper-dev .swiper-slide .swiper-dev-time span {
  transition: all .3s ease;
}

.aboutpage .about-dev .swiper-dev .swiper-slide.active .swiper-dev-time span {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.aboutpage .about-dev .swiper-dev .swiper-slide.active .swiper-dev-dot .swiper-dev-dot-inner {
  background: #115C8C;
}

.aboutpage .about-dev .swiper-dev .swiper-slide.active .swiper-dev-title {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

.aboutpage .about-dev .swiper-dev .swiper-slide.active .swiper-dev-title::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0.1rem;
}

.aboutpage .about-dev .swiper-dev .swiper-slide:hover .swiper-dev-dot .swiper-dev-dot-inner {
  background: #115C8C;
}

.aboutpage .about-dev .swiper-dev .swiper-slide:hover .swiper-dev-time span {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.aboutpage .about-dev .swiper-dev .swiper-slide:hover .swiper-dev-title::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0.1rem;
}

.aboutpage .about-dev .swiper-dev .swiper-slide:hover .swiper-dev-title {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

.aboutpage .about-dev .swiper-dev .swiper-dev-time {
  color: #535353;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: .3rem;
  font-size: .52rem;
}

.aboutpage .about-dev .swiper-dev .swiper-dev-dot {
  display: flex;
  width: .3rem;
  height: .3rem;
  justify-content: center;
  align-items: center;
  background: #ffffff;
}

.aboutpage .about-dev .swiper-dev .swiper-dev-dot .swiper-dev-dot-inner {
  display: block;
  width: .1rem;
  height: .1rem;
  border-radius: 50%;
  background: #8D8D8D;
  transition: all .3s ease;
}

.aboutpage .about-dev .swiper-dev .swiper-dev-title-box {
  padding-top: .29rem;
  /*height: .8rem;*/
  /*height: 1.5rem;*/
  /*overflow-y: auto;*/
  height: auto;
  margin-bottom: .3rem;
}

.aboutpage .about-dev .swiper-dev .swiper-dev-title-box::-webkit-scrollbar {
  width: 3px;
  background: rgba(0, 0, 0, 0.1);
}

.aboutpage .about-dev .swiper-dev .swiper-dev-title-box::-webkit-scrollbar-thumb {
  width: 3px;
  background: #1A98C1;
}

.aboutpage .about-dev .swiper-dev .swiper-dev-title {
  /*margin-top: .29rem;*/
  /*padding-left: .3rem;*/
  color: #333;
  font-weight: 300;
  line-height: 222.222%;
  position: relative;
  /*margin-bottom: .52rem;*/
  margin-bottom: .1rem;
  padding-left: .3rem;
  transition: all .3s ease;
}

.aboutpage .about-dev .swiper-dev .swiper-dev-title::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #333333;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0.1rem;
}

.aboutpage .about-dev .swiper-dev .swiper-dev__img {
  display: block;
  width: 4.59rem;
  height: 2.48rem;
  object-fit: cover;
  border-radius: .2rem;
}

.aboutpage .about-dev .swiper-dev .swiper-dev-line {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: rgba(154, 154, 154, 0.3);
  top: 1.08rem;
}

.aboutpage .about-dev .swiper-year {
  width: 17.14rem;
  margin: .8rem auto 0;
}

.aboutpage .about-dev .swiper-year .swiper-slide {
  width: .92rem;
  margin-right: 1.71rem;
  position: relative;
  padding-top: .53rem;
  cursor: pointer;
}

.aboutpage .about-dev .swiper-year .swiper-slide::after {
  content: "";
  position: absolute;
  width: 1.71rem;
  height: .11rem;
  background: url("../img/long.png") no-repeat;
  background-size: 100% 100%;
  left: .92rem;
  top: .53rem;
}

.aboutpage .about-dev .swiper-year .swiper-slide:first-child {
  margin-left: 1.14rem;
}

.aboutpage .about-dev .swiper-year .swiper-slide:first-child::before {
  content: "";
  position: absolute;
  width: 1.14rem;
  height: .11rem;
  background: url("../img/short.png") no-repeat;
  background-size: 100% 100%;
  right: .92rem;
  top: .53rem;
}

.aboutpage .about-dev .swiper-year .swiper-slide:last-child {
  margin-right: 1.14rem;
}

.aboutpage .about-dev .swiper-year .swiper-slide:last-child::after {
  content: "";
  position: absolute;
  width: 1.14rem;
  height: .11rem;
  background: url("../img/short.png") no-repeat;
  background-size: 100% 100%;
  left: .92rem;
  top: .53rem;
}

.aboutpage .about-dev .swiper-year .swiper-slide .swiper-year-dot {
  width: .12rem;
  height: .12rem;
  border-radius: 50%;
  background: #DCDEE5;
  margin: 0 auto;
}

.aboutpage .about-dev .swiper-year .swiper-slide.active .swiper-year-dot {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  z-index: 3;
  position: relative;
}

.aboutpage .about-dev .swiper-year .swiper-slide .swiper-year-sign {
  display: none;
  width: .92rem;
  position: absolute;
  top: 0;
  left: 0;
}

.aboutpage .about-dev .swiper-year .swiper-slide .swiper-year-sign .swiper-year-sign-arr {
  display: block;
  width: 100%;
  margin-top: .26rem;
}

.aboutpage .about-dev .swiper-year .swiper-slide .swiper-year-sign .swiper-year-sign-bar {
  position: absolute;
  display: block;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: .04rem;
}

.aboutpage .about-dev .swiper-year .swiper-slide .swiper-year__p {
  color: #DCDEE5;
  text-align: center;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.4px;
  margin-top: .42rem;
}

.aboutpage .about-dev .swiper-year .swiper-slide.active .swiper-year-sign {
  display: block;
}

.aboutpage .about-dev .swiper-year .swiper-slide.active .swiper-year__p {
  color: #115C8C;
}

.aboutpage .about-dev .swiper-year .swiper-slide:hover .swiper-year-sign {
  display: block;
}

.aboutpage .about-dev .swiper-year .swiper-slide:hover .swiper-year__p {
  color: #115C8C;
}

.aboutpage .about-dev .swiper-year .swiper-slide:hover .swiper-year-dot {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  z-index: 3;
  position: relative;
}

.aboutpage .about-honour {
  position: relative;
}

.aboutpage .about-honour .about-honour__img {
  display: block;
  width: 100%;
}

.aboutpage .about-honour .about-honour-box {
  position: absolute;
  top: 1.84rem;
  left: 1.03rem;
}

.aboutpage .about-honour .about-honour-box .about-honour-title {
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  margin-bottom: .25rem;
}

.aboutpage .about-honour .about-honour-box .about-honour-desc {
  width: 6.46rem;
  color: #666;
  font-weight: 400;
  line-height: 180%;
}

.aboutpage .about-related {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.aboutpage .about-related .swiper-related {
  width: 17.44rem;
  margin: 0 auto;
  padding: .15rem;
  transition: all .3s ease;
}

.aboutpage .about-related .swiper-related .swiper-wrapper {
  flex-wrap: wrap;
  gap: .32rem;
}

.aboutpage .about-related .swiper-related .swiper-slide {
  width: 4.04rem;
  height: 4.43rem;
  border-radius: .15rem;
  background: #FFF;
  box-shadow: 0 0.04rem 0.2rem 0 rgba(0, 0, 0, 0.2);
  /*margin-right: .33rem;*/
}

.aboutpage .about-related .swiper-related .swiper-slide:last-child {
  margin-right: 0;
}

.aboutpage .about-related .swiper-related .swiper-slide .swiper-related-img {
  /*height: 3.47rem;*/
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aboutpage .about-related .swiper-related .swiper-slide .swiper-related-img img {
  display: block;
  /*max-width: 6.64rem;*/
  max-width: 2.73rem;
  /*max-height: 3rem;*/
  max-height: 2.5rem;
  object-fit: cover;
  box-shadow: 0 0.04rem 0.2rem 0 rgba(0, 0, 0, 0.2);
}

.aboutpage .about-related .swiper-related .swiper-slide .swiper-related-title {
  width: 2.64rem;
  margin: 0 auto;
  color: #333;
  text-align: center;
  font-weight: 400;
  line-height: 150%;
  height: 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.aboutpage .about-related .about-related-more-box {
  display: flex;
  justify-content: center;
  margin-top: .65rem;
}

.aboutpage .about-related .about-related-more-box .about-related-more {
  padding: .12rem .22rem;
  display: inline-flex;
  align-items: center;
  gap: .11rem;
  border-radius: .99rem;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
}

.aboutpage .about-related .about-related-more-box .about-related-more span {
  color: #FFF;
  font-weight: 400;
  line-height: 1.8257;
  letter-spacing: 0.14px;
}

.institutionpage .about-dev {
  padding-top: 0;
}

.about-related-more-box a.on img {
  transform: rotate(180deg);
}

.businesspage .busbanner {
  display: block;
  width: 100%;
  height: 6.45rem;
  overflow: hidden;
}

.businesspage .busbanner .busbanner-title {
  text-align: center;
  color: #FFF;
  font-weight: 500;
  line-height: 1.167;
  margin-top: 2.53rem;
}

.businesspage .busbanner .busbanner-title span {
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.businesspage .crumb {
  margin-top: .26rem;
}

.businesspage .business-submenu {
  position: sticky;
  width: 100%;
  top: .94rem;
  height: .7rem;
  background: #FFF;
  box-shadow: 0 0.04rem 0.3rem 0 rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  column-gap: 1.81rem;
  z-index: 998;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.businesspage .business-submenu .business-submenu-item .business-submenu-parent {
  text-align: center;
  width: 2.22rem;
  height: .7rem;
  line-height: .7rem;
  /*padding-left: .3rem;*/
  /*padding-right: .3rem;*/
  color: #666;
  font-weight: 400;
  position: relative;
}

.businesspage .business-submenu .business-submenu-item.on .business-submenu-parent {
  background: linear-gradient(276deg, #46B6D0 10.64%, #004273 82.28%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.businesspage .business-submenu .business-submenu-item.on .business-submenu-parent::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #004273, #46B6D0);
}

.businesspage .business-submenu .business-submenu-list {
  position: absolute;
  top: .7rem;
  left: 0;
  right: 0;
  row-gap: .92rem;
  padding-top: .27rem;
  padding-bottom: .29rem;
  display: none;
  background: #FFF;
  box-shadow: 0 0.04rem 0.3rem 0 rgba(0, 0, 0, 0.1);
}

.businesspage .business-submenu .business-submenu-list .business-submenu-list-box {
  display: flex;
  justify-content: center;
  column-gap: 1.32rem;
}

.businesspage .business-submenu .business-submenu-list .business-submenu-list-item {
  width: 2.72rem;
  display: flex;
  flex-direction: column;
  row-gap: .2rem;
}

.businesspage .business-submenu .business-submenu-list .business-submenu-list-item a {
  color: rgba(102, 102, 102, 0.6);
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
}

.businesspage .business-submenu .business-submenu-list .business-submenu-list-item a:hover {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.businesspage .business-submenu .business-submenu-list .business-submenu-list-item a.active {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.businesspage .bus-intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 17.14rem;
  margin: 0 auto;
  padding-top: 1.2rem;
}

.businesspage .bus-intro .bus-intro-left {
  display: block;
  width: 6.66rem;
}

.businesspage .bus-intro .bus-intro-left .bus-intro-title {
  /*margin-bottom: .25rem;*/
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
}

.businesspage .bus-intro .bus-intro-left .bus-intro-desc {
  color: #333;
  font-weight: 300;
  line-height: 180%;
}

.businesspage .bus-intro .bus-intro-right {
  display: block;
  width: 8.88rem;
  height: 5.1rem;
  border-radius: .2rem;
}

.businesspage .bus-intro .bus-intro-right img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: .2rem;
}

.businesspage .bus-app {
  display: flex;
  flex-wrap: wrap;
  row-gap: .39rem;
  column-gap: .5rem;
  width: 17.15rem;
  /*margin: 1.5rem auto 0;*/
  margin: 0 auto 0;
}

.bus-app-title {
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  margin-bottom: .6rem;
  text-align: center;
  margin-top: 1.5rem;
}

.businesspage .bus-app .bus-app-item {
  display: block;
  width: 5.38rem;
  height: 6.52rem;
  overflow: hidden;
  border-radius: .2rem;
  background: #F5F7FA;
}

.businesspage .bus-app .bus-app-item .bus-app-item__img {
  display: block;
  width: 100%;
  height: 2.67rem;
  object-fit: cover;
}

.businesspage .bus-app .bus-app-item .bus-app-con {
  background: #F5F7FA;
  padding: .21rem .38rem .3rem;
}

.businesspage .bus-app .bus-app-item .bus-app-con .bus-app-con-box {
  display: block;
  width: 100%;
}

.businesspage .bus-app .bus-app-item .bus-app-con .bus-app-con-box .bus-app-con-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .11rem;
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.6);*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: .28rem;
}

.businesspage .bus-app .bus-app-item .bus-app-con .bus-app-con-box .bus-app-con-top .bus-app-con-title {
  width: 2.64rem;
  color: #333;
  font-weight: 400;
  line-height: 150%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: all .3s ease;
}

.businesspage .bus-app .bus-app-item .bus-app-con .bus-app-con-box .bus-app-con-top .bus-app-con-more {
  display: flex;
  display: inline-flex;
  padding: .12rem .22rem;
  align-items: center;
  gap: .11rem;
  border-radius: .99rem;
  border: 1px solid rgba(51, 51, 51, 0.2);
  transition: all .3s ease;
}

.businesspage .bus-app .bus-app-item .bus-app-con .bus-app-con-box .bus-app-con-top .bus-app-con-more span {
  color: #333;
  font-weight: 400;
  transition: all .3s ease;
}

.businesspage .bus-app .bus-app-item .bus-app-con .bus-app-con-box .bus-app-con-top .bus-app-con-more img {
  display: block;
  width: .2rem;
  height: .2rem;
  transition: all .3s ease;
}

.businesspage .bus-app .bus-app-item .bus-app-con .bus-app-con-box .bus-app-con-desc {
  padding-right: .38rem;
  height: 2.35rem;
  overflow-y: auto;
}

.businesspage .bus-app .bus-app-item .bus-app-con .bus-app-con-box .bus-app-con-desc::-webkit-scrollbar {
  width: 3px;
  background: rgba(255, 255, 255, 0.1);
}

.businesspage .bus-app .bus-app-item .bus-app-con .bus-app-con-box .bus-app-con-desc::-webkit-scrollbar-thumb {
  width: 3px;
  background: #1A98C1;
}

.businesspage .bus-app .bus-app-item .bus-app-con .bus-app-con-box .bus-app-con-desc .bus-app-desc-item {
  margin-bottom: .2rem;
}

.businesspage .bus-app .bus-app-item .bus-app-con .bus-app-con-box .bus-app-con-desc .bus-app-desc-item:last-child {
  margin-bottom: 0;
}

.businesspage .bus-app .bus-app-item .bus-app-con .bus-app-con-box .bus-app-con-desc .bus-app-desc-item .bus-app-desc-item-title {
  margin-bottom: .1rem;
  color: #333;
  font-weight: 400;
  line-height: 150%;
}

.businesspage .bus-app .bus-app-item .bus-app-con .bus-app-con-box .bus-app-con-desc .bus-app-desc-item .bus-app-desc-item-desc {
  color: #333;
  font-weight: 300;
  line-height: 150%;
}

.businesspage .bus-app .bus-app-item:hover .bus-app-con .bus-app-con-box .bus-app-con-top .bus-app-con-title {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.businesspage .bus-app .bus-app-item:hover .bus-app-con .bus-app-con-box .bus-app-con-top .bus-app-con-more {
  border: 1px solid transparent;
  border-radius: 99px;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
}

.businesspage .bus-app .bus-app-item:hover .bus-app-con .bus-app-con-box .bus-app-con-top .bus-app-con-more span {
  color: #ffffff;
}

.businesspage .bus-app .bus-app-item:hover .bus-app-con .bus-app-con-box .bus-app-con-top .bus-app-con-more img {
  filter: brightness(0) invert(1);
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog-outer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1000;
  display: none;
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.33rem;
  height: 7.42rem;
  border-radius: .1rem;
  background: #FFF url("../img/detaillogo.png") no-repeat;
  background-size: 2.94rem 2.74rem;
  background-position: right bottom;
  box-shadow: 0 0.04rem 0.39rem 0.05rem rgba(1, 21, 60, 0.06);
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog .bus-item-dialog-top {
  width: 100%;
  height: 1.12rem;
  position: relative;
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog .bus-item-dialog-top .bus-app-item-dialog-close {
  position: absolute;
  width: .2rem;
  height: .2rem;
  top: .535rem;
  right: .5491rem;
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog .bus-item-dialog-top .bus-item-dialog-top-box {
  width: 6.12rem;
  height: 1.12rem;
  margin: 0 auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog .bus-item-dialog-top .bus-item-dialog-top-box p {
  line-height: 1.12rem;
  text-align: center;
  color: #333;
  font-weight: 500;
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog .bus-item-dialog-main {
  /*width: 6.12rem;*/
  width: calc(100% - .61rem);
  margin-left: .61rem;
  padding-top: .32rem;
  /*margin: 0 auto;*/
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog .bus-item-dialog-main .bus-item-dialog-litpic {
  display: block;
  width: 6.12rem;
  height: 2.38rem;
  border-radius: .15rem;
  margin-bottom: .31rem;
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog .bus-item-dialog-main .bus-item-dialog-detail {
  height: 2.67rem;
  display: flex;
  flex-direction: column;
  row-gap: .25rem;
  /*width: 6.12rem;*/
  width: 100%;
  padding-right: .61rem;
  overflow-y: auto;
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog .bus-item-dialog-main .bus-item-dialog-detail::-webkit-scrollbar {
  width: 3px;
  background: rgba(255, 255, 255, 0.1);
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog .bus-item-dialog-main .bus-item-dialog-detail::-webkit-scrollbar-thumb {
  width: 3px;
  background: #1A98C1;
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog .bus-item-dialog-main .bus-item-dialog-detail .bus-item-dialog-item .bus-item-dialog-label {
  color: #333;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: .1rem;
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog .bus-item-dialog-main .bus-item-dialog-detail .bus-item-dialog-item .bus-item-dialog-value .bus-item-dialog-li {
  color: #333;
  font-weight: 300;
  line-height: 160%;
  position: relative;
  padding-left: .2rem;
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog .bus-item-dialog-main .bus-item-dialog-detail .bus-item-dialog-item .bus-item-dialog-value .bus-item-dialog-li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #333333;
  position: absolute;
  left: 0;
  top: 11px;
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
}

.businesspage .bus-app .bus-app-item .bus-app-item-dialog .bus-item-dialog-main .bus-item-dialog-detail .bus-item-dialog-item .bus-item-dialog-value .bus-item-dialog-p {
  color: #333;
  font-weight: 300;
  line-height: 160%;
}

.businesspage .bus-case {
  width: 17.14rem;
  margin: 1.5rem auto 0;
  overflow: hidden;
}

.businesspage .bus-case .bus-case-title {
  margin-bottom: .7rem;
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  text-align: center;
}

.businesspage .bus-case .bus-case-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  border-radius: 10px;
  background: #F5F7FA;
  padding: .61rem .47rem .7rem;
}

.businesspage .bus-case .bus-case-box .bus-case-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.businesspage .bus-case .bus-case-box .bus-case-inner .bus-case-inner__img {
  display: none;
  width: 8.48rem;
  height: 5.81rem;
  border-radius: .1rem;
  object-fit: cover;
}

.businesspage .bus-case .bus-case-box .bus-case-right {
  display: block;
  width: 7.36rem;
  height: 5.81rem;
  overflow-y: auto;
  flex-shrink: 0;
}

.businesspage .bus-case .bus-case-box .bus-case-right::-webkit-scrollbar {
  width: 2px;
}

.businesspage .bus-case .bus-case-box .bus-case-right::-webkit-scrollbar-thumb {
  background: #1A83AF;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item {
  border-radius: .1rem;
  background: #FFF;
  cursor: pointer;
  margin-bottom: .05rem;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item.on .bus-case-item-bar p {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item:hover .bus-case-item-bar p {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item:last-child {
  margin-bottom: 0;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item .bus-case-item-bar {
  display: flex;
  justify-content: space-between;
  padding: .33rem .34rem .26rem .52rem;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item .bus-case-item-bar p {
  line-height: 1.3;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item .bus-case-item-bar .bus-case-item-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: .38rem;
  height: .38rem;
  /*border: 1px solid rgba(51, 51, 51, 0.2);*/
  /*border-radius: 50%;*/
  transition: all .3s ease;
  cursor: pointer;
  flex-shrink: 0;
  background: url("../img/bus-icon1.png") no-repeat;
  background-size: 100% 100%;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item .bus-case-item-bar .bus-case-item-btn p {
  width: 6rem;
  color: #111;
  font-weight: 400;
  line-height: 150%;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item .bus-case-item-bar .bus-case-item-btn img {
  display: block;
  width: .29rem;
  height: .29rem;
  transition: all .3s ease;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item:hover .bus-case-item-btn {
  /*border: 1px solid transparent;*/
  /*background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);*/
  background: url("../img/bus-icon2.png") no-repeat;
  background-size: 100% 100%;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item:hover .bus-case-item-btn img {
  /*transform: rotate(180deg);*/
  /*filter: brightness(0) invert(1);*/
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item.on .bus-case-item-btn {
  /*border: 1px solid transparent;*/
  /*background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);*/
  flex-shrink: 0;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item.on .bus-case-item-btn img {
  /*transform: rotate(180deg);*/
  /*filter: brightness(0) invert(1);*/
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item .bus-case-item-desc {
  display: none;
  padding: 0 .34rem .38rem .52rem;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item .bus-case-item-desc .bus-case-item-desc-inner {
  /*height: 2.42rem;*/
  height: auto;
  padding-right: .22rem;
  overflow-y: auto;
  width: 6.3rem;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item .bus-case-item-desc .bus-case-item-desc-inner::-webkit-scrollbar {
  width: 3px;
  background: rgba(255, 255, 255, 0.1);
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item .bus-case-item-desc .bus-case-item-desc-inner::-webkit-scrollbar-thumb {
  width: 3px;
  background: #1A98C1;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item .bus-case-item-desc .bus-case-item-desc-inner .bus-case-item-desc-li {
  margin-bottom: .14rem;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item .bus-case-item-desc .bus-case-item-desc-inner .bus-case-item-desc-li:last-child {
  margin-bottom: .14rem;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item .bus-case-item-desc .bus-case-item-desc-inner .bus-case-item-desc-li .bus-case-item-desc-label {
  color: #111;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: .13rem;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item .bus-case-item-desc .bus-case-item-desc-inner .bus-case-item-desc-li .bus-case-item-desc-value {
  color: #333;
  font-weight: 300;
  line-height: 180%;
}

.businesspage .bus-case .bus-case-box .bus-case-right .bus-case-item:first-child .bus-case-item-desc {
  display: block;
}

.bus-form-box-father {
  background: url("../img/bus-form.png") no-repeat;
  background-size: cover;
  background-position: center bottom;
}

.businesspage .bus-form {
  width: 17.14rem;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  padding-top: 1.82rem;
  padding-bottom: 1.29rem;
}

.businesspage .bus-form .bus-form-left {
  width: 7rem;
}

.businesspage .bus-form .bus-form-left .bus-form-title {
  color: #333;
  font-weight: 500;
  line-height: 129.63%;
  margin-bottom: .2rem;
}

.businesspage .bus-form .bus-form-left .bus-form-tip {
  color: #666;
  font-weight: 400;
  line-height: 111.111%;
}

.businesspage .bus-form .bus-form-left .bus-form-code {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2.07rem;
}

.businesspage .bus-form .bus-form-left .bus-form-code img {
  display: block;
  width: 1.05rem;
  height: 1.05rem;
  margin-bottom: .03rem;
}

.businesspage .bus-form .bus-form-left .bus-form-code p {
  color: #666;
  font-weight: 400;
  line-height: 183.333%;
}

.businesspage .bus-form .bus-form-right {
  width: 8.8rem;
}

.businesspage .bus-form .bus-form-right form .bus-form-box {
  display: flex;
  flex-wrap: wrap;
  column-gap: .28rem;
  row-gap: .27rem;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input {
  display: block;
  width: 4.26rem;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .el-input--suffix .el-input__inner {
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 18px;
  color: #999999;
  padding-left: .2rem;
  width: .7rem;
  padding-right: 0;
  padding-left: .2rem;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input label {
  display: block;
  color: #333;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: .07rem;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input label span {
  color: #F00;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .bus-form-input__input {
  width: 4.26rem;
  height: .52rem;
  border: 0;
  outline: 0;
  border: 1px solid #E6E6E6;
  backdrop-filter: blur(4px);
  box-sizing: border-box;
  padding-left: .2rem;
  border-radius: .1rem;
  box-sizing: border-box;
  color: #999;
  font-weight: 300;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input__input-ph {
  padding-left: 0;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .bus-form-input__input-ph .el-icon-arrow-up:before {
  content: none;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .bus-form-input__input::placeholder {
  color: #999;
  font-weight: 300;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .bus-form-input__textarea {
  display: block;
  width: 100%;
  height: 1.5rem;
  box-sizing: border-box;
  border-radius: .06rem;
  border: 1px solid #E6E6E6;
  background: rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(4px);
  padding: .15rem .2rem;
  resize: none;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .bus-form-input__input-box {
  width: 4.26rem;
  height: .52rem;
  border: 0;
  outline: 0;
  border: 1px solid #E6E6E6;
  backdrop-filter: blur(4px);
  box-sizing: border-box;
  /*padding-left: .2rem;*/
  border-radius: .1rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .bus-form-input__input-box .bus-form-input__input-pre {
  color: #000;
  font-weight: 400;
  line-height: 160%;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .bus-form-input__input-box .bus-form-input__input {
  width: 3.68rem;
  border: 0;
  background: transparent;
  backdrop-filter: unset;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .bus-form-input__input-select {
  width: 4.26rem;
  height: .52rem;
  border: 0;
  outline: 0;
  border: 1px solid #E6E6E6;
  backdrop-filter: blur(4px);
  box-sizing: border-box;
  /*padding-left: .2rem;*/
  border-radius: .1rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .bus-form-input__input-select .el-input--suffix .el-input__inner {
  width: 4.26rem;
  height: .52rem;
  border: 0;
  outline: 0;
  background: transparent;
  box-sizing: border-box;
  font-size: 18px;
  color: #999;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .bus-form-input__input-select select {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #999;
  font-weight: 300;
  appearance: auto;
}

.businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input-textarea {
  display: block;
  width: 100%;
}

.businesspage .bus-form .bus-form-right .bus-form-submit {
  display: flex;
  justify-content: center;
  margin-top: .64rem;
}

.businesspage .bus-form .bus-form-right .bus-form-submit button {
  border: 0;
  display: inline-flex;
  padding: .12rem .22rem .12rem .3rem;
  align-items: center;
  gap: .11rem;
  border-radius: .99rem;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
}

.businesspage .bus-form .bus-form-right .bus-form-submit button span {
  color: #FFF;
  font-weight: 400;
  line-height: 1.3571;
}

.businesspage .bus-form .bus-form-right .bus-form-submit button img {
  display: block;
  width: .2rem;
  height: .2rem;
}

.businesspage .bus-desc {
  padding-top: 1.04rem;
}

.businesspage .bus-desc .bus-desc-title {
  text-align: center;
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  margin-bottom: .25rem;
}

.businesspage .bus-desc .bus-desc-desc {
  width: 10.46rem;
  margin: 0 auto .7rem;
  color: #333;
  text-align: center;
  font-weight: 300;
  line-height: 180%;
}

.bus-desc-box-gsap {
  /*position: sticky;*/
  /*height: 200vh;*/
  /*top: 1.64rem;*/
}

.businesspage .bus-desc .bus-desc-box {
  display: block;
  width: 17.14rem;
  height: 9.45rem;
  margin: 0 auto;
  border-radius: .2rem;
  overflow: hidden;
  position: relative;
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*right: 0;*/
}

.businesspage .bus-desc .bus-desc-box .bus-desc-box-title {
  color: #FFF;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  margin-top: 1.2rem;
  margin-left: 1.2rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 6.5rem;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul {
  width: 4.31rem;
  height: 6.36rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.05rem;
  border-radius: .2rem;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(0.3rem);
  box-sizing: border-box;
  padding: .38rem .2rem;
  z-index: 9;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-title {
  color: #FFF;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 1.4px;
  margin-bottom: .29rem;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box {
  height: 4.87rem;
  overflow-y: auto;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li {
  border-radius: .2rem;
  background: #FFF;
  margin-bottom: .1rem;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li:last-child {
  margin-bottom: 0;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li .bus-desc-li-top {
  display: flex;
  justify-content: space-between;
  padding: .21rem .23rem;
  cursor: pointer;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li .bus-desc-li-top .bus-desc-li-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: .38rem;
  height: .38rem;
  /*border: 1px solid rgba(51, 51, 51, 0.2);*/
  border-radius: 50%;
  /*transition: all .3s ease;*/
  background: url("../img/bus-icon1.png") no-repeat;
  background-size: 100%;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li .bus-desc-li-top .bus-desc-li-btn img {
  display: block;
  width: .29rem;
  height: .29rem;
  transition: all .3s ease;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li .bus-desc-li-top p {
  width: 2.71rem;
  font-weight: 400;
  line-height: .38rem;
  letter-spacing: 0.9px;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li:hover .bus-desc-li-btn {
  border: 1px solid transparent;
  /*background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);*/
  background: url("../img/bus-icon2.png") no-repeat;
  background-size: 100%;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li:hover .bus-desc-li-btn img {
  /*transform: rotate(180deg);*/
  /*filter: brightness(0) invert(1);*/
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li:hover .bus-desc-li-top p {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li.on .bus-desc-li-btn {
  /*border: 1px solid transparent;*/
  /*background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);*/
  background: url("../img/bus-icon2.png") no-repeat;
  background-size: 100%;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li.on .bus-desc-li-btn img {
  /*transform: rotate(180deg);*/
  /*filter: brightness(0) invert(1);*/
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li.on .bus-desc-li-top p {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li .bus-desc-li-con {
  /*padding-bottom: .38rem;*/
  padding-bottom: .35rem;
  background: url("../img/bus-logo1.png") no-repeat;
  background-size: 1.53rem 1.46rem;
  background-position: bottom right;
  display: none;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li .bus-desc-li-con .bus-desc-li-article {
  /*padding-top: .2rem;*/
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  width: 3.29rem;
  margin: 0 auto;
  /*margin-top: .2rem;*/
  /*padding-right: .1rem;*/
  /*color: #333;*/
  /*font-weight: 300;*/
  /*line-height: 180%;*/
  /*width: 3.29rem;*/
  /*margin: .2rem auto 0;*/
  /*border-top: 1px solid rgba(0, 0, 0, 0.1);*/
  /*height: 1.74rem;*/
  /*overflow-y: auto;*/
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li .bus-desc-li-con .bus-desc-li-article .bus-desc-li-article-inner {
  margin-top: .2rem;
  padding-right: .14rem;
  color: #333;
  font-weight: 300;
  line-height: 180%;
  width: 3.29rem;
  margin: .2rem auto 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  /*height: 1.74rem;*/
  /*overflow-y: auto;*/
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li .bus-desc-li-con .bus-desc-li-article .bus-desc-li-article-inner::-webkit-scrollbar {
  width: 3px;
  /*background: rgba(255, 255, 255, 0.05);*/
}

.swiper-industry {
  border-radius: .2rem;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li .bus-desc-li-con .bus-desc-li-article .bus-desc-li-article-inner::-webkit-scrollbar-thumb {
  width: 3px;
  background: #1A98C1;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li .bus-desc-li-con .bus-desc-li-more {
  display: flex;
  width: 3.29rem;
  margin: .35rem auto 0;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li .bus-desc-li-con .bus-desc-li-more a {
  display: inline-flex;
  padding: .12rem .22rem .12rem .3rem;
  align-items: center;
  gap: .11rem;
  border-radius: .99rem;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li .bus-desc-li-con .bus-desc-li-more a span {
  color: #FFF;
  font-weight: 400;
  line-height: 1.357;
}

.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li .bus-desc-li-con .bus-desc-li-more a img {
  display: block;
  width: .2rem;
  height: .2rem;
}

/*.businesspage .bus-desc .bus-desc-box .bus-desc-ul .bus-desc-ul-box .bus-desc-li:first-child .bus-desc-li-con {*/
/*  display: block;*/
/*}*/
.businesspage .bus-adv {
  padding-top: 1.5rem;
}

.businesspage .bus-adv .bus-adv-title {
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  text-align: center;
  margin-bottom: .6rem;
}

.businesspage .bus-adv .bus-adv-box {
  display: block;
  width: 17.14rem;
  height: 5.2rem;
  margin: 0 auto;
  border-radius: .2rem;
  padding-top: 1.91rem;
}

.businesspage .bus-adv .bus-adv-box .bus-adv-ul {
  display: flex;
  align-items: flex-start;
}

.businesspage .bus-adv .bus-adv-box .bus-adv-ul .bus-adv-li {
  width: 5.91rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.businesspage .bus-adv .bus-adv-box .bus-adv-ul .bus-adv-li:nth-child(2) {
  width: 5.32rem;
  position: relative;
}

.businesspage .bus-adv .bus-adv-box .bus-adv-ul .bus-adv-li:nth-child(2)::before {
  content: "";
  position: absolute;
  left: 0;
  top: .1rem;
  width: 1px;
  height: 1.17rem;
  background: rgba(255, 255, 255, 0.6);
}

.businesspage .bus-adv .bus-adv-box .bus-adv-ul .bus-adv-li:nth-child(2)::after {
  content: "";
  position: absolute;
  right: 0;
  top: .1rem;
  width: 1px;
  height: 1.17rem;
  background: rgba(255, 255, 255, 0.6);
}

.businesspage .bus-adv .bus-adv-box .bus-adv-ul .bus-adv-li .bus-adv-li-title {
  margin-bottom: .25rem;
  color: #FFF;
  font-weight: 500;
  line-height: 1.167;
}

.businesspage .bus-adv .bus-adv-box .bus-adv-ul .bus-adv-li .bus-adv-li-desc {
  width: 2.85rem;
  color: #FFF;
  text-align: center;
  font-weight: 400;
  line-height: 160%;
}

.businesspage .swiper-industrynav {
  width: 12.48rem;
  margin: 0 auto;
  padding-left: .24rem;
  padding-right: .24rem;
  margin-top: .6rem;
  margin-bottom: .3rem;
  border-bottom: 1px solid #F0F0F0;
}

.businesspage .swiper-industrynav .swiper-wrapper {
  justify-content: center;
}

.businesspage .swiper-industrynav .swiper-slide {
  width: auto;
  min-width: 2rem;
  color: #666;
  text-align: center;
  font-weight: 500;
  line-height: 150%;
  padding-bottom: .2rem;
  position: relative;
  cursor: pointer;
}

.businesspage .swiper-industrynav .swiper-slide.active {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.businesspage .swiper-industrynav .swiper-slide.active::after {
  content: "";
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #004273, #46B6D0);
  position: absolute;
  left: 0;
  bottom: 0;
}

.businesspage .swiper-industrynav .swiper-slide:hover {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.businesspage .swiper-industrynav .swiper-slide:hover::after {
  content: "";
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #004273, #46B6D0);
  position: absolute;
  left: 0;
  bottom: 0;
}

.businesspage .bus-industry {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  width: 17.14rem;
  margin: 0 auto;
}

.businesspage .bus-industry .bus-industry-title {
  color: #333;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  letter-spacing: 2.5px;
  margin-bottom: .25rem;
}

.businesspage .bus-industry .bus-industry-desc {
  width: 14.03rem;
  margin: 0 auto;
  color: #333;
  text-align: center;
  font-weight: 300;
  line-height: 180%;
}

.technology .technologybanner {
  display: block;
  width: 100%;
  height: 6.45rem;
  overflow: hidden;
  position: sticky;
  top: 0;
  z-index: -1;
}

.technology .technologybanner .technologybanner-title {
  text-align: center;
  color: #FFF;
  font-weight: 500;
  line-height: 1.167;
  margin-top: 2.53rem;
}

.technology .technologybanner .technologybanner-title span {
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.technology .technology-main {
  background: #ffffff;
  padding-top: .265rem;
}

.technology .technology-main .strategy {
  width: 17.14rem;
  margin: 0 auto;
  padding-top: 1.2rem;
  padding-bottom: 2rem;
}

.technology .technology-main .strategy .strategy-title {
  color: #333;
  text-align: center;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  margin-bottom: .25rem;
}

.technology .technology-main .strategy .strategy-title span {
  color: #1470ab;
}

.technology .technology-main .strategy .strategy-desc {
  width: 11.22rem;
  margin: 0 auto;
  color: #333;
  text-align: center;
  font-weight: 300;
  line-height: 180%;
}

.technology .technology-main .strategy .swiper-strategy {
  margin-top: .8rem;
}

.technology .technology-main .strategy .swiper-strategy .swiper-slide {
  width: 5.7rem;
  height: 6.2rem;
  margin-right: .25rem;
  border-radius: .16rem;
  transition: all .3s ease;
  position: relative;
}

.technology .technology-main .strategy .swiper-strategy .swiper-slide .swiper-section1-imgbox-board {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1) 90%, transparent);
  height: 2rem;
  position: absolute;
  width: 100%;
  bottom: 0;
  border-radius: 0 0 .2rem .2rem;
  z-index: 4;
}

.technology .technology-main .strategy .swiper-strategy .swiper-slide.active {
  width: 11.19rem;
}

.technology .technology-main .strategy .swiper-strategy .swiper-slide.active .swiper-strategy-text .swiper-strategy-desc {
  height: auto;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.technology .technology-main .strategy .swiper-strategy .swiper-slide:last-child {
  margin-right: 0;
}

.technology .technology-main .strategy .swiper-strategy .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .16rem;
  object-position: right;
}

.technology .technology-main .strategy .swiper-strategy .swiper-slide .swiper-strategy-text {
  position: absolute;
  /*width: 8.25rem;*/
  width: calc(100% - 1.2rem);
  left: .6rem;
  bottom: .5rem;
  z-index: 5;
}

.technology .technology-main .strategy .swiper-strategy .swiper-slide .swiper-strategy-text .swiper-strategy-title {
  margin-bottom: .15rem;
  color: #FFF;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2px;
  transition: all .3s ease;
  text-align: center;
}

.technology .technology-main .strategy .swiper-strategy .swiper-slide.active .swiper-strategy-text .swiper-strategy-title {
  text-align: left;
}

.technology .technology-main .strategy .swiper-strategy .swiper-slide .swiper-strategy-text .swiper-strategy-desc {
  color: #FFF;
  height: 0;
  font-weight: 300;
  line-height: 180%;
  transition: clip-path .3s ease;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

.technology .technology-main .section3 {
  height: 10.7rem;
  overflow: hidden;
  position: relative;
}

.technology .technology-main .section3 .section3-content {
  width: 13.44rem;
  margin: 1.1rem auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.technology .technology-main .section3 .section3-content .section3-content-title {
  color: #FFF;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  margin-bottom: .25rem;
  text-align: center;
}

.technology .technology-main .section3 .section3-content .section3-content-article {
  color: #FFF;
  font-weight: 300;
  line-height: 180%;
  text-align: center;
}

.technology .technology-main .section3 .section3-content .section3-content-more {
  padding: .12rem .33rem .13rem .29rem;
  border-radius: .6rem;
  border: 1.086px solid #FFF;
  display: flex;
  align-items: center;
  column-gap: .1288rem;
  margin-top: .25rem;
}

.technology .technology-main .section3 .section3-content .section3-content-more span {
  color: #FFF;
  text-align: center;
  font-weight: 400;
  line-height: 1.1875;
}

.technology .technology-main .section3 .section3-content .section3-content-more img {
  width: .07691rem;
  height: .0752rem;
}

.technology .technology-main .section3 .section3-info {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: .8rem;
  column-gap: 1.61rem;
  justify-content: space-between;
}

.technology .technology-main .section3 .section3-info .section3-info-item {
  width: auto;
  min-width: 1.8rem;
}

.technology .technology-main .section3 .section3-info .section3-info-item .section3-info-item-top {
  display: flex;
  align-items: stretch;
  column-gap: .3rem;
  padding-bottom: .19rem;
  border-bottom: 1px solid rgba(230, 230, 230, 0.4);
}

.technology .technology-main .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-num {
  color: #FFF;
  font-weight: 500;
  line-height: .8;
}

.technology .technology-main .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.technology .technology-main .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span {
  color: #FFF;
  font-weight: 500;
  line-height: 1;
}

.technology .technology-main .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span:first-child {
  position: absolute;
  top: 0;
  line-height: .75;
}

.technology .technology-main .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span:last-child {
  position: absolute;
  bottom: 0;
}

.technology .technology-main .section3 .section3-info .section3-info-item .section3-info-item__p {
  margin-top: .13rem;
  color: #FFF;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 1px;
  white-space: nowrap;
}

.technology .technology-main .center {
  /*background: url("../img/center.png") no-repeat;*/
  /*background-size: 100% auto;*/
  /*padding-top: 1.6rem;*/
  padding-top: .7rem;
}

.technology .technology-main .center .center-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 17.14rem;
  margin: 0 auto .8rem;
}

.technology .technology-main .center .center-top .center-tl {
  display: block;
  width: 5.75rem;
}

.technology .technology-main .center .center-top .center-tl .center-title {
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
}

.technology .technology-main .center .center-top .center-desc {
  width: 9.6rem;
  color: #333;
  font-weight: 300;
  line-height: 180%;
  display: flex;
  flex-direction: column;
  row-gap: .15rem;
}

.technology .technology-main .center .center-swiper {
  width: 17.14rem;
  margin: 0 auto;
}

.technology .technology-main .center .center-swiper .swiper-center .swiper-slide {
  position: relative;
}

.technology .technology-main .center .center-swiper .swiper-center .swiper-slide:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 5rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1), transparent);
  border-radius: 0 0 .24rem .24rem;
}

.technology .technology-main .center .center-swiper .swiper-center .swiper-slide img {
  border-radius: .24rem;
  width: 100%;
  height: 9.6rem;
  object-fit: cover;
}

.technology .technology-main .center .center-swiper .swiper-center .swiper-slide .swiper-center-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.55rem;
  /*width: 10.8rem;*/
  /*width: 13rem;*/
  width: 15rem;
  color: #FFF;
  font-weight: 300;
  line-height: 180%;
  text-align: center;
  z-index: 3;
}

.technology .technology-main .center .center-swiper .swiper-center .swiper-center-tap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: .6rem;
  overflow-x: auto;
  display: flex;
  z-index: 2;
  column-gap: .2rem;
}

.technology .technology-main .center .center-swiper .swiper-center .swiper-center-tap .swiper-center-tap-item {
  width: 1.64rem;
  height: .55rem;
  border-radius: .08rem;
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  /*color: #333;*/
  color: #ffffff;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.9px;
  cursor: pointer;
  transition: all .3s ease;
}

.technology .technology-main .center .center-swiper .swiper-center .swiper-center-tap .swiper-center-tap-item.active {
  background: #FFF;
  color: #333333;
}

.technology .technology-main .center .center-swiper .swiper-center .swiper-center-tap .swiper-center-tap-item:hover {
  background: #FFF;
  color: #333333;
}

.technology .technology-main .qua {
  /*padding-top: 1.6rem;*/
  padding-top: 1.5rem;
  background: url("../img/techbg.png") no-repeat;
  background-size: cover;
  background-position: 0 -6rem;
  /*background-size: 100% auto;*/
  /*background-position: center top;*/
}

.technology .technology-main .qua .qua-title {
  color: #333;
  text-align: center;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  margin-bottom: .26rem;
}

.technology .technology-main .qua .qua-title span {
  color: #1470ab;
}

.qua-desc {
  width: 14.19rem;
  margin: 0 auto;
  color: #333;
  text-align: center;
  font-weight: 300;
  line-height: 180%;
}

.technology .technology-main .qua .qua-ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: .31rem;
  row-gap: .3rem;
  width: 17.14rem;
  margin: .7rem auto 0;
  height: auto;
  overflow: hidden;
  transition: all .3s ease;
  padding-bottom: .2rem;
}

.technology .technology-main .qua .qua-ul .qua-li {
  width: 3.18rem;
  height: 3.14rem;
  border-radius: .08rem;
  background: #FFF;
  /*box-shadow: 0 0.04rem 0.2rem 0 rgba(0, 0, 0, 0.06);*/
  box-shadow: 0 0.04rem 0.2rem 0 rgba(0, 0, 0, 0.2);
}

.technology .technology-main .qua .qua-ul .qua-li .qua-li-imgbox {
  width: 100%;
  /*height: 2.4rem;*/
  height: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.technology .technology-main .qua .qua-ul .qua-li .qua-li-imgbox img {
  display: block;
  max-width: 2.58rem;
  max-height: 1.9rem;
  box-shadow: 0 0.04rem 0.2rem 0 rgba(0, 0, 0, 0.2);
}

.technology .technology-main .qua .qua-ul .qua-li p {
  width: 2.58rem;
  color: #333;
  text-align: center;
  font-weight: 400;
  line-height: 150%;
  margin: 0 auto;
  /*height: 1.4rem;*/
  height: .9rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.technology .technology-main .qua .qua-more {
  display: flex;
  justify-content: center;
  /*margin-top: .4rem;*/
  margin-top: .5rem;
}

.technology .technology-main .qua .qua-more a {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: .11rem;
  padding: .12rem .22rem;
  border-radius: 99px;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  color: #FFF;
  font-weight: 400;
}

.technology .technology-main .qua .qua-more a img {
  transition: all .3s ease;
}

.technology .technology-main .qua .qua-more a.on img {
  transform: rotate(180deg);
}

.technology .technology-main .iur {
  padding-top: 1.4rem;
  /*padding-bottom: .6rem;*/
  /*padding-bottom: 1.4rem;*/
  margin: 0 auto;
  margin-bottom: .4rem;
}

.technology .technology-main .iur .iur-title {
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  text-align: center;
  margin-bottom: .26rem;
}

.technology .technology-main .iur .iur-desc {
  width: 14.19rem;
  margin: 0 auto;
  color: #333;
  text-align: center;
  font-weight: 300;
  line-height: 180%;
}

.technology .technology-main .iur .iur-title span {
  color: #136faa;
}

.technology .technology-main .iur .swiper-cert-box {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  position: relative;
  margin-top: 1rem;
}

.technology .technology-main .iur .swiper-cert-box .hline {
  width: 100%;
  height: 1px;
  background: linear-gradient(270deg, #FFF 0%, #C5C5C5 50%, #FFF 100%);
}

.technology .technology-main .iur .swiper-cert-box .hline1 {
  position: absolute;
  top: 1.2rem;
}

.technology .technology-main .iur .swiper-cert-box .hline2 {
  position: absolute;
  bottom: 1.2rem;
}

.technology .technology-main .iur .swiper-cert-box .vline {
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, #FFF 0%, #9B9B9B 50%, #FFF 100%);
  position: absolute;
  top: 0;
}

.technology .technology-main .iur .swiper-cert-box .vline1 {
  left: 1.03rem;
}

.technology .technology-main .iur .swiper-cert-box .vline2 {
  left: calc(5.32rem - 2px);
}

.technology .technology-main .iur .swiper-cert-box .vline3 {
  left: calc(9.61rem - 2px);
}

.technology .technology-main .iur .swiper-cert-box .vline4 {
  left: calc(13.9rem - 2px);
}

.technology .technology-main .iur .swiper-cert-box .vline5 {
  left: calc(18.19rem - 2px);
}

.technology .technology-main .iur .swiper-cert {
  width: 17.14rem;
  overflow: visible;
}

.technology .technology-main .iur .swiper-cert .swiper-slide {
  width: 4.29rem;
  height: 4.29rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s ease;
  position: relative;
}

.technology .technology-main .future {
  width: 17.14rem;
  margin: 0 auto;
  position: relative;
  padding-bottom: 1.5rem;
}

.technology .technology-main .future .future__img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: .2rem;
  object-fit: cover;
}

.future-text-box {
  position: absolute;
  top: .75rem;
  left: 50%;
  transform: translateX(-50%);
}

.future-text {
  width: 10.07rem;
  color: #FFF;
  text-align: center;
  /*font-size: 18px;*/
  font-weight: 300;
  line-height: 180%;
}

.swiper-dot {
  display: block;
  width: .07rem;
  height: .07rem;
  /*width: 7px;*/
  /*height: 7px;*/
  background: #E5E5E5;
  border-radius: 50%;
  position: absolute;
}

.swiper-dot-lt {
  top: -.035rem;
  left: -.035rem;
  /*top: -3.5px;*/
  /*left: -3.5px;*/
}

.swiper-dot-lb {
  bottom: -.035rem;
  left: -.035rem;
  /*bottom: -3.5px;*/
  /*left: -3.5px;*/
}

.swiper-dot-rt {
  display: none;
  top: -.035rem;
  right: -.035rem;
  /*top: -3.5px;*/
  /*right: -3.5px;*/
}

.swiper-dot-rb {
  display: none;
  bottom: -.035rem;
  right: -.035rem;
  /*bottom: -3.5px;*/
  /*right: -3.5px;*/
}

.technology .technology-main .iur .swiper-cert .swiper-slide:last-child .swiper-dot-rt {
  display: block;
}

.technology .technology-main .iur .swiper-cert .swiper-slide:last-child .swiper-dot-rb {
  display: block;
}

.technology .technology-main .iur .swiper-cert .swiper-slide .swiper-cert-box {
  width: 4.29rem;
  height: 4.29rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s ease;
  position: relative;
}

.technology .technology-main .iur .swiper-cert .swiper-slide:before {
  content: "";
  width: 1px;
  height: 7.42rem;
  /*background: linear-gradient(270deg, #FFF 0%, #9B9B9B 50%, #FFF 100%);*/
  background: url("../img/certline.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.technology .technology-main .iur .swiper-cert .swiper-slide:last-child:after {
  content: "";
  width: 1px;
  height: 7.42rem;
  /*background: linear-gradient(270deg, #FFF 0%, #9B9B9B 50%, #FFF 100%);*/
  background: url("../img/certline.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.technology .technology-main .iur .swiper-cert .swiper-slide img {
  display: block;
  max-width: 2rem;
  max-height: 2rem;
  object-fit: contain;
}

/*.technology .technology-main .iur .swiper-cert .swiper-slide:hover {*/
/*  background: #FFF;*/
/*  box-shadow: 0 0 60px 0 rgba(0, 72, 154, 0.15);*/
/*  transform: scale(1.01);*/
/*}*/
.technology .technology-main .iur .swiper-cert .swiper-slide:hover .swiper-cert-box {
  background: #FFF;
  box-shadow: 0 0 60px 0 rgba(0, 72, 154, 0.15);
  transform: scale(1.01);
  z-index: 2;
}

.about-video-desc {
  display: block;
  width: 9.62rem;
  margin: 0 auto .6rem;
  color: #333;
  text-align: center;
  font-weight: 300;
  line-height: 180%;
}

.crumb {
  width: 17.14rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  column-gap: .1rem;
}

.crumb .crumb__img {
  display: block;
  width: .2rem;
  height: .2rem;
}

.crumb .crumb__icon {
  display: block;
  width: .08rem;
  height: .08rem;
}

.crumb .crumb-nav {
  color: #999999;
  font-weight: 400;
}

.crumb .crumb-nav.active {
  color: #333333;
}

.news .newsbanner {
  display: block;
  width: 100%;
  height: 6.45rem;
  overflow: hidden;
  position: sticky;
  top: 0;
  z-index: -1;
}

.news .newsbanner .newsbanner-title {
  text-align: center;
  color: #FFF;
  font-weight: 500;
  line-height: 1.167;
  margin-top: 2.53rem;
}

.news .news-main {
  background: #ffffff;
  padding-top: .26rem;
}

.news .news-top {
  width: 17.14rem;
  margin: .74rem auto 0;
}

.news .news-top .news-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news .news-top .news-bar .news-title {
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
}

.news .news-top .news-bar .news-bar-right {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: .2rem;
}

.news .news-top .news-bar .news-bar-right a {
  display: inline-flex;
  padding: .12rem .3rem;
  align-items: center;
  gap: .11rem;
  border-radius: .99rem;
  border: 1px solid rgba(51, 51, 51, 0.2);
  color: #333;
  text-align: center;
  font-weight: 400;
  line-height: 1.357;
  letter-spacing: 0.14px;
  transition: all .3s ease;
}

.news .news-top .news-bar .news-bar-right a.active {
  color: #ffffff;
  border-radius: 99px;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  border: 1px solid transparent;
}

.news .news-top .news-bar .news-bar-right a:hover {
  color: #ffffff;
  border-radius: 99px;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  border: 1px solid transparent;
}

.news .news-top .news-swiper {
  width: 17.14rem;
  margin: .8rem auto 0;
  border-radius: .2rem;
}

.news .news-top .news-swiper .swiper-slide {
  background: #F5F7FA;
  display: flex;
  align-items: flex-start;
}

.news .news-top .news-swiper .swiper-slide .swiper-news-left {
  width: 8.6rem;
  height: 5.48rem;
  overflow: hidden;
}

.news .news-top .news-swiper .swiper-slide .swiper-news-left img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s ease;
}

.news .news-top .news-swiper .swiper-slide:hover .swiper-news-left img {
  transform: scale(1.3);
}

.news .news-top .news-swiper .swiper-slide .swiper-news-right {
  width: calc(100% - 8.6rem);
  height: 5.48rem;
  box-sizing: border-box;
  padding: .86rem .54rem 0 .94rem;
  position: relative;
}

.news .news-top .news-swiper .swiper-slide .swiper-news-right .swiper-news-info {
  display: flex;
  align-items: center;
  column-gap: .43rem;
}

.news .news-top .news-swiper .swiper-slide .swiper-news-right .swiper-news-info .swiper-news-info-item {
  display: flex;
  align-items: center;
  column-gap: .15rem;
}

.news .news-top .news-swiper .swiper-slide .swiper-news-right .swiper-news-info .swiper-news-info-item img {
  display: block;
  width: .2rem;
}

.news .news-top .news-swiper .swiper-slide .swiper-news-right .swiper-news-info .swiper-news-info-item span {
  color: #333333;
}

.news .news-top .news-swiper .swiper-slide .swiper-news-right .swiper-news-info .swiper-news-info-item:nth-child(2) img {
  display: block;
  width: .13rem;
}

.news .news-top .news-swiper .swiper-slide .swiper-news-right .swiper-news-title {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
  line-height: 1.6;
  margin-top: .41rem;
}

.news .news-top .news-swiper .swiper-slide .swiper-news-right .swiper-news-desc {
  font-weight: 300;
  line-height: 2;
  color: #333333;
  margin-top: .11rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news .news-top .news-swiper .swiper-slide .swiper-news-right .swiper-news-more {
  display: inline-flex;
  padding: .12rem .22rem .12rem .3rem;
  align-items: center;
  column-gap: .11rem;
  border-radius: .99rem;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
}

.news .news-top .news-swiper .swiper-slide .swiper-news-right .swiper-news-more span {
  color: #FFF;
  text-align: center;
  font-weight: 400;
  line-height: 1.357;
}

.newsdetail {
  /*padding-top: .265rem;*/
  padding-top: 1.165rem;
  padding-bottom: 1.5rem;
}

.newsdetail .newsdetail-main {
  width: 17.14rem;
  margin: 0 auto;
}

.newsdetail .newsdetail-main .newsdetail-top {
  padding-top: .925rem;
  padding-bottom: .26rem;
  width: 100%;
  border-bottom: 1px solid rgba(96, 96, 96, 0.1);
}

.newsdetail .newsdetail-main .newsdetail-top .newsdetail-title {
  margin-bottom: .66rem;
  color: #333;
  font-weight: 500;
  line-height: 1.5;
}

.newsdetail .newsdetail-main .newsdetail-top .newsdetail-info {
  display: flex;
  align-items: center;
  column-gap: .48rem;
}

.newsdetail .newsdetail-main .newsdetail-top .newsdetail-info .newsdetail-info-item {
  display: flex;
  align-items: center;
  color: #333;
  font-weight: 300;
}

.newsdetail .newsdetail-main .newsdetail-top .newsdetail-info .newsdetail-info-item span {
  display: block;
  width: 1px;
  height: .14rem;
  margin-left: .1rem;
  margin-right: .1rem;
  background: #C9C9C9;
}

.newsdetail .newsdetail-main .newsdetail-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 1.59rem;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-left {
  display: block;
  position: sticky;
  top: .94rem;
  width: 3.76rem;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-left .newsdetail-left-tip {
  padding-left: .12rem;
  position: relative;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-left .newsdetail-left-tip::before {
  content: "";
  width: .02rem;
  height: .2rem;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-left .newsdetail-left-tip span {
  font-weight: 500;
  line-height: 2;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-left .newsdetail-left-ul {
  display: flex;
  flex-direction: column;
  row-gap: .2rem;
  padding-top: .2rem;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-left .newsdetail-left-ul .newsdetail-left-li {
  color: #333;
  font-weight: 300;
  line-height: 177.778%;
  transition: all .3s ease;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-left .newsdetail-left-ul .newsdetail-left-li:hover {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-left .newsdetail-left-ul .newsdetail-left-li.active {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-main {
  width: 9rem;
  color: #333;
  font-weight: 300;
  line-height: 225%;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-main img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-top: .3rem;
  margin-bottom: .3rem;
  border-radius: .2rem;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-right {
  width: 1.94rem;
  border-left: 1px solid rgba(96, 96, 96, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: sticky;
  top: .94rem;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-right .newsdetail-content-right__p {
  color: #333;
  text-align: center;
  font-weight: 300;
  line-height: 130%;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-right .newsdetail-content-share {
  width: .98rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: .2rem;
  padding-top: .2rem;
  padding-bottom: .3rem;
  border-bottom: 1px solid rgba(96, 96, 96, 0.1);
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-right .newsdetail-content-share .share-icon {
  display: block;
  width: .3rem;
  height: .3rem;
  position: relative;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-right .newsdetail-content-share .share-icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-right .newsdetail-content-share .share-icon .social-share-icon {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  border: 0;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-right .newsdetail-content-share .share-icon .social-share-icon:before {
  content: none;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-right .newsdetail-content-share .share-icon .social-share-icon:hover {
  background: transparent;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-right .newsdetail-content-back {
  display: flex;
  justify-content: center;
  column-gap: .1rem;
  margin-top: .41rem;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-right .newsdetail-content-back span {
  color: #333;
  font-weight: 500;
}

.newsdetail .newsdetail-main .newsdetail-content .newsdetail-content-right .newsdetail-content-back img {
  display: block;
  width: .14rem;
  height: .14rem;
}

.about-dev-nav {
  display: flex;
  align-items: color;
  column-gap: .24rem;
}

.about-dev-title-box {
  width: 17.14rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.about-dev-nav-left {
  display: block;
  width: .4rem;
  height: .4rem;
  background: url("../img/abl.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.about-dev-nav-left:hover {
  background: url("../img/abr.png") no-repeat;
  background-size: 100% 100%;
  transform: rotate(180deg);
}

.about-dev-nav-right {
  display: block;
  width: .4rem;
  height: .4rem;
  background: url("../img/abl.png") no-repeat;
  background-size: 100% 100%;
  transform: rotate(180deg);
  cursor: pointer;
}

.about-dev-nav-right:hover {
  background: url("../img/abr.png") no-repeat;
  background-size: 100% 100%;
  transform: rotate(0deg);
}

.wechattip {
  display: flex;
  align-items: center;
  width: 17.14rem;
  margin: .3rem auto 0;
}

.wechattip p {
  color: rgba(102, 102, 102, 0.6);
}

.technology .section4 {
  padding-top: 1.3rem;
  padding-bottom: 1.55rem;
}

.technology .section4 .section4-main {
  width: 17.14rem;
  margin: 0 auto;
}

.technology .section4 .section4-main .section4-main-title {
  color: #333;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.5px;
  text-align: center;
}

.technology .section4 .section4-main .section4-main-title span {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.technology .section4 .section4-main .section4-top {
  margin-top: .7rem;
  display: flex;
  border-radius: .2rem;
  height: 5.48rem;
  background: #F8F8F8;
  overflow: hidden;
}

.technology .section4 .section4-main .section4-top .section4-top__img {
  display: block;
  width: 9.06rem;
  height: 100%;
  object-fit: cover;
  transition: all .3s ease;
}

.technology .section4 .section4-main .section4-top .section4-top__img:hover {
  transform: scale(1.05);
}

.technology .section4 .section4-main .section4-top .section4-top-info {
  width: calc(100% - 9.06rem);
  padding-top: .85rem;
  padding-left: .72rem;
  position: relative;
}

.technology .section4 .section4-main .section4-top .section4-top-info .section4-top-base {
  display: flex;
  column-gap: .43rem;
}

.technology .section4 .section4-main .section4-top .section4-top-info .section4-top-base .section4-top-base-item {
  display: flex;
  align-items: center;
  column-gap: .15rem;
}

.technology .section4 .section4-main .section4-top .section4-top-info .section4-top-base .section4-top-base-item img {
  height: .17rem;
}

.technology .section4 .section4-main .section4-top .section4-top-info .section4-top-base .section4-top-base-item p {
  color: #333;
  font-weight: 300;
}

.technology .section4 .section4-main .section4-top .section4-top-info .section4-top-title {
  width: 6.73rem;
  font-weight: 500;
  line-height: 160%;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: .41rem;
  margin-bottom: .11rem;
}

.technology .section4 .section4-main .section4-top .section4-top-info .section4-top-desc {
  width: 6.72rem;
  color: #333;
  font-weight: 300;
  line-height: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.technology .section4 .section4-main .section4-top .section4-top-info .section4-top-more {
  display: inline-flex;
  padding: .12rem .22rem .12rem .3rem;
  align-items: center;
  gap: .11rem;
  border-radius: .99rem;
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  position: absolute;
  left: .72rem;
  bottom: .85rem;
}

.technology .section4 .section4-main .section4-top .section4-top-info .section4-top-more span {
  color: #FFF;
  font-weight: 400;
  line-height: 1.357;
}

.technology .section4 .section4-main .section4-top .section4-top-info .section4-top-more img {
  width: .075rem;
}

.technology .section4 .section4-main .section4-ul {
  display: flex;
  width: 100%;
  margin: .45rem auto 0;
  column-gap: .29rem;
}

.technology .section4 .section4-main .section4-ul .section4-li {
  display: block;
  width: 5.52rem;
  border-radius: .147rem;
  overflow: hidden;
  margin-right: .29rem;
}

.technology .section4 .section4-main .section4-ul .section4-li:last-child {
  margin-right: 0;
}

.technology .section4 .section4-main .section4-ul .section4-li .section4-li__img {
  display: block;
  width: 100%;
  height: 2.74rem;
  object-fit: cover;
  transition: all .3s ease;
}

.technology .section4 .section4-main .section4-ul .section4-li:hover .section4-li__img {
  transform: scale(1.05);
}

.technology .section4 .section4-main .section4-ul .section4-li .section4-li-info {
  background: #F8F8F8;
  padding: .4rem .22rem .4rem .28rem;
}

.technology .section4 .section4-main .section4-ul .section4-li .section4-li-info .section4-li-sign {
  display: flex;
  align-items: center;
  column-gap: .39rem;
  margin-bottom: .2466rem;
}

.technology .section4 .section4-main .section4-ul .section4-li .section4-li-info .section4-li-sign .section4-li-sign-item {
  display: flex;
  align-items: center;
  column-gap: .1rem;
}

.technology .section4 .section4-main .section4-ul .section4-li .section4-li-info .section4-li-sign .section4-li-sign-item img {
  height: .14rem;
}

.technology .section4 .section4-main .section4-ul .section4-li .section4-li-info .section4-li-sign .section4-li-sign-item p {
  color: #333;
  font-weight: 300;
}

.technology .section4 .section4-main .section4-ul .section4-li .section4-li-info .section4-li-sign .section4-li-sign-item:first-child img {
  height: .16rem;
}

.technology .section4 .section4-main .section4-ul .section4-li .section4-li-info .section4-li-title {
  color: #333;
  font-weight: 400;
  line-height: 156.319%;
  overflow: hidden;
  /* 隐藏超出容器的文本 */
  white-space: nowrap;
  /* 保持文本在一行内显示 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}

.personnel .business-submenu {
  position: sticky;
  width: 100%;
  top: .94rem;
  height: .7rem;
  background: #FFF;
  box-shadow: 0 0.04rem 0.3rem 0 rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  column-gap: 1.81rem;
  z-index: 998;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.personnel .business-submenu .business-submenu-item .business-submenu-parent {
  text-align: center;
  width: 2.22rem;
  height: .7rem;
  line-height: .7rem;
  /*padding-left: .3rem;*/
  /*padding-right: .3rem;*/
  color: #666;
  font-weight: 400;
  position: relative;
}

.personnel .business-submenu .business-submenu-item.on .business-submenu-parent {
  background: linear-gradient(276deg, #46B6D0 10.64%, #004273 82.28%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.personnel .business-submenu .business-submenu-item.on .business-submenu-parent::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #004273, #46B6D0);
}

.personnel .business-submenu .business-submenu-list {
  position: absolute;
  top: .7rem;
  left: 0;
  right: 0;
  row-gap: .92rem;
  padding-top: .27rem;
  padding-bottom: .29rem;
  display: none;
  background: #FFF;
  box-shadow: 0 0.04rem 0.3rem 0 rgba(0, 0, 0, 0.1);
}

.personnel .business-submenu .business-submenu-list .business-submenu-list-box {
  display: flex;
  justify-content: center;
  column-gap: 1.32rem;
}

.personnel .business-submenu .business-submenu-list .business-submenu-list-item {
  width: 2.72rem;
  display: flex;
  flex-direction: column;
  row-gap: .2rem;
}

.personnel .business-submenu .business-submenu-list .business-submenu-list-item a {
  color: rgba(102, 102, 102, 0.6);
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
}

.personnel .business-submenu .business-submenu-list .business-submenu-list-item a:hover {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.personnel .business-submenu .business-submenu-list .business-submenu-list-item a.active {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.personnel .crumb {
  margin-top: .26rem;
}

.personnel .banner {
  display: block;
  width: 100%;
  height: 6.45rem;
  overflow: hidden;
}

.personnel .banner .banner-title {
  text-align: center;
  color: #FFF;
  font-weight: 500;
  line-height: 1.167;
  margin-top: 2.53rem;
}

.personnel .personnel1 .personnel-title {
  color: #333;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 2.5px;
  margin-top: .505rem;
  margin-bottom: .7rem;
  text-align: center;
}

.personnel .personnel1 .personnel1-ul {
  width: 17.14rem;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  column-gap: .3rem;
}

.personnel .personnel1 .personnel1-ul .personnel1-li {
  width: 4.06rem;
  padding-right: .21rem;
}

.personnel .personnel1 .personnel1-ul .personnel1-li .personnel1-imgbox {
  width: 4.06rem;
  height: 4.8rem;
  border-radius: .2rem;
  margin-bottom: .4rem;
  overflow: hidden;
}

.personnel .personnel1 .personnel1-ul .personnel1-li .personnel1-imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.personnel .personnel1 .personnel1-ul .personnel1-li .personnel1-li-con .personnel1-li-title {
  margin-bottom: .16rem;
  color: #111;
  font-family: ABeeZee;
  font-weight: 400;
  line-height: 116.667%;
}

.personnel .personnel1 .personnel1-ul .personnel1-li .personnel1-li-con .personnel1-li-desc {
  color: #666;
  font-weight: 300;
  line-height: 177.778%;
}

.personnel .personnel2 {
  margin-top: 1.6rem;
}

.personnel .personnel2 .personnel2-title {
  color: #333;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 2.5px;
  text-align: center;
  margin-bottom: .8rem;
}

.society .societypage {
  padding-bottom: .7rem;
}

.society .society-search {
  width: 17.15rem;
  margin: 0 auto;
  margin-top: .515rem;
  display: flex;
  column-gap: 1.48rem;
}

.society .society-search .society-search-left {
  padding-top: .19rem;
}

.society .society-search .society-search-left .society-search-title {
  margin-bottom: .17rem;
}

.society .society-search .society-search-left .society-search-title span {
  font-weight: 700;
  line-height: normal;
  background: linear-gradient(90deg, #014273 0%, #176992 57.69%, #8AC4D1 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.society .society-search .society-search-left .society-search-input {
  width: 4.5rem;
  height: .56rem;
  border-radius: .05rem;
  border: 1px solid #D8D8D8;
  background: #FFF;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.society .society-search .society-search-left .society-search-input .society-search-input__input {
  display: block;
  height: .56rem;
  width: calc(100% - .6rem);
  box-sizing: border-box;
  padding-left: .26rem;
  background: transparent;
  border: 0;
  color: #333333;
}

.society .society-search .society-search-left .society-search-input .society-search-input__input::placeholder {
  color: #666;
  font-weight: 400;
}

.society .society-search .society-search-left .society-search-input .society-search-submit {
  width: .6rem;
  height: .56rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.society .society-search .society-search-left .society-search-input .society-search-submit img {
  display: block;
  width: .2rem;
  height: .2rem;
}

.society .society-search .society-search-right {
  width: 11rem;
}

.society .society-search .society-search-right .society-sr-item {
  display: flex;
  align-items: flex-start;
  position: relative;
}

.society .society-search .society-search-right .society-sr-item .society-sr-label {
  color: #000;
  font-weight: 400;
  line-height: 48px;
  margin-right: .4rem;
}

.society .society-search .society-search-right .society-sr-item .society-sr-value {
  width: 7.3rem;
  height: 48px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: .12rem;
  overflow: hidden;
}

.society .society-search .society-search-right .society-sr-item .society-sr-value a {
  color: #000;
  font-weight: 400;
  line-height: 48px;
}

.society .society-search .society-search-right .society-sr-item .society-sr-value .all {
  color: #14648E;
  font-weight: 400;
  line-height: 48px;
}

.society .society-search .society-search-right .society-sr-item .society-sr-point.active {
  overflow: visible;
  height: auto;
}

.society .society-search .society-search-right .society-sr-item .society-sr-more {
  position: absolute;
  top: 0;
  right: 0;
  color: rgba(102, 85, 102, 0.4);
  font-weight: 400;
  line-height: 48px;
  cursor: pointer;
}

.society .society-ul {
  width: 17.15rem;
  margin: .81rem auto 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: .4rem;
  row-gap: .21rem;
}

.society .society-ul .society-li {
  width: 8.36rem;
  height: 1.3rem;
  border-radius: .05rem;
  border: 1px solid #DCDCDC;
  background: rgba(217, 217, 217, 0);
  box-shadow: 0.04rem 0.04rem 0.2rem 0.03rem rgba(0, 0, 0, 0.05);
  padding-top: .35rem;
  padding-left: .37rem;
  padding-right: .37rem;
}

.society .society-ul .society-li .society-li-title {
  display: flex;
  align-items: center;
  column-gap: .2rem;
  margin-bottom: .1rem;
}

.society .society-ul .society-li .society-li-title p {
  color: #000;
  font-weight: 400;
  line-height: normal;
}

.society .society-ul .society-li .society-li-title span {
  padding: .03rem .24rem .04rem .2rem;
  border-radius: .05rem;
  background: rgba(20, 100, 142, 0.1);
  color: #14648E;
  font-weight: 400;
  line-height: normal;
}

.society .society-ul .society-li .society-li-desc {
  display: flex;
  align-items: center;
  column-gap: .14rem;
}

.society .society-ul .society-li .society-li-desc p {
  color: rgba(51, 51, 51, 0.66);
  font-weight: 400;
  line-height: normal;
}

.society .notice-pagination {
  display: flex;
  justify-content: center;
  column-gap: .22rem;
  align-items: center;
  margin-top: .74rem;
}

.society .notice-pagination .prev {
  display: block;
  width: .4rem;
  height: .4rem;
}

.society .notice-pagination .prev img {
  display: block;
  width: 100%;
  height: 100%;
}

.society .notice-pagination .prev .img1 {
  display: block;
}

.society .notice-pagination .prev .img2 {
  display: none;
  transform: rotate(180deg);
}

.society .notice-pagination .prev:hover .img1 {
  display: none;
}

.society .notice-pagination .prev:hover .img2 {
  display: block;
}

.society .notice-pagination .prev.active .img1 {
  display: none;
}

.society .notice-pagination .prev.active .img2 {
  display: block;
}

.society .notice-pagination .next {
  display: block;
  width: .4rem;
  height: .4rem;
}

.society .notice-pagination .next img {
  display: block;
  width: 100%;
  height: 100%;
}

.society .notice-pagination .next .img1 {
  display: block;
  transform: rotate(180deg);
}

.society .notice-pagination .next .img2 {
  display: none;
}

.society .notice-pagination .next:hover .img1 {
  display: none;
}

.society .notice-pagination .next:hover .img2 {
  display: block;
}

.society .notice-pagination .next.active .img1 {
  display: none;
}

.society .notice-pagination .next.active .img2 {
  display: block;
}

.society .notice-pagination .page {
  width: .4rem;
  height: .4rem;
  color: #666;
  font-size: .24rem;
  font-weight: 300;
  display: flex;
  justify-content: center;
  align-items: center;
}

.society .notice-pagination .page:hover {
  color: #1A83AF;
  font-weight: 400;
}

.society .notice-pagination .page.active {
  color: #1A83AF;
  font-weight: 400;
}

.society .society-detail {
  width: 16.8rem;
  margin: 0 auto;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.society .society-detail .crumb .crumb__icon {
  display: block;
  width: .2rem;
  height: .2rem;
}

.society .society-detail .article .article-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: .965rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #DFDFDF;
}

.society .society-detail .article .article-top .article-tl .article-title {
  margin-bottom: .26rem;
  color: #000;
  font-weight: 400;
  line-height: 1;
}

.society .society-detail .article .article-top .article-tl .article-tags {
  display: flex;
  flex-wrap: wrap;
  column-gap: .12rem;
  row-gap: .12rem;
}

.society .society-detail .article .article-top .article-tl .article-tags .article-tag {
  color: #333;
  font-weight: 400;
  line-height: normal;
  padding: .08rem .12rem;
  border-radius: .32rem;
  background: #F2F2F2;
}

.society .society-detail .article .article-top .article-tr {
  display: flex;
  flex-direction: column;
  row-gap: .27rem;
}

.society .society-detail .article .article-top .article-tr .article-tr__a {
  display: flex;
  align-items: center;
  column-gap: .05rem;
  padding: .12rem .2rem;
  border-radius: .99rem;
  border: 1px solid #D6D6D6;
  transition: all .3s ease;
}

.society .society-detail .article .article-top .article-tr .article-tr__a .article-tr__a__icon {
  display: block;
  width: .17rem;
}

.society .society-detail .article .article-top .article-tr .article-tr__a p {
  color: #333;
  font-weight: 400;
  line-height: normal;
}

.society .society-detail .article .article-top .article-tr .article-tr__a .article-tr__a-arrow {
  display: block;
  width: .2rem;
  height: .2rem;
}

.society .society-detail .article .article-top .article-tr .article-tr__a:hover {
  background: linear-gradient(297deg, #75E5F4 8.94%, #038EC8 68.53%);
  background-clip: padding-box;
  border: 1px solid transparent;
}

.society .society-detail .article .article-top .article-tr .article-tr__a:hover .article-tr__a__icon {
  filter: brightness(0) invert(1);
}

.society .society-detail .article .article-top .article-tr .article-tr__a:hover p {
  color: #ffffff;
}

.society .society-detail .article .article-top .article-tr .article-tr__a:hover .article-tr__a-arrow {
  filter: brightness(0) invert(1);
}

.society .society-detail .article .article-main {
  padding-top: .4rem;
}

.society .society-detail .article .article-main .article-main-item {
  margin-bottom: .4rem;
}

.society .society-detail .article .article-main .article-main-item .article-main-title {
  margin-bottom: .24rem;
  color: #000;
  font-weight: 400;
  line-height: normal;
}

.society .society-detail .article .article-main .article-main-item .article-main-ul .article-main-li {
  color: #666;
  font-weight: 400;
  line-height: 222.222%;
}

.aboutpage {
  margin: 0 auto;
}

.institutionpage .about-intro {
  align-items: flex-start;
}

.institutionpage .about-business-link {
  width: 17.14rem;
  margin-top: .4rem;
  border-bottom: 1px solid #AAA;
  padding-top: .24rem;
  padding-bottom: .24rem;
}

.institutionpage .about-business-link .about-business-link-block {
  display: flex;
  align-items: center;
}

.institutionpage .about-business-link .about-business-link-block .about-business-link-name {
  display: flex;
  width: 1.4rem;
  height: .44rem;
  padding: .12rem .3rem;
  align-items: center;
  flex-shrink: 0;
  color: #FFF;
  font-weight: 400;
  margin-right: .6rem;
  border-radius: .5rem;
  background: linear-gradient(90deg, #12B9E4 0%, #1470AA 100%);
}

.institutionpage .about-business-link .about-business-link-block .about-business-link-val {
  display: flex;
  column-gap: .32rem;
}

.institutionpage .about-business-link .about-business-link-block .about-business-link-val a {
  color: #777;
  font-weight: 400;
  line-height: 150%;
  position: relative;
}

.institutionpage .about-business-link .about-business-link-block .about-business-link-val a:hover {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.institutionpage .about-business-link .about-business-link-block .about-business-link-val a:hover::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -.08rem;
  width: 0;
  height: 1px;
  background: linear-gradient(to right, #004273, #46b6d0);
  animation: showLine .3s linear forwards;
}

.institutionpage .about-business-link .about-business-link1 {
  display: flex;
  padding-left: .42rem;
}

.institutionpage .about-business-link .about-business-link2 {
  display: none;
  padding-left: 4.68rem;
}

.institutionpage .about-business-link .about-business-link3 {
  display: none;
  padding-left: 8.96rem;
}

@keyframes showLine {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.institution .banner {
  display: block;
  width: 100%;
  height: 6.45rem;
  overflow: hidden;
  position: sticky;
  top: 0;
  z-index: -1;
}

.institution .banner .banner-title {
  text-align: center;
  color: #FFF;
  font-weight: 500;
  line-height: 1.167;
  margin-top: 2.53rem;
}

.institution .institution-page {
  padding-top: 1.1rem;
  padding-bottom: .9rem;
  background: #ffffff;
}

.institution .institution-page .institution-info {
  width: 17.14rem;
  margin: .63rem auto .22rem;
  display: flex;
  align-items: center;
  column-gap: .48rem;
}

.institution .institution-page .institution-info .institution-date {
  color: #86868B;
  font-weight: 400;
  line-height: 2;
}

.institution .institution-page .institution-info .institution-share {
  display: flex;
  align-items: center;
  column-gap: .08rem;
}

.institution .institution-page .institution-info .institution-share .institution-share-label {
  color: #86868B;
  font-weight: 400;
  line-height: normal;
}

.institution .institution-page .institution-info .institution-share .institution-share-val {
  display: flex;
  align-items: center;
  column-gap: .04rem;
}

.institution .institution-page .institution-info .institution-share .institution-share-val .institution-share-wx {
  display: block;
  width: .28rem;
  height: .28rem;
  cursor: pointer;
}

.institution .institution-page .institution-info .institution-share .institution-share-val .institution-share-wx img {
  display: block;
  width: 100%;
  height: 100%;
}

.institution .institution-page .institution-info .institution-share .institution-share-val .institution-share-wx .img1 {
  display: block;
}

.institution .institution-page .institution-info .institution-share .institution-share-val .institution-share-wx .img2 {
  display: none;
}

.institution .institution-page .institution-info .institution-share .institution-share-val .institution-share-wx:hover .img1 {
  display: none;
}

.institution .institution-page .institution-info .institution-share .institution-share-val .institution-share-wx:hover .img2 {
  display: block;
}

.institution .institution-page .institution-info .institution-share .institution-share-val .institution-share-xhs {
  display: block;
  width: .28rem;
  height: .28rem;
  cursor: pointer;
}

.institution .institution-page .institution-info .institution-share .institution-share-val .institution-share-xhs img {
  display: block;
  width: 100%;
  height: 100%;
}

.institution .institution-page .institution-info .institution-share .institution-share-val .institution-share-xhs .img1 {
  display: block;
}

.institution .institution-page .institution-info .institution-share .institution-share-val .institution-share-xhs .img2 {
  display: none;
}

.institution .institution-page .institution-info .institution-share .institution-share-val .institution-share-xhs:hover .img1 {
  display: none;
}

.institution .institution-page .institution-info .institution-share .institution-share-val .institution-share-xhs:hover .img2 {
  display: block;
}

.institution .institution-page .institution-article {
  width: 15.7rem;
  margin: 0 auto 0 1.03rem;
}

.institution .institution-page .institution-article .institution-article-title {
  font-weight: 400;
  line-height: 150%;
  margin-bottom: .2rem;
}

.institution .institution-page .institution-article .institution-article-title span {
  background: linear-gradient(278deg, #12B9E4 10.55%, #1470AA 77.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.institution .institution-page .institution-article .institution-article-text {
  color: #333;
  font-weight: 300;
  line-height: 180%;
  margin-bottom: .36rem;
}

.institution .institution-page .institution-article .institution-article-text p {
  margin-bottom: .16rem;
}

.institution .institution-page .institution-article .institution-article-text p:last-child {
  margin-bottom: 0;
}

.institution .institution-page .institution-article .institution-swiper .swiper-institution {
  width: 15.48rem;
  margin: 0;
}

.institution .institution-page .institution-article .institution-swiper .swiper-institution .swiper-slide {
  width: 7.58rem;
  height: 5.05rem;
  margin-right: .34rem;
}

.institution .institution-page .institution-article .institution-swiper .swiper-institution .swiper-slide:last-child {
  margin-right: 0;
}

.institution .institution-page .institution-article .institution-swiper .swiper-institution .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.institution .institution-page .institution-article .institution-swiper .institution-swiper-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: .24rem;
  margin-top: .32rem;
}

.institution .institution-page .institution-article .institution-swiper .institution-swiper-nav .prev {
  display: block;
  width: .4rem;
  height: .4rem;
  cursor: pointer;
}

.institution .institution-page .institution-article .institution-swiper .institution-swiper-nav .prev img {
  display: block;
  width: 100%;
  height: 100%;
}

.institution .institution-page .institution-article .institution-swiper .institution-swiper-nav .prev .img1 {
  display: block;
}

.institution .institution-page .institution-article .institution-swiper .institution-swiper-nav .prev .img2 {
  display: none;
  transform: rotate(180deg);
}

.institution .institution-page .institution-article .institution-swiper .institution-swiper-nav .prev:hover .img1 {
  display: none;
}

.institution .institution-page .institution-article .institution-swiper .institution-swiper-nav .prev:hover .img2 {
  display: block;
}

.institution .institution-page .institution-article .institution-swiper .institution-swiper-nav .next {
  display: block;
  width: .4rem;
  height: .4rem;
  cursor: pointer;
}

.institution .institution-page .institution-article .institution-swiper .institution-swiper-nav .next img {
  display: block;
  width: 100%;
  height: 100%;
}

.institution .institution-page .institution-article .institution-swiper .institution-swiper-nav .next .img1 {
  display: block;
  transform: rotate(180deg);
}

.institution .institution-page .institution-article .institution-swiper .institution-swiper-nav .next .img2 {
  display: none;
}

.institution .institution-page .institution-article .institution-swiper .institution-swiper-nav .next:hover .img1 {
  display: none;
}

.institution .institution-page .institution-article .institution-swiper .institution-swiper-nav .next:hover .img2 {
  display: block;
}

.institution .institution-page .institution-article .institution-promotion {
  margin-top: .36rem;
}

.institution .institution-page .institution-article .institution-promotion .institution-promotion-title {
  display: flex;
  align-items: center;
  margin-bottom: .3rem;
}

.institution .institution-page .institution-article .institution-promotion .institution-promotion-title .institution-promotion-title__p {
  color: #115C8C;
  font-weight: 700;
  line-height: 150%;
}

.institution .institution-page .institution-article .institution-promotion .institution-promotion-title .institution-promotion-line {
  width: 1px;
  height: .25rem;
  background: #115C8C;
  margin-left: .28rem;
  margin-right: .28rem;
}

.institution .institution-page .institution-article .institution-promotion .institution-promotion-title .institution-promotion-download {
  display: flex;
  align-items: center;
  column-gap: .04rem;
}

.institution .institution-page .institution-article .institution-promotion .institution-promotion-title .institution-promotion-download p {
  color: #115C8C;
  font-weight: 500;
  line-height: 150%;
}

.institution .institution-page .institution-article .institution-promotion .institution-promotion-title .institution-promotion-download img {
  display: block;
  width: .27rem;
  height: .26rem;
}

.institution .institution-page .institution-article .institution-promotion .institution-promotion-contact .institution-promotion-contact__p {
  margin-bottom: .12rem;
  color: #777;
  font-weight: 700;
  line-height: 150%;
}

.institution .institution-page .institution-article .institution-promotion .institution-promotion-contact .institution-promotion-ul {
  color: #777;
  font-weight: 500;
  line-height: 180%;
}

@media screen and (max-width: 1680px) {
  .indexmain .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span:first-child {
    font-size: 18px;
  }
  .indexmain .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span:last-child {
    font-size: 18px;
  }
  .indexmain .section2 .section2-tip .section2-tip-ul {
    width: 3.6rem;
  }
  .indexmain .section2 .section2-tip .section2-tip-ul .section2-tip-li {
    width: 1.8rem;
  }
  .technology .technology-main .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span {
    font-size: 20px;
  }
  .aboutpage .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span:last-child {
    font-size: 20px;
  }
  .businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .bus-form-input__input-select .el-input--suffix .el-input__inner {
    font-size: 14px;
  }
  .businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .el-input--suffix .el-input__inner {
    font-size: 14px;
  }
}

@media screen and (max-width: 1440px) {
  .businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .bus-form-input__input-select .el-input--suffix .el-input__inner {
    font-size: 14px;
  }
  .businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .el-input--suffix .el-input__inner {
    font-size: 14px;
  }
}

@media screen and (max-width: 1280px) {
  .indexmain .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span:first-child {
    font-size: 16px;
  }
  .indexmain .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span:last-child {
    font-size: 16px;
  }
  .indexmain .section3 .section3-info {
    width: 11rem;
  }
  .businesspage .bus-app .bus-app-item {
    height: 7rem;
  }
  .businesspage .bus-form .bus-form-left .bus-form-title {
    font-size: 36px;
  }
  .businesspage .business-submenu {
    column-gap: 1.61rem;
  }
  .businesspage .business-submenu .business-submenu-item .business-submenu-parent {
    width: 2.35rem;
  }
  .businesspage .business-submenu .business-submenu-item .business-submenu-parent {
    padding-left: 0;
    padding-right: 0;
  }
  .indexmain .section2 .section2-content .section2-content-title {
    font-size: 32px;
  }
  .indexmain .section4 .section4-main .section4-ul .section4-li .section4-li-info .section4-li-sign .section4-li-sign-item img {
    height: .18rem;
  }
  .indexmain .section4 .section4-main .section4-top .section4-top-info .section4-top-base .section4-top-base-item img {
    height: .18rem;
  }
  .aboutpage .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span:last-child {
    font-size: 16px;
  }
  .businesspage .bus-app .bus-app-item .bus-app-item-dialog .bus-item-dialog-main .bus-item-dialog-detail .bus-item-dialog-item .bus-item-dialog-value .bus-item-dialog-li::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #333333;
    position: absolute;
    left: 0;
    top: 9px;
  }
}

@media screen and (max-width: 1160px) {
  .indexmain .section2 .section2-content .section2-content-title {
    font-size: 28px;
  }
  .technology .technology-main .section3 .section3-info .section3-info-item .section3-info-item-top .section3-info-unit span {
    font-size: 16px;
  }
}

@media screen and (max-width: 1100px) {
  .indexmain .section3 .section3-info {
    width: 10.24rem;
  }
}

@media screen and (max-width: 1024px) {
  .indexmain .section3 .section3-content {
    width: 9rem;
  }
  .indexmain .section4 .section4-main .section4-top .section4-top-info {
    padding-left: .6rem;
    padding-top: .6rem;
  }
  .indexmain .section4 .section4-main .section4-top .section4-top-info .section4-top-more {
    left: .6rem;
    bottom: .6rem;
  }
  .businesspage .bus-form .bus-form-left .bus-form-title {
    font-size: 32px;
  }
  .indexmain .section2 .section2-content .section2-content-title {
    font-size: 24px;
  }
  .indexmain .section2 .section2-content {
    bottom: .45rem;
  }
  .indexmain .section2 .mainpoint .pointbox {
    width: 3rem;
  }
  .technology .technology-main .section3 .section3-info {
    column-gap: 1rem;
  }
}

@media screen and (min-width: 834px) {
  .aboutpage .about-dev .swiper-dev .swiper-wrapper {
    transition: all .3s ease;
  }
  .aboutpage .about-dev .swiper-year .swiper-wrapper {
    transition: all .3s ease;
  }
}

@media screen and (max-width: 767px) {
  .businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .bus-form-input__input-select .el-input--suffix .el-input__inner {
    font-size: .3rem;
  }
  .businesspage .bus-form .bus-form-right form .bus-form-box .bus-form-input .el-input--suffix .el-input__inner {
    font-size: .3rem;
  }
}