/* ============================================
   mobile.css - 移动端响应式样式
   针对窍界网站优化
   ============================================ */

/* 基础移动端优化 1890 */
@media(max-width:1px) {
.dwcp {
    padding-top: 1.5rem;
}

/* .wrap4 {
    max-width: 16rem;
} */

}
/* 基础移动端优化 1677 */

@media(max-width:1px) {
.dwcp {
    padding-top: 1.25rem;
}
}


/* 基础移动端优化 1500 */
@media (max-width: 1px) {
    /* 全局调整 */
    html {
        font-size: 14px;
    }
    .hero-inner .p1 {
    font-size: 0.8rem;
}

p.hero-subtitle {
    font-size: 0.42rem;
}
.hero-inner .d2 img {
    width: 0.5rem;
}
    
    .wrap, .wrap1, .wrap4 {
        max-width: 16rem;
        padding: 0 0.2rem;
    }
    
    /* 文字大小调整 */
    .box-title .p1 {
        font-size: 0.48rem;
    }
    
    .box-title .p2,
    .box-title .p3,
    .box-title .p4 {
        font-size: 0.32rem;
    }
    
    .box-btn {
        font-size: 16px;
        padding: 0.2rem 0.44rem;
    }
    
    /* Header区域 */
    .header-flex {
        padding: 0 0.3rem;
    }
    
    /* Banner区域 */
    .banner .big-swiper_text .p1 {
        font-size: 0.48rem;
    }
    
    .banner .big-swiper_text .p2 {
        font-size: 0.22rem;
    }
    
    .banner .big-swiper_text .d1 {
        margin-top: 0.3rem;
    }
    
    /* 核心创新区域 */
    .jscx-list {
        gap: 0.3rem;
        margin-top: 0.4rem;
    }
    
    .jscx-list-item {
        width: calc(33.33% - 0.2rem);
    }
    
    .jscx-list_item-text .p1 {
        font-size: 0.32rem;
        margin-bottom: 0.3rem;
    }
    
    .jscx-list_item-text .p2,
    .jscx-list_item-text .p3 {
        font-size: 0.22rem;
    }
    
    /* 服务区域 */
    .fw-list {
        gap: 0.3rem;
        padding-top: 0.4rem;
    }
    
    .fw-item {
        padding: 0.3rem;
    }
    
    .fw-item_text .p1 {
        font-size: 0.32rem;
    }
    
    .fw-item_text .p2 {
        font-size: 0.36rem;
        padding-top: 0.3rem;
        padding-bottom: 0.4rem;
    }
    
    .fw-item_text .p3 {
      font-size: 0.22rem;
        line-height: 1.5;
        margin-bottom: 0.7rem;
    }
    
    .fw-item_text .d2 a {
       padding: 0.2rem 0.6rem;
        font-size: 0.22rem;
    }
    
    /* 核心功能区域 */
    .hxgn-list {
        gap: 0.3rem;
        margin-top: 0.4rem;
    }
    
    .hxgn-list--item {
        width: calc(50% - 0.15rem);
    }
    
    .hxgn-list--item-text {
        left: 0.25rem;
        bottom: 0.25rem;
    }
    
    .hxgn-list--item-text .p1 {
        font-size: 0.32rem;
        margin-bottom: 0.2rem;
    }
    
    .hxgn-list--item-text .p2 {
        font-size: 0.24rem;
        line-height: 0.24rem;
    }
    
    /* 行业解决方案 */
    .jjgf {
        padding-top: 0.4rem;
        padding-bottom: 0.6rem;
    }
    
    .jjfabox_left .p1 {
        font-size: 0.4rem;
    }
    
    .jjfabox_left .p2 {
        font-size: 0.32rem;
        margin-bottom: 0.3rem;
    }
    
    .jjfabox_left .p3 {
        font-size: 0.26rem;
        line-height: 0.26rem;
    }
    
    .jjfabox_bot {
        margin-top: 0.4rem;
    }
    
    /* 流程图 */
    .lcfa {
        gap: 0.15rem;
    }
    
    .lcfa_item p {
        font-size: 0.24rem;
        min-height: 0.7rem;
    }
    
    /* 不止于植入物 */
    .zrlist {
        margin-top: 0.4rem;
    }
    
    .zrlistitem {
        margin-bottom: 0.4rem;
    }
    
    .zrlistitem-bt {
        font-size: 0.32rem;
        margin-bottom: 0.15rem;
    }
    
    /* 客户案例 */
    .case-swiper {
        margin-top: 0.3rem;
    }
    
    .boxf-swiper_item-text1 {
        padding: 0.3rem 0.2rem 0.6rem 0.2rem;
    }
    
    .boxf-swiper_item-text1 .p1 {
        font-size: 0.26rem;
    }
    
    .boxf-swiper_item-text1 .p2 {
        font-size: 0.34rem;
        padding: 0.1rem 0 0.15rem 0;
    }
    
    .boxf-swiper_item-text1 .p3 {
        font-size: 0.24rem;
        line-height: 2;
    }
    
    /* 现状与进展 */
    .xzlist {
        gap: 0.3rem;
        margin-top: 0.4rem;
    }
    
    .xzlist_item {
        padding: 0.3rem;
    }
    
    .xzlist_flex .p1 {
        font-size: 0.32rem;
    }
    
    .xzlist_flex .p2 {
        font-size: 0.24rem;
    }
    
    .xzlist_text p {
        font-size: 0.24rem;
        line-height: 2;
    }
    
    /* 用户社区 */
    .yhsq_bn {
        padding-top: 0.4rem;
    }
    
    .boxf-swiper_controll-left1,
    .boxf-swiper_controll-right1 {
        width: 0.6rem;
        height: 0.6rem;
    }
    
    .boxf-swiper_controll-left1 {
        right: 3%;
        top: 50%;
    }
    
    .boxf-swiper_controll-right1 {
        left: 3%;
        top: 50%;
    }
    
    /* 团队区域 */
    .teamlist {
        gap: 0.3rem;
        margin-top: 0.6rem;
    }
    
    .teamlist-item {
        width: calc(50% - 0.15rem);
        padding: 0.7rem;
        margin-bottom: 0.3rem;
    }
    
    .teamlist-item-im img {
        width: 1.8rem;
        height: 1.8rem;
    }
    
    .teamlist-textflex .bt {
        font-size: 0.32rem;
    }
    
    .teamlist-textflex span {
        font-size: 0.28rem;
    }
    
    .teamlist-text .p1,
    .teamlist-text .p2 {
        font-size: 0.32rem;
        line-height: 1.5;
    }
    
    .teamlist-text {
        margin-top: 0.3rem;
    }

    .zrlistitem.ds p {
    font-size: 0.24rem;
    line-height: 0.28rem;
}
    
    .teamlist-text .p2 {
        margin-top: 0.2rem;
    }
    
    /* 关于页面 */
    .intro-card1 {
        padding: 0.4rem;
        margin-top: -0.4rem;
        width: 100%;
    }
        .intro-card {
        padding: 0.4rem;
        margin-top: -0.4rem;
        width: 100%;
    }
    
    .introa_list {
        gap: 0.3rem;
    }
    
    .introa_list_leftim img {
        width: 1.8rem;
    }
    
    .introa_list_left .p1 {
        font-size: 0.48rem;
    }
    
    .introa_list_left span {
        font-size: 0.36rem;
    }
    
    .introa_list_righht .p1 {
        font-size: 0.28rem;
    }
    
    .introa_list_righht .p2 {
       font-size: 0.32rem;
        line-height: 1.5;
    }
    
    /* 历程轮播 */
    .abputlb {
        padding-top: 0.4rem;
    }
    
    .abputkp {
        padding: 0.3rem;
    }
    
    .abputkp .sjj {
        font-size: 0.6rem;
    }
    
    .abputkp .p1 {
        font-size: 0.22rem;
        margin-top: 0.25rem;
        margin-bottom: 0.15rem;
    }
    
    .abputkp .p2 {
        font-size: 0.16rem;
    }
    
    .boxf-swiper_controll-left2,
    .boxf-swiper_controll-right2 {
        width: 0.7rem;
        height: 0.7rem;
    }
    
    /* 时间轴 */
    .history-title {
        font-size: 0.32rem;
    }
    
    .history-desc {
        font-size: 0.16rem;
    }
    
    /* 左右布局区域 */
    .qjlc {
        gap: 0.4rem;
        padding-top: 0.4rem;
    }
    
    .qjlc_left {
        width: 4rem;
        height: auto;
        padding: 0.3rem;
    }
    
    .qjlc_left .p1 {
        font-size: 0.32rem;
        margin-bottom: 0.5rem;
    }
    
    .qjlc_left .p2 {
        font-size: 0.18rem;
    }
    
    .qjlc_ri_text .p1 {
        font-size: 0.24rem;
        margin-bottom: 0.15rem;
    }
    
    .qjlc_ri_text .p2 {
        font-size: 0.16rem;
    }
    
    /* 消息区域 */
    .xiaoxi-a {
        padding: 0.3rem 0.4rem;
    }
    
    .xiaoxi-a .p1 {
        font-size: 0.24rem;
    }
    
    .xiaoxi-a .p2 {
        font-size: 0.16rem;
        margin-bottom: 0.5rem;
    }
    
    .boxe-list2 {
        margin-top: 0.4rem;
    }
    
    /* 盒子内边距调整 */
    .box {
        padding: 0.6rem 0 !important;
    }
    
    .boxa, .boxb, .boxc, .boxd, .boxe, .boxf,
    .box.team, .box.jscx, .box.fw, .box.hxgn,
    .box.jjfa, .box.zr, .box.case, .box.xzlist,
    .box.yhsq, .box.tyh, .box.about, .box.fzlc,
    .box.smjzg, .box.xiaoxi {
        padding: 0.6rem 0 !important;
    }
}
/* 基础移动端优化 1000 */
@media (max-width: 1px) {
.hero-btns {
    margin-top: 0.3rem;
}
}

