/* 轮播图 */
  .index-banner  {
    position: relative;
    overflow: hidden;
    padding: 0; /* 移除内边距 */
    z-index: 1; /* 设置一个较低的z-index值 */
}
  
  /* 大屏幕下调整内边距 */
  @media (min-width: 768px) {
    .index-banner {
      padding: 0 ;
    }
  }

  /* 使用 vw 单位设置高度，这里假设轮播图的宽高比是 16:9 */
  .swiper-container-banner {
    width: 100%;
    height: 56.25vw; /* 9 / 16 * 100 = 56.25，即 16:9 的宽高比 */
    position: relative;
  }

  .swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .swiper-slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 1s;
  }

  .swiper-slide.active {
    opacity: 1;
    z-index: 1;
  }

  .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .swiper-pagination-banner {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
  }

  .pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffffff;
    margin: 0 5px;
    cursor: pointer;
  }

  .pagination-bullet.active {
    background: #ff6600;
  }
  
  /* 表单区域 */
  
  .page-service {
    padding: 40px 0;
    background: transparent;
    position: absolute;
    top: 0px;
    right: 50px;
    z-index: 10;
    width: auto;
  }
  
  .service {
    display: flex;
    justify-content: flex-end;
  }
  
  .book {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 100%;
    max-width: 400px;
  }
  
  .book-top {
    background: #ff6600;
    color: #fff;
    padding: 15px;
    text-align: center;
  }
  
  .top-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  
  .top-title span {
    display: block;
    font-size: 14px;
    margin-top: 5px;
  }
  
  .note {
    font-size: 12px;
  }
  
  .book-main {
    padding: 20px;
  }
  
  .book-main ul {
    list-style: none;
    padding: 0;
  }
  
  .book-main li {
    margin-bottom: 15px;
  }
  
  .book-main label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
  }
  
  .book-main input,
  .book-main select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
  }
  
  .submit-s {
    background: #ff6600;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
  }
  
  .book-pic {
    padding: 15px;
    background: #f9f9f9;
  }
  
  .book-pic h5 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  
  .book-pic h5 em {
    color: #ff6600;
    font-style: normal;
  }
  
  .book-list {
    height: 150px;
    overflow: hidden;
    position: relative;
  }
  
  .book-list ul {
    list-style: none;
    padding: 0;
    position: relative;
    transition: margin-top 1s;
  }
  
  .book-list li {
    font-size: 12px;
    color: #666;
    margin-bottom: 8px;
  }
  
  /* 业务范围 */
  .page-business {
    padding: 40px 0;
  }
  
  .page-title {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  
  .page-title p {
    font-size: 24px;
    color: #333;
    margin-bottom: 5px;
  }
  
  .page-title p span {
    color: #ff6600;
  }
  
  .page-title h3 {
    font-size: 16px;
    color: #999;
    text-transform: uppercase;
  }
  
  .business {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  
  .business-item {
    display: flex;
    margin-bottom: 30px;
  }
  
  .business-item .img {
    width: 200px;
    height: 150px;
    overflow: hidden;
    margin-right: 20px;
  }
  
  .business-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .business-text {
    flex: 1;
  }
  
  .business-text h2 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
  }
  
  .business-text p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
  }
  
  .more {
    display: inline-block;
    padding: 8px 20px;
    background: #ff6600;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
  }
  
  /* 公司简介 */
  .page-Company {
    padding: 60px 0;
    background: url("../images/company-bg.jpg") no-repeat center;
    background-size: cover;
    position: relative;
  }
  
  .dfasdg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
  }
  
  .page-Company-title {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
  }
  
  .page-Company-title p {
    font-size: 24px;
    color: #fff;
    margin-bottom: 5px;
  }
  
  .page-Company-title p span {
    color: #ff6600;
  }
  
  .page-Company-title h3 {
    font-size: 16px;
    color: #ccc;
    text-transform: uppercase;
  }
  
  .info-txt {
    position: relative;
    z-index: 1;
  }
  
  .more-align {
    text-align: center;
    margin-top: 20px;
    position: relative;
    z-index: 1;
  }
  
  .more-btn a {
    display: inline-block;
    padding: 10px 30px;
    background: #ff6600;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
  }
  
  /* 团队介绍 */
  .index-servepk {
    padding: 40px 0;
   
  }
  
  .sfz {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .sf {
    width: calc(25% - 20px);
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
  }
  
  .sf img {
    width: 100%;
    height: 400px;
    object-fit: cover;
  }
  
  .sf h2 {
    font-size: 16px;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #eee;
  }
  
  .sf p {
    padding: 10px;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
  }
  
  /* 荣誉证书
  .index-honor {
    padding: 40px 0;
  }
  
  .swiper-container-honor {
    padding: 20px 0;
  }
  
  .swiper-container-honor ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .swiper-container-honor li {
    width: calc(16.666% - 15px);
    margin-bottom: 20px;
    text-align: center;
  }
  
  .swiper-container-honor li img {
    width: 100%;
    height: 235px;
    object-fit: contain;
    border: 1px solid #eee;
    padding: 5px;
  }
  
  .swiper-container-honor li p {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
  }
   */
  /* 漏水位置 */
  .main-service {
    padding: 40px 0;
    background: #fff;
  }
  
  .title {
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
    position: relative;
    padding-left: 20%;
  }
  
  .dddd {
    color: #ff6600;
  }
  
  .pos-title {
    display: block;
    font-size: 16px;
    color: #999;
    margin-top: 5px;
  }
  
  .house-div {
    position: relative;
  }
  
  .house {
    position: relative;
    margin: 0 auto;
    max-width: 800px;
  }
  
  .house img {
    width: 100%;
  }
  
  .mao {
    position: absolute;
    padding: 5px 10px;
    background: #ff6600;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s;
  }
  
  .mao:hover,
  .mao.hover {
    background: #ff3300;
    transform: scale(1.1);
  }
  
  .mao1 {
    top: 10%;
    left: 25%;
  }
  .mao2 {
    top: 30%;
    left: 20%;
  }
  .mao3 {
    top: 45%;
    left: 15%;
  }
  .mao4 {
    top: 15%;
    left: 60%;
  }
  .mao5 {
    top: 25%;
    left: 70%;
  }
  .mao6 {
    top: 40%;
    left: 75%;
  }
  .mao7 {
    top: 70%;
    left: 75%;
  }
  .mao8 {
    top: 70%;
    left: 50%;
  }
  .mao9 {
    top: 20%;
    left: 40%;
  }
  .mao10 {
    top: 55%;
    left: 30%;
  }
  .mao11 {
    top: 30%;
    left: 55%;
  }
  .mao12 {
    top: 50%;
    left: 50%;
  }
  
  /* 优势对比 */
  .vs {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #ff6600;
    margin: 20px 0;
  }
  
  .servepk-main {
    display: flex;
    justify-content: space-between;
  }
  
  .cen {
    width: 48%;
    padding: 20px;
    border-radius: 8px;
  }
  
  .way_l {
    background: #f8f8f8;
  }
  
  .way_r {
    background: #f0f0f0;
  }
  
  .hr {
    height: 3px;
    background: #ff6600;
    width: 50px;
    margin-bottom: 15px;
  }
  
  .way_tit {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  
  .way_l .way_tit {
    color: #ff6600;
  }
  
  .way_r .way_tit {
    color: #666;
  }
  
  .cen ul {
    list-style: none;
    padding: 0;
  }
  
  .cen li {
    margin-bottom: 15px;
    font-size: 14px;
    display: flex;
    align-items: center;
  }
  
  .cen li span {
    display: inline-block;
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
    margin-right: 10px;
    font-size: 12px;
  }
  
  .way_l li span {
    background: #ff6600;
    color: #fff;
  }
  
  .way_r li span {
    background: #999;
    color: #fff;
  }
  
  /* 技术优势 */
  .index-manship {
    padding: 40px 0;
  }
  
  .manship-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .item {
    width: calc(25% - 15px);
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 8px;
    background: #f8f8f8;
    transition: all 0.3s;
  }
  
  .item:hover,
  .item.selected {
    background: #ff6600;
    color: #fff;
  }
  
  .number {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  .item h5 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  
  .item p {
    font-size: 14px;
    line-height: 1.6;
  }
  
  /* 用户评价 */
  .index-evaluate {
    padding: 40px 0;
    background: #f5f5f5;
  }
  
  .eva-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .eva-item {
    width: calc(50% - 15px);
    margin-bottom: 30px;
    position: relative;
  }
  
  .eva_yh,
  .eva_yhs {
    position: absolute;
    width: 30px;
    height: 30px;
  }
  
  .eva_yh {
    top: 0;
    left: 0;
  }
  
  .eva_yhs {
    bottom: 0;
    right: 0;
  }
  
  .eva-cont {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  
  .eva-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #ff6600;
  }
  
  .top-avatar {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  
  .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
  }
  
  .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .user-name h4 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  
  .user-name img {
    height: 20px;
  }
  
  .eva-cont p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
  }
  
  /* 工程案例 */
  .page-engineering {
    padding: 40px 0;
  }
  
  .engineering {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  
  .engineering-item {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  
  .engineering-item a {
    text-decoration: none;
    color: #333;
  }
  
  .engineering-item .img {
    height: 200px;
    overflow: hidden;
  }
  
  .engineering-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
  }
  
  .engineering-item:hover .img img {
    transform: scale(1.1);
  }
  
  .engineering-text {
    padding: 15px;
    background: #fff;
  }
  
  .engineering-text h2 {
    font-size: 16px;
    text-align: center;
  }
  
  /* 容器样式 */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* 页脚主样式 */
#footer {
  background-color: #1A1A1A; /* 深色背景*/
  color: #fff;
}

/* 主要页脚内容 */
.footer-main {
  padding: 50px 0;
}

/* 使用网格布局 */
.footer-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 默认四列 */
  gap: 30px;
}

/* 页脚列样式 */
.footer-column {
  display: flex;
  flex-direction: column;
}

/* 页脚标题样式 */
.footer-title h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #ffffff;
}

