:root {
  --logoColor: #184189;
}

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("https://oss-shunyu.oss-cn-hangzhou.aliyuncs.com/static/fonts/fontawesome-webfont.eot");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HarmonyOS_Sans_SC_Light";
  src: url("https://oss-shunyu.oss-cn-hangzhou.aliyuncs.com/static/fonts/fontawesome-webfont.eot");
  font-weight: normal;
  font-style: normal;
}

@keyframes scale {
  0% {
    opacity: 0.8;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(8);
  }
}

@keyframes scale2 {
  0% {
    opacity: 0.8;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(2);
  }
}

.hl {
  font-family: "HarmonyOS_Sans_SC_Light";
}

.w1700 {
  width: 42.5rem;
  max-width: 90%;
  margin: 0 auto;
}

.w1640 {
  width: 41rem;
  max-width: 90%;
  margin: 0 auto;
}

.tac {
  text-align: center;
}

.lh1 {
  line-height: 1;
}

.fonb {
  font-weight: bold;
}

.bgf6 {
  background-color: #f6f8fb;
}

.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-tit {
  font-size: 1rem;
  font-weight: bold;
  color: #333333;
  line-height: 1.5;
}

.products-info .main-tit {
    /*font-size: 1.45rem;*/
}

.main-tit span {
  color: #0067ff;
}

.main-tit.colOth {
  color: #fff;
}

.main-sub {
  margin-top: 0.2rem;
  color: rgba(51, 51, 51, 0.6);
  font-size: 0.45rem;
  line-height: 1.3;
  font-family: "HarmonyOS_Sans_SC_Light";
  letter-spacing: 2px;
}

.main-sub.colOth {
  color: #fff;
}

.main-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 1rem;
  border-top-left-radius: 0.55rem;
  border-bottom-right-radius: 0.55rem;
  border: 1px solid var(--logoColor);
  color: var(--logoColor);
  transition: all 0.4s;
}

.main-more p {
  margin-right: 0.5rem;
}

.main-more.other {
  background-color: var(--logoColor);
  color: #fff;
}

.main-more.other:hover {
  transform: translateY(-0.25rem);
}

.main-more:hover {
  background-color: var(--logoColor);
  color: #fff;
}
.products-info .box3 .main-swiper .swiper-button-prev,
.products-info .box3 .main-swiper .swiper-button-next {
    height: 10.85rem;
}
.application .box5 .main-swiper .swiper-button-prev,
.application .box5 .main-swiper .swiper-button-next {
      height: 10.85rem;
}
.main-swiper .swiper-button-prev,
.main-swiper .swiper-button-next {
  width: 3.5rem;
  height: 100%;
  top: 0;
  margin: 0;
  transform: translate(0);
  background-color: rgba(30, 31, 38, 0.28);
  color: #fff;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  transition: all 0.4s;
}

.main-swiper .swiper-button-prev::after,
.main-swiper .swiper-button-next::after {
  font-size: 0.7rem;
}

.main-swiper .swiper-button-prev:hover,
.main-swiper .swiper-button-next:hover {
  background-color: var(--logoColor);
}

.main-swiper .swiper-button-prev {
  left: -3.5rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.main-swiper .swiper-button-next {
  right: -3.5rem;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.main-swiper .swiper-button-next.swiper-button-disabled,
.main-swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.main-swiper .swiper-slide {
  width: 32.7%;
  margin-right: 0.6%;
}

.side-swiper {
  position: relative;
}

.side-swiper .swiper-button-prev,
.side-swiper .swiper-button-next {
  bottom: calc(100% + 0.6rem);
  top: auto;
  margin: 0;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background-color: #adb4c0;
  color: #fff;
  transition: all 0.4s;
}

.side-swiper .swiper-button-prev::after,
.side-swiper .swiper-button-next::after {
  font-size: 0.4rem;
}

.side-swiper .swiper-button-prev:hover,
.side-swiper .swiper-button-next:hover {
  background-color: var(--logoColor);
}

.side-swiper .swiper-button-prev {
  left: auto;
  right: 1.6rem;
}

.side-swiper .swiper-button-next {
  right: 0;
}

.pro-swiper .swiper-pagination {
  top: 50%;
  left: -1.85rem;
  transform: translateY(-50%);
  line-height: 1;
}

.pro-swiper .swiper-pagination .swiper-pagination-bullet {
  display: block;
  position: relative;
  width: 0.25rem;
  height: 0.25rem;
  background-color: var(--logoColor);
  margin: 0.8rem 0;
  transition: all 0.4s;
}

.pro-swiper .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.4rem;
  margin-left: -0.4rem;
  transform: scale(0);
  transform-origin: center;
  width: 0.8rem;
  height: 0.8rem;
  background-size: 0.8rem 0.8rem;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/36.png);
  transition: all 0.4s;
}

.pro-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: transparent;
}

.pro-swiper .swiper-pagination .swiper-pagination-bullet-active::after {
  transform: scale(1);
}

.page-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-box a {
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  border-radius: 50%;
  color: #333333;
  margin-right: 0.4rem;
  transition: all 0.4s;
}

.page-box a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
  width: 0.95rem;
  height: 1px;
  background-color: var(--logoColor);
  opacity: 0;
  transition: all 0.4s;
}

.page-box a:last-child {
  margin-right: 0;
}

.page-box a[rel="prev"],
.page-box a[rel="next"] {
  width: 1.05rem;
  height: 1.05rem;
  line-height: 1rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.19);
  font-size: 0.5rem;
  color: #fff;
}

.page-box a[rel="prev"]::after,
.page-box a[rel="next"]::after {
  display: none;
}

.page-box a[rel="prev"]:hover,
.page-box a[rel="next"]:hover {
  background-color: var(--logoColor);
}

.page-box a[rel="prev"] {
  margin-right: 0.9rem;
}

.page-box a[rel="next"] {
  margin-left: 0.5rem;
}

.page-box a:hover::after,
.page-box a.active::after {
  opacity: 1;
}

.footer {
  background-color: #1e1f26;
}

.footer.footer2 {
  background-color: transparent;
}

.footer .top {
  height: 13.75rem;
  padding-bottom: 2.8rem;
}

.footer .top .wrap {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.footer .top .lf .icon {
  width: 6.9rem;
}

.footer .top .lf .icon img {
  width: 100%;
}

.footer .top .lf .tel {
  margin-top: 1.35rem;
  color: #ffffff;
}

.footer .top .lf .timeSlot {
  margin-top: 0.45rem;
  color: #ffffff;
}

.footer .top .rg {
  display: flex;
}

.footer .top .rg a {
  width: 3.25rem;
  padding-bottom: 1.05rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  color: #fff;
  margin-right: 1.9rem;
  transition: all 0.4s;
}

.footer .top .rg a:last-child {
  margin-right: 0;
}

.footer .top .rg a::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0.7rem;
  height: 2px;
  background-color: var(--logoColor);
}

.footer .top .rg a:hover {
  letter-spacing: 2px;
}

.footer .btm {
  background-color: rgba(255, 255, 255, 0.05);
  padding: 0.35rem 0;
}

.footer .btm .wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.footer .btm .copyright {
  display: flex;
  align-items: center;
}

.footer .btm .copyright a {
  color: rgba(188, 188, 188, 0.42);
  padding-right: 0.15rem;
  margin-right: 0.15rem;
  border-right: 1px solid rgba(188, 188, 188, 0.42);
  transition: all 0.4s;
}

.footer .btm .copyright a:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}

.footer .btm .copyright a:hover {
  color: #fff;
}

.footer .btm .focus {
  display: flex;
  align-items: center;
}

.footer .btm .focus p {
  color: rgba(255, 255, 255, 0.4);
  margin-right: 0.5rem;
}

.footer .btm .focus a {
  width: 1rem;
  margin-right: 0.5rem;
  position: relative;
}
.footer .btm .focus a .code{position: absolute;bottom: 120%;left: 50%;transform: translateX(-50%);width: 140px;opacity: 0;pointer-events: none;transition:all 0.5s;}
.footer .btm .focus a:hover .code{opacity:1;}

.footer .btm .focus a:last-child {
  margin-right: 0;
}

.index-ban {
  position: relative;
  width: 100%;
}

.index-ban .index-swiper {
  width: 100%;
  height: 40vw;
}

.index-ban .index-swiper .swiper-slide {
  width: 100%;
  display: block;
}

.index-ban .index-swiper .swiper-slide img,
.index-ban .index-swiper .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-ban .index-swiper .swiper-slide .pos-cont {
  position: absolute;
  top: 23%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}

.index-ban .index-swiper .swiper-slide .pos-cont .sub {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin-top: 0.7rem;
  padding-bottom: 0.45rem;
  /*border-bottom: 1px solid rgba(255, 255, 255, 0.34);*/
}

/*.index-ban .index-swiper .swiper-slide .pos-cont .sub::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  bottom: -1px;*/
/*  left: 0;*/
/*  width: 4.1rem;*/
/*  height: 2px;*/
/*  background-color: #fff;*/
/*}*/

.index-ban .index-swiper .swiper-slide .pos-cont .txt {
  margin-top: 0.4rem;
}

.index-ban .index-swiper .swiper-slide .pos-cont .more {
  margin-top: 1.5rem;
}

.index-ban .swiper-box {
  position: absolute;
  bottom: 1.25rem;
  left: 3.5rem;
  width: 16rem;
  height: 2.25rem;
}

.index-ban .swiper-box .swiper-button-prev,
.index-ban .swiper-box .swiper-button-next {
  top: 0;
  margin: 0;
  transform: translate(0);
  width: 1rem;
  height: 2.25rem;
  background-color: #B2B6BF;
  color: #fff;
  transition: all 0.4s;
}

.index-ban .swiper-box .swiper-button-prev::after,
.index-ban .swiper-box .swiper-button-next::after {
  font-size: 0.5rem;
}

.index-ban .swiper-box .swiper-button-prev:hover,
.index-ban .swiper-box .swiper-button-next:hover {
  background-color: var(--logoColor);
}

.index-ban .swiper-box .swiper-button-prev {
  left: 0;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.index-ban .swiper-box .swiper-button-next {
  right: 0;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.index-ban .swiper-box .thumb-swiper {
  width: calc(100% - 2.5rem);
  height: 100%;
}

.index-ban .swiper-box .thumb-swiper .swiper-slide {
  position: relative;
  width: 32%;
  height: 100%;
  margin-right: 2%;
  padding: 5px;
  background-color: #bec1c7;
  border: 1px solid #fff;
  transition: all 0.4s;
}

.index-ban .swiper-box .thumb-swiper .swiper-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  transition: all .4s;
}

.index-ban .swiper-box .thumb-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-ban .swiper-box .thumb-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.index-ban .swiper-box .thumb-swiper .swiper-slide-thumb-active {
  background-color: #fff;
  border-color: #045ee2;
}

.index-ban .swiper-box .thumb-swiper .swiper-slide-thumb-active::after {
  opacity: 0;
}

.index .activity {
  padding: 1.6rem 0 1.6rem;
  overflow: hidden;
}

.index .activity .activity-swiper {
  margin-top: 0.9rem;
  overflow: inherit;
}

.index .activity .activity-swiper .swiper-slide {
  height: 5.2rem;
  display: flex;
  border-radius: 0.4rem;
  background-color: #eff2f8;
  color: #333;
  transition: all 0.4s;
}

.index .activity .activity-swiper .swiper-slide .data {
  width: 3.3rem;
  height: 100%;
  border-right: 1px solid rgba(31, 54, 88, 0.12);
  padding: 1.6rem 1rem 0.5rem 0;
  text-align: right;
}

.index .activity .activity-swiper .swiper-slide .data .day {
  color: #333333;
}

.index .activity .activity-swiper .swiper-slide .data .month {
  margin-top: 0.25rem;
  color: #111111;
}

.index .activity .activity-swiper .swiper-slide .data .year {
  margin-top: 0.25rem;
  /*color: #111111;*/
}

.index .activity .activity-swiper .swiper-slide .intro {
  width: calc(100% - 3.3rem);
  height: 100%;
  position: relative;
  padding: 1rem;
}

.index .activity .activity-swiper .swiper-slide .intro .h1 {
  color: #111111;
  line-height: 1.4;
  height: 2.8em;
  overflow: hidden;
}

.index .activity .activity-swiper .swiper-slide .intro .address {
  margin-top: 0.5rem;
}

.index .activity .activity-swiper .swiper-slide .intro .tips {
  margin-top: .3rem;
  color: #666;
}

.index .activity .activity-swiper .swiper-slide .intro .btn {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: rgba(12, 28, 57, 0.29);
  transition: all 0.4s;
}

.index .activity .activity-swiper .swiper-slide .intro .btn div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.index .activity .activity-swiper .swiper-slide .intro .btn .heng {
  width: 0.35rem;
  height: 2px;
}

.index .activity .activity-swiper .swiper-slide .intro .btn .shu {
  width: 2px;
  height: 0.35rem;
}

.index .activity .activity-swiper .swiper-slide:hover {
  background-color: #fff;
  box-shadow: 0 0.4rem 1.4rem #cedef5;
}

.index .activity .activity-swiper .swiper-slide:hover .intro .btn {
  background-color: var(--logoColor);
}

.index .i-pro {
  padding: 1rem 0 1.35rem;
  overflow: hidden;
}

.index .i-pro .pro-swiper {
  margin-top: 0.95rem;
  overflow: inherit;
}

.index .i-pro .pro-swiper .swiper-slide {
  height: 7.5rem;
  border-radius: 0.4rem;
  cursor: pointer;
  overflow: hidden;
}

.index .i-pro .pro-swiper .swiper-slide:hover {
 box-shadow: 0 0.4rem 2rem #cedef5;
}

.index .i-pro .pro-swiper .swiper-slide::after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 0.3rem solid var(--logoColor);
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  opacity: 0;
  transition: all 0.4s;
}

