.aboutTop {
  height: 26rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
  line-height: 26rem;
  font-size: 5rem;
  color: #ffffff;
  font-weight: 500;
}
.aboutTab {
  border-bottom: 1px solid #ccc;
  font-size: 3rem;
  line-height: 5rem;
  margin-top: 6rem;
}
.aboutChange {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}

.aboutChangeButton,
.aboutChangeCompanyButton {
  margin-right: 5rem;
  position: relative;
  cursor: pointer;
}
.aboutChangeButton a:hover,
.aboutChangeCompanyButton a:hover {
  text-decoration: none;
  color: #d60110;
}

.aboutChangeButton:first-child::after {
  content: '';
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #d60110;
  bottom: 0;
  left: 0;
}
.aboutChangeCompanyButton:last-child::after {
  content: '';
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #d60110;
  bottom: 0;
  left: 0;
}

.aboutConeten {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  margin-bottom: 8rem;
}

.aboutConeten img {
  height: 25rem;
  width: 100%;
}

.aboutMain {
  width: calc(33.33% - 20px);
  height: 40rem;
  background-color: #fff;
  margin: 15px 0;
}
.aboutMargin {
  margin: 15px 30px;
}

.aboutMainTitle {
  padding: 2rem 2rem 0;
  font-size: 1.9rem;
  -webkit-line-clamp: 3; /* 设置显示的最大行数 */
  -webkit-box-orient: vertical; /* 设置垂直排列 */
  overflow: hidden; /* 当文本超出容器时进行隐藏 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
  white-space: normal; /* 允许换行 */
  display: -webkit-box; /* 使用旧版 WebKit 内核的浏览器（如 Safari） */
  display: -moz-box; /* 使用旧版 Gecko 内核的浏览器（如 Firefox） */
  display: box; /* 使用新版 Flexbox 内核的浏览器 */
}

.aboutMainMonth {
  font-size: 1.4rem;
  padding: 1rem 2rem;
  font-weight: 100;
}

@media all and (min-width: 769px) and (max-width: 1280px) {
  .aboutConeten {
    width: 720px;
  }
  .aboutChange {
    width: 720px;
  }
}

@media all and (max-width: 768px) {
  .aboutConeten {
    width: 100%;
    padding: 0 20px;
  }
  .aboutChange {
    width: 100%;
    padding: 0 20px;
  }
  .aboutMain {
    width: calc(50% - 10px);
  }
  .aboutMain:nth-child(odd) {
    /* 应用样式到奇数元素 */
    margin-right: 20px;
  }
  .aboutMargin {
    margin: 15px 0;
  }
}