/* 服务热线样式 */
.service-hotline {
  font-size: 14px;
  margin-bottom: 10px;
  color: #ccc;
}

/* 电话号码样式 */
.phone-number {
  font-size: 20px;
  color: #ff6600;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

/* 地址样式 */
.address {
  font-size: 14px;
  color: #ccc;
  display: flex;
  align-items: flex-start;
}

/* 图标样式 */
.icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

/* 页脚链接列表样式 */
.footer-links {
  list-style: none;
}

.footer-links li {
  margin-bottom: 10px;
}

.footer-links a {
  color: #ccc;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}

.footer-links a:hover {
  color: #ff6600;
}

/* 半宽列布局 */
.footer-half {
  margin-bottom: 20px;
}

/* 二维码样式 */
.qr-code {
  background-color: hsla(0, 0%, 100%, 0);
  padding: 0px;
  display: inline-block;
  border-radius: 0px;
}

.qr-code img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 4px;
}

/* 版权信息样式 */
.footer-copyright {
  background-color: #121212; /* 比主背景稍暗 */
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid #333;
}

.footer-copyright p {
  font-size: 14px;
  color: #999;
}

.footer-copyright a {
  color: #ccc;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-copyright a:hover {
  color: #fff;
}
  /* 工具栏 */
  #tool {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: hsl(0, 0%, 100%);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
    display: none;
  }
  
  .toollist {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .toollist li {
    flex: 1;
    text-align: center;
    padding: 10px 0;
  }
  
  .toollist li a {
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 12px;
  }
  
  .toollist li img {
    width: 24px;
    height: 24px;
    margin-bottom: 5px;
  }
  
  /* 动画效果 */
  .wowtx {
    visibility: visible;
  }
  
  .fadeInUp {
    animation: fadeInUp 1s;
  }
  
  .fadeInLeft {
    animation: fadeInLeft 1s;
  }
  
  .fadeInRight {
    animation: fadeInRight 1s;
  }
  
  .bounceIn {
    animation: bounceIn 1s;
  }
  
  .bounceInLeft {
    animation: bounceInLeft 1s;
  }
  
  .slideInRight {
    animation: slideInRight 1s;
  }
  
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
      transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
      transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
      transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
      opacity: 1;
      transform: scale3d(1, 1, 1);
    }
  }
  
  @keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(-3000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(25px, 0, 0);
    }
    75% {
      transform: translate3d(-10px, 0, 0);
    }
    90% {
      transform: translate3d(5px, 0, 0);
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes slideInRight {
    from {
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  
  /* 响应式 */
  @media (max-width: 1200px) {
    .container {
      max-width: 960px;
    }
  
    .business {
      grid-template-columns: repeat(2, 1fr);
    }
  
    .engineering {
      grid-template-columns: repeat(3, 1fr);
    }
  
    .sf {
      width: calc(25% - 15px);
    }
  
    .swiper-container-honor li {
      width: calc(20% - 15px);
    }
  }
  
  @media (max-width: 992px) {
    .container {
      max-width: 720px;
    }
  
    .business {
      grid-template-columns: 1fr;
    }
  
    .engineering {
      grid-template-columns: repeat(2, 1fr);
    }
  
    .sf {
      width: calc(33.333% - 15px);
    }
  
    .swiper-container-honor li {
      width: calc(25% - 15px);
    }
  
    .servepk-main {
      flex-direction: column;
    }
  
    .cen {
      width: 100%;
      margin-bottom: 20px;
    }
  
    .item {
      width: calc(50% - 10px);
    }
    
    .footer-grid {
        grid-template-columns: repeat(2, 1fr); /* 平板设备变为两列 */
  }
}
  @media (max-width: 768px) {
    .container {
      max-width: 540px;
    }
  
    .head-nav {
      display: none;
      height: auto !important; /* 确保高度自动 */
      overflow: visible !important; /* 确保内容可见 */
      position: absolute;
      top: 80px;
      left: 0;
      width: 100%;
      background: #fff;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      z-index: 999;
    }
  
    .nav-list {
      flex-direction: column;
      padding: 10px 0;
    }
  
    .nav-list li {
      margin: 0;
      padding: 10px 20px;
      border-bottom: 1px solid #eee;
    }
  
    .mbnav {
      display: block;
      margin-left: auto;
    }
  
    .service {
      flex-direction: column;
    }
  
    .book {
      max-width: 100%;
      margin-bottom: 20px;
    }
    .index-banner {
      padding: 0; /* 确保在小屏幕下没有内边距 */
  }
    .business-item {
      flex-direction: column;
    }
  
    .business-item .img {
      width: 100%;
      margin-right: 0;
      margin-bottom: 15px;
    }
  
    .engineering {
      grid-template-columns: 1fr;
    }
  
    .sf {
      width: calc(50% - 10px);
    }
  
    .swiper-container-honor li {
      width: calc(33.333% - 10px);
    }
  
    .eva-item {
      width: 100%;
    }
  
    #tool {
      display: block;
    }
  
    .pc-book {
      display: none;
    }
  
    .mobi-book {
      display: block;
    }
  
    .page-service {
      position: relative;
      top: auto;
      right: auto;
      width: 100%;
      padding: 40px 0;
      background: #f5f5f5;
    }
  
    .service {
      justify-content: center;
    }
    
      .footer-grid {
        grid-template-columns: 1fr; /* 移动设备变为单列 */
        gap: 20px;
      }
      
      .footer-column {
        margin-bottom: 20px;
      }
      
      /* 在移动设备上将"关于我们"和"业务领域"并排显示 */
      .footer-column:nth-child(2) {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
      }
      
      .footer-half {
        width: 48%;
      }
      
      .footer-title h3 {
        font-size: 16px;
        margin-bottom: 15px;
      }
      
      .phone-number {
        font-size: 18px;
      }
    
        
  }
  
  @media (max-width: 576px) {
    .sf {
      width: 100%;
    }
  
    .swiper-container-honor li {
      width: calc(50% - 10px);
    }
  
    .item {
      width: 100%;
    }
    .footer-main {
      padding: 30px 0;
    }
    
    /* 在最小屏幕上将所有内容垂直堆叠 */
    .footer-column:nth-child(2) {
      flex-direction: column;
    }
    
    .footer-half {
      width: 100%;
    }
  }
  @media (max-width: 400px) {
    .head-logo span {
      display: block; /* 确保占满整行 */
      margin-top: 5px; /* 添加一些间距 */
    }
  }