.index .i-pro .pro-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.4rem;
  transition: all 0.5s;
}
.index .i-pro .pro-swiper .swiper-slide:hover img {
    transform: scale(1.05);
}

.index .i-pro .pro-swiper .swiper-slide .intro {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  color: #fff;
  line-height: 1.25rem;
  background-color: rgba(124, 132, 147, 0.5);
  -webkit-backdrop-filter: blur(43px);
  backdrop-filter: blur(43px);
  padding: 0 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}

.index .i-pro .pro-swiper .swiper-slide .intro .btn {
  position: relative;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #adb4c0;
  transition: all 0.4s;
}

.index .i-pro .pro-swiper .swiper-slide .intro .btn div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.index .i-pro .pro-swiper .swiper-slide .intro .btn .heng {
  width: 0.35rem;
  height: 2px;
}

.index .i-pro .pro-swiper .swiper-slide .intro .btn .shu {
  width: 2px;
  height: 0.35rem;
}

.index .i-pro .pro-swiper .swiper-slide.active::after {
  opacity: 1;
}

.index .i-pro .pro-swiper .swiper-slide.active .intro {
  background-color: var(--logoColor);
}

.index .i-pro .pro-swiper .swiper-slide.active .intro .btn {
  background: #fff;
}

.index .i-pro .pro-swiper .swiper-slide.active .intro .btn div {
  background-color: var(--logoColor);
}

.index .i-pro .item-box {
  margin-top: 0.5rem;
}

.index .i-pro .item-box .item {
  display: none;
  flex-wrap: wrap;
  padding: 0.6rem;
  border: 2px solid var(--logoColor);
  border-radius: 0.25rem;
}

.index .i-pro .item-box .item .li {
  width: 23.5%;
  height: 4.6rem;
  margin-right: 2%;
  border-radius: 0.25rem;
  position: relative;
  overflow: hidden;
}

.index .i-pro .item-box .item .li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 1;
}

.index .i-pro .item-box .item .li:nth-child(4n) {
  margin-right: 0;
}

.index .i-pro .item-box .item .li:nth-child(n + 5) {
  margin-top: 0.25rem;
}

.index .i-pro .item-box .item .li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all .4s;
}

.index .i-pro .item-box .item .li p {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  color: #fff;
  z-index: 3;
}

.index .i-pro .item-box .item .li:hover img {
  transform: scale(1.04);
}

.index .i-pro .item-box .item.show {
  display: flex;
}

.index .i-app {
  padding: 1rem 0 1.35rem;
  overflow: hidden;
}

.index .i-app .app-swiper {
  margin-top: 0.95rem;
  overflow: inherit;
}

.index .i-app .app-swiper .swiper-slide {
  height: 7.5rem;
  border-radius: 0.4rem;
  cursor: pointer;
  overflow: hidden;
}
.index .i-app .app-swiper .swiper-slide:hover {
    box-shadow: 0 0.4rem 2rem #cedef5;
}

.index .i-app .app-swiper .swiper-slide::after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 0.3rem solid var(--logoColor);
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  opacity: 0;
  transition: all 0.4s;
}

.index .i-app .app-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.4rem;
  transition: all 0.5s;
}

.index .i-app .app-swiper .swiper-slide:hover img {
    transform: scale(1.05);
}

.index .i-app .app-swiper .swiper-slide .intro {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  color: #fff;
  line-height: 1.25rem;
  background-color: rgba(124, 132, 147, 0.5);
  -webkit-backdrop-filter: blur(43px);
  backdrop-filter: blur(43px);
  padding: 0 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}

.index .i-app .app-swiper .swiper-slide .intro .btn {
  position: relative;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #adb4c0;
  transition: all 0.4s;
}

.index .i-app .app-swiper .swiper-slide .intro .btn div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.index .i-app .app-swiper .swiper-slide .intro .btn .heng {
  width: 0.35rem;
  height: 2px;
}

.index .i-app .app-swiper .swiper-slide .intro .btn .shu {
  width: 2px;
  height: 0.35rem;
}

.index .i-app .app-swiper .swiper-slide.active::after {
  opacity: 1;
}

.index .i-app .app-swiper .swiper-slide.active .intro {
  background-color: var(--logoColor);
}

.index .i-app .app-swiper .swiper-slide.active .intro .btn {
  background: #fff;
}

.index .i-app .app-swiper .swiper-slide.active .intro .btn div {
  background-color: var(--logoColor);
}

.index .i-app .item-box {
  margin-top: 0.5rem;
}

.index .i-app .item-box .item {
  display: none;
  flex-wrap: wrap;
  padding: 0.6rem;
  border: 2px solid var(--logoColor);
  border-radius: 0.25rem;
}

.index .i-app .item-box .item .li {
  width: 23.5%;
  height: 4.6rem;
  margin-right: 2%;
  border-radius: 0.25rem;
  position: relative;
  overflow: hidden;
}
.index .i-app .item-box .item .li:after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}

.index .i-app .item-box .item .li:nth-child(4n) {
  margin-right: 0;
}

.index .i-app .item-box .item .li::nth-child(n + 5) {
  margin-top: 0.25rem;
}

.index .i-app .item-box .item .li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all .4s;
}

.index .i-app .item-box .item .li p {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  color: #fff;
  z-index: 2;
}

.index .i-app .item-box .item .li img {
  transform: scale(1.04);
}

.index .i-app .item-box .item.show {
  display: flex;
}

.index .i-news {
  padding: 1rem 0 2.5rem;
  overflow: hidden;
}

.index .i-news .news-swiper {
  margin-top: 0.6rem;
  overflow: inherit;
}

.index .i-news .news-swiper .swiper-slide {
  border-radius: 0.4rem;
  overflow: hidden;
  background-color: #eff2f8;
  transition: all 0.4s;
}

.index .i-news .news-swiper .swiper-slide .pic {
  width: 100%;
  height: 6.8rem;
  overflow: hidden;
}

.index .i-news .news-swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s;
}

.index .i-news .news-swiper .swiper-slide .intro {
  width: 100%;
  padding: 0.75rem 0.75rem 0.85rem;
}

.index .i-news .news-swiper .swiper-slide .intro .time {
  color: #000000;
}

.index .i-news .news-swiper .swiper-slide .intro .h1 {
  margin-top: 0.5rem;
  color: #333;
  line-height: 1.4;
  height: 2.8em;
  overflow: hidden;
  transition: all 0.4s;
}

.index .i-news .news-swiper .swiper-slide .intro .more {
  margin-top: 0.7rem;
}

.index .i-news .news-swiper .swiper-slide:hover {
  background-color: #fff;
  box-shadow: 0 0.4rem 1.4rem #cedef5;
}

.index .i-news .news-swiper .swiper-slide:hover .pic img {
  transform: scale(1.04);
}

.index .i-news .news-swiper .swiper-slide:hover .intro .h1 {
  color: var(--logoColor);
}

.index .i-ser {
  padding: 2.85rem 0 2.7rem;
  background-color: #1e1f26;
}

.index .i-ser .top-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.index .i-ser .top-intro .cont {
  color: #fff;
}

.index .i-ser .li-box {
  margin-top: 1rem;
  display: flex;
}

.index .i-ser .li-box .li {
  width: 23%;
  height: 5.7rem;
  margin-right: 2.66%;
  background-color: #fff;
  border-radius: 0.4rem;
  padding: 0.7rem 0.5rem;
  text-align: center;
}

.index .i-ser .li-box .li:nth-child(4n) {
  margin-right: 0;
}

.index .i-ser .li-box .li .icon {
  width: 2rem;
  height: 1.7rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}

.index .i-ser .li-box .li .h1 {
  margin-top: 0.4rem;
  color: #333;
  transition: all 0.4s;
}

.index .i-ser .li-box .li .txt {
  margin-top: 0.5rem;
  color: #666;
}

.index .i-ser .li-box .li:hover .icon {
  transform: translateY(-5px);
}

.index .i-ser .li-box .li:hover .h1 {
  color: var(--logoColor);
}

.about .box1 {
  padding: 1.16rem 0 2.5rem;
}

.about .box1 .top-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid #f2f2f2;
  border-bottom-right-radius: 0.95rem;
}

.about .box1 .top-intro .lf {
  padding-bottom: 0.5rem;
}

.about .box1 .top-intro .rg {
  width: 7.95rem;
  height: 2.5rem;
  text-align: center;
  line-height: 2.5rem;
  border: 1px solid #f2f2f2;
  border-top-left-radius: 0.95rem;
  border-bottom-right-radius: 0.95rem;
  border-bottom: none;
}

.about .box1 .top-intro .rg span {
  color: var(--logoColor);
  margin-left: 0.3rem;
}

.about .box1 .txt {
  margin-top: 0.8rem;
  color: #333333;
  line-height: 1.8;
  width: 52%;
  margin-left: 48%;
  font-size: 0.5rem;
}

.about .box1 .pic {
  margin-top: 1.7rem;
  width: 100%;
  border-radius: 0.5rem 0 0.5rem 0;
  overflow: hidden;
}

.about .box2 {
  padding: 3.1rem 0;
  overflow: hidden;
  position: relative;
}

.about .box2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(7, 37, 90, 0.93);
}

.about .box2 .wrap {
  position: relative;
  z-index: 3;
}

.about .box2 .swiper-box {
  margin-top: 1.4rem;
  height: 7.75rem;
  position: relative;
}

.about .box2 .swiper-box .pos-line {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: -moz-max-content;
  width: max-content;
  height: 100%;
}

.about .box2 .swiper-box .pos-line img {
  height: 100%;
}

.about .box2 .swiper-box .box2-swiper {
  height: 100%;
  overflow: inherit;
}

.about .box2 .swiper-box .box2-swiper .btn-box {
  position: absolute;
  top: -0.25rem;
  left: 50%;
  transform: translateX(-50%);
  width: 9.15rem;
  height: 9.15rem;
  padding: 0 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 5;
}

.about .box2 .swiper-box .box2-swiper .btn-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/20.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.about .box2 .swiper-box .box2-swiper .btn-box .swiper-button-prev,
.about .box2 .swiper-box .box2-swiper .btn-box .swiper-button-next {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  width: 0.8rem;
  height: 0.65rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.about .box2 .swiper-box .box2-swiper .btn-box .swiper-button-prev::after,
.about .box2 .swiper-box .box2-swiper .btn-box .swiper-button-next::after {
  font-size: 0%;
}

.about .box2 .swiper-box .box2-swiper .btn-box .swiper-button-prev {
  background-image: url(../img/22.png);
}

.about .box2 .swiper-box .box2-swiper .btn-box .swiper-button-next {
  background-image: url(../img/23.png);
}

.about .box2 .swiper-box .box2-swiper .swiper-slide {
  width: 15.5%;
  height: 100%;
  padding-top: 1.75rem;
}

.about .box2 .swiper-box .box2-swiper .swiper-slide .img {
  width: 5.1rem;
  height: 5.1rem;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #4275bf;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0);
  transform-origin: center;
}

.about .box2 .swiper-box .box2-swiper .swiper-slide .img img {
  max-width: 80%;
  max-height: 80%;
  -o-object-fit: contain;
  object-fit: contain;
}

.about .box2 .swiper-box .box2-swiper .swiper-slide .time {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.6);
  transition: all 1s;
}

.about .box2 .swiper-box .box2-swiper .swiper-slide .time::after {
  content: "";
  position: absolute;
  top: -1.1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  border: 2px solid #045ee2;
}

