/* 基础重置 */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Microsoft YaHei", "PingFang SC", sans-serif;}
      body {
        background-color: #f5f5f5;
        color: #333;
        overflow-x: hidden;}
      a {
        text-decoration: none;
        color: inherit;}
      ul {
        list-style: none;}
      .container {
        width: 1200px;
        margin: 0 auto;}
      .container-jxky {
        width: 1700px;
        margin: 0 auto;}
              .container-jx {
        padding:20px 150px;
        margin: 0 auto;}
      .container-fluid {
        width: 100%;}

      /* 顶部导航栏 (Header) */
      @media (min-width: 901px) {  .container-jx{padding:0;} }

      .top-header {
        background-color: #c02c27; /* 主题深红 */
        color: #fff;
        padding: 20px 0;}
      .header-container {
        display: flex;
        justify-content: space-between;
        align-items: center;}
      .container-head {
        width: 1270px;
        margin: 0 auto;}
      .logo img {
        height: 55px; /* 需替换为真实的白色透明底logo */
        display: block;}
      .header-right {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 15px;}
      .top-bar {
        display: flex;
        align-items: center;
        gap: 20px;
        font-size: 12px;}
      .search-box {
        position: relative;}
      .search-box input {
        border: 1px solid rgba(255, 255, 255, 0.6);
        background: transparent;
        color: #fff;
        padding: 4px 30px 4px 15px;
        border-radius: 20px;
        outline: none;
        width: 180px;
        font-size: 12px;}
      .search-box input::placeholder {
        color: rgba(255, 255, 255, 0.7);}
      .search-box button {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        border: none;
        color: #fff;
        cursor: pointer;
        font-size: 12px;}
      .lang-switch a {
        padding: 0 5px;}
      .lang-switch a:hover {
        text-decoration: underline;}
      .main-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        gap: 18px;
        font-size: 18px;
        font-weight: bold;}
      .main-nav ul li {
        position: relative;}
      .main-nav a {
        color: #fff;
        text-decoration: none;
        padding: 8px 6px;
        display: inline-block;
        position: relative;
        font-size: 18px;
        transition: opacity 0.3s;}
      .main-nav a:hover {
        opacity: 0.8;}
      .main-nav a.active {
        color: #fff;
        font-weight: 700;}
      .main-nav a.active::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -10px;
        width: 44px;
        height: 4px;
        background: #fff;
        border-radius: 2px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);}
      .main-nav .submenu {
        display: block;
        opacity: 0;
        transform: translateY(-6px) scale(0.98);
        pointer-events: none;
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        background: rgba(255, 255, 255, 0.96);
        border: 1px solid rgba(192, 44, 39, 0.12);
        color: #333;
        min-width: 200px;
        box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);
        border-radius: 8px;
        padding: 6px 0;
        z-index: 60;
        transition:
          opacity 180ms ease,
          transform 220ms cubic-bezier(0.2, 0.9, 0.3, 1);
        transform-origin: top center;}
      .main-nav .submenu::before {
        content: "";
        position: absolute;
        top: -6px;
        left: 22px;
        width: 12px;
        height: 12px;
        background: rgba(255, 255, 255, 0.96);
        transform: rotate(45deg);
        box-shadow: -2px -2px 6px rgba(0, 0, 0, 0.04);}
      .main-nav .submenu li {
        display: block;}
      .main-nav .submenu li a {
        display: block;
        padding: 10px 16px;
        color: #333;
        font-size: 14px;}
      .main-nav .submenu li a:hover {
        background: #f6f6f6;}
      .main-nav ul li:hover > .submenu {
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;}
      .main-nav .submenu.open {
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
      }

      @media (min-width: 901px) {
        .nav-toggle {
          display: none !important;}
      }