.our-process {
  max-width: 100%;
  width:100%;
  margin: 0 auto;
  padding: 40px 20px;
  text-align: center;
  font-family: Arial, sans-serif;
  /* 新增：避免高度异常导致覆盖 */
  height: auto; /* 自动适应内容高度 */
  overflow: visible; /* 允许内容正常溢出（如果有） */
  position: static; /* 确保不是固定定位（fixed）或绝对定位（absolute），避免脱离文档流 */
}
.our-process h2 {
  color: #2a2a2a;
  font-size: 28px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
  width: 70%; /* 占据父容器25%宽度 */
  position: relative;
  left: 0; /* 从左侧开始 */
}


.process-steps {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
  }

.step {
  flex: 1;
  min-width: 300px;
  padding: 20px;
  border-radius: 8px;
  background: #f9f9f9;
}

.image-container {
  height:500px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.process-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.right {
    
  font-size: 24px;
  color: #1a73e8;
  font-weight: bold;
}

/* 新增：箭头容器的基础样式 */
  .arrow-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
  }

  @media (max-width: 768px) {
    .process-steps {
      flex-direction: column; /* 改为垂直排列 */
      gap: 15px;
    }
    
    .arrow-container {
      order: 1; /* 箭头在中间位置 */
      width: 100%;
      margin: 10px 0;
    }
    
    .step:first-child {
      order: 0; /* 第一个图片在上 */
    }
    
    .step:last-child {
      order: 2; /* 第二个图片在下 */
    }
    
    .right {
      transform: rotate(90deg);
      margin: 0 auto; /* 居中显示 */
      display: block;
    }
    
    .step {
      width: 100%;
    }
  }