.about .box2 .swiper-box .box2-swiper .swiper-slide.sli1 .time {
  top: 54%;
}

.about .box2 .swiper-box .box2-swiper .swiper-slide.sli2 .time {
  top: 100%;
}

.about .box2 .swiper-box .box2-swiper .swiper-slide.sli3 .time {
  top: 106.5%;
}

.about .box2 .swiper-box .box2-swiper .swiper-slide.sli4 .time {
  top: 65%;
}

.about .box2 .swiper-box .box2-swiper .swiper-slide.sli5 .time {
  top: 74%;
}

.about .box2 .swiper-box .box2-swiper .swiper-slide.sli6 .time {
  top: 31%;
}

.about .box2 .swiper-box .box2-swiper .swiper-slide.swiper-slide-active .img {
  transform: scale(1);
  transition: all 0.4s 0.4s;
}

.about .box2 .swiper-box .box2-swiper .swiper-slide.swiper-slide-active .time {
  top: calc(100% + 1.9rem);
  font-size: 1.05rem;
  text-shadow: 0 0.275rem 0.7rem rgba(0, 103, 255, 0.61);
  color: #0067ff;
  font-weight: bold;
  transition: all 0.4s 0.4s;
}

.about .box2 .swiper-box .box2-swiper .swiper-slide.swiper-slide-active .time::after {
  opacity: 0;
  transition: all 0.4s 0.2s;
}

.about .box2 .btm-info {
  margin-top: 1.9rem;
  width: 20.5rem;
  text-align: right;
  margin-left: calc(100% - 20.5rem);
}

.about .box2 .btm-info .list {
  display: none;
}

.about .box2 .btm-info .list.show {
  display: block;
}

.about .box3 {
  padding: 2.4rem 0 4.9rem;
  position: relative;
}

.about .box3::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 17.8rem;
  background-color: #eceff5;
  z-index: -1;
}

.about .box3 .txt {
  margin-top: 0.7rem;
  width: 52%;
  color: #111111;
  line-height: 1.8;
  font-size: 0.5rem;
}

.about .box3 .swiper1 {
  margin-top: 1.4rem;
}

.about .box3 .swiper1 .h1 {
  color: #333333;
}

.about .box3 .swiper1 .swiper-box {
  margin-top: 1.2rem;
}

.about .box3 .swiper1 .box3-swiper1 .swiper-slide {
  width: 33%;
  height: 14.25rem;
  margin-right: 0.5%;
  border-radius: 0.4rem;
  overflow: hidden;
}

.about .box3 .swiper1 .box3-swiper1 .swiper-slide:last-child {
  margin-right: 0;
}

.about .box3 .swiper1 .box3-swiper1 .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.about .box3 .swiper1 .box3-swiper1 .swiper-slide .title {
  position: absolute;
  left: 5%;
  width: 90%;
  bottom: 1rem;
  color: #fff;
  transition: all .4s;
}

.about .box3 .swiper1 .box3-swiper1 .swiper-slide:hover .title {
  transform: translateY(-.4rem);
}

.about .box3 .swiper2 {
  margin-top: 4.1rem;
}

.about .box3 .swiper2 .h1 {
  color: #333333;
}

.about .box3 .swiper2 .cont {
  margin-top: 0.3rem;
  color: #333333;
  line-height: 1.8;
  font-size: 0.5rem;
  width: 52%;
}

.about .box3 .swiper2 .swiper-box {
  margin-top: 1.1rem;
}

.about .box3 .swiper2 .box3-swiper2 {
  overflow: inherit;
}

.about .box3 .swiper2 .box3-swiper2 .swiper-slide {
  width: 33%;
  height: 13.5rem;
  margin-right: 0.5%;
  border-radius: 0.4rem;
  background-color: #f9f9f9;
  padding: 1.9rem 1.35rem;
  transition: all 0.4s;
}

.about .box3 .swiper2 .box3-swiper2 .swiper-slide:last-child {
  margin-right: 0;
}

.about .box3 .swiper2 .box3-swiper2 .swiper-slide .h2 {
  color: var(--logoColor);
  transition: all 0.4s;
}

.about .box3 .swiper2 .box3-swiper2 .swiper-slide .h3 {
  margin-top: 0.25rem;
  color: #333333;
  transition: all 0.4s;
}

.about .box3 .swiper2 .box3-swiper2 .swiper-slide .icon {
  position: absolute;
  bottom: 1rem;
  left: 1.35rem;
  width: 2rem;
  /*transition: all 0.4s;*/
}

.about .box3 .swiper2 .box3-swiper2 .swiper-slide .icon img {
  width: 100%;
}

.about .box3 .swiper2 .box3-swiper2 .swiper-slide .img {
  position: absolute;
  right: 1.25rem;
  bottom: -1.4rem;
  width: 57%;
  box-shadow: 0 3px 0.65rem rgba(0, 0, 0, 0.1);
}

.about .box3 .swiper2 .box3-swiper2 .swiper-slide .img img {
  width: 100%;
}

.about .box3 .swiper2 .box3-swiper2 .swiper-slide:hover {
  background-color: var(--logoColor);
}

.about .box3 .swiper2 .box3-swiper2 .swiper-slide:hover .h2,
.about .box3 .swiper2 .box3-swiper2 .swiper-slide:hover .h3 {
  color: #fff;
}

.about .box3 .swiper2 .box3-swiper2 .swiper-slide:hover .icon {
  filter: brightness(1000%);
  opacity: 0.3;
}

.about .box4 {
  padding: 1.25rem 0;
  position: relative;
  background-color: rgba(239, 242, 248, 0.47);
}

.about .box4 .map {
  position: relative;
  width: 100%;
}

.about .box4 .map img {
  width: 100%;
}

.about .box4 .wrap {
  position: absolute;
  left: 50%;
  bottom: 3.45rem;
  transform: translateX(-50%);
}

.about .box4 .txt {
  margin-top: 0.75rem;
  color: #333333;
  line-height: 1.8;
  font-size: 0.5rem;
  width: 11.3rem;
}

.about .box4 .num-box {
  margin-top: 1.25rem;
  display: flex;
  justify-content: space-between;
}

.about .box4 .num-box .li {
  display: flex;
  align-items: flex-end;
}

.about .box4 .num-box .li .icon {
  width: 1.25rem;
  margin-right: 0.25rem;
}

.about .box4 .num-box .li .intro {
  display: flex;
  align-items: stretch;
}

.about .box4 .num-box .li .intro .num {
  color: #333333;
  margin-right: 0.2rem;
}

.about .box4 .num-box .li .intro .unit {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 0.5rem;
  color: #333333;
}

.about .box4 .num-box .li .intro .unit .i1 {
  line-height: 0.5;
}

.about .box4 .num-box .li .intro .info {
  color: #333333;
}

.about .box4 .cent-point {
  position: absolute;
  top: 50.97%;
  left: 79.43%;
  width: 0.5rem;
  z-index: 5;
}

.about .box4 .cent-point img {
  width: 100%;
}

.about .box4 .point-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.about .box4 .point-box .point {
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 50%;
  background-color: var(--logoColor);
  position: absolute;
}

.about .box4 .point-box .point::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--logoColor);
  animation: scale 5s linear infinite;
}

.about .box4 .point-box .point1 {
  top: 30.08%;
  left: 13.33%;
}

.about .box4 .point-box .point2 {
  top: 45.94%;
  left: 14.9%;
}

.about .box4 .point-box .point3 {
  top: 72.24%;
  left: 33.13%;
}

.about .box4 .point-box .point4 {
  top: 36.59%;
  left: 46.93%;
}

.about .box4 .point-box .point5 {
  top: 40.91%;
  left: 48.39%;
}

.about .box4 .point-box .point6 {
  top: 37.23%;
  left: 50%;
}

.about .box4 .point-box .point7 {
  top: 38.52%;
  left: 51.38%;
}

.about .box4 .point-box .point8 {
  top: 43.23%;
  left: 50.68%;
}

.about .box4 .point-box .point9 {
  top: 53.87%;
  left: 55.42%;
}

.about .box4 .point-box .point10 {
  top: 49.23%;
  left: 57.29%;
}

.about .box4 .point-box .point11 {
  top: 79.79%;
  left: 54.53%;
}

.about .box4 .point-box .point12 {
  top: 51.16%;
  left: 66.46%;
}

.about .box4 .point-box .point13 {
  top: 55.8%;
  left: 68.8%;
}

.about .box4 .point-box .point14 {
  top: 32.91%;
  left: 71.82%;
}

.about .box4 .point-box .point15 {
  top: 62.19%;
  left: 74.64%;
}

.about .box4 .point-box .point16 {
  top: 65.09%;
  left: 75.83%;
}

.about .box4 .point-box .point17 {
  top: 59.28%;
  left: 77.14%;
}

.about .box4 .point-box .point18 {
  top: 55.22%;
  left: 78.75%;
}

.about .box4 .point-box .point19 {
  top: 54.35%;
  left: 80.68%;
}

.about .box4 .point-box .point20 {
  top: 47.1%;
  left: 82.45%;
}

.about .box4 .point-box .point21 {
  top: 47.39%;
  left: 85.89%;
}

.about .box4 .point-box .point22 {
  top: 78.82%;
  left: 84.17%;
}

.about .box5 {
  padding: 3.85rem 0 2.25rem;
}

.about .box5 .wrap {
  display: flex;
  justify-content: space-between;
}

.about .box5 .map {
  position: relative;
  left: -1.55rem;
  width: 69%;
}

.about .box5 .map .base {
  position: absolute;
  top: 43.3%;
  left: 76.11%;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  text-align: center;
  line-height: 1.75rem;
  background-color: var(--logoColor);
  color: #fff;
}

.about .box5 .map .base p {
  position: relative;
  z-index: 5;
}

.about .box5 .map .base::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--logoColor);
  animation: scale2 5s 2.5s linear infinite;
}

.about .box5 .map .base::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--logoColor);
  animation: scale2 5s linear infinite;
}

.about .box5 .map .point {
  position: absolute;
}

.about .box5 .map .point span {
  display: block;
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 50%;
  background-color: #184189;
}

.about .box5 .map .point span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--logoColor);
  animation: scale 3s linear infinite;
}

.about .box5 .map .point p {
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  top: 50%;
  right: calc(100% + 0.5rem);
  transform: translateY(-50%);
  color: var(--logoColor);
}

.about .box5 .map .point.rg p {
  right: auto;
  left: calc(100% + 0.5rem);
}

.about .box5 .map .point1 {
  top: 24.09%;
  left: 22.11%;
}

.about .box5 .map .point2 {
  top: 37.22%;
  left: 52.4%;
}

.about .box5 .map .point3 {
  top: 46.17%;
  left: 47.6%;
}

.about .box5 .map .point4 {
  top: 57.65%;
  left: 46.45%;
}

.about .box5 .map .point5 {
  top: 40.26%;
  left: 59.95%;
}

.about .box5 .map .point6 {
  top: 47.83%;
  left: 57.73%;
}

.about .box5 .map .point7 {
  top: 54%;
  left: 56.39%;
}

.about .box5 .map .point8 {
  top: 59.3%;
  left: 59.95%;
}

.about .box5 .map .point9 {
  top: 45.3%;
  left: 67.67%;
}

.about .box5 .map .point10 {
  top: 50.87%;
  left: 66.79%;
}

.about .box5 .map .point11 {
  top: 51.39%;
  left: 72.91%;
}

.about .box5 .map .point12 {
  top: 58.87%;
  left: 69.8%;
}

.about .box5 .map .point13 {
  top: 42.09%;
  left: 74.16%;
}

.about .box5 .map .point14 {
  top: 39.74%;
  left: 78.24%;
}

.about .box5 .map .point15 {
  top: 45.3%;
  left: 83.04%;
}

.about .box5 .map .point16 {
  top: 13.83%;
  left: 83.3%;
}

.about .box5 .map .point17 {
  top: 21.22%;
  left: 68.56%;
}

.about .box5 .map .point18 {
  top: 24.09%;
  left: 78.77%;
}

.about .box5 .map .point19 {
  top: 27.65%;
  left: 70.96%;
}

.about .box5 .map .point20 {
  top: 29.13%;
  left: 72.82%;
}

.about .box5 .map .point21 {
  top: 31.21%;
  left: 69.18%;
}

.about .box5 .map .point22 {
  top: 34.35%;
  left: 73.89%;
}

.about .box5 .intro {
  width: 31%;
  padding-top: 9.1rem;
}

.about .box5 .intro .txt {
  margin-top: 0.7rem;
  color: #333333;
  line-height: 1.8;
  font-size: 0.5rem;
}

.about .box6 {
  padding: 3.5rem 0 2rem;
  position: relative;
}

