/* 添加字体声明 */

* {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #313131;
  font-family: Microsoft YaHei, PingFang SC;
 box-sizing: border-box;
}
div {
  width: 100%;
  height: 100%;
  display: flex;
}

/* 全局标题字体设置 */
h1, h2, h3, h4, h5, h6, dt, b, strong {
  font-family:Microsoft YaHei,  PingFang SC;
  font-weight: bold;
}

a {
  text-decoration: none;
}


ul {
  list-style: none; 
}
/* 默认 ≤1200px 样式（可留可删） */
.wrap {
  margin: 0 auto;
  flex-direction: column;
  max-width: 1200px;
}

 /* 1201px - 1439px：保持 1200px 容器宽度 */
@media (min-width: 1201px) and (max-width: 1439px) {
  .wrap {
    max-width: 1200px;
  }
}

 /* ≥1440px：放大到 1440px */
@media (min-width: 1440px) {
  .wrap {
    max-width: 1440px;
  }
}
.col{
  flex-direction: column
}

.fit {
  object-fit: cover;
  transition: transform 1s ease;
  width: 100%;
  height: 100%;
}
.pc{
  display: block;
}
.mb{
  display: none;
}

img.fit:hover {
  transform: scale(1.02);
  transition: all 1s ease;
}

.hidden {
  overflow: hidden;
}
.ebiz {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
}
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 4px;
}

