/* ============================================================
   media1200_alb.css — 阿拉伯语 / RTL 手机版响应式覆盖
   引入顺序：style.css → style_alb.css → media1200.css → media1200_alb.css
   仅覆盖需要镜像或修正的属性
   ============================================================ */

@media screen and (max-width:1200px)
{
   
   /* ============================================================
      1. 全局基础重置（mobile 环境补充）
      ============================================================ */
   *
   {
       direction: rtl;
       text-align: right;
   }
   
   body
   {
       direction: rtl;
       text-align: right;
       min-width: auto;
   }
   
   /* 输入框统一 RTL */
   input,
   textarea
   {
       direction: rtl;
       text-align: right;
   }
   
   ::-webkit-input-placeholder
   {
       direction: rtl;
       text-align: right;
   }
   

   
   /* ============================================================
      2. 手机版顶部 —— mhead
      ============================================================ */
   
   /* 顶部容器 */
   .mhead
   {
       left: auto;
       right: 0;
       padding: 15px 6%;
   }
   
   /* 右侧图标组：RTL 下顺序自然翻转（搜索→语言→菜单） */
   .mhead .right
   {
       flex-direction: row;
   }
   
   /* 搜索按钮间距（对称，RTL 下保持） */
   .mhead .right .searchbtn
   {
       margin-left: 15px;
       margin-right: 15px;
   }
   
   /* 语言切换弹出层 */
   .mlanlist
   {
       left: 0;
       right: auto;
       padding: 15px 6%;
   }
   
   .mlanlist .link
   {
       text-align: right;
   }
   
   /* 搜索框 */
   .mhead .searchbg
   {
       left: 0;
       right: auto;
   }
   
   .mhead .searchbg .headsearch
   {
       flex-direction: row-reverse;
   }
   
   .mhead .searchbg .headsearch .input
   {
       width: calc(100% - 35px);
   }
   
   .mhead .searchbg .headsearch .input input
   {
       direction: rtl;
       text-align: right;
   }
   
   .mhead .searchbg .headsearch .input input::-webkit-input-placeholder
   {
       color: #fff;
       text-align: right;
   }
   
   /* 导航按钮三条线保持居中即可 */
   
   /* 顶部占位高度 */
   .headsupport
   {
       height: 60px;
   }
   
   .headsupport.toushi
   {
       height: 60px;
   }
   
   /* ============================================================
      3. 手机版导航 —— mnavbg
      ============================================================ */
   
   .mnavbg
   {
       left: 0;
       right: auto;
   }
   
   .mnavbg .mnav
   {
       padding: 30px 6%;
       padding-bottom: calc(30px + env(safe-area-inset-bottom));
   }
   
   .mnavbg .mnav ul li a
   {
       text-align: right;
       padding-top: 5px;
       padding-bottom: 5px;
   }
   
   .mnavbg .mnav ul li .nextnavtit
   {
       padding-right: 0;
       padding-left: 20px;
       text-align: right;
       padding-top: 5px;
       padding-bottom: 5px;
   }
   
   /* 子导航展开箭头：移到左侧并翻转 */
   .mnavbg .mnav ul li .nextnavtit .arr
   {
       right: auto;
       left: 0;
       transform: scaleX(-1);
   }
   
   /* 子导航缩进方向：RTL 下向右缩进 */
   .mnavbg .mnav ul li .nextnav
   {
       padding-left: 0;
       padding-right: 15px;
   }
   
   /* ============================================================
      4. 网站底部 —— footbg (mobile)
      ============================================================ */
   
   .footbg .foot
   {
       padding-left: 6%;
       padding-right: 6%;
   }
   
   /* 第一区域 */
   .footbg .first
   {
       padding-top: 30px;
       padding-bottom: 30px;
   }
   
   .footbg .foot .firstfoot
   {
       justify-content: flex-start;
       flex-direction: row-reverse;
   }
   
   .footbg .foot .firstfoot .fir
   {
       width: 100%;
       margin-bottom: 20px;
   }
   
   .footbg .foot .firstfoot .sec
   {
       width: 100%;
       margin-bottom: 20px;
   }
   
   .footbg .foot .firstfoot .thi
   {
       width: 100%;
   }
   
   /* 邮件订阅行：button | input */
   .footbg .foot .firstfoot .sec .email
   {
       /* flex-direction: row-reverse; */
   }
   
   /* 社交图标间距 */
   .footbg .foot .firstfoot .thi .shejiaop .sgrid
   {
       margin-right: 0;
       margin-left: 10px;
   }
   
   .footbg .foot .firstfoot .thi .shejiaop .sgrid:last-child
   {
       margin-left: 0;
   }
   
   /* 第二区域 */
   .footbg .second
   {
       padding-top: 30px;
       padding-bottom: 30px;
   }
   
   .footbg .second .secondfoot .fir
   {
       justify-content: flex-end;
       flex-direction: row-reverse;
   }
   
   .footbg .second .secondfoot .fir .flogo
   {
       width: 120px;
       margin-bottom: 20px;
   }
   
   /* 底部导航改为两列网格 */
   .footbg .second .secondfoot .fir .footnavblock
   {
       width: 100%;
       display: flex;
       flex-wrap: wrap;
       margin-bottom: 20px;
   }
   
   .footbg .second .secondfoot .fir .footnavblock .grid
   {
       width: 48%;
       margin-right: 0;
       margin-left: 4%;
   }
   
   .footbg .second .secondfoot .fir .footnavblock .grid:nth-child(2n)
   {
       margin-left: 0;
   }
   
   /* 清除桌面版可能的 margin-right 残留 */
   .footbg .second .secondfoot .fir .footnavblock .grid:nth-child(3n)
   {
       margin-right: 0;
   }
   
   .footbg .second .secondfoot .fir .ftwocode
   {
       width: 100%;
   }
   
   .footbg .second .secondfoot .sec
   {
       margin-top: 20px;
   }
   
   /* ============================================================
      5. 整体模块 —— webblockbg
      ============================================================ */
   
   .webblockbg
   {
       padding: 30px 6%;
   }
   
   .webblockbg .webblock,
   .webblockbg .paddingblock
   {
       padding-left: 0;
       padding-right: 0;
       max-width: 100%;
       min-width: auto;
   }
   
   .weblistblockbg
   {
       padding-top: 0px;
   }
   
   /* ============================================================
      6. 首页标题
      ============================================================ */
   
   .indbigtit
   {
       font-size: 22px;
       line-height: 25px;
   }
   
   /* ============================================================
      7. 首页分类大图 —— indcatepic
      ============================================================ */
   
   .indcatepic .pic
   {
       position: absolute;
       top: 0;
       left: 0;
       z-index: 5;
   }
   
   .indcatepic .pic .image
   {
       height: 100%;
       object-fit: cover;
   }
   
   .indcatepic .wenzi
   {
       position: relative;
       height: auto;
   }
   
   .indcatepic .wenzi .tit
   {
       font-size: 22px;
       line-height: 25px;
   }
   
   .indcatepic .wenzi .cont
   {
       margin-top: 15px;
       font-size: 16px !important;
       line-height: 25px !important;
   }
   
   .indcatepic .wenzi .cont p
   {
       font-size: 16px !important;
       line-height: 25px !important;
   }
   
   .indcatepic .wenzi .cont p span
   {
       font-size: 16px !important;
       line-height: 25px !important;
   }
   
   /* ============================================================
      8. 首页查看更多
      ============================================================ */
   
   .indcatemore
   {
       margin-top: 25px;
   }
   
   /* ============================================================
      9. 首页1-品牌价值 —— ind1list
      ============================================================ */
   
   .indblock1 .catetit
   {
       margin-bottom: 30px;
   }
   
   .ind1list .grid
   {
       margin-bottom: 30px;
   }
   
   /* 手机版单列堆叠 */
   .ind1list .grid:nth-child(2n-1) .link
   {
       flex-direction: column;
   }
   
   .ind1list .grid .link
   {
       flex-direction: column;
   }
   
   .ind1list .grid .link .pic
   {
       width: 100%;
       height: auto;
   }
   
   .ind1list .grid .link .wenzi
   {
       width: 100%;
       padding-left: 0;
       padding-right: 0;
       margin-bottom: 30px;
   }
   
   .ind1list .grid .link .wenzi .indbigtit
   {
       margin-bottom: 15px;
   }
   
   /* ============================================================
      10. 首页2-产品系列 —— ind2list
      ============================================================ */
   
   .ind2list
   {
       padding: 0;
       padding-top: 30px;
   }
   
   .ind2list .grid
   {
       width: 48%;
       margin-right: 0;
       margin-left: 4%;
       margin-bottom: 25px;
   }
   
   .ind2list .grid:nth-child(2n)
   {
       margin-left: 0;
   }
   
   /* 清除桌面版 4n 规则 */
   .ind2list .grid:nth-child(4n)
   {
       margin-left: 0;
       margin-right: 0;
   }
   
   /* ============================================================
      11. 首页3-工艺服务 —— ind3list
      ============================================================ */
   
   .ind3list .grid
   {
       margin-bottom: 30px;
   }
   
   .ind3list .grid:nth-child(2n-1)
   {
       flex-direction: column;
   }
   
   .ind3list .grid:nth-child(2n)
   {
       flex-direction: column;
   }
   
   .ind3list .grid .pic
   {
       width: 100%;
   }
   
   .ind3list .grid .wenzi
   {
       width: 100%;
       padding-left: 0;
       padding-right: 0;
       padding-bottom: 30px;
   }
   
   .ind3list .grid .more
   {
       justify-content: flex-start;
   }
   
   /* ============================================================
      12. 首页4-案例
      ============================================================ */
   
   .ind4list
   {
       padding: 20px 0 0;
   }
   
   /* ============================================================
      13. 首页5-设计师
      ============================================================ */
   
   .ind5list
   {
       padding: 25px 0 0;
   }
   
   /* ============================================================
      14. 首页6-历史 —— indblock6
      ============================================================ */
   
   .indblock6 .bigtit
   {
       font-size: 22px;
       line-height: 25px;
       margin-bottom: 5px;
   }
   
   .indblock6 .bigextit
   {
       padding-left: 0;
       padding-right: 0;
       text-align: center;
       font-size: 18px;
       line-height: 25px;
       margin-bottom: 25px;
   }
   
   .indblock6 .ind6list
   {
       width: 100%;
       padding-left: 0;
       padding-right: 0;
       padding-bottom: 0;
       height: auto;
       overflow: hidden;
       direction: rtl;
   }
   
   .indblock6 .ind6list::after
   {
       display: none;
   }
   
   .indblock6 .ind6list .grid
   {
       width: 100%;
       height: auto;
       flex-shrink: 0;
       margin-bottom: 25px;
   }
   
   .indblock6 .ind6list .grid:last-child
   {
       margin-bottom: 0;
   }
   
   .indblock6 .ind6list .grid::after
   {
       display: none;
   }
   
   .indblock6 .ind6list .grid .wenzi
   {
       position: static;
       width: 100%;
       border-left: none;
       border-right: none;
       height: auto;
       padding: 0;
       text-align: right;
   }
   
   .indblock6 .ind6list .grid .wenzi .tit
   {
       font-size: 20px;
       line-height: 25px;
       margin-bottom: 10px;
   }
   
   .indblock6 .ind6list .grid .wenzi .cont
   {
       height: auto;
   }
   
   /* ============================================================
      15. 当前位置 —— pathblock
      ============================================================ */
   
   .pathblockbg
   {
       padding: 20px 6%;
       box-sizing: border-box;
   }
   
   .pathblock
   {
       max-width: 100%;
       min-width: auto;
       padding-left: 0;
       padding-right: 0;
   }
   
   .pathblock .path
   {
       padding-left: 0;
       padding-right: 0;
       direction: rtl;
   }
   
   /* ============================================================
      16. 内页菜单 —— sitenav
      ============================================================ */
   
   .sitenavbg .sitenav
   {
       max-width: 100%;
       min-width: auto;
       padding-left: 0;
       padding-right: 0;
       flex-wrap: nowrap;
       overflow-x: auto;
   }
   
   .sitenavbg .sitenav .grid
   {
       margin-left: 10px;
       margin-right: 10px;
       flex-shrink: 0;
   }
   
   /* ============================================================
      17. 内页大标题
      ============================================================ */
   
   .catebigtit
   {
       font-size: 20px;
       padding-bottom: 30px;
   }
   
   /* ============================================================
      18. 关于我们 —— 品牌
      ============================================================ */
   
   .aboutlinetit .tit
   {
       font-size: 22px;
       padding: 0;
   }
   
   .aboutlinetit .tit .shuzi
   {
       font-size: 35px;
   }
   
   .about
   {
       max-width: 100%;
   }
   
   .about .bigpic
   {
       margin-bottom: 30px;
   }
   
   .about .aboutlinetit
   {
       margin-bottom: 15px;
   }
   
   .about .extit
   {
       font-size: 18px;
       margin-bottom: 20px;
       line-height: 25px;
   }
   
   /* ============================================================
      19. 企业文化 —— culturelist
      ============================================================ */
   
   .culturebanner .pic
   {
       position: absolute;
       top: 0;
       left: 0;
   }
   
   .culturebanner .pic .image
   {
       height: 100%;
       object-fit: cover;
   }
   
   .culturebanner .wenzi
   {
       height: auto;
       position: relative;
       box-sizing: border-box;
       padding: 30px 6%;
   }
   
   .culturebanner .wenzi .tit
   {
       font-size: 22px;
       line-height: 25px;
       margin-bottom: 15px;
   }
   
   .culturebanner .wenzi .extit
   {
       font-size: 16px;
       line-height: 25px;
   }
   
   .culturelist::after
   {
       display: none;
   }
   
   .culturelist .grid
   {
       display: block;
       margin-bottom: 25px;
   }
   
   .culturelist .grid:last-child
   {
       margin-bottom: 0;
   }
   
   .culturelist .grid .time
   {
       font-size: 25px;
       line-height: 25px;
       margin-bottom: 25px;
   }
   
   .culturelist .grid .dian
   {
       display: none;
   }
   
   /* 企业文化手机版：图片在上、内容在下 */
   .culturelist .grid .link
   {
       flex-direction: column;
       justify-content: flex-start;
   }
   
   .culturelist .grid:nth-child(2n) .link
   {
       flex-direction: column;
   }
   
   .culturelist .grid .link .pic
   {
       width: 100%;
       margin-left: 0;
       margin-right: 0;
   }
   
   .culturelist .grid .left
   {
       width: 100%;
       margin-bottom: 20px;
   }
   
   .culturelist .grid .left .title
   {
       font-size: 20px;
   }
   
   .culturelist .grid .cont
   {
       width: 100%;
       padding: 25px;
       flex-direction: column;
   }
   
   .culturelist .grid .cont .pic
   {
       width: 100%;
   }
   
   .culturelist .grid .cont .contright
   {
       width: 100%;
   }
   
   .culturelist .grid .cont .contright .tit
   {
       font-size: 17px;
   }
   
   /* ============================================================
      20. 实力 —— shili
      ============================================================ */
   
   .shiliour .aboutlinetit
   {
       margin-bottom: 10px;
   }
   
   .shiliour .extit
   {
       font-size: 18px;
       line-height: 25px;
       margin-bottom: 20px;
   }
   
   .shiliour .cont
   {
       max-width: 100%;
       margin-bottom: 30px;
   }
   
   .shilicont
   {
       max-width: 100%;
   }
   
   /* shili2 */
   .shili2 .aboutlinetit
   {
       margin-bottom: 20px;
   }
   
   .shili2 .extit
   {
       line-height: 25px;
       margin-bottom: 25px;
   }
   
   .shili2 .bigpic
   {
       margin-bottom: 25px;
   }
   
   .shili2 .cont2
   {
       margin-bottom: 25px;
   }
   
   .shili2 .picarr
   {
       margin-bottom: 25px;
   }
   
   .shili2 .picarr .grid
   {
       margin-bottom: 5px;
   }
   
   /* 箭头图标水平翻转 */
   .shili2 .picarr2 .picarr2banner .arr .arrpic
   {
       transform: scaleX(-1);
   }
   
   .shili2 .picarr2
   {
       width: 100%;
       padding: 20px;
       margin-bottom: 25px;
   }
   
   .shili2 .picarr2 .picarr2banner
   {
       margin-bottom: 25px;
   }
   
   .shili2 .picarr2 .picarr2banner .arr
   {
       margin-top: 25px;
   }
   
   .shili2 .picarr2 .picarr2banner .arr .arrpic
   {
       width: 30px;
       height: 30px;
       border: 2px solid #c02c30;
   }
   
   .shili2 .bigpic2
   {
       margin-bottom: 25px;
   }
   
   /* shili3 */
   .shili3 .aboutlinetit
   {
       margin-bottom: 25px;
   }
   
   .shili3 .shili3fir
   {
       width: 100%;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       margin-bottom: 25px;
       align-items: center;
       flex-direction: column;
   }
   
   .shili3 .shili3fir .pic
   {
       width: 100%;
       margin-bottom: 25px;
   }
   
   .shili3 .shili3fir .right
   {
       width: 100%;
       padding-left: 0;
       padding-right: 0;
   }
   
   .shili3 .shili3sec .p800
   {
       max-width: 100%;
       margin: 25px auto;
   }
   
   /* shili4 */
   .shili4 .aboutlinetit
   {
       margin-bottom: 25px;
   }
   
   .shili4 .cont1
   {
       margin-bottom: 25px;
   }
   
   /* shili5 */
   .shili5 .aboutlinetit
   {
       margin-bottom: 25px;
   }
   
   .shili5 .picarr
   {
       margin-top: 25px;
       margin-bottom: 25px;
   }
   
   .shili5 .picarr .grid
   {
       margin-bottom: 5px;
   }
   
   /* ============================================================
      21. 工艺 —— gongyi
      ============================================================ */
   
   .gongyibanner .pic
   {
       position: absolute;
       top: 0;
       left: 0;
   }
   
   .gongyibanner .pic .image
   {
       height: 100%;
   }
   
   .gongyibanner .titblock
   {
       height: auto;
       position: relative;
       padding: 30px 6%;
       box-sizing: border-box;
       min-height: 150px;
   }
   
   .gongyibanner .titblock .tit
   {
       font-size: 22px;
       line-height: 25px;
   }
   
   .gongyingsummary
   {
       font-size: 18px;
       margin-bottom: 30px;
   }
   
   .gongyilist .grid
   {
       margin-bottom: 30px;
   }
   
   .gongyilist .grid .pic
   {
       margin-bottom: 20px;
   }
   
   .gongyilist .grid .cont
   {
       max-width: 100%;
   }
   
   /* ============================================================
      22. 设计 —— designerblock
      ============================================================ */
   
   .designbigtitle
   {
       font-size: 22px;
       margin-bottom: 10px;
   }
   
   .designerblock .designdes
   {
       font-size: 16px;
       margin-bottom: 25px;
       line-height: 25px;
       color: #666;
   }
   
   .designerblock .designdes p
   {
       font-size: 16px;
       line-height: 25px;
       color: #666;
   }
   
   .designerblock .designlist
   {
       max-width: 100%;
   }
   
   .designerblock .designlist .record
   {
       margin-bottom: 25px;
   }
   
   .designerblock .designlist .record .link
   {
       padding: 20px;
       flex-direction: column-reverse;
   }
   
   .designerblock .designlist .record .link .pic
   {
       width: 100%;
   }
   
   .designerblock .designlist .record .link .text
   {
       width: 100%;
       margin-bottom: 30px;
       padding-left: 0;
       padding-right: 0;
   }
   
   .designerblock .designlist .record .link .title
   {
       margin-top: 0;
       margin-bottom: 20px;
       font-size: 20px;
       line-height: 25px;
   }
   
   /* ============================================================
      23. 产品搜索 —— pronavsearch
      ============================================================ */
   
   .pronavsearch
   {
       height: auto;
       display: block;
       margin-bottom: 0;
       margin-top: 0;
       flex-direction: column;
   }
   
   .pronavsearch .grid
   {
       width: 100%;
       margin-right: 0;
       margin-left: 0;
       margin-bottom: 20px;
   }
   
   /* 下拉箭头图标移到左侧 */
   .pronavsearch .grid .text
   {
       color: #333;
       font-size: 15px;
       line-height: 38px;
       padding-right: 0;
       padding-left: 25px;
       background: url(../images/littledownarr.png) no-repeat left center;
   }
   
   .pronavsearch .grid .links
   {
       padding-top: 0;
   }
   
   .pronavsearch .grid:hover .pronav
   {
       display: none;
   }
   
   /* 下拉菜单位置 */
   .pronavsearch .grid .pronav
   {
       left: auto;
       right: 0;
   }
   
   /* 搜索输入框 RTL */
   .pronavsearch .grid .prosearch
   {
       flex-direction: row-reverse;
   }
   
   .pronavsearch .grid .prosearch .inputblock
   {
       direction: rtl;
   }
   
   .pronavsearch .grid .prosearch .inputblock input
   {
       direction: rtl;
       text-align: right;
   }
   
   /* 搜索下拉链接 */
   .pronavsearch .grid .links .link
   {
       margin-right: 0;
       margin-left: 10px;
   }
   
   .pronavsearch .grid .links .link:last-child
   {
       margin-left: 0;
   }
   
   /* ============================================================
      24. 产品列表 —— prolist
      ============================================================ */
   
   .producttopbg
   {
       top: 60px;
   }
   
   .prolist .grid
   {
       width: 48%;
       margin-right: 0;
       margin-left: 4%;
       margin-bottom: 20px;
   }
   
   .prolist .grid:nth-child(2n)
   {
       margin-left: 0;
   }
   
   /* 清除桌面版 4n 规则 */
   .prolist .grid:nth-child(4n)
   {
       margin-left: 0;
       margin-right: 0;
   }
   
   /* yibupro 分类产品 */
   .yibupro .ygrid
   {
       padding-bottom: 30px;
   }
   
   .yibupro .ygrid .catetit
   {
       margin-bottom: 30px;
   }
   
   .yibupro .ygrid .catetit .tit
   {
       font-size: 20px;
       padding: 10px 20px;
   }
   
   .yibupro .ygrid .catetit::after
   {
       width: 100%;
   }
   
   .yibupro .ygrid .more
   {
       width: 100%;
       padding-top: 30px;
   }
   
   .productlistblock .prorlogo
   {
       margin-bottom: 20px;
   }
   
   .productlistblock .prorlogo .image
   {
       max-width: 60px;
   }
   
   .productlistblock .prolistbigwz
   {
       font-size: 20px;
       margin-bottom: 20px;
   }
   
   /* ============================================================
      25. 产品详情 —— productview
      ============================================================ */
   
   .productviewblockbg1
   {
       padding-top: 0;
       padding-bottom: 30px;
   }
   
   .productviewblockbg1 .bbg
   {
       height: 100%;
   }
   
   .productviewblockbg1 .pathblockbg
   {
       padding: 0;
       padding-top: 30px;
   }
   
   .productviewblockbg1 .pathblockbg .pathblock .path
   {
       padding-left: 0;
       padding-right: 0;
   }
   
   /* 主区域垂直堆叠 */
   .proshowfir
   {
       flex-direction: column;
   }
   
   .proshowfir .leftpic
   {
       width: 100%;
   }
   
   .proshowfir .prorightcont
   {
       width: 100%;
       padding-top: 20px;
       padding-left: 0;
       padding-right: 0;
   }
   
   .proshowfir .prorightcont .cateextit
   {
       margin-bottom: 10px;
   }
   
   /* 按钮列表 */
   .proshowfir .prorightcont .deslist .btnlist .grid
   {
       margin-right: 0;
       margin-left: 15px;
   }
   
   .proshowfir .prorightcont .deslist .btnlist .grid:last-child
   {
       margin-left: 0;
   }
   
   /* mglist 边框方向镜像 */
   .proshowfir .mglist .link
   {
       border-left: none;
       border-right: 1px solid #fff;
       padding-left: 0;
       padding-right: 10px;
   }
   
   /* 第二部分 */
   .productviewblock2 .fir
   {
       flex-direction: column;
   }
   
   .productviewblock2 .fir .left
   {
       width: 100%;
       margin-bottom: 30px;
       margin-left: 0;
       margin-right: 0;
   }
   
   .productviewblock2 .fir .right
   {
       width: 100%;
   }
   
   .productviewblock2 .protjtitle
   {
       margin-bottom: 20px;
   }
   
   /* 推荐产品网格：2列 */
   .productviewblock2 .proxianglist
   {
       display: flex;
       flex-wrap: wrap;
   }
   
   .productviewblock2 .proxianglist .grid
   {
       width: 48%;
       margin-right: 0;
       margin-left: 4%;
       margin-bottom: 10px;
   }
   
   .productviewblock2 .proxianglist .grid:nth-child(2n)
   {
       margin-left: 0;
   }
   
   /* 清除桌面版 4n 规则 */
   .productviewblock2 .proxianglist .grid:nth-child(4n)
   {
       margin-left: 4%;
       margin-right: 0;
   }
   
   /* 分页器 */
   .productviewblock2 .fir .right .picarr .swiperpages .swiper-pagination-bullet-active
   {
       background: #c02c30;
   }
   
   /* 第三部分网格 */
   .productviewblockbg3 .msgg .grid
   {
       width: 100%;
       margin-right: 0;
       margin-left: 0;
       margin-bottom: 30px;
   }
   
   .productviewblockbg3 .msgg .grid:last-child
   {
       margin-bottom: 0;
   }
   
   .productviewblockbg3 .msgg .grid .tit
   {
       font-size: 18px;
       margin-bottom: 10px;
   }
   
   /* ============================================================
      26. 上一篇 / 下一篇 —— prevnext
      ============================================================ */
   
   .prevnext
   {
       margin-top: 15px;
   }
   
   .prevnext .grid
   {
       width: 100%;
       text-align: right;
   }
   
   .prevnext .grid:nth-child(2n)
   {
       text-align: right;
   }
   
   /* ============================================================
      27. 案例列表 —— caselist
      ============================================================ */
   
   .caselist .grid
   {
       width: 48%;
       margin-right: 0;
       margin-left: 4%;
       margin-bottom: 20px;
   }
   
   .caselist .grid:nth-child(2n)
   {
       margin-left: 0;
   }
   
   /* 清除桌面版 3n 规则 */
   .caselist .grid:nth-child(3n)
   {
       margin-left: 4%;
       margin-right: 0;
   }
   
   /* ============================================================
      28. 案例展示 —— casecnblock
      ============================================================ */
   
   .caseviewbg1
   {
       padding-top: 0;
   }
   
   .casecnblock
   {
       flex-direction: column;
   }
   
   .casecnblock .left
   {
       width: 100%;
       margin-bottom: 20px;
       margin-left: 0;
       margin-right: 0;
   }
   
   .casecnblock .right
   {
       width: 100%;
   }
   
   .casecnblock .right .casebigtit
   {
       margin-bottom: 10px;
       text-align:right;
   }
   
   /* 缩略图导航 */
   .casecnblock .left .picarr .smallblock
   {
       margin-top: 10px;
   }
   
   .casecnblock .left .picarr .smallblock .proview_little_picarr
   {
       width: calc(100% - 60px);
       margin:auto;
   }
   
   /* 缩略图左右箭头镜像 */
   .casecnblock .left .picarr .smallblock .btn
   {
       width: 30px;
   }
   
   .casecnblock .left .picarr .smallblock .button-next
   {
       right: auto;
       left: 0;
   }
   
   .casecnblock .left .picarr .smallblock .button-prev
   {
       left: auto;
       right: 0;
   }
   
   /* 大图箭头镜像 */
   .casecnblock .left .picarr .bpic .leftbtn-prev
   {
       left: auto;
       right: 20px;
       background: url('../images/rightarr_ca.png') no-repeat center center;
       background-size: 100% 100%;
   }
   
   .casecnblock .left .picarr .bpic .rightbtn-next
   {
       right: auto;
       left: 20px;
       background: url('../images/leftarr_ca.png') no-repeat center center;
       background-size: 100% 100%;
   }
   
   /* 案例英文版 */
   .webblockbg .caseviewblock2
   {
       padding-left: 0;
       padding-right: 0;
   }
   
   .caseviewbg5
   {
       padding-top: 0;
       padding-bottom: 0;
   }
   
   .caseviewbg2
   {
       padding-top: 20px;
       padding-bottom: 20px;
       padding-left: 0;
       padding-right: 6%;
   }
   
   .caseviewbg3
   {
       padding-top: 0;
   }
   
   .insviewcaselist
   {
       width: 100%;
   }
   
   .insviewcaselist .arrlist
   {
       width: 100%;
       margin-top: 30px;
   }
   
   .insviewcaselist .arrlist .arr
   {
       width: 30px;
   }
   
   /* ============================================================
      29. 材料 —— materailcate
      ============================================================ */
   
   .materailcatebg
   {
       padding-left: 0;
       padding-right: 0;
   }
   
   .materailcate .grid
   {
       margin-bottom: 20px;
   }
   
   .materailcate .grid .gridtop
   {
       padding: 30px 6%;
       box-sizing: border-box;
       margin-bottom: 0;
   }
   
   .materailcate .grid .gridtop .ins
   {
       width: 100%;
       max-width: 100%;
       min-width: auto;
       padding-left: 0;
       padding-right: 0;
       flex-direction: column;
   }
   
   .materailcate .grid .gridtop .ins .wenzi
   {
       width: 100%;
       padding-left: 0;
       padding-right: 0;
   }
   
   .materailcate .grid .gridtop .ins .wenzi .title
   {
       font-size: 20px;
       margin-bottom: 10px;
   }
   
   .materailcate .grid .materaillist
   {
       box-sizing: border-box;
       padding-left: 6%;
       padding-right: 6%;
       padding-top: 30px;
   }
   
   .materailcate .grid .materaillist .listgrid
   {
       width: 48%;
       margin-right: 0;
       margin-left: 4%;
       margin-bottom: 15px;
   }
   
   .materailcate .grid .materaillist .listgrid:nth-child(2n)
   {
       margin-left: 0;
   }
   
   /* 清除桌面版 6n 规则 */
   .materailcate .grid .materaillist .listgrid:nth-child(6n)
   {
       margin-left: 0;
       margin-right: 0;
   }
   
   /* 二级材料 */
   .materailcate .grid .secondmaterail
   {
       width: 100%;
       height: auto;
       overflow: hidden;
   }
   
   .materailcate .grid .secondmaterail .secondmaterailrecord
   {
       margin-bottom: 20px;
   }
   
   .materailcate .grid .secondmaterail .secondmaterailrecord .bespoketit
   {
       font-size: 20px;
       margin-bottom: 0;
   }
   
   /* 定制列表 bespoke —— 单列全宽 */
   .bespokebg .bespokelist
   {
       width: 100%;
       height: auto;
       display: flex;
       flex-wrap: wrap;
   }
   
   .bespokebg .bespokelist .grid
   {
       width: 100%;
       margin-right: 0;
       margin-left: 0;
       margin-bottom: 30px;
       background: #fff;
   }
   
   .bespokebg .bespokelist .grid:last-child
   {
       margin-bottom: 0;
   }
   
   /* 清除桌面版 4n 规则 */
   .bespokebg .bespokelist .grid:nth-child(4n)
   {
       margin-right: 0;
       margin-left: 0;
   }
   
   .bespokebg .bespokelist .grid .wenzi
   {
       padding: 15px;
   }
   
   .bespokebg .bespokelist .grid .wenzi .tit
   {
       font-size: 18px;
       margin-bottom: 10px;
       line-height: 25px;
   }
   
   .bespokebg .bespoketit
   {
       font-size: 20px;
       margin-bottom: 20px;
   }
   
   /* ============================================================
      30. 新闻列表 —— newslist
      ============================================================ */
   
   .newslist .grid
   {
       margin-bottom: 20px;
   }
   
   .newslist .grid .link
   {
       justify-content: space-between;
       flex-direction: row-reverse;
   }
   
   .newslist .grid .link .outpic
   {
       width: 30%;
       margin-left: 0;
       margin-right: 0;
   }
   
   .newslist .grid .link .righttext
   {
       width: 64%;
       padding-left: 0;
       padding-right: 15px;
   }
   
   .newslist .grid .link .title
   {
       font-size: 15px;
       line-height: 22px;
       margin-bottom: 0;
   }
   
   .newslist .grid .link .des
   {
       display: none;
   }
   
   .newslist .grid .link .more
   {
       display: none;
   }
   
   /* ============================================================
      31. 招商加盟 —— joinbg
      ============================================================ */
   
   .joinbg .indbigtit
   {
       margin-bottom: 30px;
   }
   
   /* 优势列表单列 */
   .joinbg .youshi .list .grid
   {
       width: 100%;
       margin-right: 0;
       margin-left: 0;
       margin-bottom: 30px;
   }
   
   /* 清除桌面版 3n 间距 */
   .joinbg .youshi .list .grid:nth-child(3n)
   {
       margin-right: 0;
       margin-left: 0;
   }
   
   /* 最后三个的 margin-bottom 修正 */
   .joinbg .youshi .list .grid:nth-last-child(-n+3)
   {
       margin-bottom: 30px;
   }
   
   .joinbg .youshi .list .grid:last-child
   {
       margin-bottom: 15px;
   }
   
   /* joinbg2 */
   .joinbg2
   {
       padding: 0;
   }
   
   .joinbg2 .listbg
   {
       padding: 30px 6%;
       box-sizing: border-box;
   }
   
   .joinbg2 .listbg .list
   {
       display: flex;
       flex-wrap: wrap;
       flex-direction: column;
   }
   
   .joinbg2 .listbg .list1 .grid,
   .joinbg2 .listbg .list2 .grid
   {
       width: 100%;
       margin-right: 0;
       margin-left: 0;
       margin-bottom: 30px;
   }
   
   /* 清除桌面版 3n 间距 */
   .joinbg2 .listbg .list1 .grid:nth-child(3n),
   .joinbg2 .listbg .list2 .grid:nth-child(3n)
   {
       margin-right: 0;
       margin-left: 0;
   }
   
   .joinbg2 .listbg .list1 .grid:last-child,
   .joinbg2 .listbg .list2 .grid:last-child
   {
       margin-bottom: 0;
   }
   
   /* 箭头图标水平翻转 */
   .joinbg2 .listbg .list .grid .pic .arr .arrimage
   {
       transform: scaleX(-1);
   }
   
   /* 箭头位置重置（手机版隐藏或居中） */
   .joinbg2 .listbg .list1 .grid .pic .arr,
   .joinbg2 .listbg .list2 .grid .pic .arr
   {
       left: auto;
       right: auto;
   }
   
   .joinbg2 .listbg .list2
   {
       flex-direction: column;
   }
   
   .joinbg2 .listbg .joinblock2 .downarr
   {
       display: none;
   }
   
   /* ============================================================
      32. 加入我们 —— joinus
      ============================================================ */
   
   .joinus
   {
       max-width: 100%;
       flex-direction: column-reverse;
   }
   
   .joinus .pic
   {
       width: 100%;
   }
   
   .joinus .right
   {
       width: 100%;
       margin-bottom: 30px;
       padding-left: 0;
       padding-right: 0;
   }
   
   .joinus .right .entit
   {
       font-size: 22px;
   }
   
   .joinus .right .cntit
   {
       font-size: 18px;
   }
   
   /* 提交按钮区域 */
   .joinus .right .submit
   {
       flex-direction: row-reverse;
   }
   
   /* 表单输入 RTL */
   .joinus .right .joinmsg .mgrid .inputb .input
   {
       padding-left: 15px;
       padding-right: 15px;
       direction: rtl;
       text-align: right;
   }
   
   .joinus .right .joinmsg .mgrid .textareab .textarea
   {
       direction: rtl;
       text-align: right;
   }
   
   /* ============================================================
      33. 全屏视频 —— fullscreenvideobg
      ============================================================ */
   
   .fullscreenvideobg .closebtn
   {
       width: 50px;
       height: 50px;
       font-size: 45px;
       line-height: 50px;
       right: auto;
       left: 10px;
   }
   
   .fullscreenvideobg .videoblock
   {
       width: 88%;
       height: 88%;
   }
   
   /* ============================================================
      34. 视频列表 —— videolist
      ============================================================ */
   
   .videolist .grid
   {
       width: 100%;
       margin-right: 0;
       margin-left: 0;
       margin-bottom: 20px;
   }
   
   /* ============================================================
      35. 发布时间
      ============================================================ */
   
   .create_time
   {
       margin-bottom: 15px;
   }
   
   /* ============================================================
      36. 分页 —— Pagination__Nav
      ============================================================ */
   
   .Pagination__Nav
   {
       margin-bottom: 0;
       direction: rtl;
   }
   
   /* ============================================================
      37. 门店列表 —— storelist
      ============================================================ */
   
   .storeblock .second
   {
       padding-top: 30px;
   }
   
   .storelist .grid
   {
       width: 100%;
       margin-right: 0;
       margin-left: 0;
       margin-bottom: 20px;
   }
   
   .storelist .grid:last-child
   {
       margin-bottom: 0;
   }
   
   /* 清除桌面版 3n 规则 */
   .storelist .grid:nth-child(3n)
   {
       margin-right: 0;
       margin-left: 0;
   }
   
   /* ============================================================
      38. 门店展示 —— storeshowfir
      ============================================================ */
   
   .storeshowfir
   {
       padding-bottom: 30px;
       margin-bottom: 30px;
       padding-top: 20px;
       flex-direction: column;
   }
   
   .storeshowfir .picarr
   {
       width: 100%;
       margin-bottom: 30px;
       margin-left: 0;
       margin-right: 0;
   }
   
   /* 缩略图侧栏：移到右侧 */
   .storeshowfir .picarr .smallblock
   {
       width: 60px;
       left: auto;
       right: 0;
   }
   
   /* 缩略图上下箭头 */
   .storeshowfir .picarr .smallblock .button-prev
   {
       top: -30px;
       left: auto;
       right: 0;
   }
   
   .storeshowfir .picarr .smallblock .button-next
   {
       bottom: -30px;
       left: auto;
       right: 0;
   }
   
   /* 大图区域 */
   .storeshowfir .picarr .bpic
   {
       margin-left: 0;
       margin-right: 70px;
   }
   
   /* 大图箭头镜像 */
   .storeshowfir .picarr .bpic .leftbtn-prev
   {
       left: auto;
       right: 20px;
       background: url('../images/rightarr_ca.png') no-repeat center center;
       background-size: 100% 100%;
   }
   
   .storeshowfir .picarr .bpic .rightbtn-next
   {
       right: auto;
       left: 20px;
       background: url('../images/leftarr_ca.png') no-repeat center center;
       background-size: 100% 100%;
   }
   
   /* 门店信息 */
   .storeshowfir .storeinfo
   {
       width: 100%;
   }
   
   .storeshowfir .storeinfo .casebigtit
   {
       font-size: 18px;
       margin-bottom: 10px;
       line-height: 1;
   }
   
   .storeshowfir .storeinfo .xingji .wz,
   .storeshowfir .storeinfo .fangjian .wz
   {
       line-height: 25px;
       font-size: 15px;
       text-align: right;
   }
   
   .storeshowfir .storeinfo .fangjian .num
   {
       line-height: 25px;
       font-size: 15px;
   }
   
   .storeshowblock .storeconent
   {
       margin-top: 20px;
   }
   
   /* ============================================================
      39. 图册 —— tuce
      ============================================================ */
   
   .tuce .grid
   {
       width: 48%;
       margin-right: 0;
       margin-left: 4%;
   }
   
   .tuce .grid:nth-child(2n)
   {
       margin-left: 0;
   }
   
   /* 清除桌面版 4n 规则 */
   .tuce .grid:nth-child(4n)
   {
       margin-left: 4%;
       margin-right: 0;
   }
   
   /* ============================================================
      40. 联系我们 —— contactbg1 / msgblock
      ============================================================ */
   
   .contactbg1 .pathblockbg
   {
       padding: 20px 6%;
       box-sizing: border-box;
   }
   
   .contactbg1 .contactblock1 .contactinfo
   {
       padding-top: 0;
   }
   
   .contactbg1 .contactblock1 .contactinfo .grid
   {
       margin-bottom: 30px;
       text-align: right;
   }
   
   .contactbg1 .contactblock1 .contactinfo .grid .bigtit
   {
       font-size: 20px;
   }
   
   /* 留言表单 */
   .msgblock .msg .msgbigtit
   {
       font-size: 20px;
       margin-bottom: 20px;
   }
   
   .msgblock .msg .first
   {
       width: 100%;
       height: auto;
       overflow: hidden;
       display: flex;
       flex-wrap: wrap;
       flex-direction: column;
   }
   
   .msgblock .msg .first .mgrid
   {
       width: 100%;
       margin-right: 0;
       margin-left: 0;
       margin-bottom: 20px;
   }
   
   /* 清除桌面版 4n 规则 */
   .msgblock .msg .first .mgrid:nth-child(4n)
   {
       margin-right: 0;
       margin-left: 0;
   }
   
   .msgblock .msg .first .mgrid .inputb .input
   {
       padding-left: 15px;
       padding-right: 15px;
       direction: rtl;
       text-align: right;
   }
   
   .msgblock .msg .sec
   {
       margin-bottom: 20px;
   }
   
   .msgblock .msg .sec .inputb .textarea
   {
       direction: rtl;
       text-align: right;
   }
   
   /* 自媒体 */
   .zimeiti
   {
       margin-bottom: 5px;
   }
   
   .zimeiti .grid
   {
       width: 48%;
       margin-right: 0;
       margin-left: 4%;
       margin-bottom: 15px;
   }
   
   .zimeiti .grid:nth-child(2n)
   {
       margin-left: 0;
   }
   
   /* ============================================================
      41. 底部留言 —— footmsgbg (mobile 隐藏)
      ============================================================ */
   
   .footmsgbg_m
   {
       display: none !important;
   }
   
   /* ============================================================
      42. 全局输入框 RTL 补充（mobile 环境全覆盖）
      ============================================================ */
   
   .mhead .searchbg .headsearch .input input,
   .pronavsearch .grid .prosearch .inputblock input,
   .msgblock .msg .first .mgrid .inputb .input,
   .msgblock .msg .sec .inputb .textarea,
   .joinus .right .joinmsg .mgrid .inputb .input,
   .joinus .right .joinmsg .mgrid .textareab .textarea
   {
       direction: rtl;
       text-align: right;
   }
   
   /* ============================================================
      43. 锚点
      ============================================================ */
   
   .maodian
   {
       height: 60px;
       margin-top: -60px;
   }
   
   /* ============================================================
      44. 网站内页 banner
      ============================================================ */
   
   .inside_banner
   {
       margin-top: 0;
   }
   
   .inside_banner_block .sitenavbg
   {
       bottom: 10px;
   }
   
   /* ============================================================
      45. 表格内容右对齐
      ============================================================ */
   
   .insidecontent table td
   {
       text-align: right;
   }

   .shili2 .picarr2 .picarr2banner .arr
   {
        flex-direction:row;
   }
} /* end @media */