.about .box6::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150%;
  background-color: rgba(239, 242, 248, 0.47);
  z-index: -1;
}

.about .box6 .wrap {
  display: flex;
}

.about .box6 .pic {
  width: 47.6%;
}

.about .box6 .pic img {
  width: 100%;
}

.about .box6 .intro {
  width: 52.4%;
  padding-left: 2.7rem;
  padding-top: 2.3rem;
}

.about .box6 .intro .cont {
  color: #666666;
  line-height: 2;
  margin-top: 1.2rem;
}

.products {
  position: relative;
  background-color: #f6f8fb;
  z-index: 2;
}

.products::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 76.7%;
  height: 100%;
  background-color: #fff;
  z-index: -1;
}

.products .lf {
  float: left;
  width: 23.3%;
  position: sticky;
  top: -3.35rem;
}

.products .lf .tit {
  width: 100%;
  height: 4.85rem;
  line-height: 4.85rem;
  padding-left: 3.5rem;
  color: #fff;
  position: relative;
  background-color: var(--logoColor);
}

.products .lf .tit p {
  position: relative;
  z-index: 5;
}

.products .lf .tit::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: url(../img/72.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.36;
}

.products .lf .li-box {
  margin-top: 0.5rem;
}

.products .lf .li-box .li {
  width: 100%;
  margin-bottom: 0.25rem;
}

.products .lf .li-box .li:last-child {
  margin-bottom: 0;
}

.products .lf .li-box .li .fis-tit {
  width: 100%;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.75rem 0 3.5rem;
  color: #2d3235;
  background-color: rgba(103, 120, 134, 0.1);
  cursor: pointer;
  transition: all 0.4s;
}

.products .lf .li-box .li .fis-tit .btn {
  position: relative;
  width: 16px;
  height: 16px;
}

.products .lf .li-box .li .fis-tit .btn span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #677886;
  transition: all 0.4s;
}

.products .lf .li-box .li .fis-tit .btn .heng {
  width: 100%;
  height: 2px;
}

.products .lf .li-box .li .fis-tit .btn .shu {
  width: 2px;
  height: 100%;
}

.products .lf .li-box .li .sec-box {
  padding: 1.2rem 0.75rem 1.2rem 3.5rem;
  display: none;
}

.products .lf .li-box .li .sec-box .sec-li {
  margin-bottom: 0.65rem;
}

.products .lf .li-box .li .sec-box .sec-li:last-child {
  margin-bottom: 0;
}

.products .lf .li-box .li .sec-box .sec-li .sec-tit {
  color: #2d3235;
  cursor: pointer;
  transition: all 0.4s;
}

.products .lf .li-box .li .sec-box .sec-li .thr-box {
  padding: 0.65rem 0.5rem 0.9rem;
  display: none;
}

.products .lf .li-box .li .sec-box .sec-li .thr-box a {
  display: block;
  position: relative;
  width: 100%;
  line-height: 1.3;
  padding-left: 0.25rem;
  color: #677886;
  margin-bottom: 0.6rem;
  transition: all 0.4s;
}

.products .lf .li-box .li .sec-box .sec-li .thr-box a:last-child {
  margin-bottom: 0;
}

.products .lf .li-box .li .sec-box .sec-li .thr-box a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: var(--logoColor);
  opacity: 0;
}

.products .lf .li-box .li .sec-box .sec-li .thr-box a:hover {
  color: var(--logoColor);
}

.products .lf .li-box .li .sec-box .sec-li .thr-box a.cur {
  color: var(--logoColor);
}

.products .lf .li-box .li .sec-box .sec-li .thr-box a.cur::after {
  opacity: 1;
}

.products .lf .li-box .li .sec-box .sec-li.active .sec-tit {
  color: #184189;
}

.products .lf .li-box .li .sec-box .sec-li.cur .sec-tit {
  color: #184189;
}

.products .lf .li-box .li .sec-box .sec-li.cur .thr-box {
  display: block;
}

.products .lf .li-box .li.active .fis-tit {
  background-color: #184189;
  color: #fff;
}

.products .lf .li-box .li.active .fis-tit .btn span {
  background-color: #fff;
}

.products .lf .li-box .li.active .fis-tit .btn .shu {
  height: 0;
}

.products .lf .li-box .li.cur .fis-tit {
  background-color: #184189;
  color: #fff;
}

.products .lf .li-box .li.cur .fis-tit .btn span {
  background-color: #fff;
}

.products .lf .li-box .li.cur .fis-tit .btn .shu {
  height: 0;
}

.products .lf .li-box .li.cur .sec-box {
  display: block;
}

.products .lf .li-box .li:hover .fis-tit {
  background-color: #184189;
  color: #fff;
}

.products .lf .li-box .li:hover .fis-tit .btn span {
  background-color: #fff;
}

.products .rg {
  float: right;
  width: 76.7%;
  padding: 2.95rem 3.5rem 1.35rem 2.2rem;
  background-color: #fff;
}

.products .rg .tit {
  color: var(--logoColor);
  padding-bottom: 0.75rem;
  position: relative;
  border-bottom: 1px solid rgba(129, 130, 131, 0.12);
}

.products .rg .tit::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 4.5rem;
  height: 1px;
  background-color: var(--logoColor);
}

.products .rg .li-box {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
}

.products .rg .li-box .li {
  width: 31%;
  margin-right: 3.5%;
  margin-bottom: 0.9rem;
  border-radius: 0.4rem;
  overflow: hidden;
  transition: all 0.4s;
}

.products .rg .li-box .li:nth-child(3n) {
  margin-right: 0;
}

.products .rg .li-box .li .pic {
  width: 100%;
  height: 6rem;
  background-color: #eff2f8;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.products .rg .li-box .li .pic img {
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: all 0.4s;
}

.products .rg .li-box .li .intro {
  padding: 0.9rem 0.75rem 0.95rem;
  background-color: #f6f8fb;
  transition: all 0.4s;
}

.products .rg .li-box .li .intro .h1 {
  color: #2d3235;
  transition: all 0.4s;
  line-height: 0.7rem;
  height: 1.4rem;
  text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
  
}

.products .rg .li-box .li .intro .txt {
  margin-top: 0.4rem;
  color: #666666;
}

.products .rg .li-box .li .intro .more {
  margin-top: 1rem;
}

.products .rg .li-box .li:hover {
  box-shadow: 0 0.9rem 1.4rem rgba(206, 222, 245, 0.49);
}

.products .rg .li-box .li:hover .pic img {
  transform: scale(1.04);
}

.products .rg .li-box .li:hover .intro {
  background-color: #fff;
}

.products .rg .li-box .li:hover .intro .h1 {
  color: var(--logoColor);
}

.products .rg .page-box {
  margin-top: 1.6rem;
}

.products-info .box1 {
  padding: 2rem 0 2.8rem!important;
}

.products-info .box1 .box1-swiper {
  margin-top: 1.4rem;
}

.products-info .box1 .box1-swiper .swiper-pagination {
  position: relative;
  margin-top: .8rem;
  line-height: 1;
  bottom: 0;
}

.products-info .box1 .box1-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--logoColor);
}

.products-info .box1 .box1-swiper .swiper-wrapper {
  justify-content: space-between;
}

.products-info .box1 .box1-swiper .swiper-slide {
  width: 23.5%;
  margin-right: 2%;
  /*margin-right: 14.75%;*/
}

.products-info .box1 .box1-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.products-info .box1 .box1-swiper .swiper-slide .pic {
  width: 100%;
  height: 7rem;
  border-radius: 0.4rem;
  overflow: hidden;
}

.products-info .box1 .box1-swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s;
}

.products-info .box1 .box1-swiper .swiper-slide .h1 {
  margin-top: 0.7rem;
  color: #333333;
  line-height: 1.5;
}

.products-info .box1 .box1-swiper .swiper-slide:hover .pic img {
  transform: scale(1.04);
}

.products-info .box2 {
  background-color: #f9f9f9;
}

.products-info .box2 .item {
  padding: 2.9rem 0 2.4rem;
  background-size: cover;
  min-height:auto!important;
  background-position: center;
  background-repeat: no-repeat;
}

.products-info .box2 .item:nth-child(2n - 1) {
  background-image: url(../img/47.png);
}

.products-info .box2 .item:nth-child(2n) {
  background-image: url(../img/39.jpg);
}

.products-info .box2 .item:nth-child(2n) .wrap .swiper-slide {
  flex-direction: row-reverse;
}

.products-info .box2 .item:nth-child(2n) .other-box .intro {
  flex-direction: row-reverse;
  padding-right: 0;
  padding-left: 3.5rem;
}

.products-info .box2 .item:nth-child(2n) .wrap .swiper-slide .intro {
  padding-right: 2.65rem;
  padding-left: 0;
}

.products-info .box2 .item:nth-child(2n) .wrap .swiper-slide .intro .tit,
.products-info .box2 .item:nth-child(2n) .wrap .swiper-slide .intro .txt,
.products-info .box2 .item:nth-child(2n) .txt_x .intro .tit,
.products-info .box2 .item:nth-child(2n) .txt_x .intro .txt,
.products-info .box2 .item:nth-child(2n) .other-box .intro .tit,
.products-info .box2 .item:nth-child(2n) .other-box .intro .txt {
  color: #fff;
}

.products-info .box2 .item:nth-child(2n) .swiper-slide .tips {
  color: #fff;
  left: auto;
  right: 0;
}

.products-info .box2 .item:nth-child(2n) .wrap .swiper-slide .intro .sub,
.products-info .box2 .item:nth-child(2n) .txt_x .intro .sub,
.products-info .box2 .item:nth-child(2n) .other-box .intro .sub {
  color: rgba(255, 255, 255, 0.6);
  /*opacity: 0.6;*/
}

.products-info .box2 .item .txt_x {
  /*text-align: center;*/
}
.products-info .box2 .item .txt_x .intro .txt {
  margin-top: 1.05rem;
}

.products-info .box2 .wrap {
  position: relative;
}

.products-info .box2 .wrap .swiper-slide {
  display: flex;
}

.products-info .box2 .wrap .swiper-slide .pic {
  /*width: 47.5%;*/
  width: 19.5rem;
  height: 13.2rem;
  border-radius: 0.4rem;
  position: relative;
  overflow: hidden;
}

/*.products-info .box2 .wrap .swiper-slide .pic.nopic {*/
/*  background-color: #fff;*/
/*}*/

.products-info .box2 .wrap .swiper-slide .pic .topImg-box {
  width: calc(20% + 0.85rem);
  height: 100%;
  overflow: hidden;
}

.products-info .box2 .wrap .swiper-slide .pic img {
  /*width: 100%;*/
  width: 19.5rem;
  height: 100%;
  object-fit: cover;
  max-width: none;
  /*max-width: -moz-fit-content;*/
  /*max-width: fit-content;*/
}

.products-info .box2 .wrap .swiper-slide .pic video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.products-info .box2 .wrap .swiper-slide .pic .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*width: 19.5rem;*/
  height: 100%;
  /*pointer-events: none;*/
  overflow: hidden;
}

.products-info .box2 .wrap .swiper-slide .pic .img::selection {
  background: none;
}

.products-info .box2 .wrap .swiper-slide .pic .top {
  width: calc(46% + 0.85rem);
  z-index: 2;
}

.products-info .box2 .wrap .swiper-slide .pic .btn-box {
  position: absolute;
  top: 4.9rem;
  left: 46%;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  border: 2px solid #ffffff;
  color: #fff;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  font-size: 0.45rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
  pointer-events: auto;
  cursor: pointer;
}

.products-info .box2 .wrap .swiper-slide .pic .btn-box::after {
  content: "";
  position: absolute;
  top: -4.9rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 13.2rem;
  background-color: #fff;
  z-index: -1;
}

.products-info .box2 .wrap .swiper-slide .pic .btn-box div {
  width: 50%;
  text-align: center;
}

.products-info .box2 .wrap .swiper-slide .tips {
  width: 19.5rem;
  position: absolute;
  top: calc(100% + .5rem);
  left: 0;
  /*width: 100%;*/
  padding: 0 5%;
  text-align: center;
  color: #333;
  z-index: 10;
}

.products-info .box2 .wrap .swiper-slide .intro {
  /*width: 52.5%;*/
  width: calc(100% - 19.5rem);
  padding-top: 2.1rem;
   padding-bottom: 2.1rem;
  padding-left: 2.65rem;
}

.products-info .box2 .wrap .swiper-slide .intro .txt {
  margin-top: 1.05rem;
  color: #666666;
  line-height: 2.5;
}

.products-info .box2 .other-box {
  padding-right: 3.5rem;
  display: flex;
  justify-content: space-between;
}

