* {
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

body {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none
}

ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
}

.wrap {
  width: 100%;
}

.center {
  width: 1200px;
  margin: 0 auto;
}

.banner {
  width: 100%;
  position: relative;
  cursor: pointer;
}

.swiper-container {
  overflow: hidden;
}

.banner .swiperbg {
  width: 100%;
  display: block;
}

.banner .swiper-pagination-bullet {
  border-radius: 0;
  width: 66px;
  height: 6px;
  background: #fff;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.banner .swiper-pagination-bullet-active {
  background-color: rgb(253, 253, 253, 0.2);
}

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

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 16%;
  left: 50%;
  width: 1200px;
  text-align: left;
  margin: 0px auto;
  transform: translateX(-50%);
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-left: 0;
  margin-right: 15px;
}

.banner .swiper-pagination-bullet-active .outafter {
  content: "";
  display: block;
  width: 0px;
  height: 100%;
  background: #0561F9;
  position: absolute;
  text-indent: -99999px;
  left: 0;
  top: 0px;
  animation: mymove 6500ms linear;
}

@keyframes mymove {
  from {
    width: 0
  }

  to {
    width: 100%;
  }
}

.banner .swiper-pagination-bullet-active {
  background: #fff;
  transition: 0.5s all;
}

.banner .swiper-pagination-bullet-active .overafter {
  display: block;
  width: 0px;
  height: 100%;
  background: #0561F9;
  position: absolute;
  text-indent: -99999px;
  left: 0;
  top: 0px;
  animation: mymove1 6500ms linear;
}

@keyframes mymove1 {
  from {
    width: 0
  }

  to {
    width: 100%;
  }
}

.bannertxt {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 28%;
  color: #fff;
  z-index: 98;
}

.bannertxt h2 {
  font-weight: 500;
  font-size: 38px;
  margin-bottom: 20px;
  font-family: PingFangSC-Regular;
}

.banner3 img {
  width: 385px;
}

.banner3 h2 {
  margin-bottom: 6px;
}

.bannertxt p {
  font-size: 17px;
  font-weight: 300;
  font-family: PingFangSC-Regular;
  /* font-weight: 400; */
}

