@charset "utf-8";
/* ==========================================================================
   盛锐祺官网 · 移动端适配层　v1.0（2026-09-14）
   用法：所有页面 </head> 之前最后加载，覆盖桌面样式
   断点：992px（平板/手机横屏）　640px（手机竖屏）
   说明：本文件只做"覆盖"，不改动 css.css / layout.css 的任何既有规则，
        删除本文件并恢复 head 即完全回到改版前状态。
   ========================================================================== */

/* ========== 1. 基础安全规则（不限断点） ========== */
img{max-width:100%;height:auto}
.main_b,.main_c{width:100%;max-width:1170px;padding-left:15px;padding-right:15px}

/* 移动端导航开关按钮（由 comment.js 注入 DOM，桌面隐藏） */
.nav-toggle{display:none;position:absolute;right:84px;top:31px;width:30px;height:26px;cursor:pointer;z-index:400;-webkit-tap-highlight-color:transparent}
.nav-toggle i{display:block;height:3px;background:#fff;margin:4px 0;border-radius:2px;transition:transform .3s ease,opacity .3s ease}
.top.menu-open .nav-toggle i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.top.menu-open .nav-toggle i:nth-child(2){opacity:0}
.top.menu-open .nav-toggle i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ==========================================================================
   2. ≤992px：平板 / 手机横屏
   ========================================================================== */
@media screen and (max-width:992px){

  /* ---------- 顶部导航 → 汉堡抽屉 ---------- */
  .nav-toggle{display:block}
  .top{height:80px}
  .logo{margin-top:12px}
  .logo img{height:54px;width:auto}
  .menu{display:none;position:absolute;top:80px;left:0;width:100%;height:auto;
        line-height:normal;background:#101010;z-index:390;
        max-height:calc(100vh - 80px);overflow-y:auto;
        -webkit-overflow-scrolling:touch;box-shadow:0 8px 16px rgba(0,0,0,.35)}
  .top.menu-open .menu{display:block}
  .menu li{float:none;margin:0;border-bottom:1px solid #232323}
  .menu li>a{display:block;line-height:48px;padding:0 18px;font-size:15px}
  .menu li:hover>a{color:#f8b712}
  /* 子菜单在触屏上直接平铺（强制覆盖桌面 hover 逻辑产生的内联样式） */
  .zi-menu{display:block !important;position:static !important;width:auto !important;
           background:#0b0b0b;opacity:1;text-align:left;padding:4px 0;
           left:auto;top:auto;filter:none}
  .zi-menu a{line-height:38px;height:38px;padding-left:34px;font-size:13px;
             color:#b5b5b5;border-bottom:1px solid #1b1b1b}
  .zi-menu a:hover{background:#1c1c1c;color:#f8b712}
  .other_div{margin-top:14px;border-right:0;height:52px}
  .other_div .login_a{display:none}
  .lang_a{width:60px;padding-left:40px;background-position:8px center}

  /* ---------- 首页 Banner ---------- */
  .sli_tex{width:auto;left:16px;right:16px;margin-left:0;top:24px}
  .sli_tex .p01{font-size:22px}
  .sli_tex .p02{font-size:13px}
  .flex-active-slide .sli_tex{top:70px}

  /* ---------- 首页产品区 ---------- */
  .index_block02{margin-top:-80px;height:auto;padding-bottom:34px;background-size:cover}
  .head{padding:26px 0 16px}
  .head .p01{font-size:26px}
  .head .p02{font-size:14px}
  .slick_tex{font-size:13px}
  .responsive2{padding:0 10px}

  /* ---------- 内页通用：Banner 与面包屑 ---------- */
  .main_pic{height:200px;margin-top:-80px;background-size:cover;background-position:center center}
  .home{height:auto;padding:12px 0}
  .home .main_b{padding-left:15px;padding-right:15px}
  .home_link{display:block;line-height:34px;font-size:19px}
  .home_link span{font-size:13px;line-height:30px;margin-left:6px}
  .a_mymenu{display:block;margin-top:6px}
  .a_mymenu a{line-height:40px;margin-left:0;padding:0 12px;font-size:13px}

  /* ---------- 产品列表 ---------- */
  .cp_ul{margin-top:20px}
  .cp_ul li{width:48%;margin:0 1% 16px 1%;float:left}
  .cp_pic img{height:auto;max-height:200px;width:auto;max-width:100%}
  .cp_tex{padding:8px 12px 16px}
  .cp_posi{display:none}                 /* 触屏无 hover，去掉悬浮遮罩 */
  .link_cp{padding:0 10px}
  .link_cp a{display:inline-block;padding:7px 8px;font-size:13px}
  .link_cp i{display:none}
  .cp_div{padding:24px 0 1px}
  .cp_introduce{padding:0 16px;line-height:30px;margin-top:18px}
  .pad90{padding:0}

  /* ---------- 产品详情 ---------- */
  .pro-zoom{float:none;width:100%}
  .jqzoom img{width:100%;height:auto}
  .spec-preview{width:100%;height:auto}
  .spec-scroll{width:100%}
  .spec-scroll .items{width:calc(100% - 60px);margin:0 auto}
  .rilox{width:100%;margin-top:20px}
  #circlr img{height:auto;max-height:420px}

  /* ---------- 新闻列表 / 详情 ---------- */
  .news_ul{padding:0}
  .news_ul li{height:auto;padding:16px 0 16px 0;min-height:0}
  .riqi_box{position:static;width:auto;height:auto;background:none;padding:0;margin-bottom:6px}
  .riqi_box .p01{font-size:20px;display:inline-block;margin-right:8px}
  .news_pic{position:static;width:100%;height:auto;margin-top:10px}
  .news_pic img{width:100%;height:auto;transform:none !important}
  .news_myitem .news_tit{font-size:15px;white-space:normal;line-height:1.5}
  .news_myitem .news_con{height:auto;margin-top:8px}
  .hot_ul li{line-height:1.6}
  .news_xxydiv{padding:30px 0 30px}
  .news_tit01{font-size:19px;line-height:28px}
  .news_xxy_edit{line-height:28px}
  .news_xxy_edit img{max-width:100% !important;height:auto !important}
  .ku_div{padding:24px 0 0}
  .ku_left,.ku_right,.ku_ul{width:100%;float:none}
  .ku_ul li{height:auto;margin-bottom:24px;padding-bottom:16px}
  .ku_ul li i{display:none}
  .ku_con{height:auto}
  .hot_h{margin-top:24px}

  /* ---------- 视频列表 ---------- */
  .video_ul{padding:0 10px;padding-top:24px}
  .video_ul li{width:48%;margin:0 1% 20px 1% !important;float:left}
  .video_pic{height:auto}
  .video_tex{height:auto;padding:14px 12px 0}

  /* ---------- 关于 / 联系 ---------- */
  .aboutcont{padding:18px 16px}
  .about_cp{padding:20px 16px 40px}
  .about_head{padding-left:48px;background-position:4px center;font-size:16px;line-height:34px}
  .about_head span{font-size:13px;display:block;line-height:20px;margin-left:0}
  .logo_contact{padding:26px 2%}
  .logo_contact dd{float:none;width:100%;background:none;border-bottom:1px dotted #e7e7e7;padding:16px 0}
  .contact_tex .p01{font-size:18px;line-height:38px}
  .contact_tex .p02{font-size:14px}
  .contact_cont{padding:16px 12px 40px;line-height:28px;word-break:break-word}
  .about_us{height:auto;padding:26px 0 40px;background-size:cover}
  .about_left{padding:0 16px}
  .about_left .head01{font-size:22px}
  .about_left .head02{font-size:16px}
  .about_cont{margin-top:20px}
  .about_right{width:100%;padding-right:0;margin-top:16px}
  .about_right img{width:100%;height:auto}
  .about_right a{display:none}
  .culture_box{height:auto;padding:24px 0;background-size:cover}
  .culture_box_in{position:static;width:auto;height:auto;margin:0 16px;padding:20px 18px}
  .c_head{font-size:22px}
  .bottom_box{width:auto;margin:24px 16px 40px;font-size:13px}
  .bottom_box span{font-size:16px}

  /* ---------- 表单（留言 / 注册 / 会员） ---------- */
  .feedback_div{padding-top:30px}
  .feedback_left,.feedback_right{width:100%;height:auto;float:none}
  .feedback_left img{height:auto}
  .inp_div,.texa_div{width:100%;padding-left:0;padding-right:0;padding-top:40px}
  .inp_tit{width:auto;text-align:left;top:6px;line-height:28px}
  .my_inp,.my_texa{width:100%;max-width:100%}
  .my_texa{height:130px}
  .inp_xx{position:static;display:block;line-height:24px;color:#999}
  .btn_div{padding-bottom:40px}
  .btn_tj{width:120px}
  .person_div{margin:0 16px 60px}
  .person_div .inp_div,.person_div .texa_div,.person_div .btn_div02{width:100%;padding-left:0}
  .person_div .my_texa{width:100%}
  .btn_div02 input[type=submit],.btn_div02 input[type=reset]{width:48%;height:42px;margin-right:2%}

  /* ---------- 分页 ---------- */
  .pageNum{margin:24px 0}
  .cbf,.cb{padding:6px 10px}

  /* ---------- 页脚 ---------- */
  .foot_div{padding:30px 0 20px}
  .foot_dl{float:left;width:50%;padding-left:16px}
  .foot_dl dt a{line-height:36px}
  .foot_dl dd a{line-height:32px}
  .foot_dl_r{float:none;width:100%;margin-top:18px;padding:0 16px;font-size:14px}
  .foot_dl_r p{line-height:28px;word-break:break-all}
  .foot_tex{height:auto;padding:14px 10px;font-size:11px;line-height:1.8}

  /* ---------- 登录 / 注册弹层 ---------- */
  .login_box,.register_box{width:92%;left:50%;margin-left:-46%;top:40px}
  .login_con{padding:24px 20px 0 20px}
  .login_inp{width:100%;max-width:100%}
  .inp_tit02{width:72px}
  .login_no{padding:24px 20px 30px 20px}
  .wenhou{padding:0 12px;line-height:38px;height:auto}
}

/* ==========================================================================
   3. ≤640px：手机竖屏
   ========================================================================== */
@media screen and (max-width:640px){

  .top{height:64px}
  .logo{margin-top:9px}
  .logo img{height:44px}
  .nav-toggle{top:21px;right:86px}
  .menu{top:64px;max-height:calc(100vh - 64px)}
  .other_div{margin-top:6px}
  .lang_a{height:52px;line-height:52px;width:58px;padding-left:38px;background-position:6px center}

  .sli_tex .p01{font-size:17px}
  .sli_tex .p02{font-size:11px}
  .flex-active-slide .sli_tex{top:44px}

  .index_block02{margin-top:-64px}
  .head{padding:20px 0 12px}
  .head .p01{font-size:20px}
  .head .p02{font-size:12px}

  .main_pic{height:150px;margin-top:-64px}
  .home_link{font-size:17px}
  .home_link span{display:block;line-height:22px;margin-left:0}

  /* 产品卡片单列两列切换为单列更易点按 */
  .cp_ul li{width:98%;margin:0 1% 14px 1%}
  .cp_pic img{max-height:230px}

  .video_ul li{width:98%;margin:0 1% 16px 1% !important}

  .foot_dl{width:50%;padding-left:12px}
  .foot_dl dd a{font-size:12px}
  .foot_tex{font-size:11px;line-height:1.7}

  .news_tit01{font-size:17px}
  .aboutcont{font-size:13px;line-height:26px}
}