.products-info .box2 .other-box .pic {
  width: calc(100% - 19.5rem);
}

.products-info .box2 .other-box .pic img {
  width: 100%;
}

.products-info .box2 .other-box .pic .tips {
  position: absolute;
  bottom: .5rem;
  left: 0;
  width: 100%;
  padding: 0 5%;
  text-align: center;
  color: #fff;
  z-index: 10;
}

.products-info .box2 .other-box .intro {
  width: 18.5rem;
  padding-top: 3.1rem;
  /*padding-left: 2.65rem;*/
}

.products-info .box2 .other-box .intro .txt {
  margin-top: 1.05rem;
}

.products-info .box3 {
  padding: 3.35rem 0 1.75rem;
}

.products-info .box3 .box3-swiper {
  margin-top: 1rem;
  overflow: inherit;
}

.products-info .box3 .box3-swiper .swiper-pagination {
  position: relative;
  margin-top: .8rem;
  line-height: 1;
  bottom: 0;
}

.products-info .box3 .box3-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--logoColor);
}

.products-info .box3 .box3-swiper .swiper-slide {
  width: 32%;
  margin-right: 2%;
  border-radius: 0.4rem;
  background-color: #eff2f8;
  overflow: hidden;
  transition: all 0.4s;
}

.products-info .box3 .box3-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.products-info .box3 .box3-swiper .swiper-slide .pic {
  width: 100%;
  height: 6.85rem;
  overflow: hidden;
}

.products-info .box3 .box3-swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s;
}

.products-info .box3 .box3-swiper .swiper-slide .intro {
  width: 100%;
  height: 4rem;
  padding: 0.7rem 0.75rem;
}

.products-info .box3 .box3-swiper .swiper-slide .intro .time {
  color: #000000;
}

.products-info .box3 .box3-swiper .swiper-slide .intro .h1 {
  margin-top: 0.55rem;
  line-height: 1.5;
  height: 3em;
  overflow: hidden;
}

.products-info .box3 .box3-swiper .swiper-slide:hover {
  background-color: #fff;
  box-shadow: 0 0.4rem 1.4rem #cedef5;
}

.products-info .box3 .box3-swiper .swiper-slide:hover .pic img {
  transform: scale(1.04);
}

.products-info .box3 .more {
  margin: 1.5rem auto 0;
}

.application .box1 {
  height: 11.5rem;
  /*padding-top: 4.25rem;*/
}

.application .box1 .wrap {
  height: 100%;
  display: flex;
  align-items: center;
}

.application .box1 .txt {
  width: 57%;
  color: #333333;
  line-height: 2.25;
  margin-right: 20%;
}

.application .box1 .more {
  position: relative;
  width: 5.75rem;
  height: 1.25rem;
  padding: 0 0.75rem;
  text-align: right;
  line-height: 1.25rem;
  background-color: var(--logoColor);
  color: #fff;
  border-radius: 0.95rem;
  overflow: hidden;
}

.application .box1 .more p {
  transition: all 0.4s;
}

.application .box1 .more span {
  position: absolute;
  top: 0.1rem;
  left: 0.1rem;
  width: 1.05rem;
  height: 1.05rem;
  background-color: rgba(255, 255, 255, 0.31);
  border-radius: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}

.application .box1 .more span img {
  max-width: 60%;
}

.application .box1 .more:hover span {
  width: calc(100% - 0.2rem);
}

.application .box1 .more:hover p {
  transform: scale(0);
}

.application .box2 {
  padding: 2.4rem 0 2.4rem;
  overflow: hidden;
}

.application .box2 .box2-swiper {
  margin-top: 1.5rem;
  overflow: inherit;
}

.application .box2 .box2-swiper .swiper-pagination {
  position: relative;
  margin-top: 0.8rem;
  bottom: 0;
  line-height: 1;
}

.application .box2 .box2-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--logoColor);
}

.application .box2 .box2-swiper .swiper-slide {
  width: 32%;
  /*height: 10.75rem;*/
  /*new*/
  height: auto;
  margin-right: 2%;
  border: 1px solid #dee2eb;
  border-radius: 0.5rem 0 0.5rem 0;
  padding: 1.25rem 0.85rem;
  background-color: #fff;
  transition: all 0.4s;
}

.application .box2 .box2-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.application .box2 .box2-swiper .swiper-slide .ps{display: flex;align-items: center;height:2rem;}
.application .box2 .box2-swiper .swiper-slide .num {
  width: 1.5rem;
  height: 1.5rem;
  text-align: center;
  line-height: 1.5rem;
  border-radius: 50%;
  background-color: var(--logoColor);
  color: #fff;
}

.application .box2 .box2-swiper .swiper-slide .h1 {
  /*margin-top: 0.85rem;*/
  margin-left: 0.4rem;
  width: calc(100% - 0.4rem - 1.5rem);
  color: #000000;
  line-height: 1.45;
    display: -webkit-box;         
    -webkit-box-orient: vertical;    
    -webkit-line-clamp: 2;         
    overflow: hidden;  
}

.application .box2 .box2-swiper .swiper-slide .txt {
  margin-top: 0.6rem;
  color: #666666;
  /*line-height: 1.875;*/
  /*new*/
  line-height: 1.75;
}

.application .box2 .box2-swiper .swiper-slide:hover {
  box-shadow: 0 0.75rem 1.4rem #dfe4ea;
  border-color: #fff;
}

.application .box3 .li {
  padding: 2.9rem 0 2.4rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: auto!important;
}

.application .box3 .li .introx{
    text-align: center;
    padding: 0;
}

.application .box3 .li .txt_x .txt{
    margin-top: 1.05rem;line-height: 2.5;
}

.application .box3 .li:nth-child(2n - 1) {
  background-image: url(../img/47.png);
}

.application .box3 .li:nth-child(2n) {
  background-image: url(../img/39.jpg);
}

.application .box3 .li:nth-child(2n) .wrap .swiper-slide {
  flex-direction: row-reverse;
}

.application .box3 .li:nth-child(2n) .other-box .intro {
  flex-direction: row-reverse;
  padding-right: 0;
  padding-left: 3.5rem;
}

.application .box3 .li:nth-child(2n) .wrap .swiper-slide .intro {
  padding-right: 2.65rem;
  padding-left: 0;
}

.application .box3 .li:nth-child(2n) .wrap .swiper-slide .intro .tit,
.application .box3 .li:nth-child(2n) .wrap .swiper-slide .intro .txt,
.application .box3 .li:nth-child(2n) .other-box .intro .tit,
.application .box3 .li:nth-child(2n) .txt_x .intro .tit,
.application .box3 .li:nth-child(2n) .txt_x .intro .txt,
.application .box3 .li:nth-child(2n) .other-box .intro .txt{
  color: #fff;
}
/*new*/
.application .box3 .li:nth-child(2n) .nopic   .tips {
     color: #fff !important;
}
.application .box3 .li:nth-child(2n) .wrap .swiper-slide .intro .sub,
.application .box3 .li:nth-child(2n) .txt_x .intro .sub,
.application .box3 .li:nth-child(2n) .other-box .intro .sub {
  color: rgba(255, 255, 255, 0.6);
  /*opacity: 0.6;*/
}

.application .box3 .wrap .swiper-slide {
  display: flex;
}

.application .box3 .wrap .swiper-slide .pic {
  /*width: 47.5%;*/
  width: 19.5rem;
  height: 13.2rem;
  border-radius: 0.4rem;
  position: relative;
  /*background-color: #fff;*/
  /*overflow: hidden;*/
  /*new*/
  border-radius: .4rem;
  overflow: hidden;
}
.application .box3 .wrap .swiper-slide .tips {
    width: 19.5rem;
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    /* width: 100%; */
    padding: 0 5%;
    text-align: center;
    color: #333;
    z-index: 10;
}
/*.application .box3 .wrap .swiper-slide .pic.nopic {*/
/*  background-color: #fff;*/
/*}*/

.application .box3 .wrap .swiper-slide .pic .topImg-box {
  width: calc(20% + 0.85rem);
  height: 100%;
  overflow: hidden;
}

.application .box3 .wrap .swiper-slide .pic img {
  /*width: 100%;*/
  width: 19.5rem;
  height: 100%;
  object-fit: cover;
  max-width: none;
  /*max-width: -moz-fit-content;*/
  /*max-width: fit-content;*/
}

.application .box3 .wrap .swiper-slide .pic video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.application .box3 .wrap .swiper-slide .pic .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*width: 19.5rem;*/
  height: 100%;
  border-radius: .4rem;
  /*pointer-events: none;*/
  overflow: hidden;
}

.application .box3 .wrap .swiper-slide .pic .img::selection {
  background: none;
}

.application .box3 .wrap .swiper-slide .pic .top {
  width: calc(46% + 0.85rem);
  z-index: 2;
}

.application .box3 .wrap .swiper-slide .pic .btn-box {
  position: absolute;
  top: 4.9rem;
  left: 46%;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  border: 2px solid #ffffff;
  color: #fff;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  font-size: 0.45rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
  pointer-events: auto;
  cursor: pointer;
}

.application .box3 .wrap .swiper-slide .pic .btn-box::after {
  content: "";
  position: absolute;
  top: -4.9rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 13.2rem;
  background-color: #fff;
  z-index: -1;
}

.application .box3 .wrap .swiper-slide .pic .btn-box div {
  width: 50%;
  text-align: center;
}

.application .box3 .wrap .swiper-slide .pic .tips {
  position: absolute;
  /*bottom: .5rem;*/
  left: 0;
  width: 100%;
  padding: 0 5%;
  text-align: center;
  /*color: #fff;*/
  z-index: 10;
  /*new*/
  color: #333;
  top: calc(100% + .5rem);
}

.application .box3 .wrap .swiper-slide .intro {
  /*width: 52.5%;*/
  width: calc(100% - 19.5rem);
  padding-top: 2.1rem;
  padding-left: 2.65rem;
}

.application .box3 .wrap .swiper-slide .intro .main-tit{
    font-size: 1rem!important;
}

.application .box3 .wrap .swiper-slide .intro .txt {
  margin-top: 1.05rem;
  color: #666666;
  line-height: 2.5;
}

.application .box3 .other-box {
  padding-right: 3.5rem;
  display: flex;
  justify-content: space-between;
}

.application .box3 .other-box .pic {
  width: calc(100% - 19.5rem);
}

.application .box3 .other-box .pic img {
  width: 100%;
}
.application .box3 .other-box .pic video {
  width: 100%;
}

.application .box3 .other-box .pic .tips {
  position: absolute;
  bottom: .5rem;
  left: 0;
  width: 100%;
  padding: 0 5%;
  text-align: center;
  color: #fff;
  z-index: 10;
}

.application .box3 .other-box .intro {
  width: 18.5rem;
  padding-top: 3.1rem;
  /*padding-left: 2.65rem;*/
}

.application .box3 .other-box .intro .txt {
  margin-top: 1.05rem;
}

/*.application .box3 .li {*/
/*  padding: 4.9rem 0 4.4rem;*/
/*  background-image: url(../img/47.png);*/
/*}*/

/*.application .box3 .li .wrap {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  flex-direction: row-reverse;*/
/*}*/

/*.application .box3 .li .lf {*/
/*  width: 52.5%;*/
/*  padding-right: 0;*/
/*  padding-left: 2.6rem;*/
/*}*/

/*.application .box3 .li .lf .icon {*/
/*  width: 1.45rem;*/
/*  margin-bottom: 0.85rem;*/
/*}*/

/*.application .box3 .li .lf .icon img {*/
/*  width: 100%;*/
/*}*/

/*.application .box3 .li .lf .txt {*/
/*  margin-top: 0.95rem;*/
/*  line-height: 2;*/
/*  color: #666;*/
/*}*/

/*.application .box3 .li .rg {*/
/*  position: relative;*/
/*  width: 47.5%;*/
/*  border-radius: 0.4rem;*/
/*  overflow: hidden;*/
/*}*/

/*.application .box3 .li .rg img {*/
/*  width: 100%;*/
/*}*/

/*.application .box3 .li .rg p {*/
/*  position: absolute;*/
/*  bottom: .5rem;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  padding: 0 .5rem;*/
/*  text-align: center;*/
/*  color: #fff;*/
/*}*/

/*.application .box3 .li:nth-child(2n-1) {*/
/*  background-image: url(../img/39.jpg);*/
/*}*/

/*.application .box3 .li:nth-child(2n-1) .wrap {*/
/*  flex-direction: row;*/
/*}*/

/*.application .box3 .li:nth-child(2n-1) .lf {*/
  /*padding-top: 2.8rem;*/
/*  padding-right: 4.25rem;*/
/*  padding-left: 0;*/
/*}*/

