@charset "utf-8";
/* CNGBS product pages - mobile adaptation (linked only in /product/ new pages) */
@media (max-width:860px){
  html,body{overflow-x:hidden;max-width:100%;}
  body{min-width:0!important;}
  .container{width:100%!important;box-sizing:border-box;padding:0 12px;}
  .kwidth,.wrap,.main{width:100%!important;box-sizing:border-box;}
  .flex{flex-wrap:wrap;}
  i.footer-bor{min-width:0;}
  .hg30{height:12px!important;}

  /* ---- header top strip ---- */
  .head_right{height:auto;}
  .head_group{width:100%;text-align:center;}
  .head_group_hides .container{padding:0 10px;}
  .head_group_hides.code-img .container.flex{display:block;}
  .head_group_hides.code-img dl{width:33.3%;padding:14px 6px;box-sizing:border-box;float:left;text-align:center;}
  .head_group_hides.code-img dl dd img{max-width:100%;}

  /* ---- logo + nav ---- */
  .logo{max-width:230px;}
  .logo img{max-height:46px;max-width:210px;margin:8px 0;}
  .nav{height:auto;}
  .nav>.container.flex{display:block;}
  .nav ul{width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0;box-sizing:border-box;}
  .nav ul li{width:auto;min-width:0;flex:0 0 auto;float:none;}
  .nav ul li .nav-one{line-height:50px;}
  .nav ul li .nav-one a{font-size:14px;white-space:nowrap;padding:0 12px;}
  .nav .childer{top:100%;}
  .childer .childward{width:100%;height:auto;padding:12px 0;box-sizing:border-box;}
  .nav .childer ul{width:50%;float:left;box-sizing:border-box;}
  .nav ul li .childer ul li{width:100%;}
  .nav ul li .childer ul li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

  /* ---- banner ---- */
  .neiban{height:170px;background-position:center;}
  .neiban .wen{width:100%;padding:28px 14px;box-sizing:border-box;margin:0;}
  .neiban .wen h3{font-size:22px;margin-bottom:8px;}
  .neiban .wen p{font-size:14px;}
  .neiban .wen span{font-size:12px;}

  /* ---- breadcrumb & category switch bar (horizontal scroll, bold) ---- */
  .faqfl{height:auto;line-height:1.5;font-size:14px;background:#fff;border-bottom:1px solid #eee;}
  .faqfl .path{width:100%;height:auto;line-height:1.5;padding:8px 12px;box-sizing:border-box;}
  .list-about ul{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0;padding:0;}
  .list-about ul::-webkit-scrollbar{display:none;}
  .list-about ul li{margin:0;flex:0 0 auto;position:relative;white-space:nowrap;}
  .list-about ul li a{font-size:16px;font-weight:700;color:#333;display:block;padding:6px 16px 8px 0;white-space:nowrap;}
  .list-about ul li.about-on a{color:#1f8cc1;}
  .list-about ul li.about-on:after{height:2px;bottom:0;}

  /* ---- generic sections ---- */
  .auout-back,.auout-white{width:100%;}
  .about-title{font-size:22px;}
  .about-con{padding:24px 14px;}
  .about-jianjie{width:100%;padding:0 14px;box-sizing:border-box;margin-top:24px;}

  /* ---- businessbox (image + text card) ---- */
  .business-title{font-size:22px;}
  .businessbox{width:100%;box-sizing:border-box;padding:16px 12px 22px;}
  .businessbox p{font-size:14px;line-height:24px;padding:18px 14px;}
  .businessbox .business-button{position:static;display:block;width:150px;margin:14px auto 0;padding:12px;top:auto;left:auto;}
  .businessbox .business-button a{font-size:16px;}

  /* ---- business-guide (left image / right text blocks) ---- */
  .buscontent{width:100%;box-sizing:border-box;}
  .business-guide-fl{width:100%;}
  .business-guide-fr{width:100%;}
  .business-guide-fl img{max-height:none;}
  .guide-fr_title{padding:18px 14px 10px;font-size:15px;line-height:24px;}
  .guide-fr_data{padding:0 14px;font-size:14px;line-height:24px;}
  .guide-fr_href{padding:14px;}
  .guide-hot{width:100%;height:auto;padding-bottom:10px;}
  .guide-hot li{width:47%;margin-right:3%;}
  .guide-hot li img{height:130px;}

  /* ---- brand / grid sections ---- */
  .business-brand-left,.business-brand-right{width:100%;float:none;}
  .business-brand-right li{width:47%;}
  .product_brand li{width:49%;}
  .business-retail ul li{width:98%;}

  /* ---- footer ---- */
  #footer{min-width:0;padding-top:24px;}
  .footer-list{padding-bottom:8px;}
  .foot-padding{padding-right:0;text-align:center;width:100%;}
  .footer-top{margin-top:12px;}
  .footer-top img.code{float:none!important;margin:0 auto;display:block;}
  .left-nav{width:100%;}
  .left-nav ul li{min-width:0;width:50%;box-sizing:border-box;text-align:center;}
  .left-nav ul li h3{font-size:15px;}
  .left-nav ul li a{font-size:13px;padding-top:8px;height:auto;}
  .footer-right{width:100%;text-align:center;}
  .footer-right .phone{float:none;min-width:0;text-align:center;}
  .bq{height:auto;line-height:1.8;padding:10px 12px;text-align:center;font-size:12px;box-sizing:border-box;}
  .bq span.fr{float:none!important;display:block;}

  /* ---- floating side widgets ---- */
  .cndns-right{display:none!important;}

  /* ---- misc fixed-width blocks ---- */
  .parts-hot,.parts-hot ul{width:100%!important;max-width:100%!important;box-sizing:border-box;padding-left:12px;padding-right:12px;}
  .parts-hot li{width:47%!important;margin-right:3%!important;box-sizing:border-box;}
  .parts-hot li img{max-width:100%;height:auto;}

  /* ---- hide language dropdown (no CN switch button) ---- */
  .head_language{display:none!important;}
}