/* ================================================
   移动端适配 - 建材网站响应式补丁 v4
   ================================================ */

/* ----- 全局基础 ----- */
* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
}

body {
  overflow-x: hidden;
}

/* =====================================
   平板 ≤ 1024px
   ===================================== */
@media screen and (max-width: 1024px) {
  .wp {
    width: 95% !important;
  }
}

/* =====================================
   手机端 ≤ 768px
   ===================================== */
@media screen and (max-width: 768px) {

  /* === 容器基础 === */
  .wp {
    width: 100% !important;
    padding: 0 3% !important;
  }

  /* === 隐藏PC端顶部信息栏 === */
  .head .hd-top {
    display: none !important;
  }

  /* === 隐藏右侧悬浮汉堡菜单（nav3已提供移动端导航） === */
  .container {
    display: none !important;
  }

  /* === 导航栏：居中显示 Logo === */
  .head .hd-bot {
    display: block !important;
    padding: 8px 0 !important;
    min-height: 56px !important;
    position: relative !important;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #eee;
  }

  .head .hd-bot .wp>ul {
    display: none !important;
  }

  .head .hd-bot .wp .sb-search {
    display: none !important;
  }

  .head .hd-bot .logo {
    display: none !important;
  }

  .head .hd-bot .wp {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
  }

  /* Logo 重置绝对定位 */
  .piao {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    text-align: center !important;
    display: inline-block !important;
  }

  .piao img {
    max-height: 50px !important;
    width: auto !important;
    max-width: 200px !important;
    height: auto !important;
  }

  /* === 移动端导航条 nav3 — 横向可滑动，隐藏滚动条 === */
  .nav3 {
    display: block !important;
    background: #1A365D !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
  }

  .nav3::-webkit-scrollbar {
    display: none !important;
  }

  .nav3 .wp {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .nav3 ul {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    padding: 0 6px !important;
    margin: 0 !important;
    list-style: none !important;
    gap: 2px !important;
    min-width: 100%;
  }

  .nav3 ul li {
    flex: 0 0 auto;
  }

  .nav3 ul li a {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 13px !important;
    padding: 10px 11px !important;
    display: block !important;
    white-space: nowrap !important;
    border-bottom: 2px solid transparent;
    transition: color 0.2s, border-color 0.2s;
  }

  .nav3 ul li a:hover,
  .nav3 ul li.on>a {
    color: #C5A059 !important;
    border-bottom-color: #C5A059 !important;
  }

  /* === 首页 Banner 隐藏PC轮播 === */
  .index_focus {
    display: none !important;
  }

  /* === 首页 main1 产品列表 — 两列卡片网格 === */
  .main1 {
    padding: 15px 0 !important;
    background: #f5f5f5 !important;
  }

  .main1 .wp {
    padding: 0 2% !important;
  }

  .main1 .title {
    margin-bottom: 12px !important;
    padding-top: 8px !important;
    text-align: center;
    background: none !important;
  }

  .main1 .title a {
    font-size: 18px !important;
  }

  .main1 .cont {
    padding: 0 !important;
  }

  .main1 .cont ul.fix {
    flex-wrap: wrap !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    gap: 8px !important;
  }

  .main1 .cont ul li {
    flex: 0 0 calc(50% - 4px) !important;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.09);
  }

  .main1 .cont ul li .libox {
    padding: 0 !important;
    box-shadow: none !important;
  }

  .main1 .cont ul li .libox .litop a img {
    height: 130px !important;
    width: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .main1 .cont ul li .libox .limid {
    margin: 7px 8px 4px !important;
  }

  .main1 .cont ul li .libox .limid a {
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #333 !important;
  }

  .main1 .cont ul li .libox .libot {
    padding: 7px 8px !important;
  }

  .main1 .cont ul li .libox .libot a {
    width: 100% !important;
    font-size: 12px !important;
    height: 26px !important;
    line-height: 26px !important;
    border-radius: 13px !important;
  }

  /* === 首页 main2 热销产品 — 移动端隐藏以精简内容 === */
  .main2 {
    display: none !important;
  }

  .main2 .wp {
    padding: 0 2% !important;
  }

  .main2 .title {
    background: none !important;
  }

  .main2 .title a {
    font-size: 18px !important;
  }

  .main2-products {
    gap: 8px !important;
    padding: 5px 0 12px !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .main2-products .prod-card {
    flex: 0 0 calc(50% - 4px) !important;
    width: auto !important;
    margin: 0 !important;
    border-radius: 8px !important;
  }

  .main2-products .prod-card .prod-label {
    font-size: 12px !important;
    padding: 7px 8px 4px !important;
  }

  /* === 首页 main3 最新产品 — 移动端隐藏以精简内容 === */
  .main3 {
    display: none !important;
  }

  .main3 .m3box .why {
    display: none !important;
  }

  .main3 .m3box .recent {
    width: 100% !important;
    float: none !important;
    margin-top: 0 !important;
  }

  .main3 .m3box .recent .img-list1 ul {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
  }

  .main3 .m3box .recent .img-list1 ul li {
    width: 48% !important;
    margin: 1% !important;
    float: none !important;
  }

  .main3 .m3box .recent .img-scroll1 .prev1,
  .main3 .m3box .recent .img-scroll1 .next1 {
    display: none !important;
  }

  /* === 首页关于我们 .bout === */
  .bout {
    padding: 0 !important;
    height: auto !important;                   /* 移除固定 400px */
    background-attachment: scroll !important;  /* 移除视差效果（手机端卡顿） */
    background-image: none !important;         /* 移除背景图 */
    background-color: #f0f4f8 !important;
  }

  /* .zj 容器重置 */
  .bout .zj {
    display: block !important;
    width: 100% !important;                    /* 覆盖 1200px */
    height: auto !important;                   /* 覆盖 350px */
    margin: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* 左侧图片区 - 依赖JS重置float，CSS补充 */
  .bout .zj div[style*="float:left"],
  .bout .zj div[style*="float: left"] {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    display: block !important;
  }

  /* 图片全宽自适应（覆盖 HTML width="400px" 属性） */
  .bout .zj img {
    width: 100% !important;
    max-width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }

  /* 右侧文字区 - 依赖JS重置float */
  .bout .zj div[style*="float:right"],
  .bout .zj div[style*="float: right"] {
    float: none !important;
    width: 100% !important;
    padding: 15px 5% !important;
    display: block !important;
    background: #fff !important;
  }

  /* 标题字体缩小 */
  .bout .zj h1 {
    font-size: 22px !important;
    line-height: 1.4 !important;
    height: auto !important;
    margin-bottom: 10px !important;
    color: #1A365D !important;
  }

  /* 简介文字 */
  .bout .zj p {
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #555 !important;
    margin: 0 !important;
  }
  .bout .zj p a { color: #555 !important; }

  /* === 荣誉资质 .hn .rong === */
  .hn {
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    background: none !important;         /* 移除背景图 */
    background-image: none !important;
    margin: 0 !important;
    padding: 10px 0 !important;
  }

  .rong {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    padding: 0 3% !important;
    margin: 0 !important;
    list-style: none !important;
    gap: 10px !important;
    width: 100% !important;              /* 覆盖 1200px */
    box-sizing: border-box !important;
  }

  .rong li {
    flex: 0 0 calc(50% - 5px) !important;  /* 两列 */
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
  }

  .rong li a {
    display: block !important;
    width: 100% !important;
  }

  .rong li img {
    width: 100% !important;
    height: 180px !important;            /* 固定高度，覆盖 PC 端 348px */
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    transition: none !important;         /* 关闭 hover 放大动画，手机端体验差 */
    transform: none !important;
  }

  /* 禁用 hover 放大（手机无 hover） */
  .rong li:hover img {
    transform: none !important;
  }

  /* === 合作客户 === */
  #list {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  #list1 {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* === 面包屑 === */
  .bread .wp {
    font-size: 13px !important;
    margin-bottom: 8px !important;
    padding: 8px 3% !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
  }

  /* === 内页 Banner === */
  p[style*="text-align:center"] img {
    width: 100% !important;
    height: 188px !important;
    object-fit: cover;
  }

  /* === 产品详情页 product1 === */
  .product1 { padding: 0 !important; }
  .product1 .wp { padding: 0 !important; }

  /* 内页主内容区 — 去除固定宽度 */
  .goods.r {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 3% !important;
    box-sizing: border-box !important;
  }

  /* .xiangqing 两列变一列 */
  .product1 .xiangqing {
    display: block !important;
    overflow: visible !important;
  }

  /* box_left_sub2 内的两个 float 区块 - 依赖JS，CSS 补充 */
  #box_left_sub2 {
    float: none !important;
    width: 100% !important;
  }
  /* 产品图片区 */
  #box_left_sub2 div[style*="width:420px"],
  #box_left_sub2 div[style*="width: 420px"] {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
  }
  /* 产品信息区 */
  #box_left_sub2 div[style*="width:380px"],
  #box_left_sub2 div[style*="width: 380px"] {
    width: 100% !important;
    float: none !important;
    margin-top: 0 !important;
    padding: 12px 0 !important;
    box-sizing: border-box !important;
  }

  /* === 产品大图区 #showbox === */
  #showbox {
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    background: #f9f9f9 !important;
  }
  #showbox img {
    width: 100% !important;
    height: 300px !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* === 缩略图轨道 — 横向可滚动 === */
  div[style*="width:420px"][style*="display:flex"],
  div[style*="width: 420px"][style*="display:flex"] {
    width: 100% !important;
    height: 80px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: 4px 0 !important;
    scrollbar-width: none !important;
  }
  div[style*="width:420px"][style*="display:flex"]::-webkit-scrollbar { display: none !important; }

  /* 缩略图左右按钮缩小 */
  #showsumL, #showsumR {
    width: 20px !important;
    min-width: 20px !important;
    font-size: 12px !important;
    flex-shrink: 0 !important;
  }

  /* === 产品信息区 .prod-info-wrapper === */
  .prod-info-wrapper {
    width: 100% !important;
    padding: 12px 0 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    border-top: 1px solid #eee;
  }
  .prod-info-wrapper b { font-size: 14px !important; }

  /* 产品详情内容标题栏 */
  p.sys8-title {
    font-size: 15px !important;
    height: 36px !important;
    line-height: 36px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 产品正文富文本 */
  .cl {
    font-size: 14px !important;
    line-height: 1.8 !important;
    overflow: hidden !important;
  }
  .cl img { max-width: 100% !important; height: auto !important; }
  .cl table { max-width: 100% !important; overflow-x: auto !important; display: block !important; }

  /* === 侧边栏 list.l 移动端样式 === */
  .list.l {
    width: 100% !important;
    float: none !important;
    display: block !important;
    margin: 12px 0 0 0 !important;
    padding: 0 !important;
  }

  /* 侧边栏分类标题 */
  .list.l .title1 a {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1A365D !important;
    padding: 10px 12px !important;
    border-left: 3px solid #C5A059 !important;
    display: block !important;
    background: #f8f8f8 !important;
    border-radius: 4px 4px 0 0 !important;
  }

  .list.l .subNavBox {
    border-radius: 0 0 4px 4px !important;
    font-size: 14px !important;
    border: 1px solid #eee !important;
    border-top: none !important;
  }
  .list.l .subNavBox .subNav a {
    display: block !important;
    padding: 8px 15px !important;
    color: #444 !important;
    border-bottom: 1px solid #f5f5f5 !important;
    font-size: 14px !important;
  }
  .list.l .subNavBox .subNav a.active,
  .list.l .subNavBox .subNav a:hover { color: #C5A059 !important; }

  /* 联系信息块 */
  .list.l .subNavBox[style*="border:1px solid #C5A059"],
  div.subNavBox[style*="C5A059"] {
    font-size: 13px !important;
    line-height: 2 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    border: 1px solid rgba(197,160,89,0.4) !important;
    background: #fffdf5 !important;
  }
  /* 联系信息二维码图片 */
  .list.l img[style*="width:200px"],
  div[style*="C5A059"] img { 
    max-width: 120px !important; 
    height: auto !important; 
    margin-top: 8px !important;
  }

  /* === 产品/图集列表网格 === */
  .goods.r .list1 ul {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .goods.r .list1 ul li {
    width: 48% !important;
    margin: 1% !important;
    float: none !important;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
  }

  .goods.r .list1 ul li img {
    width: 100% !important;
    height: 130px !important;
    object-fit: cover;
  }

  /* ========================================================
     页脚完整重设 - 移动端纯色方案，替换黄绿背景图
     ======================================================== */

  /* 覆盖背景图，使用纯色藏蓝 */
  .public_footer {
    background: #0f2340 !important;
    background-image: none !important;
    margin-top: 0 !important;
    padding: 0 !important;
  }

  /* 外层容器：垂直堆叠 */
  .public_footer .wp.fix,
  .public_footer .wp {
    display: block !important;
    overflow: visible !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
  }

  /* 每个模块统一基础样式 */
  .fon_one,
  .fon_two,
  .fon_three {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 5% !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-sizing: border-box !important;
  }

  /* 移动端隐藏：栏目导航 & 产品中心展示 */
  .fon_one,
  .fon_product {
    display: none !important;
  }

  /* 模块标题统一 - 香槟金 16px */
  .public_footer .ttile {
    padding-top: 0 !important;
    padding-bottom: 12px !important;
    margin-bottom: 10px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #C5A059 !important;
    border-left: 3px solid #C5A059 !important;
    padding-left: 10px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.5px !important;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
  }

  /* 栏目导航 fon_one：两列 Flex */
  .fon_one .one_ul {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    gap: 0 !important;
  }

  .fon_one .one_ul li {
    float: none !important;
    margin: 0 !important;
    padding: 10px !important;
    line-height: 1 !important;
  }

  .fon_one .one_ul li a {
    display: block !important;
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.75) !important;
    padding: 7px 0 !important;
    line-height: 1.4 !important;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
    transition: color 0.2s;
  }

  .fon_one .one_ul li a:hover {
    color: #C5A059 !important;
  }

  .fon_one .one_ul li.mln {
    margin-left: 0 !important;
  }

  /* 联系我们 fon_contact */
  .fon_contact {
    padding-bottom: 12px !important;
  }

  .footer-contact-list {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  /* 每一行：图标 + 文字横排 */
  .footer-contact-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    line-height: 1.5 !important;
  }
  .footer-contact-item:last-child {
    border-bottom: none !important;
  }

  /* 图标圆形容器 */
  .footer-icon {
    flex-shrink: 0 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.10) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #C5A059 !important;
  }
  .footer-icon svg {
    width: 17px !important;
    height: 17px !important;
    display: block !important;
  }

  /* WhatsApp 图标用绿色 */
  .footer-icon--whatsapp {
    background: rgba(37,211,102,0.15) !important;
    color: #25D366 !important;
  }

  /* 文字区块：标签 + 内容 */
  .footer-contact-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    color: rgba(255,255,255,0.85) !important;
    font-size: 14px !important;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
    line-height: 1.5 !important;
    word-break: break-all !important;
  }
  .footer-contact-text em {
    font-style: normal !important;
    font-size: 11px !important;
    color: rgba(255,255,255,0.45) !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 2px !important;
    display: block !important;
  }
  .footer-contact-text a {
    color: rgba(255,255,255,0.85) !important;
    text-decoration: none !important;
    font-size: 14px !important;
  }
  .footer-contact-text a:active {
    color: #C5A059 !important;
  }

  /* 兼容旧 two_ul 样式（非 contact 的 fon_two） */
  .fon_two:not(.fon_contact) {
    padding-bottom: 12px !important;
  }
  .fon_two:not(.fon_contact) .two_ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }
  .public_footer li {
    line-height: 1.8 !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 14px !important;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
  }
  .public_footer li a {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.72) !important;
    line-height: 2 !important;
    padding: 0 !important;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
  }
  .public_footer li a:hover {
    color: #C5A059 !important;
  }


  /* 留言区 fon_three */
  .fon_three {
    padding: 16px 5% 5px !important;
    position: static !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
    color: #fff !important;
  }

  /* .lxy 白色弹出框重置为嵌入式 */
  .lxy {
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    float: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    color: #fff !important;
  }
  /* 留言区内所有文字统一白色 */
  .fon_three,
  .fon_three p,
  .fon_three span,
  .fon_three label,
  .fon_three .lxtou {
    color: #fff !important;
  }

  /* 版权栏样式 */
  .public_footer>br {
    display: none !important;
  }

  .public_footer>p {
    width: 100% !important;
    height: auto !important;
    padding: 12px 5% !important;
    margin: 0 !important;
    background: rgba(0, 0, 0, 0.25) !important;
    text-align: center !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 12px !important;
  }

  .public_footer>p>span {
    width: 100% !important;
    float: none !important;
    display: block !important;
    text-align: center !important;
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
  }

  .public_footer>p a {
    color: rgba(255, 255, 255, 0.5) !important;
  }

  /* 消除 footer 顶部 150px 的 PC 端 margin-top */
  .public_footer {
    margin-top: 20px !important;
  }

  /* 版权栏 p 中内容两行居中显示 */
  .public_footer > p > span {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    float: none !important;
  }

  /* 底部搜索栏隐藏 */
  div[style*="position:absolute"][style*="bottom:60px"] {
    display: none !important;
  }


  /* === 移动端留言折叠按钮 === */
  .m-msg-toggle {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 12px 16px !important;
    background: linear-gradient(135deg, #1A365D, #22456e) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    text-align: left !important;
    box-shadow: 0 2px 8px rgba(26, 54, 93, 0.3) !important;
    transition: background 0.2s !important;
    margin-bottom: 0 !important;
  }

  .m-msg-toggle:active {
    opacity: 0.85 !important;
  }

  .m-msg-toggle .m-msg-icon {
    font-size: 16px !important;
  }

  .m-msg-toggle .m-msg-text {
    flex: 1 !important;
  }

  .m-msg-toggle .m-msg-arrow {
    font-size: 11px !important;
    transition: transform 0.3s ease !important;
    display: inline-block !important;
  }

  .m-msg-toggle.open .m-msg-arrow {
    transform: rotate(180deg) !important;
  }

  .m-msg-toggle.open {
    background: linear-gradient(135deg, #C5A059, #d4b07a) !important;
    border-radius: 8px 8px 0 0 !important;
  }

  /* === 留言表单折叠区域 === */
  #mMsgForm {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.4s ease, padding 0.3s ease !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 0 0 8px 8px;
  }

  #mMsgForm.open {
    max-height: 800px !important;
    padding: 15px 0 5px !important;
  }

  /* 展开时隐藏重复标题 */
  #mMsgForm .lxtou {
    display: none !important;
  }

  /* === 联系表单输入框优化 === */
  .lxy .int1 {
    margin-bottom: 8px !important;
  }

  .lxy .int1 input,
  .lxy .int1 textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
  }

  .lxy .int1 input::placeholder,
  .lxy .int1 textarea::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
  }

  .lxy .int4 {
    margin-top: 5px !important;
  }

  .lxy .int6 {
    width: 100% !important;
    padding: 11px !important;
    font-size: 14px !important;
    background: #C5A059 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    letter-spacing: 1px !important;
  }

  /* === 联系表单 basic-grey === */
  .basic-grey {
    padding: 15px 10px !important;
  }

  .basic-grey label>span {
    width: 100% !important;
    text-align: left !important;
    padding-right: 0 !important;
  }

  .basic-grey input[type="text"],
  .basic-grey input[type="email"],
  .basic-grey textarea,
  .basic-grey select {
    width: 100% !important;
  }
}

/* =====================================
   小手机 ≤ 480px
   ===================================== */
@media screen and (max-width: 480px) {
  .main1 .cont ul li {
    flex: 0 0 calc(50% - 4px) !important;
  }

  .main2-products .prod-card {
    flex: 0 0 calc(50% - 4px) !important;
  }

  .main3 .m3box .recent .img-list1 ul li {
    width: 100% !important;
    margin: 5px 0 !important;
  }

  .goods.r .list1 ul li {
    width: 48% !important;
  }

  .rong li {
    width: 45% !important;
  }

  .list.l {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    padding: 10px;
  }

  .public_footer .fon_one,
  .public_footer .fon_two {
    width: 100% !important;
  }
}