@media screen and (max-width:700px) {

    .top {
        display: none;
    }

    video {
        width: 100% !important;
        height: auto;
    }

    body {
        font-size: 12px;
        padding-top: 70px;
        overflow: hidden;
    }

    .gxHead {
        background-color: white;
    }

    .gxHead ul {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .gxHead ul li a {
        width: 100px;
        text-align: center;
    }

    .gxHead ul .active a {
        color: #C80A14;
    }

    .ecology-title {
        font-size: 16px;
        margin: 0;
        margin-bottom: 27px;
        font-weight: 400;
    }

    .certificate_lunbo_btn {
        display: none;
    }

    .xtswiper_lunbo_btn .xtswiper-button-prev {
        position: absolute;
        left: 1.44rem;
        top: -5.6rem;
    }

    .xtswiper_lunbo_btn .xtswiper-button-next {
        position: absolute;
        right: 1.44rem;
        top: -5.6rem;
    }

    .xtswiper_lunbo_btn .xtswiper-button-prev,
    .xtswiper_lunbo_btn .xtswiper-button-next {
        width: 40px;
        height: 40px;
    }

    .ecology-title::after {
        content: '';
        position: absolute;
        bottom: -11px;
        left: 0;
        width: 23px;
        height: 3px;
        background: #d81e06;

    }

    .video-grid {
        gap: 10px;
    }

    .jzyz_lunbo .title .desc {
        font-size: 14px;
    }

    .video-title {
        font-size: 12px;
        line-height: 16px;
        margin-top: 8px;
    }

    .banner p:first-child {
        font-size: 18px;
    }

    .banner p:nth-of-type(2) {
        font-size: 14px;
    }

    .exhibition-nav {
        height: auto;
        padding: 0 12px;
        background-color: #f3f3f3;
    }

    .exhibition-nav ul {
        gap: 10px;
        overflow-x: scroll;
    }

    .exhibition-nav ul li {
        text-align: center;
        height: 1.8rem;
        line-height: 1.9rem;
        font-size: 14px;
        color: #7d7d7d;
        /* border: 1px solid rgba(255, 255, 255, .2); */
    }

    .exhibition-nav ul li>a {
        white-space: nowrap;
    }

    .exhibition-nav .right_nav {
        display: none;
    }

    .section1 .wrapper .service-text {
        font-size: 12px;
    }

    .section1 .wrapper .service-bar {
        display: none;
    }

    .section1 .wrapper .icon-box {
        width: 30px;
        height: 30px;
    }

    .section1 {
        height: 13.8rem;
    }

    .section2 .wrapper .about-section {
        object-fit: cover;
    }

    .section2 .wrapper .vertical-title {
        display: none;
    }

    .section2 .wrapper .main-title {
        font-size: 16px;
        margin-bottom: 0.3rem;
        position: relative;
        margin-top: -0.46rem;
    }

    .section2 .wrapper .desc-text {
        font-size: 12px;
        /* line-height: 1.8; */
        margin-bottom: 0.4rem;
        opacity: 0.9;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 25;
    }

    .section2 .wrapper .nav-menu {
        position: absolute;
        right: 2rem;
        top: 74%;
        display: none;
        gap: 0.23rem;
        z-index: 1;
    }

    .section2 .wrapper .content-wrap {
        width: 90%;
        position: absolute;
        left: 1rem;
        top: 5%;
        height: 100%;
        overflow: hidden;
    }

    .section2 {
        height: 36.8rem;
    }

    .section2 .wrapper .nav-item {
        width: 3.66rem;
        height: 3.8rem;
    }

    .section2 .wrapper .nav-icon {
        width: 1.4rem;
        height: 1.4rem;
    }

    .section2 .wrapper .nav-text {
        font-size: 12px;
    }

    .explore-btn {
        padding: 5px 10px;
        font-size: 12px;
    }

    .explore_div {
        margin-top: 10px;
    }

    .arrow-icon {
        width: 26px;
        height: 26px;
        background: #FFFFFF;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        transition: opacity 0.3s ease;
    }

    .section3,
    .section4,
    .section5,
    .section7,
    .section8 {
        height: auto;
    }

    .section3 .wrapper .right_picture .one {
        display: flex;
        flex-direction: column;
        gap: 0.18rem;
        flex-wrap: wrap;
    }

    .section3 .wrapper {
        max-height: 100%;
    }

    .section3 .wrapper .right_picture .type_one {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .section3 .wrapper .right_picture .type_two {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .section3 .wrapper .img_div img {
        height: 200px !important;
        object-fit: cover;
    }

    .section3 .wrapper .img_div .text_div p:first-child {
        font-size: 16px;
        line-height: 30px;
    }

    .section3 .wrapper .img_div .text_div p:last-child {
        font-size: 12px;
    }

    .section3 .wrapper {
        padding: 12px;
    }

    .section4 .section-header {
        padding: 0 16px;
        display: flex;
        flex-direction: column;
    }

    .section4 .nav-tabs {
        width: 100%;
        margin: 0;
        overflow-x: scroll;
        justify-content: flex-start;
    }

    .section4 .tab-icon {
        width: 1.2rem;
        height: 1.2rem;
    }

    .section4 .tab-text {
        font-size: 12px;
    }

    .section4 .tab-item {
        min-width: 4.1rem;
    }

    .section4 .tab-item::after {
        display: none;
    }

    .section4 .slide-content h2 {
        font-size: 14px;
        margin: 0;
    }

    .section4 .slide-content p {
        display: none;
    }

    .section4 .lunbo_btn {
        width: 3.2rem;
        bottom: 12px;
    }

    .section4 .header-text h1,
    .section4 .header-text p {
        font-size: 14px;
    }

    .section4 .header-text p {
        margin-bottom: 10px;
    }

    .section4 .swiper-slide {
        align-items: flex-start;
        padding: 10px;
        box-sizing: border-box;
        height: 8.4rem;
    }

    .section4 .slide-right-image {
        width: 5.88rem;
        height: 7.4rem;
        object-fit: cover;
        border-radius: 0.08rem;
        margin: 0 0.2rem;
    }

    .section4-2 .swiper-slide {
        padding: 0;

    }

    .section4-2 .slide-right-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0.08rem;
        margin: 0;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 20px;
        height: 20px;
    }

    .section4 .slide-content {
        padding: 0;
    }

    .section5 .sidebar {
        width: 100%;
    }

    .section5 .dynamic-narrative .content {
        display: flex;
        flex-direction: column;
    }

    .section5 .section-title {
        font-size: 14px;
    }

    .section5 .dynamic-narrative {
        padding: 20px 12px;
    }

    .section5 .nav-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .section5 .nav-list li {
        font-size: 12px;
    }

    .section5 .video-card {
        width: 100% !important;
        height: 12.1rem !important;
    }

    .section5>a {
        width: 100%;
    }

    .other .video-thumb {
        height: 9.5rem !important;
    }

    .section5 .video-card_two {
        width: 100% !important;
        /* height: 5.1rem !important; */
    }

    .section5 .video-thumb {
        height: 100%;
    }

    .section5 .video-grid {
        flex: 1;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 0.24rem;
        min-height: 500px;
    }

    .section5 .video-card:hover .video-thumb::after {
        opacity: 0;
    }

    .section5 .video-thumb img {
        height: 100%;
    }

    .section5 .play-btn,
    .section5 .right_top_icon {
        display: none;
    }

    .section5 .height80 {
        height: 80% !important;
    }

    .section5 .video_name {
        opacity: 1;
        font-size: 16px;
        position: absolute;
        top: 90%;
        color: #000;
    }

    /* 核心：从左到右依次升高 */
    /* 第1个（当前激活） */
    .section6 .swiper-slide-active .timeline-item {
        padding-top: 4rem;
    }

    /* 第2个 */
    .section6 .swiper-slide-active+.swiper-slide .timeline-item {
        padding-top: 2.2rem;
    }

    /* 第3个 */
    .section6 .swiper-slide-active+.swiper-slide+.swiper-slide .timeline-item {
        padding-top: 2rem;
    }

    /* 第4个 */
    .section6 .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide .timeline-item {
        padding-top: 0.8rem;
    }

    /* 第5个 */
    .section6 .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide .timeline-item {
        padding-top: 0;
    }

    .section6 .swiper-slide-active .left_div {
        position: relative;
        top: 4rem;
    }

    /* 第2个 */
    .section6 .swiper-slide-active+.swiper-slide .left_div {
        position: relative;
        top: 2.2rem;
    }

    /* 第3个 */
    .section6 .swiper-slide-active+.swiper-slide+.swiper-slide .left_div {
        position: relative;
        top: 2rem;
    }

    /* 第4个 */
    .section6 .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide .left_div {
        position: relative;
        top: 0.8rem;
    }

    /* 第5个 */
    .section6 .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide .left_div {
        position: relative;
        top: 0;
    }

    .section4 .header-text h1,
    .section5 .header-text h1,
    .section6 .header-text h1 {
        font-size: 16px;
    }

    .section4 .header-text p,
    .section5 .header-text p,
    .section6 .header-text p {
        font-size: 12px;
    }

    .section6 .wrapper {
        padding: 20px 12px;
        box-sizing: border-box;
        height: auto;
    }

    .section6 .wrapper .section-title {
        font-size: 14px;
        line-height: 30px;
    }

    .section6 .lunbo_btn {
        width: 3.2rem;
    }

    .swiper-button-prev img,
    .swiper-button-next img {
        width: 14px;
        height: 14px;
    }

    .section6 .wrapper .timeline-item .date {
        font-size: 12px;
    }

    .section6 .wrapper .mySwiper {
        width: 16.95rem;
    }

    .section6 .wrapper .timeline-item .desc {
        font-size: 12px;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        /* 这里是超出几行省略 */
        overflow: hidden;
    }

    .section7 h2,
    .section7 h3 {
        font-size: 14px;
    }

    .section7 .news-center {
        display: flex;
        flex-direction: column;
    }

    .section7 .sidebar {
        width: 100%;
    }

    .section7 .sidebar-menu {
        display: flex;
        width: 100%;
        gap: 10px;
    }

    .section7 .sidebar-menu li {
        font-size: 12px;
    }

    .section7 .content-wrap {
        width: 100%;
    }

    .section7 .carousel-track {
        display: flex;
        flex-direction: column;
    }

    .section8 .swiper-left,
    .section8 .swiper-left-two,
    .section8 .swiper-right {
        height: 4.8rem;
    }

    .section8 .swiper-slide {
        width: 3.8rem;
        height: 3.5rem;
        padding: 0.2rem;
        box-sizing: border-box;
        box-shadow: 0 2px 0.12rem rgba(0, 0, 0, 0.08);
        border-radius: 0.08rem;
    }

    .newsDiv {
        height: auto !important;
        padding: 0.82rem 0.6rem !important;
    }

    .newsDiv .content {
        width: 100%;
    }

    .newsDiv .content a {
        width: 100%;
    }

    .newsDiv .card-img {
        height: 6.5rem;
    }

    .newsDiv .card-desc {
        height: auto;
        line-height: 20px;
        margin: 8px 0;
    }

    .newsDiv .card-title {
        line-height: 1.5;
    }

    .section7 .news-card {
        width: 100%;
        height: 100%;
    }

    .section7 .news-card a {
        width: 100%;
    }

    .section7 {
        padding: 20px 12px;
    }

    .section7 .card-img {
        height: 8rem;
    }

    .section7 .card-title {
        font-size: 14px;
        height: auto;
    }

    .section7 .card-desc {
        display: none;
    }

    .section7 .card-desc,
    .section7 .card-date {
        font-size: 12px;
        height: auto;
    }

    .date_icon {
        width: 12px;
        height: 12px;
        margin-right: 8px;
    }

    .aboutRb {
        height: auto;
    }

    .aboutRb .about-section {
        padding: 20px 12px;
        display: flex;
        flex-direction: column;
    }

    .aboutRb .content-wrap {
        width: auto;
    }

    .aboutRb .about-section .right_imgs {
        display: flex;
        flex-direction: column;
    }

    .aboutRb .about-section img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover;
    }

    .aboutRb .main-title {
        font-size: 16px;
    }

    .zzjg {
        height: auto;
    }

    .zzjg .warpper {
        padding: 20px 12px;
    }

    .zzjg .warpper .title .en {
        font-size: 14px;
    }

    .zzjg .warpper .title .cn {
        font-size: 14px;
        line-height: 1.8rem;
    }

    .zzjg .warpper .img_div {
        display: flex;
        gap: 1rem;
        align-items: flex-end;
    }

    .zzjg .warpper .img_div img:first-child {
        width: 2.01rem;
        height: 2.01rem;
    }

    .zzjg .warpper .img_div img:last-child {
        width: 13.2rem;
        height: 10.8rem;
        object-fit: cover;
    }

    .industryMedal {
        height: auto;
    }

    .industryMedal .warpper {
        padding: 20px 12px;
    }

    .industryMedal .warpper .title .en,
    .industryMedal .warpper .title .cn {
        font-size: 14px;
        line-height: 1rem;
    }

    .industryMedal .cert-item {
        width: 100%;
        height: 100%;
        padding: 20px 0;
        box-sizing: border-box;
    }

    .industryMedal .cert-img {
        width: auto;
        height: 227px;
        object-fit: cover;
    }

    .industryMedal .cert-title {
        font-size: 12px;
    }

    .foundersMessage {
        padding: 20px 12px;
    }

    .benevolence_one .foundersMessage {
        padding: 0 12px;
        margin-top: 20px;
    }

    .foundersMessage .title .name {
        font-size: 16px;
    }

    .foundersMessage .title .linex {
        width: 30px;
        height: 4px;
        background: #C80A14;
        margin-top: 11px;
        margin-bottom: 17px;
    }

    .ppage a {
        padding: 0 9px !important;
        height: 1.42rem !important;
        line-height: 1.42rem !important;
    }

    .ppage span {
        width: 27px !important;
        height: 27px !important;
        line-height: 27px !important;
    }

    .videoDiv {
        padding: 20px 12px;
    }

    .videoDiv .video-grid {
        flex: 1;
        display: grid;
        grid-template-columns: repeat(1, 2fr);
        gap: 0.24rem;
    }

    .videoDiv .video-thumb {
        height: 82%;
    }

    .videoDiv .video-card .name {
        font-size: 14px;
    }

    .ecology-container {
        display: flex;
        flex-direction: column;
        max-width: 100% !important;
        padding: 0 12px 20px 12px;
    }

    .mySwiper {
        height: 100%;
    }

    .section6 .wrapper .swiper-slide {
        height: 9rem;
    }

    .mySwiper .swiper-slide {
        margin-bottom: 20px;
        /* height: 9rem; */
    }

    .ecology-right {
        width: 100%;
        margin-left: 0;
        height: 10.7rem;
        padding-right: 12px;
    }

    .video-card a {
        height: 100%;
    }

    .section5 .video-thumb {
        /* height: 6.5rem; */
    }

    .benevolence_one .container {
        padding: 0 12px;
        display: flex;
        flex-direction: column;
    }

    .benevolence_one .nav-item {
        margin: 10px 0;
        border: 1px solid #e1dede;
        border-radius: 4px;
    }

    .benevolence_one .nav-item .title {
        font-size: 13px;
    }

    .benevolence_one .nav-item .desc {
        font-size: 11px;
    }

    .benevolence_one .nav-item.active {
        width: 100%;
    }

    .benevolence_one .right-content {
        height: 10rem;
        background-size: cover;
        width: auto;
        position: relative;
        top: 0;
        left: 0;
    }

    .benevolence_one .content-text {
        padding: 23px 0;
        box-sizing: border-box;
        font-size: 12px;
        line-height: 1.46;
        height: 100%;
        overflow: scroll;
    }

    .ecology-left {
        width: 100% !important;
    }

    .ecology-tabs {
        display: flex;
        flex-direction: row !important;
        width: 100%;
        margin-bottom: 20px;
    }

    .tab-btn {
        width: auto;
        height: auto;
        padding: 12px 20px;
        border: none;
        border-radius: 24px;
        font-size: 12px;
    }

    .zhwljj {
        width: 100%;
    }

    .section4-2 .swiper-slide {
        height: 8.6rem;
    }

    .foundersMessage .title .name {
        line-height: 48px;
    }

    .rbjbzfc .container {
        display: flex;
        flex-direction: column;
    }

    .rbjbzfc .left-sidebar {
        display: flex;
        flex-direction: row;
        width: auto;
    }

    .contentH {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 12px;
        box-sizing: border-box;
    }

    .rbjbzfc .content-title {
        font-size: 16px;
    }

    .rbjbzfc .desc-text {
        font-size: 12px;
        line-height: 1.5;
    }

    .rbjbzfc .data-value {
        font-size: 14px;
    }

    .rbjbzfc .data-unit {
        font-size: 12px;
    }

    .rbjbzfc .left-sidebar .item {
        font-size: 12px;
    }

    .rbjbzfc .image-area {
        width: auto;
        height: auto;
    }

    .xncbj,
    .rbjbzfc,
    .counselingHotline {
        padding: 20px 12px;

    }

    .xncbj .content {
        display: flex;
        flex-direction: column-reverse;
    }

    .xncbj .content .right {
        justify-content: center;
    }

    .xncbj .content .right .item {
        width: 3.7rem;
        height: 3.7rem;
    }

    .xncbj .content .right .item img {
        width: 1.56rem;
        height: 1.56rem;
    }

    .xncbj .content .right .item .name,
    .xncbj .content .right .item .num {
        font-size: 12px;
    }

    .xncbj .content .left h4 {
        font-size: 14px;
        line-height: 20px;
    }

    .xncbj .content .left .desc {
        font-size: 12px;
        line-height: 22px;
    }

    .xncbj .warehouse-grid {
        max-width: 100%;
        grid-template-columns: repeat(1, 1fr);
    }

    .xncbj .warehouse-item .warehouse-name {
        font-size: 14px;
    }

    .xncbj .warehouse-item img {
        height: 8.28rem;
    }

    .counselingHotline .content {
        display: flex;
        flex-direction: column;
    }

    .counselingHotline .content .right_div {
        position: relative;
        margin-top: 70px;
    }


    .counselingHotline .content .right_div .two {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
    }

    .counselingHotline .content .right_div .one {
        position: absolute;

    }

    .counselingHotline .content .fwrx {
        font-size: 14px;
        line-height: 36px;
    }

    .counselingHotline .content .phone {
        font-size: 30px;
        line-height: 36px;
    }

    .counselingHotline .content .zxphone {
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 16px;
        color: #333333;
        margin: 20px 0;
    }

    .counselingHotline .content .allbmPhone {
        display: flex;
        flex-direction: column;
    }

    .counselingHotline .content .allbmPhone .item {
        width: 100%;
    }

    .counselingHotline .content .allbmPhone .til {
        font-size: 14px;
    }

    .counselingHotline .content .allbmPhone .phone {
        font-size: 16px;
    }

    .qr-wrapper {
        width: 5.32rem;
        height: 5.32rem;
        position: relative;
        background: #fff;
        border-radius: 0.12rem;
    }

    .counselingHotline .content .erCode .qr-wrapper .g {
        width: 5.32rem;
        height: 5.32rem;
        padding: 0.1rem;
        box-sizing: border-box;
        margin-bottom: 0.24rem;
    }

    .counselingHotline .content .erCode .qr-wrapper p {
        font-size: 12px;
    }

    .spatialCoordinates .map {
        padding: 20px 12px;
    }

    .newsDetails .container {
        display: flex;
        flex-direction: column;
        padding: 0.2rem 0.6rem;
    }

    .newsDetails .main-content img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain;
    }

    .newsDetails .footer-text,
    .newsDetails .footer-btn {
        font-size: 12px;
    }

    .newsDetails .footer-btn {
        padding: 0.2rem 0.55rem;
    }

    .newsDetails .sidebar {
        width: 100%;
    }

    .newsDetails .sidebar-title {
        font-size: 14px;
    }

    .newsDetails .sidebar-title .di {
        display: inline-block;
        width: 4px;
        height: 14px;
        background: #C80A14;
        border-radius: 2px;
        margin-right: 7px;
    }

    .newsDetails .sidebar-item img {
        width: 80px;
        height: 60px;
        object-fit: cover;
        border-radius: 3px;
    }

    .newsDetails .sidebar-item-title {
        font-size: 12px;
    }

    .newsDetails .sidebar-item-date {
        font-size: 11px;
        color: #999;
    }

    .newsDetails .sidebar-item {
        display: flex;
        gap: 10px;
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #eee;
    }

    .culture-section {
        padding: 20px 12px;
        display: flex;
        flex-direction: column;
    }

    .culture-section .text-container {
        width: 100%;
    }

    .culture-section .image-container {
        width: 100%;
        height: auto;
    }

    .culture-section .title {
        font-size: 16px;
    }

    .culture-section .desc-text {
        font-size: 12px;
    }

    .culture-section .logo-container .logo {
        width: 2.6rem;
        height: 2.6rem;
        position: absolute;
    }

    .culture-section .logo-container .waiwei {
        position: absolute;
        width: 3.26rem;
        height: 3.26rem;
        animation: rotate 10s linear infinite;
    }

    .culture-section .logo-container {
        margin-top: 2.4rem;
        width: 3.6rem;
    }

    .talentPhilosophy {
        padding: 20px 12px;
    }

    .jobPosting .job-container {
        width: auto;
        overflow-x: scroll;

    }

    .jobPosting .job-header {
        font-size: 14px;
        width: 900px;
        height: 40px;
        line-height: 40px;
        grid-template-columns: 2fr 1fr 1fr 1fr 1fr 80px;
    }

    .jobPosting .job-header>div {
        height: 100%;
    }

    .jobPosting .job-row {
        font-size: 14px;
        width: 900px;
        height: 40px;
        line-height: 40px;
        grid-template-columns: 2fr 1fr 1fr 1fr 1fr 80px;
    }

    .jobPosting .toggle-btn {
        width: 16px;
        height: 16px;
    }

    .talentPhilosophy>div {
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 14px;
        color: #333333;
        line-height: 24px;
    }

    .jobPosting .job-detail.active {
        /* width: 900px; */
    }

    .footer {
        display: none;
    }

    .serviceSectionDetails .sidebar .fwbk .fw_item {
        width: 100%;
        height: 32px;
    }

    .serviceSection .tabs .right_nav {
        display: none;
    }

    .banner p:nth-of-type(2) {
        font-size: 14px !important;
    }

    .serviceSectionDetails {
        padding: 0 1.6rem;
        box-sizing: border-box;
        margin-top: -2rem;
    }

    .serviceSection .tabs li {
        padding: 0px 10px;
        height: 40px;
        line-height: 40px;
        box-sizing: border-box;
        background: #FFFFFF;
        border-radius: 0.35rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: 14px;
        color: #333333;
    }
}