/*.application .box3 .li:nth-child(2n-1) .lf .icon {*/
/*  filter: brightness(1000);*/
/*}*/

/*.application .box3 .li:nth-child(2n-1) .lf .tit {*/
/*  color: #fff;*/
/*}*/

/*.application .box3 .li:nth-child(2n-1) .lf .sub {*/
/*  color: rgba(255, 255, 255, 0.6);*/
/*}*/

/*.application .box3 .li:nth-child(2n-1) .lf .txt {*/
/*  color: #ffffff;*/
/*}*/

.application .box4 {
  padding: 3.85rem 0 3.25rem;
  overflow: hidden;
}

.application .box4 .box4-swiper {
  margin-top: 1.2rem;
  overflow: inherit;
}

.application .box4 .box4-swiper .swiper-slide {
  height: 7.5rem;
  border-radius: 0.4rem;
}

.application .box4 .box4-swiper .swiper-slide::after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 0.3rem solid var(--logoColor);
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  opacity: 0;
  transition: all 0.4s;
}

.application .box4 .box4-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.4rem;
}

.application .box4 .box4-swiper .swiper-slide .intro {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  color: #fff;
  line-height: 1.25rem;
  background-color: rgba(124, 132, 147, 0.5);
  -webkit-backdrop-filter: blur(43px);
  backdrop-filter: blur(43px);
  padding: 0 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}

.application .box4 .box4-swiper .swiper-slide .intro .btn {
  position: relative;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #adb4c0;
  transition: all 0.4s;
}

.application .box4 .box4-swiper .swiper-slide .intro .btn div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.application .box4 .box4-swiper .swiper-slide .intro .btn .heng {
  width: 0.35rem;
  height: 2px;
}

.application .box4 .box4-swiper .swiper-slide .intro .btn .shu {
  width: 2px;
  height: 0.35rem;
}

.application .box4 .box4-swiper .swiper-slide:hover .intro .btn {
  background-color: var(--logoColor);
}

.application .box5 {
  padding: 1.2rem 0 1.75rem;
  overflow: hidden;
}

.application .box5 .box5-swiper {
  margin-top: 1.5rem;
  overflow: inherit;
}

.application .box5 .box5-swiper .swiper-pagination {
  position: relative;
  margin-top: .8rem;
  bottom: 0;
  line-height: 1;
}

.application .box5 .box5-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--logoColor);
}

.application .box5 .box5-swiper .swiper-slide {
  width: 32%;
  height: 10.85rem;
  margin-right: 2%;
  border-radius: 0.4rem;
  background-color: #eff2f8;
  transition: all 0.4s;
}

.application .box5 .box5-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.application .box5 .box5-swiper .swiper-slide .pic {
  width: 100%;
  height: 8.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.application .box5 .box5-swiper .swiper-slide .pic img {
  max-width: 90%;
  max-height: 90%;
  -o-object-fit: contain;
  object-fit: contain;
}

.application .box5 .box5-swiper .swiper-slide .intro {
  width: 100%;
  height: 2.65rem;
  border-top: 1px solid #e2e2e2;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
}

.application .box5 .box5-swiper .swiper-slide:hover {
  background-color: #fff;
  box-shadow: 0 0.4rem 1.4rem #cedef5;
}

.application .box5 .more {
  margin: 1.5rem auto 0;
}

.recruit .box1 {
  padding: 4.4rem 0 2.75rem;
}

.recruit .box1 .tab {
  display: flex;
  justify-content: center;
  margin-top: 1.2rem;
}

.recruit .box1 .tab .li {
  width: 5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(24, 65, 137, 0.4);
  border-radius: 0.95rem 0 0.95rem 0;
  margin-right: 1.2rem;
  color: #333333;
  cursor: pointer;
  transition: all 0.4s;
}

.recruit .box1 .tab .li:last-child {
  margin-right: 0;
}

.recruit .box1 .tab .li span {
  width: 0.85rem;
  margin-right: 0.25rem;
  transition: all 0.4s;
}

.recruit .box1 .tab .li:hover,
.recruit .box1 .tab .li.active {
  background-color: var(--logoColor);
  color: #fff;
}

.recruit .box1 .tab .li:hover span,
.recruit .box1 .tab .li.active span {
  filter: brightness(1000);
}

.recruit .box1 .tab_item{display: none;}
.recruit .box1 .tab_item.on{display: block;}


.recruit .box1 .top-tit {
  width: 100%;
  height: 2rem;
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  border-radius: 0.4rem 0.4rem 0 0;
  color: #333333;
  background-color: #eff2f8;
  text-align: center;
}

.recruit .box1 .top-tit p {
  width: 16.6666666667%;
}

.recruit .box1 .top-tit p:nth-child(1) {
  text-align: left;
  padding-left: 3.1rem;
}

.recruit .box1 .li-box .li {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.recruit .box1 .li-box .li:last-child {
  border-radius: 0 0 0.4rem 0.4rem;
}

.recruit .box1 .li-box .li .top-bots {
  display: flex;
  width: 100%;
  height: 2rem;
  display: flex;
  align-items: center;
  color: #333333;
  text-align: center;
  cursor: pointer;
  transition: all 0.4s;
}

.recruit .box1 .li-box .li .top-bots p {
  width: 16.6666666667%;
}

.recruit .box1 .li-box .li .top-bots p:nth-child(1) {
  text-align: left;
  padding-left: 2.35rem;
}

.recruit .box1 .li-box .li .top-bots p a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--logoColor);
  transition: all 0.4s;
}

.recruit .box1 .li-box .li .top-bots p a .icon {
  width: 0.55rem;
  margin-right: 0.35rem;
  transition: all 0.4s;
}

.recruit .box1 .li-box .li .btn-bots {
  padding: 1.6rem 2.45rem 2.25rem;
  position: relative;
  display: none;
}

.recruit .box1 .li-box .li .btn-bots .close {
  position: absolute;
  top: 1.5rem;
  right: 1.9rem;
  width: 17px;
  cursor: pointer;
}

.recruit .box1 .li-box .li .btn-bots .close img {
  width: 100%;
}

.recruit .box1 .li-box .li .btn-bots .list {
  display: inline-block;
  width: 28%;
  margin-left: 6%;
  vertical-align: top;
}

.recruit .box1 .li-box .li .btn-bots .list:first-child {
  margin-left: 0;
}
.recruit .box1 .li-box .li .btn-bots .list:nth-child(3) {
      transform: translateY(1.3rem);
      
}

.recruit .box1 .li-box .li .btn-bots .list .h1 {
  color: #333333;
}

.recruit .box1 .li-box .li .btn-bots .list .txt {
  margin-top: 0.55rem;
  color: #666666;
  line-height: 1.75;
}

.recruit .box1 .li-box .li .btn-bots .list .apply {
  display: flex;

  align-items: center;
  margin-right: 2rem;
  cursor: pointer;
}

.recruit .box1 .li-box .li .btn-bots .list .apply .icon {
  width: 0.55rem;
  margin-right: 0.35rem;
}

.recruit .box1 .li-box .li.active .top-bots {
  background-color: var(--logoColor);
  color: #fff;
}

.recruit .box1 .li-box .li.active .top-bots p a {
  color: #fff;
}

.recruit .box1 .li-box .li.active .top-bots p a .icon {
  filter: brightness(1000);
}

.recruit .box1 .li-box.show {
  display: block;
}

.recruit .box1 .page-box {
  margin-top: 1.75rem;
}

.recruit .box2 {
  padding: 2rem 0 1.8rem;
  background-color: #eff2f8;
}

.recruit .box2 .li-box {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
}

.recruit .box2 .li-box .li {
  width: 48%;
  height: 7.5rem;
  margin-right: 4%;
  margin-bottom: 1rem;
  border-radius: 0.4rem;
  overflow: hidden;
  display: flex;
}

.recruit .box2 .li-box .li:nth-child(2n) {
  margin-right: 0;
}

.recruit .box2 .li-box .li .pic {
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.recruit .box2 .li-box .li .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s;
}

.recruit .box2 .li-box .li .intro {
  width: 50%;
  background-color: #fff;
  padding: 1.1rem 0.75rem;
  padding-right: 0.35rem;
}

.recruit .box2 .li-box .li .intro .h1 {
  color: #333333;
  transition: all 0.4s;
}

.recruit .box2 .li-box .li .intro .txt {
  margin-top: 0.5rem;
  color: #666666;
  line-height: 1.8;
  max-height: 9em;
  padding-right: 0.4rem;
  overflow-y: auto;
}

.recruit .box2 .li-box .li .intro .txt::-webkit-scrollbar {
  width: 2px;
}

.recruit .box2 .li-box .li .intro .txt::-webkit-scrollbar-thumb {
  background: var(--logoColor);
}

.recruit .box2 .li-box .li:hover .pic img {
  transform: scale(1.04);
}

.recruit .box2 .li-box .li:hover .intro .h1 {
  color: var(--logoColor);
}

.recruit .box3 {
  padding: 3.4rem 0 6.5rem;
}

.recruit .box3 .box {
  margin-top: 5.25rem;
  width: 100%;
  position: relative;
}

.recruit .box3 .box .cent {
  position: relative;
  width: 11.2rem;
  height: 11.2rem;
  margin: 0 auto;
  overflow: hidden;
}

.recruit .box3 .box .cent::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  border-radius: 50%;
  background-color: rgba(24, 65, 137, 0.28);
}

.recruit .box3 .box .cent>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.recruit .box3 .box .cent .pos-cont {
  width: 90%;
  color: #fff;
  text-align: center;
  z-index: 3;
}

.recruit .box3 .box .cent .pos-cont .icon {
  width: 1rem;
  margin: 0 auto;
}

.recruit .box3 .box .cent .pos-cont .h1 {
  margin-top: 0.35rem;
  position: relative;
  padding-bottom: 0.25rem;
}

.recruit .box3 .box .cent .pos-cont .h1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.75rem;
  height: 2px;
  background-color: #fff;
}

.recruit .box3 .box .cent .pos-cont .h2 {
  margin-top: 1rem;
}

.recruit .box3 .box .cent .pos-cont .txt {
  margin-top: 0.35rem;
}

.recruit .box3 .box .li-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36%;
  height: -moz-max-content;
  height: max-content;
}

.recruit .box3 .box .li-box .li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 3.55rem;
  height: auto;
}

.recruit .box3 .box .li-box .li:nth-child(2) {
  margin-left: 2.2rem;
}

.recruit .box3 .box .li-box .li:last-child {
  margin-bottom: 0;
}

.recruit .box3 .box .li-box .li .icon {
  position: relative;
  width: 3.45rem;
  height: 3.45rem;
  border-radius: 50%;
  background-color: var(--logoColor);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.15rem;
}

.recruit .box3 .box .li-box .li .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 1px dashed rgba(24, 65, 137, 0.5);
}

.recruit .box3 .box .li-box .li .icon img {
  max-width: 60%;
  max-height: 60%;
  -o-object-fit: cover;
  object-fit: cover;
}

.recruit .box3 .box .li-box .li .intro .h1 {
  color: var(--logoColor);
}

.recruit .box3 .box .li-box .li .intro .txt {
  margin-top: 0.25rem;
  color: #333333;
  line-height: 1.88;
  max-width: 7.5rem;
}

.recruit .box3 .box .lf-li {
  left: 0;
  padding-right: 0.8rem;
}

.recruit .box3 .box .lf-li .li {
  flex-direction: row-reverse;
}

.recruit .box3 .box .lf-li .li:nth-child(2) {
  margin-left: 0;
  margin-right: 2.2rem;
}

.recruit .box3 .box .lf-li .li .icon {
  margin-right: 0;
  margin-left: 1.15rem;
}

.recruit .box3 .box .rg-li {
  right: 0;
  padding-left: 0.8rem;
}

.recruit .box4 {
  padding: 3.5rem 0 2rem;
  position: relative;
}

.recruit .box4::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150%;
  background-color: rgba(239, 242, 248, 0.47);
  z-index: -1;
}

.recruit .box4 .wrap {
  display: flex;
}

.recruit .box4 .pic {
  width: 47.6%;
}

.recruit .box4 .pic img {
  width: 100%;
}

.recruit .box4 .intro {
  width: 52.4%;
  padding-left: 2.7rem;
  padding-top: 2.3rem;
}

.recruit .box4 .intro .cont {
  color: #666666;
  line-height: 2;
  margin-top: 1.2rem;
}

.news {
  padding: 2.5rem 0 1.5rem;
}

.news .hot {
  display: flex;
  align-items: center;
  padding: 0.8rem 0.75rem;
  background-color: #fff;
  border-radius: 0.4rem 0 0.4rem 0;
  transition: all 0.4s;
}

