a {
      text-decoration: none;
      bblr: expression(this.onFocus=this.blur());
      /*IE使用*/
      outline-style: none;
      /*FF使用*/
      ;
      outline: none;
  }

  /* 导航栏样式 - 白色背景 */
  .navbar {
      background-color: white !important;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      padding-top: 15px;
      padding-bottom: 15px;
  }

  .navbar-brand {
      color: #333 !important;
      font-weight: 700;
      font-size: 1.5rem;
  }

  .navbar-nav .nav-link {
      color: #333 !important;
      padding: 0.5rem 1rem !important;
      transition: color 0.3s;
  }

  .navbar-nav .nav-link:hover,
  .navbar-nav .nav-link.active {
      color: #0287b2 !important;
  }

  /* 下拉菜单样式 */
  .dropdown-menu {
      border: none;
      border-radius: 8px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      margin-top: 0.5rem;
  }

  .dropdown-item {
      padding: 0.5rem 1.5rem;
      color: #333;
      transition: all 0.3s;
  }

  .dropdown-item:hover,
  .dropdown-item:focus {
      background-color: rgba(255, 107, 0, 0.1);
      color: var(--primary-color) !important;
  }

  /* 移动设备菜单按钮 */
  .navbar-toggler {
      border: none;
      padding: 0.5rem;
  }

  .navbar-toggler:focus {
      box-shadow: none;
  }

  .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(51, 51, 51, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }




  .site-footer {
      background: #131416;
      color: #aaa;
  }

  .footer-content {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }

  .footer-left {
      border-right: 1px solid #4e4f51;
      padding-bottom: 3rem;
      padding-top: 5rem;
      flex: 1;
      min-width: 300px;
  }

  .footer-logo {
      margin-bottom: 2rem;
  }

  .qr-codes {
      display: flex;
      gap: 2rem;
      margin-top: 1.5rem;
  }

  .qr-item {
      text-align: center;
  }

  .qr-code {
      width: 120px;
      height: 120px;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0.5rem;
  }

  .qr-code i {
      font-size: 2.5rem;
      color: #777;
  }

  .qr-text {
      font-size: 0.85rem;
      color: #ccc;
  }

  .footer-right {
      padding-top: 5rem;
      padding-bottom: 3rem;
      flex: 2;
      min-width: 300px;

  }

  .footer-heading {
      padding-left: 2rem;
      padding-bottom: 20px;
      color: white;
      font-weight: 300;
      margin-bottom: 1.5rem;
      font-size: 1.2rem;
      border-bottom: 1px solid #26292e;
  }

  .footer-contact {
      padding-left: 2rem;
  }

  .footer-contact p {
      margin-bottom: 0.5rem;
      display: flex;
      align-items: center;
  }

  .footer-contact i {
      font-size: 24px;
      margin-right: 0.75rem;
      color: #989898;
  }

  .copyright {
      border-top: 1px solid #333;
      padding-top: 1.5rem;
      text-align: center;
      color: #888;
      font-size: 0.9rem;
  }

  .copyright a {
      color: #fff;
  }

  .quote-section {
      margin-top: 50px;
      padding: 4rem 0;
      background-color: #fff;
  }

  .com-title {
      text-align: center;
      padding-bottom: 2.5rem;
  }

  .com-title h2 {
      text-align: center;
      margin-bottom: 1rem;
      font-size: 2.2rem;
      font-weight: 700;
      color: #000;
  }

  .com-title p {
      font-size: 1.1rem;
      color: #666;
  }

  .quote-form-container {
      padding: 2.5rem;
  }

  .quote-form-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1.5rem;
      margin-bottom: 2rem;
  }

  .form-group {
      margin-bottom: 0;
  }

  .form-group label {
      display: block;
      margin-bottom: 0.5rem;
      font-weight: 300;
      color: #333;
  }

  .form-group label .required {
      color: red;
  }

  .form-control-custom {
      background: #f5f5f5;
      width: 100%;
      padding: 0.85rem 1rem;
      border: 1px solid #f5f5f5;
      font-size: 1rem;
      transition: border-color 0.3s;
  }

  .form-control-custom:focus {
      outline: none;
      border-color: red;
      box-shadow: 0 0 0 2px rgba(255, 107, 0, 0.1);
  }

  .form-control-custom::placeholder {
      color: #999;
  }

  .quote-btn {
      margin: 0 auto;
      display: block;
      width: 250px;
      padding: 1rem;
      background: #ff9c00;
      color: white;
      border: none;
      border-radius: 30px;
      font-size: 1.1rem;
      font-weight: 300;
      cursor: pointer;
      transition: background-color 0.3s;
  }

  .quote-btn:hover {
      background: #e68e03;
  }

  .process-section {
      padding: 60px 40px;
  }

  .process-container {
      display: flex;
      justify-content: space-between;
      position: relative;
      margin-top: 2rem;
  }

  .process-icon {
      cursor: pointer;
      line-height: 130px;
      display: inline-block;
      border-radius: 50%;
      /* padding: 20px; */
      background: #ddd;
      height: 130px;
      width: 130px;
      /* padding: 2rem; */
      overflow: hidden;
      font-size: 2rem;
      color: #666;
      margin-bottom: 1rem;
  }

  .process-icon img {
      max-width: 60px;
  }


  .progress-li:hover .process-icon {
      background-color: #0287b2 !important;
  }

  .progress-li:hover .process-icon img {
      transform: translateY(-120px);
      filter: drop-shadow(#fff 0 120px);
  }

  .progress-li:hover {
      color: #0287b2 !important;
  }


  .process-divider {
      position: absolute;
      top: 1.5rem;
      bottom: 1.5rem;
      width: 1px;
      background-color: #f2f2f2;
      padding: 0;
      height: 80px;
  }

  .product-card {
      background-color: white;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
      transition: all 0.3s ease;
      height: 100%;
  }

  .product-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  .product-img {
      width: 100%;
      object-fit: cover;
  }

  .product-card .til {
      color: #333;
  }

  .more-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: calc(100% - 56px);
      background-color: #f0ece9;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
      transition: all 0.3s ease;
      cursor: pointer;
      padding: 2rem;
  }

  .more-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  .hand-icon {
      margin-bottom: 1.5rem;
  }

  .more-card .p {
      color: #333;
      font-size: 1.6rem;
  }

  @media (max-width: 576px) {
      .process-item {
          flex: 0 0 100%;
          margin-bottom: 25px;
      }

      .process-divider {
          display: none;
      }

      .process-container {
          flex-direction: column;
      }
  }

  /* 响应式调整表单 */
  @media (max-width: 768px) {
      .quote-form-grid {
          grid-template-columns: 1fr;
          gap: 1rem;
      }

      .quote-form-container {
          padding: 1.5rem;
      }

  }


  /* 响应式调整 */
  @media (max-width: 768px) {
      .main-banner h1 {
          font-size: 2rem;
      }

      .main-banner .lead {
          font-size: 1.1rem;
      }

      .product-card {
          margin-bottom: 1.5rem;
      }

      .footer-content {
          flex-direction: column;
      }

      .footer-right {
          padding-left: 0;
          margin-top: 2rem;
      }

      .qr-codes {
          justify-content: center;
      }
  }

  .custom-nav-container {
      margin-top: 50px;
      padding: 20px;
  }

  .custom-nav-menu {
      display: flex;
      list-style: none;
      padding: 0;
      margin: 0;
      gap: 30px;
  }


  .custom-nav-link {
      padding: 12px 35px;
      background-color: #f0f0f0;
      border-radius: 20px;
      color: #333;
      text-align: center;
      text-decoration: none;
      font-size: 16px;
      font-weight: 500;
      transition: background-color 0.2s;
  }

  .custom-nav-link:hover {
      background-color: #e0e0e0;
  }

  .custom-nav-link.active {
      background-color: #0287b2 !important;
      color: white;
  }

  @media (max-width: 768px) {
    .footer-left {
    border-right: none;
    padding-bottom: 1rem;
    padding-top: 2rem;
}
    .footer-right {
    padding-top: 2rem;
    padding-bottom: 1rem;
}
      .com-title {
          padding-bottom: 1.5rem;
      }

      .navbar-brand img {
          width: 200px !important;
      }

      .top_tel {
          display: none;
      }

      .top_wx {
          display: none;
      }

      .custom-nav-menu {
          flex-wrap: wrap;
      }

      .custom-nav-item {
          flex: 1 0 calc(50% - 5px);
          margin-bottom: 10px;
      }
  }

  @media (max-width: 480px) {
      .custom-nav-item {
          flex: 1 0 100%;
      }
  }

  .page-link {
      color: #0287b2;
  }

  .active>.page-link,
  .page-link.active {
      background-color: #0287b2;
      border-color: #0287b2;
  }

  .top_tel {
      float: left;
      font-size: 1.225rem;
      color: #0287b2 !important;
      font-weight: bold;
      line-height: 5.625rem;
      padding-left: 2rem;
      background: url(../images/top_tel.png) left center no-repeat;
      transition: .5s;
      position: relative;
      margin-left: 3rem;
      font-family: arial;
  }

  .top_wx dl {
      margin: 0
  }

  .top_wx {
      position: relative;
      margin-left: 30px;
  }

  .top_wx dt {
      height: 80px;
      line-height: 80px;
      width: 24px;
      background: url(../images/wechat.svg) center no-repeat;
      background-size: contain !important;
      cursor: pointer;
  }

  .top_wx dd {
      position: absolute;
      bottom: -110px;
      border: 5px solid #fff;
      left: 50%;
      margin-left: -100px;
      opacity: 0;
      visibility: hidden;
      transition: .5s;
  }

  .top_wx:hover dd {
      opacity: 1;
      visibility: visible;
      bottom: -120px;
  }