.w1640 {
  width: 16.4rem;
  margin: 0 auto;
}

.fp-table {
  justify-content: flex-start;
}

.fp-watermark {
  opacity: 0;
  z-index: -99999;
}

#fullpage::-webkit-scrollbar {
  width: 0 !important;
}

.section::-webkit-scrollbar {
  width: 0 !important;
}

.fp-overflow {
  overflow-y: hidden !important;
}

.fp-overflow::-webkit-scrollbar {
  width: 0 !important;
}

.swiper-banner {
  position: relative;
  height: 100vh;
}

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

.swiper-banner .swiper-slide .swiper-banner-text {
  width: 6.66rem;
  position: absolute;
  top: 3.76rem;
  left: 1.4rem;
}

.swiper-banner .swiper-slide .swiper-banner-text .swiper-banner-title {
  color: #FFF;
  font-weight: 500;
  line-height: 135.484%;
}

.swiper-banner .swiper-slide .swiper-banner-text .swiper-banner-desc {
  color: #FFF;
  font-weight: 250;
  line-height: 160%;
  letter-spacing: 2px;
}

.swiper-banner .swiper-pagination-banner {
  display: flex;
  justify-content: flex-start;
  column-gap: .66rem;
  bottom: 0.54rem !important;
  padding-left: 1.4rem;
}

.swiper-banner .swiper-bannerpoint {
  position: relative;
  width: 33px;
  height: 33px;
  display: flex;
}

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

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

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

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

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

.swiper-banner .swiper-bannerpoint-svg.active .swiper-bannerpoint-inner2 {
  animation: circleShow 3.5s linear infinite;
}

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

.swiper-bannerpoint {
  position: relative;
  width: 33px;
  height: 33px;
  display: flex;
}

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

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

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

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

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

.swiper-bannerpoint-svg.active .swiper-bannerpoint-inner2 {
  animation: circleShow 3.5s linear infinite;
}

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

.section1 {
  padding-top: 14vh;
  padding-bottom: 11.111vh;
}

.section1 .section1-title {
  color: #333;
  font-weight: 500;
  line-height: 134.783%;
  margin-bottom: .925vh;
}

.section1 .section1-desc {
  color: #96A5AE;
  font-weight: 300;
  letter-spacing: 1.8px;
  margin-bottom: 4.35vh;
}

.section1 .section1-tabs-box {
  display: flex;
  justify-content: center;
  margin-bottom: 3.7vh;
}

.section1 .section1-tabs-box .section1-tabs {
  display: inline-flex;
  justify-content: center;
  border-bottom: 2px solid #D4DFEA;
}

.section1 .section1-tabs-box .section1-tabs .section1-tabs-btn {
  color: #333;
  font-weight: 500;
  line-height: 145.455%;
  width: 1.68rem;
  padding-bottom: .06rem;
  cursor: pointer;
  transition: all .5s ease;
}

.section1 .section1-tabs-box .section1-tabs .section1-tabs-btn::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  width: 0;
  height: 2px;
  background: #36C;
}

.section1 .section1-tabs-box .section1-tabs .section1-tabs-btn.active {
  color: #36C;
  position: relative;
}

.section1 .section1-tabs-box .section1-tabs .section1-tabs-btn.active::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: #36C;
}

.section1 .section1-tabs-box .section1-tabs .section1-tabs-btn:hover {
  color: #36C;
  position: relative;
}

.section1 .section1-tabs-box .section1-tabs .section1-tabs-btn:hover::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: #36C;
  transition: all .5s ease;
}

.section1 .section1-box {
  display: flex;
  align-items: flex-start;
  column-gap: .19rem;
}

.section1 .section1-box .section1-box-item {
  width: 3.07rem;
  height: 55.5vh;
  border-radius: .1rem;
  overflow: hidden;
  transition: all .8s ease;
  position: relative;
}

.section1 .section1-box .section1-box-item .section1-box__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}

.section1 .section1-box .section1-box-item .section1-box-con {
  position: absolute;
  left: .62rem;
  right: .62rem;
  bottom: .6rem;
  transform: translateY(8.7vh);
  transition: all .5s ease;
}

.section1 .section1-box .section1-box-item .section1-box-con .section1-box-top {
  height: 8.7vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all .5s ease;
  position: relative;
}

.section1 .section1-box .section1-box-item .section1-box-con .section1-box-top .section1-box__icon {
  display: block;
  width: .42rem;
  height: .42rem;
  margin-bottom: .2rem;
  transition: all .5s ease;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.section1 .section1-box .section1-box-item .section1-box-con .section1-box-top .section1-box-con-text {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
}

.section1 .section1-box .section1-box-item .section1-box-con .section1-box-top .section1-box-con-text .section1-box-top__p {
  color: #FFF;
  font-weight: 500;
  line-height: 133.333%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all .5s ease;
  white-space: nowrap;
}

.section1 .section1-box .section1-box-item .section1-box-con .section1-box-top .section1-box-con-text .section1-box-con-more {
  display: none;
  align-items: center;
  column-gap: .06rem;
}

.section1 .section1-box .section1-box-item .section1-box-con .section1-box-top .section1-box-con-text .section1-box-con-more span {
  color: #FFF;
  font-weight: 400;
  line-height: 2;
}

.section1 .section1-box .section1-box-item .section1-box-con .section1-box-top .section1-box-con-text .section1-box-con-more .section1-box-con-more__icon {
  display: block;
  width: 6px;
  height: 10px;
  transition: all .5s ease;
}

.section1 .section1-box .section1-box-item .section1-box-con .section1-box-bottom {
  margin-top: .3rem;
  padding-top: .23rem;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  color: #FFF;
  font-weight: 300;
  line-height: 2;
  width: 5.4rem;
  opacity: 0;
  transition: all .5s ease;
}

.section1 .section1-box .section1-box-item.active {
  width: 6.62rem;
}

.section1 .section1-box .section1-box-item.active .section1-box-con {
  transform: translateY(0);
}

.section1 .section1-box .section1-box-item.active .section1-box-con .section1-box-top {
  align-items: flex-start;
}

.section1 .section1-box .section1-box-item.active .section1-box-con .section1-box-top .section1-box__icon {
  left: 0;
  transform: translateX(0);
}

.section1 .section1-box .section1-box-item.active .section1-box-con .section1-box-top .section1-box-con-text .section1-box-top__p {
  left: 0;
  transform: translateX(0);
}

.section1 .section1-box .section1-box-item.active .section1-box-con .section1-box-top .section1-box-con-text .section1-box-con-more {
  display: flex;
  justify-content: space-between;
}

.section1 .section1-box .section1-box-item.active .section1-box-con .section1-box-bottom {
  opacity: 1;
}

.section1 .section1-ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: .22rem;
  row-gap: .36rem;
}

.section1 .section1-ul .section1-li {
  width: 5.32rem;
  height: 5.28rem;
  overflow: hidden;
  border-radius: .2rem;
}

.section1 .section1-ul .section1-li .section1-li-imgbox {
  width: 5.32rem;
  height: 2.8rem;
}

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

.section1 .section1-ul .section1-li .section1-li-con {
  display: block;
  width: 100%;
  height: 2.48rem;
  background: #eeeeee;
  padding: .3rem;
  position: relative;
}

.section1 .section1-ul .section1-li .section1-li-con .section1-li-title {
  display: flex;
  align-items: center;
  column-gap: .14rem;
  margin-bottom: .205rem;
}

.section1 .section1-ul .section1-li .section1-li-con .section1-li-title .section1-li__icon {
  display: block;
  width: .32rem;
  height: .32rem;
}

.section1 .section1-ul .section1-li .section1-li-con .section1-li-title .section1-li__p {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 133.333%;
}

.section1 .section1-ul .section1-li .section1-li-con .section1-li-desc {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 177.778%;
}

.section1 .section1-ul .section1-li .section1-li-con .section1-li-more {
  display: flex;
  align-items: center;
  column-gap: .06rem;
  position: absolute;
  left: .3rem;
  bottom: .4rem;
  color: #999;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.section1 .section1-ul .section1-li .section1-li-con .section1-li-more img {
  display: block;
  width: .06rem;
  height: .1rem;
}

.section1 .section1-ul .section1-li:hover {
  box-shadow: 0 4px 31.2px rgba(0, 0, 0, 0.1);
}

.section1 .section1-ul .section1-li:hover .section1-li-con {
  background: url("../img/img77.png") no-repeat, #36C;
  background-position: calc(100% - .09rem) calc(100% - .09rem);
}

.section1 .section1-ul .section1-li:hover .section1-li-con .section1-li-title .section1-li__icon {
  filter: brightness(0) invert(1);
}

.section1 .section1-ul .section1-li:hover .section1-li-con .section1-li-title .section1-li__p {
  color: #ffffff;
}

.section1 .section1-ul .section1-li:hover .section1-li-con .section1-li-desc {
  color: #ffffff;
}

.section1 .section1-ul .section1-li:hover .section1-li-con .section1-li-more {
  color: #ffffff;
}

.section1 .section1-ul .section1-li:hover .section1-li-con .section1-li-more img {
  filter: brightness(0) invert(1);
}

.section2 {
  background: #f3f5fa;
  padding-top: 14vh;
  position: relative;
}

.section2 .section2-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 5;
}

.section2 .section2-top .section2-left {
  width: 8.04rem;
}

.section2 .section2-top .section2-left .section2-title {
  color: #333;
  font-weight: 500;
  line-height: 134.783%;
  margin-bottom: .925vh;
}

.section2 .section2-top .section2-left .section2-en {
  color: #96A5AE;
  font-weight: 300;
  margin-bottom: 1.85vh;
}

.section2 .section2-top .section2-left .section2-desc {
  width: 6.1rem;
  color: #333;
  font-weight: 300;
  line-height: 237.5%;
  margin-bottom: 4.62vh;
}

.section2 .section2-top .section2-left .section2-more {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: .06rem;
  width: 1.4rem;
  height: .4rem;
  border-radius: .19rem;
  border: 2px solid #36C;
}

.section2 .section2-top .section2-left .section2-more span {
  color: #36C;
  font-weight: 400;
  line-height: 2;
}

.section2 .section2-top .section2-left .section2-more .section2-more__icon {
  display: block;
  width: 6px;
  height: 10px;
}

.section2 .section2-top .section2-right {
  width: 4.64rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: .66rem;
  opacity: 0;
}

.section2 .section2-top .section2-right .section2-item .section2-item-top {
  display: flex;
  align-items: stretch;
}

