* {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
          font-size: 16px;
          font-family: -apple-system, BlinkMacSystemFont, Arial, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
      }

      el-menu {
          display: none;
      }

      .el-button {
          border-radius: 0;
      }

      body {
          color: #333;
          line-height: 1.6;
          padding-top: 83px;
          overflow-x: hidden;
          max-width: 100%;
      }

      a {
          color: #303133;
      }

      .el-menu--horizontal>.el-menu-item a {
          color: #303133;
          
      }

      .el-sub-menu__title{
          font-size: 16px;
      }

      .el-menu {
          border-bottom: none;
          border-right: none;
          font-weight: 500;
      }

      .el-menu-item {
          font-size: 16px;

      }

      .el-menu--horizontal>.el-sub-menu .el-sub-menu__title {
          border-bottom: none;
          font-size: 16px;
      }

      .el-menu--horizontal>.el-menu-item {
          border-bottom: none;
      }

      .el-menu--horizontal.el-menu {
          border-bottom: none;
      }

      .el-menu--horizontal>.el-menu-item.is-active {
          border-bottom: none;
      }

      .el-sub-menu:hover .el-sub-menu__title {
          color: #e86103 !important;
      }

      .el-menu .el-menu-item.is-active a {
          color: #e86103 !important;
      }

      .el-menu-item:not(.is-disabled):hover {
          background-color: #fff !important;
      }

      /* 子菜单弹出层背景色和边框 */
      .el-popper,
       .el-popper[data-popper-placement],
       .el-menu--popup-container {
           background-color: #f2f2f2 !important;
           border: none !important;
           box-shadow: none !important;
       }

      .el-popper .el-menu-item,
       .el-popper .el-menu .el-menu-item {
           background-color: #f2f2f2 !important;
           border: none !important;
       }

      .el-menu--vertical,
       .el-menu--popup {
           background-color: #f2f2f2 !important;
           border: none !important;
           box-shadow: none !important;
       }

      .el-menu--vertical .el-menu-item,
       .el-menu--popup .el-menu-item {
           background-color: #f2f2f2 !important;
           border: none !important;
       }

      /* 移除弹出层的阴影和边框 */
       .el-popper.is-pure {
            border: none !important;
            box-shadow: none !important;
        }

       /* 强制移除所有边框 */
        .el-popper *,
        .el-popper .el-menu *,
        .el-menu--vertical *,
        .el-menu--popup *,
        .el-sub-menu__popper *,
        div[data-popper-placement] *,
        .el-menu .el-menu-item,
        .el-menu .el-sub-menu,
        .el-menu .el-menu-item-group {
            border: none !important;
            border-top: none !important;
            border-bottom: none !important;
            border-left: none !important;
            border-right: none !important;
            outline: none !important;
        }

        /* 子菜单项hover状态 */
        .el-popper .el-menu-item:hover,
        .el-popper .el-menu .el-menu-item:hover,
        .el-menu--vertical .el-menu-item:hover,
        .el-menu--popup .el-menu-item:hover {
            background-color: #fff !important;
        }

      .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover {
          background-color: #fff;
      }

      .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus {
          background-color: #fff;
      }

      .el-menu-item:not(.is-disabled):focus {
          background-color: #fff !important;
      }

      a {
          text-decoration: none;
      }

      .el-menu-item a {
          color: #303133;
      }

      .el-menu-item a:hover {
          color: #e86103;
      }

      .el-breadcrumb {
          height: 70px;
          line-height: 70px;
      }

      .el-breadcrumb__inner a {
          font-weight: normal;

      }

      .el-breadcrumb__inner a:hover {
          color: #e86103;
      }

      .header {
          display: flex;
          justify-content: space-between;
          padding-top: 10px;
      }

      .logo {
          height: 50px;
          margin-top: 25px;
      }
      .divider {
          width: 100%;
          border-bottom: 1px solid #dcdfe6;
          position: absolute;
          top: 95px;
          z-index: 11;
          left: 0;
      }

      .navbar {
          position: fixed;
          z-index: 11;
          background: #fff;
          top: 0;
          width: 100%;
          height: 95px;
          /* overflow: hidden; */
      }
      @media (max-width: 860px) {
          .navbar{
            height: 83px;
          }
          .nav-normal {
              display: none;
          }

          .nav-sm {
              display: block;
          }

          .header {
              align-items: center;
              height: 83px;
          }
            .logo {
                height: 30px;
                margin-top: 30px;
            }
          .header img {
              margin-top: 0;
          }
          .divider {
              top: 83px;
          }
      }
      @media (min-width: 860px) {
          .nav-normal {
              display: block;
              height: 83px;
              overflow: hidden;
          }

          .nav-sm {
              display: none;
          }
      }

      .icon-zhankai1 {
          cursor: pointer;
          color: #e86103;
      }



      .nav-menu-mobile {
          display: none;
          height: calc(100vh - 83px);
          position: absolute;
          top: 83px;
          background: rgba(0, 0, 0, 0.5);
          width: 100%;
          left: 0;
          opacity: 0;
          transition: 0.5s 0.2s;

          &.active {
              display: block;
              opacity: 1;
              transition: 1s 0.2s;
          }
      }

      .nav-menu-mobile.active {
          display: block;
          opacity: 1;
          transition: 1s 0.2s;
      }



      /* 页脚 */
      .footer {
          background-color: #333;
          color: rgba(255, 255, 255, 0.8);
          padding-top: 60px;
          font-size: 12px;
      }

      .footer .container {
          margin-top: 100px;
      }

      .footer p {
          font-size: 14px;
          color: #ffffff;
      }

      .footer-logo img {
          margin-bottom: 20px;
          width: 261px;
      }

      .footer-title {
          font-weight: bold; 
          margin: 20px 0;
          color: #ffffff;
          margin-top: 20px;
          margin-bottom: 30px;
          font-size: 20px;
      }

      .footer-list {
          list-style: none;
      }

      .footer-list li {
          margin-bottom: 10px;
      }

      .footer-list a {
          color: #ffffff;
          text-decoration: none;
          transition: color 0.3s;
          font-size: 16px;
      }

      .footer-list a:hover {
          color: white;
      }

      .social-links {
          display: flex;
          gap: 15px;
          margin-top: 20px;
      }

      .social-links a {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          background-color: rgba(255, 255, 255, 0.1);
          border-radius: 50%;
          color: white;
          font-size: 1.2rem;
          transition: all 0.3s;
      }

      .social-links a:hover {
          background-color: var(--accent-color);
          transform: translateY(-3px);
      }

      .copyright {
          text-align: center;
          padding: 10px 0;
          /* border-top: 1px solid rgba(255, 255, 255, 0.1); */
          color: rgba(255, 255, 255, 0.6);
          font-size: 12px;
          background: #000;
      }

            /* 微信二维码悬停效果 */
      span:hover .wechat-qr {
        opacity: 1 !important;
      }
      /* 移动端二维码位置调整 */
      @media (max-width: 768px) {
        .wechat-qr {
          top: 50px !important;
          width: 80px !important;
          height: 80px !important;
          left: 0 !important;
          transform: none !important;
        }
      }

      @media(max-width: 1345px){
        .logo{
          height: 30px;
        }
      }