.businessContact {
  width: 120px;
  height: 44px;
  background-image: linear-gradient(230deg, #3ECBFF 0%, #7282FF 50%, #CF6FFF 100%);
  border-radius: 4px;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  float: left;
  margin-top: 52px;
  margin-right: 20px;
  cursor: pointer;
  font-family: PingFangSC-Regular;
}

.businessContact a {
  color: #fff;
}

.businessContact:hover {
  transition: 0.5s all;
  opacity: 0.8;
}

.phonebox {
  height: 100%;
  width: 100%;
}

.aboutUs {
  width: 120px;
  height: 44px;
  background: #F1F7FF;
  border-radius: 4px;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  float: left;
  margin-top: 52px;
  cursor: pointer;
  color: #2B4573;
  font-family: PingFangSC-Regular
}

.aboutUs a {
  width: 100%;
  height: 100%;
  color: #2B4573;
  display: block;
}

.aboutUs:hover {
  transition: 0.5s all;
  opacity: 0.8;
}

.bannertisp {
  width: 1200px;
  height: 106px;
  background: hsla(0, 0%, 100%, .5);
  border: 1.5px solid #fff;
  border-radius: 0.04rem;
  background: hsla(0, 0%, 100%, .5);
  background-clip: padding-box;
  -webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(128, 167, 255, .1);
  box-shadow: 0 0.1rem 0.2rem 0 rgba(128, 167, 255, .1);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  position: absolute;
  left: 50%;
  bottom: -53px;
  transform: translateX(-50%);
  border-radius: 4px;
  overflow: hidden;
  z-index: 1;
  display: block;
  cursor: default;
}

.bannertisp ul {
  padding-left: 85px;
  padding-right: 85px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bannertisp ul li {
  text-align: center;
}

.bannertisp ul li h6 {
  font-size: 17px;
  font-weight: 551;
  margin-top: -4px;
  margin-bottom: 8px;
  color: #1E1E1E;
  font-family: PingFangSC-Regular;
}

.bannertisp ul li p {
  font-size: 14px;
  color: #5E636A;
  font-family: PingFangSC-Regular;
}

.aboutdata {
  height: 225px;
  width: 1200px;
}


.aboutdata ul {
  width: 92%;
  margin: 0px auto;
  height: calc(100% - 38px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  padding-top: 38px;
}


.aboutdataleft {
  float: left;
  width: 68px;
  height: 68px;
  margin-right: 6px;
}

.aboutdataleft img {
  width: 100%;
}

.aboutdataright {
  float: left;
  height: 100%;
}

.aboutdataright h4 {
  margin-top: 9px;
  margin-bottom: 2px;
  font-size: 26px;
  font-weight: 500;
  color: #0561f9;
}

.aboutdataright p {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: #9FADC3;
}

.cenh2 {
  font-size: 36px;
  color: #1E1E1E;
  letter-spacing: -0.07px;
  font-weight: 400;
  text-align: center;
  padding-top: 50px;
  font-family: PingFangSC-Regular;
}

.cenh4 {
  font-family: PingFangSC-Regular;
  font-size: 20px;
  color: #96989a;
  letter-spacing: -0.05px;
  font-weight: 400;
  text-align: center;
  margin-top: 16px;
}

.supplier {
  width: 100%;
  background: #fff;
}


.supplier_top ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 34px;
}

.supplier_top ul li {
  cursor: pointer;
  flex: 1;
  font-size: 16px;
  text-align: center;
  padding-bottom: 15px;
  margin-right: 80px;

}

.supplier_top ul li:nth-child(5) {
  margin-right: 0;
}

.supplier_top ul .supplierhover {
  border-bottom: 4px solid #0561f9;
  color: #0561F9;
}

.supplier_top ul li:hover {
  color: #0561F9;
}

.supplier_main {
  width: 100%;
  height: 710px;
  background: url("../images/supplier_bg.jpg") no-repeat;
  background-size: 100% 100%;
}

.supplier_center {
  width: 1200px;
  height: 100%;
}


.supplier_center ul {
  width: 100%;
  height: calc(100% - 200px);
  padding-top: 56px;
  opacity: 0;
  pointer-events: none;
  display: none;
}

.supplier_centerhover {
  display: block !important;
  animation: fadeIn 1s forwards;
  /* 动画持续0.5s，结束后保持最终状态 */
  /* 延迟0.5s执行淡入（等待display生效） */
  pointer-events: all !important;
  /* 动画结束时可点击 */
}

/* 定义淡入动画 */
@keyframes fadeIn {
  from {
    opacity: 0;
    /* 动画开始时透明 */
  }

  to {
    opacity: 1;
    /* 动画结束时完全显示 */
  }
}

.supplier_center ul li {
  width: 280px;
  height: 228px;
  float: left;
  margin-left: 26px;
  margin-bottom: 25px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}

.supplier_center ul li .supplier_img {
  width: 100%;
  height: 180px;
  overflow: hidden;
}

.supplier_center ul li .supplier_img img {
  width: 100%;
  height: 100%;
}

.supplier_center ul li .supplier_txt {
  width: calc(100% - 40px);
  height: 48px;
  line-height: 48px;
  padding-left: 20px;
  font-size: 16px;
  white-space: nowrap;
  /* 禁止文本换行 */
  overflow: hidden;
  /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}

.supplier_center ul li:nth-child(1) {
  width: 585px;
  height: 481px;
  margin-left: 0;
}

.supplier_center ul li:nth-child(1) .supplier_img {
  height: 384px;
}

.supplier_center ul li:nth-child(1) .supplier_txt {
  height: 97px;
  line-height: 97px;
  font-size: 24px;
}

.supplier_center ul li:hover {
  box-shadow: 0px 4px 36px 0px rgba(192, 196, 207, 0.50);
}

.supplier_center ul li:hover .supplier_txt {
  color: #0561F9;
}

.supplier_center ul li:hover .supplier_img img {
  transform: scale(1.1);
  transition: 0.5s all;
}



.supplier_case {
  width: 100%;
  height: 510px;
  padding-top: 56px;
  opacity: 0;
  pointer-events: none;
  display: none;
}

.supplier_case .case_item {
  width: 280px;
  height: 228px;
  background: #fff;
  float: left;
  margin-right: 26px;
  margin-bottom: 26px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 6px;
}

.supplier_case .case_item img {
  width: 100%;
  min-height: 174px;
  max-height: 174px;
}

.supplier_case .case_item:hover img {
  transform: scale(1.03);
  transition: 0.5s all;
}

.supplier_case .case_item p {
  width: calc(100% - 20px);
  font-size: 16px;
  color: #000000;
  line-height: 38px;
  margin-left: 16px;
  white-space: nowrap;
  /* 禁止文本换行 */
  overflow: hidden;
  /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}

.supplier_case .case_item:nth-child(4n) {
  margin-right: 0;

}


.supplier_ai {
  width: 100%;
  padding-top: 56px;
  height: 510px;
  opacity: 0;
  pointer-events: none;
  display: none;
}

.supplier_ai .ai_item {
  width: 260px;
  padding: 12px;
  height: 464px;
  background: rgba(255, 255, 255, 0.42);
  border: 1px solid #ffffff;
  border-radius: 8px;
  float: left;
  margin-right: 17px;
  overflow: hidden;
  cursor: pointer;
}

.supplier_ai .ai_item p {
  text-align: center;
  font-size: 20px;
  color: #4c4c4c;
  margin-top: 10px;
}

.supplier_ai .ai_item img {
  width: 100%;
}

.supplier_ai .ai_item:hover img {
  transform: scale(1.03);
  transition: 0.5s all;
}

.supplier_ai .ai_item:nth-child(4) {
  margin-right: 0;
}


.supplier_center .supplier_more {
  width: 120px;
  height: 44px;
  background: #ffffff;
  border-radius: 4px;
  clear: both;
  text-align: center;
  line-height: 44px;
  color: #0561f9;
  margin: 39px auto 40px;
  font-size: 14px;
  cursor: pointer;

}

.supplier_center .supplier_more:hover {
  background: rgba(5, 97, 249, 0.10);
  color: #0561F9;
}


.tbox {
  width: 100%;
  height: 40px;
}

.technology {
  width: 100%;
  padding-top: 60px;
  height: 800px;
  background: url("../images/technology_bg.jpg") no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.technology_main {
  margin-top: 45px;
}

.technology_main .technology_left {
  width: 740px;
  float: left;
}

.technology_main .technology_left .swiper-container3 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.technology_main .technology_left .swiper-container3 .swiper-slide {
  width: 100%;
  height: 100%;
}

.technology_main .technology_left .swiper-container3 .swiper-slide img {
  width: 100%;
  display: block;
}


.technology_main .technology_left img {
  width: 100%;
  border-radius: 16px;
}

.technology_main .technology_right {
  width: 412px;
  float: right;
}

.technology_main .technology_right ul li {
  padding: 46px 30px 0px 28px;
  width: calc(100% - 58px);
  height: 164px;
  background: #fff;
  margin-bottom: 40px;
  border-radius: 6px;
  cursor: pointer;
}

.technology_main .technology_right ul li h4 {
  font-size: 26px;
  margin-bottom: 20px;
  font-family: PingFang SC, PingFang SC-500;
  font-weight: 500;
}

.technology_main .technology_right ul li p {
  font-size: 18px;
  color: #4C4C4C;
  line-height: 28px;
}

.technology_main .technology_right ul .technologyhover {
  box-shadow: 0px 4px 36px 0px rgba(192, 196, 207, 0.50);
  color: #0561F9;
}

.platform {
  width: 100%;
  height: 900px;
  background: url("../images/platform_bg.jpg") no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.platformmain {
  height: 100%;
}

.platformleft {
  width: 432px;
  height: 100%;
  float: left;
}

.platformleft .platform_title {
  font-size: 40px;
  font-family: PingFang SC, PingFang SC-600;
  font-weight: 600;
  margin-top: 303px;
  margin-bottom: 38px;
}

.platformleft .platform_logo {
  font-size: 28px;
  font-family: PingFang SC, PingFang SC-600;
  color: #0561f9;
  margin-bottom: 24px;
}

.platformleft .platform_logo img {
  vertical-align: middle;
  margin-right: 12px;
  margin-top: -5px;
  width: 41px;
}

.platformleft .platform_content {
  font-size: 16px;
  font-family: PingFang SC, PingFang SC-400;
  font-weight: 400;
  text-align: LEFT;
  color: #4c4c4c;
  margin-bottom: 80px;
}

.platformleft ul li {
  width: 12px;
  height: 12px;
  background: rgba(15, 125, 255, 0.30);
  border-radius: 50%;
  float: left;
  margin-right: 12px;
  cursor: pointer;
  transition: 0.5s all;

}

.platformleft ul .lihover {
  background: #0f7dff;

}

.platformright {
  width: 740px;
  height: 100%;
  float: right;
  display: flex;
  align-items: center;
}

.platform_sw {
  width: 740px;
  height: 450px;
}

.collectingDevice {
  height: 650px;
  width: 100%;
  background: linear-gradient(152deg, #f6f3fc 0%, rgba(239, 243, 252, 0.90) 100%);
  padding-top: 68px;
}



.newslist {
  margin: 60px auto 0px;
  height: 301px;
  display: flex
}

.newslistleft {
  flex: 1;
  margin-right: 15px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 5px;
}

.newslistleftbg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: linear-gradient(180deg, rgba(64, 64, 64, 0.00) 50%, rgba(30, 30, 30, 0.80) 97%);
  border-radius: 4px;
}

.newslistleft h4 {
  font-family: PingFangSC-Regular;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: -0.05px;
  font-weight: 400;
  position: absolute;
  bottom: 16px;
  left: 50%;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
  transform: translateX(-50%);
}

.newslistleft img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s all;
  border-radius: 5px;
}

.newslistleft:hover img {
  transform: scale(1.1);
}

.newslistright {
  flex: 1;
  margin-left: 15px;
  position: relative;
  background-image: linear-gradient(180deg, rgba(64, 64, 64, 0.00) 50%, rgba(30, 30, 30, 0.80) 97%);
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
}

.newslistrightbg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: linear-gradient(180deg, rgba(64, 64, 64, 0.00) 50%, rgba(30, 30, 30, 0.80) 97%);
  border-radius: 4px;
}

.newslistright h4 {
  font-family: PingFangSC-Regular;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: -0.05px;
  font-weight: 400;
  position: absolute;
  bottom: 16px;
  left: 50%;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
  transform: translateX(-50%);
}

.newslistright img {
  width: 100%;
  height: 100%;
  transition: 0.5s all;
  display: block;
  border-radius: 5px;
}

.newslistright:hover img {
  transform: scale(1.1);
}

.cooperate {
  width: 100%;
  /* padding-top: 120px; */
  position: relative;
  font-family: PingFangSC-Regular;
}

.cooperatetitle {
  font-size: 36px;
  color: #1E1E1E;
  letter-spacing: -0.07px;
  font-weight: 400;
  text-align: center;
  padding-top: 108px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  font-family: PingFangSC-Regular;
}

.cooperate p {
  font-family: MicrosoftYaHei;
  font-size: 20px;
  color: #696F7A;
  letter-spacing: -0.04px;
  font-weight: 400;
  text-align: center;
  margin-top: 2px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 175px;
}

.cooperate img {
  width: 100%;
}

.certificate {
  clear: both;
  padding-top: 40px;
  margin-top: -10px;
  padding-bottom: 145px;
  width: 100%;
  position: relative;
  background-color: #F4F6FB;
}

.jianbian {
  width: 100%;
  height: 100%;
  background-image: url("https://expo.3g2.cn/expo3dstore/images/jianbian.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
}

.certificatecen img {
  width: 100%;
}

.advicefrom {
  width: 100%;
  position: relative;
}

.submitboxcen {
  width: 1200px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
}

.submitbox {
  width: 480px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -185px;
}

.submitbox h4 {
  font-family: PingFangSC-Medium;
  font-size: 32px;
  color: #1E1E1E;
  letter-spacing: -0.06px;
  font-weight: 500;
  margin-bottom: 20px;
}

.submitbox p {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #1E1E1E;
  letter-spacing: -0.03px;
  font-weight: 400;
  margin-bottom: 40px;
}

.submitbten {
  width: 480px;
  height: 56px;
  background-image: linear-gradient(270deg, #49B3FD 0%, #2E7DFF 100%);
  border-radius: 4px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: -0.03px;
  font-weight: 400;
  line-height: 58px;
  text-align: center;
  cursor: pointer;
  font-family: PingFangSC-Regular;
}

.ip {
  width: 462px;
  outline: none;
  border: 1px solid #f5f3f3;
  padding-left: 15px;
  height: 54px;
  border-radius: 5px;
  margin-bottom: 40px;
  font-size: 16px;
  color: #97A1B1;
  outline-color: rgb(153, 153, 255);

}

.ip::placeholder {
  color: #97A1B1;
  font-family: PingFangSC-Regular;
}

.ip:focus {
  border: 1px solid #0561F9
}

.ip:hover {
  border: 1px solid #0561F9
}

/* .ip::placeholder{

} */
.advicefrom img {
  width: 100%;
  display: block;
}

.ts1 {
  position: absolute;
  background: #ff6900;
  color: #fff;
  border-radius: 2px;
  font-size: 15px;
  top: 142px;
  right: 18px;
  padding: 5px;
  display: none;
}

.ts2 {
  position: absolute;
  background: #ff6900;
  color: #fff;
  border-radius: 2px;
  font-size: 15px;
  top: 238px;
  right: 18px;
  padding: 5px;
  display: none;
}

.ts3 {
  position: fixed;
  left: 50%;
  top: 15%;
  background: #f0f9eb;
  width: 320px;
  height: 40px;
  z-index: 9999999;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  border: 1px solid #e1f3d8;
  color: #93c23a;
  text-align: center;
  line-height: 40px;
  display: none;
  font-size: 16px;
}


.swiper-container1 {
  width: 70%;
  margin: 0px auto;
  overflow: hidden;
  height: 250px;
  pointer-events: none !important;
}

.swiper-container1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  width: 130px !important;
  display: flex;
  align-items: center;
}

.swiper-container1 .swiper-slide img {
  width: 100%;
  display: block;
}

.swiper-container1 .swiper-wrapper {
  transition-timing-function: linear !important;
}


.swiper-container2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

.swiper-container2 .swiper-slide img {
  width: 100%;
  display: block;
}

.swiper-container2 .swiper-wrapper {
  transition-timing-function: linear !important;
}


@media only screen and (max-width: 1600px) {
  .cooperatetitle {
    padding-top: 68px;
  }

  .cooperate p {
    top: 135px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 1200px) {
  .center {
    width: 100%;
  }

  .banner3 img {
    width: 300px !important;
  }

  .bannertxt p {
    font-size: 14px;
    height: 34px;
    line-height: 22px;
  }

  .banner .mb {
    width: 100%;
  }

  .bannertxt {
    left: 28px;
    top: 120px;
    width: calc(100% - 56px);
    margin: 0;
    transform: translate(0);
  }

  .bannertxt h2 {
    font-size: 26px !important;
    margin-bottom: 8px;
    margin-left: 0 !important;
  }


  .businessContact {
    margin-top: 28px;
    height: 34px;
    line-height: 34px;
  }

  .aboutUs {
    margin-top: 28px;
    height: 34px;
    line-height: 34px;
  }

  .swiper-container {
    width: 100%;
  }

  .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 50px;
    left: 28px;
    width: calc(100% - 28px);
    text-align: left;
    margin: 0;
    transform: translateX(0%);
  }

  .banner .swiper-pagination-bullet {
    width: 42px;
    height: 3px;
  }

  .bannertisp {
    width: 90%;
    left: 50%;
    height: 80px;
    bottom: -46px;
    /* transform: translateX(0%); */
  }

  .bannertisp ul li h6 {
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 4px;
  }

  .bannertisp ul li p {
    /* display: none; */
    font-size: 10px;
  }

  .bannertisp ul {
    justify-content: normal;
    align-items: normal;
  }

  .bannertisp ul li {
    flex: 1;
    margin-left: 2px;
  }

  .bannertisp ul {
    padding: 0;
  }

  .aboutdata {
    width: 100%;
    height: 82px;
    padding-top: 64px;
    padding-bottom: 32px;
    background: linear-gradient(to bottom, rgb(246, 248, 251, 1) 80%, white 100%);
  }

  .aboutdata ul {
    width: calc(90% - 20px);
    background: linear-gradient(180deg, #f7f9fc, #e7f1ff);
    box-shadow: 0 0.1rem 0.2rem 0 rgba(85, 136, 252, .05);
    padding-top: 26px;
    padding-bottom: 22px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .aboutdataright h4 {
    font-size: 16px;
    font-family: system-ui;
  }

  .aboutdataright p {
    font-size: 10px;
  }

  /* .aboutdataright span {
    font-size: 14px;
  } */

  .aboutdata ul li {
    position: relative;
  }

  .cenh2 {
    font-size: 22px;
    padding-top: 15px;
    font-weight: 600;
  }

  .supplier h2 {
    padding-top: 28px;
  }

  .supplier_top {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
  }

  .supplier_main {
    height: auto;
    padding-bottom: 1px;
  }

  .supplier_top ul {
    display: block;
    height: 30px;
    width: max-content;
    padding-right: 16px;
  }

  .supplier_top ul li {
    margin-right: 18px;
    margin-left: 16px;
    float: left;
    padding-bottom: 10px;
    font-size: 14px;
  }

  .supplier_center ul {
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
    width: calc(100% - 32px);
  }

  .supplier_center ul li {
    width: calc(50% - 10px) !important;
    height: 152px !important;
    margin-left: 0 !important;
    margin-right: 16px;
    margin-bottom: 20px;
  }



  .supplier_center ul li:nth-child(2n) {
    margin-right: 0px;
  }

  .supplier_center ul li .supplier_img {
    height: 116px !important;
  }

  .supplier_center ul li .supplier_txt {
    font-size: 13px !important;
    height: 36px !important;
    line-height: 37px !important;
    width: calc(100% - 25px);
    padding-left: 12px;
  }

  .supplier_case {
    padding-left: 16px;
    padding-right: 16px;
    width: calc(100% - 32px);
    padding-top: 20px;
  }

  .supplier_case .case_item {
    width: calc(50% - 10px) !important;
    height: 152px !important;
    margin-left: 0 !important;
    margin-right: 16px;
    margin-bottom: 20px;

  }

  .supplier_case .case_item img {
    height: 116px !important;
    min-height: 116px;
    max-height: 116px;
  }

  .supplier_case .case_item:nth-child(2n) {
    margin-right: 0px;
  }

  .supplier_case .case_item p {
    line-height: 24px;
    font-size: 13px;
  }

  .supplier_ai {
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
    width: calc(100% - 32px);
  }

  .supplier_ai .ai_item {
    width: calc(50% - 38px) !important;
    height: auto !important;
    margin-right: 18px;
    margin-bottom: 15px;
  }

  .supplier_ai .ai_item p {
    font-size: 14px;
    margin-top: 5px;
  }

  .supplier_ai .ai_item:nth-child(2n) {
    margin-right: 0;
  }

  .supplier_center ul li:last-child {
    margin-bottom: 40px;
  }

  .supplier_case .case_item:last-child {
    margin-bottom: 40px;
  }

  .supplier_ai .ai_item:last-child {
    margin-bottom: 40px;
  }

  .supplier_center .supplier_more {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
  }

  .technology {
    padding-top: 0px;
    height: 560px;
  }

  .technology_main {
    margin-top: 20px;
  }

  .technology_top {
    width: calc(100% - 30px);
    height: 44px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 23px;
  }

  .technology_top div {
    text-align: center;
    line-height: 43px;
    width: calc(50% - 10px);
    background: #fff;
    font-size: 14px;
    border-radius: 20px;
  }

  .technology_top .technology_moxin {
    margin-right: 10px;
    height: 100%;
    float: left;
    color: #0561F9
  }

  .technology_top .technology_shipai {
    float: right;
    height: 100%;
    margin-left: 10px;
  }

  .technology_main .technology_left {
    float: none;
    width: 100%;
  }

  .technology_main .technology_right {
    float: none;
    width: 100%;
  }

  .technology_main .technology_right ul li {
    display: none;
    padding: 26px 30px 0px 28px;
    height: 70px;

    margin-bottom: 10px;
  }

  .technology_main .technology_right ul li p {
    line-height: 32px;
    font-size: 16px;
  }

  .technology_main .technology_right ul .technologyhover {
    display: block;
    box-shadow: none;
    background: transparent;
  }

  .technology_main .technology_right .casedemo {
    height: auto;
  }

  .platform {
    height: auto;
  }

  .platformmain {
    width: calc(100% - 40px);
  }

  .platform .platformleft {
    width: 100%;
    margin-bottom: 25px;
  }

  .platformleft .platform_logo {
    font-size: 17px;
  }

  .platformleft .platform_logo img {
    width: 27px;
  }

  .platformleft ul li {
    width: 10px;
    height: 10px;
  }

  .platformleft .platform_content {
    font-size: 13px;
    margin-bottom: 26px;
  }

  .platform .platformright {
    width: 100%;
  }

  .platform .platformright .platform_sw {
    /* float: right; */
    height: auto;
    width: 100%;
  }

  .platformleft .platform_title {
    margin-top: 30px;
    text-align: center;
    font-size: 22px;
    margin-bottom: 25px;
    font-weight: 600;
  }

  .casedemocenner {
    width: 100%;
  }

  .casedemo .casedemocenner h2 {
    font-size: 22px;
    padding-top: 45px;
  }

  .cenh4 {
    font-size: 14px;
    margin-top: 12px;
  }

  .demobox {
    width: 330px;
    height: auto;
    margin: 30px auto;
    position: relative;
  }

  .phonebox {
    width: calc(100% - 34px);
    position: absolute;
    left: 17px;
    top: 85px;
    height: 575px;
    border-radius: 0px 0px 40px 36px;
    overflow: hidden;
  }

  .demobox img {
    width: 100%;
  }

  .Jianzhanbox {
    width: 100%;
    height: 100%;
    overflow-x: scroll;
  }

  .Jianzhan h2 {
    margin-top: 40px;
    margin-bottom: 26px;
    text-align: left;
    margin-left: 20px;
  }

  .Jianzhanbox ul {
    width: max-content;
  }

  .Jianzhan ul li {
    width: 282px;
    height: 276px;
    margin-left: 20px;
  }

  .Jianzhan ul li h5 {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .itemimg {
    margin-top: 20px;
  }

  .startedmaking {
    margin-top: 10px;
    width: 90px;
    height: 35px;
    line-height: 35px;
    margin-left: 50%;
    transform: translateX(-40px);
    font-size: 14px;
  }

  .solution {
    height: 260px;
    padding-top: 45px;
  }

  .solutioncenner {
    width: 100%;
  }

  .solutionbox {
    width: 100%;
    height: 100%;
    overflow-x: scroll;
  }

  .solution h2 {
    text-align: left;
    margin-left: 20px;
    font-size: 22px;
    margin-bottom: 10px;
    padding-top: 45px;
  }

  .solutioncenner ul {
    width: max-content;
  }

  .solutioncenner ul li {
    width: 296px !important;
    height: 200px !important;
    margin-left: 20px !important;
    margin-right: 0 !important;
  }

  .solutiontxt .solutiontxttitle {
    font-size: 24px;
  }

  .solution2mb {
    opacity: 1;
  }

  .solutiontxt {
    bottom: 0;
  }

  .cooperate {
    padding-top: 118px;
    background: #F6F8FB;
  }

  .cooperate h2 {
    width: calc(100% - 38px);
    text-align: left;
    font-size: 22px;
    margin-bottom: 0px;
    padding-top: 15px;
    font-weight: 600;
  }

  .cooperate p {
    left: 20px;
    transform: translateX(0);
    top: 64px;
    font-size: 14px;
    width: calc(100% - 20px);
    text-align: left;
  }

  .collectingDevice {
    height: auto;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .collectingDevice .hy2 {
    margin-bottom: 10px;
    margin-top: 12px;
    padding-top: 24px;
  }

  .collectingDevicecen {
    width: 100%;
    overflow-x: scroll;
    padding-bottom: 32px;
  }

  .collectingDevice h2 {
    text-align: left;
    margin-left: 20px;
    font-size: 22px;
    margin-bottom: 0px;
    padding-top: 15px;
  }

  .collectingDevicecen ul {
    margin: 35px 0px 40px 0;
    width: max-content;
  }

  .collectingDevicecen ul li {
    margin-left: 20px;
    padding: 20px 20px 0px 20px;
    width: 200px;
    height: 330px;
  }

  .collectingDevicecen ul li h3 {
    font-size: 20px;
    margin-top: 16px;
  }

  .collectingDevicecen ul li h4 {
    font-size: 16px;
  }

  .collectingDevicecen ul li p {
    font-size: 12px;
  }

  .collectingDevicecen ul li:nth-child(4) img {
    width: 100%;
  }

  .newslist {
    width: 100%;
    display: block;
    height: auto;
    margin: 35px auto 0px;
  }

  .newslistleft {
    margin-right: 0;
    width: calc(100% - 40px);
    padding-left: 20px;
    margin-bottom: 20px;
  }

  .newslistright {
    margin-left: 0;
    width: calc(100% - 40px);
    padding-left: 20px;
    background: none;
  }

  .newslistleft h4 {
    font-size: 16px;
    margin-left: 11px;
  }

  .newslistright h4 {
    font-size: 16px;
    margin-left: 11px;
  }

  .newslistrightbg {
    left: 20px;
    width: calc(100% - 20px);
    border-radius: 4px;
  }

  .newslistleftbg {
    left: 20px;
    width: calc(100% - 20px);
  }

  .newslistleft img {
    border-radius: 5px;
  }

  .newslistright img {
    border-radius: 5px;
  }

  .certificatecen h2 {
    text-align: left;
    margin-left: 20px;
    font-size: 22px;
    margin-bottom: 0px !important;
    padding-top: 20px;
  }

  .certificate {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .jianbian {
    display: none;
  }

  .swiper-container1 {
    width: 100%;
    height: 200px;
  }

  .swiper-container1 .swiper-slide {
    width: 84px !important;
  }

  .submitboxcen {
    width: 100%;
    top: 146px;
    position: initial;
    transform: translateX(0);
    justify-content: baseline;
  }

  .submitbox h4 {
    font-size: 20px;
    padding-right: 10px;
    margin-bottom: 11px;
    margin-top: 30px;
    display: none;
  }

  .submitbox p {
    font-size: 16px;
    padding-right: 10px;
    margin-bottom: 30px;
    display: none;
  }

  .submitbox {
    width: calc(100% - 20px);
    padding-left: 20px;
    margin-top: 40px;
    position: relative;
  }

  .ip {
    width: calc(100% - 38px);
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    margin-bottom: 26px;
  }

  .submitbten {
    width: calc(100% - 22px);
    height: 46px;
    line-height: 46px;
    font-size: 14px;
  }

  footer {
    margin-top: 40px;
  }

  .ts1 {
    font-size: 12px;
    top: 12px;
    right: 29px;
  }

  .ts2 {
    font-size: 12px;
    top: 90px;
    right: 29px;
  }
}