/* ========== 关于合易 ========== */
/* ========== 主体两栏布局 ========== */

.intro-text {
  margin-top: 0.4rem;
}
.intro-text p {
  line-height: 1.5;
  color: #666;
}

/* 数字滚动 */
.countBox {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 0.5rem;
  margin-bottom: 0.5rem;
}
.countBox .countItem {
  text-align: center;
  width: 24%;
  margin: 0.2rem 0.6rem;
  color: #F5811E;
  position:relative;
}
.countBox .countItem .numCX{
   font-family:'manrope-Bold';
}
.countItem span {
  display: inline-block;
}
.countItem .plus{
    font-size:0.24rem;
}
.countItem p{
  color:#333;
  margin-top: -0.2rem;
}

/* 四大优势板块 */
.feature-block {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 40px;
  align-items: center;
  margin-bottom: 0.5rem;
  background: #fafbfc;
}
.feature-block.reverse {
  grid-template-columns: 320px 1fr;
}
.feature-text {
  padding: 0.4rem;
}
.feature-text h2 {
  color: #0f74b8;
  margin-bottom: 0.2rem;
  font-weight: 600;
  padding-left: 0.2rem;
  line-height: 1.4;
  position: relative;
}
.feature-text h2::before {
  content: "";
  display: block;
  width: 0.05rem;
  height: 0.3rem;
  background: #0f74b8;
  margin-top: 0rem;
  position: absolute;
  top: 0rem;
  left: 0rem;
}
.feature-text p {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
  margin-bottom: 12px;
}
.feature-img img {
  width: 100%;
  border-radius: 8px;
  /* box-shadow: 0 4px 12px rgba(0,51,136,0.08); */
}
/* ========== 发展历程 ========== */

/* ========== 垂直时间轴轮播 ========== */
.timeline-wrap {
  position: relative;
  padding-right: 0.4rem;
  margin-top: 0.5rem;
}
.timeline-swiper {
  height: 8rem;
  position: relative;
}
/* 贯穿竖线：固定在容器上，不随滑动位移 */
.timeline-swiper::before {
  content: "";
  position: absolute;
  left: 1.2rem;
  top: 0.1rem;
  bottom: 0.1rem;
  width: 0.02rem;
  background: #e8eef7;
  z-index: 1;
}
.timeline-swiper .swiper-slide {
  height: auto !important;
  margin-bottom: 0.5rem;
}
.timeline-item {
  position: relative;
  padding-left: 160px;
  /* height: 100%; */
}

/* 左侧年份 */
.timeline-year {
  position: absolute;
  left: 0;
  top: 0;
  width: 1rem;
  text-align: right;
  font-family: "manrope-Bold";
  font-weight: 700;
  color: #003388;
  line-height: 1.2;
}

/* 节点圆点 */
.timeline-dot {
  position: absolute;
  left: 1.13rem;
  top: 0.08rem;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: #ff7a00;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px #ff7a00;
  z-index: 2;
}

/* 右侧事件卡片 */
.timeline-events {
  background: #f8fafd;
  border-radius: 0.1rem;
  padding: 0.2rem 0.3rem;
  transition: all 0.3s ease;
  margin-bottom: 0.3rem;
  color: #555;
  font-family: "manrope-Medium";
}
.timeline-events p+p{margin-top: .05rem;}
.timeline-item:hover .timeline-events {
  box-shadow: 0 4px 16px rgba(0, 51, 136, 0.08);
  transform: translateX(4px);
}

.event-item {
  margin-bottom: 0.15rem;
}
.event-item:last-child {
  margin-bottom: 0;
}
.event-month {
  font-weight: 600;
  color: #ff7a00;
  margin-bottom: 0.1rem;
  font-family: "manrope-Medium";
}
.event-text {
  font-size: 0.18rem;
  color: #555;
  line-height: 1.8;
}

/* 上下切换箭头 */
.timeline-btn {
  position: absolute;
  right: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #d8e0ec;
  color: #003388;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s;
}
.timeline-btn i {
  font-size: 0.12rem;
}
.timeline-btn:hover {
  background: #003388;
  border-color: #003388;
  color: #fff;
}
.timeline-prev {
  top: 0;
  transform: rotate(90deg);
}
.timeline-next {
  bottom: 0;
  transform: rotate(90deg);
}
.timeline-swiper {
  height: auto;
  max-height: 780px; /* 最大可视高度，约5个条目 */
  position: relative;
}
.timeline-item {
  position: relative;
  padding-left: 160px;
  /* 删掉 height: 100%，让内容自然撑开 */
  height: auto;
  padding-bottom: 30px;
}

/* ========== 发展历程 end ========== */