.section2 .section2-top .section2-right .section2-item .section2-item-top .num {
  color: #333;
  font-weight: 500;
}

.section2 .section2-top .section2-right .section2-item .section2-item-top .section2-unit {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.section2 .section2-top .section2-right .section2-item .section2-item-top .section2-unit p {
  color: #333;
  font-weight: 500;
}

.section2 .section2-top .section2-right .section2-item .section2-item__p {
  color: #333;
  font-weight: 400;
  margin-top: 1.388vh;
}

.section2 .section2-map {
  display: block;
  position: relative;
  left: 0;
  bottom: 0;
  width: 18.38rem;
}

.section2 .section2-map img {
  display: block;
  width: 100%;
}

.section2 .section2-map .mainmap {
  transition: all .5s ease;
}

.section2 .section2-map .mainland-box {
  position: absolute;
  top: 1.2rem;
  left: 12.4rem;
  transition: all .5s ease;
}

.section2 .section2-map .mainland-box .langpoint {
  display: flex;
  justify-content: center;
  align-items: center;
  width: .22rem;
  height: .22rem;
  position: absolute;
  border-radius: 50%;
  background: rgba(51, 102, 204, 0.3);
  opacity: 0;
}

.section2 .section2-map .mainland-box .langpoint.ani {
  animation: showpoint 1s linear forwards;
}

.section2 .section2-map .mainland-box .langpoint .langpoint-inner {
  display: block;
  width: .08rem;
  height: .08rem;
  border-radius: 50%;
  background-color: rgba(16, 67, 197, 0.8);
}

.section2 .section2-map .mainland-box .langpoint .langpoint__p {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + .06rem);
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
}

@keyframes showpoint {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.section2 .section2-map .mainland-box .demopoint {
  position: absolute;
  width: .23rem;
  height: .23rem;
  border-radius: 50%;
  background: rgba(51, 102, 204, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}

.section2 .section2-map .mainland-box .demopoint .demopoint-inner {
  display: block;
  border-radius: 50%;
  width: .09rem;
  height: .09rem;
  background: rgba(10, 47, 186, 0.8);
}

.section2 .section2-map .mainland-box .demopoint.noouter {
  background: transparent;
}

.section2 .section2-map .mainland-box .demopoint.op {
  background: transparent;
  opacity: .5;
}

.section2 .section2-map .mainland-box .demopoint.trans {
  transition: all .5s ease;
}

.section2 .section2-map .mainland {
  display: block;
  width: 2.9rem;
  transition: all .5s ease;
}

.section2 .section2-map .point {
  display: flex;
  justify-content: center;
  align-items: center;
  width: .42rem;
  height: .42rem;
  position: absolute;
  z-index: 6;
}

.section2 .section2-map .point.point-son {
  width: .08rem;
  height: .08rem;
  background: #00E4FF;
  border-radius: 50%;
  transition: all .5s ease;
}

.section2 .section2-map .point.point-son .point-text {
  position: absolute;
  top: calc(100% + .06rem);
  left: 50%;
  transform: translateX(-50%);
}

.section2 .section2-map .point.point-son .point-text .point-text-title {
  white-space: nowrap;
  margin-bottom: 3px;
  color: #333;
  font-weight: 500;
  line-height: normal;
}

.section2 .section2-map .point.point-son .point-text .point-text-en {
  white-space: nowrap;
  color: #333;
  font-weight: 300;
  line-height: normal;
}

.section2 .section2-map .point.point-son::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background: rgba(0, 228, 255, 0.2);
  border-radius: 50%;
  animation: fadein 2s infinite linear;
}

@keyframes fadein {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: .22rem;
    height: .22rem;
  }
}

.section2 .section2-map .point.point-incenter {
  width: .08rem;
  height: .08rem;
  background: #36C;
  border-radius: 50%;
}

.section2 .section2-map .point.point-incenter .point-text {
  position: absolute;
  top: calc(100% + .06rem);
  left: 0;
}

.section2 .section2-map .point.point-incenter .point-text.left {
  left: auto;
  right: calc(-100% + .3rem);
}

.section2 .section2-map .point.point-incenter .point-text .point-text-title {
  color: #333;
  font-weight: 500;
  margin-bottom: 3px;
  white-space: nowrap;
}

.section2 .section2-map .point.point-incenter .point-text .point-text-en {
  color: #333;
  font-weight: 300;
  line-height: normal;
  white-space: nowrap;
}

.section2 .section2-map .point.point-incenter::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background: rgba(51, 102, 204, 0.2);
  border-radius: 50%;
  animation: fadein2 2s infinite linear;
}

@keyframes fadein2 {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: .22rem;
    height: .22rem;
  }
}

.section2 .section2-map .mainpoint {
  width: .3rem;
  height: .3rem;
  position: absolute;
}

.section2 .section2-map .mainpoint .mainpoint__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: .3rem;
  height: .3rem;
  z-index: 5;
}

.section2 .section2-map .mainpoint .mainpoint__img {
  display: block;
  width: .21rem;
  position: relative;
  z-index: 6;
}

.section2 .section2-map .mainpoint::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background: rgba(51, 102, 204, 0.2);
  border-radius: 50%;
  animation: fadein3 2s infinite linear;
  z-index: -1;
}

@keyframes fadein3 {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: .68rem;
    height: .68rem;
  }
}

.section2 .section2-map .mainpoint .mainpoint-text {
  position: absolute;
  left: calc(100% + .28rem);
}

.section2 .section2-map .mainpoint .mainpoint-text .mainpoint-text-title {
  margin-bottom: 3px;
  color: #1043C5;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
}

.section2 .section2-map .mainpoint .mainpoint-text .mainpoint-text-en {
  color: #1043C5;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 2.66px;
  white-space: nowrap;
}

.section2 .section2-map .line {
  position: absolute;
  height: auto;
}

.section2 .section2-map .line.line1 {
  width: 11.1rem;
}

.section2 .section2-map .line.line2 {
  width: 4.15rem;
}

.section2 .section2-map .line.line3 {
  width: 4.41rem;
}

.section2 .section2-map .line.line4 {
  width: 4.52rem;
}

.section2 .section2-map .line.line5 {
  width: 3.83rem;
}

.section2 .section2-map .line.line6 {
  width: 1.765rem;
}

.section2 .section2-map .line.line7 {
  width: .49rem;
}

.section2 .section2-map .line.line8 {
  width: .42rem;
}

.section2 .section2-map .line.line9 {
  width: 1.11rem;
}

.section2 .section2-map .line.line10 {
  width: 2.75rem;
}

.section3 {
  padding-top: 14vh;
  padding-bottom: 12vh;
  background: url("../img/img15.png") no-repeat;
  background-size: cover;
}

.section3 .section3-box .section3-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.section3 .section3-box .section3-top .section3-topl {
  width: 5.06rem;
}

.section3 .section3-box .section3-top .section3-topl .section3-topl-title {
  color: #333;
  font-weight: 500;
  line-height: 134.783%;
  margin-bottom: .925vh;
}

.section3 .section3-box .section3-top .section3-topl .section3-topl-desc {
  color: #96A5AE;
  font-weight: 300;
  line-height: normal;
}

.section3 .section3-box .section3-top .section3-topr {
  display: flex;
  column-gap: .3rem;
}