.news .hot .pic {
  width: 50%;
  border-radius: 0.4rem;
  overflow: hidden;
}

.news .hot .pic img {
  width: 100%;
  transition: all 0.4s;
}

.news .hot .intro {
  width: 50%;
  padding: 0 1.2rem 0 2rem;
}

.news .hot .intro .time {
  color: #000000;
}

.news .hot .intro .tit {
  margin-top: 0.6rem;
  color: #333333;
  line-height: 1.5;
  max-height: 3em;
  overflow: hidden;
}

.news .hot .intro .txt {
  margin-top: 0.6rem;
  color: #666666;
  line-height: 1.8;
}

.news .hot .intro .more {
  margin-top: 1.25rem;
}

.news .hot:hover {
  box-shadow: 0 0.65rem 1.25rem rgba(24, 65, 137, 0.14);
}

.news .hot:hover .pic img {
  transform: scale(1.04);
}

.news .li-box {
  /*margin-top: 1.5rem;*/
  display: flex;
  flex-wrap: wrap;
}

.news .li-box .li {
  width: 32.5%;
  margin-right: 1.25%;
  margin-bottom: 1rem;
  border-radius: 0.4rem;
  background-color: #fff;
  overflow: hidden;
}

.news .li-box .li:nth-child(3n) {
  margin-right: 0;
}

.news .li-box .li .pic {
  width: 100%;
  height: 6.8rem;
  overflow: hidden;
}

.news .li-box .li .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s;
}

.news .li-box .li .intro {
  padding: 0.75rem 0.75rem 0.85rem;
}

.news .li-box .li .time {
  margin-top: 0.75rem;
  color: #000000;
}

.news .li-box .li .tit {
  color: #333;
  margin-top: 0.6rem;
  line-height: 1.4;
  height: 2.8em;
  overflow: hidden;
}

.news .li-box .li .more {
  margin-top: 0.6rem;
}

.news .li-box .li:hover .pic img {
  transform: scale(1.04);
}

.news .page-box {
  margin-top: 0.9rem;
}

.new-info {
  padding: 1rem 0 2rem;
}

.new-info .box {
  padding: 2.85rem 5rem 3rem;
  background-color: #fff;
}

.new-info .box .tit {
  color: #333;
  line-height: 1.44;
}

.new-info .box .info {
  margin-top: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.new-info .box .info .time {
  color: #333333;
}

.new-info .box .info .share {
  display: flex;
  align-items: center;
  color: #333333;
}

.new-info .box .info .share p {
  margin-right: 0.5rem;
}

.new-info .box .info .share a {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #c8cacc;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  transition: all 0.4s;
}

.new-info .box .info .share a:last-child {
  margin-right: 0;
}

.new-info .box .info .share a img {
  max-width: 60%;
  max-height: 60%;
  -o-object-fit: contain;
  object-fit: contain;
}

.new-info .box .info .share a:hover {
  background-color: var(--logoColor);
}

.new-info .box .cont {
  margin-top: 0.7rem;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  padding: 2rem 0 2.5rem;
  color: #666666;
  line-height: 2;
}

.new-info .box .info-page {
  margin-top: 0.9rem;
  display: flex;
  justify-content: space-between;
}

.new-info .box .info-page .link {
  max-width: 45%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666666;
  transition: all 0.4s;
}

.new-info .box .info-page .link:hover {
  color: var(--logoColor);
}

.new-info .box .back {
  margin-top: 1.45rem;
  margin-left: calc(100% - 4.5rem);
  width: 4.5rem;
  height: 1.25rem;
  border-radius: 0.55rem 0 0.55rem 0;
  background-color: var(--logoColor);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all 0.4s;
}

.new-info .box .back span {
  margin-left: 0.5rem;
  width: 16px;
  display: flex;
}

.new-info .box .back span img {
  width: 100%;
}

.new-info .related {
  margin-top: 2.35rem;
}

.new-info .related .tit {
  color: #111111;
}

.new-info .related .related-swiper {
  margin-top: 1.5rem;
}

.new-info .related .related-swiper .swiper-pagination {
  position: relative;
  margin-top: .8rem;
  bottom: 0;
  line-height: 1;
}

.new-info .related .related-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--logoColor);
}

.new-info .related .related-swiper .swiper-slide {
  width: 32.5%;
  margin-right: 1.25%;
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
}

.new-info .related .related-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.new-info .related .related-swiper .swiper-slide .pic {
  width: 100%;
  height: 6.8rem;
  overflow: hidden;
}

.new-info .related .related-swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s;
}

.new-info .related .related-swiper .swiper-slide .cont {
  padding: 0.75rem 0.75rem 0.85rem;
}

.new-info .related .related-swiper .swiper-slide .cont .time {
  color: #000000;
}

.new-info .related .related-swiper .swiper-slide .cont .h1 {
  margin-top: 0.5rem;
  color: #333333;
  line-height: 1.4;
  height: 2.8em;
  overflow: hidden;
}

.new-info .related .related-swiper .swiper-slide .cont .more {
  margin-top: 0.7rem;
}

.new-info .related .related-swiper .swiper-slide:hover .pic img {
  transform: scale(1.04);
}

.contact {
  position: relative;
  padding: 3.05rem 0 2.25rem;
}

.contact .pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 47.7%;
}

.contact .pic img {
  width: 100%;
}

.contact .wrap {
  display: flex;
  justify-content: flex-end;
}

.contact .box {
  width: 46%;
}

.contact .box .tit {
  color: #333333;
}

.contact .box .form {
  margin-top: 1.65rem;
}

.contact .box .form .h1 {
  display: flex;
  align-items: center;
  color: #333333;
}

.contact .box .form .h1 span {
  color: #cc0000;
}

.contact .box .form .select {
  margin-top: 0.5rem;
  margin-bottom: 1.7rem;
  width: 100%;
  height: 1.5rem;
  border: 1px solid #d7dade;
  background-color: #f6f8fb;
  border-radius: 0.1rem;
  position: relative;
  z-index: 3;
}

.contact .box .form .select input {
  padding: 0 0.75rem;
  width: 100%;
  height: 100%;
  background: none;
  color: #333;
  cursor: pointer;
}

.contact .box .form .select input::placehoder {
  color: #666;
}

.contact .box .form .select .arr {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--logoColor);
  font-size: 0.8rem;
  pointer-events: none;
}

.contact .box .form .select .drop-down {
  position: absolute;
  top: calc(100% + 0.2rem);
  left: 0;
  width: 100%;
  background-color: #fff;
  max-height: 5rem;
  overflow-y: auto;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
  border-radius: 0.1rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.5rem);
  transition: all 0.4s;
}

.contact .box .form .select .drop-down::-webkit-scrollbar {
  width: 2px;
}

.contact .box .form .select .drop-down span {
  display: block;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  padding: 0 0.75rem;
  color: #666;
  cursor: pointer;
  transition: all 0.4s;
  margin-left: 0.4rem;
  width: calc(100% - 0.4rem);
}

.contact .box .form .select .drop-down .span{font-weight: 600;margin-left:0;width:100%;}

.contact .box .form .select .drop-down span:hover {
  color: var(--logoColor);
}

.contact .box .form .select.active .drop-down {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.contact .box .form .li-box {
  margin-top: 1rem;
}

.contact .box .form .li-box .li {
  display: flex;
  align-items: center;
  margin-bottom: 0.7rem;
  cursor: pointer;
}

.contact .box .form .li-box .li:last-child {
  margin-bottom: 0;
}

.contact .box .form .li-box .li .icon {
  width: 0.55rem;
  height: 0.55rem;
  min-width: 16px;
  min-height: 16px;
  border-radius: 4px;
  border: 1px solid #d7dade;
  background-color: #f6f8fb;
  margin-right: 0.5rem;
  transition: all 0.4s;
}

.contact .box .form .li-box .li .icon img {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.contact .box .form .li-box .li p {
  color: #333333;
}

.contact .box .form .li-box .li.active .icon {
  border-color: var(--logoColor);
  background-color: var(--logoColor);
}

.contact .box .form .li-box .li.active .icon img {
  opacity: 1;
  visibility: visible;
}

.contact .box .form .message {
  margin-top: 0.8rem;
  display: none;
}

.contact .box .form .message .title {
  color: #333;
}

.contact .box .form .message textarea {
  margin-top: 0.25rem;
  width: 100%;
  height: 3rem;
  border: 1px solid #d7dade;
  background: #fff;
  color: #333;
  padding: 0.2rem;
  line-height: 1.5;
}

.contact .box .form .message.show {
  display: block;
}

.contact .box .form .way {
  margin-top: 3.15rem;
}

.contact .box .form .way .tab {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(24, 65, 137, 0.27);
}

.contact .box .form .way .tab span {
  color: #333333;
  padding: 0 0.15rem 0.4rem;
  position: relative;
  margin-right: 2.5rem;
  cursor: pointer;
  transition: all 0.4s;
}

.contact .box .form .way .tab span:last-child {
  margin-right: 0;
}

.contact .box .form .way .tab span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 5px;
  background-color: var(--logoColor);
  transition: all 0.4s;
}

.contact .box .form .way .tab span:hover {
  color: var(--logoColor);
}

.contact .box .form .way .tab span.active {
  font-weight: bold;
  color: var(--logoColor);
}

.contact .box .form .way .tab span.active::after {
  width: 100%;
}

.contact .box .form .way .cont-box {
  margin-top: 1.15rem;
}

.contact .box .form .way .cont-box .cont {
  display: none;
}

.contact .box .form .way .cont-box .cont .h2 {
  color: #333333;
}

.contact .box .form .way .cont-box .cont .txt {
  color: #666;
  margin-top: 0.6rem;
  margin-bottom: 1.6rem;
}

.contact .box .form .way .cont-box .cont .txt span {
  color: var(--logoColor);
  cursor: pointer;
}

.contact .box .form .way .cont-box .cont .ipt {
  margin-top: 0.5rem;
  display: flex;
  width: 100%;
  height: 1.5rem;
  background-color: #f6f8fb;
  border: 1px solid #d7dade;
  border-radius: 0.1rem;
}

.contact .box .form .way .cont-box .cont .ipt .change {
  width: 6rem;
  height: 100%;
  border-right: 1px solid #d7dade;
  position: relative;
}

.contact .box .form .way .cont-box .cont .ipt .change p {
  width: 100%;
  height: 100%;
  line-height: 1.5rem;
  padding: 0 0.75rem;
  color: #666666;
  cursor: pointer;
}

.contact .box .form .way .cont-box .cont .ipt .change .arr {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  font-size: 0.8rem;
  color: var(--logoColor);
  pointer-events: none;
}

.contact .box .form .way .cont-box .cont .ipt .change .drop-down {
  position: absolute;
  top: calc(100% + 0.2rem);
  left: 0;
  width: 100%;
  background-color: #fff;
  max-height: 4rem;
  overflow-y: auto;
  border: 1px solid #d7dade;
  border-radius: 0.1rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.5rem);
  transition: all 0.4s;
}

.contact .box .form .way .cont-box .cont .ipt .change .drop-down span {
  display: block;
  padding: 0 0.75rem;
  line-height: 1rem;
  color: #666;
  cursor: pointer;
  transition: all 0.4s;
}

