@charset "utf-8";
/* ============================================================
   k276 移动端自适应样式（<=768px 生效，PC 保持 1200 固定版式）
   - 原模板无手机适配（viewport=width=1380，手机上整页缩小不可读）。
   - 本文件在 <=768px 下把 PC 定宽布局流式化。
   - 已由 layout.html / index.html 引入。
   ============================================================ */
@media (max-width: 768px){
/* ---------- 基础 ---------- */
html,body{ overflow-x:hidden; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body{ min-width:320px; }
img{ max-width:100%; height:auto; }
table{ max-width:100%; }
embed,iframe,video{ max-width:100%; }
input,select,textarea{ max-width:100%; }

/* ---------- 定宽容器流式化 ---------- */
.w1200,.w1300,.w1380,.wrap{ width:100% !important; box-sizing:border-box; }

/* ---------- 顶部提示条 ---------- */
.top_main{ height:auto; overflow:visible; }
.top_main .top{ line-height:24px; text-align:center; padding:3px 0; }
.top_main .top .top_l,.top_main .top .top_r{ float:none; width:100%; }
.top_main .top_r li{ float:none; display:inline-block; margin:0 6px; }
.top_main .top_r li.split{ display:none; }

/* ---------- Logo / 电话 ---------- */
.header_main{ height:auto; }
.header_main .header{ height:auto; text-align:center; padding:12px 0; }
.header_main .logo{ float:none; width:auto; margin:0 auto; }
.header_main .logo img{ max-width:85%; max-height:58px; height:auto; width:auto; }
.header_main .tel{ float:none; width:auto; margin:8px auto 0; text-align:center; height:auto; padding:0; }
.header_main .tel .ico{ display:none; }
.header_main .tel span{ display:inline-block; font-size:13px; }
.header_main .tel strong{ display:block; font-size:20px; color:#e60012; margin-top:2px; }

/* ---------- 主导航：横排完整展示，可左右滑动 ---------- */
.nav_main{ height:auto; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.nav_main .nav{ width:auto !important; height:44px; white-space:nowrap; padding:0; }
.nav_main .nav>li{ float:none; display:inline-block; height:44px; line-height:44px; margin:0; padding:0 12px; }
.nav_main .nav>li>a{ height:44px; line-height:44px; font-size:14px; padding:0 2px; }
.nav_main .subNav,.nav_main .subnav{ display:none !important; }

/* ---------- 轮播 Banner ---------- */
#banner,.banner{ height:auto !important; }
#banner ul.list li,.banner ul.list li{ height:auto !important; }
#banner ul.list li a,.banner ul.list li a{ display:block; }
#banner ul.list li img,.banner ul.list li img{ width:100%; height:auto !important; display:block; max-height:240px; object-fit:cover; }
#banner .tip,#banner .prev,#banner .next,.banner .tip,.banner .prev,.banner .next{ display:none !important; }

/* ---------- 关键词 / 搜索条 ---------- */
.search_main{ padding:6px 0; }
.search_main .search{ text-align:center; }
.search_main .skey{ float:none; width:100%; text-align:center; line-height:24px; padding:0 0 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.search_main .search_form{ float:none; width:100%; }
.search_main .search_form form{ max-width:420px; margin:0 auto; }
.search_main .search_form .stxt{ width:76%; height:36px; line-height:36px; box-sizing:border-box; }
.search_main .search_form .sbtn{ width:22%; height:36px; }

/* ---------- 首页：服务 3 宫格 ---------- */
.iservice{ height:auto !important; padding:20px 0 0; }
.iservice ul.w1200 li.item{ float:left; width:33.3%; margin:0; padding:0 2px 12px; box-sizing:border-box; }
.iservice li.item a{ display:block; text-align:center; }
.iservice li.item img{ max-width:90%; margin:0 auto; }
.iservice li.item h3{ font-size:15px; margin:6px 0 2px; }
.iservice li.item span{ font-size:12px; }

/* ---------- 首页图集 / 产品列表网格：两列 ---------- */
.gridlist .item,.gridlist16 .item{ float:left; width:48.5% !important; margin:0.5% !important; box-sizing:border-box; }
.gridlist .item img,.gridlist16 .item img{ width:100%; height:auto !important; display:block; }
.gridlist .item h3,.gridlist16 .item h3{ position:static; text-align:center; font-size:14px; color:#333; margin:6px 0; width:100%; padding:0; }
.gridlist .item .bg,.gridlist16 .item .bg,
.gridlist .item .plus,.gridlist16 .item .plus{ display:none; }
.icaseCon{ padding:0 5px; }
.icaseCon .title{ text-align:center; }

/* ---------- 首页：产品中心区 ---------- */
.iproduct .iproNav,.iproduct .iproList{ float:none; width:100% !important; box-sizing:border-box; padding:10px 8px; }
.iproduct .iproNav .item{ display:inline-block; margin:0 4px; }
.iproduct .iproNav .proContact{ margin-top:10px; }
.iproduct .iproNav .proContact .tit2{ font-size:18px; }

/* ---------- 首页：关于我们 ---------- */
.iabout{ padding:15px 0; }
.iabout .w1200{ text-align:center; }
.iabout .img{ float:none; width:100%; }
.iabout .img img{ width:100%; height:auto; }
.iabout .txtcon{ float:none; width:100%; margin:12px 0 0; text-align:center; }
.iabout .txtcon .txt{ text-align:left; line-height:24px; font-size:14px; }

/* ---------- 首页：新闻两块 ---------- */
.inews1,.inews2{ float:none; width:100% !important; margin-bottom:15px; box-sizing:border-box; }
.inews .title{ text-align:left; }
.newslist li{ display:flex; justify-content:space-between; align-items:center; width:100%; height:auto; line-height:26px; padding:7px 0; }
.newslist li a{ flex:1; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:10px; }
.newslist li .time{ font-size:12px; white-space:nowrap; }

/* ---------- 内页：侧栏 + 内容单列 ---------- */
.wrapper.w1200{ padding:0; }
.wrapper .leftCon{ float:none; width:100%; box-sizing:border-box; padding:0 10px; }
.wrapper .leftMenu{ margin-bottom:8px; }
.wrapper .leftMenu .title{ display:none; }
.wrapper .leftMenu ul.list{ white-space:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.wrapper .leftMenu ul.list li{ display:inline-block; float:none; margin:0; padding:5px 12px; }
.wrapper .leftMenu ul.list li a{ font-size:14px; }
.wrapper .leftRecomm{ width:100%; box-sizing:border-box; padding:0 10px; margin-bottom:8px; }
.wrapper .leftRecomm .title{ display:none; }
.wrapper .leftRecomm .list a.item{ float:left; width:48%; margin:1%; text-align:center; }
.wrapper .leftRecomm .list a.item img{ width:100%; height:auto; }
.wrapper .leftRecomm .list a.item h3{ font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wrapper .content{ float:none; width:100%; box-sizing:border-box; padding:0 12px 15px; }

/* 面包屑 */
.wrapper .content .sitepath{ font-size:12px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* 详情正文 */
.content .txtcon,.content #maximg{ word-break:break-all; }
.content .txtcon img,.content #maximg img,.show_content img{ max-width:100% !important; height:auto !important; display:block; margin:8px auto; float:none; }
.content h1{ font-size:18px !important; text-align:center; }
.content table{ width:100% !important; }

/* 分页 */
.pagebar{ width:100%; text-align:center; padding:12px 0; }
.pagebar .pagination a,.pagebar .pagination span{ display:inline-block; margin:2px; }

/* ---------- 页脚 ---------- */
.footer_main{ overflow:hidden; }
.footer_main .ilinks{ width:100%; text-align:center; line-height:26px; padding:10px; box-sizing:border-box; }
.footer_main .ilinks a{ display:inline-block; margin:0 6px; }
.footer_main .bcontact{ float:none; width:100%; text-align:center; padding:10px; box-sizing:border-box; }
.footer_main .bnav{ float:none; width:100%; text-align:center; }
.footer_main .bnav .list .item{ float:left; width:50%; box-sizing:border-box; text-align:center; margin:6px 0; }
.footer_main .ewmlist{ float:none; width:100%; text-align:center; }
.footer_main .ewmlist img{ max-width:110px; }
.copyright{ width:100%; text-align:center; padding:6px 10px; box-sizing:border-box; }
.copyright p{ float:none; width:100%; line-height:22px; }

/* 右侧悬浮工具栏手机上隐藏（避免遮挡），底部留白 */
.toolbar,.toolbar1{ display:none !important; }
}

/* 平板横屏中屏（769-1024px）仅微调双栏，不破坏整体 */
@media (max-width: 1024px) and (min-width: 769px){
  .w1200,.w1300{ width:100%; box-sizing:border-box; padding:0 12px; }
}
