.s1 {
  background-color: #f6f6f6;
}

.product-center-bottom-img img {
  width: 100%;
  height: 100%;

  position: relative;
}

.product-center-bottom-word-left img {
  min-width: 23px;
  min-height: 23px;
  width: 46px;
  height: 46px;
}

.s1 .box {
  display: flex;
}

.s1 .box-right {
  border-radius: 24px;
  border: solid 1px #ffffff;
  text-align: center;
  margin-right: 0.16rem;
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  color: #ffffff;
}

.s1-com-btn {
  padding: 0.18rem 0.2rem;
}

.s1 .s1-com-btn::after {
  content: url(../images/picture/youjiantou.png);
  margin-left: 0.2rem;
  vertical-align: middle;
}

.s1 .s1-com-btn::after:hover {
  content: url(../images/picture/youjiantou.png);
  margin-left: 0.2rem;
  filter: brightness(0);
}

.s1 .box-left {
  border-radius: 24px;
  border: solid 1px #ffffff;
  text-align: center;
  /* line-height: 50px;  */

  font-weight: 500;
  color: #ffffff;
}

.s1 .box-right:hover {
  background-color: #fff;
  color: #333333;
}

.s1 .box-left:hover {
  background-color: #fff;
  color: #333333;
}

.s1 {
  position: relative;
}

/* banner上的文字-start */

.text1 h1 {
  font-size: 0.42rem;
  color: #ffffff;
  text-align: left;
}

.text2 a {
  font-family: HarmonyOS_Sans_SC;
}

.text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.text .text1 {
  margin-bottom: 0.24rem;
}

.text .text2 {
  margin-bottom: 0.28rem;
  text-align: left;
}

.text .text2 a {
  padding-right: 0.13rem;
  padding-left: 0.13rem;
  color: #ffffff;
  font-style: var(--font-bold);
  font-weight: 400;
  font-size: var(--font-size-p);
}

.text .text2 a:nth-child(1) {
  padding-right: 0.13rem;
  padding-left: 0;
  /* border-right: solid 1px #FFFFFF; */
}

.text .text2 a:nth-child(4) {
  padding-right: 0;
  padding-left: 0.13rem;
  border-right: none;
}

.problem-right {
  width: 100%;
}

.common-problem-top-left {
  display: flex;
  justify-content: space-between;
}

/* banner上的文字-start */
.main-product {
  padding-top: 1rem;
}

.main-product .w1400 {
  color: #222;
  font-size: 0.48rem;
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: bold;
  line-height: 60px;
  text-align: center;
}

.main-product .w1400 .title span {
  font-size: 0.16rem;
  color: #222;
  font-weight: 400;
  font-family: HarmonyOS_Sans_SC;
  opacity: 0.8;
  margin-bottom: 0.44rem;
  display: block;
}

.product-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.35rem;
  row-gap: 0.35rem;
}