@media (max-width: 1200px) {
    
    .wrap {
    max-width: 12rem;
    padding: 0 .1rem;
    margin: 0 auto;
}
.dwcp {
    padding-top: .8rem;
}
.big-swiper_video video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
}

/* 平板优化 (990px及以下) */
@media (max-width: 990px) {
    html {
        font-size: 13px;
    }
    .big-swiper_video video {
    width: 100%;
    height: 8rem;
    object-fit: cover;
}

img.fanz{
 width:100%;height: 8rem;
    object-fit: cover;   
}

.hero-inner .p1 {
    font-size: .7rem;
}

p.hero-subtitle {
    font-size: .28rem;
}

a.btn-main.btn-white.box-btn {
    font-size: .24rem;
    padding: 3px 10px;
}
    
/*    .banner .big-swiper_img > img {*/
/*    height: 4rem;*/
/*}*/

.big-swiper_img {
    height: 4rem;
}


.banner .big-swiper_img:before {
    content: "";
    z-index: 1;
    background: rgba(18, 8, 8, 0.5);
    width: 100%;
    height: 4rem;
}

    .tybanner >img {
    height: 7rem;
   
    width: 100%;
}

    .hero-inner .d2 img {
    width: 0.25rem;
}
    
    /* 通用容器 */
    .wrap, .wrap1, .wrap4 {
        max-width: 90%;
        padding: 0 0.15rem;
    }
    
    .box {
        padding: 0.4rem 0 !important;
    }
    
    .box-title .p1 {
        font-size: 0.48rem;
    }
    
    .box-title .p2,
    .box-title .p3,
    .box-title .p4 {
        font-size: 0.3rem;
        line-height: 1.5;
        width: 95%;
    }
    
    /* Header区域 */
    .header-flex {
         height: 1.2rem;
        padding: 0 0.15rem;
    }
    
    .logo a img {
        
        width: auto;
    }
    
    .nav {
        margin-left: auto;
    }
    
    .nav-item {
        margin-right: 0.1rem;
    }
    
    .nav-item-iner a {
        font-size: 14px;
        padding: 0 0.1rem;
        width: auto;
    }
    
    /* Banner区域 */
    .tybanner img {
        
        object-fit: cover;
    }
    
    .tybanner:after {
        background: rgba(0, 0, 0, 0.5);
    }
    
    .dwcp {
        padding-top: 2rem;
    }
    
    /* .hero-inner .p1 {
        font-size: 0.36rem;
        margin-bottom: 0.15rem;
    } */
    
    /* p.hero-subtitle {
        font-size: 0.18rem;
    } */
    
    .hero-btns {
        margin-top: 0.3rem;
        /* flex-direction: column; */
        gap: 0.15rem;
    }
    

    
    .hero-inner .d2 {
   
        margin-top: 0.2rem;
    }
    
    .hero-inner .d2 img {
        width: 0.8rem;
    }
    
    /* 重叠卡片区域 */
    .intro-card,
    .intro-card1 {
        width: 100%;
        margin-top: -0.4rem;
        padding: 0.3rem 0.2rem;
        border-radius: 0.08rem;
    }
    
    .intro-content {
        font-size: .28rem;
    }
    
    .p-center.top-text,
    .p-body,
    .p-body.bold-summary {
        font-size: .3rem;
        line-height: 2;
    }
    
    /* 核心创新区域 - 改为两列 */
    .jscx-list {
        gap: 0.2rem;
        margin-top: 0.4rem;
    }
    
    .jscx-list-item {
        width: calc(50% - 0.1rem) !important;
    }
    
    .jscx-list_item-text {
        left: 0.2rem;
        right: 0.2rem;
        bottom: 0.2rem;
    }
    
    .jscx-list_item-text .p1 {
        font-size: .38rem;
        margin-bottom: 0.2rem;
    }
    
    .jscx-list_item-text .p2,
    .jscx-list_item-text .p3 {
        font-size: .28rem;
    }
    
    /* 服务区域 - 改为单列 */
    .fw-list {
        flex-direction: column;
        gap: 0.6rem;
        padding-top: 0.4rem;
    }
    
    .fw-item {
        width: 100% !important;
        padding: 0.25rem;
    }
    
    .fw-item_text .p1 {
        font-size: 0.3rem;
    }
    
    .fw-item_text .p2 {
        font-size: .38rem;
        padding: 0.3rem 0 0.3rem 0;
    }
    
    .fw-item_text .p3 {
        font-size: .28rem;
        line-height: 1.5;
        margin-bottom: 0.4rem;
    }
    
    .fw-item_text .d2 a {
        width: 100%;
        padding: 0.2rem 0;
        justify-content: center;
        font-size: 0.3rem;
    }
    
    /* 核心功能区域 - 改为两列 */
    .hxgn-list {
        gap: 0.2rem;
        margin-top: 0.4rem;
    }
    
    .hxgn-list--item {
        width: calc(50% - 0.1rem);
    }
    
    .hxgn-list--item-text {
        left: 0.2rem;
        bottom: 0.2rem;
    }
    
    .hxgn-list--item-text .p1 {
        font-size: .38rem;
        margin-bottom: 0.2rem;
    }
    
    .hxgn-list--item-text .p2 {
        font-size: .28rem;
        line-height: 1.5;
    }
    
    /* 行业解决方案 */
    .jjgf {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }
    
    .jjfabox {
        flex-direction: column-reverse;
        gap: 0.3rem;
    }
    
    .jjfabox_left,
    .jjfabox_right {
        width: 100% !important;
    }
    
    .jjfabox_left .p1 {
        font-size: .48rem;
    }
    
    .jjfabox_left .p2 {
        font-size: 0.36rem;
        margin-bottom: 0.6rem;
    }
    
    .jjfabox_left .p3 {
        font-size: .28rem;
        line-height: 1.5;
    }
    
    .jjfabox_bot {
        margin-top: 0.6rem;
    }
    
    .mcjjjfa .p4 {
        font-size: 0.48rem;
    }
    
    .mcjjjfa .p5 {
        font-size: 0.3rem;
    }
    
    /* 流程图 - 调整为可滚动单行 */
    .lcfa {
        gap: 0.15rem;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.1rem;
    }
    
    .lcfa_item {
        flex: 0 0 auto;
        width: 2rem !important;
        min-width: 1.2rem;
    }
    
    .lcfa_item:not(:last-child)::after {
        display: none;
    }
    
    .lcfa_item p {
        font-size: 0.24rem;
        min-height: 0.7rem;
    }
    
    .lcfa img {
        width: 1.7rem;
    }
    
    /* 不止于植入物 - 改为单列 */
    .zrlist {
        flex-direction: column;
        margin-top: 0.4rem;
    }
    
    .zrlistitem {
        width: 100% !important;
        margin-bottom: 0.5rem;
        flex-direction: column;
    }
    
    .zrlistitem-img {
        width: 100%;
        padding: 0;
    }
    
    .zrlistitem-img img {
        width: 100%;
        border-radius: 0.12rem 0.12rem 0 0;
    }
    
    .zrlistitem-text {
        padding: 0.5rem;
        margin-top: 0;
    }
    
    .zrlistitem-bt {
        font-size: .42rem;
        margin-bottom: 0.3rem;
    }
    
    .zrlistitem-text .d1 p {
        font-size: .28rem;
        margin-bottom: 0.3rem;
    }
    
    /* 客户案例轮播 */
    .case-swiper {
        margin-top: 0.2rem;
        padding: 0.1rem 0;
    }
    
    .boxf-swiper_item-text1 {
        padding: 0.4rem 0.4rem 0.6rem 0.4rem;
    }
    
    .boxf-swiper_item-text1 .p1 {
        font-size: .3rem;
    }
    
    .boxf-swiper_item-text1 .p2 {
        font-size: .32rem;
        padding: 0.08rem 0 0.15rem 0;
    }
    
    .boxf-swiper_item-text1 .p3 {
        font-size: .3rem;
        line-height: 1.5;
    }
    
    /* 现状与进展 - 改为单列 */
    .xzlist {
        flex-direction: column;
        gap: 0.2rem;
        margin-top: 0.4rem;
    }
    
    .xzlist_item {
        width: 100% !important;
        padding: 0.25rem;
    }
    
    .xzlist_flex .p1 {
        font-size: .42rem;
    }
    
    .xzlist_flex .p2 {
        font-size: 0.4rem;
    }
    
    .xzlist_text p {
        font-size: .32rem;
        line-height: 1.5;
    }
    
    /* 用户社区 */
    .yhsq_bn {
        padding-top: 0.4rem;
    }
    
    .zrlistitem.ds {
        flex-direction: column;
        margin-bottom: 0.2rem;
    }
    
    .zrlistitem.ds p.lbp {
        font-size: 0.28rem;
        line-height: 1.5;
    }
    
    /* 隐藏大按钮，使用轮播默认导航 */
    .boxf-swiper_controll-left1,
    .boxf-swiper_controll-right1 {
        display: none;
    }
    
    /* 团队区域 - 改为两列 */
    .teamlist {
        margin-top: 0.4rem;
        gap: 0.2rem;
    }
    
    .teamlist-item {
      width: calc(50% - 0.1rem) !important;
        padding: 0.7rem;
        margin-bottom: 0.3rem;
    }
    
    .teamlist-item-im img {
        width: 1.4rem;
        height: 1.4rem;
    }
    
    .teamlist-textflex .bt {
        font-size: 0.36rem;
    }
    
    .teamlist-textflex span {
        font-size: 0.28rem;
    }
    
    .teamlist-text .p1,
    .teamlist-text .p2 {
       font-size: 0.28rem;
        line-height: 1.5;
    }
    
    .teamlist-text {
        margin-top: 0.2rem;
    }
    
    .teamlist-text .p2 {
        margin-top: 0.5rem;
    }
    
    /* 关于页面 */
    .introa_list {
        flex-direction: column;
        gap: 0.3rem;
    }
    
    .introa_list_leftim img {
        width: 1.5rem;
    }
    
    .introa_list_left .p1 {
        font-size: 0.48rem;
    }
    
    .introa_list_left span {
        font-size: 0.36rem;
    }
    
    .introa_list_righht .p1 {
        font-size: 0.28rem;
    }
    
    .introa_list_righht .p2 {
        font-size: 0.32rem;
        line-height: 1.5;
    }
    
    /* 历程轮播 */
    .abputlb {
        padding-top: 0.4rem;
    }
    
    .abputkp {
        padding: 0.25rem;
    }
    
    .abputkp .sjj {
        font-size: 0.48rem;
    }
    
    .abputkp .p1 {
        font-size: 0.42rem;
        margin-top: 0.2rem;
        margin-bottom: 0.12rem;
    }
    
    .abputkp .p2 {
        font-size: 0.3rem;
    }
    
    .boxf-swiper_controll-left2,
    .boxf-swiper_controll-right2 {
        width: 0.6rem;
        height: 0.6rem;
        top: 60%;
    }
    
    .boxf-swiper_controll-left2 {
        right: 0.1rem;
    }
    
    .boxf-swiper_controll-right2 {
        left: 0.1rem;
    }
    
    /* 时间轴调整 */
    .history-slide {
        flex-direction: column;
    }
    
    .history-image {
        flex: 0 0 3rem;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.3rem;
    }
    
    .history-title {
        font-size: .38rem;
        margin-bottom: 0.2rem;
    }
    
    .history-slide-year {
        font-size: 0.36rem;
    }
    
    .history-desc {
        font-size: .3rem;
        line-height: 1.6;
    }
    
    /* 左右布局改为上下布局 */
    .qjlc {
        flex-direction: column;
        gap: 0.3rem;
        padding-top: 0.4rem;
    }
    
    .qjlc_left {
        width: 100% !important;
        height: auto;
        padding: 0.6rem;
    }
    
    .qjlc_left .p1 {
        font-size: .48rem;
        margin-bottom: 0.4rem;
    }
    
    .qjlc_left .p1:after {
        bottom: -0.2rem;
    }
    
    .qjlc_left .p2 {
        font-size: .3rem;
    }
    
    .qjlc_ri {
        width: 100%;
    }
    
    .qjlc_ri_text {
        bottom: 0.6rem;
        left: 0.6rem;
        right: 0.6rem;
    }
    
    .qjlc_ri_text .p1 {
        font-size: .48rem;
        margin-bottom: 0.1rem;
    }
    
    .qjlc_ri_text .p2 {
        font-size: .3rem;
        line-height: 1.5;
    }
    
    /* 使命和价值观 - 调整顺序 */
    .smjzg .qjlc {
        flex-direction: column;
    }
    
    /* 消息区域 */
    .boxe-list2 {
        flex-direction: column;
        gap: 0.2rem;
        margin-top: 0.4rem;
    }
    
    .xiaoxi-a {
        width: 100% !important;
        padding: 0.6rem;
    }
    
    .xiaoxi-a .p1 {
        font-size: .42rem;
    }
    
    .xiaoxi-a .p2 {
        font-size: .3rem;
        margin-bottom: 0.3rem;
        line-height: 1.5;
    }
    
    .dd .a1 {
        width: 100%;
        justify-content: center;
        font-size: .3rem;
    }
    
    /* 其他boxe-list调整 */
    .boxe-list {
        flex-direction: column;
        gap: 0.8rem;
        margin-top: 0.6rem;
    }
    
    .boxe-list_item {
        width: 100% !important;
        padding: 0.6rem;
    }
    
    .boxe-list_item .p1 {
        font-size: 0.48rem;
    }
    
    .boxe-list_item .p2 {
        font-size: 0.4rem;
        margin-bottom: 0.3rem;
    }
    
    .boxe-list_item .a1 {
        font-size: 0.24rem;
        padding: 0.2rem 0.34rem;
    }
    
    /* Footer调整 */
    .footer-flex {
        flex-direction: column;
        gap: 0.3rem;
    }
    
    .footer-logo {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.15rem;
    }
    
    .footer-logo span {
        font-size: .34rem;
        margin-top: 0.26rem;
    }
    
    .footer-link {
        flex-wrap: wrap;
        gap: 0.15rem;
        margin-top: 0.2rem;
    }
    
    .footer-link a {
        font-size: .28rem;
    }
    
    .footer-right {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .footer-right .backtop {
        margin: 0 auto 0.2rem;
    }
    
    .footer-social {
        justify-content: center;
        margin-top: 0.2rem;
    }
    
    .footer-support {
        text-align: center;
        margin-top: 0.2rem;
    }
    
    /* 弹窗优化 */
    .popup {
        width: 90%;
        margin: 0.2rem auto;
    }
    
    .popup-body {
        flex-direction: column;
    }
    
    .popup-body_right {
        width: 100%;
    }
    
    /* 修复原始布局 */
    .dflex {
        flex-direction: column;
    }
    
    .dflex > div {
        width: 100%;
    }
    
    /* 修复banner区域 */
    .banner .big-swiper_img {
        padding-bottom: 55%;
    }
    
    .banner .big-swiper_text .d1 {
        /* flex-direction: column; */
        gap: 0.15rem;
    }
    
    .banner .txt-swiper {
        bottom: 0.1rem;
    }
    
    .banner .txt-swiper_p {
        display: none;
    }
    
    .banner .txt-swiper_process {
        width: 0.2rem;
        height: 0.02rem;
        margin-bottom: 0;
    }
    
    /* 修复boxb区域 */
    .boxb-swiper_item {
        flex-direction: column;
    }
    
    .boxb-swiper_left,
    .boxb-swiper_right {
        width: 100%;
    }
    
    .boxb-swiper_right {
        margin-top: 0.2rem;
    }
    
    .boxb-txt_swiper-process {
        width: 0.2rem;
        height: 0.02rem;
    }
    
    /* 修复boxc区域 */
    .boxc-tab {
        width: 100%;
    }
    
    .boxc-one_text-more a {
        font-size: .24rem;
    }
    
    .boxc-one_img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
    
    .boxc-one_text {
        position: relative;
        z-index: 99;
        padding: 30px 20px;
    }
    
    /* 修复boxd区域 */
    .boxd-swiper_item {
        flex-direction: column;
    }
    
    .boxd-swiper_item > div {
        width: 100%;
    }
    
    .boxd-swiper_text {
        padding: 0.2rem 0.2rem 0.4rem 0.2rem;
    }
    
    .boxd-swiper_controll {
        position: static;
        justify-content: center;
        margin-top: 0.2rem;
    }
    
    /* 修复boxf区域 */
    .boxf-swiper_item:hover .boxf-swiper_item-text {
        background: #fff;
    }
    
    .boxf-swiper_item:hover .boxf-swiper_item-text .p1 {
        color: #000;
    }
    
    .boxf-swiper_item:hover .boxf-swiper_item-text .p2 span,
    .boxf-swiper_item:hover .boxf-swiper_item-text .p2 i {
        color: #8997a3;
    }
}

/* 手机端深度优化 (768px及以下) */
@media (max-width: 10px) {
    /* 通用网格布局改为单列 */
    .jscx-list-item,
    .hxgn-list--item,
    .teamlist-item,
    .fw-item,
    .xzlist_item,
    .zrlistitem,
    .hxgn-list--item {
        width: 100% !important;
    }
    
    /* 核心创新卡片间距 */
    .jscx-list {
        gap: 0.15rem;
    }
    
    .jscx-list_item-text {
        left: 0.15rem;
        right: 0.15rem;
        bottom: 0.15rem;
    }
    
    /* 团队区域 */
    .teamlist {
        gap: 0.15rem;
    }
    
    .teamlist-item-im img {
        width: 1.2rem;
        height: 1.2rem;
    }
    
    /* 流程图调整为单行滚动 */
    .lcfa {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 0.1rem;
        gap: 0.6rem;
    }
    
    .lcfa_item {
        flex: 0 0 auto;
        width: 3rem !important;
    }
    
    .lcfa_item p {
        min-height: auto;
        margin-top: 0.1rem;
        font-size: 0.4rem;
    }
    
    /* 时间轴导航简化 */
    .timeline-nav {
        /* flex-direction: column; */
        gap: 0.2rem;
    }
    
    .timeline-line,
    .timeline-indicator {
        display: none;
    }
    
    .timeline-nav-item {
        width: 100%;
    }
    
    .timeline-year {
        font-size: 0.18rem;
        padding: 0.08rem 0.2rem;
    }
    
    /* 轮播控制按钮完全隐藏 */
    .boxf-swiper_controll-left2,
    .boxf-swiper_controll-right2 {
        display: none;
    }
    
    /* 修复图片尺寸 */
    .mwimg img,
    .popup-body_right .d3 img,
    .logo a img {
        max-width: 100%;
        height: auto;
    }
    
    /* 按钮内图标调整 */
    .box-btn i {
        font-size: 14px;
        margin-left: 0.08rem;
    }
    
    /* 修复文字溢出 */
    .tow {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    /* 特殊处理一些元素的显示 */
    .d2 img,
    .hero-inner .d2 img {
        width: 0.3rem;
    }
    
    /* 调整部分文字大小 */
    /* .hero-inner .p1 {
        font-size: 0.32rem;
    } */
    
    /* p.hero-subtitle {
        font-size: 0.16rem;
    } */
    
    .box-title .p1 {
        font-size: 0.22rem;
    }
    
    /* 调整按钮大小 */
    .box-btn {
        font-size: 14px;
        padding: 8px 20px;
    }
}

/* 小手机优化 (480px及以下) */
@media (max-width: 1px) {
    html {
        font-size: 12px;
    }
    
    .wrap, .wrap1, .wrap4 {
        padding: 0 0.1rem;
    }
    
    .box-title .p1 {
        font-size: .5rem;
    }
    
    .box-title .p2,
    .box-title .p3,
    .box-title .p4 {
        font-size: 0.4rem;
    }
    
    .banner .big-swiper_text .p1 {
        font-size: 0.8rem;
    }
    
    .banner .big-swiper_text .p2 {
        font-size: 0.42rem;
    }
    
    /* .hero-inner .p1 {
        font-size: 0.28rem;
    } */
    
    /* p.hero-subtitle {
        font-size: 0.16rem;
    } */
    
    .box-btn {
        font-size: 14px;
         padding: 8px 20px;
    }
    
    /* 隐藏不必要的大图片背景 */
    .box.hxgn,
    .box.jjfa,
    .box.about,
    .box.fw {
        background-size: auto 100%;
    }
    
    /* 进一步简化布局 */
    .intro-card,
    .intro-card1 {
        margin-top: -0.2rem;
        padding: 0.2rem 0.15rem;
    }
    
    .fw-item,
    .xzlist_item,
    .abputkp,
    .qjlc_left {
        padding: 0.5rem;
    }
    
    /* 团队头像进一步缩小 */
    .teamlist-item-im img {
        width: 1rem;
        height: 1rem;
    }
    
    /* 简化导航 */
    .nav-item-iner a {
        font-size: 12px;
        padding: 0 0.08rem;
    }
    
    /* 修复轮播点 */
    .boxd-swiper_controll-dots .swiper-pagination-bullet,
    .boxf-swiper_controll-dots .swiper-pagination-bullet {
        width: 0.08rem;
        height: 0.08rem;
        margin: 0 0.08rem !important;
    }
    
    .boxd-swiper_controll-dots .swiper-pagination-bullet-active,
    .boxf-swiper_controll-dots .swiper-pagination-bullet-active {
        width: 0.1rem;
        height: 0.1rem;
    }
}

/* 横屏手机优化 */
@media (max-height: 0.6rem) and (orientation: landscape) {
    .dwcp {
        padding-top: 0.8rem;
    }
    
    .hero-inner .p1 {
        font-size: 0.24rem;
    }
    
    /* p.hero-subtitle {
        font-size: 0.14rem;
    } */
    
    .hero-btns {
        margin-top: 0.2rem;
    }
}

/* 打印样式优化 */
@media print {
    .box-btn,
    .nav,
    .footer-social,
    .popup-dialog,
    .hero-inner .d2,
    .boxf-swiper_controll-left1,
    .boxf-swiper_controll-right1,
    .boxf-swiper_controll-left2,
    .boxf-swiper_controll-right2 {
        display: none !important;
    }
    
    .box {
        break-inside: avoid;
        page-break-inside: avoid;
    }
    
    a {
        text-decoration: none;
        color: #000;
    }
    
    .tybanner:after {
        background: transparent;
    }
}