.contact .box .form .way .cont-box .cont .ipt .change.active .drop-down {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.contact .box .form .way .cont-box .cont .ipt input {
  width: calc(100% - 6rem);
  height: 100%;
  background: none;
  padding: 0 0.5rem;
  color: #333;
}

.contact .box .form .way .cont-box .cont .ipt.mail input {
  width: 100%;
}

.contact .box .form .submit {
  margin-top: 1.75rem;
  width: 4rem;
  height: 1.25rem;
}

.service {
  padding: 3.25rem 0 1.55rem;
}

.service .top-intro {
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  text-align: center;
}

.service .top-intro .icon {
  margin: 0 auto;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background-color: var(--logoColor);
  display: flex;
  align-items: center;
  justify-content: center;
}

.service .top-intro .icon img {
  max-width: 60%;
  max-height: 60%;
  -o-object-fit: contain;
  object-fit: contain;
}

.service .top-intro .line {
  margin-top: 0.5rem;
  color: #333333;
}

.service .top-intro .tel {
  margin-top: 0.4rem;
  color: var(--logoColor);
}

.service .li-box {
  margin-top: 1.8rem;
  display: flex;
}

.service .li-box .li {
  width: 23%;
  height: 5.7rem;
  margin-right: 2.666%;
  border-radius: 0.4rem;
  background-color: #f6f8fb;
  padding: 0.7rem 0.5rem;
  text-align: center;
  transition: all 0.4s;
}

.service .li-box .li:nth-child(4n) {
  margin-right: 0;
}

.service .li-box .li .icon {
  width: 2rem;
  height: 1.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.service .li-box .li .h1 {
  margin-top: 0.4rem;
  color: #333333;
}

.service .li-box .li .h2 {
  margin-top: 0.5rem;
  color: rgba(17, 17, 17, 0.6);
}

.service .li-box .li:hover {
  box-shadow: 0 0.75rem 1.4rem #dfe4ea;
  transform: translateY(-0.25rem);
}

.service .box2 {
  margin-top: 3.25rem;
  display: flex;
}

.service .box2 .pic {
  width: 47.6%;
}

.service .box2 .pic img {
  width: 100%;
}

.service .box2 .intro {
  width: 52.4%;
  padding-left: 2.7rem;
  padding-top: 2.3rem;
}

.service .box2 .intro .cont {
  color: #666666;
  line-height: 2;
  margin-top: 1.2rem;
}

.download {
  padding: 3.25rem 0 1.5rem;
}

.download .li-box {
  margin-top: 1.75rem;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.download .li-box .li {
  width: 49%;
  min-height: 10.5rem;
  margin-right: 2%;
  margin-bottom: 0.75rem;
  background-color: #fff;
  border-radius: 0.4rem;
  padding: 1.25rem 1.1rem 1rem;
  display: flex;
  transition: all 0.4s;
}

.download .li-box .li:nth-child(2n) {
  margin-right: 0;
}

.download .li-box .li .pic {
  margin-top: 0.35rem;
  width: 5.15rem;
  border-radius: 0.4rem;
  overflow: hidden;
      display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.download .li-box .li .pic .top_img {
    width: 5.15rem;
    height:  3.85rem;
}
.download .li-box .li .pic img {
  width: 100%;
  object-fit: contain;
}
.download .li-box .li .pic .bot_img {
    display: flex;
    justify-content: space-between;
}
.download .li-box .li .pic .bot_img .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.download .li-box .li .pic .bot_img .item .ewm {
    width: 2.5rem;
    height: 2.5rem;
}
.download .li-box .li .pic .bot_img .item  span {
    font-size: .4rem;
}
.download .li-box .li .intro {
  width: calc(100% - 5.15rem);
  padding-left: 1.35rem;
}

.download .li-box .li .intro .h1 {
  color: #333333;
}

.download .li-box .li .intro .txt {
  margin-top: 0.45rem;
  color: #666666;
  line-height: 1.8;
}

.download .li-box .li .intro .setting {
  margin-top: 1rem;
  line-height: 1.75;
  color: #333333;
}

.download .li-box .li .intro .down {
  margin-top: 1.2rem;
}

.download .li-box .li .intro .down:hover span {
  filter: brightness(1000);
}

.download .li-box .li:hover {
  box-shadow: 0 0.65rem 1.25rem rgba(24, 65, 137, 0.14);
}

.download .page-box {
  margin-top: 1.25rem;
}

.back-top {
  position: fixed;
  bottom: 20vh;
  right: 6%;
  z-index: 100;
  display: none;
}

.back-top div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--logoColor);
  border-radius: 50%;
  cursor: pointer;
  opacity: .5;
  transition: all .4s;
}

.back-top div img {
  max-width: 50%;
  max-height: 50%;
}

.back-top div:hover {
  opacity: 1;
}

.suspend_cont {
  padding-top: 0.775rem;
}
.suspend_cont .suspendss1 .suspendss1_title {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.325rem;
  padding: 0.85rem 3.45rem;
  background-color: #F3F3F3;
}
.suspend_cont .suspendss1 .cont {
  padding: 1.25rem 3.525rem 4.25rem 3.45rem;
}
.suspend_cont .suspendss1 .cont .p {
  font-size: 0.5rem;
  line-height: 0.9rem;
  color: #333333;
  margin-bottom: 1.375rem;
}
.suspend_cont .suspendss1 .cont .item .li {
  cursor: pointer;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}
.suspend_cont .suspendss1 .cont .item .li img {
  margin-right: 0.25rem;
  width: 0.25rem;
  height: 0.25rem;
  transition: all 0.5s;
}
.suspend_cont .suspendss1 .cont .item .li span {
  font-size: 0.5rem;
  line-height: 0.675rem;
  color: #184189;
}
.suspend_cont .suspendss1 .cont .item .table {
  transition: all 0.5s;
  overflow: hidden;

}
.suspend_cont .suspendss1 .cont .item .table li {
  display: flex;
  border-top: 0.025rem solid #D7D7D7;
  border-left: 0.025rem solid #D7D7D7;
    font-size: .6rem;
}
.suspend_cont .suspendss1 .cont .item .table li div {
  flex: 1;
  height: 1rem;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 0.025rem solid #D7D7D7;
  border-bottom: 0.025rem solid #D7D7D7;
}
.suspend_cont .suspendss1 .cont .item .table li div span {
  font-size: 0.45rem;
  font-weight: bold;
}
.suspend_cont .suspendss1 .cont .item .table table {
  width: 100%;
}
.suspend_cont .suspendss1 .cont .item .table table tbody tr {
  display: flex;
  border-left: 0.025rem solid #D7D7D7;
}
.suspend_cont .suspendss1 .cont .item .table table tbody tr td {
    width: 50%;
  /*flex: 1;*/
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 0.025rem solid #D7D7D7;
  border-bottom: 0.025rem solid #D7D7D7;
}
.suspend_cont .suspendss1 .cont .item .table table tbody tr td span {
  font-size: 0.55rem !important;
  color: #333333;
}
.suspend_cont .suspendss1 .cont .item .table table tbody tr td a span {
    color: #3272e3  !important;
    text-decoration:underline;
}
.suspend_cont .suspendss1 .cont .item.on .li img {
  transform: rotate(-90deg);
}

.suspend_cont .suspendss1 .cont .item.on .table {
  height: 0 !important;
  overflow: hidden;
}
/*new*/
.banner.prod  {
    height: calc(100vh - 2rem);
}
.banner.prod .banner-img{
    height: 100%;
}
.products-info .box1 {
    padding-top: 2.2rem;
}
/*.products-info .box1 .tit  {*/
/*    text-align: center;*/
/*}*/

.banner.prod  .guide  .tit {
    text-align: center;
}

.banner.prod  .newbanenr {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.banner.prod  .newbanenr .ban-intro {
    position:static;
    left: 0;
    top: 0;
    transform: translate(0,0);
    
}
.products-info .guide {
    
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 99;
    /*top: -12rem!important;*/
    transition: all 1.5s;
}
.products-info .guide .img {
    width: .6rem;
    height: .95rem;
    position: relative;
    /*display: block!important;*/
}
.products-info .guide .img svg {
    position: absolute;
    top: 0;
}
.products-info .guide .tit{
    margin-bottom: .15rem;
    font-size: 1rem;
} 
.products-info .guide .img .t3m-ScrollHint-arrow-1 {
    width: .6rem;
    height: .95rem;
    animation: scroll1 3s cubic-bezier(.45,0,.55,1) infinite;
}
.products-info .guide .img .t3m-ScrollHint-arrow-2 {
    width: .6rem;
    height: .95rem;
    /*transition-delay: 3s;*/
    animation: scroll2 3s cubic-bezier(.45,0,.55,1) infinite;
}


@keyframes scroll1 {
 0% {
    opacity: 1;
    transform: translateY(0);
}
  80% {
    opacity: 0;
    transform: translateY(250%);
}
  100% {
    opacity: 0;
    transform: translateY(250%);
}
}

@keyframes scroll2 {
  0% {
    opacity: 0;
    transform: translateY(-60%) scale(.8);
  }
  90% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.box1 p.sub {
    text-align: center;
     margin-bottom: .25rem;
}
.products-info .box2  .item {
    /*padding: 0;*/
    min-height: 700px;
    display: flex;
    align-items: center;
}
/*.products-info .box2  .item .tit {*/
/*       font-size: 1rem !important;*/
/*}*/
.products-info .box2  .item .txt {
       font-size: 1.45rem !important;
 font-size: 0.6rem !important;
    line-height: 1.8 !important;
}

.box3 .li  {
    height: 700px;
    display: flex;
    align-items:center;
}
.box3 .li  .tit {
   font-size: 1.45rem !important;
}
.box3 .li  .txt {
         font-size: 1.45rem !important;
 font-size: 0.6rem !important;
    line-height: 1.8 !important;
}
.recruit_prop {
    position: fixed;
    display: none;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 2000;
     padding: 4.8749rem 12.6rem;
    background: rgba(0,0,0,.5);
}
.recruit_prop .container {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: .375rem;
    padding: 1.975rem 2.3rem 1.75rem;
}

#prop{display: none;}
#prop.on{display: block;}

/*新增弹窗*/
.porplogin {
  position: fixed;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .5);
}

.porplogin .container {
  width: 600px;
  height: 100%;
  /* background-color: #fff; */
  display: flex;
  align-items: center
}

.porplogin .container .item {
  width: 600px;
  background-color: #ffff;
  border-radius: .375rem;
  padding: 1.625rem 2.6rem .925rem;
  display: none;
  position: relative;
}

.porplogin .container .item .out{position: absolute;top: 1vw;right:1vw;width: 1.5vw;height: 1.5vw;cursor: pointer;}

.porplogin .container .item.on {display: block;}

.porplogin .container .item .title {
  font-size: .75rem;
  color: #000;
  text-align: center;
  /*height: 1.15rem;*/
  line-height: .875rem;
  margin-bottom: 1.1rem;
}

.porplogin .container .item .el-form-item__content {
  width: 100%;
  margin-left: 0 !important;
  border-radius: .15rem;
}

.porplogin .container .item .el-input__inner {
  background-color: #F6F8FB;
  border: 0;
  color: #000000;
  font-size: .45rem;
  height: 50px;
}

.porplogin .container .item .el-input__inner::placeholder {
  /* color: #000000; */
  font-size: .45rem;
}

.porplogin .container .item .list2 {
  display: flex;
  align-items: flex-start;
}

.porplogin .container .item .list2 .el-form-item {
  flex: 1;
}

.porplogin .container .item .list2 .el-form-item .el-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.porplogin .container .item .list2 .to {
  height: 50px;
  width: 140px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 0;
  background-color: #184189;
}

.porplogin .container .sub .el-form-item__content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.porplogin .container .sub .el-form-item__content .el-button--text {
  font-size: .45rem;
  line-height: .525rem;
  color: #184189;
}

.porplogin .container .btnx button{width: 100%;font-size: .45rem;
    height: 50px;color:#ffffff;background: #184189;text-align:center;}
    
    
.zp_tc{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;opacity:0;transition:all 0.5s;pointer-events: none;;}
.zp_tc.show{pointer-events: all;opacity:1;}
.zp_tc .bj{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.zp_tc .con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 912px;padding:80px 90px 70px 90px;border-radius: 0.15rem;background-color:#ffffff;}
.zp_tc .con .out{position: absolute;top: 1vw;right:1vw;width: 1.5vw;height: 1.5vw;cursor: pointer;}
.zp_tc .con .tit{line-height:1.4;font-weight: bold;color: #333333;margin-bottom: 41px;}
.zp_tc .con form{display: flex;justify-content: space-between;flex-wrap: wrap;}
.zp_tc .con form .input{width:48%;margin-bottom:36px;}
.zp_tc .con form .input .name{display:flex;align-items:center;}
.zp_tc .con form .input .name span{color: #D32A2F;margin-right: 0.09rem;}
.zp_tc .con form .input .name i{font-style: normal;font-size:12px;color:#9D9C9A;}
.zp_tc .con form .input input{width: 100%;background-color: #F6F8FB;border: 1px solid #D7DADE;border-radius: 0.04rem;padding: 0 0.25rem;margin-top: 0.16rem;line-height:48px;font-size:14px;}
.zp_tc .con form .input1{width:100%;}
.zp_tc .con form .input1 input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.zp_tc .con form .input1 .labe{position:relative;margin-top:0.16rem}
.zp_tc .con form .input1 .labe label{display: flex;background-color: #F6F8FB;border: 1px solid #D7DADE;border-radius: 0.04rem;line-height:48px;}
.zp_tc .con form .input1 .labe label .text{width: calc(100% - 104px);padding: 0 0.25rem;color:#9D9C9A;}
.zp_tc .con form .input1 .labe label .btn{width: 104px;text-align: center;color: #fff;background-color: #184189;}
.zp_tc .con form input[type="submit"]{width: 160px;line-height: 50px;border-bottom-right-radius: 25px;border-top-left-radius: 25px;background-color: #184189;color: #ffffff;margin:0 auto;margin-top:0.67rem;}
    
    
/*# sourceMappingURL=style.css.map */