/* ========== 咨询模式 ========== */
.contain {
  margin-top: 0.4rem;
}
.mode-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.mode-item {
  display: flex;
  gap: 24px;
  align-items: stretch; /* 核心：左右两个块自动等高 */
  min-width: 0;
}
/* 偶数项反向，实现左右交错 */
.mode-item:nth-child(even) {
  flex-direction: row-reverse;
}

/* 图片块：浅蓝背景 + 圆角 + 等高 */
.mode-img {
  flex: 0 0 42%;
  background: #f0f5fb;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mode-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.mode-item:hover .mode-img img {
  transform: scale(1.1);
}

/* 文字块：浅蓝背景 + 圆角 + 内边距 + 垂直居中 */
.mode-content {
  flex: 1;
  background: #f0f5fb;
  border-radius: 6px;
  padding: 36px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.mode-content h2 {
  color: #003388;
  margin-bottom: 0.16rem;
  font-weight: 600;
}
.mode-content ul {
  padding-left: 0.2rem;
}
.mode-content li {
  margin-bottom: 0.08rem;
  list-style: square;
  color: #555;
  line-height: 1.8;
}

/* ========== 咨询模式 end ========== */

/* ========== 文化理念 ========== */
.culture-item {
  display: flex;
  gap: 30px;
  align-items: center;
  padding: 0.3rem 0;
  border-bottom: 1px solid #eef2f8;
}
.culture-icon {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f6ff;
}
.culture-icon img {
  width: 100%;
  height: 100%;
}
.culture-text {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.culture-text h2 {
  color: #003388;
  margin-bottom: 0.2rem;
  font-weight: 600;
  width: 2.8rem;
}
.culture-text p {
  color: #666;
  line-height: 1.9;
  margin-bottom: 0.2rem;
}
.culture-content {
  flex: 1;
}
/* ========== 文化理念 end ========== */
.mainClients{
  padding-bottom:0rem;
}
.clientsWrap{
  position: relative;
}
.clientsBottom{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.mainClients .clientsImg{
  width: 100%;
  height: 100%;
  margin-bottom:0.8rem;
}

/* ========== 招贤纳士 ========== */
.values-section {
  display: grid;
  display: flex;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 50px;
  align-items: stretch;
  margin-top: 90px;
}
.values-img {
  width: 40%;
  margin-right: -120px;
}
.values-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px 0 0 4px;
}
.values-text {
  /* border: 1px solid #eef2f8; */
  padding: 0.5rem;
  position: relative;
  background: #fff;
  width: 60%;
  margin-top: -0.6rem;
  box-shadow: 0 0.2rem 1.2rem rgba(0, 51, 136, 0.1);
}
.values-text h2 {
  color: #0f74b8;
  margin-bottom: 20px;
}
.values-text h2 span {
  color: #ff7a00;
  margin-left: 8px;
  font-weight: 500;
  font-family: "Manrope-Medium";
}
.values-text p {
  color: #666;
  line-height: 1.5;
}
.values-text p+p{margin-top: .1rem}
/* 职位列表 */
.job-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.job-table th {
  background: #0066b3;
  color: #fff;
  font-weight: 500;
  font-size: 0.16rem;
  padding: 0.2rem;
  text-align: left;
}
.job-table th:last-child {
  text-align: center;
  width: 6%;
}
.job-table td {
  padding: 0.2rem;
  border-bottom: 1px solid #eef2f8;
  font-size: 0.16rem;
  color: #555;
}
.job-row {
  cursor: pointer;
  transition: background 0.3s;
}
.job-row:hover {
  background: #f8fafd;
}
.job-row.active {
  background: #f8fafd;
}
.job-arrow i {
  text-align: right;
  color: #ff7a00;
  font-size: 0.18rem;
  transition: transform 0.3s;
  display: block;
}
.job-row.active .job-arrow i {
  transform: rotate(90deg);
  margin-top: -0.16rem;
}

/* 职位详情展开 */
.job-detail {
  display: none;
  background: #f8f8f8;
}
.job-detail-inner {
  padding: 0.2rem 0.3rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.job-detail h4 {
  font-size: 0.18rem;
  color: #003388;
  margin-bottom: 0.1rem;
  font-weight: 600;
}
.job-detail ul {
  padding-left: 0.18rem;
  margin-bottom: 0.16rem;
}
.job-detail li {
  font-size: 0.16rem;
  color: #666;
  margin-bottom: 6px;
  list-style: disc;
  line-height: 1.7;
}
.job-apply {
  grid-column: 1 / -1;
  text-align: right;
  margin-top: 0.1rem;
}
.btn-apply {
  display: inline-block;
  background: #ff7a00;
  color: #fff;
  padding: 8px 24px;
  border-radius: 4px;
  font-size: 0.16rem;
}
.btn-apply:hover {
  background: #e66a00;
}

/* ========== 招贤纳士 end========== */

/* ========== 联系我们  ========== */

.contactContain {
  display: flex;
  justify-content: space-between;
  margin-top: 0.6rem;
}

.contact-left {
  background: url(../images/contactL.png) no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: 0.5rem 0.4rem;
  width: 25%;
  height: 4rem;
}
.contact-left h3 {
  margin-bottom: 0.2rem;
}
.contact-left p {
  opacity: 0.9;
  margin-bottom: 0.2rem;
  line-height: 1.7;
}
.contact-left .telInfo {
}
.contact-left .telInfo strong {
  font-family: "Manrope-Bold";
  display: block;
}
.contact-qrcode {
  margin-top: 0.4rem;
}
.contact-qrcode img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-qrcode p {
  color: #333;
  text-align: center;
}
.contact-form {
  background: #fff;
  padding: 0rem 0.4rem;
  width: 60%;
}
.contact-right {
  width: 72%;
}
.contactTotal .addressLeft {
  width: 100%;
  height: auto;
}

.contact-right .addressRight {
  width: 100%;
  margin-top: 0.2rem;
}
.contact-right .addressRight ul li {
  border: 1px solid rgba(216, 216, 216, 1);
  color: #666;
  background: rgba(240, 240, 240, 0.45);
}
.contact-right .addressRight ul {
  height: auto;
  padding-right: 0;
}
.contact-right .addressRight ul li {
  margin-bottom: 0.2rem;
}
.contact-right .addressRight ul li p.addr {
  background: url(../images/addr-h.png) no-repeat left center;
  background-size: 0.15rem 0.15rem;
}
.contact-right .addressRight ul li p.phone {
  background: url(../images/phone-h.png) no-repeat left center;
  background-size: 0.15rem 0.15rem;
}
.contact-right .addressRight ul li p.email {
  background: url(../images/email-h.png) no-repeat left center;
  background-size: 0.15rem 0.15rem;
}
.mapImg {
  margin-top: 0.35rem;
  width: 100%;
}

/* ========== 移动端适配 ========== */
@media (max-width: 992px) {
  .countBox{
    flex-direction: column;
    gap: 0.1rem;
  }
  .countBox .countItem{
    width: 100%;
  }
  .feature-block {
    grid-template-columns: 1fr;
    margin-top: 0.2rem;
  }
  .feature-block.reverse {
    grid-template-columns: 1fr;
  }
  .feature-text h2::before {
    top: 0.1rem;
  }

  .mode-item{
    flex-direction: column;
    gap: 0.2rem;
  }
  .mode-item:nth-child(even) {
    flex-direction: row-reverse;
    flex-direction: column;
}


  .culture-item {
    flex-direction: column;
    gap: 0.2rem;
  }
  .culture-text {
    flex-direction: column;
  }
  .culture-text h2 {
    text-align: center;
  }

  .timeline-year {
    width: auto;
    font-size: 0.34rem;
  }
  .timeline-item {
    padding-left: 1.4rem;
  }
  .event-text {
    font-size: 0.24rem;
  }
  .event-month {
    font-size: 0.26rem;
  }

  .contain img {
    width: 100%;
    height: auto;
  }

  /* 招贤纳士 */
  .values-section {
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.2rem;
  }
  .values-img {
    width: 100%;
  }
  .values-text {
    width: 100%;
  }

  .job-table th {
    font-size: 0.26rem;
  }
  .job-table td {
    font-size: 0.24rem;
  }
  .job-detail-inner {
    padding: 0.2rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .job-detail li {
    font-size: 0.24rem;
  }
  /* 联系我们 */
  .contactContain {
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.2rem;
  }
  .contact-left {
    width: 100%;
    height: auto;
  }
  .contact-qrcode p {
    color: #fff;
  }
  .contact-right {
    width: 100%;
  }
  .addressLeft p {
    padding-left: 0.5rem;
  }
  .addressLeft p.addr {
    background-size: 0.45rem 0.45rem;
  }
  .addressLeft p.phone {
    background-size: 0.45rem 0.45rem;
  }
  .addressLeft p.email {
    background-size: 0.45rem 0.45rem;
  }
  .contact-right .addressRight ul li p.addr,
  .contact-right .addressRight ul li p.phone,
  .contact-right .addressRight ul li p.email {
    background-size: 0.35rem 0.35rem;
  }
}
@media (max-width: 768px) {
}
@media (max-width: 600px) {
}
@media (max-width: 480px) {
}