/* ===== 国卡集团主站 · 移动端自适应补丁（挂于 main.css 之后） ===== */
/* 作用范围：老版 1024px 固定布局，在 ≤1023px 屏幕上自动转为手机版 */

@media (max-width:1023px){

  /* ---- 全局防横向滚动 ---- */
  html,body{overflow-x:hidden;max-width:100%;}
  img{max-width:100%;}

  /* ---- 顶部热线条 ---- */
  .header{min-width:0;height:auto;line-height:1.6;text-align:center;padding:8px 10px;}

  /* ---- 导航：logo居中 + 胶囊横滑菜单 ---- */
  .contation{width:100%;padding:0 12px;box-sizing:border-box;}
  .nav{width:100%;height:auto;overflow:visible;padding:12px 0 6px;}
  .logo{float:none;width:auto;padding-top:0;text-align:center;}
  .logo img{max-height:46px;width:auto;}
  .navUl{float:none;width:100%;text-align:left;font-size:15px;
    display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;
    padding:10px 8px;box-sizing:border-box;scrollbar-width:none;}
  .navUl::-webkit-scrollbar{display:none;}
  .navUl li{flex:0 0 auto;width:auto;height:42px;line-height:42px;
    padding:0 16px;margin:0 4px;background:#f7f1e3;border-radius:999px;}
  .navUl li:hover{background:#f7f1e3;}
  .navUl li a{display:block;background:none !important;}
  .navUl li:nth-child(2) a{background:none !important;}
  .navUl li:nth-child(2).cur{background:#f7f1e3;}
  .navUl li.cur{background:#B22222;}
  .navUl li.cur a{background:none;color:#fff;font-weight:bold;}
  .navUl li .secoundNav{display:none !important;}

  /* ---- 首屏轮播 ---- */
  #owl-demo{min-width:0;}
  #owl-demo img{max-height:none;height:auto;}

  /* ---- 商权新生态四宫格 ---- */
  .part{width:100%;padding:0 12px;box-sizing:border-box;}
  .part .part-main{width:50%;padding:0 10px 30px;box-sizing:border-box;}
  .part .part-main p img{margin-right:4px;}
  .part-p{width:100%;}
  .textLeft{margin:30px 0;}
  .textLeft p{margin:0;}
  .textLeft h1{font-size:20px;}
  .imgRight{display:none;}
  .title{margin:36px 0;}

  /* ---- 付款/收款/分享三栏 ---- */
  .payWay{width:100%;}
  .pay{width:100%;float:none;height:auto;min-height:280px;
    padding:50px 16px;background-size:cover;background-position:center;}
  .pay h2{margin-top:20px;}

  /* ---- APP下载区 ---- */
  .prodCont{width:100%;padding:0 12px;box-sizing:border-box;}
  .phone .phoneLeft{width:auto;float:none;margin:0 16px;text-align:center;}
  .phone .phoneLeft h1{margin-top:24px;font-size:22px;}
  .phone .phoneRight{width:100%;float:none;text-align:center;}
  .downPhone{margin-top:20px;}
  .downPhone p{display:inline-block;margin:0 8px;}
  .downPhone img{max-width:130px;}

  /* ---- 三列产品卡 ---- */
  .prodList{margin-top:30px;}
  .prod{width:100%;float:none;height:auto;margin:0 0 18px;padding-bottom:18px;}
  .prod+.prod{margin-left:0;}
  .prod h1{font-size:17px;padding:0 10px;}
  .prod img{max-width:100%;height:auto;}

  /* ---- 关于我们 ---- */
  .aboutDiv{width:100%;box-sizing:border-box;padding:10px 14px;}
  .about{padding:0;background:none;min-height:0;}
  .about p{font-size:16px;margin-bottom:22px;text-indent:2em;}
  .aboutH1{margin-bottom:30px;}
  .aboutInfoPart{width:100%;float:none;margin:0 0 22px;}
  .aboutUl li{margin-right:24px;margin-bottom:8px;}
  .map img{max-width:100%;height:auto;}

  /* ---- 方法页横幅 ---- */
  .second{height:auto;}
  .secImg{height:220px;}
  .methodOne,.methodTwo,.methodThree{height:auto;padding:20px 0;}
  .methodOne .img,.methodTwo .img,.methodThree .img{
    width:100%;height:260px;background-size:contain;
    background-repeat:no-repeat;background-position:center;}

  /* ---- 知识/新闻列表（旧版） ---- */
  .knowImg{width:100%;margin-bottom:20px;}
  .knowImg img{width:100%;height:auto;display:block;}
  .list{width:100%;padding:0 14px 20px;box-sizing:border-box;}
  .listImg{float:none;width:100%;height:auto;margin-bottom:10px;}
  .listImg img{height:auto;}
  .listNews{float:none;width:100%;}
  .linkPage a,.linkPage span{margin:0 5px;display:inline-block;padding:4px 10px;}

  /* ---- 详情页 ---- */
  .detail{width:100%;padding:0 14px;box-sizing:border-box;}
  .detail img{max-width:100% !important;height:auto !important;display:block;margin:10px auto;}
  .whiteBg{width:100%;}

  /* ---- 页脚 ---- */
  .foot{min-width:0;}
  .foot .bottom{width:100%;padding:24px 16px;box-sizing:border-box;border:0;}
  .foot .footNav li{width:50%;margin-bottom:16px;}
  .compNav{margin:20px auto;}
  .compNav a{margin:0 14px 10px 0;display:inline-block;}
  #footer p{line-height:2;}
  #footer a{display:inline-block;margin:2px 4px;}
}

/* ---- 超小屏微调 ---- */
@media (max-width:480px){
  .part .part-main{width:100%;}
  .foot .footNav li{width:100%;}
  .jt-hero h1{font-size:22px !important;}
}
