@media screen and (max-width: 568px) {
    * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 适用于安卓/Chrome */
        -webkit-tap-highlight-color: transparent;      /* 适用于 iOS/Safari */
    }

    /* 通用解决方案 */
html, body {
    overflow-x: hidden; /* 隐藏横向滚动条 */
    width: 100vw;      /* 限制视口宽度 */
}
    
    .index-header-logo img{
        width: 100px;
    }
    .index-box-left {
        width: 100%;
        padding: 0px 10px;
    }
    .index-box-right {
        width: 100%;
    }

    
    .index-first{
        font-size: 28px;
    }

    .index-section-lunbo-title div{
        margin-bottom: 10px;
    }


    #application-area {
        /* 精确控制箭头位置 */
        background-position: calc(100% - 8px) 50%; /* 右对齐且垂直居中 */
        padding-right: 36px; /* 留出箭头空间 */
      }
      
    .index-con-left {
        width: 100%;
    }

    .index-icon {
        width: 100%;
    }

    .index-conter {
        width: 100%;
    }

    .index-li {
        width: 100%;
        padding: 10px;
    }

    .index-wen {
        font-size: 50px;
        margin-top: 20px;
    }

    .index-li-map img {
        width: 200px;
        height: 200px;

    }

    .index-li-map {
        top: 170px;
        left: 180px;
    }

    .index-jk {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .index-footer {
        width: 100%;
        padding: 10px;
        align-items: center;
        height: 100px;
    }

    .footer-bottom {
        width: 100%;
    }

    .index-header-content {
        width: 100%;
        padding: 0px 10px;
    }

    .index-section-lunbo>img {
        width: 100%;
        height: 400px;
    }

    .index-section-lunbo-title {
        position: absolute;
        top: 100px;
        left: 30px;
        font-size: 14px;
    }

    .index-jia {
        width: 100%;
    }

    .lunbo-dots {
        position: absolute;
        top: 300px;
    }

    .index-xia {
        position: absolute;
        top: 330px;
        left: 50%;
    }

    .index-xia img{
        width: 30px;
    }

    .index-box-right>img {
        width: 180px;
        margin-top: 10px;
    }

    .bj-t {
        font-size: 36px;
        position: absolute;
        top: 40px;
        left: 20px;
    }

    .bj-t img {
        display: none;
    }

    .index-hed>.one {
        font-size: 26px;
    }

    .index-hed>.three {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .index-hed>.three>div {
        width: 50%;
    }

    .index-bj {
        width: 100%;
        position: absolute;
        top: 100px;
        left: 10px;
    }

    .container2 {
        display: flex;
        margin: 0px 5px;
        padding-top: 20px;
    }

    .section {
        min-width: auto;
        margin: 20px 0px;
        width: 180px;
    }

    .section-hover-content p {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 控制显示行数 */
        -webkit-box-orient: vertical;
        /* 必须添加 */
        line-height: 1.5em;
        /* 建议设置行高 */
        max-height: 3em;

    }

    .index-back {
        width: 100px;
    }

    .index-icon-left {
        padding: 20px 10px 0px 10px;
    }

    .index-icon-bottom>div:first-child>img {
        width: 160px;
        height: 180px;
    }

    .index-icon-bottom {
        width: 400px;

    }

    .idnex-icon-right {
        width: 180px;
        height: 180px;
        padding: 10px;
    }

    .index-icon-right-bottom-btn {
        padding-top: 10px;
    }

    .index-tan>div:last-child>img {
        width: 60px;
    }

    .index-icon-right-top {
        height: 20px;
    }

    .index-icon-right-bottom {
        font-size: 16px;
        margin: 10px 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 控制显示行数 */
        -webkit-box-orient: vertical;
        /* 必须添加 */
        line-height: 1.5em;
        /* 建议设置行高 */
        max-height: 3em;
    }

    .yi {
        padding-left: 10px;
    }

    .mySwiper2 {
        overflow: hidden;
        padding-bottom: 20px;
    }

    .mySwiper2 .swiper-slide {
        width: 350px !important;
        margin-right: 10px;
        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .swiper-pagination {
        bottom: -5px !important;
    }

    .index-part {
        height: 180px;
        padding: 10px;
        width: 340px;
    }

    .index-jian {
        font-size: 16px;
    }

    .index-pop {
        margin-bottom: 0px;
        font-size: 26px;
    }

    .index-tan>div:first-child {
        font-size: 50px;
        margin-left: 50px;
    }

    .index-icon1::before {
        bottom: 100px;
    }

    .index-icon1 {
        padding-bottom: 20px;
    }

    .container1 {
        width: 100%;
        display: flex;
        justify-content: left;
        padding: 10px;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .right-section {
        padding-right: 20px;
        width: 65%;
    }

    .index-t>div:last-child {
        width: 45%;
        border-top: 1px solid #ccc;
    }

    .index-t>div:first-child {
        border: none;
    }

    .index-t {
        margin-top: 40px;
    }

    .index-jk-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        margin-right: 0px;
    }

    .index-footer-nav nav {
        display: none;
    }

    .footer-bottom {
        display: none;
    }

    .hamburger {
        display: flex;
        flex-direction: column;
        gap: 6px;
        padding: 8px;
        cursor: pointer;
        z-index: 100;
    }

    .index-nav a {
        color: black;
        margin: 5px;
    }

    .bar {
        width: 30px;
        height: 3px;
        transition: transform 0.3s ease;
        position: relative;
    }

    .index-btn{
        padding-left: 10px;
    }
    

    .index-nav {
        position: fixed;
        top: 60px;
        /* 根据header高度调整 */
        left: -100%;
        width: 100%;
        background: white;
        flex-direction: column;
        padding: 20px 0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: left 0.3s ease;
    }

    .index-nav.active {
        left: 0;
    }

    /* 汉堡菜单动画 */
    .hamburger.active .bar:nth-child(1) {
        /* transform: translateY(8px) rotate(45deg); */
        color: tomato;
    }

    .hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(3) {
        /* transform: translateY(-8px) rotate(-45deg); */
    }

    .bar:nth-child(1)::before {
        content: '☰';
        position: absolute;
        color: white;
        /* top: 50%; */
        left: 50%;
        transform: translate(-50%, -22%); /* 精确居中 */
        font-size: 23px;
      }

      .bar.scrolled::before {
    color: black; /* 滚动后改变的颜色 */
}
      

    .bar:nth-child(1) {
        transform: translateY(-8px);
    }

    .bar:nth-child(3) {
        transform: translateY(8px);
    }

    .index-header-nav-right{
        margin-left: 10px;
    }

    /* 修正导航右侧容器 */
.index-header-nav-right {
  display: flex;
  align-items: center; /* 垂直居中 */
  height: 100%; /* 继承父级高度 */
}

/* 图片容器统一样式 */
.index-header-nav-right > div {
  display: flex;
  align-items: center;
  height: 40px; /* 与导航栏同高 */
}

/* 图片尺寸统一 */
.index-header-nav-right img {
  width: 24px;
  height: 24px;
  object-fit: contain; /* 保持比例 */
}

/* 分隔线样式 */
.index-header-nav-right i {
  height: 24px; /* 与图标同高 */
  margin: 0 12px;
  border-left: 1px solid #ccc;
  align-self: center; /* 垂直居中 */
}

}

/* 中等屏幕样式 */

@media screen and (max-width: 768px) and (min-width: 569px) {
    .index-box-left {
        width: 100%;
        padding: 0px 10px;
    }
    .contact-form{
        margin: 40px auto;
    }

     * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 适用于安卓/Chrome */
        -webkit-tap-highlight-color: transparent;      /* 适用于 iOS/Safari */
    }
    .index-box-right {
        width: 100%;
    }

    .index-con-left {
        width: 100%;
    }

    .index-first{
        font-size: 28px;
    }

    .index-icon {
        width: 100%;
    }

    .index-conter {
        width: 100%;
    }

    .index-li {
        width: 100%;
        padding: 10px;
    }

    .index-wen {
        font-size: 50px;
        margin-top: 20px;
    }

    .index-li-map img {
        width: 200px;
        height: 200px;

    }

    .index-li-map {
        top: 170px;
        left: 280px;
    }

    .index-jk {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .index-footer {
        width: 100%;
        padding: 10px;
        align-items: center;
    }

    .footer-bottom {
        width: 100%;
    }

    .index-header-content {
        width: 100%;
        padding: 0px 10px;
    }

    .index-section-lunbo>img {
        width: 100%;
        height: 400px;
    }

    .index-section-lunbo-title {
        position: absolute;
        top: 80px;
        left: 30px;
        font-size: 14px;
    }

    .index-jia {
        width: 100%;
    }

    .lunbo-dots {
        position: absolute;
        top: 300px;
    }

    .index-xia {
        position: absolute;
        top: 330px;
        left: 50%;
    }

    .index-box-right>img {
        width: 180px;
        margin-top: 10px;
    }

    .bj-t {
        font-size: 66px;
        position: absolute;
        top: 40px;
        left: 40px;
    }

    .bj-t img {
        display: none;
    }

    .index-hed>.one {
        font-size: 26px;
    }

    .index-hed>.three {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .index-hed>.three>div {
        width: 50%;
    }

    .index-bj {
        width: 100%;
        position: absolute;
        top: 100px;
        left: 10px;
    }

    .container2 {
        display: flex;
        margin: 0px 5px;
        padding-top: 20px;
    }

    .section {
        min-width: auto;
        margin: 20px 0px;
        width: 180px;
    }

    .section-hover-content p {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 控制显示行数 */
        -webkit-box-orient: vertical;
        /* 必须添加 */
        line-height: 1.5em;
        /* 建议设置行高 */
        max-height: 3em;

    }

    .index-back {
        width: 100px;
    }

    .index-icon-left {
        padding: 20px 10px 0px 10px;
    }

    .index-icon-bottom>div:first-child>img {
        width: 160px;
        height: 180px;
    }

    .index-icon-bottom {
        width: 400px;

    }

    .idnex-icon-right {
        width: 180px;
        height: 180px;
        padding: 10px;
    }

    .index-icon-right-bottom-btn {
        padding-top: 10px;
    }

    .index-tan>div:last-child>img {
        width: 60px;
    }

    .index-icon-right-top {
        height: 20px;
    }

    .index-icon-right-bottom {
        font-size: 16px;
        margin: 10px 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 控制显示行数 */
        -webkit-box-orient: vertical;
        /* 必须添加 */
        line-height: 1.5em;
        /* 建议设置行高 */
        max-height: 3em;
    }

    .yi {
        padding-left: 10px;
    }

    .mySwiper2 {
        overflow: hidden;
        padding-bottom: 20px;
    }

    .mySwiper2 .swiper-slide {
        width: 350px !important;
        margin-right: 10px;
        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .swiper-pagination {
        bottom: -5px !important;
    }

    .index-part {
        height: 180px;
        padding: 10px;
        width: 340px;
    }

    .index-jian {
        font-size: 16px;
    }

    .index-pop {
        margin-bottom: 0px;
        font-size: 26px;
    }

    .index-tan>div:first-child {
        font-size: 50px;
        margin-left: 50px;
    }

    .index-icon1::before {
        bottom: 100px;
    }

    .index-icon1 {
        padding-bottom: 20px;
    }

    .container1 {
        width: 100%;
        display: flex;
        justify-content: left;
        padding: 10px;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .right-section {
        padding-right: 20px;
        width: 65%;
    }

    .index-t>div:last-child {
        width: 45%;
        border-top: 1px solid #ccc;
    }

    .index-t>div:first-child {
        border: none;
    }

    .index-t {
        margin-top: 40px;
    }

    .index-jk-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        margin-right: 0px;
    }

    .index-footer-nav nav {
        display: none;
    }

    .footer-bottom {
        display: none;
    }

    .hamburger {
        display: flex;
        flex-direction: column;
        gap: 6px;
        padding: 8px;
        cursor: pointer;
        z-index: 100;
    }

    .index-nav a {
        color: black;
        margin: 5px;
    }

    .bar {
        width: 30px;
        height: 3px;
        transition: transform 0.3s ease;
        position: relative;
    }

    .index-nav {
        position: fixed;
        top: 60px;
        /* 根据header高度调整 */
        left: -100%;
        width: 100%;
        background: white;
        flex-direction: column;
        padding: 20px 0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: left 0.3s ease;
    }

    .index-nav.active {
        left: 0;
    }

    /* 汉堡菜单动画 */
    .hamburger.active .bar:nth-child(1) {
        /* transform: translateY(8px) rotate(45deg); */
        color: tomato;
    }

    .hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(3) {
        /* transform: translateY(-8px) rotate(-45deg); */
    }

    .bar:nth-child(1)::before {
        content: '☰';
        position: absolute;
        color: white;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -22%); /* 精确居中 */
        font-size: 23px;
      }

      .bar.scrolled::before {
    color: black; /* 滚动后改变的颜色 */
}
      

    .bar:nth-child(1) {
        transform: translateY(-8px);
    }

    .bar:nth-child(3) {
        transform: translateY(8px);
    }

    .index-header-nav-right{
        margin-left: 10px;
    }

    /* 修正导航右侧容器 */
.index-header-nav-right {
  display: flex;
  align-items: center; /* 垂直居中 */
  height: 100%; /* 继承父级高度 */
}

/* 图片容器统一样式 */
.index-header-nav-right > div {
  display: flex;
  align-items: center;
  height: 40px; /* 与导航栏同高 */
}

/* 图片尺寸统一 */
.index-header-nav-right img {
  width: 24px;
  height: 24px;
  object-fit: contain; /* 保持比例 */
}

/* 分隔线样式 */
.index-header-nav-right i {
  height: 24px; /* 与图标同高 */
  margin: 0 12px;
  border-left: 1px solid #ccc;
  align-self: center; /* 垂直居中 */
}

}


@media screen and (max-width: 1024px) and (min-width: 769px) {
    .contact-form{
        margin: 40px auto;
    }
    .index-box-left {
        width: 100%;
        padding: 0px 10px;
    }
     * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 适用于安卓/Chrome */
        -webkit-tap-highlight-color: transparent;      /* 适用于 iOS/Safari */
    }

    .index-box-right {
        width: 100%;
    }

    .index-con-left {
        width: 100%;
    }

    .index-icon {
        width: 100%;
    }

    .index-conter {
        width: 100%;
    }

    .index-li {
        width: 100%;
        padding: 10px;
    }

    .index-wen {
        font-size: 120px;
    }

    .index-li-map img {
        width: 300px;
        height: 300px;

    }

    .index-li-map {
        top: 150px;
        left: 490px;
    }

    .index-jk {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .index-footer {
        width: 100%;
        padding: 10px;
        align-items: center;
    }

    .footer-bottom {
        width: 100%;
    }

    .index-header-content {
        width: 100%;
        padding: 0px 10px;
    }

    .index-section-lunbo>img {
        width: 100%;
        height: 500px;
    }

    .index-section-lunbo-title {
        position: absolute;
        top: 160px;
        left: 60px;
        font-size: 14px;
    }

    .index-jia {
        width: 100%;
    }

    .lunbo-dots {
        position: absolute;
        top: 360px;
    }

    .index-xia {
        position: absolute;
        top: 390px;
        left: 50%;
    }

    .index-box-right>img {
        width: 180px;
        margin-top: 10px;
    }

    .bj-t {
        font-size: 66px;
        position: absolute;
        top: 40px;
        left: 110px;
    }

    .bj-t img {
        display: none;
    }

    .index-hed>.one {
        font-size: 36px;
    }

    .index-hed>.three {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .index-hed>.three>div {
        width: 50%;
    }

    .left-section{
        margin: 30px;
    }

    .index-bj {
        width: 100%;
        position: absolute;
        top: 100px;
        left: 10px;
    }

    .container2 {
        display: flex;
        margin: 0px 5px;
        padding-top: 20px;
    }

    .section {
        min-width: auto;
        margin: 20px 0px;
        width: 180px;
    }

    .section-hover-content p {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 控制显示行数 */
        -webkit-box-orient: vertical;
        /* 必须添加 */
        line-height: 1.5em;
        /* 建议设置行高 */
        max-height: 3em;

    }

    .index-back {
        width: 100px;
    }

    .index-icon-left {
        padding: 20px 10px 0px 10px;
    }

    .index-icon-bottom>div:first-child>img {
        width: 160px;
        height: 180px;
    }

    .index-icon-bottom {
        width: 340px;

    }

    .idnex-icon-right {
        width: 180px;
        height: 180px;
        padding: 10px;
    }

    .index-icon-right-bottom-btn {
        padding-top: 10px;
    }

    .index-tan>div:last-child>img {
        width: 60px;
    }

    .index-icon-right-top {
        height: 20px;
    }

    .index-icon-right-bottom {
        font-size: 16px;
        margin: 10px 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 控制显示行数 */
        -webkit-box-orient: vertical;
        /* 必须添加 */
        line-height: 1.5em;
        /* 建议设置行高 */
        max-height: 3em;
    }

    .yi {
        padding-left: 10px;
    }

    .mySwiper2 {
        overflow: hidden;
        padding-bottom: 20px;
    }

    .mySwiper2 .swiper-slide {
        width: 330px !important;
        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .swiper-pagination {
        bottom: -5px !important;
    }

    .index-part {
        height: 180px;
        padding: 10px;
        width: 340px;
    }

    .index-jian {
        font-size: 16px;
    }

    .index-pop {
        margin-bottom: 0px;
        font-size: 26px;
    }

    .index-tan>div:first-child {
        font-size: 50px;
        margin-left: 50px;
    }

    .index-icon1::before {
        bottom: 10px;
    }

    .index-icon1 {
        padding-bottom: 20px;
    }

    .container1 {
        width: 100%;
        display: flex;
        justify-content: left;
        padding: 10px;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .right-section {
        padding-right: 20px;
        width: 65%;
    }

    .index-t>div:last-child {
        width: 70%;
        border-top: 1px solid #ccc;
    }

    .index-t>div:first-child {
        border: none;
    }

    .index-t {
        margin-top: 40px;
        margin-left: 20px;
    }

    .index-jk-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        margin-right: 0px;
    }

    .index-footer-nav nav {
        display: none;
    }

    .footer-bottom {
        display: none;
    }

    .hamburger {
        display: flex;
        flex-direction: column;
        gap: 6px;
        padding: 8px;
        cursor: pointer;
        z-index: 100;
    }

    .index-nav a {
        color: black;
    }

    .bar {
        width: 30px;
        height: 3px;
        transition: transform 0.3s ease;
        position: relative;
    }

    .index-nav {
        position: fixed;
        top: 60px;
        /* 根据header高度调整 */
        left: -100%;
        width: 100%;
        background: white;
        flex-direction: column;
        padding: 20px 0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: left 0.3s ease;
    }

    .index-nav.active {
        left: 0;
    }

    /* 汉堡菜单动画 */
    .hamburger.active .bar:nth-child(1) {
        /* transform: translateY(8px) rotate(45deg); */
        color: tomato;
    }

    .hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(3) {
        /* transform: translateY(-8px) rotate(-45deg); */
    }

    .bar:nth-child(1)::before {
        content: '☰';
        position: absolute;
        color: white;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -22%); /* 精确居中 */
        font-size: 23px;
      }

      .bar.scrolled::before {
    color: black; /* 滚动后改变的颜色 */
}
      

    .bar:nth-child(1) {
        transform: translateY(-8px);
    }

    .bar:nth-child(3) {
        transform: translateY(8px);
    }

    .index-header-nav-right{
        margin-left: 10px;
    }

    /* 修正导航右侧容器 */
.index-header-nav-right {
  display: flex;
  align-items: center; /* 垂直居中 */
  height: 100%; /* 继承父级高度 */
}

/* 图片容器统一样式 */
.index-header-nav-right > div {
  display: flex;
  align-items: center;
  height: 40px; /* 与导航栏同高 */
}

/* 图片尺寸统一 */
.index-header-nav-right img {
  width: 24px;
  height: 24px;
  object-fit: contain; /* 保持比例 */
}

/* 分隔线样式 */
.index-header-nav-right i {
  height: 24px; /* 与图标同高 */
  margin: 0 12px;
  border-left: 1px solid #ccc;
  align-self: center; /* 垂直居中 */
}

}


@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .index-box-left {
        width: 100%;
        padding: 0px 10px;
    }
    .contact-form{
        margin: 40px auto;
    }

    .index-box-right {
        width: 100%;
    }

    .index-con-left {
        width: 100%;
    }

    .index-icon {
        width: 100%;
    }

    .index-conter {
        width: 100%;
    }

    .index-li {
        width: 100%;
        padding: 10px;
    }

    .index-wen {
        font-size: 160px;
    }

    .index-li-map img {
        width: 360px;
        height: 360px;

    }

    .index-li-map {
        top: 130px;
        left: 580px;
    }

    .index-jk {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .index-footer {
        width: 100%;
        padding: 10px;
        align-items: center;
    }

    .footer-bottom {
        width: 100%;
    }

    .index-header-content {
        width: 100%;
        padding: 0px 10px;
    }

    .index-section-lunbo>img {
        width: 100%;
        height: 500px;
    }

    .index-section-lunbo-title {
        position: absolute;
        top: 160px;
        left: 60px;
        font-size: 14px;
    }

    .index-jia {
        width: 100%;
    }

    .lunbo-dots {
        position: absolute;
        top: 360px;
    }

    .index-xia {
        position: absolute;
        top: 390px;
        left: 50%;
    }

    .index-box-right>img {
        width: 180px;
        margin-top: 10px;
    }

    .bj-t {
        font-size: 76px;
        position: absolute;
        top: 40px;
        left: 210px;
    }

    .bj-t img {
        display: none;
    }

    .index-hed>.one {
        font-size: 36px;
    }

    .index-hed>.three {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .index-hed>.three>div {
        width: 50%;
    }

    .left-section{
        margin: 30px;
    }

    .index-bj {
        width: 100%;
        position: absolute;
        top: 100px;
        left: 10px;
    }

    .container2 {
        display: flex;
        margin: 0px 5px;
        padding-top: 20px;
    }

    .section {
        min-width: auto;
        margin: 20px 0px;
        width: 180px;
    }

    .section-hover-content p {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 控制显示行数 */
        -webkit-box-orient: vertical;
        /* 必须添加 */
        line-height: 1.5em;
        /* 建议设置行高 */
        max-height: 3em;

    }

    .index-back {
        width: 100px;
    }

    .index-icon-left {
        padding: 20px 10px 0px 10px;
    }

    .index-icon-bottom>div:first-child>img {
        width: 190px;
        height: 220px;
    }

    .index-icon-bottom {
        width: 400px;

    }

    .idnex-icon-right {
        width: 220px;
        height: 220px;
        padding: 10px;
    }

    .index-icon-right-bottom-btn {
        padding-top: 10px;
    }

    .index-tan>div:last-child>img {
        width: 60px;
    }

    .index-icon-right-top {
        height: 20px;
    }

    .index-icon-right-bottom {
        font-size: 16px;
        margin: 10px 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 控制显示行数 */
        -webkit-box-orient: vertical;
        /* 必须添加 */
        line-height: 1.5em;
        /* 建议设置行高 */
        max-height: 3em;
    }

    .yi {
        padding-left: 10px;
    }

    .mySwiper2 {
        overflow: hidden;
        padding-bottom: 20px;
    }
    .dier{
        width: 0px !important;
    }
    .mySwiper2 .swiper-slide {
        width: 400px !important;
        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        margin-left: 10px;
        margin-right: 10px !important;
    }

    

    .swiper-pagination {
        bottom: -5px !important;
    }

    .index-part {
        height: 220px;
        padding: 10px;
        width: 400px;
    }

    .index-jian {
        font-size: 16px;
    }

    .index-pop {
        margin-bottom: 0px;
        font-size: 26px;
    }

    .index-tan>div:first-child {
        font-size: 50px;
        margin-left: 50px;
    }

    .index-icon1::before {
        bottom: 10px;
    }

    .index-icon1 {
        padding-bottom: 20px;
    }

    .container1 {
        width: 100%;
        display: flex;
        justify-content: left;
        padding: 10px;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .right-section {
        padding-right: 20px;
        width: 65%;
    }

    .index-t>div:last-child {
        width: 70%;
        border-top: 1px solid #ccc;
    }

    .index-t>div:first-child {
        border: none;
    }

    .index-t {
        margin-top: 40px;
        margin-left: 20px;
    }

    .index-jk-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        margin-right: 0px;
    }

    .index-footer-nav nav {
        display: none;
    }

    .footer-bottom {
        display: none;
    }

    .hamburger {
        display: flex;
        flex-direction: column;
        gap: 6px;
        padding: 8px;
        cursor: pointer;
        z-index: 100;
    }

    .index-nav a {
        color: black;
        margin: 5px;
    }

    .bar {
        width: 30px;
        height: 3px;
        transition: transform 0.3s ease;
        position: relative;
    }

    .index-nav {
        position: fixed;
        top: 60px;
        /* 根据header高度调整 */
        left: -100%;
        width: 100%;
        background: white;
        flex-direction: column;
        padding: 20px 0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: left 0.3s ease;
    }

    .index-nav.active {
        left: 0;
    }

    /* 汉堡菜单动画 */
    .hamburger.active .bar:nth-child(1) {
        /* transform: translateY(8px) rotate(45deg); */
        color: tomato;
    }

    .hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(3) {
        /* transform: translateY(-8px) rotate(-45deg); */
    }

    .bar:nth-child(1)::before {
        content: '☰';
        position: absolute;
        color: white;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -22%); /* 精确居中 */
        font-size: 23px;
      }

      .bar.scrolled::before {
    color: black; /* 滚动后改变的颜色 */
}
      

    .bar:nth-child(1) {
        transform: translateY(-8px);
    }

    .bar:nth-child(3) {
        transform: translateY(8px);
    }

    .index-header-nav-right{
        margin-left: 10px;
    }

    /* 修正导航右侧容器 */
.index-header-nav-right {
  display: flex;
  align-items: center; /* 垂直居中 */
  height: 100%; /* 继承父级高度 */
}

/* 图片容器统一样式 */
.index-header-nav-right > div {
  display: flex;
  align-items: center;
  height: 40px; /* 与导航栏同高 */
}

/* 图片尺寸统一 */
.index-header-nav-right img {
  width: 24px;
  height: 24px;
  object-fit: contain; /* 保持比例 */
}

/* 分隔线样式 */
.index-header-nav-right i {
  height: 24px; /* 与图标同高 */
  margin: 0 12px;
  border-left: 1px solid #ccc;
  align-self: center; /* 垂直居中 */
}

}

/* 
@media screen and (max-width: 992px) and (min-width: 769px) {
    
} */