.dropdown-content a {
    color: #333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.show {
    display: block;
} 
.tc{
  background-image: linear-gradient(315deg, #6772FF 0, #00F9E5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.flex {
  display: flex;
}
.ebiz-bet {
  justify-content: space-between;
}
.radius {
  border-radius: 1em;
}
.z1 {
  z-index: 1;
}
.c1,.c2,.c3{
  display: -webkit-box;
  -webkit-line-clamp:1;
  line-clamp:1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c2{
  -webkit-line-clamp:2;
  line-clamp:2;
}
.c3{
  -webkit-line-clamp:3;
  line-clamp:3;
}
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}
.vh100 {
  height: 100vh;
}
.cw {
  color: #fff;
  text-align: center;
}
.mt10 {
  margin-top: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.bgh {
  background: #f1f6ff;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

}
.btn {
  border-radius: 10px;
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  background: #1085DE;
  height: fit-content;
  line-height: 16px;
  border: 1px solid transparent;
}
.btn:hover{
  background: #026173;
  border: 1px solid transparent;
}
.btnw {
    border-radius: 20px;
    padding: 10px 20px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border: 2px solid rgb(255, 255, 255);
    cursor: pointer;
          width: auto;
    height: auto;
}
.btna{background: #c9eff7;color: #1085DE;}
.btnf{background: #9b9b9b;color: #fff;}
.btnt{background: #10101000;color: #fff;border:1px solid #fff;}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.swiper-pagination{
  height: auto;
  display: block;
}
.btnbox{
  /*height: auto;*/
}

.popvideo {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
  display: none;
  background: #303030;
}
.popvideo video {
  width: 106.62vh;
  max-height: 60vh;
}
/* 头部 */
.header { 
  border-top: 3px solid;
  border-image: linear-gradient(to right, #1085DE, #FF9400) 1;
  flex-direction: column;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
}
.header .com{
  background-color: #070707;
  color: #fff;
  padding: 10px 0;
}
.header .com .wrap{
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.header .com h3{ color: #fff;font-size: 12PX;font-weight: 200;width: auto;}
.header .com h3 b{color: #fff;padding: 0 5px;font-weight: 400;font-size:16px}
.header .com .right {
  align-items: center;
  justify-content: flex-end;
  padding:0 20px;
}
.header .com .right .user {
  display: flex;
   align-items: center;
   width: auto;
   gap: 5px;
   color: #1085DE;
}
.header .com .right .user i,.header .com .right .user p{
  font-size: 16px;
  color: #fff;
}
.header .top {
  height: 80px;}
.header .top .wrap{
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.header .top .logo {
  height: 50px;
  gap:5px;
  width: 20%;
  display: flex;
  align-items: center;
}
.header .top .logo img {
    height: 100%;
}
.header .top .logo .coTitle{
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
  width: auto;
}
.header .top .logo .coTitle h1{
  font-size: 26px;
  color: #1085DE;
  line-height: 26px;
}
.header .top .logo .coTitle p{
  color: #638086;
  font-size: 13px;
  line-height: 13px;
}


.header  .nav{
  gap: 20px;
  align-items: center;
  justify-content: flex-end;
  width: 80%;
}
.header  .nav .navButton{
  display: none;
}
.header  .nav .navBox{
  justify-content: end;
}
.header  .nav .navList{
  width: auto;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}
.header  .nav a{
  font-size: 16px;
  line-height: 40px;
  padding: 0 10px;
}
.header  .nav a:hover,.header  .nav a.act{
  color: #1085DE;
  font-weight: bold;
}
/* 首页 */
.banner .swiper {
  width: 100%;
  height: 580px; /* 高度设为视窗高度 */
}

.banner .swiper-slide video,
.banner .swiper-slide picture,
.banner .swiper-slide picture img {
  object-fit: cover; /* 无变形填充满DIV */
  width: 100%;
  height: 100%;
}

.banner .mySwiper .swiper-pagination {
  margin-left: 260px;
}
.banner .content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-end; /* 水平靠右显示 */
  align-items: center; /* 垂直居中 */
}
.banner .content .wrap {
  display: flex;
  justify-content: flex-end; /* 水平靠右显示 */
  align-items: center; /* 垂直居中 */
}
.banner .content .cont-tit {
  flex: 1;
  /*flex-direction: column;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  /*margin-left: 520px;*/
  padding-top: 40px;
}
.banner .content .cont-tit img{
 
  max-height: 500px;
}
.banner .content h1 {
  font-size: 56px;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.banner .content h2 {
  font-size: 32px;
  color: #fff;
  margin: 10px 0 20px 0;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.banner .content .btn {
  background-color: #0e0e0e96;
  border-radius: 20px;
  color: white;

  padding: 7px 30px;

  font-size: 16px;

  border: none;

  cursor: pointer;
  font-family: "MundialHair", sans-serif;
}

.banner .mySwiper .swiper-pagination-bullet {
  width: 48px;

  height: 3px;

  background: #ffffff4d;

  border-radius: 10px;

  opacity: 1;
}
.banner .mySwiper .swiper-pagination-bullet-active {
  width: 120px;
}

.banner .mySwiper .swiper-pagination-bullet-active i {
  display: block;

  width: 100%;

  height: 100%;

  border-radius: 10px;

  background: white;

  animation: progress 10s linear; /* 默认动画时间为10s */
}

@keyframes progress {
  from {
    width: 0;
  }

  to {
    width: 120px;
  }
}

.banner .mySwiper .autoplay-progress {
  position: absolute;

  right: 16px;

  bottom: 16px;

  z-index: 10;

  width: 48px;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: bold;

  color: var(--swiper-theme-color);
}

.banner .mySwiper .autoplay-progress svg {
  --progress: 0;

  position: absolute;

  left: 0;

  top: 0px;

  z-index: 10;

  width: 100%;

  height: 100%;

  stroke-width: 4px;

  stroke: var(--swiper-theme-color);

  fill: none;

  stroke-dashoffset: calc(125banner 0.6px * (1 - var(--progress)));

  stroke-dasharray: 125banner 0.6;

  transform: rotate(-90deg);
}
.banner{
 position: relative;
}
.banner .index-ser{
  position: absolute;
  top: 70px;
  left: calc(50% - 720px);  
  width: 520px;
  height: 420px;
  background-color: #F0FCFF;
  z-index: 10;
}
.index-box{
  padding: 60px 0;
}
.index-box .wrap> h2{
padding-bottom: 20px;
font-size: 24px;
text-align: center;
}
.index-box .wrap>p{
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  padding-bottom: 40px;
}
.index-news{
  background: #f4fdff;
}
.index-news .wrap{
  gap: 20px;
  flex-direction: row;
}
.index-news .wrap>div{
  background-color: #fff;
  padding: 20px;
  height: 580px;
  border-radius: 10px;
  flex-direction: column;
  flex: 1;
}
.index-news .wrap h3{
font-size: 24px;
padding-bottom: 20px;
}
.index-news .coNews{
  flex:2;
}

.index-news .coNews .newItem{
  flex-direction: column;
}
.index-news  .newsTop{
  gap: 10px;
  height: auto;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}
.index-news  .newsTop a{
  width: 100%;
  height: fit-content;
}
.index-news  .newsTop .topImg{
  aspect-ratio: 5 / 3;
  margin-bottom: 10px;
}
.index-news .newsTop .topImg img{
  border-radius: 8px;
}
.index-news  .newsTop .topTxt{
  flex-direction: column;
  padding: 5px; 
  gap: 10px;
}
.index-news .newsTop p{
  font-weight: 300;
}
.index-news .newsList{
  flex-direction: column;
  gap: 12px;
}
.index-news .newsList a{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.index-news .newsList a span{
  font-size: 12px;
  background-color:#1085DE;
  padding: 2px 5px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
}

.index-news .newsList .time{
  width: 100px;
  text-align: right;
  font-size: 12px;
  color: #999;
  justify-content: end;
    text-align: center;
}
.index-news .proList{
  gap: 15px;
  flex-wrap: wrap;
  height: auto;
}
.index-news .proItem{
  width: calc(50% - 7.5px);
}
.index-news .proItem .proImg{aspect-ratio: 5 / 3;height: auto;}
.index-news .proItem .proImg img{border-radius: 8px;}
.index-news .proItem .proTxt{
  justify-content: center;
  font-size: 16px;
  padding-top: 10px;
  height: auto;
}
.index-news .blogList{
padding: 20px;
gap:10px;
display: flex;
flex-direction: column;
} 
.index-news  a:hover,.index-news  a:hover div,.index-news  a:hover h4,.index-news  a:hover p{
  color: #1085DE !important;
}


.serBox .serList{
  width: 30%;
  background-color: #1085DE;
  flex-direction: column;
}
.serBox .serList .serNav{
  padding: 10px 20px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  height: 50px;
  align-items: center;
  gap: 5px;
  position: relative;
}
.serBox .serList .serNav.act{
  background-color: #F0FCFF;
  font-weight: bold;
  color: #1085DE;
}
.serBox .serList .serNav i{  
  color: #fff;
}
.serBox .serList .serNav.act i{
  color: #1085DE;
}
.serBox .serList .serNav.act::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  width: 5px;
  border-radius:0 5px 5px 0;
  background: center center #4A54FF;
  background-image: linear-gradient(315deg, #6772FF 0, #00F9E5 100%);
  background-size: 104% 104%;
}
.serBox .serList .serNav:hover,.serBox .serList .serNav:hover i{
  color: #080808;
  font-weight: bold;
}
.serBox .serRight{
  /* width: 70%; */
  background-color: #F0FCFF;
}
.serBox .serRight .serItem{
  padding: 20px;
  display: none;
  flex-direction: column;
  gap: 20px;
}
.serBox .serRight .serItem>div{
  height: auto;
}
.serBox .serRight .serItem.act{
  display: flex;
}
.serBox .serRight .serItem .serItem-tips{
  flex-direction: column;
  gap: 10px;
}
.serBox .serRight .serItem .serItem-tips h3{
  font-size: 16px;
  color: #1085DE;
}
.serBox .serRight .serItem .serItem-tips p{
  font-size: 14px;
  color: #161616;
  font-weight: 300;
}
.serBox .serRight .serItem-notice{
  gap: 10px;
  background-color:#C9EFF7 ;
  align-items: center;
  padding: 10px;
}
.serBox .serRight .notice-icon{
 width: 40px;
 justify-content: center;
 align-items: center;
}
.serBox .serRight .notice-icon i{
  font-size: 26px;
  color: #1085DE;
}
.serBox .serRight .serItem-notice .notice-item{
  height: 60px;
}
.serBox .serRight .serItem-notice .notice-item p{
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  font-weight: 300;
}
.serBox .serRight .serItem-notice .notice-item a{
  color: #161616;
}
.serBox .serRight .serItem-notice .swiper-pagination{
  bottom: 0;
}
.serBox .serRight .serItem-notice .swiper-pagination-bullet{
  width: 20px;
  height: 2px;
  background-color: #5e5e5e;
  border-radius: 0;
}
.serBox .serRight .serItem-notice .swiper-pagination-bullet-active{
  background-color: #1085DE;
  width: 30px;
}
.aiUpload{
  background-color: #fff;
  padding: 20px;
  border: 1px dashed  #1085DE;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.aiUpload.dragover {
  border: 1px dashed  #21ae3d;
}
.aiUpload .upload-title{
  color: #1085DE;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.aiUpload .upload-title i{  
  font-size: 26px;
  color: #1085DE;
}
.aiUpload .upload-tips{
  font-size: 12px;
  font-weight: 300;
}
.aiUpload .upload-safe,.aiUpload .upload-safe i{
  color: #1085DE;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  gap:5px
}
.aiFeat{
  gap: 100px;
  padding-top: 15px;
}
.aiFeat>div{
  flex:1;
  flex-direction: column;
  gap: 10px;
  color: #222222;
  align-items: center;
  text-align: center;
}
.aiFeat>div i{
  font-size: 36px;
  color: #5d5d5d;
}
.aiFeat>div p{
  font-size: 12px;
  font-weight: 300;
}
.index-process{
  background: #f4fdff;
  padding: 80px 0;
}
.index-process h2{
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 300;
  text-align: center;
}
.process{
  padding: 20px;
  background: #fff;
  justify-content: space-between;
  align-items: start;
}
.process>div{
  width: 135px;
  height: auto;
  flex-direction: column;
}
.process .process-item{
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.process .process-item .icon{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #f4fdff;
  justify-content: center;
  align-items: center;
  position: relative;
}
.process .process-item .icon::after{
    content: "";
    position: absolute;
    background: linear-gradient(to right, #1085DE 50%, transparent 50%);
    background-size: 5px 1px;
    background-repeat: repeat-x;
    background-position: 0% 100%;
    height: 1px;
    width: 155px;
    right:  -165px;
}
.process .process-item:last-child .icon::after{
  display: none;
}
.process .process-item .icon i{
  font-size: 28px;
  color: #1085DE;
}
.process .process-item h4{
  font-size: 16px;
  font-weight: 300;
}
.index-cnc{
  background: url(/template/assets/img/in_cnc.jpg) center / cover no-repeat fixed;
  padding:100px 0;
}
.cnc-box{
  background: rgba(0, 0, 0, 0.58);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  height: 550px;
  flex-direction: column;
  align-items: center;
  border-radius: 40px;
}
.cnc-box:hover{
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  transform: translateY(-2px);
}
.cnc-box .cnc-nav{
  justify-content: center;
  gap: 20px;
  background: linear-gradient(135deg, #1085DEbd, 80%, #26ff73d6);
  border-radius: 30px;
  margin-top: 40px ;
  padding: 10px;
  width: fit-content;
  height: auto;
}
.cnc-box .cnc-nav .nav-item{
  font-size: 16px;
  font-weight: bold;
  width: 200px;
  height: 40px;
  cursor: pointer;
  padding-bottom: 5px;
  color: #fff;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
}
.cnc-box .cnc-nav .nav-item.act{
  background: rgba(255, 255, 255, 0.801);
  backdrop-filter: blur(10px);
  color: #000;
}
.cnc-box .item-list{
  display: none;
  padding: 40px 30px;
}
.cnc-box .item-list.act{
  display: flex;
}
.cnc-box .item-list .item-tips{
  width: 55%;
  flex-direction: column;
  color: #fff;
  gap: 10px;
  padding-right: 30px;
}
.cnc-box .item-list .item-tips h4{
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  background: linear-gradient(to right, #fff, #1085DE);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cnc-box .item-list .item-tips p,.cnc-box .item-list .item-tips p i{
  color: #fff;
  line-height: 2;
  font-weight: 400;
}
.cnc-box .item-list .item-tips i{
  padding-right: 10px;
  background: linear-gradient(to right, #fff, #1085DE);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cnc-box .item-list .tips-list{
  flex-direction: column;
  gap: 10px;
  padding: 20px;
}
.cnc-box .item-list .img{
  width: 45%;
  height: 100%;
  padding-left: 30px;
}
.cnc-box .item-list .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.mate {
  flex-direction: column;
}

.mate .mate-nav{
  justify-content: center;
  gap: 20px;
  padding-bottom: 20px;
}
.mate .nav-item{
 font-size:24px ;
 font-weight: bold;
 width: auto;
 cursor: pointer;
 padding-bottom: 5px;
 border-bottom: 3px solid transparent;
}
.mate .nav-item.act{
color: #1085DE;
border-bottom: 3px solid #1085DE;
}
.mate .item-list{
  display: none; 
  height: 420px;
}

.mate .item-list.act{
  display: flex;
}

.mate .item-list .item-tips{
  width: 30%;
  flex-direction: column;
  gap: 10px;
  background: #f4fdff;
  padding: 30px 20px 30px 30px;
  position: relative;
}
.mate .item-list .item-tips h4{
  font-size: 18px;
  color: #1085DE;
}
.mate .item-list .item-tips p{
 font-weight: 300;
 /*line-height: 30px;*/
}
.mate .tips-list{
  margin: 20px  0 0 20px;
  flex-direction: column;
  gap: 15px;
}
.mate .tips-list i {
  color: #1085DE;
  padding-right: 10px;
}
.mate .btnbox{
  justify-content: center;
  /*position: absolute;*/
  margin-top:10px;
  bottom: 20px;
  gap: 20px;
  /*height: auto;*/
  /*left: -20px;*/
}
.mate .item-list .item-box{
  width: 70%;
  gap: 20px;
  background: #f5f5f5;
  padding: 20px;
  flex-wrap: wrap;
}
.mateMax .item-list .item-box{
  width: 100%;
}
.mate .box-list{
  width: calc(33.33% - 13.33px);
  gap: 10px;
  background: #fff;
  height: 180px;
}
.mateMax .box-list{
  width: calc(50% - 10px);
}
.mate .box-list .box-cont{
  padding: 10px;
  gap: 10px;
}
.mate .box-list .box-cont .box-img{
  width: 100%;
  height: 160px;
  background: #f5f5f5;
}
.mate .box-list .box-cont .box-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mate .box-list .box-cont .box-txt{
  flex-direction: column;
  gap: 10px;
  justify-content: center;
}
.mate .box-list .box-cont .box-txt h4{
  font-size: 16px;
  font-weight: bold;
  color: #1085DE;
}
.mate .box-list .box-cont .box-txt p{
  font-size: 14px;
  font-weight: 300;
}
.mate .box-list .box-cont .box-txt .more{
  font-size: 12px;
  font-weight: 300;
  color: #b1b1b1;
  gap: 5px;
  text-align: right;
} 
.mate .box-list .box-cont .box-txt .more i{
  font-size: 12px;
  color: #b1b1b1;  
}
.mate .box-list .box-cont .box-txt .more:hover,.mate .box-list .box-cont .box-txt .more:hover i{
color: #1085DE;
}
.index-ability{
  background: url(/upload/img/dqh.jpg) center / cover no-repeat fixed;
  padding:100px 0;
}
.index-ability h2{
  color: #fff;
}
.index-ability p{
  color: #fff;
}
.ability{
  gap: 15px;
}
.ability .ability-item{
  width: calc(16.67% - 12.5px);
  cursor: pointer;
  height: 450px;
  border-radius: 8px;
  background-size: cover;
  background-position: center;
  transition: width 0.5s ease, transform 0.3s ease; 
}
.ability .ability-item.act{
  width: calc(33.34% - 10px);
  transform: scale(1.02);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.ability .ability-box{
  flex-direction: column;
  gap: 15px;
  border-radius: 8px;
  padding: 20px;
  background: linear-gradient( rgba(0, 155, 13, 0.884),70%, rgba(0, 0, 0, 0.253));
  position: relative;
}

.ability  .ability-box h3{
font-size: 18px;
color: #fff;
}
.ability  .ability-box p{
  font-weight: 300;
  color: #fff;
}
.ability  .advantage{
  flex-direction: column;
  gap: 10px;
} 
.ability  .advantage h4{
  color: #fff;
  border-left: 4px solid #1085DE;
  padding-left: 10px;
  margin: 10px 0;
  font-size: 16px;
}
.ability  .advantage h5{
  color: #fff;}
  .ability  .advantage h5 i{
    color: #ff5858;
    padding-right:10px;
  }
.ability .advantage, .ability .btnbox{
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.ability .btnbox{
  position: absolute;
  bottom: 30px;
  /*left: -20px;*/
  /*justify-content: center;*/
  height: auto;
  gap:20px
}
.ability .ability-box.cx{
  background: linear-gradient( rgba(6, 62, 184, 0.884),70%, rgba(0, 0, 0, 0.253)); 
}
.ability .ability-box.oem{
  background: linear-gradient( rgba(0, 192, 192, 0.884),70%, rgba(0, 0, 0, 0.253)); 
}
.ability .ability-box.zp{
  background: linear-gradient( rgba(255, 165, 0, 0.884),70%, rgba(0, 0, 0, 0.253)); 
}
.ability .ability-box.robot{
  background: linear-gradient( rgba(115, 0, 192, 0.884),70%, rgba(0, 0, 0, 0.253)); 
}
.evaluate{
 gap: 20px;
}
.evaluate .evaluate-item{
  flex-direction: column;
  width: calc(25% - 16px);
}
.evaluate .evaluate-item .item-img{
  aspect-ratio: 1/1;
}
.evaluate .evaluate-item .item-txt{
  flex-direction: column;
  gap: 10px;
  padding: 15px;
  background-image: linear-gradient( #f4fdff, #fff);
}
.evaluate .evaluate-item .item-txt p{
  font-size: 14px;
}
.evaluate .evaluate-icon i{
  color: #e46e00;
  padding-right: 5px;
}
.footGuide{
  flex-direction: column;
  height: 280px;
  background-image: url('/upload/img/zp.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.footGuide .guide{
  background-color: #00000080;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.footGuide .guide h2{
  font-size: 24px;
  color: #fff;
}
.footer{
  background: #151515;
  padding: 20px 0;
}
.footer .footFeat{
  justify-content: space-between;
  padding: 30px 0;
  border-bottom: 1px solid #747474;
  margin-bottom: 30px;
}
.footer .footFeat .featItem{
  flex:1;
  gap:10px;
 align-items: center;
 max-width: fit-content;
}
.footer,.footer i,.footer  h5,.footer  h6,.footer  a,.footer p{
  color: #fff;
}
.footer .footFeat i{
  font-size: 40px;
}
.footer .footFeat .txt{
  flex-direction: column;  
 width: fit-content;
}
.footer  h5{font-size: 18px;}
.footer .footFeat p{
  font-weight: 300;
}
.footer{
  gap: 20px;
}
.footer .footAbout{
  width: 20%;
  flex-direction: column;
  padding-right:  20px ;
  margin-right: 20px;
  border-right: 1px solid #747474;
  gap: 20px;
}
.footer .footAbout .com{
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  justify-content: space-between;
  align-items: center;
}
.footer .footAbout .logo{
  width: fit-content;
  /*gap: 10px;*/
}
.footer .footAbout .logo img{
  height: 30px;
}
.footer .footAbout  h2{
  font-size: 20px;
  color: #1085DE;
}
.footer .footAbout .hotline{
  font-size: 14px;
  color: #fff;
  flex-direction: column;
  width: fit-content;
}
.footer .footAbout .hotline p{
  color: #7e7e7e;
  font-size: 12px;
  font-weight: 300;
}
.footer .footAbout .hotline h6{
  color: #000;
  font-size: 18px;
}
.footer .footAbout .contact{
  flex-direction: column;
  gap: 10px;
}
.footer .contact .item{
gap:10px;
}
.footer .contact .item p{
  max-width: 80%;
  font-weight: 300;
}
.footer .sns{gap: 10px;}
.footer .sns .item{
  position: relative;
}
.footer .sns .item>img{height: 30px;transition: transform 0.3s ease;}
.footer .sns .item:hover>img{  transform: scale(1.2);}
.footer .sns .item .imgBox{
  display: none;
  position: absolute;
  width: 200px;
  height: 200px;
  padding: 20px;
  background: #fff;
  border-radius: 10px 10px 10px 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  bottom: -100px;
  left: 5px;
  transition: all 0.3s ease;
  z-index: 1;
}
.footer .sns .item .imgBox::after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  bottom: -10px;
  left: 0;}
.footer .sns .item:hover .imgBox{
  display: flex;
  bottom: 50px;
}
.footer .sns .item .imgBox img{
  max-width: 100%;
  max-height: 100%;
}
.footer .footNav{
  width: 80%;
  /*padding-left: 20px;*/
}
.footer .navItem{
  flex-direction: column;
  gap: 10px;
  /*text-align: center;*/
}
.footer .navItem li{
  padding: 4px 0;
  color: white;
}
.footer .footCopy{
  gap: 10px;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #747474;
}
.footer a:hover{
  color: #1085DE;
}
/* 制造能力 */
.upTop{
  height: 580px;
  background: url('/template/assets/img/in_cnc.jpg') center / cover no-repeat fixed;
  align-items: center;
}
.upTop.Printing{
  background: url('/template/assets/img/3d.jpg') center / cover no-repeat fixed;
}
.upTop .wrap{
  flex-direction: row;
   align-items: center;
  justify-content: space-between;
  height: fit-content;
}
.upTop .title{
  flex-direction: column;
  gap:20px;
  width: 40%;
}
.upTop .title h2,.upTop .title p{
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.upTop .title h2{
  font-size: 36px;
}
.upTop .title p{
  font-size: 16px;
  font-weight: 300;
}
.upTop .aiFeat .feat-item{
  /*padding: 20px;*/
  /* background: #02020249;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); */
}
.upTop .aiUpload{
  width: 40%;
  border-radius: 10px;
  
}
.upTop .aiUpload>div{
  font-size: 16px;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.upTop .aiUpload .btn{width: 50%;justify-content: center;}
.upTop .aiUpload .upload-safe i{font-size: 18px;}
.box{
  padding: 50px 0;
  flex-direction: column;
}
.box>h3, .box .wrap>h3{font-size: 24px;text-align: center;}
.box .wrap>p{font-size: 16px;padding:15px 0 30px 0;text-align: center;font-weight: 300;}
.cateNav{  
  justify-content: center;
  align-items: center;
  gap: 20px;
  background: #1085DE;
  position:sticky;
  top: 0;
  z-index: 100;
}
.cateNav .cateItem{
  color: #313131;
  padding: 10px;
  flex-direction: row;
  display: flex;
  gap: 10px;
  border-bottom: 3px solid transparent;
}
.cateNav .cateItem h2{
  font-size: 18px;
}
.cateNav .cateItem.act h2{
  background-image: linear-gradient(315deg, #e2e2e2 0, #ffffff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cateNav .cateItem i{font-size: 24px;}
.cateNav .cateItem.act i{    background-image: linear-gradient(315deg, #e2e2e2 0, #ffffff 100%);}
.cateNav .cateItem p{font-size: 16px;}
.pBox{
  padding: 40px;
  border-radius: 10px;
  background: #fff;
  gap: 20px;
   margin-bottom: 40px;
   align-items: center;
}
.pBox  .lf{
  width: 60%;
  aspect-ratio: 5 / 3;
}
.pBox  .lf .lfItem{
  width: 100%;
  height: 100%;
  display: none;
}
.pBox  .lf .lfItem.act{
  display: block;
}
.pBox  .lf .lfItem img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
  box-shadow: 0 12px 16px -4px rgba(9, 44, 71, .04), 0 4px 6px -2px rgba(9, 44, 71, .02);
}
.pBox  .rig{
  width: 40%;
  padding: 20px;
  flex-direction: column;
 
}
.pBox  .rig .rigItem {
  padding: 20px;
}
.pBox  .rig .rigItem.act{
  background: #f1fdff;
  border-radius: 10px;
}
.pBox  .rig .rigBox{
  flex-direction: column;
  cursor: pointer;
  gap: 20px;
}
.pBox  .rig .rigBox h4,.pBox  .rig .rigBox i{
  font-size: 24px;
  padding-right: 8px;
  color: #616161;
}
.pBox  .rig .rigItem.act h4,.pBox  .rig .rigItem.act p{
  color: #000;
}
.pBox  .rig .rigBox p{text-align: left;color: #616161;}

.processBox{
  gap: 20px;
    margin: 40px 0;
}
.processBox .processItem{
  flex-direction: column;
  gap: 20px;
 background: #F0FCFF;
}
.printProcess .processItem{
   background: #fff;
   box-shadow: 0 12px 16px -4px rgba(9, 44, 71, .04), 0 4px 6px -2px rgba(9, 44, 71, .02);
}
.processBox .processItem .processItem-img{
  aspect-ratio: 1 / 1;
}
.processBox .processItem .processItem-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.processBox .processItem h4{
  font-size: 18px;
  padding:0 20px;
}
.processBox .processItem p{
  font-size: 16px;
  text-align: left;
  padding:0 20px 20px 20px;
}
.printProcess .processItem p{
  height: 140px;
  line-height: 25px;
  font-weight: 400;
}
.processTable {
  background: #fff;
  margin: 50px 0;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border: 1px solid #e1e5e9;
}

.processTable table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  font-family: 'Arial', sans-serif;
}


.processTable tbody tr:first-child {
  background: linear-gradient(135deg, #ffffff 0%, #cfcfcf 100%);
}

.processTable tbody tr:first-child td {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.processTable tbody tr:first-child td:first-child {
  border-top-left-radius: 12px;
}

.processTable tbody tr:first-child td:last-child {
  border-top-right-radius: 12px;
}

.processTable td {
  padding: 16px 20px;
  text-align: center;
  border-bottom: 1px solid #f0f2f5;
  transition: all 0.3s ease;
  position: relative;
}

.processTable tbody tr:not(:first-child):hover {
  background-color: #f8fafc;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.processTable tbody tr:not(:first-child) td:first-child {
  background: linear-gradient(135deg, #f6f9fc 0%, #e9ecef 100%);
  font-weight: 600;
  color: #495057;
  text-align: left;
}

.processTable tbody tr:not(:first-child):nth-child(even) {
  background-color: #f8f9fa;
}

.processTable tbody tr:not(:first-child):nth-child(even):hover {
  background-color: #e3f2fd;
}

.processTable td p {
  margin: 0;
  line-height: 1.5;
}

.processTable td b {
  font-weight: 700;
  font-size: 14px;
}

.processTable tbody tr:not(:first-child) td:not(:first-child) {
  font-size: 14px;
  color: #6c757d;
  font-weight: 500;
}

.processTable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}

.processTable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}

.processTable tbody tr:last-child td {
  border-bottom: none;
}

/* 添加数据单元格的特殊样式 */
.processTable tbody tr:not(:first-child) td:nth-child(2) {
  color: #28a745;
  font-weight: 200;
}

.processTable tbody tr:not(:first-child) td:nth-child(3) {
  color: #007bff;
  font-weight: 200;
}

.processTable tbody tr:not(:first-child) td:nth-child(4) {
  color: #ffc107;
  font-weight: 200;
}

.processTable tbody tr:not(:first-child) td:nth-child(5) {
  color: #dc3545;
  font-weight: 200;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .processTable {
    margin: 20px 0;
    border-radius: 8px;
  }
  
  .processTable td {
    padding: 12px 8px;
    font-size: 12px;
  }
  
  .processTable tbody tr:not(:first-child) td:first-child {
    font-size: 11px;
  }
}
.printMate{
  padding: 50px 0 100px 0;
}
.mfgMaterial {
  background: #F0FCFF;
}
.mfgMaterial .materialBox{
  gap: 20px;
  flex-wrap: wrap;
  padding: 40px 0 ;
}
.mfgMaterial .materialItem{
  flex-direction: column;
  gap: 20px;
width: calc(33.33% - 13.33px);
height: 500px;
border: 1px solid #000;
border-radius: 10px;
background: #fff;
}
.mfgMaterial .materialItem h4{
  font-size: 18px;
  padding: 0 20px;
}
.mfgMaterial .materialItem p{
  font-size: 16px;
  text-align: left;
  padding:0 20px 20px 20px;
}
.mfgMaterial .materialItem .materialItem-img{
  height: 350px;
}
.mfgMaterial .materialItem .materialItem-img img{
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
  object-fit: cover;
}
.mfg h3{
  padding-bottom: 20px;
}
.mfg .mfgItem{gap:40px}
.mfg .mfgItem .itemList{
  height: 250px;
  padding: 40px;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  box-shadow: 0 12px 16px -4px rgba(9, 44, 71, .04), 0 4px 6px -2px rgba(9, 44, 71, .02);
}
.mfg .mfgItem i{font-size: 64px;}
.mfg .mfgItem h4{font-size: 18px;}
.mfg .mfgItem p{font-weight: 300;}
.imgTxt .wrap{
  flex-direction: row;
  padding: 40px 0;
}
.imgTxt h3{
  width: 20%;
}
.imgTxt .imgTxtItem{
  width: 80%;
  gap:60px;
}
.imgTxt .imgTxtItem .itemList{
  
  width: calc(33.33% - 40px);
  height: 400px;
  position: relative;
}
.imgTxt .imgTxtItem .itemList .img{
  width: 100%;
  height: 100%;
}
.imgTxt .imgTxtItem .itemList .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imgTxt .imgTxtItem .itemList .txt{
  position: absolute;
     left: 20px;
    top: 20px;
    width: 94%;
    height: 95%;
    background: #000000ad;
  color: #fff;
  padding: 20px;
  box-sizing: border-box;
}
.imgTxt .imgTxtItem .itemList h4,.imgTxt .imgTxtItem .itemList i{
  font-size: 24px;
  color: #fff;
}
.imgTxt .imgTxtItem .itemList p{
  color: #fff;
}
.techBox{
  padding: 40px 0 100px 0;
}
.techBox .img{
  width: 60%;
}
.techBox .img img{
  width: 100%;
  height: 100%;
}
.techBox .txt{
  width: 40%;
  gap: 20px;
  flex-direction: column;
  padding: 0 40px;
 
}
.techBox .txt .txtItem{
  gap: 10px;
  flex-direction: column;
  height: auto;
}
.techBox .txt .txtItem h4{
  font-size: 24px;
}
.techBox .txt .txtItem p{
 text-align: left;
 padding: 10px;
}
.proBox{
  padding: 0 0 100px 0;
  gap: 30px;
  flex-wrap: wrap;
}
.proBox .proItem{
  width: calc(33.33% - 20px);
  box-shadow: 0 12px 16px -4px rgba(9, 44, 71, .04), 0 4px 6px -2px rgba(9, 44, 71, .02);
  background: #fff;
  border-radius: 10px;
  flex-direction: column;
}
.proBox .proItem .proItem-img{
  aspect-ratio: 4 / 3;
}
.proBox .proItem .proItem-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proBox .proItem h4{
  font-size: 18px;
  padding: 20px 15px;
}
.mfgMate{
  background: #F0FCFF;
}
.mfgMate .title{
  justify-content: space-between;
  align-items: center;  
  position: relative;
  padding: 20px;
}
.mfgMate .title h4{
  font-size: 18px;  
}
.mfgMate .title::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  width: 5px;
  border-radius:0 5px 5px 0;
  background: center center #4A54FF;
  background-image: linear-gradient(315deg, #6772FF 0, #00F9E5 100%);
  background-size: 104% 104%;}

.mfgMate .mateBox{
  flex-direction: column;
  background: #fff;
  margin-bottom: 40px;
}
.mfgMate .mateList{
  gap: 20px;
  flex-wrap: wrap;
  padding: 0 20px 40px 20px;
  }
.mfgMate .mateItem{
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: calc(25% - 15px);
}
.mfgMate .mateItem .mateItem-img{
  aspect-ratio: 4 / 3;
}
.mfgMate .mateItem h5{
  font-size: 16px;
  text-align: center;
}
.mfgMate .mateItem:hover h5,.mfgMate .title a:hover,.mfgMate .title a:hover i{
  color: #1085DE;
}
.txtUP{
  background: linear-gradient(to right, rgba(0, 53, 133, 0.884), rgba(0, 0, 0, 0.253));
  align-items: center;
}
.txtUP .title .btn{
  width: 150px;
  margin-top: 40px;
}
.txtBox .wrap{
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
}
.txtBox .mateBox{
  width: calc(50% - 20px);
  margin-bottom: auto;
}
.txtBox .mateList{
  gap: 20px;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0 20px 20px 20px;
  align-items: center;
}
.txtBox .mateList i{
  font-size: 64px;
}
.txtBox .mateList p{
  line-height: 28px;
  font-weight: 300;
}
.hotBox{background: url(/upload/img/bg.jpg) no-repeat bottom #f4f7fa;
  background-size: 100% auto;}
.hotBox .mfgItem{
 flex-wrap: wrap;
}
.hotBox .mfgItem .itemList{
  background: #ffffffb5;
  height: 300px;
  width: calc(33.33% - 26.66px);
}
.hotBox .itemList .txt{
  flex-direction: column;
  gap: 10px;
}
.hotBox  .itemList .txt span{
  font-weight: bold;
  padding-right: 10px;
  color: #1085DE;
}
.mfgSer .serList{
  flex-direction: row;
  gap: 10%;
  align-items: center;
}
.mfgSer .wrap{
  gap: 100px;
}
.mfgSer .serList:nth-child(2n){
  flex-direction: row-reverse;
}
.mfgSer .serList .serImg{
width: 35%;
aspect-ratio: 4 / 3;
}
.mfgSer .serList .serTxt{
  width: 55%;
  flex-direction: column;
}
.mfgSer .serList .serTxt h3{
  padding-bottom:0;
  font-size: 18px;
  padding-left: 20px;
  text-align: left;
  position: relative;
}
.mfgSer .serList .serTxt h3::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  width: 5px;
  border-radius:0 5px 5px 0;
  background: center center #4A54FF;
  background-image: linear-gradient(315deg, #6772FF 0, #00F9E5 100%);
  background-size: 104% 104%;}
.mfgSer .serList .txtItem{
  flex-direction: column;
  gap: 10px;
  margin-top: 40px;
}
.mfgSer .serList .txtItem h4{
  font-size: 16px;
}
.mfgSer .serList .txtItem p{
  font-weight: 300;
  padding-bottom: 20px;
}
.longBox .wrap{gap: 40px;}
.longBox .serList{
  gap: 0;
  box-shadow: 0 12px 16px -4px rgba(9, 44, 71, .04), 0 4px 6px -2px rgba(9, 44, 71, .02);

}
  .longBox .serList .serImg{
    width: 50%;
    aspect-ratio: auto;
    height: 300px;
  }
  .longBox .serList .serTxt{
    width: 50%;
    padding: 50px;
    gap: 20px;
  }
  .white .wrap{gap: 40px;}
.white .serList{
  box-shadow: 0 12px 16px -4px rgba(9, 44, 71, .04), 0 4px 6px -2px rgba(9, 44, 71, .02);
background: #fff;
height: 500px;
}
.white .serList .serTxt{
  justify-content: center;
}
.white .serList:nth-child(2n+1) .serTxt h3{
  padding: 0 20px 0 0;
}
.white .serList .serTxt .txtItem{
  padding:10px 40px 0 40px;
  font-weight: 300;
  height: auto;
}
.white .serList .serTxt .txtItem h4{
  color: #1085DE;
}
.white .serList:nth-child(2n+1) .serTxt,.white .serList:nth-child(2n+1) .serTxt .txtItem{
  align-items: end;
}
.white .serList:nth-child(2n+1) .serTxt h3::before{
  left: auto;
  right: 0;
  border-radius: 5px 0 0 5px;
}
/* 帮助中心详情 */
.help-cont {padding: 40px 0 100px 0}
.help-cont .contbox .radius{padding: 20px;background: #fff;}
.help-cont .contbox{display: flex;justify-content: space-between;gap: 20px;}
.help-cont .contbox .left{width: 20%;}
.help-cont .contbox .left .leftbox,.help-cont .contbox .left .title,.help-cont .item,.help-cont .navtit,.help-cont .right,.help-cont .rightcont{flex-direction: column;}
.help-cont .contbox .left .leftbox h2{text-align: center;font-size: 28px;margin-bottom: 20px;}
.help-cont .left .title .item .tit{display: flex;justify-content: space-between;height: 40px;align-items: center;cursor: pointer;}
.help-cont .left .title .item .tit h3{font-size: 16px;}
.help-cont .left .title .item .tit img{width: 24px;height: 24px;transform:rotate(-90deg);}
.help-cont .left .title .item.active img{transform:rotate(0deg);}
.help-cont .left .title .item .navtit{display: none;}
.help-cont .left .title .item.active .navtit{display: block;}
.help-cont .left .title .item .navtit h4 {margin:10px 0 10px 8px; }
.help-cont .left .title .item .navtit h4 a{font-size: 14px;font-weight: 300;color:#3b3b3b;line-height: 16px;}
.help-cont .left .title .item .navtit h4 a.active,.help-cont .left .title .item .navtit h4 a:hover{color: #1085DE;}
.help-cont .contbox .right{width: 76%;}
.help-cont .contbox .right .tit h3{text-align: center;font-size: 30px;}
.help-cont .contbox .right .rightcont {padding: 20px;}
.help-cont .contbox .right .rightcont p{margin-bottom: 10px;}
/* 关于我们 */
.topbanner{width: 100%;height: 400px;position: relative;}
.topbanner .imgslide{
    height: 100%;
}
.topbanner .imgslide img{width: 100%;transition: transform 1s ease;}
/*.topbanner:hover img{transform: scale(1.2);*/
/*    transition: all 1s ease;}*/
.topbanner h1{    font-size: 40px;
    line-height: 40px;
    font-weight: 700;box-shadow: 0 12px 16px -4px rgba(9, 44, 71, .04), 0 4px 6px -2px rgba(9, 44, 71, .02);}
.abouttop{margin: 92px 0;}
.about{margin: 100px 0;}
.abouttop .slide{width: 100%;height: 600px;position: relative;}

/*.about .slide{padding: 50px}*/
.about h3{font-size: 26px;margin-bottom: 30px;text-align: center;}
.about .slide .aboutus p{font-size: 16px; font-weight: 400;line-height: 30px;text-align: left;}
.about .aboutus .about-content{display: flex;flex-direction: row;gap: 20px;    align-items: center;}
.about .aboutus .about-content .img{width: 50%;}
.about .aboutus .about-content .img img{width: 100%;}
.about .aboutus .about-content .content{width: 50%;}
.aboutus{margin-left:40px;text-align: justify;}
.aboutdata{border-top: 1px solid #edeff2;padding: 40px 20px 0 20px;margin-top: 40px;}
.aboutdata p{font-size: 14px;font-weight: 300;}
.aboutdata h4 span{font-size: 70px;font-weight: 700;font-family: 'MundialBold', sans-serif;}
.aboutdata h4 em{font-size: 14px;color: #929292;font-weight: 300;}
.aboutdata h4 p{display:inline}
.about-wedo .wedo-box{display: flex;gap: 20px;flex-wrap: wrap;}
.about-wedo .wedo-box .item{width: calc(33.33% - 20px);}
.about-wedo .wedo-box .item .img{width: 100%;aspect-ratio: 1 / 1;overflow: hidden;}
.about-wedo .wedo-box .item .img img{width: 100%;}
.about-wedo .wedo-box .item .title{font-size: 24px;font-weight: 700;margin: 20px 0;font-family: 'MundialBold', sans-serif;text-align: center;}
.about-wedo .wedo-box .item .des{font-size: 14px;font-weight: 300;margin-bottom: 10px;}
.choose {padding: 50px 0;background-image: url(/template/assets/img/bg.jpg);margin-top: 100px; background-size: cover;}
.choose .choose-box{display: flex;gap: 20px;justify-content: center;align-items: flex-start;padding: 50px 0;flex-wrap: wrap;}
.choose .choose-box .item{width: calc(16.66% - 20px);display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.choose .choose-box .item .img{width: 96px;height: 96px;overflow: hidden;border-radius: 48px;
  background-color: #fff;
  object-fit: contain;
  margin: auto;}
.choose .choose-box .item .img img{width: 100%;}
.choose .choose-box .item .title{font-size: 18px;font-weight: 700;margin: 20px 0;font-family: 'MundialBold', sans-serif;text-align: center;}
.choose .choose-box .item .des p{font-size: 14px;font-weight: 300;margin-bottom: 10px;text-align: center;}
/* 联系我们 */
.contact-box{margin: 50px 0 100px 0;}
.contact-box .contwrap {width: 100%;position: relative;height: 688px;}
.contact-box .contwrap .map{width: 100%;height: auto;}
.contact-box .contwrap .map>div{width: 100%;height: 688px;border-radius: 1rem;}
.contact-box .imap-box p{margin-top: 10px;font-weight: 300;}
.contact-box .contwrap .cont-list{justify-content: right;pointer-events: none;}
.contact-box .contwrap .contbox{background: #fff;border-radius: 1rem;width: 300px;height: 350px;margin-right: 60px;pointer-events:auto;gaP:30px}
.contact-box .contwrap .contbox .clogo{width: auto;height: auto;}
.contact-box .contwrap .contbox .clogo img{margin-bottom: 20px;max-height: 40px;}
.contact-box .cont{
    margin: 80px 0;
    padding: 20px;
    background: #fff;
}
  
/* 联系表单样式 */
.contact-box .cont form {
    width: 100%;
    margin: 0 auto;
}

.contact-box .cont .form-group {
    margin-bottom: 20px;
    width: 100%;
    flex-direction: column;
}

.contact-box .cont .form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}

.contact-box .cont .form-group input,
.contact-box .cont .form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: inherit;
}

.contact-box .cont .form-group textarea {
    height: 150px;
    resize: vertical;
}

.contact-box .cont .form-submit {
    text-align: center;
    margin-top: 30px;
}

.contact-box .cont .form-submit .btn {
    background-color: #26b9f5;
    color: white;
    border: none;
    padding: 12px 40px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s;
    width: 120px;
}

.contact-box .cont .form-submit .btn:hover {
    background-color: #1b9ad2;
}
.contact {width: auto;
    height: auto;}
.contact .contact-tit {
  margin-bottom: 30px;
      width: auto;
    height: auto;
}
.contact .contact-tit .tit {
  display: flex;
  align-items: center;
  height: 25px;
}

.contact .contact-tit .tit img {
  height: 20px;
  margin-right: 8px;
}

.contact .contact-tit .tit h3 {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.contact .contact-tit p {
  margin-left: 30px;
  font-size: 16px;
  word-wrap: break-word;
}
.BMap_noprint {width: auto;height: auto;}
/* 项目分类列表 */
.category-list {
  margin: 50px 0;
}

.category-list h1 {
  text-align: center;
  font-size: 34px;    
  padding-bottom: 30px;
  border-bottom: 1px solid #edeff2;
}

.category-list .category-item {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.category-list .category-item a {
  padding: 20px 30px;
  background-color: #dcdcdc;
  text-align: center;
  transition: all 0.3s ease;
  flex: 0 1 150px;
  font-size: 16px;
  color: #333;
}

.category-list .category-item a:hover {
  background-color: #c5c5c5;
}

.category-list .category-item a.active {
  background-color: #222;
  color: #fff;
}
.tech-list .tech-item{
  gap: 20px;
  width: 100%;
  flex-direction: column;
}
.tech-list .tech-item .item a{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 50px;
  padding-bottom: 50px;
}
.tech-list .tech-item .item .img{
  width: 30%;
  aspect-ratio: 5 / 3;
}
.tech-list .tech-item .item .img img{
  width: 100%;
}
.tech-list .tech-item .item .titbox{
  width: 70%;
}
.tech-list .tech-item .item .titbox h3{
  font-size: 20px;
}
.tech-list .tech-item .item .titbox .des{
  font-size: 16px;
  padding: 30px 0 60px 0;
}
.tech-list .tech-item .item .titbox .more{
  padding: 15px 30px;
  color: #000;
  border: 1px solid #000;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  transition: all 0.3s ease;
  height: auto;
}
.tech-list .tech-item .item .titbox .more i{
  padding-left: 10px;
}
.tech-list .tech-item .item:hover .titbox .more{
  background-color: #000;
  color: #fff;
}
.tech-list .tech-item .item:hover .titbox .more i{  
  color: #fff;
}
/* 项目详情 */
.project-cont{
  margin: 50px 0;
}
.project-cont .box .title{
  font-size: 56px;
  line-height: 56px;
  font-weight: 700;
  font-family: 'MundialBold', sans-serif;
  border-bottom: 1px solid #edeff2;
  margin-bottom: 40px;
  padding-bottom: 20px;
}
.project-cont .box .content{
  max-width: 100%;
}
.project-cont .box .tips{
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 0;
}
.project-cont .box .tips .tips-item{
  font-size: 16px;
  line-height: 24px;
  color: #333;
}

.project-page{
  margin: 50px 0;
  border-top: 1px solid #edeff2;
  padding-top: 50px;
}
.project-page .box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: 20px;
}
.project-page .box>div {
  align-items: center;
  gap:10px
}
.project-page .box .previous i{
  transform: rotate(180deg);
  display: inline-block;
}
.project-page .box .next{
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
    .contact-box .cont form {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .contact-box .cont .form-group:nth-child(5),
    .contact-box .cont .form-submit {
        grid-column: span 2;
    }
}
@media screen and (max-width: 1660px){
  .wrap{width: 100%;
  /*max-width: 100%;*/
      /*padding: 0 100px;*/
  }
  .banner .index-ser{
      left: 100px;
  }
  .footer .footAbout{
    width: 30%;
  }
  .footer .footNav{
    width: 70%;
  }
 
}
@media screen and (max-width: 1210px) {
  .pc{
    display: none;
  }
  .mb{
    display: block;
  }
  
.wrap{width: 100%;padding: 0 20px;}
 .banner .index-ser{
      display: none;
  }
  .banner .content .cont-tit,.banner .mySwiper .swiper-pagination{
     margin-left: 0;
  }
  .header .nav .navButton{
     height: 64px;
    width: 64px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
  }
  .header .top {
    position: relative;
  }
  .header .top .logo{
    width: 80%;
  }
    .header .nav{
      width: 20%;
    }
  .header .navButton::before,
.header .navButton::after {
  position: absolute;
  bottom: 22px;
  content: '';
  width: 25px;
  height: 3px;
  background: #000;
  left: 20px;
}

.header .navButton::before {
    top: 20px;
    bottom:auto;
    box-shadow: 0 9px 0 0 #000;
}
   .header .nav .navBox{
    display: none;
   }
  /* act切换样式 */
  .header .nav.act .navBox {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    padding: 20px;
    gap: 0;
    z-index: 1000;
    height: fit-content;
    width: 100vw;
    animation: slideDown 0.3s ease-out;
  }
  
  .header .nav.act .navList {
    width: 100%;  
    border-bottom: 1px solid #f0f0f0;
   height: 50px;
   justify-content: center;
   align-items: center;
  }
  
  .header .nav.act .navList:last-child {
    border-bottom: none;
  }
  
  .header .nav.act .navList a {
    display: block;
    width: 100%;
    text-align: left;
    color: #333;
    transition: color 0.3s ease;
    line-height: 40px;
  }
  
  .header .nav.act .navList a:hover,
  .header .nav.act .navList a.act {
    color: #1085DE;
  }
  
  /* navButton变成X的动画 */
  .header .nav.act .navButton::before {
    transform: rotate(45deg);
    top: 30px;
    box-shadow: none;
    transition: all 0.3s ease;
    width: 35px;
   left: 16px;
  }
  
  .header .nav.act .navButton::after {
    transform: rotate(-45deg);
    bottom: 30px;
    transition: all 0.3s ease;
    width: 35px;
            left: 16px;
  }
  
  .header .navButton::before,
  .header .navButton::after {
    transition: all 0.3s ease;
  }
  
  /* 下拉动画 */
  @keyframes slideDown {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
.process{
  flex-wrap: wrap;
}
.process .process-item{
  width: 33.33%;
  margin-bottom: 20px;
}
.process .process-item:nth-child(3) .icon::after{
  display: none;
}
.process .process-item .icon::after{
  width: calc(33.33vw - 93.33px);
          right: calc(93.33px - 33.33vw);
}
.cnc-box .cnc-nav .nav-item{
  width: calc(40vw - 30px);
  max-width: 200px;
}
 
}

@media screen and (max-width: 1000px){

.cnc-box{
  height: auto;
}
.cnc-box .item-list,.mate .item-list,.mate .box-list .box-cont{
  flex-direction: column;
  gap: 20px;
}
.cnc-box .item-list .item-tips,.cnc-box .item-list .img,.mate .item-list .item-tips,.mate .item-list .item-box{
  width: 100%;
}
.mate .item-list{
  height: auto;
}
.mate .tips-list{
  margin: 20px 20px 70px 20px;
}
.mate .box-list{
  width: calc(50% - 10px);
  height: fit-content;
}
.mate .box-list .box-cont .box-img{
  height: 30vw;
}
.ability,.evaluate,.index-news .wrap{
  flex-wrap: wrap;
}
.ability .advantage, .ability .btnbox{
  display: flex;
  opacity: 1;
  transition: opacity 0.3s ease-in;
}
.ability .ability-item,.ability .ability-item.act,.evaluate .evaluate-item{
  width: 100%;
}
.index-news .wrap>div{
   width: 100%;
  flex: auto;
  height: auto;
}
.footer .footFeat .featItem{
  flex-direction: column;
}
.footer .footFeat .txt{
  align-items: center;
  gap: 5px;
}
.footer .footFeat .txt p{
  text-align: center;
}
.foot{
  flex-direction: column-reverse;
}
.footer .footAbout,.footer .footNav{
  width: 100%;

}
.footer .footNav{
 display: none;

}
}