/* ============================================
   移动端适配 - 腾树检测
   断点：768px 以下为手机
   ============================================ */

@media (max-width: 768px) {

    /* ========== 基础重置 ========== */
    body, html {
        min-width: auto;
        font-size: 14px;
    }

    .cont,
    .layout,
    .type_area,
    .container {
        width: 100% !important;
        min-width: auto !important;
        max-width: 100% !important;
        padding: 0 15px;
        box-sizing: border-box;
    }

    /* ========== 顶部工具栏 ========== */
    .hTop {
        height: auto;
        padding: 8px 0;
    }

    .hTop > div {
        flex-direction: column;
        gap: 6px;
    }

    .tleft {
        font-size: 12px;
        text-align: center;
    }

    .tright {
        justify-content: center;
    }

    .tright > li {
        margin-left: 12px;
        font-size: 12px;
    }

    .tphone {
        margin-left: 12px !important;
    }

    /* ========== Logo 和搜索区 ========== */
    .hLogo {
        flex-direction: column;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .LogoImg {
        margin-bottom: 15px;
    }

    .LogoImg img {
        width: 140px;
        height: auto;
    }

    .LogoImg p {
        display: none;
    }

    .Search {
        margin-right: 0;
        width: 100%;
    }

    .Stop {
        width: 100%;
        height: 38px;
    }

    .Stop .cClick {
        width: 80px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }

    .hot {
        width: 100%;
        margin-left: 0;
        justify-content: center;
        font-size: 12px;
    }

    /* ========== 导航栏 ========== */
    .NavBox {
        height: auto;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .NavBox1 {
        flex-wrap: nowrap;
        min-width: max-content;
    }

    .Nimg {
        width: 180px;
        height: 40px;
        font-size: 14px;
        padding-left: 12px;
        flex-shrink: 0;
    }

    .Nimg > img {
        width: 16px;
        height: 16px;
        margin-right: 6px;
    }

    .Nav {
        margin-left: 20px;
        display: flex;
        flex-wrap: nowrap;
    }

    .Nav li {
        width: auto;
        margin-right: 20px;
        padding: 0 8px;
        font-size: 14px;
        flex-shrink: 0;
    }

    /* 隐藏左侧分类导航（移动端用底部/其他方式） */
    .bannerguide {
        display: none !important;
    }

    .bg_child {
        display: none !important;
    }

    /* ========== Banner 区 ========== */
    .topbg {
        height: auto;
        min-height: 200px;
    }

    .topbgimg {
        width: 200%;
        max-width: none;
        left: -50%;
        height: 100%;
        object-fit: cover;
    }

    .topbg .boxtop {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        padding: 10px;
        flex-direction: column;
    }

    .topbg .boxtop .swiper-container {
        width: 100%;
    }

    .boxRight {
        width: 100%;
        margin-top: 15px;
    }

    .boxRight img {
        width: 100%;
        height: auto;
    }

    .rightMenu {
        margin-left: 0;
    }

    .rightMenu li {
        width: 100%;
    }

    /* ========== 中部菜单图标 ========== */
    .midMenu {
        margin-top: 0;
        flex-direction: column;
        padding: 15px 0;
    }

    .MidImg {
        width: 100%;
        height: auto;
        padding: 20px 0;
    }

    .MidImg img {
        width: 160px;
        height: auto;
    }

    .MidIcon {
        width: 100%;
        padding-left: 0;
    }

    .MidIcon li {
        width: 25%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .MidIcon li img {
        width: 50px;
        height: auto;
    }

    .MidIcon li p {
        font-size: 12px;
        margin-top: 4px;
        line-height: 1.4;
    }

    /* ========== 产品/品牌列表 ========== */
    .brandTit {
        font-size: 18px;
        margin-top: 20px;
        text-align: center;
    }

    .bList {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .bList li {
        width: 48%;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }

    .bListA li img {
        width: 100%;
        height: auto;
    }

    .bListB li img {
        width: 100%;
        height: auto;
    }

    .shade p {
        font-size: 16px;
        margin-top: 25%;
    }

    .shade span {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    /* ========== 中间横幅 ========== */
    .midBanner,
    .midBanner1 {
        height: auto;
    }

    .midBanner img,
    .midBanner1 img {
        width: 100%;
        height: auto;
    }

    /* ========== 推荐商品 ========== */
    .goodsRecom {
        margin: 40px auto;
    }

    .goodsTit > h6 {
        font-size: 22px;
        width: 100px;
    }

    .goodsTit > h6::before,
    .goodsTit > h6::after {
        width: 20px;
        left: -40px;
        right: -40px;
        top: 12px;
    }

    .goodsTit > p {
        font-size: 14px;
    }

    .goodsBox {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .goodsBox > li {
        width: 48%;
        margin-right: 0 !important;
        margin-bottom: 12px;
    }

    .goodsBox > li > a {
        width: 100%;
        height: auto;
        padding: 8px;
    }

    .Dtit {
        font-size: 14px;
        line-height: 20px;
        margin-top: 12px;
    }

    .Dsubtit {
        font-size: 12px;
    }

    /* ========== 产品展示区 ========== */
    .ProBox {
        flex-direction: column;
    }

    .ProLeft {
        width: 100%;
        height: auto;
    }

    .ProNavbg {
        width: 100%;
        height: 100%;
    }

    .ProNav {
        padding: 20px;
    }

    .ProNav h6 {
        font-size: 20px;
        line-height: 30px;
    }

    .ProNav ul {
        margin-top: 15px;
        display: flex;
        flex-wrap: wrap;
    }

    .ProNav ul li {
        margin-right: 12px;
        margin-bottom: 10px;
        font-size: 13px;
    }

    .ProRight {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }

    .ProList {
        height: auto;
    }

    .ProList li {
        width: 48%;
        margin-right: 2% !important;
        margin-bottom: 10px;
        height: auto;
        padding: 10px;
    }

    .ProList li:nth-of-type(5n+5) {
        margin-right: 2% !important;
    }

    .ProList li:nth-of-type(2n+2) {
        margin-right: 0 !important;
    }

    .proPic {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
    }

    .proPic img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .proTit2 {
        margin-top: 15px;
    }

    .ProBrand {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .ProBrand li {
        width: 23%;
        margin-right: 2% !important;
        margin-bottom: 8px;
    }

    .ProBrand li a img {
        width: 100%;
        height: auto;
    }

    /* ========== 动态新闻区 ========== */
    .dymBox {
        margin-top: 20px;
    }

    .dymTit p {
        font-size: 18px;
    }

    .dymList {
        padding: 15px;
        flex-direction: column;
    }

    .dymLeft {
        width: 100%;
        height: auto;
        margin-top: 0;
    }

    .dymLeft .MenuImg {
        width: 100%;
        height: auto;
    }

    .dymRight {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }

    .dynamic {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .dynamic li {
        width: 100%;
        height: auto;
        margin-right: 0 !important;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }

    .line01, .line02 {
        display: none;
    }

    .dymRTit {
        font-size: 16px;
        line-height: 22px;
    }

    .dymForm {
        font-size: 14px;
        line-height: 20px;
        margin-top: 8px;
    }

    .dymNum {
        margin-top: 8px;
    }

    .dymNum p,
    .dymNum span {
        font-size: 13px;
    }

    /* ========== 新闻中心 ========== */
    .NewBox {
        padding: 15px;
    }

    .NewNav p {
        font-size: 18px;
    }

    .NewNav span {
        font-size: 14px;
    }

    .NewList {
        display: flex;
        flex-direction: column;
    }

    .NewLeft {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .NewRight {
        width: 100%;
    }

    .NewLPic {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;
    }

    .NewTit p {
        font-size: 18px;
    }

    .NewLderc {
        font-size: 13px;
        line-height: 22px;
    }

    .NListBox li p {
        width: calc(100% - 70px);
    }

    .Newtime {
        font-size: 12px;
    }

    /* ========== 优势/实力区 ========== */
    .main {
        padding: 30px 0 0 0;
    }

    .main .top {
        font-size: 22px;
        text-align: center;
    }

    .main .advantage {
        margin-bottom: 50px;
    }

    .main .advantage ul {
        flex-direction: column;
        align-items: center;
        margin-top: 30px;
    }

    .main .advantage ul li {
        width: 100%;
        max-width: 300px;
        height: 250px;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .main .advantage ul li .title {
        font-size: 28px;
        margin-top: 40px;
        padding-left: 20px;
        line-height: 30px;
    }

    .main .advantage ul li .text {
        font-size: 13px;
        width: 80%;
        margin-left: 20px;
        margin-top: 20px;
        line-height: 22px;
    }

    .main .strong ul {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 30px;
    }

    .main .strong ul li {
        width: 48%;
        height: auto;
        aspect-ratio: 1.4;
        margin-right: 0;
        margin-bottom: 10px;
    }

    /* ========== 流程区 ========== */
    .main .process .top {
        margin-top: 30px;
    }

    .main .process .top .title {
        font-size: 22px;
    }

    .main .process .top .text {
        font-size: 14px;
    }

    .main .process ul {
        width: 100%;
        margin: 40px 0;
        flex-direction: column;
        align-items: center;
    }

    .main .process ul li {
        width: 90%;
        max-width: 320px;
        height: 140px;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .main .process ul li img {
        left: 50%;
        top: 20px;
        transform: translateX(-50%);
        width: 40px;
        height: auto;
    }

    .main .process ul li p {
        font-size: 18px;
        padding-top: 30px;
    }

    .main .process ul li p span {
        font-size: 36px;
    }

    .main .process ul li .triangle {
        display: none;
    }

    /* ========== 申请区 ========== */
    .main .apply_for {
        padding: 40px 15px;
    }

    .main .apply_for .operation {
        width: 100%;
        flex-direction: column;
        gap: 15px;
        margin-top: 30px;
    }

    .main .apply_for .operation .btn {
        width: 200px;
    }

    /* ========== 分类入口区 ========== */
    .ifyBox ul {
        width: 48%;
        margin-right: 2% !important;
        margin-bottom: 10px;
        height: auto;
        min-height: 200px;
    }

    .ifyBox ul:nth-last-of-type(1) {
        margin-right: 2% !important;
    }

    .ifyBox ul:nth-of-type(2n) {
        margin-right: 0 !important;
    }

    .ifyBox ul li:nth-child(1) {
        font-size: 16px;
        line-height: 36px;
    }

    .ifyBox ul li {
        font-size: 13px;
        line-height: 30px;
        padding-left: 12px;
    }

    .ifyMore {
        font-size: 18px;
        margin-top: 30px;
        padding-bottom: 40px;
    }

    /* ========== 合作品牌轮播 ========== */
    .merchantBox {
        margin-top: 20px;
    }

    .merTit {
        font-size: 18px;
    }

    .merList {
        height: auto;
        padding: 15px 0;
    }

    .MerBanner {
        width: 100%;
    }

    .MerPic {
        width: 25%;
        height: auto;
        aspect-ratio: 2;
        margin-right: 0;
    }

    .MerPic img {
        max-width: 90%;
        max-height: 80%;
    }

    /* ========== 首页产品卡片列表 ========== */
    .lielb {
        width: 100% !important;
        justify-content: space-between;
    }

    .lielb .lielbli {
        width: 48% !important;
        height: auto;
        margin-right: 0 !important;
        margin-bottom: 15px;
    }

    .lielb .lielbli .lielbla {
        height: 230px;
        background-size: cover;
    }

    .lielb .lielbli .lielbla:hover {
        position: relative;
        height: 230px;
        width: 100%;
    }

    .lielb .lielbli .lielbla .lielblc {
        width: 85%;
        margin: 20px 0 8px 10%;
        font-size: 13px;
        line-height: 20px;
    }

    .lielb .lielbli .lielbla .lielbld {
        width: 80%;
        margin-left: 10%;
    }

    .lielb .lielbli .lielbla .lielble,
    .lielb .lielbli .lielbla .lielblg,
    .lielb .lielbli .lielbla .lielblgh,
    .lielb .lielbli .lielbla .lielblgi {
        width: 80%;
        margin-left: 10%;
    }

    .lielb .lielbli .lielbla .lielblgk {
        margin-left: 10%;
    }

    /* ========== 分页 ========== */
    .pagenation {
        margin-bottom: 40px;
    }

    .indexpage, .lastpage, .nextpage {
        width: 40px;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
    }

    .pageswiperbox .pageswiper .pagenum {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .pagetext {
        font-size: 12px;
    }

    .pagetext input {
        width: 40px;
        height: 30px;
    }

    .pagesubbtn a {
        width: 40px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .totalpage {
        font-size: 12px;
        margin-right: 10px;
    }

    /* ========== 底部 ========== */
    .footerBox {
        flex-direction: column;
        padding: 20px 0;
    }

    .fLeft {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .fLContact {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }

    .fMid {
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px;
    }

    .fMid > ul {
        width: 33%;
        margin-right: 0;
        text-align: center;
        margin-top: 10px;
    }

    .fMid > ul > li {
        margin-bottom: 12px;
        font-size: 14px;
    }

    .fRight {
        width: 100%;
        padding-top: 0;
        justify-content: space-around;
    }

    .fRightCode:nth-child(1) {
        margin-right: 0;
    }

    .fRightCode img {
        width: 100px;
        height: 100px;
    }

    .fRightCode p {
        font-size: 14px;
    }

    .bottom {
        height: auto;
        line-height: 1.6;
        padding: 15px;
        font-size: 13px;
    }

    /* ========== 侧边栏/客服 ========== */
    .kefuBox,
    .reBox,
    .SlideBox {
        display: none !important;
    }

    /* ========== 友情链接 ========== */
    .links {
        height: auto;
        line-height: 1.6;
        padding: 15px 0;
    }

    .linksBox {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .linksList {
        display: flex;
        flex-wrap: wrap;
    }

    .linksList li {
        font-size: 12px;
        margin-right: 12px;
        margin-bottom: 5px;
    }

    /* ========== 面包屑 ========== */
    .Crumbs {
        margin-top: 15px;
        margin-bottom: 12px;
        font-size: 13px;
    }

    /* ========== 发布需求弹窗 ========== */
    .postNeed {
        width: 95%;
        max-width: 400px;
        height: auto;
        padding-bottom: 20px;
    }

    .NeedTop {
        height: auto;
        padding-bottom: 10px;
    }

    .NeedTop > p {
        font-size: 20px;
        padding-top: 20px;
    }

    .NeedTop > span {
        font-size: 14px;
        margin-top: 10px;
    }

    .NeedInput {
        margin-top: 20px;
    }

    .NeedInput li {
        width: 90%;
    }

    .NeedSub {
        width: 80%;
    }

    .Needjion {
        margin-top: 20px;
    }

    .succeed {
        margin-top: 40px;
        margin-bottom: 40px;
        font-size: 16px;
    }

    /* ========== 页面标题区 ========== */
    .page-header {
        padding: 30px 0 36px;
    }

    .page-header h1 {
        font-size: 22px;
    }

    .page-header .lead {
        font-size: 14px;
        line-height: 1.6;
    }

    .search-form {
        flex-direction: column;
        gap: 8px;
    }

    .search-form input {
        padding: 12px 14px;
        font-size: 14px;
    }

    .search-form button {
        padding: 12px 20px;
        font-size: 14px;
        width: 100%;
    }

    /* ========== 区块标题 ========== */
    .section-title {
        margin-bottom: 20px;
    }

    .section-title h2 {
        font-size: 20px;
    }

    .section-title .sub {
        font-size: 13px;
    }

    /* ========== 卡片网格（标准列表/分类等）========== */
    .card-grid {
        gap: 12px;
        grid-template-columns: 1fr !important;
    }

    .card-grid.cols-2,
    .card-grid.cols-3,
    .card-grid.cols-4 {
        grid-template-columns: 1fr !important;
    }

    .card {
        padding: 18px;
    }

    .card-icon {
        width: 40px;
        height: 40px;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .card-title {
        font-size: 16px;
    }

    .card-desc {
        font-size: 13px;
    }

    /* ========== 表格适配（标准详情等）========== */
    .table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table th,
    .table td {
        padding: 8px 12px;
        font-size: 13px;
        white-space: nowrap;
    }

    .info-table dl {
        grid-template-columns: 100px 1fr !important;
    }

    .info-table dt,
    .info-table dd {
        padding: 10px 12px;
        font-size: 13px;
    }

    /* ========== FAQ 列表 ========== */
    .faq-item > summary {
        padding: 12px 16px;
        font-size: 14px;
    }

    .faq-item .faq-answer {
        padding: 0 16px 12px;
        font-size: 13px;
        line-height: 1.6;
    }

    /* ========== 热门标准/标签 ========== */
    .tag-cloud,
    .hot-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .card-tag {
        font-size: 11px;
        padding: 2px 8px;
    }

    /* ========== 关于我们页面 ========== */
    .page-header h1 {
        font-size: 24px;
    }

    .page-header .lead {
        font-size: 13px;
        line-height: 1.6;
    }

    .hero-badges {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }

    .hero-badges span {
        font-size: 12px;
        padding: 6px 12px;
    }

    .card-grid.cols-4 {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .article-card {
        padding: 16px;
    }

    .article-card p {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    .cta-band h2 {
        font-size: 22px;
    }

    .cta-band p {
        font-size: 14px;
    }

    .hero-cta {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .hero-cta .btn {
        width: 100%;
        max-width: 260px;
    }

    .faq-list {
        gap: 10px;
    }

    .faq-item > summary {
        font-size: 14px;
        padding: 14px 16px;
    }
}

/* ============================================
   小屏手机（≤480px）微调
   ============================================ */
@media (max-width: 480px) {
    .MidIcon li {
        width: 33.33%;
    }

    .goodsBox > li {
        width: 100%;
    }

    .ProList li {
        width: 100%;
        margin-right: 0 !important;
    }

    .bList li {
        width: 100%;
    }

    .main .strong ul li {
        width: 100%;
    }

    .ifyBox ul {
        width: 100%;
        margin-right: 0 !important;
    }

    .lielb .lielbli {
        width: 100% !important;
    }

    .fMid > ul {
        width: 50%;
    }

    .NewNav {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    /* 关于我们 - 480px 以下单列 */
    .card-grid.cols-4,
    .card-grid.cols-2 {
        grid-template-columns: 1fr !important;
    }

    .cta-band h2 {
        font-size: 20px;
    }
}