.section3 .section3-box .section3-top .section3-topr a {
  color: #333;
  font-weight: 500;
  line-height: 2;
  border-radius: .255rem;
  border: 2px solid #D4DFEA;
  width: 1.32rem;
  height: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section3 .section3-box .section3-top .section3-topr a.active {
  color: #36C;
  border: 2px solid #36C;
}

.section3 .section3-box .section3-top .section3-topr a:hover {
  color: #36C;
  border: 2px solid #36C;
}

.section3 .section3-box .section3-ul {
  display: none;
  align-items: flex-start;
  column-gap: .42rem;
  margin-top: 5.55vh;
}

.section3 .section3-box .section3-ul .section3-li {
  width: 5.2rem;
  min-height: 58.5vh;
  background: #F1F5FE;
  border-radius: .2rem;
  overflow: hidden;
}

.section3 .section3-box .section3-ul .section3-li .section3-li-litpic {
  width: 5.2rem;
  height: 3.41rem;
  border-radius: .2rem .2rem 0 0;
}

.section3 .section3-box .section3-ul .section3-li .section3-li-con {
  padding: .4rem .5rem .6rem;
}

.section3 .section3-box .section3-ul .section3-li .section3-li-con .section3-li-info {
  display: flex;
  align-items: center;
  margin-bottom: 2.77vh;
}

.section3 .section3-box .section3-ul .section3-li .section3-li-con .section3-li-info .section3-li__icon {
  display: block;
  width: .16rem;
  height: .16rem;
  margin-right: .1rem;
}

.section3 .section3-box .section3-ul .section3-li .section3-li-con .section3-li-info .section3-li-sign {
  color: #333;
  font-weight: 400;
}

.section3 .section3-box .section3-ul .section3-li .section3-li-con .section3-li-info .section3-li-line {
  width: 1px;
  height: .1rem;
  background: #333333;
  margin-left: .1rem;
  margin-right: .1rem;
}

.section3 .section3-box .section3-ul .section3-li .section3-li-con .section3-li-info .section3-li-date {
  color: #333;
  font-weight: 400;
}

.section3 .section3-box .section3-ul .section3-li .section3-li-con .section3-li-title {
  color: #333;
  font-weight: 500;
  line-height: 163.636%;
  margin-bottom: 4.07vh;
  height: .7rem; 
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.section3 .section3-box .section3-ul .section3-li .section3-li-con .section3-li-more {
  height: .4rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: .06rem;
  border-radius: .195rem;
}

.section3 .section3-box .section3-ul .section3-li .section3-li-con .section3-li-more span {
  color: #36C;
  font-weight: 400;
  line-height: 2;
}

.section3 .section3-box .section3-ul .section3-li .section3-li-con .section3-li-more .section3-li-more__icon {
  display: block;
  width: 6px;
  height: 10px;
}

.section3 .section3-box .section3-ul .section3-li:hover {
  background: linear-gradient(113deg, #36C 29.35%, #17347D 99.34%);
}

.section3 .section3-box .section3-ul .section3-li:hover .section3-li-con .section3-li-more {
  width: 1.4rem;
  border: 2px solid #FFF;
}

.section3 .section3-box .section3-ul .section3-li:hover .section3-li-con .section3-li-more span {
  color: #ffffff;
}

.section3 .section3-box .section3-ul .section3-li:hover .section3-li-con .section3-li-more .section3-li-more__icon {
  filter: brightness(0) invert(1);
}

.section3 .section3-box .section3-ul .section3-li:hover .section3-li-con .section3-li-info .section3-li__icon {
  filter: brightness(0) invert(1);
}

.section3 .section3-box .section3-ul .section3-li:hover .section3-li-con .section3-li-info .section3-li-sign {
  color: #ffffff;
}

.section3 .section3-box .section3-ul .section3-li:hover .section3-li-con .section3-li-info .section3-li-line {
  background: #ffffff;
}

.section3 .section3-box .section3-ul .section3-li:hover .section3-li-con .section3-li-info .section3-li-date {
  color: #ffffff;
}

.section3 .section3-box .section3-ul .section3-li:hover .section3-li-con .section3-li-title {
  color: #ffffff;
}

.section3 .section3-box .section3-ul.active {
  display: flex;
}

.solution .banner {
  position: relative;
}

.solution .banner .banner-litpic {
  display: block;
  width: 100%;
}

.solution .banner .banner-text {
  position: absolute;
  display: flex;
  flex-direction: column;
  row-gap: .3rem;
  width: 7.75rem;
  top: 50%;
  transform: translateY(-50%);
  left: 1.4rem;
}

.solution .banner .banner-text h1 {
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.solution .banner .banner-text .banner-desc {
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
  letter-spacing: .02rem;
}

.solution .sol1 {
  padding-top: .87rem;
  padding-bottom: .9rem;
}

.solution .sol1 .sol1-tabs {
  display: flex;
  column-gap: .24rem;
  margin-bottom: .37rem;
}

.solution .sol1 .sol1-tabs .sol1-tab {
  padding: 0 .34rem;
  height: .48rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  border-radius: .38rem;
  border: 1px solid transparent;
}

.solution .sol1 .sol1-tabs .sol1-tab.active {
  border: 1px solid #36C;
  color: #36C;
  font-weight: 400;
}

.solution .sol1 .sol1-tabs .sol1-tab:hover {
  border: 1px solid #36C;
  color: #36C;
  font-weight: 400;
}

.solution .sol1 .sol1-ul {
  display: flex;
  flex-direction: column;
  row-gap: .95rem;
  margin-bottom: .9rem;
}

.solution .sol1 .sol1-ul .sol1-li {
  display: flex;
  column-gap: .93rem;
}

.solution .sol1 .sol1-ul .sol1-li .sol1-li-imgbox {
  overflow: hidden;
  width: 8.38rem;
  height: 5.1rem;
  border-radius: .18rem;
  flex-shrink: 0;
}

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

.solution .sol1 .sol1-ul .sol1-li .sol1-li-con {
  width: 7.07rem;
  padding-top: .62rem;
}

.solution .sol1 .sol1-ul .sol1-li .sol1-li-con .sol1-li-sign {
  color: #A6A6A6;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  margin-bottom: .4rem;
}

.solution .sol1 .sol1-ul .sol1-li .sol1-li-con .sol1-li-title {
  margin-bottom: .33rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 143.75%;
}

.solution .sol1 .sol1-ul .sol1-li .sol1-li-con .sol1-li-desc {
  color: #666;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 177.778%;
}

.solution .sol1 .sol1-ul .sol1-li .sol1-li-con .sol1-li-btn {
  margin-top: .5rem;
  padding: 0 .4rem;
  height: .48rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #36C;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  column-gap: .08rem;
  border: .02rem solid #36C;
  border-radius: .38rem;
}

.solution .sol1 .sol1-ul .sol1-li .sol1-li-con .sol1-li-btn img {
  display: block;
  width: .06rem;
  height: .1rem;
}

.solution .sol1 .sol1-ul .sol1-li:nth-child(2n) {
  flex-direction: row-reverse;
}

.solution .sol2 {
  padding-top: 1.12rem;
  padding-bottom: 1.22rem;
}

.solution .sol2 .sol2-h2 {
  margin-bottom: .15rem;
  color: #333;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
}

.solution .sol2 .sol2-subtitle {
  color: #96A5AE;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: .018rem;
}

.solution .sol2 .sol2-desc {
  width: 12.65rem;
  margin: .78rem auto 0;
  color: #666;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 177.778%;
}

.solution .sol2 .sol2-con {
  margin-top: 1.22rem;
  display: flex;
  align-items: flex-start;
  column-gap: .69rem;
}

.solution .sol2 .sol2-con .sol2-imgbox {
  width: 7.7rem;
  height: 6.5rem;
  border-radius: .18rem;
  overflow: hidden;
}

.solution .sol2 .sol2-con .sol2-imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solution .sol2 .sol2-con .sol2-ul {
  height: 6.5rem;
  overflow-y: auto;
  padding-top: .15rem;
  padding-right: .1rem;
}

.solution .sol2 .sol2-con .sol2-ul::-webkit-scrollbar {
  /*width: 0;*/
}

.solution .sol2 .sol2-con .sol2-ul::-webkit-scrollbar-thumb {
  background: #36C;
}

.solution .sol2 .sol2-con .sol2-ul::-webkit-scrollbar-track {
    background: transparent;
}

.solution .sol2 .sol2-con .sol2-ul .sol2-li {
  width: 6.86rem;
  border-bottom: 1px solid #CCC;
}

.solution .sol2 .sol2-con .sol2-ul .sol2-li .sol2-li-top {
  padding-top: .33rem;
  padding-bottom: .29rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.solution .sol2 .sol2-con .sol2-ul .sol2-li .sol2-li-top p {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
}

.solution .sol2 .sol2-con .sol2-ul .sol2-li .sol2-li-top .sol2-li-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  background: #36C;
}

.solution .sol2 .sol2-con .sol2-ul .sol2-li .sol2-li-top .sol2-li-btn img {
  display: block;
  width: .15rem;
  height: .09rem;
  transition: all .3s ease;
}

.solution .sol2 .sol2-con .sol2-ul .sol2-li .sol2-li-top.active .sol2-li-btn img {
  transform: rotate(180deg);
}

.solution .sol2 .sol2-con .sol2-ul .sol2-li .sol2-li-desc {
  display: none;
  padding-bottom: .29rem;
  color: #666;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 177.778%;
}

.solution .sol3 {
  background: #F6F9FA;
  padding-top: 1.24rem;
  padding-bottom: 1.12rem;
}

.solution .sol3 .sol3-h2 {
  color: #333;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  margin-bottom: .11rem;
}

.solution .sol3 .sol3-subtitle {
  color: #96A5AE;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: .018rem;
}

.solution .sol3 .sol3-table {
  margin-top: .61rem;
}

.solution .sol3 .sol3-table .sol3-table-title {
  color: #000;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: .2rem;
}

.solution .sol3 .sol3-table .sol3-table-subtitle {
  color: #000;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 2.667;
}

.solution .sol3 .sol3-table .sol3-table-box {
  border-radius: .18rem;
  overflow: hidden;
  border: 1px solid #EBEBEB;
  background: #FFF;
  margin-top: .4rem;
}

.solution .sol3 .sol3-table .sol3-table-box table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
}

.solution .sol3 .sol3-table .sol3-table-box table thead {
  background: #36C;
}

.solution .sol3 .sol3-table .sol3-table-box table thead tr {
  background: #36C;
}

.solution .sol3 .sol3-table .sol3-table-box table thead th {
  height: .7rem;
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-size: .22rem;
  font-style: normal;
  font-weight: 400;
}

.solution .sol3 .sol3-table .sol3-table-box table tbody tr {
  border-bottom: 1px solid #EBEBEB;
}

.solution .sol3 .sol3-table .sol3-table-box table tbody tr td {
  height: .7rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-size: .18rem;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  border-right: 1px solid #EBEBEB;
}

.solution .sol3 .sol3-table .sol3-table-box table tbody tr td:last-child {
  border-right: 0;
}

.solution .sol3 .sol3-table .sol3-table-box .remark {
  padding: .33rem .33rem .7rem .33rem;
}

.solution .sol3 .sol3-table .sol3-table-box .remark .remark-tip {
  margin-bottom: .15rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 181.818%;
}

.solution .sol3 .sol3-table .sol3-table-box .remark .remark-ul {
  color: #000;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 222.222%;
}

.solution .sol3 .sol3-items {
  margin-top: .3rem;
  display: flex;
  flex-direction: column;
  row-gap: .44rem;
}

.solution .sol3 .sol3-items .sol3-item {
  display: flex;
  border-radius: .18rem;
  overflow: hidden;
  height: 3.98rem;
  background: #ffffff;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}

.solution .sol3 .sol3-items .sol3-item .sol3-item-imgbox {
  width: 8.12rem;
  height: 3.98rem;
}

.solution .sol3 .sol3-items .sol3-item .sol3-item-imgbox img {
  display: block;
  width: 100%;
  height: 100%;
}

.solution .sol3 .sol3-items .sol3-item .sol3-item-con {
  width: calc(100% - 8.12rem);
  padding-top: 1.29rem;
  padding-left: .81rem;
}

.solution .sol3 .sol3-items .sol3-item .sol3-item-con .sol3-item-title {
  display: flex;
  align-items: center;
  column-gap: .17rem;
  margin-bottom: .19rem;
}

.solution .sol3 .sol3-items .sol3-item .sol3-item-con .sol3-item-title img {
  display: block;
  width: .4rem;
}

.solution .sol3 .sol3-items .sol3-item .sol3-item-con .sol3-item-title p {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
}

.solution .sol3 .sol3-items .sol3-item .sol3-item-con .sol3-item-desc {
  width: 6.25rem;
  color: #000;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 222.222%;
}

.solution .sol3 .sol3-items .sol3-item:nth-child(2n) {
  flex-direction: row-reverse;
}

.product-bar {
  position: sticky;
  top: 9.25vh;
  left: 0;
  right: 0;
  background: #F6F6F6;
  height: .66rem;
  z-index: 2;
}

.product-bar .inner {
  width: 16.4rem;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-bar .inner .inner__p {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
}

.product-bar .inner .inner-right {
  display: flex;
  align-items: center;
  column-gap: .6rem;
}

.product-bar .inner .inner-right .inner-nav {
  display: flex;
  align-items: center;
  column-gap: .6rem;
}

.product-bar .inner .inner-right .inner-nav a {
  color: #999;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.product-bar .inner .inner-right .inner-nav a.active {
  color: #333333;
}

.product-bar .inner .inner-right .inner-nav a:hover {
  color: #333333;
}

.product-bar .inner .inner-right .inner-contact {
  padding: 0 .23rem;
  height: .36rem;
  border-radius: .18rem;
  background: #36C;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.product .banner {
  position: relative;
}

.product .banner .banner-litpic {
  display: block;
  width: 100%;
}

.product .banner .banner-text {
  position: absolute;
  display: flex;
  flex-direction: column;
  row-gap: .3rem;
  width: 7.75rem;
  top: 50%;
  transform: translateY(-50%);
  left: 1.4rem;
}

.product .banner .banner-text h1 {
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.product .banner .banner-text .banner-desc {
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
  letter-spacing: .02rem;
}

.product .pro1 {
  background: #f9f9f9;
  padding-top: 1.2rem;
  padding-bottom: 1.8rem;
}

.product .pro1 .pro1-inner {
  display: flex;
  align-items: flex-start;
  column-gap: 1.5rem;
}

.product .pro1 .pro1-inner .pro1-side {
  position: sticky;
  /*top: 0;*/
  top: 9.5vh;
  width: 2.08rem;
  display: flex;
  flex-direction: column;
  row-gap: .28rem;
}

.product .pro1 .pro1-inner .pro1-side .pro1-sidetop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.product .pro1 .pro1-inner .pro1-side .pro1-sidetop p {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.product .pro1 .pro1-inner .pro1-side .pro1-sidetop .pro1-sidetop__icon {
  display: block;
  width: .12rem;
  height: .07rem;
  transform: rotate(180deg);
}

.product .pro1 .pro1-inner .pro1-side .pro1-sidebottom {
  margin-top: .24rem;
  display: none;
}

.product .pro1 .pro1-inner .pro1-side .pro1-sidebottom .pro1-sidebottom__a {
  padding: .14rem .3rem .1rem;
  border-radius: .27rem;
  color: #666;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 112.5%;
  transition: all .3s ease;
  margin-bottom: .06rem;
}

.product .pro1 .pro1-inner .pro1-side .pro1-sidebottom .pro1-sidebottom__a:last-child {
  margin-bottom: 0;
}

.product .pro1 .pro1-inner .pro1-side .pro1-sidebottom .pro1-sidebottom__a:hover {
  background: #36C;
  color: #ffffff;
}

.product .pro1 .pro1-inner .pro1-side .pro1-sidebottom .pro1-sidebottom__a.active {
  background: #36C;
  color: #ffffff;
}

.product .pro1 .pro1-con {
  display: flex;
  flex-wrap: wrap;
  gap: .24rem;
  margin-bottom: .6rem;
}

.product .pro1 .pro1-con .pro1-con-item {
  width: 4.1rem;
  height: 5.2rem;
  border-radius: .16rem;
  background: #FFF;
  transition: all .5s ease;
  position: relative;
  overflow: hidden;
}

.product .pro1 .pro1-con .pro1-con-item:hover {
  box-shadow: 0 0 0.76rem 0 rgba(0, 0, 0, 0.08);
}

.product .pro1 .pro1-con .pro1-con-item:hover .pro1-con-info {
  transform: translateY(0);
}

.product .pro1 .pro1-con .pro1-con-item .imgbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.37rem;
}

.product .pro1 .pro1-con .pro1-con-item .imgbox img {
  display: block;
  max-width: 2.57rem;
  max-height: 2.57rem;
}

.product .pro1 .pro1-con .pro1-con-item .pro1-con-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: .43rem;
  padding-left: .39rem;
  transition: all .5s ease;
  transform: translateY(calc( .83rem + 1px));
}

.product .pro1 .pro1-con .pro1-con-item .pro1-con-info .pro1-con-title {
  margin-bottom: .12rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 108.333%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.product .pro1 .pro1-con .pro1-con-item .pro1-con-info .pro1-con-desc {
  color: #999;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 162.5%;
}

.product .pro1 .pro1-con .pro1-con-item .pro1-con-info .pro1-con-btn {
  padding: .13rem .29rem .13rem .29rem;
  border-radius: .2rem;
  height: .4rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: .1rem;
  background: #36C;
  margin-top: .36rem;
}

.product .pro1 .pro1-con .pro1-con-item .pro1-con-info .pro1-con-btn p {
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.product .pro1 .pro1-con .pro1-con-item .pro1-con-info .pro1-con-btn img {
  display: block;
  width: .06rem;
  height: .1rem;
}

.product .pro2 {
  padding-top: 2.33rem;
  position: relative;
}

.product .pro2 .pro2-p {
  position: absolute;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translateX(-50%);
  top: 1.33rem;
  color: #EEE;
  font-family: "HarmonyOS Sans SC";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  user-select: none;
  white-space: nowrap;
}

.product .pro2 .swiper-pro2 {
  height: 3.98rem;
}

.product .pro2 .swiper-pro2 .swiper-slide {
  display: flex;
  justify-content: center;
}

.product .pro2 .swiper-pro2 .swiper-slide img {
  display: block;
  max-width: 4.8rem;
  max-height: 3.1rem;
}

.product .pro2 .pro2-small {
  display: flex;
  justify-content: center;
  align-items: center;
}

.product .pro2 .pro2-small .prev {
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  background: #f4f4f4;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.product .pro2 .pro2-small .prev img {
  display: block;
  width: .07rem;
  height: .12rem;
  filter: brightness(100) invert(1);
}

.product .pro2 .pro2-small .prev:hover {
  background: #3366cc;
}

.product .pro2 .pro2-small .prev:hover img {
  filter: none;
}

.product .pro2 .pro2-small .next {
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  background: #f4f4f4;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.product .pro2 .pro2-small .next img {
  display: block;
  width: .07rem;
  height: .12rem;
  filter: brightness(100) invert(1);
  transform: rotate(180deg);
}

.product .pro2 .pro2-small .next:hover {
  background: #3366cc;
}

.product .pro2 .pro2-small .next:hover img {
  filter: none;
}

.product .pro2 .pro2-small .swiper-pro2small-box {
  width: 5.84rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  padding-bottom: .15rem;
}

.product .pro2 .pro2-small .swiper-pro2small-box .swiper-pro2small {
  overflow: visible;
}

.product .pro2 .pro2-small .swiper-pro2small-box .swiper-pro2small .swiper-slide {
  width: .92rem;
  height: .58rem;
  border-radius: .05rem;
  background: #F6F6F6;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: .08rem;
  margin-right: .08rem;
  position: relative;
  opacity: .5;
  cursor: pointer;
}

.product .pro2 .pro2-small .swiper-pro2small-box .swiper-pro2small .swiper-slide img {
  display: block;
  max-width: .53rem;
  max-height: .34rem;
}

.product .pro2 .pro2-small .swiper-pro2small-box .swiper-pro2small .swiper-slide.active {
  opacity: 1;
}

.product .pro2 .pro2-small .swiper-pro2small-box .swiper-pro2small .swiper-slide.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: .03rem;
  bottom: -.12rem;
  background: #36C;
}

.product .pro2 .pro2-inner {
  padding-bottom: .24rem;
  border-bottom: 1px solid #E5E5E5;
}

.product .pro2 .pro2-intro {
  padding-top: .7rem;
  padding-bottom: 1.24rem;
  display: flex;
  align-items: flex-start;
  column-gap: 2.85rem;
}

.product .pro2 .pro2-intro .pro2-intro-left {
  width: 7.21rem;
}

.product .pro2 .pro2-intro .pro2-intro-left .pro2-intro-title {
  margin-bottom: .3rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}

.product .pro2 .pro2-intro .pro2-intro-left .pro2-intro-desc {
  margin-bottom: .4rem;
  color: #999;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 162.5%;
}

.product .pro2 .pro2-intro .pro2-intro-left .pro2-intro-taps {
  display: flex;
  flex-wrap: wrap;
  column-gap: .2rem;
  row-gap: .2rem;
}

.product .pro2 .pro2-intro .pro2-intro-left .pro2-intro-taps .pro2-intro-tap {
  padding: .15rem .29rem;
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  border-radius: .5rem;
  background: #36C;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product .pro2 .pro2-intro .pro2-intro-right .pro2-intro-cartitle {
  margin-bottom: .3rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}

.product .pro2 .pro2-intro .pro2-intro-right .pro2-intro-cartype {
  display: flex;
  align-items: flex-start;
  column-gap: .3rem;
}

.product .pro2 .pro2-intro .pro2-intro-right .pro2-intro-cartype .pro2-cartype-item {
  display: flex;
  flex-direction: column;
  row-gap: .14rem;
  align-items: center;
}

.product .pro2 .pro2-intro .pro2-intro-right .pro2-intro-cartype .pro2-cartype-item .pro2-cartype-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border-radius: .1rem;
  background: #F6F6F6;
}

.product .pro2 .pro2-intro .pro2-intro-right .pro2-intro-cartype .pro2-cartype-item .pro2-cartype-box img {
  display: block;
  max-width: .48rem;
  max-height: .45rem;
}

.product .pro2 .pro2-intro .pro2-intro-right .pro2-intro-cartype .pro2-cartype-item p {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}

.product .pro3 {
  padding-top: 1.02rem;
  padding-bottom: .97rem;
  background: #F9F9F9;
}

.product .pro3 .pro3-inner .pro3-h2 {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 103.704%;
  margin-bottom: .24rem;
}

.product .pro3 .pro3-inner .pro3-en {
  color: #96A5AE;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1.8px;
  margin-bottom: .5rem;
}

.product .pro3 .pro3-inner .pro3-ul .pro3-li {
  height: .7rem;
  padding-left: .31rem;
  display: flex;
  align-items: center;
  background: #FFF;
}

.product .pro3 .pro3-inner .pro3-ul .pro3-li .pro3-label {
  width: 2.98rem;
  color: #666;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.product .pro3 .pro3-inner .pro3-ul .pro3-li .pro3-value {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}

.product .pro3 .pro3-inner .pro3-ul .pro3-li:nth-child(2n) {
  background: #F9F9F9;
}

.product .pro4 {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.product .pro4 .pro4-inner {
  margin-left: 1.4rem;
}

.product .pro4 .pro4-inner .pro4-title {
  margin-bottom: .24rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 103.704%;
}

.product .pro4 .pro4-inner .pro4-en {
  color: #96A5AE;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1.8px;
  margin-bottom: .5rem;
}

.product .pro4 .pro4-inner .pro4-swiper {
  display: block;
}

.product .pro4 .pro4-inner .pro4-swiper .swiper-pro4 .swiper-slide {
  width: 9.2rem;
  height: 5.2rem;
  margin-right: .3rem;
  position: relative;
}

.product .pro4 .pro4-inner .pro4-swiper .swiper-pro4 .swiper-slide:last-child {
  margin-right: 0;
}

.product .pro4 .pro4-inner .pro4-swiper .swiper-pro4 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.product .pro4 .pro4-inner .pro4-swiper .swiper-pro4 .swiper-slide .swiper-pro4-text {
  position: absolute;
  left: .45rem;
  bottom: .35rem;
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}

.product .pro4 .pro4-inner .pro4-swiper .pro4-nav {
  margin-top: .4rem;
  margin-right: 1.4rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: .18rem;
}

.product .pro4 .pro4-inner .pro4-swiper .pro4-nav .prev {
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  background: #f4f4f4;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.product .pro4 .pro4-inner .pro4-swiper .pro4-nav .prev img {
  display: block;
  width: .07rem;
  height: .12rem;
  filter: brightness(100) invert(1);
}

.product .pro4 .pro4-inner .pro4-swiper .pro4-nav .prev:hover {
  background: #3366cc;
}

.product .pro4 .pro4-inner .pro4-swiper .pro4-nav .prev:hover img {
  filter: none;
}

.product .pro4 .pro4-inner .pro4-swiper .pro4-nav .next {
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  background: #f4f4f4;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.product .pro4 .pro4-inner .pro4-swiper .pro4-nav .next img {
  display: block;
  width: .07rem;
  height: .12rem;
  filter: brightness(100) invert(1);
  transform: rotate(180deg);
}

.product .pro4 .pro4-inner .pro4-swiper .pro4-nav .next:hover {
  background: #3366cc;
}

.product .pro4 .pro4-inner .pro4-swiper .pro4-nav .next:hover img {
  filter: none;
}

.product .pro5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: .3rem;
  padding-top: 1.18rem;
  padding-bottom: 1.19rem;
  background: #F9F9F9;
}

.product .pro5 img {
  display: block;
  width: 2.52rem;
}

.product .pro5 p {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.contact .banner {
  position: relative;
}

.contact .banner .banner-litpic {
  display: block;
  width: 100%;
}

.contact .banner .banner-text {
  position: absolute;
  display: flex;
  flex-direction: column;
  row-gap: .3rem;
  width: 7.75rem;
  top: 50%;
  transform: translateY(-50%);
  left: 1.4rem;
}

.contact .banner .banner-text h1 {
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.contact .banner .banner-text .banner-desc {
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
  letter-spacing: .02rem;
}

.contact .contact1 {
  padding-top: 1rem;
  padding-bottom: 1.89rem;
}

.contact .contact1 .contact1-h2 {
  color: #333;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: .1rem;
}

.contact .contact1 .contact1-en {
  color: #96A5AE;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1.8px;
}

.contact .contact1 .contact1-inner {
  margin-top: .94rem;
  display: flex;
  align-items: flex-start;
  column-gap: .43rem;
}

.contact .contact1 .contact1-inner .contact1-item {
  width: 5.18rem;
  height: 2.04rem;
  border-radius: .16rem;
  background: #F2F4F8;
  padding: 0 .3rem;
  display: flex;
  align-items: center;
  column-gap: .16rem;
}

.contact .contact1 .contact1-inner .contact1-item:hover {
  background: url("/static/img/img48.png") no-repeat, linear-gradient(113deg, #187CD9 27.97%, #0339AF 94.66%);
  background-size: 100% 100%;
}

.contact .contact1 .contact1-inner .contact1-item:hover .contact1-iconbox img {
  filter: brightness(0) invert(1);
}

.contact .contact1 .contact1-inner .contact1-item:hover .contact1-text .contact1-text-label {
  color: #ffffff;
}

.contact .contact1 .contact1-inner .contact1-item:hover .contact1-text .contact1-text-value {
  color: #ffffff;
}

.contact .contact1 .contact1-inner .contact1-item .contact1-iconbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  flex-shrink: 0;
}

.contact .contact1 .contact1-inner .contact1-item .contact1-iconbox img {
  display: block;
  width: .46rem;
}

.contact .contact1 .contact1-inner .contact1-item .contact1-text {
  display: flex;
  flex-direction: column;
  row-gap: .2rem;
}

.contact .contact1 .contact1-inner .contact1-item .contact1-text .contact1-text-label {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.contact .contact1 .contact1-inner .contact1-item .contact1-text .contact1-text-value {
  color: #0B52BF;
  font-family: Gilroy;
  font-style: normal;
  font-weight: 600;
  line-height: 111.765%;
  word-break: break-word;
}

.contact .contact2 {
  background: url("/static/img/img50.png") no-repeat;
  background-size: 100% auto;
  background-position: top center;
  overflow: hidden;
  padding-bottom: 1.4rem;
}

.contact .contact2 .contact2-h2 {
  margin-top: 1.2rem;
  margin-bottom: .1rem;
  color: #FFF;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.contact .contact2 .contact2-en {
  color: #FFF;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1.8px;
}

.contact .contact2 .contact2-form {
  margin-top: 1rem;
  background: #ffffff;
  box-shadow: 0 2px 53.7px rgba(1, 33, 82, 0.2);
  padding: .9rem .9rem 1rem .9rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: .6rem;
  row-gap: .36rem;
  border-radius: .3rem;
}

.contact .contact2 .contact2-form .contact2-form-item {
  display: flex;
  flex-direction: column;
  row-gap: .24rem;
}

.contact .contact2 .contact2-form .contact2-form-item .contact2-form-label {
  position: relative;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.contact .contact2 .contact2-form .contact2-form-item .contact2-form-label.require {
  padding-left: .18rem;
}

.contact .contact2 .contact2-form .contact2-form-item .contact2-form-label.require::before {
  content: "*";
  position: absolute;
  left: 0;
  font-size: .18rem;
  color: #F00;
}

.contact .contact2 .contact2-form .contact2-form-item .contact2-form__input {
  width: 7rem;
  height: .7rem;
  padding-left: .2rem;
  border: 1px solid #D8D8D8;
  color: #333333;
}

.contact .contact2 .contact2-form .contact2-form-item .contact2-form__input::placeholder {
  color: #999;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.contact .contact2 .contact2-form .contact2-form-item .contact2-form-select {
  position: relative;
}

.contact .contact2 .contact2-form .contact2-form-item .contact2-form-select::after {
  content: "";
  position: absolute;
  width: .2rem;
  height: .09rem;
  background: url("../img/img51.png") no-repeat;
  background-size: 100% 100%;
  top: 50%;
  transform: translateY(-50%);
  right: .4rem;
}

.contact .contact2 .contact2-form .contact2-form-item .contact2-form-select .contact2-form-drop {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 0.12rem 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.contact .contact2 .contact2-form .contact2-form-item .contact2-form-select .contact2-form-drop .contact2-form-drop-item {
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}

.contact .contact2 .contact2-form .contact2-form-item .contact2-form-select .contact2-form-drop .contact2-form-drop-item:hover {
  background: #f5f7fa;
}

.contact .contact2 .contact2-form .contact2-form-item .contact2-form-select:hover .contact2-form-drop {
  display: block;
}

.contact .contact2 .contact2-form .contact2-form-item .contact2-form_textarea {
  display: block;
  width: 14.6rem;
  height: 1.44rem;
  border: 1px solid #D8D8D8;
  resize: none;
  box-sizing: border-box;
  padding: .2rem;
}

.contact .contact2 .contact2-form .contact2-form-submit {
  display: inline-flex;
  margin-top: .36rem;
  padding: .21rem .35rem;
  border-radius: .38rem;
  background: #36C;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: 0;
}

.contact .contact3 {
  padding-top: 1rem;
  padding-bottom: 1.42rem;
}

.contact .contact3 .contact3-inner .contact3-h2 {
  color: #333;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: .1rem;
}

.contact .contact3 .contact3-inner .contact3-en {
  color: #96A5AE;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1.8px;
  margin-bottom: 1.13rem;
}

.contact .contact3 .contact3-inner .contact3-table {
  margin-bottom: .8rem;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-head {
  height: .9rem;
  display: flex;
  background: #F4F6FF;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-head .contact3-th {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-body .contact3-th-box {
  display: flex;
  align-items: center;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-body .contact3-th-box .contact3-th {
  width: 20%;
  height: .9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-bottom: 1px solid #E5E5E5;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-body .contact3-th-box .contact3-th:first-child {
  justify-content: flex-start;
  padding-left: 1.3rem;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-body .contact3-th-box .contact3-th:nth-child(5) {
  color: #36C;
  display: flex;
  align-items: center;
  column-gap: .14rem;
  cursor: pointer;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-body .contact3-th-box.active {
  background: #36C;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-body .contact3-th-box.active .contact3-th {
  color: #ffffff;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-body .contact3-th-box.active .contact3-th img {
  filter: brightness(0) invert(1);
}

.contact .contact3 .contact3-inner .contact3-table .contact3-body .contact3-body-detail {
  padding: .36rem .9rem .4rem 1.3rem;
  border: 1px solid #E5E5E5;
  display: none;
  align-items: flex-start;
  position: relative;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-body .contact3-body-detail .close {
  position: absolute;
  top: .39rem;
  right: .51rem;
  width: .17rem;
  height: .17rem;
  cursor: pointer;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-body .contact3-body-detail .contact3-detail-block:first-child {
  width: 3.5rem;
  margin-right: 1.15rem;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-body .contact3-body-detail .contact3-detail-block:nth-child(2) {
  width: 4.34rem;
  margin-right: 1.31rem;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-body .contact3-body-detail .contact3-detail-block .contact3-detail-title {
  margin-bottom: .3rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-body .contact3-body-detail .contact3-detail-block .contact3-detail-ul {
  display: flex;
  flex-direction: column;
  color: #666;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  row-gap: .18rem;
}

.contact .contact3 .contact3-inner .contact3-table .contact3-body .contact3-body-detail .contact3-detail-block .contact3-detail-ul span {
  color: #36C;
}

.news .banner {
  position: relative;
}

.news .banner .banner-litpic {
  display: block;
  width: 100%;
}

.news .banner .banner-text {
  position: absolute;
  display: flex;
  flex-direction: column;
  row-gap: .3rem;
  width: 7.75rem;
  top: 50%;
  transform: translateY(-50%);
  left: 1.4rem;
}

.news .banner .banner-text h1 {
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.news .banner .banner-text .banner-desc {
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
  letter-spacing: .02rem;
}

.news .news1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.news .news1 .news-inner {
  width: 100%!important;
  display: flex;
  align-items: flex-start;
  column-gap: .91rem;
}

.news .news1 .news-inner .news1-imgbox {
  display: block;
  width: 8.38rem;
  height: 5.1rem;
  border-radius: .18rem;
  overflow: hidden;
}

.news .news1 .news-inner .news1-imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news .news1 .news-inner .news1-right {
  width: 7.09rem;
  padding-top: .62rem;
}

.news .news1 .news-inner .news1-right .news1-date {
  color: #A6A6A6;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  margin-bottom: .4rem;
}

.news .news1 .news-inner .news1-right .news1-title {
  margin-bottom: .3rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 143.75%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news .news1 .news-inner .news1-right .news1-desc {
  color: #666;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 177.778%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.news .news1 .news-inner .news1-right .news1-more {
  margin-top: .6rem;
  padding: 0 .4rem;
  height: .48rem;
  border-radius: .38rem;
  border: .02rem solid #36C;
  display: inline-flex;
  align-items: center;
  column-gap: .08rem;
  color: #36C;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 2;
}

.news .news1 .news-inner .news1-right .news1-more img {
  display: block;
  width: .06rem;
  height: .1rem;
}

.news .news1 .swiper-pagination-news1 {
    width: auto;
    left: 9.29rem;
    bottom: .3rem;
}

.news .news1 .swiper-pagination-news1 .swiper-pagination-bullet {
    width: 12px;
    height: 4px;
    border-radius: 5px;
}

.news .news1 .swiper-pagination-news1 .swiper-pagination-bullet-active {
    width: 20px;
    background: #36C;
}

.news .news2 {
  padding-top: .7rem;
  padding-bottom: 1.3rem;
}

.news .news2 .news2-inner .news2-switch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}

.news .news2 .news2-inner .news2-switch .news2-tabs {
  display: flex;
  align-items: center;
  column-gap: .22rem;
}

.news .news2 .news2-inner .news2-switch .news2-tabs .news2-tabs-item {
  padding: 0 .34rem;
  height: .48rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  border: 1px solid transparent;
  border-radius: .38rem;
  transition: all .5s ease;
}

.news .news2 .news2-inner .news2-switch .news2-tabs .news2-tabs-item.active {
  border: 1px solid #36C;
  color: #36C;
  font-weight: 400;
}

.news .news2 .news2-inner .news2-switch .news2-tabs .news2-tabs-item:hover {
  border: 1px solid #36C;
  color: #36C;
  font-weight: 400;
}

.news .news2 .news2-inner .news2-switch .news-year {
  width: 1.4rem;
  height: .48rem;
  padding: 0 .27rem;
  display: flex;
  align-items: center;
  position: relative;
  border-radius: .38rem;
  border: 1px solid #999;
}

.news .news2 .news2-inner .news2-switch .news-year .news-year__p {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
}

.news .news2 .news2-inner .news2-switch .news-year img {
  display: block;
  width: .08rem;
  height: .05rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .26rem;
}

.news .news2 .news2-inner .news2-switch .news-year .news-yeardrop {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.news .news2 .news2-inner .news2-switch .news-year .news-yeardrop a {
  display: block;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: .34rem;
  line-height: .34rem;
  box-sizing: border-box;
  cursor: pointer;
}

.news .news2 .news2-inner .news2-switch .news-year .news-yeardrop a:hover {
  background-color: #f5f7fa;
}

.news .news2 .news2-inner .news2-switch .news-year:hover .news-yeardrop {
  display: block;
}

.news .news2 .news2-inner .news2-ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: .4rem;
  row-gap: .4rem;
  margin-top: .7rem;
  margin-bottom: 1.2rem;
}

.news .news2 .news2-inner .news2-ul .news2-li {
  width: 5.2rem;
  border-radius: .2rem;
  overflow: hidden;
}

.news .news2 .news2-inner .news2-ul .news2-li .news2-li-imgbox {
  display: block;
  width: 5.2rem;
  height: 3.41rem;
  border-radius: .2rem .2rem 0 0;
  overflow: hidden;
}

.news .news2 .news2-inner .news2-ul .news2-li .news2-li-con {
  height: 2.94rem;
  padding: .4rem .5rem 0;
  background: #F1F5FE;
  position: relative;
  transition: all .5s ease;
}

.news .news2 .news2-inner .news2-ul .news2-li .news2-li-con .news2-li-info {
  display: flex;
  align-items: center;
  column-gap: .1rem;
  margin-bottom: .3rem;
}

.news .news2 .news2-inner .news2-ul .news2-li .news2-li-con .news2-li-info .news2-li__icon {
  display: block;
  width: .16rem;
  height: .16rem;
  transition: all .5s ease;
}

.news .news2 .news2-inner .news2-ul .news2-li .news2-li-con .news2-li-info .news2-li-info-text {
  display: flex;
  align-items: center;
  column-gap: .12rem;
}

.news .news2 .news2-inner .news2-ul .news2-li .news2-li-con .news2-li-info .news2-li-info-text p {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all .5s ease;
}

.news .news2 .news2-inner .news2-ul .news2-li .news2-li-con .news2-li-info .news2-li-info-text .news2-li-info-line {
  display: block;
  width: 1px;
  height: .1rem;
  background: #333;
}

.news .news2 .news2-inner .news2-ul .news2-li .news2-li-con .news2-li-title {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 163.636%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: all .5s ease;
}

.news .news2 .news2-inner .news2-ul .news2-li .news2-li-con .news2-li-more {
  position: absolute;
  bottom: .6rem;
  left: .5rem;
  height: .4rem;
  display: flex;
  align-items: center;
  column-gap: .06rem;
  color: #36C;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  transition: all .5s ease;
}

.news .news2 .news2-inner .news2-ul .news2-li .news2-li-con .news2-li-more img {
  display: block;
  width: .06rem;
  height: .1rem;
  transition: all .3s ease;
}

.news .news2 .news2-inner .news2-ul .news2-li:hover .news2-li-con {
  background: linear-gradient(113deg, #36C 29.35%, #17347D 99.34%);
}

.news .news2 .news2-inner .news2-ul .news2-li:hover .news2-li-con .news2-li-info .news2-li__icon {
  filter: brightness(0) invert(1);
}

.news .news2 .news2-inner .news2-ul .news2-li:hover .news2-li-con .news2-li-info .news2-li-info-text p {
  color: #ffffff;
}

.news .news2 .news2-inner .news2-ul .news2-li:hover .news2-li-con .news2-li-info .news2-li-info-text .news2-li-info-line {
  background: #ffffff;
}

.news .news2 .news2-inner .news2-ul .news2-li:hover .news2-li-con .news2-li-title {
  color: #ffffff;
}

.news .news2 .news2-inner .news2-ul .news2-li:hover .news2-li-con .news2-li-more {
  padding: 0 .31rem;
  border-radius: .2rem;
  border: .02rem solid #FFF;
  color: #ffffff;
}

.news .news2 .news2-inner .news2-ul .news2-li:hover .news2-li-con .news2-li-more img {
  filter: brightness(0) invert(1);
}

.newdetail {
  background: #F9F9F9;
  padding-top: 1.6rem;
  padding-bottom: 1.2rem;
}

.newdetail .newdetail-inner {
  display: flex;
  align-items: flex-start;
  column-gap: .3rem;
}

.newdetail .newdetail-inner .newdetail-main {
  width: 12.33rem;
  padding: .62rem .57rem .8rem;
  border-radius: .12rem;
  background: #ffffff;
}

.newdetail .newdetail-inner .newdetail-main .newdetail-base {
  padding-bottom: .51rem;
  border-bottom: 1px solid #E9E9E9;
}

.newdetail .newdetail-inner .newdetail-main .newdetail-base .newdetail-title {
  margin-bottom: .36rem;
  color: #393737;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.newdetail .newdetail-inner .newdetail-main .newdetail-base .newdetail-info {
  display: flex;
  align-items: center;
  column-gap: .6rem;
}

.newdetail .newdetail-inner .newdetail-main .newdetail-base .newdetail-info .newdetail-date {
  color: #666;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.newdetail .newdetail-inner .newdetail-main .newdetail-base .newdetail-info .newdetail-share {
  display: flex;
  align-items: center;
  column-gap: .154rem;
}

.newdetail .newdetail-inner .newdetail-main .newdetail-base .newdetail-info .newdetail-share .newdetail-wx {
  display: block;
  width: .3rem;
  height: .3rem;
  position: relative;
}

.newdetail .newdetail-inner .newdetail-main .newdetail-base .newdetail-info .newdetail-share .newdetail-wx .newdetail-wx__icon {
  display: block;
  width: 100%;
  height: 100%;
}

.newdetail .newdetail-inner .newdetail-main .newdetail-base .newdetail-info .newdetail-share .newdetail-wb {
  display: block;
  width: .3rem;
  height: .3rem;
  position: relative;
}

.newdetail .newdetail-inner .newdetail-main .newdetail-base .newdetail-info .newdetail-share .newdetail-wb .newdetail-wx__icon {
  display: block;
  width: 100%;
  height: 100%;
}

.newdetail .newdetail-inner .newdetail-main .newdetail-article {
  padding-top: .405rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 166.667%;
}

.newdetail .newdetail-inner .newdetail-main .newdetail-article p {
  margin-bottom: .2rem;
}

.newdetail .newdetail-inner .newdetail-main .newdetail-article img {
  /*display: block;*/
  max-width: 100%;
  /*margin-top: .34rem;*/
  /*margin-bottom: .34rem;*/
  display: inline-block;
}

.newdetail .newdetail-inner .newdetail-side {
  position: sticky;
  top: 1rem;
  width: 3.77rem;
}

.newdetail .newdetail-inner .newdetail-side .newdetail-command {
  padding: .62rem .38rem .46rem;
  background: #ffffff;
  border-radius: .12rem;
  margin-bottom: .26rem;
}

.newdetail .newdetail-inner .newdetail-side .newdetail-command .newdetail-command-title {
  color: #393737;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: relative;
  margin-bottom: .4rem;
}

.newdetail .newdetail-inner .newdetail-side .newdetail-command .newdetail-command-title:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -.38rem;
  width: 2px;
  height: .3rem;
  background: #1F4CC1;
}

.newdetail .newdetail-inner .newdetail-side .newdetail-command .newdetail-command-ul {
  display: flex;
  flex-direction: column;
  row-gap: .36rem;
}

.newdetail .newdetail-inner .newdetail-side .newdetail-command .newdetail-command-ul .newdetail-command-li .newdetail-command-li-title {
  margin-bottom: .18rem;
  color: #393737;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.newdetail .newdetail-inner .newdetail-side .newdetail-command .newdetail-command-ul .newdetail-command-li .newdetail-command-li-date {
  color: #999;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.newdetail .newdetail-inner .newdetail-side .newdetail-nav {
  padding-top: .62rem;
  background: #ffffff;
  border-radius: .12rem;
  overflow: hidden;
}

.newdetail .newdetail-inner .newdetail-side .newdetail-nav .newdetail-nav-title {
  color: #393737;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: relative;
  margin-bottom: .4rem;
  padding: 0 .38rem;
}

.newdetail .newdetail-inner .newdetail-side .newdetail-nav .newdetail-nav-title:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -.38rem;
  width: 2px;
  height: .3rem;
  background: #1F4CC1;
}

.newdetail .newdetail-inner .newdetail-side .newdetail-nav .newdetail-nav-ul {
  display: flex;
  flex-direction: column;
  row-gap: .36rem;
  margin-bottom: .46rem;
  padding: 0 .38rem;
}

.newdetail .newdetail-inner .newdetail-side .newdetail-nav .newdetail-nav-ul .newdetail-nav-li .newdetail-nav-li-title {
  color: #393737;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.newdetail .newdetail-inner .newdetail-side .newdetail-nav .newdetail-nav-ul .newdetail-nav-li .newdetail-nav-li-date {
  color: #999;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.newdetail .newdetail-inner .newdetail-side .newdetail-nav .newdetail-nav-btn {
  height: .54rem;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: .21rem;
  background: #36C;
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

.newdetail .newdetail-inner .newdetail-side .newdetail-nav .newdetail-nav-btn img {
  display: block;
  width: .16rem;
  height: .15rem;
}

.about .banner {
  position: relative;
}

.about .banner .banner-litpic {
  display: block;
  width: 100%;
}

.about .banner .banner-text {
  position: absolute;
  display: flex;
  flex-direction: column;
  row-gap: .3rem;
  width: 7.75rem;
  top: 50%;
  transform: translateY(-50%);
  left: 1.4rem;
}

.about .banner .banner-text h1 {
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.about .banner .banner-text .banner-desc {
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
  letter-spacing: .02rem;
}

.about .about1 {
  background: url("../img/img65.png") no-repeat;
  background-size: 100% auto;
  background-position: top center;
  padding-top: 1.3rem;
  margin-bottom: 1.8rem;
  position: relative;
  overflow: hidden;
}

.about .about1 .about1-title {
  margin-bottom: 6.03rem;
}

.about .about1 .about1-title .about1-h2 {
  margin-bottom: .1rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.about .about1 .about1-title .about1-en {
  color: #96A5AE;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1.8px;
}

.about .about1 .about1-line {
  position: absolute;
  width: 1px;
  top: 2.1rem;
  left: 50%;
  bottom: 0;
  height: calc(100% - 2.1rem);
  transform: translateX(-50%);
  background: rgba(51, 102, 204, 0.3);
}

.about .about1 .about1-line .about1-line-dot {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: .18rem;
  height: .18rem;
  border-radius: 50%;
  background: #36C;
}

.about .about1 .about1-line .about1-line-thumb {
  position: absolute;
  top: 0;
  width: 1px;
  height: 1.83rem;
  background: #36C;
  transition: all 1s ease;
}

.about .about1 .about1-line.active .about1-line-thumb {
  height: 100%;
}

.about .about1 .about1-solution {
  position: absolute;
  top: 3.45rem;
  left: 10.65rem;
}

.about .about1 .about1-solution .about1-solution-thin {
  margin-bottom: .2rem;
  color: #36C;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.about .about1 .about1-solution .about1-solution-bold {
  color: #36C;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.about .about1 .about1-since {
  position: absolute;
  top: 4.94rem;
  left: 3.27rem;
  /*left: 2.51rem;*/
  display: flex;
  align-items: center;
  column-gap: .4rem;
}

.about .about1 .about1-since .about1-since-thin {
  color: #6E9DFB;
  font-family: Gotham;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 250;
  line-height: normal;
}

.about .about1 .about1-since .about1-since-bold {
  color: #36C;
  font-family: Gotham;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.about .about1 .about1-con {
  display: flex;
  align-items: flex-start;
  column-gap: 1.12rem;
}

.about .about1 .about1-con .about1-con-imgbox {
  width: 9.53rem;
  height: 6.28rem;
  border-radius: 0 .4rem 0 0;
  overflow: hidden;
}

.about .about1 .about1-con .about1-con-imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}

.about .about1 .about1-con .about1-con-text {
  width: 7.15rem;
}

.about .about1 .about1-con .about1-con-text .about1-con-text-top {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
  padding-bottom: .285rem;
  border-bottom: 1px solid #E3E3E3;
}

.about .about1 .about1-con .about1-con-text .about1-con-text-top span {
  color: #36C;
}

.about .about1 .about1-con .about1-con-text .about1-con-text-top p {
  margin-bottom: .36rem;
}

.about .about1 .about1-con .about1-con-text .about1-con-num-box {
  display: flex;
  justify-content: space-between;
  margin-top: .52rem;
}

.about .about1 .about1-con .about1-con-text .about1-con-num-box .about1-con-num {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.about .about1 .about1-con .about1-con-text .about1-con-num-box .about1-con-num .about1-con-numt {
  color: #36C;
  font-family: Gilroy;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
  align-items: flex-start;
  column-gap: .02rem;
  margin-bottom: .12rem;
}

.about .about1 .about1-con .about1-con-text .about1-con-num-box .about1-con-num .about1-con-numt .about1-con-numt-unit {
  color: #36C;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}

.about .about1 .about1-con .about1-con-text .about1-con-num-box .about1-con-num .about1-con-numt .about1-con-numt-unit img {
  display: block;
  width: .26rem;
}

.about .about1 .about1-con .about1-con-text .about1-con-num-box .about1-con-num .about1-con-num__p {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.about .about2 {
  padding-top: .16rem;
  padding-bottom: 1.21rem;
}

.about .about2 .about2-title {
  margin-bottom: .8rem;
}

.about .about2 .about2-title .about2-h2 {
  margin-bottom: .1rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.about .about2 .about2-title .about2-en {
  color: #96A5AE;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1.8px;
}

.about .about2 .about2-con {
  margin-left: 1.4rem;
  display: flex;
  align-items: flex-start;
  column-gap: .6rem;
}

.about .about2 .about2-con .about2-conl {
  width: 6.27rem;
  height: 4.62rem;
  padding-top: .4rem;
  position: relative;
}

.about .about2 .about2-con .about2-conl .about2-desc {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
}

.about .about2 .about2-con .about2-conl .about2-nav {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  column-gap: .18rem;
}

.about .about2 .about2-con .about2-conl .about2-nav .prev {
  display: flex;
  width: .54rem;
  height: .54rem;
  cursor: pointer;
}

.about .about2 .about2-con .about2-conl .about2-nav .prev img {
  display: block;
  width: 100%;
  height: 100%;
}

.about .about2 .about2-con .about2-conl .about2-nav .prev .img1 {
  display: none;
}

.about .about2 .about2-con .about2-conl .about2-nav .prev .img2 {
  display: block;
  transform: rotate(180deg);
}

.about .about2 .about2-con .about2-conl .about2-nav .prev:hover .img1 {
  display: block;
}

.about .about2 .about2-con .about2-conl .about2-nav .prev:hover .img2 {
  display: none;
}

.about .about2 .about2-con .about2-conl .about2-nav .next {
  display: flex;
  width: .54rem;
  height: .54rem;
  cursor: pointer;
}

.about .about2 .about2-con .about2-conl .about2-nav .next img {
  display: block;
  width: 100%;
  height: 100%;
}

.about .about2 .about2-con .about2-conl .about2-nav .next .img1 {
  display: none;
  transform: rotate(180deg);
}

.about .about2 .about2-con .about2-conl .about2-nav .next .img2 {
  display: block;
}

.about .about2 .about2-con .about2-conl .about2-nav .next:hover .img1 {
  display: block;
}

.about .about2 .about2-con .about2-conl .about2-nav .next:hover .img2 {
  display: none;
}

.about .about2 .about2-con .about2-conr {
  display: block;
  width: 10.92rem;
  overflow: hidden;
}

.about .about2 .about2-con .about2-conr .swiper-about2 .swiper-slide {
  width: 3.77rem;
  margin-right: .2rem;
  height: 4.62rem;
  border-radius: .2rem;
  position: relative;
}

.about .about2 .about2-con .about2-conr .swiper-about2 .swiper-slide:last-child {
  margin-right: 0;
}

.about .about2 .about2-con .about2-conr .swiper-about2 .swiper-slide .swiper-about2__icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: .78rem;
}

.about .about2 .about2-con .about2-conr .swiper-about2 .swiper-slide .swiper-about2__p {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: .34rem;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.about .about3 {
  width: 100%;
  height: 8.56rem;
  padding-top: 1.3rem;
  position: relative;
}

.about .about3 .about3-title .about3-h2 {
  margin-bottom: .1rem;
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-align: center;
}

.about .about3 .about3-title .about3-en {
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1.8px;
  text-align: center;
}

.about .about3 .about3-ul {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1rem;
  display: flex;
  align-items: flex-end;
  column-gap: .25rem;
}

.about .about3 .about3-ul .about3-li {
  width: 5.3rem;
  height: 1.2rem;
  padding: .36rem .4rem .12rem .4rem;
  border-radius: .16rem;
  background: #F1F5FE;
  overflow: hidden;
  transition: all .5s ease;
}

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

.about .about3 .about3-ul .about3-li .about3-li-title .about3-li__icon {
  display: block;
  height: .4rem;
  transition: all .5s ease;
}

.about .about3 .about3-ul .about3-li .about3-li-title .about3-li__p {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  transition: all .5s ease;
}

.about .about3 .about3-ul .about3-li .about3-li-desc {
  color: #333333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
  padding-bottom: .34rem;
  opacity: 0;
  transition: all .5s ease;
}

.about .about3 .about3-ul .about3-li:hover {
  height: 1.87rem;
  background: linear-gradient(113deg, #187CD9 29.35%, #0339AF 99.34%);
}

.about .about3 .about3-ul .about3-li:hover .about3-li-title .about3-li__icon {
  filter: brightness(0) invert(1);
}

.about .about3 .about3-ul .about3-li:hover .about3-li-title .about3-li__p {
  color: #ffffff;
}

.about .about3 .about3-ul .about3-li:hover .about3-li-desc {
  opacity: 1;
  color: #ffffff;
}

.search {
  background: #F9F9F9;
  padding-bottom: 3rem;
}

.search .banner {
  height: 6.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #ffffff;
}

.search .banner .banner-text {
  margin-bottom: .47rem;
}

.search .banner .banner-text .banner-text-h1 {
  color: #1F1F1F;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  letter-spacing: 2.3px;
}

.search .banner .banner-text .banner-text-en {
  color: #9EABC7;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 138.889%;
  margin-top: .1rem;
}

.search .banner .banner-search {
  width: 8.72rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.search .banner .banner-search .banner-searchl {
  width: 7.21rem;
  height: .72rem;
  border-radius: .05rem;
  border: 1px solid #999;
  background: #FFF;
  display: flex;
  align-items: center;
}

.search .banner .banner-search .banner-searchl .banner-search-select {
  display: flex;
  align-items: center;
  width: .93rem;
  height: .72rem;
  column-gap: .09rem;
  position: relative;
}

.search .banner .banner-search .banner-searchl .banner-search-select .banner-search-select__input {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  box-sizing: border-box;
  padding-left: .22rem;
  display: block;
  width: .93rem;
}

.search .banner .banner-search .banner-searchl .banner-search-select .banner-search__icon {
  display: block;
  width: .09rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .13rem;
}

.search .banner .banner-search .banner-searchl .banner-search-select::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: .32rem;
  background: rgba(0, 0, 0, 0.1);
}

.search .banner .banner-search .banner-searchl .banner-search-select .drop {
  display: none;
  position: absolute;
  top: 100%;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.search .banner .banner-search .banner-searchl .banner-search-select .drop .drop-item {
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}

.search .banner .banner-search .banner-searchl .banner-search-select .drop .drop-item:hover {
  background-color: #f5f7fa;
}

.search .banner .banner-search .banner-searchl .banner-search-select:hover .drop {
  display: block;
}

.search .banner .banner-search .banner-searchl .banner-search__input {
  display: block;
  width: 6.28rem;
  height: .72rem;
  box-sizing: border-box;
  padding-left: .17rem;
  color: #333333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  border: 0;
  background: transparent;
}

.search .banner .banner-search .banner-searchl .banner-search__input::placeholder {
  color: #999;
}

.search .banner .banner-search .banner-searchr {
  border: 0;
  width: 1.48rem;
  height: .72rem;
  border-radius: 5px;
  background: #36C;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: .145rem;
  color: #FFF;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
}

.search .banner .banner-search .banner-searchr img {
  display: block;
  width: .17rem;
  height: .17rem;
}

.search .search-main {
  padding-top: .44rem;
}

.search .search-main .search-inner .search-switch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .44rem;
}

.search .search-main .search-inner .search-switch .search-result {
  color: #000;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
}

.search .search-main .search-inner .search-switch .search-result span {
  color: #36C;
}

.search .search-main .search-inner .search-switch .search-tabs {
  display: flex;
  align-items: center;
  column-gap: .23rem;
  border-radius: .38rem;
}

.search .search-main .search-inner .search-switch .search-tabs .search-tab {
  min-width: 1.4rem;
  padding: .14rem .3rem .14rem .35rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  border-radius: .38rem;
  box-sizing: border-box;
  border: 1px solid transparent;
}

.search .search-main .search-inner .search-switch .search-tabs .search-tab.active {
  border: 1px solid #36C;
  color: #36C;
  font-weight: 400;
}

.search .search-main .search-inner .search-switch .search-tabs .search-tab:hover {
  border: 1px solid #36C;
  color: #36C;
  font-weight: 400;
}

.search .news2-ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: .4rem;
  row-gap: .4rem;
  margin-top: .7rem;
}

.search .news2-ul .news2-li {
  width: 5.2rem;
  border-radius: .2rem;
  overflow: hidden;
}

.search .news2-ul .news2-li .news2-li-imgbox {
  display: block;
  width: 5.2rem;
  height: 3.41rem;
  border-radius: .2rem .2rem 0 0;
  overflow: hidden;
}

.search .news2-ul .news2-li .news2-li-con {
  height: 2.94rem;
  padding: .4rem .5rem 0;
  background: #F1F5FE;
  position: relative;
  transition: all .5s ease;
}

.search .news2-ul .news2-li .news2-li-con .news2-li-info {
  display: flex;
  align-items: center;
  column-gap: .1rem;
  margin-bottom: .3rem;
}

.search .news2-ul .news2-li .news2-li-con .news2-li-info .news2-li__icon {
  display: block;
  width: .16rem;
  height: .16rem;
  transition: all .5s ease;
}

.search .news2-ul .news2-li .news2-li-con .news2-li-info .news2-li-info-text {
  display: flex;
  align-items: center;
  column-gap: .12rem;
}

.search .news2-ul .news2-li .news2-li-con .news2-li-info .news2-li-info-text p {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all .5s ease;
}

.search .news2-ul .news2-li .news2-li-con .news2-li-info .news2-li-info-text .news2-li-info-line {
  display: block;
  width: 1px;
  height: .1rem;
  background: #333;
}

.search .news2-ul .news2-li .news2-li-con .news2-li-title {
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 163.636%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: all .5s ease;
}

.search .news2-ul .news2-li .news2-li-con .news2-li-more {
  position: absolute;
  bottom: .6rem;
  left: .5rem;
  height: .4rem;
  display: flex;
  align-items: center;
  column-gap: .06rem;
  color: #36C;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  transition: all .5s ease;
}

.search .news2-ul .news2-li .news2-li-con .news2-li-more img {
  display: block;
  width: .06rem;
  height: .1rem;
  transition: all .3s ease;
}

.search .news2-ul .news2-li:hover .news2-li-con {
  background: linear-gradient(113deg, #36C 29.35%, #17347D 99.34%);
}

.search .news2-ul .news2-li:hover .news2-li-con .news2-li-info .news2-li__icon {
  filter: brightness(0) invert(1);
}

.search .news2-ul .news2-li:hover .news2-li-con .news2-li-info .news2-li-info-text p {
  color: #ffffff;
}

.search .news2-ul .news2-li:hover .news2-li-con .news2-li-info .news2-li-info-text .news2-li-info-line {
  background: #ffffff;
}

.search .news2-ul .news2-li:hover .news2-li-con .news2-li-title {
  color: #ffffff;
}

.search .news2-ul .news2-li:hover .news2-li-con .news2-li-more {
  padding: 0 .31rem;
  border-radius: .2rem;
  border: .02rem solid #FFF;
  color: #ffffff;
}

.search .news2-ul .news2-li:hover .news2-li-con .news2-li-more img {
  filter: brightness(0) invert(1);
}

.search .sol1-ul {
  display: flex;
  flex-direction: column;
  row-gap: .95rem;
  margin-bottom: .9rem;
}

.search .sol1-ul .sol1-li {
  display: flex;
  column-gap: .93rem;
}

.search .sol1-ul .sol1-li .sol1-li-imgbox {
  overflow: hidden;
  width: 8.38rem;
  height: 5.1rem;
  border-radius: .18rem;
  flex-shrink: 0;
}

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

.search .sol1-ul .sol1-li .sol1-li-con {
  width: 7.07rem;
  padding-top: .62rem;
}

.search .sol1-ul .sol1-li .sol1-li-con .sol1-li-sign {
  color: #A6A6A6;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  margin-bottom: .4rem;
}

.search .sol1-ul .sol1-li .sol1-li-con .sol1-li-title {
  margin-bottom: .33rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 143.75%;
}

.search .sol1-ul .sol1-li .sol1-li-con .sol1-li-desc {
  color: #666;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 300;
  line-height: 177.778%;
}

.search .sol1-ul .sol1-li .sol1-li-con .sol1-li-btn {
  margin-top: .5rem;
  padding: 0 .4rem;
  height: .48rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #36C;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  column-gap: .08rem;
  border: .02rem solid #36C;
  border-radius: .38rem;
}

.search .sol1-ul .sol1-li .sol1-li-con .sol1-li-btn img {
  display: block;
  width: .06rem;
  height: .1rem;
}

.search .sol1-ul .sol1-li:nth-child(2n) {
  flex-direction: row-reverse;
}

.search .pro1-con {
  display: flex;
  flex-wrap: wrap;
  gap: .24rem;
  margin-bottom: .6rem;
}

.search .pro1-con .pro1-con-item {
  width: 5.27rem;
  height: 6.69rem;
  border-radius: .16rem;
  background: #FFF;
  transition: all .5s ease;
  position: relative;
  overflow: hidden;
}

.search .pro1-con .pro1-con-item:hover {
  box-shadow: 0 0 0.76rem 0 rgba(0, 0, 0, 0.08);
}

.search .pro1-con .pro1-con-item:hover .pro1-con-info {
  transform: translateY(0);
}

.search .pro1-con .pro1-con-item .imgbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.3rem;
}

.search .pro1-con .pro1-con-item .imgbox img {
  display: block;
  max-width: 2.57rem;
  max-height: 2.57rem;
}

.search .pro1-con .pro1-con-item .pro1-con-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: .43rem;
  padding-left: .39rem;
  transition: all .5s ease;
  transform: translateY(calc( .83rem + 1px));
}

.search .pro1-con .pro1-con-item .pro1-con-info .pro1-con-title {
  margin-bottom: .12rem;
  color: #333;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 500;
  line-height: 108.333%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.search .pro1-con .pro1-con-item .pro1-con-info .pro1-con-desc {
  color: #999;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 162.5%;
}

.search .pro1-con .pro1-con-item .pro1-con-info .pro1-con-btn {
  padding: .13rem .29rem .13rem .29rem;
  border-radius: .2rem;
  height: .4rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: .1rem;
  background: #36C;
  margin-top: .36rem;
}

.search .pro1-con .pro1-con-item .pro1-con-info .pro1-con-btn p {
  color: #FFF;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.search .pro1-con .pro1-con-item .pro1-con-info .pro1-con-btn img {
  display: block;
  width: .06rem;
  height: .1rem;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: .07rem;
}

.pagination a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: .48rem;
  height: .48rem;
  border-radius: 50%;
}

.pagination a.prev {
  margin-right: .2rem;
}

.pagination a.prev img {
  display: block;
  width: .12rem;
  height: .22rem;
}

.pagination a.next {
  margin-left: .2rem;
}

.pagination a.next img {
  display: block;
  width: .12rem;
  height: .22rem;
}

.pagination a.page {
  color: #333;
  font-family: Poppins;
  font-size: .16rem;
  font-style: normal;
  font-weight: 400;
}

.pagination a.page:hover {
  color: #ffffff;
  background: #36C;
}

.pagination a.page.active {
  color: #ffffff;
  background: #36C;
}