.Contact{
  width: 97%;
  height: 550px;
  margin: 30px auto;
  background-color: #f6f6f6;
  border-radius: 32px;
  
}

 .Contact-item {
            border: none;
            padding: 40px;
            box-sizing: border-box;
			text-align:center;
        }
 .Contact-title {
            font-size: 24px;
            margin:40px auto;
            color: #3f3f3f;
        }

      .Contact-description {
            font-size: 14px;
            color: #919191;
        }

      .Contact-more-btn {
            display: block;
            width: 225px;
		  height: 63px;
            margin: 30px auto;
            padding: 10px 20px;
            background-color: #FFFFFF;
            color: #0269F4;
            border: 1px solid #0269F4;
            border-radius: 5px;
            cursor: pointer;
            text-align: center;
        }
		
.Job{
   margin:20px auto;
  background-color: #f6f6f6;
  border-radius: 32px;
}

 .Job-item {
	 border: none;
	 padding:20px ;
	 margin:10px 10px;
	 background:#FFF;
       box-sizing: border-box;
        }
 .Job-title {
            font-size:24px;
			font-weight:bold;
            margin:20px auto;
            color: #3f3f3f;
        }

.Job-description {
            font-size: 14px;
            color: #919191;
			text-align:left;
        }

.Job-more-btn {
            display: block;
            width: 225px;
		  height: 63px;
            margin: 30px auto;
            padding: 10px 20px;
            background-color: #FFFFFF;
            color: #0269F4;
            border: 1px solid #0269F4;
            border-radius: 5px;
            cursor: pointer;
            text-align: center;
        }



/* PC端保持原有表格布局 */
.Contact table {
  width: 100%;
  table-layout: fixed;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .Contact {
    height: auto;
    padding: 20px 0;
  }

  /* 表格转块状布局 */
  .Contact table,
  .Contact tr,
  .Contact td {
    display: block !important;
    width: 100% !important;
  }

  /* 每个项目卡片样式 */
  .Contact-item {
    padding: 25px 15px !important;
    margin: 15px 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  }

  /* 按钮适配 */
  .Contact-more-btn {
    width: 90% !important;
    height: auto !important;
    padding: 12px !important;
    margin: 20px auto 0 !important;
  }

  /* 文字优化 */
  .Contact-title {
    font-size: 18px;
    margin: 20px auto;
  }

  .Contact-description {
    font-size: 13px;
    line-height: 1.5;
  }
	
	  /* 新增图片居中样式 */
  .Contact-item img {
    display: block;
    margin: 0 auto !important; /* 左右自动居中 */
   
  }

  /* 卡片容器居中 */
  .Contact-item {
    width: 90% !important; /* 保留两侧间距 */
    margin: 15px auto !important; /* 上下间距+水平居中 */
    transform: translateX(0); /* 清除可能存在的偏移 */
  }

  /* 微调卡片内边距 */
  .Contact-item {
    padding: 25px 10px !important; /* 左右内边距缩小 */
  }

}

/* 以下原有样式保持不变 */
.Contact-item {
  border: none;
  padding: 40px;
  box-sizing: border-box;
  text-align:center;
}

.Contact-title {
  font-size: 24px;
  margin:40px auto;
  color: #3f3f3f;
}

.Contact-description {
  font-size: 14px;
  color: #919191;
}

.Contact-more-btn {
  display: block;
  width: 225px;
  height: 63px;
  margin: 30px auto;
  padding: 10px 20px;
  background-color: #FFFFFF;
  color: #0269F4;
  border: 1px solid #0269F4;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
}


@media (max-width: 768px) {
  table[width="98%"] td {
    width: 100% !important;
    display: block;
    margin-bottom: 30px;
  }
  
  table[width="98%"] img {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
  }
  
  table[width="98%"] br {
    display: none;
  }
}