.product-list .img {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.title h2 {
  margin-top: 1rem;
  margin-bottom: 0.24rem;
}

.product-listtwo {
  background-image: url(../images/picture/bacgroundimages.png);
  /* height: 844px; */
  padding: 1rem 0;
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: space-between;
}

.wordleft-firstnow {
  margin-top: -15px;
}

.product-listtwo .wordleft-firstnow .bigtitle {
  font-family: HarmonyOS Sans SC;
  font-weight: bold;
  font-size: 0.48rem;
  color: #222222;
}

.product-listtwo .wordleft-firstnow .smalltitle {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.18rem;
  color: #222222;
  opacity: 0.8;
  padding-bottom: 1rem;
}

.wordright-firstnow .smalltitle-right {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 0.18rem;
  color: #222222;
  opacity: 0.8;
  text-align: right;
}

.act-word {
  padding: 1rem 0;
  display: grid;
  /* flex-wrap: wrap; */
  grid-template-columns: repeat(4, 1fr);
  gap: 0.35rem 0.9rem;
}

.act-word-item .act-word-top {
  border-bottom: 1px solid #9a9693;
  display: flex;
  width: 100%;
  align-items: flex-end;
}

.act-word .act-word-item .act-word-top .number {
  font-family: PangMenZhengDao;
  font-weight: 400;
  font-size: 0.72rem;
  color: #0853c6;
}

.act-word .act-word-item .act-word-top span {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  white-space: nowrap;
}

.act-word-top-dessc {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 18px;
  color: #666666;
}

.smalltitle-right-title {
  margin-bottom: 1.1rem;
}

.smalltitle-right-title::before {
  content: '';
  display: inline-block;
  aspect-ratio: 1/1;
  height: 7px;
  background: #222;
  border-radius: 50%;
  margin-right: 20px;
  margin-left: -30px;
}

.new-product {
  margin-top: 1rem;
}

.new-product .new-product-title {
  text-align: center;
}

.new-product-title .new-product-title-span {
  margin-bottom: 0.54rem;
  display: block;
}

.product-roll-anli {
  margin-top: 1rem;
}

.titlecommon h1 {
  font-family: HarmonyOS Sans SC;
  font-weight: bold;
  font-size: 0.48rem;
  color: #333333;
  margin-bottom: 20px;
}

.product-roll .new-product-title .blue-word {
  color: #0853c6;
}

.new-product-content {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

.new-product-content-left {
  flex: 2.6;
}

.new-product-content-left img {
  background: #ececec;
  box-shadow: 0px 0px 34px 17px rgba(156, 165, 175, 0.11);
  border-radius: 10px;
}

.new-product-content-center {
  padding: 0.44rem 0.32rem 0 0.32rem;
  background-color: #f9f9f9;
}

.new-product-content-center .date {
  padding-bottom: 0.24rem;
  border-bottom: solid 1px #dedede;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 0.18rem;
  color: #777777;
  line-height: 28px;
}
.blue-btn img {
  width: max(0.35rem, 35px);
  height: max(0.35rem, 35px);
}
.new-product-content-center h3 {
  margin-top: 0.36rem;
  margin-bottom: 0.43rem;
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 0.24rem;
  color: #222222;
}

.new-product-content-center p {
  margin-bottom: 0.47rem;
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  color: #777777;
  /* word-break: break-all; */
}

.new-product-picture {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.95rem;
}

.new-product-picture a {
  width: 15%;
  margin-bottom: 0.84rem;
}

.product-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #a6a0a0;
  width: fit-content;
  background-image: url(../images/index-pic/111.png);
  background-size: 100% 100%;
  border-radius: 10px;
  width: 43%;
  padding-top: 0.68rem;
  padding-bottom: 0.62rem;
  padding-left: 38px;
  padding-right: 38px;
  position: relative;
  z-index: 2;
}

.act {
  position: relative;
  z-index: 2;
}

.act::after {
  content: '';
  transition: all 0.5s;
  width: 100%;
  height: 0px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #3150ea;
  border-radius: 0px 0px 10px 10px;
}

.product-item-right .product-item-right img {
  margin-left: 50px;
  display: block;
}

.product-item-left h3 {
  font-family: HarmonyOS Sans SC;
  font-weight: bold;
  font-size: 0.3rem;
  color: #222222;
}

.product-item-left .product-item-center {
  color: #1357ba;
  border-radius: 20px;
  border: 2px solid #1357ba;
  display: inline-block;
  padding: 12px 19px 10px 19px;
  margin-top: 17px;
  margin-bottom: 11px;
}

.product-item-left .product-item-center:hover {
  background: #1050b2;
  color: #ffffff;
}

.product-item-left .product-item-right {
  text-align: center;
  border-radius: 20px;
  display: inline-block;
  background: #1050b2;
  padding: 12px 23px 10px 19px;
  color: #ffffff;
}

.product-item-center {
  margin-bottom: 0.36rem;
}

.product-item-topone {
  text-align: center;
}

.product-item-two {
  width: fit-content;
  background-color: #f7f7f7;
  padding: 50px 50px 0 50px;
  border-radius: 10px;
}

.product-roll .new-product-title {
  text-align: center;
}

/* 轮播图模块 */
.carousel-container-father {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  background-color: #f0f0f0;
}

.carousel-container {
  position: relative;
  width: 80%;
  max-width: 800px;
  overflow: hidden;
  border: 2px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.carousel-slide {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carousel-slide img {
  width: 100%;
  border-radius: 10px;
}

button.prev,
button.next {
  position: absolute;
  top: 50%;
  width: 88px;
  height: 88px;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid #ffffff;
  user-select: none;
}

button.prev {
  left: 10px;
}

button.next {
  right: 10px;
}

.next .left {
  margin-right: 23px;
}

.titlecommon p {
  margin-bottom: 0.52rem;
}

.carousel-indicators {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
}

.carousel {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #ddd;
  border: 1px solid #ccc;
}

.carousel-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 20px;
  color: white;
  border: none;
  cursor: pointer;
  user-select: none;
}

.dragging {
  opacity: 0.5;
}

.act img {
  transition: transform 0.3s ease;
  /* 平滑的过渡效果 */
}

.product-list .act:hover img {
  transform: translateY(-20px);
}

.product-item-two .act:hover {
  border-bottom: solid 5px #1357ba;
}

.product-list .act:hover::after {
  height: 10px;
  border-radius: 0px 0px 10px 10px;
}

.blue-top {
  background-image: url(../images/index-pic/1.png);
  width: 640px;
  height: 130px;
  visibility: hidden;
  text-align: center;
}

.shubiao-btn {
  position: absolute;
  left: 50%;
  bottom: -50%;
  transform: translate(-50%, -50%);
}

.xiajiantou-btn {
  position: absolute;
  left: 50%;
  bottom: -60%;
}

.smalltitle-right .smalltitle-btn {
  width: fit-content;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 50%;
  opacity: 1;
  padding: 0.38rem 0.26rem;
  position: absolute;
  bottom: 90px;
  right: 19px;
}

.smalltitle-right {
  position: relative;
}

.smalltitle-btn .left {
  margin-right: 0.24rem;
}

.s1 .problem {
  text-align: center;
}

/* .problem-s2 {
    display: flex;
} */

.problem-left {
  width: fit-content;
}

.problem-left-top {
  background-color: #f5f5f5;
  width: fit-content;
  padding: 0.42rem 0.24rem 0 0.24rem;
}

.problem-left-top-s1 input {
  border-radius: 10px;
  background-color: #f5f5f5;
  padding: 10px;
  padding-top: 0.16rem;
  padding-bottom: 0.16rem;
  padding-left: 0.24rem;
  width: 100%;
  box-sizing: border-box;
}

.problem-left-top-s1 {
  position: relative;
}

.problem-left-top-s1 a {
  position: absolute;
  top: 0.12rem;
  left: 0.24rem;
  opacity: 0.7;
}

.problem-left-top-s1 input {
  padding-left: 0.5rem;
}

.problem-left-top-s2 h3 {
  padding: 17px 0;
}

.common_problem .select_title {
  margin-top: 0.33rem;
  margin-bottom: 0.33rem;
}

.common_problem .center_title {
  margin-bottom: 0.23rem;
}

.common_problem .air—cooled li:nth-child(1) {
  background-color: #0853c6;
  box-shadow: 5px 9px 30px 0px rgba(222, 222, 222, 0.3);
  border-radius: 10px;
  border: 1px solid #ffffff;
}

.common_problem .air—cooled li:hover {
  background-color: #0853c6;
  box-shadow: 5px 9px 30px 0px rgba(222, 222, 222, 0.3);
  border-radius: 10px;
  border: 1px solid #ffffff;
}

.common_problem .air—cooled li {
  padding-left: 0.22rem;
  padding-right: 0.22rem;
  border-bottom: none;
}

.air—cooled .center_type {
  margin-top: 0.26rem;
  margin-bottom: 0.23rem;
}

。center_type img {
  opacity: 3;
}

.kip_button-title {
  display: inline-block;
}

.air—cooled li {
  display: flex;
  justify-content: space-between;
}

.Skip_button-title {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50px;
  padding: 6px;
  text-align: center;
  display: flex;
  justify-content: center;
}

.detial-problem-top .lineone {
  /* width: 759px; */
  width: 53%;
  height: 1px;
  border-top: 1px solid #838383;
  padding-bottom: 0.57rem;
}

.line-bottom {
  display: flex;
  padding-bottom: 1rem;
}

.zan-nozan img {
  margin-left: 0.27rem;
  margin-right: 0.12rem;
  width: 25px;
  height: 25px;
  min-width: 12px;
  min-height: 12px;
  margin-bottom: 5px;
}

.common-font-size {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: var(--font-size-18);
  color: #222;
}

.common-problem-top-botton p span {
  color: #0954c9;
}

.zan-nozan .no-zan {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: var(--font-size-18);
  color: #666;
}

/* 常见问题模块 */
.common-problem {
  padding-top: 0.49rem;
  padding-left: 0.36rem;
  padding-right: 0.42rem;
  padding-bottom: 0.54rem;
  background-color: #0853c6;
  border-radius: 10px;
}

.common-problem-top-right {
  padding: 0.15rem;
  background-color: #0853c6;
  border-radius: 50%;
  min-width: 25px;
  min-height: 25px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}

.common-problem-top-botton {
  padding-bottom: 0.5rem;
}

.problem-s1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.common-problem-top-left h3 {
  font-family: HarmonyOS Sans SC;
  font-weight: bold;
  font-size: var(--font-size-48);
  color: #222222;
  margin-bottom: 0.26rem;
}

.common-problem-top-left p {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: var(--font-size-p);
  color: #ffffff;
  opacity: 0.8;
}

.common-problem-two {
  padding-top: 0.5rem;
  /* padding-bottom: 0.28rem; */
  padding-left: 0.36rem;
  border-bottom: solid 1px #dcdcdc;
  opacity: 0.6;
}

.product-center-left .shaixuan {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.shaixuan img {
  margin-bottom: 3px;
  margin-right: 12px;
}

.common-problem-top-two .common-problem-top-left h3 {
  font-family: var(--font-bold);
  font-weight: 500;
  font-size: var(--font-size-24);
  color: #222;
}

.common-problem-two:hover {
  padding-top: 0.49rem;
  padding-left: 0.36rem;
  padding-right: 0.42rem;
  padding-bottom: 0.54rem;
  background-color: #0853c6;
  border-radius: 10px;
}

.s1 .img img {
  min-height: 300px;
  object-fit: cover;
  object-position: left;
  width: 100%;
}

.left-word {
  margin-right: 0.75rem;
  flex: 1;
}

@media (max-width: 768px) {
  .left-word {
    margin-right: 0;
  }
}

.left-word .tit {
  font-family: var(--font-bold);
  font-weight: bold;
  color: #0853c6;
  font-size: var(--font-size-26);
  margin-bottom: 0.24rem;
}

.left-word .titile {
  font-weight: bold;
  color: #222;
  font-size: var(--font-size-72);
  line-height: 1;
}

.left-word .line-d {
  width: 46px;
  height: 2px;
  background-color: #0853c6;
  border-radius: 1px;
  display: inline-block;
  margin: 0.4rem 0;
}

.left-word .mont-word {
  font-family: var(--font-bold);
  font-weight: 400;
  color: #222;
  font-size: var(--font-size-18);
  line-height: 1.5;
}

.titile .center-word {
  color: #0853c6;
}

.swiper {
  width: 50%;
}

.swiper-pagination {
  top: auto;
  bottom: 10px;
}

.about-s1 {
  color: #fff;
}

/*
.about-s1:hover a{
    background-color: #004FC5;
    color: #fff;
} */

.about-s1 a {
  padding: 0.16rem 0.2rem;
  border-radius: 10px;
  margin-left: 10px;
  color: #222;
  font-weight: bold;
  font-size: var(--font-size-18);
  transition: 1s;
}

.about-s1 a.active {
  background-color: #0853c6;
  color: #fff;
}
@media (min-width: 768px) {
  .about-s1 a:hover {
    background-color: #0853c6;
    color: #fff;
  }
}

.about-s1 a:hover .active {
  background-color: #fff;
  color: #222;
}

.about-s2 {
  color: #f7fbff;
}

.about-s2-one-tit {
  text-align: center;
  margin-bottom: 0.84rem;
}

.about-s2-one {
  background-color: #f7fbff;
}

.about-s2-one-imgs {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  padding-bottom: 0.89rem;
}

.about-s2-one-imgs img:hover {
  transition: all 0.5s;
  transform: translateY(-40px);
}

.about-s2-two {
  padding-top: 1rem;
  padding-bottom: 2.3rem;
  background-color: #f5f5f5;
}

.about-s2-two-tit h2 {
  text-align: center;
}

.about-s2-two-tit .line-bule {
  background-color: #0853c6;
  width: 100%;
  height: 5px;
  text-align: center;
}

.about-s2-three {
  padding-top: 1rem;
}

.about-s2-three-btn {
  margin-bottom: 1.1rem;
}

.about-s2-three-btn .bule_btn {
  padding: 16px 40px;
  border-radius: 26px;
  border: 2px solid #004fc5;
  font-size: var(--font-size-p);
  font-family: HarmonyOS Sans SC;
  font-weight: bold;
  cursor: pointer;
}

.about-s2-three-btn .bule_btn {
  background-color: #004fc5;
  color: #fff;
  margin-right: 10px;
}

.about-s2-three-btn .bule_btn_two {
  background-color: #fff;
  color: #004fc5;
}

.about-s2-three-tit h2 {
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 0.33rem;
}

/* .about-s2-three-flex{
    display: flex;
    justify-content:center;
} */
.about-s2-three-btn {
  text-align: center;
}

.act-word .act-word-item .act-word-top .number {
  font-family: var(--font-bold);
  font-weight: 400;
  font-size: 0.72rem;
  color: #0853c6;
  line-height: 1;
}

.act-word .act-word-item .act-word-top span {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 18px;
  color: #666666;
}

.act-word .act-word-item .act-word-top .number-sheet {
  font-family: 'HarmonyOS Sans SC';
  font-weight: 400;
  font-size: 0.72rem;
  color: #0853c6;
  letter-spacing: 0;
  line-height: 1;
}

.act-word-item .act-word-top {
  display: flex;
  align-items: flex-end;
  padding-bottom: 0.47rem;
}

.act-word-top-dessc {
  font-family: var(--font-bold);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
}

.about-s2-one-tit h2 {
  font-family: var(--font-bold);
  font-weight: bold;
  font-size: var(--font-size-48);
  color: #222;
  padding-bottom: 0.18rem;
  padding-top: 1rem;
}

.about-s2-one-tit p {
  font-family: var(--font-bold);
  font-weight: 400;
  font-size: var(--font-size-p);
  color: #222;
  opacity: 0.8;
}

.about-s2-one-imgs .img {
  position: absolute;
}

.about-s2-one-imgs-textone {
  text-align: center;
  position: relative;
  bottom: 2.7rem;
  right: 4.7rem;
}

.about-s2-one-imgs-texttwo {
  text-align: center;
  position: relative;
  bottom: 1.8rem;
}

.about-s2-one-imgs-textthree {
  text-align: center;
  position: relative;
  bottom: 3.6rem;
  left: 4.7rem;
}

.style_three h2 {
  font-family: var(--font-bold);
  font-weight: 500;
  font-size: var(--font-size-24);
  color: #fff;
}

.style_three p {
  font-family: var(--font-bold);
  font-weight: 500;
  font-size: var(--font-size-18);
  color: #fff;
  opacity: 0.5;
}

.swiper-slide-two {
  padding: 25px 25px 75px 25px;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 1.1rem;
}

.swiper-slide-two img {
  border-radius: 10px;
}

.swiper_wpx_two {
  display: flex;
}

.swiper-pagination-tit {
  font-family: HarmonyOS Sans SC;
  font-weight: bold;
  font-size: var(--font-size-p);
  color: #ffffff;
  text-align: center;
  padding: 0.25rem 0;
  background-color: #004fc5;
  border-radius: 0px 0px 10px 10px;
}

@media (max-width: 768px) {
  .problem-s2 {
    display: block;
  }

  .problem-left-top-s1 input {
    padding-left: 1rem;
  }

  .product-center-left .shaixuan {
    margin-top: 0.44rem;
    margin-bottom: 0.44rem;
  }

  .own-product {
    margin-bottom: 0.44rem;
  }

  .common-problem-top {
    display: block;
  }

  .common-problem-top-right {
    padding: 0;
    margin-left: 6rem;
    margin-top: 0.3rem;
  }

  .common-problem-top-left {
    display: block;
  }

  .problem-s1 {
    display: block;
  }

  br {
    display: none;
  }
}

/* 卓越展示start */
.swiper_wpx2 {
  width: 100%;
}

.swiper_wpx2 img {
  border-radius: 10px;
}

.slide-item-text {
  padding: 25px 0;
  text-align: center;
  background-color: #004fc5;
  border-radius: 0px 0px 10px 10px;
  opacity: 0;
}

.slide-item:hover .slide-item-text {
  transition: all 0.5s ease-in-out;
  opacity: 1;
}

.slide-item-img {
  padding: 20px;
  padding-bottom: 0;
  border-radius: 10px;
  background-color: #fff;
}

.slide-other {
  padding: 20px;
  padding-bottom: 74.56px;
  border-radius: 10px;
  /* background-color: #be9c9c; */
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: url(../images/produte-center-img/zuojiantou-small.png);
  /* background-image: url(../images/produte-center-img/zuojiantou-small.png); */
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: url(../images/produte-center-img/youjiantou.png);
}

.about-s6-two {
  padding-top: 1rem;
  text-align: center;
  padding-left: 2rem;
  padding-right: 2.79rem;
}

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

.about-s6-two p {
  padding-bottom: 0.36rem;
}

.four-tuone::before {
  content: url(../images/about/wangluo.png);
  margin-right: 0.23rem;
  vertical-align: middle;
}

.four-tutwo::before {
  content: url(../images/about/jidi.png);
  margin-right: 0.23rem;
  vertical-align: middle;
}

.about-s6-four {
  padding-top: 0.7rem;
  padding-bottom: 1.2rem;
  margin-left: 1.6rem;
}

.about-s6-four h2 {
  font-family: HarmonyOS Sans SC;
  font-weight: bold;
  font-size: var(--font-size-26);
  color: #0747c3;
}

.about-s6-four P {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: var(--font-size-18);
  color: #222;
  opacity: 0.8;
}

.about-s6-four .common {
  margin-top: 0.45rem;
  margin-bottom: 0.19rem;
  margin-right: 0.23rem;
}

/* 卓越展示end */

/* 联系我们banner下面start */
.submit {
  padding-bottom: 50px;
}

.about-s1 {
  display: flex;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.tachnology {
  background-color: #fafafa;
}

@media (max-width: 768px) {
  .about-s1 {
    padding: 0.4rem 0;
  }
}

.avitas {
  background-color: #0853c6;
  color: #fff !important;
}

/* 联系我们banner下面一end */

/* 联系我们模块一start */
.contact-s3 .right-word.active .yaaaa {
  background-color: #222;
}

.contact-s3 .right-word.active .specia p {
  color: #fff;
}

.right-word-tit {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
  margin-left: 0.7rem;
  flex: 1.9;
}

.right-word {
  position: relative;
  flex: calc(50% - 0.25rem);
}

.right-word1 {
  background-color: #f4f4f4;
  padding-top: calc(40px + 0.3rem);
  padding-right: 0.43rem;
  padding-left: 0.43rem;
}

.right-word1 .chuangzhen {
  padding: 0.25rem 0;
}

.right-word1 .yaaaa {
  background-color: #0853c6;
  padding: 0.11rem 0.6rem;
  padding-left: 0.3rem;
  border-radius: 5px;
  color: #fff;
  font-size: var(--font-size-18);
  font-weight: 400;
  position: absolute;
  top: 30px;
  left: -15px;
}

/* .right-word p{
    width:100%;
    overflow: hidden;
} */
.right-word1 .yaaaa p {
  font-size: var(--font-size-18);
}

.right-word1 .number-phone {
  padding-top: 0.4rem;
  font-weight: 400;
  font-size: var(--font-size-18);
  color: #222;
}

.right-word1 span {
  font-weight: bold;
  font-size: var(--font-size-24);
  color: #222;
  line-height: 1;
}

.right-word1 .blue-bgck {
  color: #222;
}

@media (min-width: 768px) {
  .right-word1:hover .blue-bgck {
    color: #0853c6;
  }
}

.right-word1 .email {
  padding-bottom: 0.56rem;
  font-weight: 400;
  font-size: var(--font-size-18);
  color: #222;
}

.right-word1 .chuangzhen {
  font-weight: 400;
  font-size: var(--font-size-18);
  color: #222;
}

.left-word h2 {
  padding-top: 0.38rem;
  line-height: 1;
  font-weight: bold;
  font-size: var(--font-size-48);
  color: #222222;
}

.mont-word {
  padding-top: 0.49rem;
}

.titile .us {
  color: #0853c6;
  line-height: 1;
}

/* 联系我们模块一end */
/* 联系我们模块3start */
.problem-s1-two {
  background-color: #f7fbff;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.leave-tit {
  padding-top: 0.96rem;
  padding-bottom: 0.7rem;
}

@media (max-width: 768px) {
  .problem-s1-two {
    padding-right: 5%;
  }

  .problem-s1-two {
    padding-top: 0;
    padding-bottom: 1rem;
  }

  .leave-tit {
    padding-top: 0;
  }
}

.blue-bgc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.left-word-two {
  min-width: 34%;
  /* max-width: 24%; */
}

.right-word-tit-two {
  /* max-width: 70vw; */
  overflow: hidden;
  /* padding-left: 20px; */
  cursor: pointer;
}
@media (min-width: 768px) {
  .right-swiper {
    padding-left: 30px;
  }
}

@media (max-width: 768px) {
  .right-word-tit-two {
    width: 100%;
    max-width: 100%;
  }
}

.right-word-tit-two .specia {
  background-color: #fff;
  color: #222;
}

.right-word-tit-two .specia .yaaaa {
  background-color: #0853c6;
  color: #f7fbff;
}

.right-word-tit-two .specia p {
  color: #222;
}

.right-word1 {
  border-radius: 5px;
}

.left-word-two .titile {
  font-weight: bold;
  color: #0853c6;
  font-weight: bold;
  font-size: var(--font-size-72);
  padding-bottom: 0.38rem;
  line-height: 1;
}

.left-word-two .jigou {
  padding-bottom: 0.3rem;
  font-weight: bold;
  font-size: var(--font-size-48);
  color: #222222;
}

.leave-tit .liuyan {
  font-weight: bold;
  font-size: var(--font-size-48);
  color: #222222;
}

.line-ddd {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  width: fit-content;
}

.line-ddd .gongsi {
  font-weight: 400;
  font-size: var(--font-size-18);
  color: #222222;
  border-bottom: 3px solid transparent;
  padding-bottom: 10px;
  width: fit-content;
}

.line-ddd .active {
  border-bottom: 3px solid #0853c6;
  padding-bottom: 10px;
}

.line-ddd .gongsi:hover {
  /* color: #0853C6; */
  border-bottom: 3px solid #0853c6;
}

.line-ddd .gongsi:hover .active {
  border-bottom: none;
}

.line-ddd .xiangang {
  width: 94px;
  border-bottom: 3px solid #0853c6;
  border-radius: 2px;
  padding-bottom: 7px;
}

.contact-s3 .right-word.active .specia {
  background-color: #0853c6;
  color: #fff;
}

/* 联系我们模块3end */

/* 在线留言start */
.contact-s4 {
  padding-bottom: 1rem;
}

.contact-s4 .leave {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 0.4rem;
}

.line-leave {
  width: 40px;
  height: 5px;
  background: #0853c6;
  border-radius: 3px;
  margin-top: 0.18rem;
  margin-bottom: 0.1rem;
}

.contact-s4-1 {
  padding-top: 0.5rem;
  /* padding-bottom: 0.77rem; */
  padding-right: 0.3rem;
  padding-left: 0.6rem;
  margin-right: 0.2rem;
  background-color: #fff;
  border-radius: 10px;
  flex: 1;
  background-image: url(../images/picture/圆角矩形\ 1\ 拷贝.png);
  line-height: 1;
}

.contact-s4-2 p {
  font-size: var(--font-size-24);
  font-weight: 500;
  font-family: HarmonyOS Sans SC;
  color: #222222;
}

.contact-s4-2 span {
  color: #0853c6;
}

.masdhae {
  margin-left: 1.3333rem;
}

.leave-word {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem 0.5rem;
  /* padding-bottom: 0.5rem; */
}

.leave-word .li_max {
  width: 100%;
  height: auto;
}

.leave-word .li_box {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 2px solid #bababa32;
  font-weight: 500;
  font-size: var(--font-size-18);
  color: #222222;
}

.leave-word .li_box .texts {
  display: flex;
  white-space: nowrap;
}

.leave-word .li_box span {
  font-size: var(--font-size-18);
  font-weight: 400;
  color: #0853c6;
  margin-bottom: 15px;
  margin-left: 5px;
}

.leave-word .li_box:last-child {
  width: 100%;
}

.leave-word .li_box input {
  height: 30px;
  flex: 1;
  border: 0;
  margin-left: 10px;
  background: none;
  font-size: var(--font-size-18);
}

.contact-s4-1 .leave-btn {
  background-color: #0853c6;
  border-radius: 25px;
  padding: 0.1rem 0.3rem;
  line-height: 2;
  font-size: var(--font-size-p);
  color: #ffffff;
  border: none;
  margin: 0.3rem 0;
}

.contact-s4-1 .leave-btn::after {
  content: '';
  width: max(0.16rem, min(13px));
  height: max(0.16rem, min(13px));
  background-image: url(../images/end/jian.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  margin-left: 0.1rem;
  top: 3px;
}

/* 在线留言end */
@media (max-width: 768px) {
  .right-word-tit {
    display: block;
    margin-left: 0;
  }

  .right-word {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .right-word1 .number-phone {
    padding-top: 0.6rem;
  }
  .right-word1 .yaaaa {
    left: 10px;
  }
  .blue-bgc {
    display: block;
  }

  .contact-s4 .leave {
    display: block;
  }

  .contact-s4-1 {
    margin-bottom: 0.4rem;
  }

  .right-word-tit-two {
    display: block;
  }
}

@media (max-width: 550px) {
  .li_box {
    width: 100%;
  }

  .contact-s4 {
    margin-right: 5%;
  }
}

.contact-s4-3 {
  flex: 1;
}
.contact-s4-3 img {
  width: 100%;
}

.contact-s4-3 .iframe {
  width: 100%;
  height: 45vh;
}

.contact-banner {
  position: relative;
}
.contact-banner-bg img {
  width: 100%;
  min-height: 260px;
  object-fit: cover;
}
.contact-banner-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-banner-title {
  font-size: var(--font-size-60);
  color: #fff;
  font-weight: bold;
}
.contact-banner-desc {
  color: #fff;
}