@charset "utf-8";
/* ============================================
   PbootCMS 响应式样式 - 移动端和平板适配
   ============================================ */

/* ========== 平板横屏 & 小屏桌面 (max-width: 1024px) ========== */
@media screen and (max-width: 1024px) {
    /* 全局容器 */
    .c1440 { width: 96%; min-width: 0 !important; padding: 0 2%; }
    .m1440 { min-width: 0 !important; }

    /* 头部导航 */
    .header { min-width: 0 !important; }
    .headerNav-backdrop.open { width: 100% !important; }
    .menuInner { width: 100%; }
    .menu li { width: 80%; margin: 15px 10%; }
    .menu li p { font-size: 36px; width: 60%; }
    .menu li span { font-size: 14px; width: 90px; }

    /* Banner */
    #indexBanner { min-width: 0 !important; height: 60vh; }
    .banner { min-width: 0 !important; }
    .banner1_1 { font-size: 36px; line-height: 56px; left: 5%; top: 30%; }
    .banner1_2 { width: 30%; left: 5%; top: 58%; }
    .rightIcon { width: 40px; }
    .rightIcon .item a { width: 40px; font-size: 12px; }
    .rightIcon .item a.cur { font-size: 20px; }
    .rightIcon .icon { width: 40px; }
    .rightIcon .icon dl dt { width: 40px; height: 40px; background-size: 240px 300px; }
    .rightIcon .icon dl.icon1 dt { background-position: 0 0; }
    .rightIcon .icon dl.icon2 dt { background-position: 0 -40px; }
    .rightIcon .icon dl.icon5 dt { background-position: 0 -160px; }

    /* 首页服务 */
    .indexService { width: 100%; padding: 0 2%; }
    .indexService .List dl { width: 33.33%; padding-top: 15rem; height: 35rem; }
    .indexService .List dl:nth-child(n+4) { border-top: solid 1px #f5f5f5; }
    .indexService .Top { width: 96%; padding: 0 2%; }
    .indexService .Top .title { font-size: 1.4rem; left: 10%; }
    .indexService .Top .summary { left: 10%; font-size: 0.75rem; }
    .indexService .Top .more a { right: 5%; top: 4rem; }

    /* 页面Banner */
    .pageBanner .Cont,
    .pageBanner .ContAbout,
    .pageBanner .ContD,
    .pageBanner .ContMD { width: 90% !important; margin-left: -45% !important; }
    .pageBanner .Cont .title,
    .pageBanner .ContAbout .title { font-size: 36px; }
    .pageBanner .Cont .slogan { font-size: 14px; line-height: 24px; }
    .pageBanner .ContAbout .list dl { width: 24%; }
    .pageBanner .ContAbout .list dl dt { font-size: 48px; }

    /* 页面导航 */
    .pageNav ul { width: 96%; padding: 0 2%; }
    .pageNav ul li { margin-right: 25px; }

    /* 案例列表 */
    .pageCase { width: 96%; padding: 3% 2%; }
    .pageCase ul li { width: 48.5%; margin: 0.75%; }

    /* 新闻列表 */
    .pageNews { width: 96%; padding: 0 2%; }

    /* 关于我们 */
    .about01 { width: 96%; padding: 0 2%; }
    .about01 .cont { width: 55%; }
    .about01 .img { width: 40%; height: auto; }
    .about01 .img img { width: 100%; height: auto; }
    .about02 .cont .con { width: 96%; }
    .about03 { width: 96%; }
    .about03 dl { width: 30%; margin-left: 2.5%; }
    .about04 { height: auto; }
    .about04 .List { width: 96%; height: auto; position: relative; }
    .about04 .List .cont { position: relative; top: 0; right: 0; width: 100%; padding: 1.5rem; height: auto; }
    .about04 .List .suncher { position: relative; top: 0; width: 100%; padding: 0 1.5rem; font-size: 2rem; }

    /* 联系我们 */
    .pageContact .list { width: 96%; }
    .pageContact .list dl { width: 44%; margin: 2% 3%; }
    .pageMap { min-width: 0 !important; }
    .pageMap .list { width: 90%; margin-left: -45% !important; }

    /* 底部 */
    .indexFooter .Left { width: 65%; }
    .indexFooter .Right { width: 30%; }

    /* 浮动导航 */
    .headerFloat { height: 70px; }
    .headerFloat .nav .m { width: auto; margin: 0 8px; }
    .headerFloat .nav h3 { font-size: 14px; }

    /* 案例详情 */
    .caseDetails { width: 96%; }
    .NewsDC,
    .relatedNews { width: 96%; }

    /* 合作伙伴 */
    .pagePartner { width: 96%; }

    /* 表单 */
    .pageForm { width: 96%; padding: 0 2%; }
}

/* ========== 手机竖屏 (max-width: 768px) ========== */
@media screen and (max-width: 768px) {
    /* 全局 */
    .c1440 { width: 92%; padding: 0 4%; }
    .fl, .fr { float: none !important; }
    img { max-width: 100%; height: auto; }

    /* 头部 */
    .headerLogo { margin: 15px 0 0 4%; width: 120px; height: 32px; }
    .headerLogo a { width: 225px; height: 42px; background-size: 225px 42px; }
    .headerNav { margin: 12px; }
    .menuInner { width: 100%; }
    .menuInner .menu { padding-top: 20%; }
    .menu li { width: 90%; margin: 12px 5%; }
    .menu li a { line-height: 40px; }
    .menu li p { font-size: 24px; width: 55%; padding-left: 10px; }
    .menu li span { font-size: 12px; width: 70px; }
    .mcontact { width: 90%; padding: 0 5%; bottom: 20px; }
    .mcontact .fl { font-size: 13px; }

    /* 首页Banner */
    #indexBanner { height: 50vh; min-width: 0 !important; }
    .banner { min-width: 0 !important; }
    .banner1_1 { font-size: 22px; line-height: 36px; left: 5%; top: 35%; }
    .banner1_2 { width: 40%; left: 5%; top: 60%; height: 2px; }
    .switch { left: 4%; bottom: 20px; }
    .rightIcon { display: none; }
    .chevron { bottom: 8%; }

    /* 首页服务 */
    .indexService .List dl { width: 100%; padding-top: 6rem; height: auto; min-height: 14rem; border-left: 0; border-top: solid 1px #f5f5f5; }
    .indexService .Top { position: relative; top: 0; padding: 1.5rem 4%; }
    .indexService .Top .icon1,
    .indexService .Top .icon2 { display: none; }
    .indexService .Top .title { position: relative; font-size: 1.1rem; line-height: 1.8rem; top: 0; left: 0; }
    .indexService .Top .summary { position: relative; font-size: 0.8rem; top: 0.5rem; left: 0; }
    .indexService .Top .more a { position: relative; width: auto; display: inline-block; right: 0; top: 1rem; padding-right: 30px; }

    /* 页面Banner */
    .pageBanner { height: 35vh; min-height: 200px; }
    .pageBanner .BgImg img { height: 35vh; min-height: 200px; }
    .pageBanner .Cont,
    .pageBanner .ContAbout,
    .pageBanner .ContD,
    .pageBanner .ContMD { width: 90% !important; margin-left: -45% !important; top: 25%; }
    .pageBanner .Cont .title,
    .pageBanner .ContAbout .title { font-size: 24px !important; }
    .pageBanner .Cont .slogan { font-size: 12px; line-height: 20px; margin-top: 15px; }
    .pageBanner .Cont .more a { margin-top: 20px; font-size: 12px; width: auto; padding: 0 30px 0 15px; line-height: 30px; height: 30px; }
    .pageBanner .ContAbout .list { margin-top: 30px; }
    .pageBanner .ContAbout .list dl { width: 48%; margin-bottom: 15px; }
    .pageBanner .ContAbout .list dl dt { font-size: 36px; }

    /* 页面导航 */
    .pageNav ul { width: 92%; padding: 0 4%; text-align: center; }
    .pageNav ul li { display: inline-block; margin: 5px 10px; }
    .pageNav ul li a { font-size: 14px; }

    /* 案例列表 */
    .pageCase ul li { width: 100%; margin: 2% 0; }
    .pageCase ul li .cont .title { font-size: 18px; }
    .pageCase ul li .cont .title span { font-size: 14px; }

    /* 关于我们 */
    .about01 { text-align: center; }
    .about01 .cont { width: 100%; float: none; }
    .about01 .img { width: 100%; float: none; margin-top: 20px; }
    .about01 .img img { width: 100%; }
    .about01 .list dl { width: 48%; margin: 1%; display: inline-block; float: none; }
    .about02 .cont .con .title { width: 100%; float: none; }
    .about02 .cont .con .list { width: 100%; float: none; padding: 1rem 0; }
    .about02 .cont .con .list dl dd { font-size: 12px; }
    .about03 dl { width: 90%; margin: 15px 5%; }
    .about04 .List .img1,
    .about04 .List .img2,
    .about04 .List .img3,
    .about04 .List .img4,
    .about04 .List .img5 { position: relative !important; width: 100% !important; height: auto !important; top: auto !important; left: auto !important; right: auto !important; }
    .about04 .List .cont .title { font-size: 1.5rem; }
    .about04 .List .cont .line { position: relative; right: auto; bottom: auto; margin-top: 1rem; }
    .about04 .List .suncher { font-size: 2.5rem; line-height: 3rem; height: auto; }

    /* 联系我们 */
    .pageContact .list dl { width: 90%; margin: 3% 5%; }
    .pageMap { height: 300px; }
    .pageMap .list { width: 92%; margin-left: -46% !important; left: 50% !important; }
    .pageMap .list dl { width: 100%; margin-bottom: 10px; }

    /* 首页新闻 */
    .indexNews .NewsL .NewsNav ul { text-align: center; }
    .indexNews .NewsL .NewsNav ul li { display: inline-block; margin: 5px; }
    .indexNews .NewsL .list ul li { padding: 15px 10px; }
    .indexNews .NewsL .list ul li .name { width: 100%; }
    .indexNews .NewsL .list ul li .name a { font-size: 16px; }
    .indexNews .NewsL .list ul li .con { display: none; }

    /* 浮动导航栏（PC端滚动导航） */
    .headerFloat { height: 56px; }
    .headerFloat .logo { margin: 14px 0 0 4%; width: 100px; height: 28px; }
    .headerFloat .logo a { width: 200px; height: 40px; background-size: 200px 40px; }
    .headerFloat .nav .m { margin: 0 4px; }
    .headerFloat .nav h3 { font-size: 12px; }
    .headerFloat .nav h3 a { line-height: 56px; }

    /* 底部 */
    .indexContact .List dl { width: 48%; margin: 1%; display: inline-block; }
    .indexFooter { text-align: center; }
    .indexFooter .Left { width: 100%; float: none; }
    .indexFooter .Right { width: 100%; float: none; margin-top: 15px; text-align: center; }
    .indexFooter .Right dl { display: inline-block; float: none; }

    /* 客服浮动 */
    #main_kefu { right: 5px; bottom: 60px; }
    #main_kefu dl { width: 36px; height: 36px; margin-bottom: 5px; }
    #main_kefu dl dt { width: 36px; height: 36px; }
    #main_kefu dl dt a { width: 36px; height: 36px; background-size: 216px 252px; }
    #main_kefu dl.icon2 dt { background-position: 0 -36px; }
    #main_kefu dl.icon4 dt { background-position: 0 -108px; }
    #main_kefu dl.icon6 dt { background-position: 0 -180px; }

    /* 分页 */
    .pages a { margin: 0 8px; font-size: 14px; }
    .pages span { margin: 0 8px; }

    /* 通用 */
    .pageMore .p1 { font-size: 22px; }
    .pageMore .p2 { font-size: 14px; margin: 10px 0 20px; }
}
/* ========== 补充规则 - 针对 css.css 和更多模板 ========== */
@media screen and (max-width: 768px) {
    /* service 页面 */
    .ser1_main1 .con { width: 92% !important; padding: 0 4% !important; }
    .ser1_main1 .con li { width: 46%; margin-right: 4%; margin-bottom: 15px; height: auto; min-height: 200px; }
    .ser1_main1 .con li:nth-child(2n) { margin-right: 0; }
    .ser1_main1 .con li:nth-child(-n+3):after { display: none; }
    .ser1_main1 .ser1_tl h3 { font-size: 22px; }

    /* Website 服务页 */
    .Website { width: 92% !important; }
    .Website .cont .left { width: 100% !important; float: none !important; }
    .Website .cont .right { width: 100% !important; float: none !important; margin-top: 20px; height: 200px !important; }
    .Website .list dl { width: 46%; margin: 2%; float: left; }
    .WebExperience .list dl { width: 46%; margin: 2%; }

    /* 新闻详情 */
    .NewsDC { width: 92% !important; }
    .NewsDC .NewsD { width: 100% !important; float: none !important; }
    .NewsDC .rightNews { width: 100% !important; float: none !important; margin-top: 30px; }
    .NewsDTop .Cont .slogan .cont .left { width: 100%; float: none; }
    .NewsDTop .Cont .slogan .cont .right { width: 100%; float: none; margin-top: 10px; }

    /* 新闻列表 */
    .pageNews .newsList { width: 92% !important; }
    .pageNews .newsList li { width: 100% !important; }

    /* 产品列表 */
    .pageCase ul li { width: 100%; margin: 2% 0; }

    /* 关于页面 about02 */
    .about02 .cont .con .title { width: 100% !important; float: none !important; text-align: center; }
    .about02 .cont .con .list { width: 100% !important; float: none !important; }
    .about02 .cont .con .list dl { margin-bottom: 15px; }
    .about02 .cont .line { display: none; }

    /* 联系页面 */
    .pageForm { width: 92% !important; padding: 0 4% !important; }
    .pageContact .title { width: 92% !important; padding: 0 4%; }

    /* 移动端导航菜单 */
    .headerNav { display: block !important; }
    .headerFloat { display: none !important; }

    /* 禁用 hover 动画（提升移动端体验） */
    .pageCase ul li:hover .thumbnail { transform: none; }
    .pageCase ul li:hover .img p { transform: translateY(-101%); opacity: 0; }
    
    /* 微信/手机弹窗 */
    .popover_weixin dl,
    .popover_mobile dl { width: 260px; margin-left: -130px; }
    .popover_weixin dl dd img,
    .popover_mobile dl dd img { width: 180px; height: 180px; }

    /* 大字号缩小 */
    .banner1_1 { font-size: 20px !important; line-height: 32px !important; }
}

/* ========== 平板竖屏补充 ========== */
@media screen and (max-width: 900px) {
    /* 服务项两列布局 */
    .indexService .List dl { width: 50%; }
    .indexService .List dl:nth-child(odd) { border-left: 0; }
    .indexService .List dl:nth-child(n+3) { border-top: solid 1px #f5f5f5; }
    
    /* 底部联系方式 */
    .indexContact .List dl { width: 48%; margin: 1%; display: inline-block; vertical-align: top; }
    
    /* 案例两列 */
    .pageCase ul li { width: 48.5%; margin: 0.75%; }
}

/* ========== 小屏手机 (max-width: 480px) ========== */
@media screen and (max-width: 480px) {
    .headerLogo { width: 100px; }
    .headerLogo a { width: 180px; height: 34px; background-size: 180px 34px; }
    #indexBanner { height: 45vh; }
    .banner1_1 { font-size: 18px !important; line-height: 28px !important; }
    .menu li p { font-size: 20px; }
    .indexService .List dl { width: 100%; }
    .pageBanner { height: 30vh; min-height: 180px; }
    .pageBanner .Cont .title { font-size: 20px !important; }
    .indexContact .List dl { width: 100%; }
    .about01 .list dl { width: 96%; }
    .ser1_main1 .con li { width: 100%; margin-right: 0; }
}
/* ========== 更多固定宽度类适配 (max-width: 768px) ========== */
@media screen and (max-width: 768px) {
    .caseContent { width: 92% !important; margin: 2rem auto !important; }
    .caseDetails { width: 92% !important; }
    .pageNews { width: 92% !important; padding: 3% 4% !important; }
    .relatedNews { width: 92% !important; padding: 3% 4% !important; }
    .about06 .list { width: 92% !important; }
    .about02 .cont .con .title { width: 100% !important; height: auto !important; }
    .about04 .List { width: 92% !important; height: auto !important; padding-top: 2rem; }
    .about05List { width: 88% !important; padding: 1.5rem 4% !important; }
    .about05List .bd ul li { width: 46% !important; margin-right: 2% !important; margin-bottom: 15px; }
    
    /* 新闻详情页顶部 */
    .NewsDTop .Cont .title { width: 92% !important; font-size: 1.2rem !important; }
    .NewsDTop .Cont .slogan .cont { width: 92% !important; }
    .NewsDTop .Cont .slogan .right .List a { width: 2rem; height: 2rem; }
    .NewsDTop .Cont .slogan .right .Prev a i,
    .NewsDTop .Cont .slogan .right .Next a i { width: 8px; height: 8px; }
    
    /* 产品详情页 */
    .caseTop { margin: -3rem 0 2rem 0 !important; }
    .caseTop .caseImg { width: 100%; }
    .caseTop .caseImg img { width: 100%; }

    /* 图片自适应 */
    .pageBanner .BgImg img { width: 100% !important; height: auto !important; max-height: 40vh; object-fit: cover; }
    
    /* 通用内容区 padding */
    .pageCase ul { width: 100%; margin: 2% 0; }
    
    /* 隐藏PC端滚动导航（用原有菜单代替） */
    .headerFloat { display: none !important; }
    
    /* 禁用 body 文本选择限制（移动端体验） */
    body { -webkit-user-select: auto; user-select: auto; }
}

/* ========== 中屏补充 (max-width: 1024px) ========== */
@media screen and (max-width: 1024px) {
    .caseContent { width: 94% !important; }
    .caseDetails { width: 94% !important; }
    .pageNews { width: 94% !important; }
    .relatedNews { width: 94% !important; }
    .about06 .list { width: 94% !important; }
    .about05List { width: 92% !important; padding: 2rem 4% !important; }
    .about05List .bd ul li { width: 30% !important; margin-right: 1.5% !important; }
    
    /* 产品列表3列 */
    .pageCase ul li { width: 31.7%; margin: 0.75%; }
}

/* ========== 小屏优化 (=max-width: 480px) ========== */
@media screen and (max-width: 480px) {
    .about05List .bd ul li { width: 48% !important; margin-right: 2% !important; }
    .pageNav ul li { margin: 3px 6px; }
    .pageNav ul li a { font-size: 13px; }
    .pages1 .fl, .pages1 .fr { width: 100%; margin-bottom: 5px; }
    .pages1 .fl a, .pages1 .fr a { font-size: 13px; }
}