body,html,.header,.container{
	/* min-width: 1040px; */
}
/*1*/
.container {
  position: relative;
  background-color: #F5F6FA;
  padding: 60px 50px;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  color: #404d53;
  max-width: 1200px;
  margin: 0 auto;
}

/* 标题 */
.site-title {
  text-align: center;
  font-size: 36px;
  color: #1E3A70;
  margin-bottom: 10px;
}

/* 介绍文字 */
.site-intro {
  text-align: center;
  font-size: 16px;
  color: #404d53;
  margin-bottom: 50px;
}

/* 服务区域 - 一行三列 */
.services {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}

/* 单个服务卡片 */
.service-item {
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 20px;
  width: calc(33.333% - 20px); /* 三列布局 */
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.service-img {
  width: 100%;
  height: 200px;
  background-size: cover;       /* 图片填充，保持比例 */
  background-position: center;  /* 居中显示 */
  background-repeat: no-repeat; /* 不重复 */
  border-radius: 12px;
  margin-bottom: 15px;
}

.service-item h3 {
  font-size: 20px;
  color: #1E3A70;
  margin-bottom: 10px;
}

.service-item p {
  font-size: 14px;
  color: #404d53;
  line-height: 1.6;
}

/* hover 效果 */
.service-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(30,58,112,0.15);
}

/* 响应式调整（可选） */
@media (max-width: 1200px) {
  .service-item {
    width: calc(50% - 15px); /* 两列布局 */
  }
}

@media (max-width: 768px) {
  .container {
    padding: 40px 20px;
  }
  .service-item {
    width: 100%; /* 单列布局 */
  }
}