* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: sans-serif;
    }

    body {
      overflow-x: hidden;
      touch-action: pan-y;
      /*padding-top: 80px; /* 为固定导航栏预留空间，避免内容被遮挡 */
    }

    a {
      text-decoration: none;
    }
    /* 这是一个封装好的select控件样式 */
    .select-outer {
      width: 100%;
      /* 自定义宽度 */
      margin: 20px;
      overflow: hidden;
      /* 测试父级截断不影响 */
    }

    /* 触发容器（每个下拉独立） */
    .select-trigger-wrap {
      width: 100%;
      position: relative;
    }

    .select-btn {
      padding: 10px 20px;
      cursor: pointer;
      width: 100%;
      box-sizing: border-box;
      background: #fff;
      border-radius: 20px;
      font-size: 14px;
      line-height: 28px;
      transition: all 1s;
      appearance: none;
      background-image: url(../images/icon_jiantou4.png);
      background-repeat: no-repeat;
      background-position: right 15px center;
    }

    .select-btn:hover {
      border: 1px solid #324094;
      color: #324094;
    }

    /* 下拉列表：每个实例对应一个 */
    .select-dropdown {
      padding: 20px;
      border-radius: 20px;
      overflow: hidden;
      display: none;
      position: absolute;
      width: 100%;
      margin: 0;
      list-style: none;
      border: 0;
      border-top: none;
      background: #fff;
      z-index: 99999;
      box-sizing: border-box;
      box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
    }

    .select-dropdown li {
      padding: 8px;
      cursor: pointer;
      font-size: 14px;
      transition: all 0.5s;
      border-radius: 10px;
      color: #324094;
      margin-bottom: 5px;
    }

    .select-dropdown li:hover,
    .select-dropdown li.selected {
      background: #eaecf8;
    }

    /* 这是一个封装好的select控件样式 */

    .bg-f5f5f5 {
      background: #f5f5f5;
    }

    /* 登录层样式开始 */
    .login-boxbg {
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999999;
    }

    .login-OFF {
      display: none;
    }

    .login-main {
      width: 640px;
      height: 560px;
      background-color: #fff;
    }

    .Login-container {
      width: 640px;
      height: 560px;
      background: #ffffff;
      padding: 40px 50px;
      position: relative;
      box-sizing: border-box;
      font-family: Arial, sans-serif;
    }

    .Login-close-btn {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 24px;
      cursor: pointer;
      color: #666;
    }

    .Login-title {
      font-size: 36px;
      font-weight: bold;
      margin: 0 0 16px 0;
    }

    .Login-desc {
      font-size: 16px;
      color: #555;
      margin: 0 0 32px 0;
    }

    .Login-input-group {
      margin-bottom: 24px;
    }

    .Login-input-group input {
      width: 100%;
      padding: 16px;
      border: 1px solid #ddd;
      border-radius: 4px;
      font-size: 16px;
      box-sizing: border-box;
      outline: none;
    }

    .Login-input-group input::placeholder {
      color: #999;
    }

    .Login-verification-group {
      display: flex;
      gap: 12px;
      position: relative;
    }

    .Login-verification-group input {
      flex: 1;
    }

    .Login-get-code-btn {
      padding: 0 24px;
      border: none;
      background: transparent;
      color: #324094;
      font-size: 16px;
      cursor: pointer;
      position: absolute;
      right: 0px;
      top: 15px;
    }

    .Login-terms-agree {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      color: #555;
      margin-bottom: 32px;
    }

    .Login-terms-agree a {
      color: #324094;
      text-decoration: underline;
    }

    .Login-login-btn {
      width: 60%;
      padding: 16px;
      background: #324094;
      color: #ffffff;
      border: none;
      font-size: 18px;
      cursor: pointer;
      margin-left: 20%;
      border-radius: 10px;

    }

    .service-box,
    .contactService-box {
      display: none;
      position: fixed;
      width: 640px;
      height: 0vh;
      background-color: #fff;
      left: 50%;
      top: 5vh;
      transform: translateX(-50%);
    }

    .service-active,
    .contactService-active {
      display: block !important;
      height: 90vh !important;
      padding: 40px 20px 40px 30px;
      overflow: auto;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
      z-index: 999999999;
    }

    .service-box button,
    .contactService-box button {
      display: block;
      width: 120px;
      height: 44px;
      background-color: #fff;
      margin: 40px auto 0px auto;
      border: 1px solid #ccc;
      border-radius: 5px;
      overflow: hidden;
      cursor: pointer;
      transition: all 0.5s;
    }

    .service-box button:hover,
    .contactService-box button:hover {
      background-color: #efefef;
    }

    .service,
    .contactService {
      width: 100%;
      height: 85%;
      overflow: auto;
    }

    .service::-webkit-scrollbar,
    .contactService::-webkit-scrollbar {
      width: 6px;
    }

    .service::-webkit-scrollbar-track,
    .contactService::-webkit-scrollbar-track {
      background: #f1f1f1;
    }

    .service::-webkit-scrollbar-thumb,
    .contactService::-webkit-scrollbar-thumb {
      background: #ccc;
      border-radius: 3px;
    }


    /* 登录层样式结束 */

    /* 核心：强化固定定位，确保始终悬浮顶部 */
    header {
      position: fixed;
      /* 固定定位：脱离文档流，始终相对于视口定位 */
      top: 0;
      /* 强制贴紧顶部 */
      left: 0;
      /* 强制贴紧左侧 */
      width: 100%;
      /* 强制占满宽度 */
      height: 80px;
      /* 固定高度 */
      background-color: none;
      /* 半透明背景，确保可见 */
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      /* 底部边框，增强分隔感 */
      color: white;
      z-index: 9999;
      /* 极高层级，避免被任何元素覆盖 */
      display: flex;
      align-items: center;
      padding: 0px;
      /* 防止被其他元素的 transform 等属性影响定位 */
      transform: none !important;
      will-change: auto;
      justify-content: center;
    }

    /* 左中右布局 */
    .header-left,
    .header-right {
      display: flex;
      align-items: center;
      flex: 1;
    }

    .header-left {
      justify-content: flex-start;
    }

    .header-right {
      justify-content: flex-end;
    }

    .header-center {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }

    /* 桌面端导航 */
    .bg {
      position: fixed;
      height: 100%;
      width: 100%;
      /* background: rgba(255, 255, 255, 0.8); */
      display: none;
      top: 80px;
      left: 0px;
      z-index: 9899;
      background: unset;
      -webkit-backdrop-filter: blur(40px);
      backdrop-filter: blur(40px);
      background-color: hsla(0, 0%, 100%, .65);
    }

    .bg-ing {
      display: block !important;
    }

    .top-nav {
      width: 100%;
      max-width: 1680px;
      min-width: 1025px;
      padding: 0px 40px;
      display: flex;
      height: 100%;
    }

    .main-nav {
      display: flex;
      list-style: none;
      gap: 2rem;
      height: 100%;
    }

    .main-nav a {
      color: white;
      text-decoration: none;
      transition: color 0.3s;
      display: inline-block;
      height: 100%;
      border-bottom: 2px solid rgba(255, 255, 255, 0);
    }

    .main-nav a:hover {
      border-bottom: 2px solid #fff;
      transition: all 0.5s;
      color: rgba(255, 255, 255, 1);
    }

    .level2Nav-container {
      position: absolute;
      width: 100%;
      min-height: 45vh;
      left: 0;
      top: 79px;
      background-color: rgba(255, 255, 255, 1);
      display: none;
      padding: 40px 0px;
    }

    .nav-level1:hover .level2Nav-container {
      display: flex;
    }

    /* 二级导航样式开始 */

    /* 左侧导航样式 */
    .level2Nav-box {
      width: 150px;
      border-right: 1px solid #eee;
    }

    .level2Nav-item {
      color: rgba(0, 0, 0, 0.5);
      text-align: center;
      cursor: pointer;
      transition: background 0.2s;
      line-height: 50px;
    }

    .level2Nav-item:hover {
      color: #000;
    }

    .level2Nav-item.level2Nav-active {
      /* 导航选中状态 */
      color: rgba(0, 0, 0, 1);
    }

    /* 右侧内容区样式 */
    .level2Nav-content {
      flex: 1;
      display: flex;
    }

    .level2Nav-content-item {
      display: none;
      /* 默认隐藏所有内容 */
      padding: 20px;
      min-height: 300px;
      color: #000;
      width: 100%;
    }

    .level2Nav-content-item.level2Nav-active {
      /* 内容显示状态 */
      display: block;
    }

    .level2Nav-content-item ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      padding: 0px 20px;
    }

    .content-li {
      width: 30%;
      max-width: 440px;
      /* 辅助样式：避免边框/内边距影响比例 */
      box-sizing: border-box;
      /* 让 padding 和边框包含在 width 内 */
      position: relative;
      /* 用于内部内容定位 */
      list-style: none;
      overflow: hidden;
      line-height: 0 !important;
      margin-bottom: 20px;
      margin-right: 20px;
      margin-left: 20px;
    }

    .content-li>a {
      position: relative;
      display: block;
      list-style: none;
      overflow: hidden;
      border-radius: 10px;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /* 内容高度铺满 li */
    }

    .content-li>a>img {
      width: 100%;
      height: auto;
      transition: all 0.5s ease;
    }

    .content-li>a>img:hover {
      transform: scale(1.1);
    }

    .content-li>a>span {
      width: 100%;
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 80px;
      padding: 0px 40px;
      line-height: 100px;
      background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    }


    /* 汉堡菜单（移动端） */
    .hamburger {
      display: none;
      flex-direction: column;
      gap: 6px;
      cursor: pointer;
      z-index: 10000;
      /* 比header层级更高，确保点击有效 */
    }

    .hamburger span {
      width: 28px;
      height: 3px;
      background-color: white;
      border-radius: 2px;
      transition: all 0.3s;
    }

    /* 移动端导航菜单 */
    .mobile-nav {
      display: none;
      position: fixed;
      top: 80px;
      /* 紧贴header底部 */
      left: 0;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      list-style: none;
      z-index: 9998;
      /* 低于header，避免覆盖 */
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
    }

    .mobile-nav.active {
      max-height: 500px;
    }

    .mobile-nav li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .mobile-nav a {
      display: block;
      color: white;
      text-decoration: none;
      padding: 15px 20px;
    }

    /*我的*/

    .button-icon {
      color: #fff;
      width: 38px;
      height: 38px;
      line-height: 42px;
      cursor: pointer;
      margin-left: 20PX;
      margin-right: 15px;
    }

    .button-icon a {
      color: #fff;
      text-decoration: none;
    }

    .button-icon a:hover {
      text-decoration: none;
      opacity: 0.8;
      font-size: 16px;
      font-weight: 400;
    }

    /* 预约相关 */
    .search-container {
      display: inline-block;
      align-items: center;
      background-color: rgba(255, 255, 255, 0);
      border-radius: 20px;
      padding: 6px 15px;
      width: 200px;
      border: 1px solid rgba(255, 255, 255, 0.5);
      transition: all 0.3s ease;
    }

    .search-container:hover {
      display: inline-block;
      align-items: center;
      background-color: #314095;
      border-radius: 20px;
      padding: 6px 15px;
      width: 200px;
      border: 1px solid #314095;
    }

    .search-container a {
      text-align: center;
      font-size: 12px;
      background: none;
      border: 0;
      color: rgba(255, 255, 255, 0.8);
      outline: none;
      flex: 1;
      margin-right: 8px;
      margin-left: 5px;
      cursor: pointer;
      text-decoration: none;
      
    }
    .search-container:hover a{
        color: #fff;
    }

    .search-container span {
      display: block;
      float: left;
      margin-top: 2px;
      line-height: 0;
    }

    .mobile-search-icon {
      display: none;
      width: 36px;
      height: 36px;
      line-height: 30px;
      text-align: center;
      font-size: 40px;
      padding-left: 5px;
      border-radius: 50%;
      cursor: pointer;
      z-index: 10000;
    }

    .search-dropdown {
      display: none;
      position: fixed;
      top: 80px;
      left: 0;
      width: 100%;
      background-color: #1F2937;
      z-index: 9998;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
    }

    .search-dropdown.active {
      max-height: 500px;
    }

    /* Logo */
    .logo {
      font-size: 1.5rem;
      font-weight: bold;
      color: white;
      margin-top: 8px;
    }

    .logo-ing {
      display: none;
    }

    /* 屏幕区域 */
    .screen-section {
      height: calc(100vh);
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 1.5rem;
      font-weight: bold;
    }

    #screen5 {
      background-color: #f7f7f7;
    }

    /* 轮播图 */
    /* 轮播容器 */
    #carousel {
      position: relative;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
    }

    /* 轮播项样式 */
    .carousel-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 1s ease-in-out;
    }

    .carousel-item.active {
      opacity: 1;
      z-index: 10;
    }

    /* 轮播图片样式 */
    .carousel-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      /* 确保图片居中显示 */
    }

    /* 指示器容器 */
    .indicators {
      position: absolute;
      bottom: 30px;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      gap: 8px;
      z-index: 20;
    }

    /* 指示器样式 */
    .indicator {
      width: 50px;
      height: 3px;
      background-color: rgba(255, 255, 255, 0.5);
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .indicator.active {
      background-color: #f3bc00;
      transform: scale(1);
    }

    .slide-but {
      position: absolute;
      padding: 0px 40px;
      width: 100%;
      min-width: 1400px;
      max-width: 1680px;
      height: calc(100vh - 150px);
      top: 120px;
      color: white;
      z-index: 20;
      left: 50%;
      /* 向右移动父元素宽度的50% */
      transform: translateX(-50%);
      /* 向左移动自身宽度的50%，抵消偏移 */
    }

    .slide-but img {
      width: auto !important;
      height: auto !important;
      display: block;
    }

    .slide-but ul {
      margin-top: 15px;
      margin-left: 20px;
    }

    .slide-but li {
      line-height: 30px;
      font-size: 15px;
      font-weight: 200;
      color: #000;
    }

    .car-NO {
      width: 60%;
      min-width: 940px;
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      bottom: 10%;
    }

    .car-NO ul li {
      width: 25vh;
      padding-left: 2vh;
      list-style: none;
      float: left;
      border-right: 1px solid rgba(0, 0, 0, 0.2);
    }

    .car-NO ul li:last-child {
      border-right: none;
    }

    .car-NO ul li h3 {
      font-size: 25px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.8);
    }

    .car-NO ul li p {
      color: rgba(0, 0, 0, 0.5);
    }

    .slide-but a {
      display: inline-block;
      width: 200px;
      height: 40px;
      border-radius: 20px;
      border: none;
      background-color: #fff;
      color: #000;
      margin-top: 43px;
      font-size: 15px;
      text-align: center;
      line-height: 40px;
      text-decoration: none;
      font-weight: 200;
      transition: all 0.3s ease;
      cursor: pointer;
    }

    .slide-but a:hover {
      background-color: rgba(255, 255, 255, 0.5)
    }

    /*第二屏样式*/

    .screen2-box {
      width: 33.333%;
      height: 100vh;
      background-color: #000;
      overflow: hidden;
      position: relative;
      display: flex;
    }

    .screen2-box>a {
      list-style: none;
      color: #fff;
      position: relative;
      width: 100%;
    }
    .screen2-box>a>img{
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }

    .screen2-box>img {
      position: absolute;
      display: block;
      left: 50%;
      transform: translateX(-50%);
      transition: all 0.8s;
    }

    .screen2-box:hover>img {
      transform: translateX(-50%) scale(1.1);
      transition: all 0.8s;
      opacity: 0.5;
    }

    .screen2-box .content-box {
      position: absolute;
      width: 100%;
      bottom: 0;
      min-height: 100px;
      z-index: 2;
      padding-left: 40px;
      padding-right: 40px;
    }

    .screen2-box .content-box .content-icon {
      position: relative;
      display: block;
      width: 100%;
      float: left;
    }

    .screen2-box .content-box h3 {
      position: relative;
      display: block;
      font-size: 20px;
      font-weight: 400;
      line-height: 50px;
    }

    .screen2-box .content-box .content-more {
      position: relative;
      border-top: 0px solid rgba(255, 255, 255, 0.5);
      height: 0px;
      transition: all 0.3s;
    }

    .screen2-box:hover .content-box {
      min-height: 180px;
      transition: all 0.8s;
    }

    .screen2-box:hover .content-box .content-more {
      display: block;
      border-top: 1px solid rgba(255, 255, 255, 0.5);
      transition: all 0.8s;
      height: 60px;
    }

    .screen2-box .content-box .content-more span {
      font-size: 16px;
      font-weight: 100;
    }

    /* 非第一屏header样式*/

    .header-ing {
      background-color: #fff !important;
      transition: all 0.4s;
      z-index: 9999;
    }

    .header-ing .search-container .header-ing a {
      color: rgba(0, 0, 0, 0.6);
    }

    .header-ing .button-icon a {
      color: rgba(0, 0, 0, 0.6);
    }

    .header-ing .button-icon a:hover {
      color: rgba(0, 0, 0, 1);

      font-size: 16px;
      font-weight: 400;
    }

    .header-ing .search-container {
      display: inline-block;
      align-items: center;
      background-color: rgba(255, 255, 255, 0);
      border-radius: 20px;
      padding: 6px 15px;
      width: 200px;
      border: 1px solid rgba(0, 0, 0, 0.6);
    }

    .header-ing .search-container:hover {
      display: inline-block;
      align-items: center;
      background-color: #314095;
      border-radius: 20px;
      padding: 6px 15px;
      width: 200px;
      border: 1px solid #314095;
    }
    .header-ing .search-container:hover a{
        color: #fff;
    }
    .header-ing .search-container:hover img{
        filter: brightness(3) contrast(1.2); 
    }

    .header-ing .button-icon img {
      filter: brightness(0);
    }

    .header-ing .search-icon img {
      filter: brightness(0);
    }

    .header-ing .search-container a {
      color: rgba(0, 0, 0, 0.6);
    }

    .header-ing .logo {
      display: none;
    }

    .header-ing .logo-ing {
      display: block;
      font-size: 1.5rem;
      font-weight: bold;
      color: black;
      margin-top: 8px;
    }

    .header-ing .hamburger span {
      background-color: rgba(0, 0, 0, 0.6);
    }

    .header-ing .mobile-search-icon {
      color: rgba(0, 0, 0, 0.6);
    }

    .header-ing .main-nav>li>a {
      color: rgba(0, 0, 0, 0.6);
    }

    .header-ing .main-nav>li>a:hover {
      font-weight: 400;
      color: #000;
      border-bottom: 2px solid rgba(0, 0, 0, 1);
    }

    .main-nav li {
      overflow: hidden;
      line-height: 80px;
    }

    .main-nav li:hover .nav-Level2-box {
      display: block;
    }

    /* 页脚 */
    footer {
      height: 240px;
      background-color: #000;
      color: white;
      position: relative;
      padding-top: 50px;
    }

    .footer-main {
      width: 100%;
      height: 90px;
      line-height: 90px;
      max-width: 1600px;
      min-width: 1400px;
      border-top: 1px solid #333;
      border-bottom: 1px solid #333;
      margin: 0 auto;
    }

    .copy {
      width: 100%;
      font-size: 16px;
      color: #333;
      text-align: center;
      line-height: 80px;
      float: left;
    }

    .footer-nav {
      list-style: none;
    }

    .footer-nav li {
      display: inline-block;
      float: left;
      margin-left: 40px;
      opacity: 0.7;
    }

    .footer-nav li a {
      text-decoration: none;
      color: #fff;
    }

    .footer-nav li:hover {
      opacity: 1;
    }

    .footer-social {
      list-style: none;
      float: right;
    }

    .footer-social img:hover {
      transform: scale(1.1);
      opacity: 0.8;
    }

    .footer-social li {
      float: left;
      display: inline-block;
      margin-right: 40px;
    }

    /* ipad轮播图样式，正常状态下不显示*/

    .ipad-carousel {
      height: calc(100vh);
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 1.5rem;
      font-weight: bold;
    }

    .ipad-slide {
      width: 33.333%;
      height: 100vh;
      background-color: #000;
      overflow: hidden;
      position: relative;
      display: flex;
    }

    /* Screen3 轮播图样式 */
    #carousel3 {
      position: relative;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      /* 最大宽度限制 */
      margin: 0 auto;
      /* 居中显示 */
    }

    /* 轮播项样式 */
    .carousel3-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 1s ease-in-out;
    }

    .buttons-box {
      position: absolute;
      width: 100%;
      max-width: 1680px;
      padding-left: 40px;
      min-width: 1400px;
      left: 50%;
      top: 350px;
      transform: translateX(-50%);
      z-index: 1000000;
    }

    .m-buttons3 {
      display: none;
    }

    .buttons3 {
      display: inline-block;
      padding: 0px;
      float: left;
      width: 220px;
      color: white;
      background-color: rgba(255, 255, 255, 1);
      cursor: pointer;
      border-radius: 25px;
      transition: all 0.5s;
      margin-left: 20px;
    }

    .buttons3:hover {
      opacity: 0.5;
    }

    .buttons3 a {
      display: block;
      line-height: 44px;
      text-align: center;
      color: #000;
      font-size: 16px;
      font-weight: 400;
    }
    .slide-but>img{
        margin-left: 20px;
    }
    .carousel3-item.active {
      opacity: 1;
      z-index: 10;
    }

    /* 轮播图片样式 */
    .carousel3-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
    .pc-img {
        height: 100% !important;
    }

    /* 指示器容器 */
    .indicators3 {
      position: absolute;
      top: 120px;
      right: 300px;
      display: flex;
      justify-content: center;
      gap: 8px;
      z-index: 20;
    }

    /* 轮播箭头样式 */
    .carousel-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.3);
      color: white;
      border: none;
      font-size: 24px;
      cursor: pointer;
      z-index: 30;
      /* 确保在轮播内容上方 */
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* 左箭头位置 */
    .left-arrow {
      left: 20px;
    }

    /* 右箭头位置 */
    .right-arrow {
      right: 20px;
    }

    /* 箭头悬停效果 */
    .carousel-arrow:hover {
      background-color: rgba(0, 0, 0, 0.5);
      transform: translateY(-50%) scale(1.1);
    }

    /* 指示器样式 */
    .indicator3 {
      cursor: pointer;
      transition: all 0.3s ease;
      margin: 0px 16px;
      color: rgba(0, 0, 0, 0.2);
      font-weight: 400;
    }

    .indicator3.active {
      transform: scale(1);
      color: rgba(0, 0, 0, 1);
    }

    /* 第四屏样式 */

    .screen4-row {
      display: flex;
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      width: 100%;
      max-width: 1600px;
      min-width: 1400px;
      margin: 0 auto;
      height: 100%;
    }

    .screen4-box {
      width: 50%;
      height: calc(100vh - 160px);
      margin: 120px 40px 40px 0px;
      overflow: hidden;
      box-sizing: border-box;
      position: relative;
    }

    .screen4-box:nth-child(even) {
      margin-right: 0;
    }

    .screen4-box>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }

    .screen4-li {
      display: flex;
      position: relative;
      width: 100%;
      height: calc(50% - 20px);
      overflow: hidden;
    }

    .m-b20 {
      margin-bottom: 40px;
    }

    .m-t20 {
      margin-top: 40px;
    }

    .screen4-li>img {
      width: 100%;
      object-fit: cover;
      object-position: center;
    }

    .content4 {
      position: absolute;
      width: 100%;
      bottom: 10px;
      padding: 40px 40px 10px 40px;
      background: linear-gradient(to bottom,
          rgba(0, 0, 0, 0),
          rgba(0, 0, 0, 0.8));
      margin-bottom: -10px;
    }

    .content4 h3 {
      font-weight: 400;
    }

    .content4 p {
      font-size: 16px;
      font-weight: 200;
      margin-top: 20px;
      border-top: 0px solid rgba(255, 255, 255, 0);
      padding-top: 20px;
      height: 0 !important;
      overflow: hidden;
      transition: all 0.5s;
    }

    .screen4-hover:hover .content4 p {
      border-top: 1px solid rgba(255, 255, 255, 0.4);
      height: 60px !important;
      transition: all 0.5s;
      position: relative;
    }

    .screen4-hover a {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 99;
    }

    /* 第五屏样式 */

    .screen5-box {
      display: block;
      width: 100%;
      height: 100vh;
      padding-top: 80px;
    }

    .screen5-tit {
      width: 100%;
      text-align: center;
      height: 100%;
      min-height: 150px;
      max-height: 210px;
      line-height: 210px;
      position: relative;
      display: block;
      color: #000;
    }

    .screen5-tit h3 {
      line-height: 100px;
      padding-top: 1vh;
      font-size: 50px;
    }

    .screen5-tit p {
      line-height: 10px;
      font-size: 20px;
      font-weight: 400;
    }

    .screen5-content {
      width: 100%;
      display: block;
      height: calc(100vh - 490px);
      margin: 0 auto;
      padding: 0px 40px;
      max-width: 1680px;
      min-height: 380px;
    }

    .screen5-content li {
      list-style: none;
      width: 33.333%;
      height: calc(100vh - 490px);
      float: left;
      overflow: hidden;
      padding: 0px 20px;
      position: relative;
      min-height: 380px;
    }

    .screen5-content li a {
      text-decoration: none;
    }

    .screen5-content li img {
      width: 100%;
      /* 宽度占满li */
      height: 69%;
      /* 高度为li高度的70% */
      object-fit: cover;
      /* 核心：保持图片比例，填充容器，超出部分裁剪 */
      transition: all 0.8s;
      min-height: 296px;
    }

    .screen5-content-detailed {
      position: relative;
      width: 100%;
      margin-top: 15px;
    }

    .screen5-content-detailed p {
      width: 100%;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      margin: 0;
      font-size: 16px;
      font-weight: 200;
      color: #000;
    }

    .time-l,
    .more-r {
      font-size: 14px;
      color: #999;
      font-weight: 100;
      position: relative;
      display: inline;
      margin-top: 10px;
      transition: all 0.8s;
    }

    .time-l {
      float: left;
    }

    .more-r {
      float: right;
      opacity: 0;
    }

    .more-r img {
      display: inline;
      width: 27px !important;
      height: 12px !important;
      filter: brightness(0.5);
      margin-left: 10px;
    }

    .screen5-content li img:hover {
      transform: translateX(0%) scale(1.05);
      transition: all 0.8s;
      opacity: 0.5;
    }

    .screen5-content li:hover .more-r {
      opacity: 1;
    }

    .new-more-but {
      font-size: 16px;
      color: #000;
      border: 1px solid rgba(0, 0, 0, 0.3);
      border-radius: 30px;
      width: 160px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-weight: 100;
      margin: 20px auto;
    }

    .new-more-but:hover {
      background-color: rgba(0, 0, 0, 0.1);
      color: #fff;
      transition: all 0.3s ease;
      cursor: pointer;
      border: 1px solid rgba(0, 0, 0, 0.5);
    }

    .new-more-but a {
      text-decoration: none;
      color: rgba(0, 0, 0, 0.5);
    }

    .new-more-but:hover a {
      color: rgba(0, 0, 0, 0.8);
    }

    /* 以下是汽车360度展示样式 */

    .img360 {
      width: 100%;
      background: rgba(0, 0, 0, 0);
      position: absolute;
      bottom: 10%;
      left: 50%;
      transform: translateX(-50%);
      z-index: 999999;
    }

    .rotate-container {
      width: min(100% - 40px, 1200px);
      /* 最大1200px，自适应宽度 */
      aspect-ratio: 15 / 7;
      /* 15:7比例（1200:560） */
      max-height: 560px;
      /* 最大高度560px */
      margin: 20px auto;
      /* 水平居中 */
      overflow: hidden;
      border: 1px solid rgba(0, 0, 0, 0);
      /* 边框可选，方便看到容器范围 */
      border-radius: 8px;
      cursor: grab;
      /* 隐藏鼠标 */
      position: relative;
      background-repeat: no-repeat;
      background-position: center;
      /* 图片居中显示 */
      background-size: 3600% 100%;
      /* 36帧适配 */
      -webkit-tap-highlight-color: transparent;
      /* 核心：背景透明，去掉默认颜色 */
      background-color: transparent;
      z-index: 999999;
    }

    .fixed-container {
      width: min(100% - 40px, 1200px);
      aspect-ratio: 15 / 7;
      max-height: 560px;
      margin: 20px auto;
      overflow: hidden;
      border: 1px solid rgba(0, 0, 0, 0);
      border-radius: 8px;
      position: relative;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 3600% 100%;
      -webkit-tap-highlight-color: transparent;
      background-color: transparent;
      z-index: 999999;
      background-position-x: 0%;
    }

    /* 悬浮按钮 */
    .contact-btn {
      right: 50px;
      bottom: 30vh;
    }

    .schedule-btn {
      right: 50px;
      bottom: calc(30vh - 60px);
    }

    .contact-btn,
    .schedule-btn {
      cursor: pointer;
      position: fixed;
      width: 50px;
      height: 50px;
      border-radius: 25px;
      background: rgba(255, 255, 255, 0.6);
      z-index: 9999;
      display: flex;
      justify-content: center;
      /* 水平居中 */
      align-items: center;
      /* 垂直居中 */
      overflow: hidden;
      transition: all 0.5s;
    }

    .contact-btn:hover,
    .schedule-btn:hover {
      background: #fff;
    }

    .contact-box {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 9999;
      display: none;
      justify-content: center;
      align-items: center;
    }

    .box-no {
      display: flex !important;
    }

    .contact {
      width: 90%;
      max-width: 1288px;
      height: 590px;
      background: #fff;
      display: flex;
      position: relative;
    }

    .contact-l {
      width: 100%;
      max-width: 555px;
      min-width: 400px;
      padding: 40px;
    }

    .contact-r {
      flex: 1;
      justify-content: center;
      align-items: center;
      overflow: hidden;
    }

    .contact-r>img {
      height: 100%;
      max-width: 100%;
      object-fit: cover;
    }

    /* 以下是表单样式 */
    .contact-form {
      max-width: 500px;
      /* 表单宽度，可调整 */
    }

    .contact-form h2 {
      font-size: 28px;
      margin-bottom: 24px;
      color: #333;
    }

    .form-group {
      margin-bottom: 16px;
    }

    .form-group label {
      display: block;
      margin-bottom: 8px;
      font-size: 14px;
      color: #555;
    }

    .form-control {
      width: 100%;
      padding: 12px 16px;
      border: 1px solid #ddd;
      border-radius: 4px;
      font-size: 14px;
      outline: none;
    }

    .form-control:focus {
      border-color: #666;
    }

    .select-control {
      appearance: none;
      /* 移除默认下拉箭头 */
      background: url("../images/icon_jiantou2.png") no-repeat right 16px center;
      background-size: 12px 8px;
    }

    textarea.form-control {
      min-height: 80px;
      resize: vertical;
    }

    .checkbox-group {
      display: flex;
      align-items: center;
      margin-bottom: 24px;
      font-size: 14px;
      color: #666;
    }

    .checkbox-group input {
      margin-right: 8px;
      width: 16px;
      height: 16px;
    }

    .checkbox-group span {
      color: #2a6496;
      text-decoration: underline;
      cursor: pointer;
    }

    .btn-submit {
      background-color: #334cb2;
      color: #fff;
      border: none;
      border-radius: 4px;
      padding: 12px 24px;
      font-size: 16px;
      cursor: pointer;
      width: 100%;
    }

    .btn-submit:hover {
      background-color: #2c4399;
    }

    .contact-off {
      position: absolute;
      top: 10px;
      right: 10px;
    }

    /* 以下是首页预约试驾页面样式 */

    .reserve-box {
      background: #000;
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .reserve-bg {
      height: 100%;
      object-fit: cover;
    }

    .reserve-cont {
      width: 530px;
      height: 550px;
      border-radius: 15px;
      background: unset;
      -webkit-backdrop-filter: blur(40px);
      backdrop-filter: blur(40px);
      background-color: hsla(0, 0%, 0%, 0.4);
      position: fixed;
      right: 5vh;
      top: 50%;
      transform: translateY(-50%);
    }

    .reserve {
      width: 90%;
      margin: 0 auto;
      padding: 20px;
    }

    .reserve h1 {
      text-align: center;
      margin-bottom: 30px;
      font-weight: normal;
      color: #fff;
      line-height: 80px;
    }

    .reserve form {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    .reserve select,
    .reserve input {
      padding: 10px;
      border: none;
      border-radius: 5px;
      font-size: 16px;
      color: #333;
    }

    .reserve select {
      appearance: none;
      background-image: url("../images/icon_jiantou4.png");
      background-repeat: no-repeat;
      background-position: right 15px center;
    }

    .reserve .checkbox-reserve {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.6);
      font-size: 13px;
      line-height: 30px;
    }

    .reserve .checkbox-reserve input {
      width: auto;
      padding: 0;
      margin: 0;
    }

    .reserve .checkbox-reserve a {
      color: rgba(255, 255, 255, 0.6);
      text-decoration: underline;
    }

    .reserve button {
      padding: 15px;
      background-color: #4158d0;
      color: #fff;
      border: none;
      border-radius: 5px;
      font-size: 16px;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .reserve button:hover {
      background-color: #3148c0;
    }

    /* 以下是产品页样式 */
    .produce-head-bg {
      width: 100%;
      height: 540px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .produce-head-bg .bg-level {
      height: 100%;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
    }

    .head-text {
      width: 100%;
      min-width: 1200px;
      padding: 0px 40px;
      max-width: 1025px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
    }

    .head-text h1 {
      width: 33.333%;
    }

    .head-text p {
      width: 33.333%;
      line-height: 30px;
    }

    .pro-main {
      width: 100%;
      max-width: 1680px;
      min-width: 1025px;
      margin: 0 auto;
      padding: 0px 40px;
      overflow: hidden;
      display: flex;
    }

    .pro-main .sel {
      width: 100%;
      height: 115px;
      display: flex;
      align-items: center;
    }

    .pro-main .sel>div {
      width: 200px;
      margin-right: 20px;
    }

    .pro-main .sel select {
      width: 200px;
      height: 44px;
      border: 0;
      background: #fff;
      border-radius: 22px;
      padding: 0px 20px;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-image: url("../images/icon_jiantou4.png");
      background-repeat: no-repeat;
      background-position: right 15px center;
      margin-right: 30px;
      cursor: pointer;
      outline: none;
    }

    .pro-main .sel select:hover {
      border: 1px solid #ccc;
    }

    .pro-main .sel select option {
      padding: 8px 12px;
      background-color: #fff;
      color: #333;
      border: 0;
    }

    .pro-list {
      width: 100%;
      max-width: 1680px;
      min-width: 1025px;
      margin: 0 auto;
      overflow: hidden;
      padding: 0px 40px;
    }

    .pro-list ul {
      width: 100%;
      font-size: 0;
    }

    .pro-list ul li {
      display: inline-block;
      width: 23.5%;
      margin-right: 2%;
      margin-top: 10px;
      position: relative;
      font-size: 14px;
      list-style: none;
      margin-bottom: 30px;
      border-radius: 20px;
      transition: all 0.5s;
    }

    .pro-list ul li:hover {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    }

    .pro-list ul li:nth-child(4n) {
      margin-right: 0;
    }

    .pro-list ul li::before {
      content: "";
      display: block;
      padding-top: 120%;
      background: #fff;
      border-radius: 20px;
      overflow: hidden;
    }

    .accessories-li::before {
      content: "";
      display: block;
      padding-top: 150% !important;
      background: #fff;
      border-radius: 20px;
      overflow: hidden;
    }

    .accessories-li .pro-list-main>img {
      margin-top: 10px !important;
    }

    .accessories-h2 {
      font-size: 22px !important;
      padding: 0px 20px;
    }

    .accessories-p {
      font-size: 16px !important;
      margin: 5px 0px !important;

    }

    .pro-list-content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .pro-list-content .pro-list-main {
      display: flex;
      width: 100%;
      height: 100%;
      text-decoration: none;
      cursor: pointer;
      align-items: center;
      flex-direction: column;
      justify-content: space-between;
    }

    .pro-list-content .pro-list-main>img {
      max-height: 60%;
      max-width: 80%;
      margin-top: 30px;
      /* width: 80%; */
    }

    .pro-list-content .pro-list-main>h2 {
      font-size: 25px;
      margin-top: 10px;
    }

    .pro-list-content .pro-list-main>p {
      line-height: 30px;
      color: #a10e07;
      font-size: 18px;
      font-weight: 600;
    }

    .pro-list-content .pro-list-main>span {
      color: #666;
      margin-bottom: 10px;
    }

    .pro-list-content .pro-list-main>div {
      width: 40%;
      height: 48px;
      min-height: 25px;
      border-radius: 50px;
      border: 1px solid #314095;
      margin-bottom: 10%;
      display: flex;
      padding: 0px 20px;
      align-items: center;
      color: #314095;
      position: relative;
      min-width: 160px;
      transition: all 0.5s;
    }

    .pro-list-content .pro-list-main>div>img {
      position: absolute;
      right: 20px;
    }

    .pro-list-content .pro-list-main>div>.img-jt {
      display: none;
    }

    .pro-list ul li:hover .pro-list-main>div {
      background: #314095;
      color: #fff;
    }

    .pro-list ul li:hover .pro-list-main>div>.img-jt {
      display: inline-block;
    }

    .pro-list ul li:hover .pro-list-main>div>.img-jt1 {
      display: none;
    }

    /* 以下是产品详情页 */
    .det-headImg {
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .det-headImg img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }

    .det-headText {
      position: absolute;
      left: 50%;
      top: calc(80px + 5%);
      transform: translate(-50%, 0%);
      text-align: center;
      color: #fff;
      z-index: 2;
    }

    .det-headText2 {
      position: absolute;
      left: 50%;
      top: 25vh;
      transform: translate(-50%, 0%);
      text-align: center;
      color: #fff;
      z-index: 2;
    }

    .det-headText2 h1 {
      margin-bottom: 20px;
    }

    .det-headText a {
      display: inline-block;
      width: 200px;
      height: 40px;
      border: 1px solid #fff;
      border-radius: 20px;
      margin: 10px;
      line-height: 35px;
      transition: all 0.5s;
      color: #fff;
    }

    .det-headText a:hover {
      background: #Fff;
      color: #000;
    }

    .det-headImg .det-imgBg {
      background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
    }

    .det-headImg>.pc {
      display: block;
    }

    .det-headImg>.mobile {
      display: none;
    }

    .pro-exhibit {
      width: 100%;
      overflow: hidden;
      position: relative;
      padding-top: 100px;
    }

    .pro-exhibit .slides-item {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      /* 关键：添加过渡动画 */
      opacity: 0;
      /* 默认透明 */
      visibility: hidden;
      /* 默认隐藏（不占据焦点） */
      transition: opacity 0.4s ease, visibility 0.4s ease;
      /* 过渡时长可自定义 */
      position: absolute;
      /* 对应padding-top:100px，保持位置一致 */
      left: 0;
    }

    /* 激活状态的样式 */
    .pro-exhibit .slides-item.active {
      opacity: 1;
      /* 完全显示 */
      visibility: visible;
      /* 可见 */
      position: relative;
      /* 恢复正常流（可选，根据布局调整） */
    }

    .slides-item-txt {
      width: 100%;
      min-width: 1025px;
      max-width: 1680px;
      padding: 0px 40px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 70px;
    }

    .slides-item-txt p {
      width: 33%;
    }

    .pro-exhibit .slides-item>img {
      width: 100%;
      object-fit: cover;
    }

    .pc-item {
      display: block;
    }

    .mobile-item {
      display: none;
    }

    .slides-anchor {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      height: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 10;
      /* 确保锚点在滑块上方 */
    }

    .slides-anchor>.anchor {
      display: inline-block;
      margin: 40px;
      line-height: 40px;
      cursor: pointer;
      transition: color 0.3s ease;
    }

    .slides-anchor>.active {
      border-bottom: 2px solid #000;
    }

    .details-wrapper {
      width: 100%;
      overflow-x: hidden;
      position: relative;
      background-color: #e2e8f0;
    }

    .details {
      width: 100%;
      min-width: 1025px;
      max-width: 1680px;
      margin: 0 auto;
      padding: 0 40px;
      height: 600px;
      display: flex;
      position: relative;
    }

    .details-icon {
      width: 60px;
      height: 500px;
      background-image: url(../images/icon_TIM_MOTORS.png);
      background-position: left 0 bottom 0;
      background-repeat: no-repeat;
      flex-shrink: 0;
    }

    .details-cont {
      width: 1000%;
      height: 100%;
      position: absolute;
      left: calc(60px + 40px);
      top: 0;
      z-index: 1;
      overflow: hidden;
    }

    .details-wrapper .main {
      width: 100%;
      height: 500px;
    }

    .details-wrapper .main2 {
      width: 100%;
      height: 500px;
    }

    .details-wrapper .details-title {
      width: 100%;
      max-width: 1680px;
      min-width: 1025px;
      margin: 0 auto;
      padding: 50px 0px 40px 120px;
    }

    .details-wrapper .details-title p {
      width: 80%;
    }

    .details-wrapper .details-title h1 {
      margin-bottom: 20px;
    }

    .details-wrapper .main .active {
      width: 610px !important;
    }


    .details-wrapper .main .main-item {
      width: 420px;
      height: 100%;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 20px;
      float: left;
      position: relative;
    }


    .details-wrapper .main .main-item a {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .details-wrapper .main .main-item a p {
      position: absolute;
      bottom: 0;
      width: 100%;
      z-index: 9;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      text-align: left;
      padding: 10px 20px;
      left: 0;
      transition: all 0.5s;
    }

    .details-wrapper .main .main-item:hover a p {
      padding-bottom: 30px;
    }

    .details-wrapper .main .main-item img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }

    .details-wrapper .btn {
      padding-top: 0;
      position: absolute;
      bottom: 20px;
      width: calc(100% - 80px);
      z-index: 99;
      text-align: right;
    }

    .details-wrapper .btn .btn-l,
    .details-wrapper .btn .btn-r {
      display: inline-block;
      height: 45px;
      width: 45px;
      background-color: #fff;
      cursor: pointer;
      border-radius: 25px;
      opacity: 0.5;
    }

    .details-wrapper .btn .btn-l {
      background-image: url(../images/icon_jiantou3.png);
      background-position: center center;
      background-repeat: no-repeat;
      transform: rotateZ(180deg);
      transition: all 0.5s;
    }

    .details-wrapper .btn .btn-r {
      margin-left: 30px;
      background-image: url(../images/icon_jiantou3.png);
      background-position: center center;
      background-repeat: no-repeat;
    }

    .details-wrapper .btn .btn-l:hover,
    .details-wrapper .btn .btn-r:hover {
      opacity: 1;
    }

    .details-wrapper2 {
      width: 100%;
      overflow: hidden;
      height: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }

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

    .details-wrapper2 .details-txt {
      position: absolute;
      width: 100%;
      max-width: 1680px;
      min-width: 1025px;
      left: 50%;
      transform: translateX(-50%);
      padding: 120px;
      color: #fff;
      bottom: 20px;
    }

    .details-wrapper2 .details-txt p {
      width: 50%;
    }

    .Example2 .main-item2 {
      width: 500px;
      height: 500px;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 20px;
      float: left;
      position: relative;
    }

    .Example2 .active2 {
      width: 500px !important;
    }

    .Example2 .main-item2 {
      width: 420px;
      height: 100%;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 20px;
      float: left;
      position: relative;
    }


    .Example2 .main-item2 a {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .Example2 .main-item2 a p {
      position: absolute;
      bottom: 0;
      width: 100%;
      z-index: 9;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      text-align: left;
      padding: 10px 20px;
      left: 0;
      transition: all 0.5s;
    }

    .Example2 .main-item2:hover a p {
      padding-bottom: 30px;
    }

    .Example2 .main-item2 img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }




    .Example3 .main-item3 {
      width: 500px;
      height: 500px;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 20px;
      float: left;
      position: relative;
    }

    .Example3 .active3 {
      width: 880px !important;
    }

    .Example3 .main-item3 {
      width: 420px;
      height: 100%;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 20px;
      float: left;
      position: relative;
    }


    .Example3 .main-item3 a {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .Example3 .main-item3 a p {
      position: absolute;
      bottom: 0;
      width: 100%;
      z-index: 9;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      text-align: left;
      padding: 10px 20px;
      left: 0;
      transition: all 0.5s;
    }

    .Example3 .main-item3:hover a p {
      padding-bottom: 30px;
    }

    .Example3 .main-item3 img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }





    .Example4 .main-item4 {
      width: 500px;
      height: 500px;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 20px;
      float: left;
      position: relative;
    }

    .Example4 .active4 {
      width: 670px !important;
    }

    .Example4 .main-item4 {
      width: 670px;
      height: 100%;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 20px;
      float: left;
      position: relative;
      border-radius: 25px;
    }


    .Example4 .main-item4 a {
      display: flex;
      justify-content: center;
      align-items: center;
    }


    .Example4 .main-item4 img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }

    /* 以下是公司介绍页样式 */
    .block-box {
      width: 100%;
      position: relative;
    }

    .introduces {
      padding: 30px 40px;
      height: 90vh;
      min-height: 780px;
      display: flex;
      min-width: 1025px;
      max-width: 1680px;
      margin: 0 auto;
    }

    .introduce {
      flex-grow: 1;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .introduce-txt {
      width: 100%;
      padding-right: 90px;
    }

    .introduce-img {
      width: 656px;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .introduce-img .imgs {
      width: 656px;
      height: 716px;
      border-top-left-radius: 56px;
      border-bottom-right-radius: 56px;
      background-color: #ccc;
    }

    .introduce-img .imgs img {
      width: 100%;
      height: 100%;
    }

    .block-flex {
      display: flex !important;
      justify-content: center;
      align-items: center;
    }

    .block-flex img {
      object-fit: cover;
    }

    .contact-us {
      padding: 0px 40px;
      display: flex;
      width: 100%;
      min-width: 1025px;
      max-width: 1680px;
      transform: translateX(-50%);
      height: 557px;
      position: absolute;
      top: 0%;
      left: 50%;
      overflow: hidden;
    }

    .contactUs-cont {
      position: absolute;
      right: 40px;
      top: 0;
      bottom: 140px;
      overflow: hidden;
      color: #fff;
      display: flex;
      justify-content: center;
      flex-direction: column;
    }

    .contactUs-cont h1 {
      padding-top: 180px;
    }

    .contactUs-cont a {
      display: inline-block;
      width: 160px;
      height: 40px;
      background-color: #fff;
      color: #000;
      font-size: 16px;
      text-align: center;
      line-height: 40px;
      margin-top: 30px;
      border-radius: 20px;
      transition: all 0.5s;
    }

    .contactUs-cont a:hover {
      opacity: 0.8;
    }

    .video-box {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      color: #fff;
      background: rgba(0, 0, 0, 0.5);
    }

    .video-box h1 {
      text-align: center;
      margin-bottom: 30px;
    }

    .video-box a {
      width: 200px;
      height: 40px;
      border: 1px solid #fff;
      border-radius: 20px;
      color: #fff;
      text-align: center;
      line-height: 40px;
      margin-top: 50px;
      transition: all 0.5s;
      cursor: pointer;
    }

    .video-box a:hover {
      background: rgba(255, 255, 255, 0.5);
    }

    .map-sel {
      position: absolute;
      width: 100%;
      max-width: 1680px;
      min-width: 1025px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 999;
      padding: 0px 40px;
      top: 100px;
      display: flex;
    }

    .map-sel>div {
      width: 200px;
      margin-right: 20px;
      position: relative;
    }

    .map-sel select optgroup {
      width: 300px;
      text-align: left !important;
    }

    .map-sel select optgroup option {
      text-align: left;
    }

    .M-map {
      display: none;
    }

    /* 以下是新闻页样式 */
    .new-head {
      width: 100%;
      min-width: 1025px;
      max-width: 1520px;
      position: absolute;
      padding: 0px 40px;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      color: #fff;
    }

    .new-head h1 {
      margin-bottom: 20px;
    }

    .new-tab {
      width: 100%;
      min-width: 1025px;
      max-width: 1520px;
      margin: 0 auto;
      overflow: hidden;
      padding: 80px 40px 0px 40px;
      position: relative;
    }

    .news-anchor {
      position: absolute;
      width: 100%;
      height: 100px;
      left: 0;
      top: 0;
      line-height: 60px;
      padding: 0px 40px;
    }

    .btn-active {
      border-bottom: 2px solid #324094;
      color: #324094 !important;
    }

    .new-anchor {
      display: block;
      float: left;
      margin-right: 70px;
      cursor: pointer;
    }

    .new-item {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.4s ease, visibility 0.4s ease;
      position: absolute;
      flex-direction: column;
    }

    .page-l {
      transform: rotate(180deg);
    }

    .item-active {
      opacity: 1;
      visibility: visible;
      position: relative;
    }

    .new-item ul {
      list-style: none;
      width: 100%;
    }

    .new-item ul li {
      display: flex;
      padding-bottom: 20px;
      border-bottom: 1px solid #eee;
      margin-top: 20px;
    }

    .new-item ul li .newItem-l img {
      transition: all 0.5s;
    }

    .new-item ul li:hover .newItem-l img {
      transform: scale(1.1);
    }

    .new-item ul li:last-of-type {
      border-bottom: 0;
    }

    .newItem-l {
      width: 340px;
      min-width: 340px;
      height: 210px;
      background-color: #ccc;
      border-radius: 12px;
    }

    .newItem-r {
      flex-grow: 1;
      padding-left: 30px;
    }

    .newItem-r h3 {
      font-size: 25px;
      font-weight: 400;
      line-height: 50px;
      margin-top: 10px;
    }

    .new-item ul li:hover .newItem-r h3 a {
      color: #324094;
    }

    .newItem-r h3 a {
      color: #000;
      transition: all 0.5s;
    }

    .newItem-r p {
      color: #999;
    }

    .read-more {
      margin-top: 20px;
    }

    .read-more a {
      color: #ccc;
      margin-right: 70px;
    }

    .read-more span {
      color: #ccc;
    }

    .pages {
      line-height: 300px;
    }

    .pages span {
      font-size: 14px;
      margin: 20px;
      opacity: 0.5;
      cursor: pointer;
    }

    .pages span img {
      width: 10px;
    }

    .black-imgBg {
      background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
    }

    /* 以下新闻详情页 */
    .news-det {
      width: 100%;
      max-width: 1440px;
      min-width: 1025px;
      margin: 0 auto;
      margin-top: 100px;
      padding: 0px 40px;
    }

    .bread-crumbs {
      width: 100%;
      margin: 20px 0px;
    }

    .bread-crumbs a {
      font-size: 14px;
      color: #aaa;
      transition: all 0.5s;
    }

    .bread-crumbs a:hover {
      color: #000;
    }

    .news-det h1 {
      color: #333;
      font-weight: 400;
    }

    .new-OtherInfo {
      width: 100%;
      color: #aaa;
      font-size: 14px;
      margin: 10px 0px;
    }

    .new-content {
      display: flex;
      justify-content: center;
      flex-direction: column;
      width: 83.33%;
      margin: 0 auto;
      text-align: justify;
      /* 核心属性：两端对齐 */
      padding-top: 30px;
      line-height: 25px;
      margin-bottom: 30px;
    }

    .new-content img {
      width: 120%;
      margin-left: -10%;
      margin-top: 50px;
      margin-bottom: 50px;
      display: block;
      max-width: 1440px;
    }

    .share-box ul {
      list-style: none;
      display: flex;
      padding-bottom: 60px;
      border-bottom: 1px solid #ccc;
      padding-top: 20px;
    }

    .share-box ul li {
      width: 145px;
      height: 44px;
      border: 1px solid #ccc;
      border-radius: 5px;
      margin-right: 16px;
      overflow: hidden;
    }

    .share-box ul li a {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #222;
      background-color: #fff;
      transition: all 0.5s;
    }

    .share-box ul li a:hover {
      background-color: #eee;
    }

    .share-box ul li img {
      margin-right: 10px;
    }

    .Latest-News {
      width: 100%;
      margin-top: 40px;
    }

    .Latest-News h2 {
      font-weight: 400;
      font-size: 25px;
      margin-bottom: 20px;
    }

    .LatestNews-box {
      width: 100%;
    }

    .LatestNews-box ul {
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 80px;
    }

    .LatestNews-box ul li {
      width: 426px;
    }


    .LatestNews-box ul li a {
      display: inline-block;
      color: #000;
      position: relative;
      overflow: hidden;
    }

    .LatestNews-box ul li a img {
      display: block;
      transition: all 0.5s;
      border-radius: 8px;
    }

    .LatestNews-box ul li:hover a img {
      transform: scale(0.9);
    }

    .LatestNews-box ul li a h3 {
      font-weight: 400;
      display: inline-block;
      width: 100%;
      font-size: 14px;
      padding: 10px 0px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .LatestNews-box ul li a p {
      font-size: 12px;
      color: #ccc;
    }

    /* 以下是联系我们页面的样式 */
    .contactus-box {
      width: 100%;
      min-width: 1025px;
      max-width: 1520px;
      padding: 0px 40px;
      margin: 0 auto;
      display: flex;
    }

    .touch {
      flex-grow: 1;
      margin: 50px 0px;
      padding: 50px 0px;
    }

    .touch h1 {
      color: #333;
      margin-bottom: 20px;
      font-size: 50px;
    }

    .touch p {
      width: 65%;
      margin-bottom: 60px;
      color: #333;
    }

    .touch ul {
      list-style: none;
    }

    .touch ul li {
      display: flex;
      align-items: center;
      color: #333;
      margin-bottom: 35px;
    }

    .touch ul li img {
      margin-right: 20px;
    }

    .touch ul li span {
      font-size: 12px;
      color: #ccc;
      margin-left: 20px;
    }

    .contactForm {
      width: 615px;
      margin: 50px 0px;
      padding: 50px 0px;
    }

    .contactForm label {
      color: #aaa;
      font-size: 14px;
    }

    .contactForm label a {
      color: #324094;
    }

    /* 表单容器 */
    .contactUs-form {
      width: 615px;
      font-family: Arial, sans-serif;
    }

    /* 表单组间距 */
    .contactUs-group {
      margin-bottom: 18px;
    }

    /* 输入框/下拉框/文本域样式 */
    .contactUs-group input,
    .contactUs-group select,
    .contactUs-group textarea {
      width: 100%;
      padding: 12px 15px;
      border: 1px solid #e0e0e0;
      border-radius: 25px;
      /* 圆角 */
      font-size: 14px;
      box-sizing: border-box;
      /* 确保padding不超出宽度 */
    }

    .contactUs-group select {
      appearance: none;
      background-image: url(../images/icon_jiantou4.png);
      background-repeat: no-repeat;
      background-position: right 15px center;
    }

    /* 文本域高度 */
    .contactUs-group textarea {
      min-height: 80px;
      resize: vertical;
      /* 允许垂直拉伸 */
    }

    /* 同意条款组 */
    .contactUs-agree {
      margin: 15px 0;
    }

    .contactUs-agree input {
      width: auto;
      /* 复选框不占满宽度 */
      margin-right: 8px;
    }

    .contactUs-agree a {
      color: #0066cc;
      text-decoration: underline;
    }

    /* 提交按钮 */
    .contactUs-submit {
      width: 320px;
      height: 50px;
      padding: 12px;
      background-color: #324094;
      color: white;
      border: none;
      border-radius: 25px;
      font-size: 16px;
      cursor: pointer;
    }

    .contactUs-submit:hover {
      background-color: #1f2a70;
    }

    .contactus-map {
      position: relative;
      width: 100%;
      height: 720px;
    }

    .contactus-map-card {
      position: absolute;
      width: 1440px;
      height: 0;
      left: 50%;
      top: 50%;
      transform: translateX(-50%);
      z-index: 999;
      padding: 0px 40px;
    }

    .contactus-map-card .card {
      width: 460px;
      height: 420px;
      transform: translateY(-50%);
      box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
      background-color: #fff;
      overflow: hidden;
      border-radius: 20px;
    }

    .contactus-map-card .card>img {
      width: 100%;
      height: auto;
    }

    .contactus-map-card .card h3 {
      font-size: 25px;
      padding: 20px;
      color: #333;
    }

    .contactus-map-card .card p {
      display: flex;
      align-items: center;
      padding: 0px 20px;
      color: #333;
    }

    .contactus-map-card .card p img {
      margin-right: 20px;
    }

    .FAQ-BOX {
      flex-direction: column;
    }

    .FAQ {
      font-size: 55px;
      text-align: center;
      padding: 50px;
    }

    .FAQ-cont {

      list-style: none;
    }

    .FAQ-cont li {
      width: 100%;
      padding: 10px 0px;
      border-bottom: 1px solid #eee;
    }

    .FAQ-cont .active {
      padding: 20px !important;
      height: auto !important;
      display: flex;
    }

    /* .FAQ-cont li:hover .FAQ-Q img {
      transform: rotate(0deg);
    } */

    .FAQ-Q {
      display: flex;
      align-items: center;
      padding: 20px;
      cursor: pointer;
    }

    .FAQ-Q span,
    .FAQ-A span {
      width: 30px;
      height: 30px;
      border-bottom-left-radius: 8px;
      border-top-right-radius: 8px;
      display: inline-block;
      background-color: #324094;
      color: #fff;
      font-size: 22px;
      line-height: 30px;
      text-align: center;
      margin-right: 20px;
    }

    .FAQ-Q img {
      margin-left: auto;
      padding: 20px 0px;
      transition: all 0.5s;
      transform: rotate(180deg);
    }

    .FAQ-A {
      background-color: #f7f7f7;
      padding: 0px 20px;
      border-radius: 10px;
      color: #666;
      overflow: hidden;
      height: 0;
      transition: all 0.5s;
      display: none;
    }

    /* 以下是配件详情页 */

    .accessories-box {
      width: 100%;
      max-width: 1680px;
      min-width: 1025px;
      margin: 0 auto;
      display: flex;
      padding: 100px 40px 0px 40px;
    }

    .accessories-l {
      width: 50%;
      min-width: 725px;
      padding-bottom: 20px;
    }

    .main-imgbox {
      width: 100%;
      min-width: 725px;
      min-height: 615px;
      padding-left: 110px;
      position: relative;
    }

    .mini-Imgbox {
      width: 102px;
      height: 100%;
      position: absolute;
      display: flex;
      flex-direction: column;
      left: 0;
      top: 0;
    }

    .mini-Imgbox .mini-img {
      border: 1px solid #eee;
      margin-bottom: 10px;
      cursor: pointer;
      opacity: 0.9;
      transition: all 0.5s;
    }

    .mini-Imgbox .mini-active {
      border: 1px solid #999 !important;
      opacity: 1;
    }

    .mini-Imgbox .mini-img:hover {
      opacity: 1;
      border: 1px solid #999;
    }

    .mini-Imgbox .mini-img img {
      width: 100px;
      height: 100px;
      box-sizing: border-box;
    }

    .accessories-r {
      width: 50%;
      padding-left: 60px;
    }

    .main-imgbox .bigimg {
      width: 615px;
      height: 615px;
      overflow: hidden;
      border: 1px solid #eee;
      position: absolute;
      top: 0;
      right: 0;
      visibility: hidden;
      opacity: 0;
      transition: all 0.5s;
    }

    .main-imgbox .bigimg-active {
      visibility: visible;
      opacity: 1;
    }

    .main-imgbox .bigimg img {
      width: 100%;
      height: 100%;
    }

    .accessories-r h1 {
      padding: 30px 0px;
      border-bottom: 1px solid #ddd;
    }

    .accessories-r p {
      padding: 20px 0px;
      color: #666;
    }

    .Inquiry-btn {
      width: 160px;
      height: 50px;
      border-radius: 25px;
      background-color: #324094;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      margin-top: 30px;
      cursor: pointer;
      transition: all 0.5s;
    }

    .Inquiry-btn:hover {
      opacity: 0.8;
    }

    .Inquiry-btn img {
      margin-left: 30px;
    }

    .accessories-table {
      width: 100%;
      max-width: 1680px;
      min-width: 1025px;
      margin: 0 auto;
      padding: 40px;
      box-sizing: border-box;
      /* 确保宽度包含内边距（若后续添加） */
    }

    /* PC端：表格容器左右布局 */
    .accessories-table__container {
      display: flex;
      gap: 20px;
      /* 两个表格之间的间距，可调整 */
      width: 100%;
    }

    /* 单个表格样式 */
    .accessories-table__table {
      width: 50%;
      /* 每个表格占容器一半宽度 */
      border-collapse: collapse;
      margin: 0;
    }

    .accessories-table__table th,
    .accessories-table__table td {
      border: 1px solid #e0e0e0;
      padding: 12px 15px;
      text-align: left;
    }

    .accessories-table__table th {
      background-color: #f5f5f5;
      font-weight: bold;
    }

    .accessories-details-contBOX {
      width: 100%;
      max-width: 1680px;
      min-width: 1025px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      padding: 40px;
    }

    .accessories-details-contROW {
      width: 100%;
      display: flex;
      margin-bottom: 50px;
    }

    .accessories-details-contROW>div {
      width: 50%;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }

    .accessories-details-contROW .row-t {
      padding: 0px 50px;
      background-color: #f7f7f7;
      align-items: normal;
    }

    .accessories-details-contROW .row-t h1 {
      margin-bottom: 45px;
      color: #333;
    }

    .accessories-details-contROW .row-t p {
      color: #333;
      line-height: 25px;
    }

    .accessories-details-contROW>div>img {
      object-fit: cover;
      width: 100%;
      height: auto;
    }


    .inquiry-box {
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 9999;
      display: none;
      justify-content: center;
      align-items: center;
      top: 0;
      left: 0;
    }

    .accessories-inquiry {
      width: 1290px;
      height: 620px;
      overflow: hidden;
      background-color: #fff;
      display: flex;
    }

    .accessories-inquiry-r {
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      position: relative;
    }

    .accessories-inquiry-r img {
      height: 100%;
      object-fit: cover;
    }

    .accessories-inquiry-container {
      width: 555px;
      height: 590px;
      padding: 40px;
      box-sizing: border-box;
      font-family: Arial, sans-serif;
    }

    .accessories-inquiry-title {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 25px;
    }

    .accessories-inquiry-form .form-field {
      margin-bottom: 20px;
    }

    .accessories-inquiry-form input,
    .accessories-inquiry-form select,
    .accessories-inquiry-form textarea {
      width: 100%;
      padding: 14px 12px;
      border: 1px solid #e0e0e0;
      border-radius: 6px;
      font-size: 16px;
      box-sizing: border-box;
    }

    .accessories-inquiry-form select {
      appearance: none;
      background-image: url("../images/icon_jiantou4.png");
      background-repeat: no-repeat;
      background-position: right 15px center;
    }

    .accessories-inquiry-form textarea {
      min-height: 60px;
      resize: vertical;
    }

    .privacy-agree {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 20px 0;
      font-size: 14px;
    }

    .privacy-agree a {
      color: #2e3b9c;
      text-decoration: underline;
    }

    .submit-btn {
      width: 100%;
      padding: 16px;
      background-color: #2e3b9c;
      color: white;
      border: none;
      border-radius: 6px;
      font-size: 16px;
      cursor: pointer;
    }

    .privacy-agree input {
      width: 13px;
      height: 13px;
    }

    .inquiry-box-off {
      width: 19px;
      height: 19px !important;
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 99;
      cursor: pointer;
    }

    .Vehicle-model,
    .Price {
      width: 200px;
      margin-right: 20px;
    }
    .new-item>.pages{
        line-height: normal;
    }
    .new-item>.pages>.pager{
        display: flex;
        justify-items: center;
        align-items: center;
    }
    .news-anchor a {
        color: #333;
    }
    .LS{
      width: 460px !important;
      height: auto;
      padding: 20px;
      position: absolute !important;
      top: 60px;
      left: 0;
      margin-left: 40px;
    }
    .LS ul{
      list-style: none;
      background: #fff;
      padding: 0px;
      border-radius: 10px;
      max-height: calc(60vh - 185px);
      overflow:auto;
      padding-bottom: 20px;
    }
    .LS ul li{
      padding: 20px;
      border-bottom: 1px solid #ddd;
      transition: all 0.5s;
      cursor: pointer;
    }
    .LS ul li:hover{
      background: #dfdfdf;
    }
    .LS ul li h3,.LS ul li p{
      font-size: 14px;
    }
    .LS ul li p{
      color: #666;
      margin-top: 8px;
    }
    
    .LS ul::-webkit-scrollbar {
      width: 6px;
    }

    .LS ul::-webkit-scrollbar-track {
      background: #f1f1f1;
    }

    .LS ul::-webkit-scrollbar-thumb {
      background: #ccc;
      border-radius: 3px;
    }
    
    .Service-btn{
        cursor: pointer;
    }
    .contactService-btn{
        cursor: pointer;
        color: #324094;
    }
    
    .map-sel .select-btn{
        border-radius: 8px !important;
    }
    .map-sel .LS ul{
        border-radius: 5px !important;
    }
    .AboutBODY .select-dropdown{
        border-radius: 8px !important;
    }
    .new-item .pagination{
        display: flex;
    }
    .new-item .pagination li{
        width: 48px;
        height: 80px;
        display: flex;
        justify-items: center;
        align-items: center;
        padding-bottom: 0px
    }
    .new-item .pages a {
        font-size: 14px;
        margin: 20px;
        opacity: 0.5;
        cursor: pointer;
    }
    .new-item .pagination li:first-child a,
    .new-item .pagination li:first-child span,
    .new-item .pagination li:last-child a,
    .new-item .pagination li:last-child span{
        opacity: 0;
    }
    .new-item .pagination li:first-child ,
    .new-item .pagination li:first-child{
        background-image: url(../images/icon_jiantou3.png);
        background-position: center center;
        background-repeat: no-repeat;
        opacity: 0.5;
        transform: scale(0.8) rotate(180deg);
    }
    .new-item .pagination li:last-child ,
    .new-item .pagination li:last-child{
        background-image: url(../images/icon_jiantou3.png);
        background-position: center center;
        background-repeat: no-repeat;
        opacity: 0.5;
        transform: scale(0.8);
    }
    
    /*补充首页css*/
    .indexBox {
      position: relative;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      margin: 0 auto;
    }

    .indexBox .box {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative;
    }

    .indexBox .box .indicator>div {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.3);
      color: white;
      border: none;
      font-size: 24px;
      cursor: pointer;
      z-index: 30;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .indexBox .box .main::before {
      padding-top: 100%;
      content: "";
      background: #ccc;
      display: block;
    }

    .indexBox .box .main {
      width: 100%;
      height: 100%;
      position: relative;
    }

    .indexBox .box .main .item {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      visibility: hidden;
      opacity: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 0.5s;
    }

    .indexBox .box .main .item img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    .box .main .active-main {
      visibility: visible !important;
      opacity: 1 !important;
    }

    .indexBox .box .tab {
      position: absolute;
      display: flex;
      justify-content: center;
      z-index: 999;
      top: 140px;
      right: 300px;
      gap: 8px;
    }

    .indexBox .box .tab .tab-item {
      display: inline-block;
      cursor: pointer;
      transition: all 0.3s ease;
      margin: 0px 16px;
      color: rgba(0, 0, 0, 0.2);
      font-weight: 400;
    }

    .indexBox .box .tab .tab-active {
      color: #000;
    }

    .indexBox .box .prev {
      left: 40px;
    }

    .indexBox .box .next {
      right: 40px;
    }
    
    
    
    /* -------------------------------------------- 响应式控制 -------------------------------------------- */
    @media (max-width: 768px) {
         .prevSlide3, .nextSlide3 {
            /* 确保按钮在移动端可见且可点击 */
            z-index: 100; /* 提高层级，避免被其他元素遮挡 */
            pointer-events: auto; /* 强制允许点击（默认值，用于覆盖可能的禁用样式） */
            /* 可根据实际布局调整尺寸和位置 */
            width: 40px;
            height: 40px;
            /* 示例：固定在轮播容器两侧 */
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
          }
          .prevSlide3 {
            left: 10px;
          }
          .nextSlide3 {
            right: 10px;
          }
        .m-screen-section,
          .m-screen5-box,
          .m-screen5-content{
            height: auto !important;
            min-height: auto !important;
            overflow: hidden;
          }
        
        .indexBox .box .tab {
            position: absolute;
            display: flex;
            justify-content: center;
            z-index: 999;
            top: 110px;
            gap: 8px;
            width: 100%;
            left: 0;
        }
        .indexBox .box .tab .tab-item{
            font-size: 14px;
        }
      .select-outer {
        width: 100%;
        margin: 0px;
        overflow: hidden;
      }

      .service-box,
      .contactService-box {
        display: none;
        position: fixed;
        width: 95vw;
        height: 0vh;
        background-color: #fff;
        left: 50%;
        top: 5vh;
        transform: translateX(-50%);
      }

      /* 登录层样式开始 */
      .login-boxbg {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999999;
      }

      .login-OFF {
        display: none;
      }

      .login-main {
        width: 90%;
        height: auto;
        background-color: #fff;
      }

      .Login-container {
        width: 100%;
        height: auto;
        background: #ffffff;
        padding: 40px 50px;
        position: relative;
        box-sizing: border-box;
        font-family: Arial, sans-serif;
      }

      .Login-close-btn {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 24px;
        cursor: pointer;
        color: #666;
      }

      .Login-title {
        font-size: 36px;
        font-weight: bold;
        margin: 0 0 16px 0;
      }

      .Login-desc {
        font-size: 16px;
        color: #555;
        margin: 0 0 32px 0;
      }

      .Login-input-group {
        margin-bottom: 40px;
      }

      .Login-input-group input {
        width: 100%;
        padding: 16px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 16px;
        box-sizing: border-box;
        outline: none;
      }

      .Login-input-group input::placeholder {
        color: #999;
      }

      .Login-verification-group {
        display: flex;
        gap: 12px;
        position: relative;
        flex-direction: column;
      }

      .Login-verification-group input {
        flex: 1;
      }

      .Login-get-code-btn {
        padding: 0 24px;
        border: none;
        background: transparent;
        color: #324094;
        font-size: 16px;
        cursor: pointer;
        position: relative;
      }

      .Login-terms-agree {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        color: #555;
        margin-bottom: 32px;
      }

      .Login-terms-agree a {
        color: #324094;
        text-decoration: underline;
      }

      .Login-login-btn {
        width: 60%;
        padding: 16px;
        background: #324094;
        color: #ffffff;
        border: none;
        font-size: 18px;
        cursor: pointer;
        margin-left: 20%;
        border-radius: 10px;

      }

      /* 登录层样式结束 */


      /* 以下是汽车360度展示样式 */
      .rotate-container {
        width: 100%;
        background-size: 3600% auto;
        /* 移动端自适应高度 */
        margin: 0;
      }

      .img360 {
        width: 100%;
        background: rgba(0, 0, 0, 0);
        position: absolute;
        bottom: 50%;
        left: 0%;
        transform: translateX(-50%);
        transform: translateY(70%);
        z-index: 999999;
      }


      /* 汽车360度展示样式结束 */

      header {
        justify-content: normal;
      }

      .top-nav {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
      }

      .main-nav,
      .search-container {
        display: none !important;
      }

      .hamburger,
      .mobile-search-icon {
        display: flex !important;
      }

      .mobile-nav,
      .search-dropdown {
        display: block !important;
        background: rgba(0, 0, 0, 0.8);
      }

      .search-dropdown li {
        line-height: 50px;
        border-bottom: 1px solid #555;
      }

      .search-dropdown li a {
        text-decoration: none;
        color: #fff;
        padding: 15px 20px;
      }

      .search-dropdown li a img {
        margin-right: 10px;
      }

      .logo {
        font-size: 1.2rem;
      }

      .mobile-screen-section {
        flex-direction: column;
        /* 子元素从上到下排列 */
        padding-top: 80px;
      }



      .button-icon {
        display: none;
      }


      .screen2-box>a>img {
        height: 100%;
        width: 100%;
        display: block;
        margin: 0;
        padding: 0;
        opacity: 0.7 !important;
        object-fit: cover;
        /* 核心：保持图片比例，裁剪超出容器的部分（不拉伸） */
        object-position: center;
        /* 强制图片中心与容器中心对齐（默认值，可省略） */
      }

      .content-box {
        top: 50%;
        text-align: center;
      }

      .content-icon img {
        width: 52px;
        height: auto;
      }

      .content-box h3 {
        font-size: 25px !important;
      }

      .content-box span {
        font-size: 18px !important;
      }

      .carousel3-item .slide-but h1 {
        font-size: 1.5rem;
      }

      .carousel3-item .slide-but p {
        font-size: 16px;
      }

      .carousel3-item .slide-but button {
        width: 140px;
        margin-top: 20px;
        font-size: 13px;
      }

      .carousel-arrow {
        width: 40px;
        height: 40px;
        font-size: 18px;
      }

      .left-arrow {
        left: 10px;
      }

      .right-arrow {
        right: 10px;
      }

      /* 第三屏隐藏pc端横屏图片 */
      .pc-img {
        display: none !important;
      }

      /* 第三屏显示移动端竖屏图片 */
      .media-img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
      }

      /* .carousel-arrow {
        display: none !important;
      } */

      .indicators3 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        box-sizing: border-box;
        padding: 10px;
        right: auto;
        top: 120px !important;
      }

      .indicator3 {
        min-width: 10% !important;
        font-size: 16px;
      }

      .slide-but {
        text-align: center !important;
        min-width: auto !important;
        width: 100% !important;
      }

      .slide-but img {
        margin: 20px auto !important;
      }

      .slide-but ul {
        margin: 0;
        padding: 0 10;
      }

      .slide-but li {
        font-size: 12px !important;
        list-style: none !important;
        line-height: 16px !important;
      }

      .slide-but a {
        display: inline-block;
        width: 200px;
        height: 40px;
        border-radius: 20px;
        border: none;
        background-color: #fff;
        color: #000;
        margin-top: 10px;
        font-size: 15px;
        text-align: center;
        line-height: 40px;
        text-decoration: none;
        font-weight: 200;
        transition: all 0.3s ease;
        cursor: pointer;
      }

      .buttons3 {
        display: none;
      }

      .m-buttons3 {
        display: block;
      }

      .m-buttons3 button {
        font-size: 12px !important;
        margin-top: 10px !important;
      }

      .car-NO {
        width: 100% !important;
        bottom: 5% !important;
        min-width: 100% !important;
      }

      .car-NO ul li {
        width: 50% !important;
        margin-bottom: 20px !important;
      }

      .car-NO ul li:nth-child(even) {
        border-right: none !important;
      }

      .car-NO ul li h3 {
        font-size: 20px;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.8);
      }

      .car-NO ul li p {
        font-size: 12px !important;
        color: rgba(0, 0, 0, 0.5);
      }

      /* 第四屏内容 */
      .screen4-row {
        display: block;
        min-width: 100%;
        height: calc(100vh - 80px) !important;
        overflow: hidden;
        margin-top: 80px;
        background-color: #000;
      }

      .screen4-box {
        height: auto;
        margin: 0;
        width: 100%;
      }

      .screen4-box-mediabox {
        height: 66.667%;
      }

      .screen4-media50 {
        height: 50%;
      }

      .screen4-media {
        height: 33.333%;
      }

      .screen4-media50 img {
        opacity: 0.6;
      }

      .screen4-media img {
        opacity: 0.6;
      }

      .m-b20 {
        margin: 0;
      }

      .content4 {
        bottom: 50%;
        transform: translateY(50%);
        text-align: center;
        background: rgba(0, 0, 0, 0) !important;
      }

      .content4 p {
        height: 60px !important;
        border: 0;
        margin-top: 0;
        padding-top: 10px;
      }

      .screen4-hover:hover .content4 p {
        border-top: 0px solid rgba(255, 255, 255, 0.4);
        height: 60px !important;
        transition: all 0.5s;
      }

      .screen5-tit {
        height: 100px;
        min-height: auto;
      }

      .screen5-tit h3 {
        font-size: 20px;
        padding: 0;
        line-height: 40px;
      }

      .screen5-tit p {
        font-size: 13px;
        line-height: 20px;
      }

      .screen5-content li {
        width: 100%;
        height: auto;
        min-height: auto;
        position: relative;
        padding: 0;
      }

      .screen5-content {
        width: 100%;
        display: block;
        height: calc(100vh - 490px);
        margin: 0 auto;
        padding: 0px;
        max-width: 1680px;
      }

      .screen5-content li img {
        height: 23vh;
      }

      .screen5-content-detailed p {
        font-size: 12px;
      }

      .screen5-content-detailed {
        position: absolute;
        bottom: 0vh;
        width: calc(100%);
        padding: 0px 10px;
        background: rgba(0, 0, 0, 0.3);
        height: 55px;
      }

      .screen5-content-detailed p {
        color: #fff;
        padding-top: 5px;
      }

      .screen5-content-detailed span {
        color: #fff;
        opacity: 1;
      }
      

      .more-r img {
        display: inline;
        width: 27px !important;
        height: 12px !important;
        min-height: 12px !important;
        filter: brightness(0.5);
        margin-left: 10px;
        margin-right: 5px;
        filter: brightness(10);
        -webkit-filter: brightness(10);
      }

      .new-more-but {
        position: relative;
        border: 0px solid #ddd;
        border-radius: 0;
        width: 100%;
        font-size: 14px;
      }

      .screen5-box {
        position: relative;
      }

      /* 页脚 */

      footer {
        height: auto;
        overflow: hidden;
      }

      .footer-nav {
        display: none;
      }

      .footer-main {
        width: 100%;
        text-align: center;
        max-width: 100%;
        min-width: 100%;
        position: relative;
        border: 0;
        height: auto;
      }

      .footer-main li {
        float: none;
        margin: 0;
        padding: 0px 10px;
      }

      .footer-social {
        width: 100%;
        text-align: center;
        max-width: 100%;
        min-width: 100%;
        position: relative;
        text-align: center;
        height: auto;
        line-height: 50px;
      }

      .footer-social li {
        float: none;
        margin: 0;
        padding: 0px 10px;
      }

      .copy {
        font-size: 12px;
      }

      /* 悬浮按钮弹出层 */

      .contact-r {
        display: none;
      }

      .contact {
        max-width: 555px;
      }

      .contact-l {
        width: 100%;
        max-width: 555px;
        min-width: auto;
        padding: 40px;
      }

      /* 以下是首页预约试驾页面样式 */
      .reserve-cont {
        width: 90%;
        height: auto;
        max-height: 650px;
        border-radius: 15px;
        background: unset;
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
        background-color: hsla(0, 0%, 0%, 0.4);
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
      }

      .reserve h1 {
        line-height: 30px;
        font-size: 25px;
      }

      .reserve .checkbox-reserve {
        line-height: 20px;
      }

      .reserve select,
      .reserve input {
        padding: 10px;
      }

      /* 以下是产品页面样式 */
      .pro-main {
        min-width: 100%;
        margin: 0;
        padding: 10px;
      }

      .pro-main .sel select {
        margin: 0;
        border-radius: 0;
        padding: 0;
        padding-left: 10px;
        border-right: 1px solid #ccc;
        background-position: right 10px center;
        margin-bottom: 20px;
      }

      .pro-main .sel select:last-of-type {
        border: 0;
      }

      .pro-list {
        min-width: 100%;
        padding: 0px 10px;
      }

      .pro-main .sel {
        height: auto;
      }

      .produce-head-bg {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
      }

      .head-text {
        min-width: 100%;
      }

      .head-text h1 {
        width: 80%;
        margin: 0 auto;
      }

      .head-text p {
        width: 80%;
        margin: 0 auto;
      }

      .produce-head-bg>img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .pro-list ul li {
        width: 100%;
      }

      .pro-main .sel>div {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
      }

      /* 以下是产品详情页样式 */
      .det-headImg>.pc {
        display: none;
      }

      .det-headImg>.mobile {
        display: block;
      }

      .slides-anchor>.anchor {
        margin: 10px;
      }

      .pc-item {
        display: none;
      }

      .mobile-item {
        display: block;
      }

      .details-wrapper {
        display: none;
      }

      .m-details-wrapper {
        width: 100%;
        overflow: hidden;
        padding: 30px 0px;
        position: relative;

      }

      .m-details-wrapper h1,
      .m-details-wrapper p {
        text-align: center;
        margin: 0;
        width: 90%;
        padding: 0px;
      }

      .m-details-wrapper h1 {
        font-size: 25px;
      }

      .m-details-wrapper p {
        font-size: 12px;
      }

      .m-details-wrapper .main {
        margin-top: 20px;
        position: relative;
        height: 100vw;
      }

      .m-details-wrapper .main .main-item a {
        width: 100%;
        display: flex;
        overflow: hidden;
        line-height: 0;
        height: 100%;
        justify-content: center;
        align-items: center;
      }

      .m-details-wrapper .main .main-item {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        visibility: hidden;
        opacity: 0;
        transition: all 1s;
      }

      .m-details-wrapper .main .main-item p {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 20px 10px;
        color: #fff;
        text-align: center;
        padding-bottom: 40px;
        background: rgba(0, 0, 0, 0.5);
      }

      .m-details-wrapper .main .active {
        visibility: visible;
        opacity: 1;
      }

      .m-details-wrapper .main,
      .m-details-wrapper .main .main-item,
      .m-details-wrapper .main .main-item img {
        width: 100%;
      }

      .m-details-wrapper .main .main-item img {
        height: 100%;
        object-fit: cover;
      }

      .m-details-wrapper .indicator {
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: none;
      }

      .m-details-wrapper .indicator .indicator-item {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background: #fff;
        opacity: 0.3;
        margin: 0px 8px;
      }

      .m-details-wrapper .indicator .in-active {
        opacity: 1;
      }

      .details-wrapper2 .details-txt {
        position: absolute;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        left: 50%;
        transform: translateX(-50%);
        padding: 0px;
        color: #fff;
        bottom: 0px;
      }

      .details-wrapper2 .details-txt h1 {
        width: 100%;
        text-align: center;
      }

      .details-wrapper2 .details-txt p {
        width: 90%;
        margin: 0 auto;
        font-size: 12px;
        margin-bottom: 10px;
      }

      .slides-item-txt {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 0px 40px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 10px;
      }

      .slides-item-txt h1 {
        text-align: center;
        width: 100%;
        font-size: 18px;
      }

      .slides-item-txt p {
        width: 100%;
        font-size: 12px;
        text-align: center;
      }

      /* 以下是公司介绍的样式 */
      .det-headText2 {
        width: 80vw;
        position: absolute;
        left: 50%;
        top: 15vh;
        transform: translate(-50%, 0%);
        text-align: center;
        color: #fff;
        z-index: 2;
      }

      .det-headText2 h1 {
        width: 100%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
      }

      .det-headText2 p {
        width: 100%;
        font-size: 12px;
        text-align: center;
        margin-bottom: 20px;
      }

      .introduces {
        padding: 30px 40px;
        height: auto;
        min-height: 780px;
        display: block;
        min-width: 100%;
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
      }

      .introduce-img {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .introduce-img .imgs {
        width: 100%;
        height: auto;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin: 20px 0px;
        background: none;
      }

      .introduce-img .imgs img {
        width: 100%;
        height: auto;
      }

      .contact-us {
        padding: 0px 40px;
        display: flex;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        transform: translateX(-50%);
        height: 100%;
        position: absolute;
        top: 0%;
        left: 50%;
        overflow: hidden;
      }

      .block-flex img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .map-sel {
        position: absolute;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 999;
        padding: 0px 40px;
        top: 100px;
      }

      .introduce-txt {
        padding-right: 0px;
      }
      .introduce-txt *{
          width: 100%;
      }

      .contactUs-cont {
        position: absolute;
        right: 10px;
        top: -20px;
        bottom: 10px;
        overflow: hidden;
        color: #fff;
        display: flex;
        justify-content: center;
        flex-direction: column;
      }

      .contactUs-cont h1 {
        padding-top: 0px;
        font-size: 15px;
        padding-top: 0px;
        color: #02502b;
        line-height: 15px;
      }

      .m-block-box {
        height: 600px;
      }

      .video-box {
        padding: 0px 40px;
      }

      .video-box p {
        text-align: center;
      }

      .PC-map {
        display: none;
      }

      .contactUs-cont a {
        display: inline-block;
        width: 100px;
        height: 30px;
        background-color: #fff;
        color: #02502b;
        font-size: 12px;
        text-align: center;
        line-height: 30px;
        margin-top: 30px;
        border-radius: 20px;
        transition: all 0.5s;
        margin-left: 40px;
      }

      .det-headImg {
        width: 100%;
        height: 70vh;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .M-map {
        width: 100vw;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .M-mapCont {
        width: 100vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
      }

      .M-mapCont h4 {
        font-size: 20px;
        margin-bottom: 20px;
      }

      .M-mapCont a {
        display: block;
        color: #333;
        text-align: center;
        line-height: 40px;
        width: 80%;
        font-size: 12px;
        height: 40px;
        border: 1px solid #333;
        border-radius: 20px;
      }

      /* 以下是新闻页样式 */
      .m-new {
        width: 100% !important;
        overflow: hidden;
      }

      .new-head {
        width: 90%;
        min-width: 80%;
        max-width: 80%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
      }

      .m-newImgBox {
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
      }

      .m-newImgBox>img {
        object-fit: cover;
      }

      .new-head h1 {
        margin-bottom: 20px;
      }

      .new-tab {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin: 0 auto;
        overflow: hidden;
        padding-top: 100px;
        position: relative;
        padding-left: 10px;
      }

      .news-anchor {
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0;
        top: 0;
        line-height: 60px;
        display: flex;
        flex-wrap: wrap;
      }

      .btn-active {
        border-bottom: 0px solid #324094;
        color: #324094;
        background-color: #c1c8f3;
      }

      .new-anchor {
        display: block;
        float: left;
        margin-right: 0px;
        cursor: pointer;
        font-size: 12px;
        width: 50%;
        text-align: center;
        height: 50px;
        line-height: 50px;
      }

      .new-item {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease, visibility 0.4s ease;
        position: absolute;
        flex-direction: column;
      }

      .page-l {
        transform: rotate(180deg);
      }

      .item-active {
        opacity: 1;
        visibility: visible;
        position: relative;
      }

      .new-item ul {
        list-style: none;
        width: 100%;
      }

      .new-item ul li {
        display: flex;
        padding-bottom: 20px;
        border-bottom: 1px solid #eee;
        margin-top: 20px;
      }

      .new-item ul li:last-of-type {
        border-bottom: 0;
      }

      .newItem-l {
        width: 35vw;
        min-width: 35vw;
        height: 22vw;
        background-color: #ccc;
        border-radius: 12px;
      }

      .newItem-l img {
        width: 35vw;
        min-width: 35vw;
        height: 22vw;
      }

      .newItem-r {
        flex-grow: 1;
        padding-left: 10px;
      }

      .newItem-r h3 {
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        margin-top: 0px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 5px;
      }

      .newItem-r h3 a {
        color: #000;
      }

      .newItem-r p {
        color: #999;
        font-size: 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 10px;
      }

      .read-more {
        margin-top: 5px;
      }

      .read-more a {
        color: #ccc;
        margin-right: 20px;
        font-size: 12px;
      }

      .read-more span {
        color: #ccc;
        font-size: 12px;
      }

      .pages {
        line-height: 20px;
        margin-bottom: 20px;
      }

      .pages span {
        font-size: 14px;
        margin: 20px;
        opacity: 0.5;
        cursor: pointer;
      }

      .pages span img {
        width: 10px;
      }

      .black-imgBg {
        background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
      }

      /* 以下新闻详情页 */
      .news-det {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto;
        margin-top: 100px;
      }

      .bread-crumbs {
        width: 100%;
        margin: 20px 0px;
        display: none;
      }

      .bread-crumbs a {
        font-size: 14px;
        color: #aaa;
        transition: all 0.5s;
      }

      .bread-crumbs a:hover {
        color: #000;
      }

      .news-det h1 {
        color: #333;
        font-weight: 400;
        width: 90%;
        margin: 0 auto;
        font-size: 20px;
      }

      .new-OtherInfo {
        width: 90%;
        color: #aaa;
        font-size: 14px;
        margin: 10px auto;
      }

      .new-content {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
        text-align: justify;
        /* 核心属性：两端对齐 */
        padding-top: 30px;
        line-height: 25px;
        margin-bottom: 30px;
      }

      .new-content img {
        width: 100%;
        margin-left: 0%;
        margin-top: 50px;
        margin-bottom: 50px;
        display: block;
        max-width: 1440px;
      }

      .share-box {
        width: 90%;
        margin: 0 auto;
      }

      .share-box ul {
        list-style: none;
        display: flex;
        padding-bottom: 60px;
        border-bottom: 1px solid #ccc;
        padding-top: 20px;
        flex-wrap: wrap;
      }

      .share-box ul li {
        width: 40%;
        height: 44px;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-right: 16px;
        overflow: hidden;
        margin-bottom: 20px;
      }

      .share-box ul li a {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #222;
        background-color: #fff;
        transition: all 0.5s;
      }

      .share-box ul li a:hover {
        background-color: #eee;
      }

      .share-box ul li img {
        margin-right: 10px;
      }

      .Latest-News {
        width: 90%;
        margin: 40px auto;
      }

      .Latest-News h2 {
        font-weight: 400;
        font-size: 25px;
        margin-bottom: 20px;
      }

      .LatestNews-box {
        width: 100%;
      }

      .LatestNews-box ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 80px;
      }

      .LatestNews-box ul li {
        width: 100%;
        margin-bottom: 20px;
      }


      .LatestNews-box ul li a {
        display: inline-block;
        color: #000;
        position: relative;
        overflow: hidden;
      }

      .LatestNews-box ul li a img {
        display: block;
        transition: all 0.5s;
        border-radius: 8px;
        width: 100%;
        height: auto;
      }

      .LatestNews-box ul li:hover a img {
        transform: scale(0.9);
      }

      .LatestNews-box ul li a h3 {
        font-weight: 400;
        display: inline-block;
        width: 100%;
        font-size: 14px;
        padding: 0px;
        margin: 10px 0px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .LatestNews-box ul li a p {
        font-size: 12px;
        color: #ccc;
      }

      /* 以下是联系我们页面的样式 */
      .contactus-box {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
      }

      .touch {
        flex-grow: 1;
        margin: 20px 0px;
        padding: 20px 20px;
      }

      .touch h1 {
        color: #333;
        margin-bottom: 20px;
        font-size: 50px;
      }

      .touch p {
        width: 65%;
        margin-bottom: 60px;
        color: #333;
      }

      .touch ul {
        list-style: none;
      }

      .touch ul li {
        display: flex;
        align-items: center;
        color: #333;
        margin-bottom: 35px;
      }

      .touch ul li img {
        margin-right: 20px;
      }

      .touch ul li span {
        font-size: 12px;
        color: #ccc;
        margin-left: 20px;
      }

      .contactForm {
        width: 100%;
        margin: 20px 0px;
        padding: 20px 0px;
      }

      .contactForm label {
        color: #aaa;
        font-size: 14px;
      }

      .contactForm label a {
        color: #324094;
      }

      /* 表单容器 */
      .contactUs-form {
        width: 100%;
        padding: 0px 20px;
        font-family: Arial, sans-serif;
      }

      /* 表单组间距 */
      .contactUs-group {
        margin-bottom: 18px;
      }

      /* 输入框/下拉框/文本域样式 */
      .contactUs-group input,
      .contactUs-group select,
      .contactUs-group textarea {
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #e0e0e0;
        border-radius: 25px;
        /* 圆角 */
        font-size: 14px;
        box-sizing: border-box;
        /* 确保padding不超出宽度 */
      }

      .contactUs-group select {
        appearance: none;
        background-image: url(../images/icon_jiantou4.png);
        background-repeat: no-repeat;
        background-position: right 15px center;
      }

      /* 文本域高度 */
      .contactUs-group textarea {
        min-height: 80px;
        resize: vertical;
        /* 允许垂直拉伸 */
      }

      /* 同意条款组 */
      .contactUs-agree {
        margin: 15px 0;
      }

      .contactUs-agree input {
        width: auto;
        /* 复选框不占满宽度 */
        margin-right: 8px;
      }

      .contactUs-agree a {
        color: #0066cc;
        text-decoration: underline;
      }

      /* 提交按钮 */
      .contactUs-submit {
        width: 100%;
        height: 50px;
        padding: 12px;
        background-color: #324094;
        color: white;
        border: none;
        border-radius: 25px;
        font-size: 16px;
        cursor: pointer;
      }

      .contactUs-submit:hover {
        background-color: #1f2a70;
      }

      .contactus-map {
        position: relative;
        width: 100%;
        height: 720px;
        overflow: hidden;
      }

      .contactus-map-card {
        position: absolute;
        width: 100%;
        height: 0;
        left: 50%;
        top: 1%;
        transform: translateX(-25%);
        z-index: 999;
        padding: 0px 40px;
      }

      .contactus-map-card .card {
        width: 60%;
        height: 250px;
        transform: translateY(0%);
        box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
        background-color: #fff;
        overflow: hidden;
        border-radius: 20px;
      }

      .contactus-map-card .card>img {
        width: 100%;
        height: auto;
      }

      .contactus-map-card .card h3 {
        font-size: 18px;
        padding: 10px;
        color: #333;
      }

      .contactus-map-card .card p {
        display: flex;
        align-items: center;
        padding: 0px 10px;
        color: #333;
        font-size: 12px;
      }

      .contactus-map-card .card p img {
        margin-right: 20px;
      }

      .FAQ-BOX {
        flex-direction: column;
      }

      .FAQ {
        font-size: 55px;
        text-align: center;
        padding: 50px;
      }

      .FAQ-cont {

        list-style: none;
      }

      .FAQ-cont li {
        width: 100%;
        padding: 10px 0px;
        border-bottom: 1px solid #eee;
      }

      .FAQ-cont li:hover .FAQ-A {
        padding: 20px;
        height: auto;
      }

      .FAQ-cont li:hover .FAQ-Q img {
        transform: rotate(0deg);
      }

      .FAQ-Q {
        display: flex;
        align-items: center;
        padding: 20px;
        cursor: pointer;
        /* 确保有足够的内边距增大点击区域 */
        padding: 15px 20px;
        position: relative;
        /* 增加触摸目标大小 */
        min-height: 48px;
        /* 符合移动端交互标准 */
      }

      /* 点击时的视觉反馈 */
      .FAQ-Q:active {
        background-color: rgba(0, 0, 0, 0.05);
      }

      .FAQ-Q.active img {
        transform: rotate(180deg);
        transition: transform 0.3s ease;
      }

      /* 通过伪元素进一步扩大点击区域 */
      .FAQ-Q::after {
        content: '';
        position: absolute;
        top: -10px;
        left: -10px;
        right: -10px;
        bottom: -10px;
        z-index: 1;
        pointer-events: auto;
      }

      .FAQ-Q span,
      .FAQ-A span {
        width: 30px;
        height: 30px;
        border-bottom-left-radius: 8px;
        border-top-right-radius: 8px;
        display: inline-block;
        background-color: #324094;
        color: #fff;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        margin-right: 20px;
      }

      .FAQ-Q img {
        margin-left: auto;
        padding: 20px 0px;
        transition: all 0.5s;
        transform: rotate(180deg);
      }

      .FAQ-A {
        background-color: #f7f7f7;
        padding: 0px 20px;
        border-radius: 10px;
        color: #666;
        overflow: hidden;
        height: 0;
        transition: all 0.5s;
      }


      /* 以下是配件详情页 */

      .accessories-box {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        padding: 100px 0px 0px 0px;
      }

      .accessories-l {
        width: 100vw;
        height: 100vw !important;
        padding-bottom: 20px;
        min-width: 100%;
        height: auto;
        overflow: hidden;
      }

      .main-imgbox {
        width: 100%;
        min-width: 100%;
        min-height: 100%;
        height: 100%;
        padding-left: 0px;
        position: relative;
      }

      .mini-Imgbox {
        width: 100vw;
        height: 20px;
        position: absolute;
        display: flex;
        flex-direction: row;
        left: 0;
        top: auto;
        bottom: 0;
        z-index: 99;
        justify-content: center;
        align-items: center;
      }

      .mini-Imgbox .mini-img {
        border: 1px solid #000;
        margin-bottom: 10px;
        cursor: pointer;
        opacity: 0.9;
        transition: all 0.5s;
        width: 5px;
        height: 5px;
        border-radius: 3px;
        background-color: #fff;
        opacity: 0.2;
        margin: 5px;
      }

      .mini-Imgbox .mini-active {
        border: 1px solid #999 !important;
        opacity: 1;
      }

      .mini-Imgbox .mini-img:hover {
        opacity: 1;
        border: 1px solid #999;
      }

      .mini-Imgbox .mini-img img {
        width: 100px;
        display: none;
        height: 100px;
        box-sizing: border-box;
      }

      .accessories-r {
        width: 100%;
        padding: 10px;
      }

      .main-imgbox .bigimg {
        width: 100%;
        height: 100%;
        overflow: hidden;
        border: 0px solid #eee;
        position: absolute;
        top: 0;
        right: 0;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s;
      }

      .main-imgbox .bigimg-active {
        visibility: visible;
        opacity: 1;
      }

      .main-imgbox .bigimg img {
        width: 100%;
        height: 100%;
      }

      .accessories-r h1 {
        font-size: 20px;
        padding: 30px 0px;
        border-bottom: 1px solid #efefef;
      }

      .accessories-r p {
        padding: 20px 0px;
        color: #666;
        font-size: 14px;
      }

      .Inquiry-btn {
        width: 160px;
        height: 50px;
        border-radius: 25px;
        background-color: #324094;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        margin-top: 30px;
        cursor: pointer;
        transition: all 0.5s;
      }

      .Inquiry-btn:hover {
        opacity: 0.8;
      }

      .Inquiry-btn img {
        margin-left: 30px;
      }

      .accessories-table {
        min-width: auto;
        padding: 10px;
        /* 移动端取消最小宽度限制 */
      }

      .accessories-table__container {
        flex-direction: column;
        gap: 15px;
        /* 上下表格间距 */
      }

      .accessories-table__table {
        width: 100%;
        /* 移动端表格占满宽度 */
      }

      .accessories-details-contBOX {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 40px auto;
        display: flex;
        flex-direction: column;
        padding: 0px;
      }

      .inquiry-box {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        display: none;
        justify-content: center;
        align-items: center;
      }

      .accessories-inquiry {
        width: 80%;
        height: auto;
        overflow: hidden;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        border-radius: 10PX;
      }

      .accessories-inquiry-r {
        display: none;
      }

      .accessories-inquiry-container {
        width: 100%;
        height: auto;
        padding: 20px;
        box-sizing: border-box;
        font-family: Arial, sans-serif;
      }

      .accessories-inquiry-title {
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 25px;
        text-align: center;
      }

      .accessories-inquiry-form .form-field {
        margin-bottom: 20px;
      }

      .accessories-inquiry-form input,
      .accessories-inquiry-form select,
      .accessories-inquiry-form textarea {
        width: 100%;
        padding: 8px 8px;
        border: 1px solid #e0e0e0;
        border-radius: 6px;
        font-size: 16px;
        box-sizing: border-box;
      }

      .accessories-inquiry-form textarea {
        min-height: 60px;
        resize: vertical;
      }

      .privacy-agree {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 20px 0;
        font-size: 14px;
      }

      .privacy-agree label {
        font-size: 12px;
      }

      .privacy-agree a {
        color: #2e3b9c;
        text-decoration: underline;
      }

      .submit-btn {
        width: 100%;
        padding: 16px;
        background-color: #2e3b9c;
        color: white;
        border: none;
        border-radius: 6px;
        font-size: 16px;
        cursor: pointer;
      }

      .privacy-agree input {
        width: 13px;
        height: 13px;
      }

      .inquiry-box-off {
        width: 19px;
        height: 19px !important;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 99;
        cursor: pointer;
      }

      .Vehicle-model,
      .Price {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
      }

      .pro-main .sel {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 0px;
      }

      .accessories-details-contROW {
        flex-direction: column;
      }

      .accessories-details-contROW>div{
        width: 100%;
      }

      .accessories-details-contROW .row-t{
        padding: 40px;
      }

    }


    /* -------------------------------------------- 响应式控制 -------------------------------------------- */
    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        
        .indexBox .box .tab {
            width: 100%;
            position: absolute;
            display: flex;
            justify-content: center;
            z-index: 999;
            top: 120px;
            left: 50%;
            transform: translateX(-50%);
            gap: 8px;
        }

      /* 以下是汽车360度展示样式 */
      .img360 {
        width: 100%;
        background: rgba(0, 0, 0, 0);
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 999999;
      }

      /* 汽车360度展示样式结束 */
      .top-nav {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
      }

      .mobile-search-icon {
        display: none !important;
      }

      header {
        justify-content: normal;
      }

      .header-right {
        justify-content: normal;
        float: right;
        display: inline-block;
        text-align: right;
        line-height: 80px;
      }

      .button-icon {
        color: #fff;
        width: 38px;
        height: 38px;
        line-height: 42px;
        cursor: pointer;
        margin-left: 0PX;
        margin-right: 0px;
        display: inline-block;
      }

      .search-container {
        display: inline-block;
        line-height: 20px;
        margin-left: 20px;
      }

      .main-nav {
        display: none !important;
      }

      .hamburger {
        display: flex !important;
      }

      .mobile-nav,
      .search-dropdown {
        display: block !important;
      }

      .screen2-box>a {
        display: block;
        width: 100%;
        background-color: #fff;
      }

      .screen2-box>a>img {
        height: 100%;
        width: auto;
        display: block;
        margin: 0 auto;
        padding: 0;
        opacity: 1 !important;
      }

      .content-box {
        top: 50%;
        text-align: center;
      }

      .content-icon img {
        width: 52px;
        height: auto;
      }

      .content-box h3 {
        font-size: 30px !important;
      }

      .content-box span {
        font-size: 20px !important;
      }

      #carousel3 {
        width: 100%;
      }

      .carousel3-item .slide-but h1 {
        font-size: 1.8rem;
      }

      .carousel3-item .slide-but button {
        width: 160px;
        font-size: 14px;
      }

      .screen2-box:hover .content-box .content-more {
        border-top: 0px solid rgba(255, 255, 255, 0.5);
      }

      /* 第三屏隐藏pc端横屏图片 */
      .pc-img {
        display: none !important;
      }

      /* 第三屏显示移动端竖屏图片 */
      .media-img {
        width: 100% !important;
        display: block !important;
      }

      .indicators3 {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
      }

      .slide-but {
        width: 100% !important;
        min-width: auto !important;
        padding-top: 50px !important;
        text-align: center !important;
      }

      .slide-but ul {
        margin-top: 10px;
      }

      .slide-but li {
        list-style: none;
      }

      .slide-but img {
        margin: 0 auto !important;
      }

      .m-buttons3 {
        display: block;
      }

      .buttons3 {
        display: none;
      }

      .slide-but>.m-buttons3>a {
        margin-top: 20px;
      }

      .car-NO {
        width: 100% !important;
        bottom: 2% !important;
      }

      .car-NO li {
        width: 50% !important;
        margin-bottom: 20px !important;
      }

      /* 第四屏内容 */
      .screen4-row {
        display: block;
        min-width: 100%;
        height: calc(100vh - 80px) !important;
        overflow: hidden;
        margin-top: 80px;
        background-color: #000;
      }

      .screen4-box {
        height: auto;
        margin: 0;
        width: 100%;
      }

      .screen4-box-mediabox {
        height: 66.667%;
      }

      .screen4-media50 {
        height: 50%;
        width: 100%;
        margin: 0 auto !important;
      }

      .screen4-media {
        height: 33.333%;
        width: 100%;
        margin: 0 auto;
      }

      .screen4-media50 img {
        opacity: 0.8;
      }

      .screen4-media img {
        opacity: 0.8;
        max-width: 100%;
        /* 防止图片宽度超出容器 */
        max-height: 100%;
        /* 防止图片高度超出容器 */
        object-fit: cover;
        /* 可选：让图片填满容器且保持比例（裁剪多余部分） */
      }

      .m-b20 {
        margin: 0;
      }

      .content4 {
        bottom: 50%;
        transform: translateY(50%);
        text-align: center;
        background: rgba(0, 0, 0, 0) !important;
      }

      .content4 p {
        height: 60px !important;
        border: 0;
      }

      .screen4-hover:hover .content4 p {
        border-top: 0px solid rgba(255, 255, 255, 0.4);
        height: 60px !important;
        transition: all 0.5s;
      }

      .screen5-tit {
        height: 150px;
      }

      .screen5-tit h3 {
        font-size: 30px;
        padding: 0;
      }

      .screen5-content {
        overflow: hidden;
        height: auto !important;
      }

      .screen5-content ul {
        width: 100%;
        max-width: 640px;
        margin: 0 auto;
        overflow: hidden;
      }

      .screen5-content li {
        width: 49%;
        margin-left: 1%;
        position: relative;
        overflow: hidden;
        height: auto;
        padding: 0;
        line-height: 20px;
      }

      .screen5-content li>a {
        display: block;
        overflow: hidden;
        position: relative;
      }

      .screen5-content li:first-child {
        width: 100%;
        margin-bottom: 20px;
        overflow: hidden;
      }

      .screen5-content li:first-child img {
        height: 35vh;
      }

      .screen5-content-detailed {
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 10px 30px;
        width: 100%;
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
      }

      .screen5-content-detailed>p,
      .screen5-content-detailed>span {
        color: #fff;
      }

      .screen5-content-detailed>span>img {
        filter: grayscale(1) brightness(1000%);
      }

      .new-more-but {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
      }

      .screen5-box {
        position: relative;
      }

      .more-r {
        opacity: 1;
      }

      /* 页脚 */

      footer {
        height: auto;
        overflow: hidden;
      }

      .footer-main {
        width: 100%;
        text-align: center;
        max-width: 100%;
        min-width: 100%;
        position: relative;
      }

      .footer-main li {
        float: none;
        margin: 0;
        padding: 0px 10px;
      }

      .footer-social {
        width: 100%;
        text-align: center;
        max-width: 100%;
        min-width: 100%;
        position: relative;
        text-align: center;
      }

      .footer-social li {
        float: none;
        margin: 0;
        padding: 0px 10px;
      }

      /* 悬浮按钮弹出层 */
      .contact-r {
        display: none;
      }

      .contact {
        max-width: 555px;
      }

      /* 以下是首页预约试驾页面样式 */
      .reserve-cont {
        width: 70%;
        height: auto;
        max-height: 650px;
        border-radius: 15px;
        background: unset;
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
        background-color: hsla(0, 0%, 0%, 0.4);
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
      }

      .reserve h1 {
        line-height: 30px;
        font-size: 25px;
      }

      .reserve .checkbox-reserve {
        line-height: 20px;
      }

      .reserve select,
      .reserve input {
        padding: 15px;
      }

      /* 以下是产品页的样式 */
      .head-text {
        width: 90%;
        min-width: 90%;
      }

      .produce-head-bg {
        width: 100%;
        height: 540px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .produce-head-bg>img {
        height: 540px;
        max-width: 100vw;
        object-fit: cover;
      }

      .pro-main {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto;
        padding: 0px 40px;
        overflow: hidden;
        display: flex;
      }

      .pro-list {
        width: 100%;
        min-width: 100%;
      }

      .pro-list ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
      }

      .pro-list ul li {
        margin: 0;
        width: 48%;
        margin-bottom: 30px;
      }

      .details-wrapper {
        display: none;
      }

      .m-details-wrapper {
        width: 100%;
        overflow: hidden;
        padding-top: 30px;
        position: relative;
      }

      .m-details-wrapper h1,
      .m-details-wrapper p {
        text-align: center;
        margin: 0 auto;
        width: 90%;
        padding: 10px 0px 0px 0px;
      }

      .m-details-wrapper h1 {
        font-size: 25px;
      }

      .m-details-wrapper p {
        font-size: 12px;
      }

      .m-details-wrapper .main {
        margin-top: 20px;
        position: relative;
        height: 100vw;
      }

      .m-details-wrapper .main .main-item a {
        display: flex;
        overflow: hidden;
        line-height: 0;
        height: 100%;
        justify-content: center;
        align-items: center;
      }

      .m-details-wrapper .main .main-item {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        visibility: hidden;
        opacity: 0;
        transition: all 1s;
      }

      .m-details-wrapper .main .active {
        visibility: visible;
        opacity: 1;
      }

      .m-details-wrapper .main,
      .m-details-wrapper .main .main-item,
      .m-details-wrapper .main .main-item img {
        width: 100%;
      }

      .m-details-wrapper .main .main-item img {
        height: 100%;
        object-fit: cover;
      }

      .m-details-wrapper .indicator {
        width: 100%;
        position: absolute;
        bottom: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: none;
      }

      .m-details-wrapper .indicator .indicator-item {
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background: #fff;
        opacity: 0.3;
        margin: 0px 8px;
      }

      .m-details-wrapper .indicator .in-active {
        opacity: 1;
      }

      .m-details-wrapper .main .main-item p {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 20px 10px;
        color: #fff;
        text-align: center;
        padding-bottom: 60px;
        font-size: 20px;
        background: rgba(0, 0, 0, 0.5);
      }

      .details-wrapper2 .details-txt {
        position: absolute;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        left: 50%;
        transform: translateX(-50%);
        padding: 0px;
        color: #fff;
        bottom: 0px;
      }

      .details-wrapper2 .details-txt h1 {
        width: 100%;
        text-align: center;
      }

      .details-wrapper2 .details-txt p {
        width: 90%;
        margin: 0 auto;
        font-size: 12px;
        margin-bottom: 50px;
      }

      .slides-item-txt {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 0px 40px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 10px;
      }

      .slides-item-txt h1 {
        text-align: center;
        width: 100%;
      }

      .slides-item-txt p {
        width: 100%;
        text-align: center;
      }

      /* 以下是公司介绍的样式 */
      .det-headText2 {
        width: 80vw;
        position: absolute;
        left: 50%;
        top: 15vh;
        transform: translate(-50%, 0%);
        text-align: center;
        color: #fff;
        z-index: 2;
      }

      .det-headText2 h1 {
        width: 100%;
        font-size: 25px;
        text-align: center;
        margin-bottom: 10px;
      }

      .det-headText2 p {
        width: 100%;
        font-size: 14px;
        text-align: center;
        margin-bottom: 20px;
      }

      .introduces {
        padding: 30px 40px;
        height: auto;
        min-height: 780px;
        display: block;
        min-width: 100%;
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
      }

      .introduce-img {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .introduce-img .imgs {
        width: 100%;
        height: auto;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin: 20px 0px;
        background: none;
      }

      .introduce-img .imgs img {
        width: 100%;
        height: auto;
      }

      .contact-us {
        padding: 0px 40px;
        display: flex;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        transform: translateX(-50%);
        height: 100%;
        position: absolute;
        top: 0%;
        left: 50%;
        overflow: hidden;
      }

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

      .map-sel {
        position: absolute;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 999;
        padding: 0px 40px;
        top: 100px;
      }

      .introduce-txt {
        padding-right: 0px;
      }

      .contactUs-cont {
        position: absolute;
        right: 80px;
        top: 0;
        bottom: 10px;
        overflow: hidden;
        color: #fff;
        display: flex;
        justify-content: center;
        flex-direction: column;
      }

      .contactUs-cont h1 {
        padding-top: 0px;
        font-size: 15px;
        padding-top: 70px;
      }

      /* 以下是新闻页样式 */
      .m-new {
        width: 100% !important;
        overflow: hidden;
      }

      .new-head {
        width: 90%;
        min-width: 80%;
        max-width: 80%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
      }

      .m-newImgBox {
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
      }

      .m-newImgBox>img {
        object-fit: cover;
      }

      .new-head h1 {
        margin-bottom: 20px;
      }

      .new-tab {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin: 0 auto;
        overflow: hidden;
        padding-top: 100px;
        position: relative;
        padding-left: 10px;
      }

      .news-anchor {
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0;
        top: 0;
        line-height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .btn-active {
        border-bottom: 1px solid #324094;
        color: #324094;
      }

      .new-anchor {
        display: block;
        float: left;
        margin-right: 10px;
        margin-left: 10px;
        cursor: pointer;
        font-size: 18px;
        width: auto;
        text-align: center;
        height: 50px;
        line-height: 50px;
      }

      .new-item {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease, visibility 0.4s ease;
        position: absolute;
        flex-direction: column;
      }

      .page-l {
        transform: rotate(180deg);
      }

      .item-active {
        opacity: 1;
        visibility: visible;
        position: relative;
      }

      .new-item ul {
        list-style: none;
        width: 100%;
      }

      .new-item ul li {
        display: flex;
        padding-bottom: 20px;
        border-bottom: 1px solid #eee;
        margin-top: 20px;
      }

      .new-item ul li:last-of-type {
        border-bottom: 0;
      }

      .newItem-l {
        width: 35vw;
        min-width: 35vw;
        height: 22vw;
        background-color: #ccc;
        border-radius: 12px;
      }

      .newItem-l img {
        width: 35vw;
        min-width: 35vw;
        height: 22vw;
      }

      .newItem-r {
        flex-grow: 1;
        padding-left: 10px;
      }

      .newItem-r h3 {
        font-size: 25px;
        font-weight: 400;
        line-height: 25px;
        margin-top: 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 20px;
      }

      .newItem-r h3 a {
        color: #000;
      }

      .newItem-r p {
        color: #999;
        font-size: 15px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 10px;
        margin-bottom: 20px;
      }

      .read-more {
        margin-top: 5px;
      }

      .read-more a {
        color: #ccc;
        margin-right: 20px;
        font-size: 15px;
      }

      .read-more span {
        color: #ccc;
        font-size: 15px;
      }

      .pages {
        line-height: 20px;
        margin-bottom: 20px;
      }

      .pages span {
        font-size: 14px;
        margin: 20px;
        opacity: 0.5;
        cursor: pointer;
      }

      .pages span img {
        width: 10px;
      }

      .black-imgBg {
        background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
      }

      /* 以下新闻详情页 */
      .news-det {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto;
        margin-top: 100px;
      }

      .bread-crumbs {
        width: 100%;
        margin: 20px 0px;
        display: none;
      }

      .bread-crumbs a {
        font-size: 14px;
        color: #aaa;
        transition: all 0.5s;
      }

      .bread-crumbs a:hover {
        color: #000;
      }

      .news-det h1 {
        color: #333;
        font-weight: 400;
        width: 90%;
        margin: 0 auto;
        font-size: 20px;
      }

      .new-OtherInfo {
        width: 90%;
        color: #aaa;
        font-size: 14px;
        margin: 10px auto;
      }

      .new-content {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
        text-align: justify;
        /* 核心属性：两端对齐 */
        padding-top: 30px;
        line-height: 25px;
        margin-bottom: 30px;
      }

      .new-content img {
        width: 100%;
        margin-left: 0%;
        margin-top: 50px;
        margin-bottom: 50px;
        display: block;
        max-width: 1440px;
      }

      .share-box {
        width: 90%;
        margin: 0 auto;
      }

      .share-box ul {
        list-style: none;
        display: flex;
        padding-bottom: 60px;
        border-bottom: 1px solid #ccc;
        padding-top: 20px;
        flex-wrap: wrap;
      }

      .share-box ul li {
        width: 145px;
        height: 44px;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-right: 16px;
        overflow: hidden;
        margin-bottom: 20px;
      }

      .share-box ul li a {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #222;
        background-color: #fff;
        transition: all 0.5s;
      }

      .share-box ul li a:hover {
        background-color: #eee;
      }

      .share-box ul li img {
        margin-right: 10px;
      }

      .Latest-News {
        width: 90%;
        margin: 40px auto;
      }

      .Latest-News h2 {
        font-weight: 400;
        font-size: 25px;
        margin-bottom: 20px;
      }

      .LatestNews-box {
        width: 100%;
      }

      .LatestNews-box ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 80px;
      }

      .LatestNews-box ul li {
        width: 100%;
        margin-bottom: 20px;
      }


      .LatestNews-box ul li a {
        display: inline-block;
        color: #000;
        position: relative;
        overflow: hidden;
      }

      .LatestNews-box ul li a img {
        display: block;
        transition: all 0.5s;
        border-radius: 8px;
        width: 100%;
        height: auto;
      }

      .LatestNews-box ul li:hover a img {
        transform: scale(0.9);
      }

      .LatestNews-box ul li a h3 {
        font-weight: 400;
        display: inline-block;
        width: 100%;
        font-size: 14px;
        padding: 0px;
        margin: 10px 0px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .LatestNews-box ul li a p {
        font-size: 12px;
        color: #ccc;
      }

      /* 以下是联系我们页面的样式 */
      .contactus-box {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
      }

      .touch {
        flex-grow: 1;
        margin: 20px 0px;
        padding: 20px 40px;
      }

      .touch h1 {
        color: #333;
        margin-bottom: 20px;
        font-size: 50px;
      }

      .touch p {
        width: 65%;
        margin-bottom: 60px;
        color: #333;
      }

      .touch ul {
        list-style: none;
      }

      .touch ul li {
        display: flex;
        align-items: center;
        color: #333;
        margin-bottom: 35px;
      }

      .touch ul li img {
        margin-right: 20px;
      }

      .touch ul li span {
        font-size: 12px;
        color: #ccc;
        margin-left: 20px;
      }

      .contactForm {
        width: 100%;
        margin: 20px 0px;
        padding: 20px 0px;
      }

      .contactForm label {
        color: #aaa;
        font-size: 14px;
      }

      .contactForm label a {
        color: #324094;
      }

      /* 表单容器 */
      .contactUs-form {
        width: 100%;
        padding: 0px 40px;
        font-family: Arial, sans-serif;
      }

      /* 表单组间距 */
      .contactUs-group {
        margin-bottom: 18px;
      }

      /* 输入框/下拉框/文本域样式 */
      .contactUs-group input,
      .contactUs-group select,
      .contactUs-group textarea {
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #e0e0e0;
        border-radius: 25px;
        /* 圆角 */
        font-size: 14px;
        box-sizing: border-box;
        /* 确保padding不超出宽度 */
      }

      .contactUs-group select {
        appearance: none;
        background-image: url(../images/icon_jiantou4.png);
        background-repeat: no-repeat;
        background-position: right 15px center;
      }

      /* 文本域高度 */
      .contactUs-group textarea {
        min-height: 80px;
        resize: vertical;
        /* 允许垂直拉伸 */
      }

      /* 同意条款组 */
      .contactUs-agree {
        margin: 15px 0;
        text-align: center;
      }

      .contactUs-agree input {
        width: auto;
        /* 复选框不占满宽度 */
        margin-right: 8px;
      }

      .contactUs-agree a {
        color: #0066cc;
        text-decoration: underline;
      }

      /* 提交按钮 */
      .contactUs-submit {
        width: 320px;
        height: 50px;
        padding: 12px;
        background-color: #324094;
        color: white;
        border: none;
        border-radius: 25px;
        font-size: 16px;
        cursor: pointer;
        margin: 0 auto;
        display: block;
      }

      .contactUs-submit:hover {
        background-color: #1f2a70;
      }

      .contactus-map {
        position: relative;
        width: 100%;
        height: 720px;
        overflow: hidden;
      }

      .contactus-map-card {
        position: absolute;
        width: 100%;
        height: 0;
        left: 50%;
        top: 1%;
        transform: translateX(-25%);
        z-index: 999;
        padding: 0px 40px;
      }

      .contactus-map-card .card {
        width: 60%;
        height: 250px;
        transform: translateY(0%);
        box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
        background-color: #fff;
        overflow: hidden;
        border-radius: 20px;
      }

      .contactus-map-card .card>img {
        width: 100%;
        height: auto;
      }

      .contactus-map-card .card h3 {
        font-size: 18px;
        padding: 10px;
        color: #333;
      }

      .contactus-map-card .card p {
        display: flex;
        align-items: center;
        padding: 0px 10px;
        color: #333;
        font-size: 12px;
      }

      .contactus-map-card .card p img {
        margin-right: 20px;
      }

      .FAQ-BOX {
        flex-direction: column;
      }

      .FAQ {
        font-size: 55px;
        text-align: center;
        padding: 50px;
      }

      .FAQ-cont {

        list-style: none;
      }

      .FAQ-cont li {
        width: 100%;
        padding: 10px 0px;
        border-bottom: 1px solid #eee;
      }

      .FAQ-cont li:hover .FAQ-A {
        padding: 20px;
        height: auto;
      }

      .FAQ-cont li:hover .FAQ-Q img {
        transform: rotate(0deg);
      }

      .FAQ-Q {
        display: flex;
        align-items: center;
        padding: 20px;
        cursor: pointer;
      }

      .FAQ-Q span,
      .FAQ-A span {
        width: 30px;
        height: 30px;
        border-bottom-left-radius: 8px;
        border-top-right-radius: 8px;
        display: inline-block;
        background-color: #324094;
        color: #fff;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        margin-right: 20px;
      }

      .FAQ-Q img {
        margin-left: auto;
        padding: 20px 0px;
        transition: all 0.5s;
        transform: rotate(180deg);
      }

      .FAQ-A {
        background-color: #f7f7f7;
        padding: 0px 20px;
        border-radius: 10px;
        color: #666;
        overflow: hidden;
        height: 0;
        transition: all 0.5s;
      }

      /* 以下是配件详情页 */

      .accessories-box {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        padding: 100px 0px 0px 0px;
      }

      .accessories-l {
        width: 100vw;
        height: 100vw !important;
        padding-bottom: 20px;
        height: auto;
        overflow: hidden;
      }

      .main-imgbox {
        width: 100%;
        min-width: 100%;
        min-height: 100%;
        height: 100%;
        padding-left: 0px;
        position: relative;
      }

      .mini-Imgbox {
        width: 100vw;
        height: 20px;
        position: absolute;
        display: flex;
        flex-direction: row;
        left: 0;
        top: auto;
        bottom: 0;
        z-index: 99;
        justify-content: center;
        align-items: center;
      }

      .mini-Imgbox .mini-img {
        border: 1px solid #000;
        margin-bottom: 10px;
        cursor: pointer;
        opacity: 0.9;
        transition: all 0.5s;
        width: 5px;
        height: 5px;
        border-radius: 3px;
        background-color: #fff;
        opacity: 0.2;
        margin: 5px;
      }

      .mini-Imgbox .mini-active {
        border: 1px solid #999 !important;
        opacity: 1;
      }

      .mini-Imgbox .mini-img:hover {
        opacity: 1;
        border: 1px solid #999;
      }

      .mini-Imgbox .mini-img img {
        width: 100px;
        display: none;
        height: 100px;
        box-sizing: border-box;
      }

      .accessories-r {
        width: 100%;
        padding: 10px;
      }

      .main-imgbox .bigimg {
        width: 100%;
        height: 100%;
        overflow: hidden;
        border: 0px solid #eee;
        position: absolute;
        top: 0;
        right: 0;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s;
      }

      .main-imgbox .bigimg-active {
        visibility: visible;
        opacity: 1;
      }

      .main-imgbox .bigimg img {
        width: 100%;
        height: 100%;
      }

      .accessories-r h1 {
        font-size: 20px;
        padding: 30px 0px;
        border-bottom: 1px solid #efefef;
      }

      .accessories-r p {
        padding: 20px 0px;
        color: #666;
        font-size: 14px;
      }

      .Inquiry-btn {
        width: 160px;
        height: 50px;
        border-radius: 25px;
        background-color: #324094;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        margin-top: 30px;
        cursor: pointer;
        transition: all 0.5s;
      }

      .Inquiry-btn:hover {
        opacity: 0.8;
      }

      .Inquiry-btn img {
        margin-left: 30px;
      }

      .accessories-table {
        min-width: auto;
        padding: 10px;
        /* 移动端取消最小宽度限制 */
      }

      .accessories-table__container {
        flex-direction: column;
        gap: 15px;
        /* 上下表格间距 */
      }

      .accessories-table__table {
        width: 100%;
        /* 移动端表格占满宽度 */
      }

      .accessories-details-contBOX {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        padding: 10px;
        margin-top: 40px;
      }

      .inquiry-box {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        display: none;
        justify-content: center;
        align-items: center;
      }

      .accessories-inquiry {
        width: 80%;
        height: auto;
        overflow: hidden;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        border-radius: 10PX;
      }

      .accessories-inquiry-r {
        display: none;
      }

      .accessories-inquiry-container {
        width: 100%;
        height: auto;
        padding: 40px;
        box-sizing: border-box;
        font-family: Arial, sans-serif;
      }

      .accessories-inquiry-title {
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 25px;
        text-align: center;
      }

      .accessories-inquiry-form .form-field {
        margin-bottom: 20px;
      }

      .accessories-inquiry-form input,
      .accessories-inquiry-form select,
      .accessories-inquiry-form textarea {
        width: 100%;
        padding: 14px 10px;
        border: 1px solid #e0e0e0;
        border-radius: 6px;
        font-size: 14px;
        box-sizing: border-box;
      }

      .accessories-inquiry-form textarea {
        min-height: 60px;
        resize: vertical;
      }

      .privacy-agree {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 20px 0;
        font-size: 14px;
      }

      .privacy-agree label {
        font-size: 12px;
      }

      .privacy-agree a {
        color: #2e3b9c;
        text-decoration: underline;
      }

      .submit-btn {
        width: 100%;
        padding: 16px;
        background-color: #2e3b9c;
        color: white;
        border: none;
        border-radius: 6px;
        font-size: 16px;
        cursor: pointer;
      }

      .privacy-agree input {
        width: 13px;
        height: 13px;
      }

      .accessories-details-contROW {
        flex-direction: column;
      }

      .accessories-details-contROW>div{
        width: 100%;
      }

      .accessories-details-contROW .row-t{
        padding: 40px;
      }

    }

    /* -------------------------------------------- 响应式控制 -------------------------------------------- */
    @media (min-width: 1025px) {

      .hamburger,
      .mobile-nav,
      .mobile-search-icon,
      .search-dropdown,
      .ipad-carousel-dots,
      .media-img,
      .m-details-wrapper {
        display: none !important;
      }
    }