.w {
  width: 16rem;
  margin: 0 auto;
}

/*  隐藏滚动条 */
.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hide-scrollbar::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.select-arrow {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url('../img/icon/down.png') 90% center no-repeat #fff;
}

.pagination {
  margin-top: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination .paging {
  display: flex;
  align-items: baseline;
  font-size: 0.2rem;
  letter-spacing: 2px;
  color: #9e9e9e;
  margin: 0 0.1rem;
}

.pagination .paging .leaf {
  font-size: 0.26rem;
  font-weight: normal;
  color: #333;
}

.pagination .prev a,
.pagination .nexts a {
  display: block;
  padding: 0.06rem 0.1rem;
  color: #ccc;
  transition: all 0.3s;
}

.pagination .prev a i,
.pagination .nexts a i {
  font-size: 0.35rem;
}

.pagination .prev a:hover,
.pagination .nexts a:hover {
  color: #0d4484;
}

.pagination .prev {
  margin-right: 0.05rem;
}

.pagination .nexts {
  margin-left: 0.05rem;
}

.banner {
  margin-top: 1.2rem;
  width: 100%;
  height: calc(100vh - 1.2rem);
}

.banner .swiper {
  width: 100%;
  height: 100%;
}

.banner .swiper .swiper-slide {
  width: 100%;
  height: 100%;
}

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

.banner .swiper .swiper-pagination {
  right: 8%;
  top: 95%;
}

.banner .swiper .swiper-pagination-bullet {
  width: 0.28rem;
  height: 0.28rem;
  background: transparent;
  border: 1px solid transparent;
  margin-bottom: 0.15rem;
  opacity: 1;
  position: relative;
}

.banner .swiper .swiper-pagination-bullet::after {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  width: 0.12rem;
  height: 0.12rem;
  background: #fff;
  border-radius: 50%;
}

.banner .swiper .swiper-pagination-bullet-active {
  width: 0.28rem;
  height: 0.28rem;
  background: transparent;
  border: 1px solid #fff;
  border-right-color: transparent;
  transform: rotate(-43deg);
  position: relative;
}

.model-head h3 {
  font-size: 0.64rem;
  font-weight: normal;
}

.g-container {
  position: relative;
  z-index: 60;
}

.g-container .grblsy1::before {
  background: linear-gradient(270deg, #8c4494 0%, #0773d4 100%);
  border-radius: 50%;
  position: absolute;
  content: '';
  display: block;
}

.g-container .grbl1::before {
  width: 3.32rem;
  height: 3.32rem;
  top: 0;
  left: -5%;
}

.g-container .grbl2::before {
  width: 0.99rem;
  height: 0.99rem;
  top: 0.1rem;
  left: 13%;
}

.g-container .grbl3::before {
  width: 0.36rem;
  height: 0.36rem;
  right: 17.5%;
}

.g-container .grbl4::before {
  width: 1.5rem;
  height: 1.5rem;
  right: 9%;
  top: -1.2rem;
}

.g-container .grbl5::before {
  width: 1.5rem;
  height: 1.5rem;
  left: 30%;
  top: -0.7rem;
}

.g-container .grbl6::before {
  width: 0.29rem;
  height: 0.29rem;
  left: 39%;
  top: -0.8rem;
}

.g-container .grbl7::before {
  width: 2.96rem;
  height: 2.96rem;
  left: -3%;
  top: 0.5rem;
}

.g-container .grbl8::before {
  width: 1.1rem;
  height: 1.1rem;
  left: 8%;
  top: 3.5rem;
}

.g-container .grbl9::before {
  width: 1.24rem;
  height: 1.24rem;
  right: 14%;
  top: -0.6rem;
}

.g-container .grbl10::before {
  width: 0.8rem;
  height: 0.8rem;
  right: 40%;
  top: -0.6rem;
}

.g-container .grbl11::before {
  width: 0.29rem;
  height: 0.29rem;
  right: 60%;
  top: 0.1rem;
}

.g-container .grbl12::before {
  width: 0.6rem;
  height: 0.6rem;
  right: 10%;
  top: 2.5rem;
}

.g-container .grbl13::before {
  width: 1.5rem;
  height: 1.5rem;
  right: 10%;
  top: -0.6rem;
}

.g-container .grbl14::before {
  width: 0.29rem;
  height: 0.29rem;
  right: 7%;
  top: -0.7rem;
}

.g-container .grbl15::before {
  width: 1.5rem;
  height: 1.5rem;
  right: 10%;
  top: -0.6rem;
}

.g-container .grbl16::before {
  width: 0.52rem;
  height: 0.52rem;
  right: 4%;
  top: 0.4rem;
}

.g-container .grbl17::before {
  width: 1.5rem;
  height: 1.5rem;
  left: 30%;
  top: -1.6rem;
}

.g-container .grbl18::before {
  width: 0.29rem;
  height: 0.29rem;
  left: 43%;
  top: -1.3rem;
}

.g-container .grbl19::before {
  width: 1.5rem;
  height: 1.5rem;
  right: -10%;
  top: -1.4rem;
}

.section-1 {
  padding: 0.9rem 0 1.65rem;
  background: #f9fcff;
  position: relative;
  z-index: 2;
}

.section-1 .model-head {
  text-align: center;
}

.section-1 .sec1List {
  margin-top: 0.6rem;
}

.section-1 .sec1List .item {
  margin-bottom: 0.5rem;
  width: 100%;
  height: 5.8rem;
  display: grid;
  grid-template-columns: 1fr 10.2rem;
  gap: 1rem;
  align-items: center;
  box-sizing: border-box;
}

.section-1 .sec1List .item .content {
  height: 100%;
  padding-left: 2.9rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-1 .sec1List .item .content .line {
  width: 0.44rem;
  height: 4px;
  background: linear-gradient(270deg, #0066cc 0%, #8d4494 100%);
  margin-bottom: 0.2rem;
}

.section-1 .sec1List .item .content .title {
  font-size: 0.36rem;
  margin-bottom: 0.6rem;
}

.section-1 .sec1List .item .content .text {
  font-size: 0.18rem;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.section-1 .sec1List .item .right {
  width: 100%;
  height: 100%;
  border-radius: 2.9rem 0 0 2.9rem;
}

.section-1 .sec1List .item .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2.9rem 0 0 2.9rem;
}

.section-1 .sec1List .item:last-child {
  margin-bottom: 0;
}

.section-1 .swiper {
  margin-top: 1.2rem;
}

.section-1 .swiper .swiper-slide {
  width: 100%;
  height: 5.8rem;
  display: grid;
  grid-template-columns: 1fr 10.2rem;
  gap: 1rem;
  align-items: center;
  box-sizing: border-box;
}

.section-1 .swiper .swiper-slide .content {
  height: 100%;
  padding-left: 2.9rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-1 .swiper .swiper-slide .content .line {
  width: 0.44rem;
  height: 4px;
  background: linear-gradient(270deg, #0066cc 0%, #8d4494 100%);
  margin-bottom: 0.2rem;
}

.section-1 .swiper .swiper-slide .content .title {
  font-size: 0.36rem;
  margin-bottom: 0.6rem;
}

.section-1 .swiper .swiper-slide .content .text {
  font-size: 0.18rem;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.section-1 .swiper .swiper-slide .right {
  width: 100%;
  height: 100%;
  border-radius: 2.9rem 0 0 2.9rem;
}

.section-1 .swiper .swiper-slide .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2.9rem 0 0 2.9rem;
}

.section-1 .swiper .swiper-pagination {
  left: 10%;
}

.section-1 .swiper .swiper-pagination-bullet {
  width: 0.24rem;
  height: 0.24rem;
  border: 1px solid #0066cc;
  background: transparent;
  margin-bottom: 0.1rem;
}

.section-1 .swiper .swiper-pagination-bullet-active {
  background: #0066cc;
}

.section-1 .more {
  margin: 0.8rem 0 0 9%;
}

.section-1 .more a {
  display: flex;
  align-items: center;
  padding: 0.3rem 0.6rem;
  background: linear-gradient(270deg, #8d4494 0%, #0066cc 100%);
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 0.24rem;
  transition: all 0.3s;
}

.section-1 .more a .icon {
  width: 0.24rem;
  height: 0.18rem;
  margin-left: 0.2rem;
}

.section-1 .more a:hover {
  transform: translateY(-3px);
  box-shadow: rgba(45, 35, 66, 0.3) 0 4px 8px, rgba(45, 35, 66, 0.2) 0 7px 13px -3px, #999 0 -3px 0 inset;
}

.section-2 {
  padding: 1.7rem 0 1.2rem;
  position: relative;
}

.section-2 .brief {
  grid-column: 1 / 3;
  position: relative;
  left: -1.55rem;
  background: linear-gradient(270deg, #f0e2f6 0%, #deefff 100%);
  height: 4.4rem;
  width: calc(100% + 1.55rem);
  border-radius: 0px 2.5rem 2.5rem 0px;
  padding: 0.9rem 0.4rem 0.9rem 1.6rem;
}

.section-2 .brief .text {
  max-width: 4.75rem;
  margin-top: 0.3rem;
  font-size: 0.24rem;
}

.section-2 .proBox {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 0.4rem;
  row-gap: 0.6rem;
}

.section-2 .proBox .inner {
  width: 100%;
  position: relative;
  font-size: 0.24rem;
  text-align: center;
}

.section-2 .proBox .inner .item {
  width: 100%;
  position: relative;
  margin-bottom: 0.2rem;
}

.section-2 .proBox .inner .item .imgs {
  width: 100%;
  height: 4.4rem;
}

.section-2 .proBox .inner .item .imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.section-2 .proBox .inner .item .mask {
  display: none;
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 102, 204, 0.3), rgba(0, 102, 204, 0.3));
}

.section-2 .proBox .inner .item .mask .box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  color: #fff;
  padding: 0.46rem;
}

.section-2 .proBox .inner .item .mask .box a {
  color: #fff;
}

.section-2 .proBox .inner .item .mask .box .button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.14rem;
  width: 2rem;
  height: 0.48rem;
  background: #1a1a1a;
  transition: all 0.3s;
}

.section-2 .proBox .inner .item .mask .box .button .icon {
  width: 0.25rem;
  height: 0.24rem;
  flex-shrink: 0;
  margin-right: 0.1rem;
}

.section-2 .proBox .inner .item .mask .box .button .icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.section-2 .proBox .inner .item .mask .box .button:hover {
  background: #0d4484;
}

.section-2 .proBox .inner .name {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.section-2 .proBox .more {
  width: 100%;
  height: 4.4rem;
  background: linear-gradient(90deg, #dfefff 0%, #fde7ff 100%);
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.section-2 .proBox .more a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.28rem;
}

.section-2 .proBox .more a .icon {
  width: 0.34rem;
  height: 0.18rem;
  margin-top: 0.4rem;
}

.section-2 .proBox .more:hover {
  transform: translateY(-3px);
  box-shadow: rgba(45, 35, 66, 0.3) 0 4px 8px, rgba(45, 35, 66, 0.2) 0 7px 13px -3px, #999 0 -3px 0 inset;
}

.section-2 .proBox:last-child {
  margin-top: 0.6rem;
}

.section-3 {
  position: relative;
}

.section-3 .head {
  width: 100%;
  height: 10.5rem;
  background: linear-gradient(246deg, #eefdff 1%, #f8f1ff 98%);
  padding: 0.8rem 0;
  position: relative;
  z-index: 10;
}

.section-3 .model-head {
  text-align: center;
}

.section-3 .list {
  width: 100%;
  margin-top: 1.37rem;
  display: flex;
  justify-content: flex-end;
}

.section-3 .list .inner {
  display: flex;
}

.section-3 .list .inner .item {
  margin-left: 0.6rem;
  width: 2.6rem;
  height: 4.9rem;
  position: relative;
  border-radius: 2.5rem 2.5rem 0 0;
}

.section-3 .list .inner .item .bg {
  width: 100%;
  height: 100%;
  border-radius: 2.5rem 2.5rem 0 0;
}

.section-3 .list .inner .item .bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  border-radius: 2.5rem 2.5rem 0 0;
}

.section-3 .list .inner .item .mask {
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  padding: 0.4rem;
}

.section-3 .list .inner .item .mask .title {
  font-size: 0.36rem;
  font-weight: bold;
}

.section-3 .list .inner .item .mask .text {
  font-size: 0.16rem;
  margin-top: 0.6rem;
  text-align: left;
  line-height: 1.6;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.section-3 .list .inner .item .mask .emt {
  width: 100%;
  height: 1.8rem;
  flex-shrink: 0;
}

.section-3 .foot {
  width: 100%;
  height: 5.2rem;
  margin-top: -13%;
  background: #f7f8fa;
  padding-left: 1.6rem;
}

.section-3 .foot .imgs {
  width: 100%;
  height: 100%;
  border-radius: 2.5rem 0 0 2.5rem;
  position: relative;
  z-index: 30;
}

.section-3 .foot .imgs img {
  height: 100%;
  width: 100%;
  display: block;
  border-radius: 2.5rem 0 0 2.5rem;
  object-fit: cover;
}

.section-4 {
  background: #f7f8fa;
  padding: 1.2rem 0;
  height: 7rem;
}

.section-4 .inner {
  width: 100%;
  display: grid;
  grid-template-columns: 8.8rem 1fr;
  gap: 0.4rem;
}

.section-4 .yh {
  width: 0.56rem;
  height: 0.33rem;
}

.section-4 .yh img {
  display: block;
  width: 100%;
  height: 100%;
}

.section-4 .le {
  position: relative;
  width: 100%;
  background-size: contain;
  padding-top: 1.4rem;
  display: flex;
  flex-direction: column;
}

.section-4 .le .title {
  font-size: 0.76rem;
  line-height: 1.4;
  font-weight: bold;
  background: linear-gradient(to bottom, #0066cc 0%, #8d4494 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.section-4 .le .text {
  color: #0066cc;
  height: 0.9rem;
  line-height: 1.6;
  margin: 0.55rem 0;
  font-size: 0.28rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.section-4 .le .yh {
  margin: 0rem 1rem 0 auto;
}

.section-4 .right {
  height: auto;
  position: relative;
}

.section-4 .right .box {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.section-4 .right .item .mask {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.section-4 .right .item:nth-child(2) {
  cursor: pointer;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 2.5rem 2.5rem 2.5rem 0px;
  background: linear-gradient(270deg, #8c4494 0%, #034988 100%);
  position: relative;
}

.section-4 .right .item:nth-child(2) .mask {
  border-radius: 2.5rem 2.5rem 2.5rem 0px;
  font-size: 0.36rem;
}

.section-4 .right .item:nth-child(3) {
  background: #ccc;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 2.5rem 0px 2.5rem 2.5rem;
  padding: 0.2rem;
  background: rgba(0, 102, 204, 0.2);
}

.section-4 .right .item:nth-child(3) .imgs {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 2.5rem 0px 2.5rem 2.5rem;
}

.section-4 .right .item:nth-child(3) .imgs img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2.5rem 0px 2.5rem 2.5rem;
}

.section-4 .right .item:nth-child(3) .mask {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 2.5rem 0px 2.5rem 2.5rem;
  font-size: 0.64rem;
}

.bread {
  width: 100%;
  margin: 0.26rem 0 0;
}

.bread .inner {
  padding: 0 0.4rem 0 1.34rem;
  max-width: 95%;
  background: #e2eefa;
  border-radius: 0 0.5rem 0.5rem 0;
  position: relative;
}

.bread .inner .swiper {
  padding-right: 0.3rem;
  width: 100%;
}

.bread .inner .swiper .swiper-slide {
  padding: 0.12rem 0;
  text-align: center;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0.16rem;
}

.bread .inner .swiper .swiper-slide a {
  width: 100%;
  transition: all 0.3s;
  white-space: nowrap;
  display: block;
}

.bread .inner .swiper .swiper-slide.active {
  background: #0066cc;
  border-radius: 0.5rem;
  color: #fff;
}

.bread .inner .swiper .swiper-slide.active a {
  color: #fff;
}

.bread .inner .swiper .swiper-slide:hover {
  background: #0066cc;
  border-radius: 0.5rem;
  color: #fff;
}

.bread .inner .swiper .swiper-slide:hover a {
  color: #fff;
}

.bread .inner .swiper-button-next {
  right: 0.2rem;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.bread .inner .swiper-button-next::after {
  font-size: 0.16rem;
  padding: 0.1rem 0.15rem;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
}

.bread2 {
  padding: 0.15rem 0;
}

.bread2 .tabNav {
  font-size: 0.15rem;
  color: #999999;
}

.bread2 .tabNav a {
  font-size: 0.15rem;
  color: #999999;
}

.Pages {
  min-height: 34.5vh;
}

.banner2 {
  width: 100%;
  margin-top: 1.2rem;
  height: 4.8rem;
  color: #fff;
  position: relative;
}

.banner2 .bg {
  width: 100%;
  height: 100%;
}

.banner2 .bg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.banner2 .mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
}

.banner2 .mask .box {
  text-align: center;
  background: rgba(0, 102, 204, 0.6);
  width: 6.2rem;
  height: 2.6rem;
  padding: 0.4rem 0.6rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 2.5rem;
}

.banner2 .mask .box .en {
  font-size: 0.28rem;
  font-weight: bold;
  flex-shrink: 0;
}

.banner2 .mask .box h3 {
  font-size: 0.48rem;
  margin-bottom: 0.1rem;
}

.banner2 .mask .box .ftitle {
  font-size: 0.2rem;
  text-align: center;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.product .brief {
  grid-column: 3 / 5;
  left: -1.5rem;
  left: 0;
  width: calc(100% + 1.5rem);
  border-radius: 2.5rem 0px 0px 2.5rem;
  padding: 0.9rem 0.4rem 0.9rem 1.6rem;
}

.product .brief .text {
  max-width: 6.2rem;
  margin-top: 0.3rem;
  font-size: 0.24rem;
}

.proMain {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 5.8rem;
  gap: 0.3rem;
}

.proMain .proInner {
  background: #fff;
  padding: 0.4rem 0 2rem;
}

.proMain .recommend {
  background: #fff;
  padding: 0.35rem 1.6rem 1rem 0.35rem;
  box-sizing: border-box;
}

.proMain .recommend .boxs:last-child {
  margin-top: 1rem;
}

.proMain .recommend .title {
  font-weight: bold;
  font-size: 0.3rem;
}

.proMain .recommend .list {
  margin-top: 0.3rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.12rem;
  row-gap: 0.25rem;
}

.proMain .recommend .list .inner {
  width: 100%;
  position: relative;
  font-size: 0.16rem;
  text-align: center;
}

.proMain .recommend .list .inner .item {
  width: 100%;
  position: relative;
  margin-bottom: 0.2rem;
}

.proMain .recommend .list .inner .item .imgs {
  width: 100%;
  height: 2.2rem;
}

.proMain .recommend .list .inner .item .imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.proMain .recommend .list .inner .item .mask {
  display: none;
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 102, 204, 0.3), rgba(0, 102, 204, 0.3));
}

.proMain .recommend .list .inner .item .mask .box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  color: #fff;
  padding: 0.2rem;
}

.proMain .recommend .list .inner .item .mask .box a {
  color: #fff;
}

.proMain .recommend .list .inner .item .mask .box .button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.14rem;
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  padding: 0.1rem 0.3rem;
  background: #1a1a1a;
  transition: all 0.3s;
}

.proMain .recommend .list .inner .item .mask .box .button .icon {
  width: 0.2rem;
  height: 0.19rem;
  flex-shrink: 0;
  margin-right: 0.1rem;
}

.proMain .recommend .list .inner .item .mask .box .button .icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.proMain .recommend .list .inner .item .mask .box .button:hover {
  background: #0d4484;
}

.proMain .recommend .list .inner .name {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.proMain .recommend .list .items {
  width: 100%;
}

.proMain .recommend .list .items a {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.proMain .recommend .list .items a .name {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  font-size: 0.16rem;
}

.proMain .recommend .list .items a .imgs {
  width: 100%;
  height: 1.38rem;
  margin-bottom: 0.1rem;
}

.proMain .recommend .list .items a .imgs img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search .proBox {
  padding: 0 0.4rem 0 1.6rem;
  grid-template-columns: repeat(3, 1fr);
}

.search .empty .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10%;
  font-size: 0.18rem;
  color: #333;
}

.search .empty .box img {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
}

.proDeta {
  background: #f4f4f4;
  width: 100%;
}

.proDeta .bread2 {
  margin-top: 1.2rem;
  width: 100%;
}

.proDeta .head {
  width: 100%;
  display: grid;
  grid-template-columns: 4.6rem 1fr;
  gap: 0.5rem;
  height: auto;
  box-sizing: border-box;
  padding: 0 1.1rem 1.36rem 1.6rem;
}

.proDeta .head .content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.proDeta .head .content .box {
  height: 4.6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.proDeta .head .content h3 {
  font-size: 0.32rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #eeeeee;
  font-weight: bold;
}

.proDeta .head .content .text {
  margin: 0.2rem 0 auto;
  font-size: 0.14rem;
  line-height: 1.8;
}

.proDeta .head .content .info .item {
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
  font-size: 0.14rem;
}

.proDeta .head .content .info .item .label {
  color: #767676;
  min-width: 0.7rem;
}

.proDeta .head .content .info .item .value {
  display: flex;
  align-items: center;
}

.proDeta .head .content .info .item .value .tab {
  padding: 0.1rem 0.24rem;
  background: #f7f8fc;
  margin-right: 0.1rem;
  border-radius: 2px;
  border: 1px solid #f7f8fc;
  cursor: pointer;
  transition: all 0.3s;
}

.proDeta .head .content .info .item .value .tab.active {
  background: #eaf4ff;
  border: 1px solid #0066cc;
  color: #0066cc;
}

.proDeta .head .content .info .item .value .tab:hover {
  background: #eaf4ff;
  border: 1px solid #0066cc;
  color: #0066cc;
}

.proDeta .head .content .info .item .value .sub,
.proDeta .head .content .info .item .value .add {
  width: 0.34rem;
  height: 0.34rem;
  border: 1px solid #eeeeee;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.16rem;
  background: #f7f8fc;
  transition: all 0.3s;
  cursor: pointer;
}

.proDeta .head .content .info .item .value .sub:hover,
.proDeta .head .content .info .item .value .add:hover {
  background: #eaf4ff;
  border: 1px solid #0066cc;
  color: #0066cc;
}

.proDeta .head .content .info .item .value .num {
  margin: 0 0.15rem;
}

.proDeta .head .content .foot {
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
}

.proDeta .head .content .foot .pice {
  font-size: 0.42rem;
  font-weight: bold;
  color: #0066cc;
  flex-shrink: 0;
  margin-right: 0.5rem;
}

.proDeta .head .content .foot .button {
  padding: 0.15rem 0.75rem;
  font-size: 0.18rem;
  background: #0066cc;
  border-radius: 0.5rem;
  color: #fff;
  transition: all 0.3s;
  cursor: pointer;
}

.proDeta .head .content .foot .button:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.proDeta .head .right {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}

.proDeta .head .right .mySwiper2 {
  width: 100%;
  height: 4.6rem;
  box-sizing: border-box;
  border: 1px solid #999;
  background: #f7f7f8;
}

.proDeta .head .right .mySwiper2 .swiper-slide {
  width: 100%;
  height: 100%;
}

.proDeta .head .right .mySwiper2 .swiper-slide .imgs {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.proDeta .head .right .mySwiper2 .swiper-slide .imgs img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.proDeta .head .right .mySwiper2 .swiper-slide video {
  width: 100%;
  height: 100%;
}

.proDeta .head .right .mySwiper2 .swiper-button-prev::after,
.proDeta .head .right .mySwiper2 .swiper-button-next::after {
  border: none;
  font-size: 0.25rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  padding: 0.15rem 0.2rem;
  font-weight: bold;
  transition: all 0.3s;
}

.proDeta .head .right .mySwiper {
  width: 100%;
  height: 0.8rem;
  margin-top: 0.2rem;
}

.proDeta .head .right .mySwiper .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  opacity: 0.4;
  margin-right: 0.4rem;
  border: 1px solid #999;
}

.proDeta .head .right .mySwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.proDeta .head .right .mySwiper .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.proDeta .head .right .mySwiper .swiper-slide .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.proDeta .head .right .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.proDeta .center {
  padding-right: 0.5rem;
}

.proDeta .center .tabs {
  padding-left: 1.4rem;
  width: 100%;
  background: #e2eefa;
  border-radius: 0 0.5rem 0.5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.proDeta .center .tabs .tab {
  width: 100%;
  padding: 0.12rem 0;
  text-align: center;
  transition: all 0.3s;
  font-size: 0.18rem;
  cursor: pointer;
  margin-right: 0.1rem;
}

.proDeta .center .tabs .tab.active {
  background: #0066cc;
  border-radius: 0.5rem;
  color: #fff;
}

.proDeta .center .tabs .tab:hover {
  background: #0066cc;
  border-radius: 0.5rem;
  color: #fff;
}

.proDeta .center .main {
  margin: 0.28rem 0 0 1.6rem;
}

.proDeta .center .main table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  /* 固定表格布局，避免列宽被内容撑开 */
}

.proDeta .center .main table thead {
  width: 100%;
}

.proDeta .center .main table thead th {
  text-align: center;
  background: #f7f8fc;
  border: 1px solid #eeeeee;
  font-size: 0.16rem;
  padding: 0.1rem 0;
  font-weight: bold;
  word-wrap: break-word;
  min-width: 2rem;
}

.proDeta .center .main table tbody {
  width: 100%;
}

.proDeta .center .main table tbody td {
  text-align: center;
  border: 1px solid #eeeeee;
  font-size: 0.14rem;
  padding: 0.1rem;
  word-wrap: break-word;
}

.proDeta .center .main .table2 {
  margin-top: 0.3rem;
}

.proDeta .center .main .biao {
  margin-top: 0.2rem;
}

.proDeta .center .main .biao .title {
  font-weight: bold;
  font-size: 0.16rem;
  background: #f7f8fc;
  padding: 0.1rem 0.3rem;
}

.proDeta .center .main .biao .item {
  width: 100%;
  display: grid;
  grid-template-columns: 3.5rem 1fr;
}

.proDeta .center .main .biao .item .label {
  font-size: 0.14rem;
  padding: 0.16rem 0.3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #eeeeee;
  text-align: center;
}

.proDeta .center .main .biao .item .value {
  width: 100%;
  font-size: 0.14rem;
  padding: 0.16rem 0.25rem;
  border: 1px solid #eeeeee;
  margin-left: -1px;
}

.proDeta .center .main .model {
  margin-top: 0.3rem;
}

.proDeta .center .main .model .title {
  margin-bottom: 0.15rem;
  font-size: 0.24rem;
}

.proDeta .center .main .model .content {
  font-size: 0.15rem;
  line-height: 1.8;
  text-align: justify;
}

.proDeta .center .main-3 .item {
  margin-bottom: 0.3rem;
  display: flex;
  align-items: center;
}

.proDeta .center .main-3 .item .icon {
  width: 0.95rem;
  height: 1.05rem;
  flex-shrink: 0;
  margin-right: 0.2rem;
}

.proDeta .center .main-3 .item .icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.proDeta .center .main-3 .item .info .name {
  color: #0773d4;
  font-size: 0.14rem;
}

.proDeta .center .main-3 .item .info .tip {
  font-size: 0.12rem;
}

.proDeta .center .main-3 .item .info .inp {
  display: flex;
  align-items: center;
}

.proDeta .center .main-3 .item .info .inp .code {
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  padding: 0 0.15rem;
  height: 0.3rem;
  background: #0773d4;
  text-align: center;
  color: #fff;
  line-height: 0.3rem;
  font-size: 0.14rem;
  margin-left: 0.1rem;
}

.proDeta .center .main-3 .item .info input {
  display: block;
  width: 2.1rem;
  height: 0.3rem;
  padding: 0 0.1rem;
  font-size: 0.12rem;
}

.proDeta .center .main-3 .item .info button {
  display: block;
  background: #52a5de;
  color: #fff;
  padding: 4px 0.14rem;
  font-size: 0.14rem;
  border-radius: 5px;
  margin-top: 4px;
}

.proDeta .center .main-4 .content p {
  margin-bottom: 0.2rem;
}

.proDeta .center .main-6 .content {
  margin-top: 0.6rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.proDeta .center .main-6 .content h4 {
  font-size: 0.24rem;
  font-weight: normal;
}

.proDeta .center .main-6 .content .tip {
  padding: 0.1rem 0;
  width: 100%;
  text-align: center;
  font-size: 0.15rem;
  background: #f7f8fc;
  border-radius: 0.5rem;
  margin: 0.27rem 0;
}

.proDeta .center .main-6 .content .cal {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.3rem;
}

.proDeta .center .main-6 .content .cal .item {
  width: 100%;
  height: 1.4rem;
  background: #f7f8fc;
  border-radius: 0.25rem;
  padding: 0.2rem 0.25rem;
  box-sizing: border-box;
}

.proDeta .center .main-6 .content .cal .item .name {
  color: #0066cc;
  font-size: 0.18rem;
}

.proDeta .center .main-6 .content .cal .item .input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.15rem;
}

.proDeta .center .main-6 .content .cal .item .input input {
  width: 100%;
  height: 0.48rem;
  display: block;
  background: #fff;
  border: none;
  border-radius: 0.5rem;
  padding: 0 0.25rem;
  font-size: 0.16rem;
}

.proDeta .center .main-6 .content .cal .item .input .unit {
  width: 1.2rem;
  height: 0.48rem;
  flex-shrink: 0;
  margin-left: 0.15rem;
  text-align: center;
  line-height: 0.48rem;
  font-size: 0.16rem;
}

.proDeta .center .main-6 .content .cal .item .input select {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #eeeeee;
  border-radius: 0.5rem;
  font-size: 0.16rem;
  outline: none;
  text-align: center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url('../img/icon/down.png') 90% center no-repeat #f7f8fc;
}

.proDeta .center .main-6 .content .count {
  color: #fff;
  background: #0066cc;
  font-size: 0.2rem;
  padding: 0.2rem 1.1rem;
  border-radius: 0.5rem;
  margin-top: 0.6rem;
}

.faq .item {
  margin-top: 0.4rem;
}

.faq .item .answer {
  font-size: 0.2rem;
}

.faq .item .question {
  font-size: 0.18rem;
  color: #767676;
  margin-top: 0.1rem;
}

.service .fw-1 {
  padding: 0.6rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.service .fw-1 h3 {
  font-size: 0.44rem;
}

.service .fw-1 .text {
  font-size: .2rem;
  text-align: left;
  max-width: 90%;
  line-height: 1.8;
}

.service .fw-1 .pc {
  width: 100%;
}

.service .fw-1 .phone {
  width: 100%;
}

.service .fw-1 .swiper {
  margin-top: 0.6rem;
  padding-bottom: 1.2rem;
  width: 100%;
  height: 100%;
}

.service .fw-1 .swiper .swiper-slide {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 0.3rem;
  row-gap: 0.6rem;
  font-size: 0.24rem;
}

.service .fw-1 .swiper .swiper-slide .item {
  width: 100%;
  height: 100%;
}

.service .fw-1 .swiper .swiper-slide .item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}

.service .fw-1 .swiper .swiper-slide .item .imgs {
  width: 100%;
  height: 2.2rem;
  border-radius: 2.5rem;
  position: relative;
  overflow: hidden;
}

.service .fw-1 .swiper .swiper-slide .item .imgs img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 2.5rem;
  transition: all 0.3s;
  transform: scale(1);
}

.service .fw-1 .swiper .swiper-slide .item .name {
  margin-top: 0.2rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.service .fw-1 .swiper .swiper-slide .item:hover .imgs {
  overflow: hidden;
  position: relative;
  transition: transform 0.5s;
}

.service .fw-1 .swiper .swiper-slide .item:hover .imgs img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(1.05);
}

.service .fw-1 .swiper .swiper-button-prev,
.service .fw-1 .swiper .swiper-button-next {
  top: 96%;
}

.service .fw-1 .swiper .swiper-button-prev::after,
.service .fw-1 .swiper .swiper-button-next::after {
  font-size: 0.25rem;
  color: #000;
}

.service .fw-1 .swiper .swiper-button-prev {
  left: 84%;
}

.service .fw-1 .swiper .swiper-button-next {
  right: 6%;
}

.service .fw-1 .swiper .swiper-pagination {
  text-align: right;
  padding-right: 10%;
  font-size: 0.22rem;
  color: #9e9e9e;
  user-select: none;
}

.service .fw-1 .swiper .swiper-pagination-current {
  font-size: 0.26rem;
  color: #1a1a1a;
}

.service .fw-2 {
  width: 100%;
  height: 5.8rem;
  margin: 0.4rem 0 0;
}

.service .fw-2 img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.service .fw-3 {
  padding: 1rem 0;
  background: #f6f5ff;
}

.service .fw-3 h3 {
  font-size: 0.44rem;
}

.service .fw-3 .inner .tip {
  font-size: 0.16rem;
  margin-top: 0.8rem;
}

.service .fw-3 .inner .form-group {
  margin: 0.2rem 0;
}

.service .fw-3 .inner .form-group textarea {
  width: 12rem;
  height: 1.2rem;
  outline: none;
  display: block;
  padding: 0.12rem;
  font-size: 0.14rem;
  box-sizing: border-box;
  border-color: #eeeeee;
}

.service .fw-3 .inner .form-group .name {
  font-size: 0.16rem;
  font-weight: bold;
}

.service .fw-3 .inner .form-group .inpt {
  display: flex;
  align-items: center;
}

.service .fw-3 .inner .form-group .inpt input {
  display: block;
  width: 3rem;
  height: 0.36rem;
  border: 1px solid #bfbfbf;
  padding: 0 0.1rem;
  font-size: 0.14rem;
}

.service .fw-3 .inner .form-group .inpt .code {
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  padding: 0 0.15rem;
  height: 0.3rem;
  background: #0773d4;
  text-align: center;
  color: #fff;
  line-height: 0.3rem;
  font-size: 0.14rem;
  margin-left: 0.1rem;
}

.service .fw-3 .inner .submit {
  color: #fff;
  background: #0066cc;
  font-size: 0.2rem;
  padding: 0.2rem 1.1rem;
  border-radius: 0.5rem;
  margin-top: 0.6rem;
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  cursor: pointer;
  transition: all 0.3s;
}

.service .fw-3 .inner .submit:hover {
  transform: translateY(-5px);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4);
}

.service .fw-3 .inner:last-child {
  margin-top: 0.9rem;
  display: grid;
  grid-template-columns: 10.1rem 1fr;
  gap: 0.9rem;
  width: 100%;
  align-items: center;
}

.service .fw-3 .inner:last-child .le {
  position: relative;
  width: 100%;
  height: 5.2rem;
  border-radius: 0px 2.5rem 2.5rem 0px;
}

.service .fw-3 .inner:last-child .le .imgs {
  position: relative;
  left: -1.55rem;
  width: calc(100% + 1.55rem);
  height: 100%;
  border-radius: 0px 2.5rem 2.5rem 0px;
}

.service .fw-3 .inner:last-child .le .imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0px 2.5rem 2.5rem 0px;
}

.service .fw-3 .inner:last-child .right {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.service .fw-3 .inner:last-child .right .item {
  margin-top: 0.6rem;
  font-size: 0.28rem;
  font-weight: bold;
}

.service .fw-3 .inner:last-child .right .item .name {
  font-size: 0.36rem;
  color: #767676;
  font-weight: normal;
}

.service .fw-3 .inner:last-child .right .icon {
  width: 0.8rem;
  height: 0.68rem;
}

.service .fw-3 .inner:last-child .right .icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fuwuDeta {
  width: 100%;
  padding: 0.4rem 0;
  display: flex;
  flex-direction: column;
}

.fuwuDeta .head {
  width: 100%;
  display: grid;
  grid-template-columns: 3.6rem 1fr;
  gap: 0.9rem;
  align-items: center;
}

.fuwuDeta .head .imgs {
  width: 100%;
  height: 3.6rem;
}

.fuwuDeta .head .imgs img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fuwuDeta .head .content {
  width: 100%;
  padding: 0.2rem 0;
}

.fuwuDeta .head .content .title {
  font-weight: bold;
  font-size: 0.44rem;
}

.fuwuDeta .head .content .text {
  margin-top: 0.5rem;
  font-size: 0.18rem;
  line-height: 1.8;
}

.fuwuDeta .tabs {
  width: 91%;
  padding-left: 1.4rem;
  background: #e2eefa;
  border-radius: 0 0.5rem 0.5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 1rem 0;
}

.fuwuDeta .tabs .tab {
  width: 100%;
  padding: 0.12rem 0;
  text-align: center;
  transition: all 0.3s;
  margin-right: 0.1rem;
  font-size: 0.18rem;
  cursor: pointer;
  margin-right: 0.3rem;
}

.fuwuDeta .tabs .tab.active {
  background: #0066cc;
  border-radius: 0.5rem;
}

.fuwuDeta .tabs .tab.active a {
  color: #fff;
}

.fuwuDeta .tabs .tab:hover {
  background: #0066cc;
  border-radius: 0.5rem;
}

.fuwuDeta .tabs .tab:hover a {
  color: #fff;
}

.fuwuDeta .fw-head {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fuwuDeta .fw-head h3 {
  font-size: 0.36rem;
}

.fuwuDeta .fw-head .tip {
  color: #767676;
  font-size: 0.18rem;
  margin-top: 0.15rem;
  line-height: 1.6;
  max-width: 80%;
}

.fuwuDeta .process {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.88rem;
  padding: 0.8rem 0;
}

.fuwuDeta .process .item {
  width: 100%;
  height: 3rem;
  border-radius: 2.5rem;
  background: #f7f8fc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 0.2rem;
  position: relative;
}

.fuwuDeta .process .item .name {
  text-align: center;
  width: 100%;
  height: 1rem;
  margin-top: 0.2rem;
  font-size: 0.16rem;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.fuwuDeta .process .item::after {
  content: '';
  display: block;
  position: absolute;
  right: -0.55rem;
  background: url(../img/icon/right.png) no-repeat center;
  width: 0.35rem;
  height: 0.9rem;
}

.fuwuDeta .process .item:last-child {
  margin-right: 0;
}

.fuwuDeta .process .item:last-child::after {
  display: none;
}

.fuwuDeta .proces {
  padding: 0.8rem 0;
  width: 100%;
}

.fuwuDeta .proces img {
  max-width: 100% !important;
  display: block;
  width: fit-content !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 auto;
}

.fuwuDeta .main {
  position: relative;
  box-sizing: border-box;
}

.fuwuDeta .main .content {
  margin-top: 0.8rem;
  font-size: 0.16rem;
  line-height: 1.8;
}

.fuwuDeta .main .content p {
  font-size: 0.16rem;
  line-height: 1.8;
}

.fuwuDeta .main .content img {
  width: fit-content !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  max-width: 100% !important;
  height: 100%;
  display: block;
  margin: 0.1rem auto;
}

.fuwuDeta .main-2 {
  width: 91%;
  background: linear-gradient(270deg, #f0e2f6 0%, #deefff 100%);
  border-radius: 0 2.5rem 2.5rem 0;
  padding: 0.7rem 2rem 0.7rem 3.3rem;
  min-height: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fuwuDeta .main-2 .content {
  margin-top: 0;
  display: flex;
  align-items: center;
}

.fuwuDeta .main-2 .fw-head {
  text-align: left;
  flex-shrink: 0;
  margin-right: 1rem;
}

.fuwuDeta .main-2 .text {
  font-size: 0.17rem;
  margin-top: 0;
  line-height: 1.8;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.fuwuDeta .main-2 .text span {
  color: #767676;
}

.fuwuDeta .main-3 {
  margin: 1.5rem 0 1.5rem auto;
  width: 91%;
  background: linear-gradient(270deg, #f0e2f6 0%, #deefff 100%);
  border-radius: 2.5rem 0 0 2.5rem;
  padding: 0.7rem 2rem 0.7rem 3.3rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fuwuDeta .main-3 p {
  font-size: 0.17rem;
  margin: 5px 0;
}

.fuwuDeta .main-3 .content {
  margin-top: 0;
  display: flex;
  align-items: center;

}

.fuwuDeta .main-3 .fw-head {
  text-align: left;
  flex-shrink: 0;
  margin-right: 1rem;
}

.fuwuDeta .main-3 .text {
  font-size: 0.17rem;
  line-height: 1.8;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.fuwuDeta .main-3 .text p {
  font-size: 0.17rem;
  margin: 5px 0;
}

.fuwuDeta .main-3 .text span {
  color: #767676;
}

.fuwuDeta .main-4 {
  padding-bottom: 1.2rem;
}

.fuwuDeta .main-5 {
  background: #f7faff;
  padding: 0.7rem 0;
  position: relative;
  min-height: 60vh;
}

.fuwuDeta .main-5 .bg {
  width: 12rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0.1rem;
}

.fuwuDeta .main-5 .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fuwuDeta .main-5 .w {
  position: relative;
  z-index: 1;
}

.fuwuDeta .main-5 .select {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  margin: 0.75rem 0;
}

.fuwuDeta .main-5 .select .tab {
  display: flex;
  align-items: center;
  padding: 0.13rem 0.32rem;
  background: #e2e6f6;
  border-radius: 0.5rem;
  color: #1a1a1a;
  font-size: 0.15rem;
  transition: all 0.3s;
  cursor: pointer;
}

.fuwuDeta .main-5 .select .tab .icon {
  width: 0.36rem;
  height: 0.36rem;
  flex-shrink: 0;
  margin-right: 0.1rem;
}

.fuwuDeta .main-5 .select .tab .icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fuwuDeta .main-5 .select .tab.active {
  background: #114a7b;
  color: #fff;
}

.fuwuDeta .main-5 .select .tab:hover {
  background: #114a7b;
  color: #fff;
}

.fuwuDeta .main-5 .body h3 {
  font-size: 0.2rem;
}

.fuwuDeta .main-5 .body .item {
  margin-top: 0.3rem;
}

.fuwuDeta .main-5 .body .item .name {
  font-size: 0.18rem;
  font-weight: bold;
}

.fuwuDeta .main-5 .body .item .text p {
  font-size: 0.15rem;
  line-height: 1.8;
}

.fuwuDeta .main-5 .body .item .text img {
  max-width: 100% !important;
  display: block;
  width: fit-content !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0.4rem 0;
}

.fuwuDeta .main-6 {
  padding: 1.1rem 0;
}

.fuwuDeta .main-6 .tabel {
  margin-top: 0.7rem;
  width: 100%;
}

.fuwuDeta .main-6 .tabel .inner {
  display: flex;
  align-items: center;
  background: #f7f8fc;
  margin-bottom: 0.2rem;
}

.fuwuDeta .main-6 .tabel .inner .label {
  font-size: 0.14rem;
  padding: 0.12rem;
  width: 4rem;
  text-align: center;
  height: 100%;
}

.fuwuDeta .main-6 .tabel .inner .value {
  background: #fff;
  flex: 1;
}

.fuwuDeta .main-6 .tabel .inner .value .item {
  border: 1px solid #eee;
  font-size: 0.14rem;
  padding: 0.12rem 1rem;
}

.fuwuDeta .main-7 {
  padding-bottom: 1rem;
}

.fuwuDeta .main-7 form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fuwuDeta .main-7 .form {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
  margin-top: 0.7rem;
}

.fuwuDeta .main-7 .item {
  width: 100%;
}

.fuwuDeta .main-7 .item .title {
  font-size: 0.14rem;
}

.fuwuDeta .main-7 .item .title span {
  color: red;
}

.fuwuDeta .main-7 .item input {
  margin-top: 5px;
  display: block;
  width: 100%;
  height: 0.35rem;
  padding: 0 0.1rem;
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  font-size: 0.14rem;
}

.fuwuDeta .main-7 .item textarea {
  width: 100%;
  height: 0.7rem;
  padding: 0.1rem;
  box-sizing: border-box;
  font-size: 0.14rem;
  margin-top: 5px;
  border: 1px solid #eeeeee;
  outline: none;
}

.fuwuDeta .main-7 .item:last-child {
  margin-top: 0.4rem;
}

.fuwuDeta .main-7 .submit {
  padding: 0.17rem 0.64rem;
  border-radius: 5px;
  font-size: 0.18rem;
  background: #116fcf;
  color: #fff;
  margin-top: 0.45rem;
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  cursor: pointer;
  transition: all 0.3s;
}

.fuwuDeta .main-7 .submit:hover {
  transform: translateY(-5px);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4);
}

.cust .titles {
  font-size: 0.44rem;
  padding: 0.23rem 0.54rem;
  background: #f7f8fc;
  border-radius: 2.5rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  margin-bottom: 0.3rem;
}

.cust .text {
  font-size: 0.16rem;
  line-height: 1.8;
}

.cust .main2-2 {
  display: grid;
  grid-template-columns: 9.8rem 1fr;
  gap: 0.5rem;
  align-items: center;
  margin: 1rem 0;
}

.cust .main2-2 .fw-head {
  text-align: left;
}

.cust .main2-2 .imgs {
  width: 100%;
  height: 5.2rem;
}

.cust .main2-2 .imgs img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cust .main2-2 .text {
  width: 100%;
  margin-top: 0.5rem;
  width: 76%;
}

.cust .main2-2 .text p {
  font-size: 0.18rem;
  line-height: 1.8;
  margin: 5px 0;
}

.cust .main2-3 .swiper {
  margin: 1rem 0;
  padding: 0.6rem 0 0.8rem;
  width: 100%;
  height: 100%;
}

.cust .main2-3 .swiper .swiper-slide {
  width: 100%;
  height: 4.7rem;
  position: relative;
  border-radius: 2.6rem;
  transform: translateY(-0.3rem);
  user-select: none;
}

.cust .main2-3 .swiper .swiper-slide .bg {
  width: 100%;
  height: 100%;
  border-radius: 2.6rem;
}

.cust .main2-3 .swiper .swiper-slide .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2.6rem;
}

.cust .main2-3 .swiper .swiper-slide .mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #116fcf 16%, rgba(17, 111, 207, 0) 60%);
  border-radius: 2.6rem;
  width: 100%;
  overflow: hidden;
  padding: 0.45rem;
  text-align: center;
}

.cust .main2-3 .swiper .swiper-slide .mask .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}

.cust .main2-3 .swiper .swiper-slide .mask .box .text {
  line-height: 1.6;
  color: #fff;
  font-size: 0.16rem;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.cust .main2-3 .swiper .swiper-slide:nth-child(3n) {
  transform: translateY(0);
}

.cust .main2-3 .swiper .swiper-slide:nth-child(2n) {
  transform: translateY(-0.6rem);
}

.cust .main2-3 .swiper .swiper-pagination {
  top: 98%;
  width: 90%;
}

.cust .main2-3 .swiper .swiper-button-next,
.cust .main2-3 .swiper .swiper-button-prev {
  top: 98%;
}

.cust .main2-3 .swiper .swiper-button-next i,
.cust .main2-3 .swiper .swiper-button-prev i {
  font-size: 0.3rem;
  color: #767676;
}

.cust .main2-3 .swiper .swiper-button-next::after,
.cust .main2-3 .swiper .swiper-button-prev::after {
  display: none;
}

.cust .main2-3 .swiper .swiper-button-prev {
  left: 94%;
}

.cust .main2-4 .swiper {
  margin-top: 1rem;
  padding-bottom: 1rem;
}

.cust .main2-4 .swiper .swiper-slide {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cust .main2-4 .swiper .swiper-slide .imgs {
  width: 100%;
  height: 2.4rem;
}

.cust .main2-4 .swiper .swiper-slide .imgs img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.cust .main2-4 .swiper .swiper-slide .name {
  font-size: 0.26rem;
  margin: 0.2rem 0;
}

.cust .main2-4 .swiper .swiper-slide .icon {
  width: 0.36rem;
  height: 0.36rem;
}

.cust .main2-4 .swiper .swiper-slide .icon img {
  width: 100%;
  height: 100%;
}

.cust .main2-4 .swiper .swiper-slide .hide {
  display: none;
}

.cust .main2-4 .swiper .swiper-slide .mask {
  margin-top: 0.1rem;
  display: none;
}

.cust .main2-4 .swiper .swiper-slide .mask .text {
  font-size: 0.16rem;
  color: #767676;
  text-align: center;
}

.cust .main2-4 .swiper .swiper-pagination-bullet {
  width: 0.2rem;
  height: 0.2rem;
  background: #0066cc;
}

.resource {
  padding: 0.4rem 0 1rem;
}

.resource .w {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.resource .tabs {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
}

.resource .tabs .tab {
  padding: 0.18rem 0.6rem;
  border-radius: 0.5rem;
  background: #e2eefa;
  transition: all 0.3s;
  font-size: 0.2rem;
  cursor: pointer;
}

.resource .tabs .tab.active {
  background: #0066cc;
  color: #fff;
}

.resource .tabs .tab:hover {
  background: #0066cc;
  color: #fff;
}

.resource .searchBox {
  margin: 0.75rem 0 0.46rem;
  width: 7.2rem;
}

.resource .body {
  width: 100%;
}

.resource .resList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.3rem;
  width: 100%;
}

.resource .resList .item {
  width: 100%;
  padding: 0.37rem 0.45rem;
  background: #f5f5f7;
  border-radius: 2.5rem;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  box-sizing: border-box;
}

.resource .resList .item .info {
  width: 100%;
}

.resource .resList .item .info .name {
  font-size: 0.22rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.resource .resList .item .info .name .icon {
  width: 0.44rem;
  height: 0.44rem;
  flex-shrink: 0;
  margin-right: 0.1rem;
}

.resource .resList .item .info .name .icon img {
  width: 100%;
  height: 100%;
}

.resource .resList .item .info .name h5 {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.resource .resList .item .info .name.pdf .icon img:not(.pdfimg) {
  display: none;
}

.resource .resList .item .info .name.doc .icon img:not(.docimg) {
  display: none;
}

.resource .resList .item .info .tips {
  color: #666;
  font-size: 0.15rem;
  display: flex;
  margin: 0.16rem 0 0.1rem;
  align-items: center;
}

.resource .resList .item .info .tips .ite {
  margin-right: 0.5rem;
}

.resource .resList .item .info .tips .ite:last-child {
  margin-right: 0;
}

.resource .resList .item .info .date {
  color: #666;
  font-size: 0.15rem;
}

.resource .resList .item .dwon a,
.resource .resList .item .dwon button {
  display: block;
  padding: 0.16rem 0.44rem;
  height: fit-content;
  background: #fff;
  border-radius: 0.5rem;
  font-size: 0.16rem;
  border: none;
  transition: all 0.3s;
}

.resource .resList .item .dwon a:hover,
.resource .resList .item .dwon button:hover {
  background: #0066cc;
  color: #fff;
}

.resource .newList a {
  display: block;
  margin-bottom: 0.25rem;
}

.resource .newList .item {
  width: 100%;
  height: 2rem;
  padding: 0.3rem;
  background: #f5f5f7;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.resource .newList .item .imgs {
  width: 2.2rem;
  height: 1.4rem;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  margin-right: 0.2rem;
}

.resource .newList .item .imgs img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
  transform: scale(1);
}

.resource .newList .item .content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.resource .newList .item .content .title {
  font-size: 0.22rem;
  font-weight: bold;
  transition: all 0.3s;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.resource .newList .item .content .tip {
  margin: 5px 0;
  display: flex;
  align-items: center;
  font-size: 0.14rem;
}

.resource .newList .item .content .tip .ico {
  width: 0.14rem;
  height: 0.14rem;
  flex-shrink: 0;
  margin-right: 0.1rem;
}

.resource .newList .item .content .tip .ico img {
  width: 100%;
  height: 100%;
  display: block;
}

.resource .newList .item .content .text {
  margin-bottom: auto;
  color: #767676;
  font-size: 0.14rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.resource .newList .item .content .look {
  color: #0066cc;
  font-size: 0.14rem;
}

.resource .newList .item:hover .imgs {
  overflow: hidden;
  position: relative;
  transition: transform 0.5s;
}

.resource .newList .item:hover .imgs img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(1.05);
}

.resource .newList .item:hover .content .title {
  color: #0066cc;
}

.resource .problemList {
  width: 100%;
  display: grid;
  grid-template-columns: 5rem 1fr;
  gap: 0.3rem;
}

.resource .problemList .inner {
  background: #f7f8fc;
}

.resource .problemList .left {
  width: 100%;
  height: 100%;
}

.resource .problemList .left .tabList {
  width: 100%;
}

.resource .problemList .left .tabList .tab {
  width: 100%;
  padding: 0.18rem 0.34rem;
  font-size: 0.18rem;
  transition: all 0.3s;
  cursor: pointer;
}

.resource .problemList .left .tabList .tab:hover {
  background: #e2eefa;
}

.resource .problemList .left .tabList .tab.active {
  background: #e2eefa;
}

.resource .problemList .content {
  padding: 0.2rem 0.3rem;
}

.resource .problemList .content .top .name {
  font-size: 0.28rem;
  font-weight: bold;
}

.resource .problemList .content .top .time {
  font-size: 0.14rem;
  color: #767676;
  margin-top: 0.1rem;
}

.resource .problemList .content .faq .item {
  margin-top: 0.4rem;
}

.resource .problemList .content .faq .item .answer {
  font-size: 0.18rem;
}

.resource .problemList .content .faq .item .question {
  font-size: 0.16rem;
  color: #767676;
  margin-top: 0.1rem;
}

.lxwm {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.7rem;
  padding: 1rem 0;
}

.lxwm .inner {
  width: 100%;
}

.lxwm .inner h4 {
  font-size: 0.36rem;
  margin-bottom: 0.6rem;
}

.lxwm .inner .map {
  width: 100%;
  height: 11rem;
}

.lxwm .inner .map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.lxwm .inner map {
  width: 100%;
  height: 11rem;
}

.lxwm .view {
  padding: 0 3.6rem;
  width: 100%;
}

.lxwm .view .lists {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.4rem;
  row-gap: 0.25rem;
}

.lxwm .view .lists .item {
  display: flex;
  align-items: center;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #eeeeee;
}

.lxwm .view .lists .item .icon {
  width: 0.44rem;
  height: 0.44rem;
  flex-shrink: 0;
  margin-right: 0.1rem;
}

.lxwm .view .lists .item .icon img {
  width: 100%;
  height: 100%;
  display: block;
}

.lxwm .view .lists .item .info {
  font-size: 0.18rem;
}

.lxwm .view .lists .item .info .name {
  font-size: 0.16rem;
  color: #767676;
}

.lxwm .view .content {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.6rem;
}

.lxwm .view .content .iner {
  width: 100%;
  padding: 0.3rem 0.2rem;
  background: #fff;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
}

.lxwm .view .content .iner .title {
  font-size: 0.24rem;
}

.lxwm .view .content .iner .info {
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
}

.lxwm .view .content .iner .info .icon {
  width: 0.44rem;
  height: 0.44rem;
  flex-shrink: 0;
  margin-right: 0.2rem;
}

.lxwm .view .content .iner .info .icon img {
  width: 100%;
  height: 100%;
  display: block;
}

.lxwm .view .content .iner .info .list .item {
  margin: 0.05rem 0;
}

.lxwm .view.contact {
  margin-top: 0.8rem;
}

.lxwm .view.contact form {
  display: flex;
  flex-direction: column;
}

.lxwm .view.contact .item {
  width: 100%;
  margin-bottom: 0.3rem;
}

.lxwm .view.contact .item .title {
  font-size: 0.14rem;
}

.lxwm .view.contact .item .title span {
  color: red;
}

.lxwm .view.contact .item input {
  margin-top: 5px;
  display: block;
  width: 100%;
  height: 0.35rem;
  padding: 0 0.1rem;
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  font-size: 0.14rem;
}

.lxwm .view.contact .item textarea {
  width: 100%;
  height: 0.7rem;
  padding: 0.1rem;
  box-sizing: border-box;
  font-size: 0.14rem;
  margin-top: 5px;
  border: 1px solid #eeeeee;
  outline: none;
}

.lxwm .view.contact .item:last-child {
  margin-top: 0.4rem;
}

.lxwm .view.contact .submit {
  padding: 0.17rem 0.64rem;
  border-radius: 0.5rem;
  font-size: 0.18rem;
  background: #116fcf;
  color: #fff;
  margin-top: 0rem;
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  cursor: pointer;
  transition: all 0.3s;
}

.lxwm .view.contact .submit:hover {
  transform: translateY(-5px);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4);
}

.phone {
  display: none;
}