@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 0;
}

.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;
  margin-top: 1.5rem;
}

.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;
}

.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: rgba(20, 112, 171, 1);
}

.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,.5),rgba(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: rgba(20, 112, 171, 1);
}

.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: rgba(19, 111, 170, 1);
}

.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-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%;
  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;
  /* 超出部分显示省略号 */
}


@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;
    }
}