/* ==========================================================================
   从右向左（RTL）镜像样式 —— 由 scripts/build-rtl.js 自动生成，请勿手改
   修改 LTR 样式后执行：node scripts/build-rtl.js
   仅在 html[dir="rtl"] 时加载（见 partials/head.ejs）
   ========================================================================== */

html[dir="rtl"] {
  direction: rtl;
}

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

/* 阿拉伯语优先使用系统里的阿拉伯字体，避免中文宋体回退导致字形断裂 */
html[dir="rtl"] body,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] button,
html[dir="rtl"] select {
  font-family: 'Segoe UI', 'Tahoma', 'Geeza Pro', 'Noto Naskh Arabic', 'Arial', sans-serif;
}

/* 数字与电话在阿语环境下保持从左到右，避免 +86-576-... 读反 */
html[dir="rtl"] .top-tel__text b,
html[dir="rtl"] .footer-tel,
html[dir="rtl"] .lang-drop__code {
  direction: ltr;
  unicode-bidi: embed;
  display: inline-block;
}


/* ---------- 镜像自 public/theme/css/style.css ---------- */

[dir="rtl"] fieldset {
  border-right-width: 0;
  border-left-width: 0;
}

[dir="rtl"] caption {
  text-align: right;
}

[dir="rtl"] th {
  text-align: right;
}

[dir="rtl"] .fl {
  float: right;
}

[dir="rtl"] .fr {
  float: left;
}

[dir="rtl"] .left {
  float: right;
}

[dir="rtl"] .right {
  float: left;
}

[dir="rtl"] .head_main .right li a img {
  left: -28px;
  right: auto;
}

[dir="rtl"] .head_main .right li i {
  margin-left: 0;
  margin-right: 30px;
}

[dir="rtl"] .top_main .logo img {
  float: right;
}

[dir="rtl"] .top_main li {
  float: right;
  margin-right: 35px;
  margin-left: 0;
  text-align: right;
}

[dir="rtl"] .top_main li a i {
  right: 0;
  left: auto;
}

[dir="rtl"] .top_main li a p {
  right: 0;
  left: auto;
}

[dir="rtl"] .top_main dl {
  border-radius: 0 0 3px 3px;
  right: 50%;
  left: auto;
  margin-right: -60px;
  margin-left: 0;
}

[dir="rtl"] .banner li img {
  right: 50%;
  left: auto;
  margin-right: -960px;
  margin-left: 0;
}

[dir="rtl"] #banner .tip {
  right: 50%;
  left: auto;
  margin-right: -500px;
  margin-left: 0;
}

[dir="rtl"] #banner #btn_prev {
  right: 4%;
  left: auto;
}

[dir="rtl"] #banner #btn_next {
  left: 4%;
  right: auto;
}

[dir="rtl"] .search .hot .right .input {
  border-left: none;
  border-right: 0;
  left: 0px;
  right: auto;
  padding-right: 20px;
  padding-left: 0;
}

[dir="rtl"] .search .hot .right .btn {
  left: 15px;
  right: auto;
}

[dir="rtl"] .more li {
  float: right;
}

[dir="rtl"] .floor_1 .body li {
  float: right;
  margin-left: 22px;
  margin-right: 0;
}

[dir="rtl"] .floor_1 .body li:nth-child(3n) {
  margin-left: 0;
  margin-right: 0;
}

[dir="rtl"] .floor_1 .body li .txt {
  right: 0;
  left: auto;
  border-radius: 0 0 5px 5px;
}

[dir="rtl"] .floor_2_main .box1 .left li .fl {
  margin-left: 20px;
  margin-right: 0;
}

[dir="rtl"] .floor_2_main .box1 .left li .fr {
  float: right;
}

[dir="rtl"] .floor_2_main .box1 .left li .fr h3 b {
  margin-left: 5px;
  margin-right: 0;
}

[dir="rtl"] .floor_2_main .box1 .left li .fr .p {
  padding-right: 15px;
  padding-left: 0;
}

[dir="rtl"] .floor_2_main .box2 .left {
  float: left;
}

[dir="rtl"] .floor_2_main .box2 .right {
  float: right;
}

[dir="rtl"] .liucheng li {
  float: right;
}

[dir="rtl"] .floor_3 .body li {
  float: right;
  margin-left: 45px;
  margin-right: 0;
}

[dir="rtl"] .floor_3 .body li .txt {
  right: 0;
  left: auto;
  border-radius: 0 0 5px 5px;
}

[dir="rtl"] .floor_4_main .right h3 {
  padding-right: 35px;
  padding-left: 0;
}

[dir="rtl"] .floor_4_main .right img {
  left: 1px;
  right: auto;
}

[dir="rtl"] .floor_5 .left {
  margin-right: 60px;
  margin-left: 0;
}

[dir="rtl"] .floor_5 .left:before {
  right: 0;
  left: auto;
}

[dir="rtl"] .floor_5 .left:after {
  left: 0;
  right: auto;
}

[dir="rtl"] .floor_5 .right {
  padding-left: 67px;
  padding-right: 0;
}

[dir="rtl"] .floor_6 .textlist {
  margin-right: 30px;
  margin-left: 0;
}

[dir="rtl"] .floor_6 .textlist .item .time {
  margin-left: 20px;
  margin-right: 0;
}

[dir="rtl"] .links_main span {
  margin-left: 40px;
  margin-right: 0;
  float: right;
}

[dir="rtl"] .bottom_main b {
  float: right;
}

[dir="rtl"] .bottom_main .bott_nav .right li {
  float: right;
}

[dir="rtl"] .bottom_main .txt .box2 .fl {
  float: right;
}

[dir="rtl"] .bottom_main .txt .box2 .fl i {
  margin-left: 10px;
  margin-right: 0;
}

[dir="rtl"] .bottom_main .txt .box2 .fr {
  float: left;
}

[dir="rtl"] .bottom_main .txt .box3 li i {
  margin-left: 10px;
  margin-right: 0;
}

[dir="rtl"] .ewmbox {
  right: 50%;
  left: auto;
  margin: -170px -150px 0 0;
}

[dir="rtl"] .ewmbox .close {
  left: -40px;
  right: auto;
}

[dir="rtl"] .dialog-layout {
  right: 0;
  left: auto;
}

[dir="rtl"] /*浮动客服*/
.toolbar {
  left: 1%;
  right: auto;
}

[dir="rtl"] .toolbar dd {
  float: right;
}

[dir="rtl"] .toolbar dd.tel .box {
  left: -200px;
  right: auto;
  margin-left: 10px;
  margin-right: 0;
}

[dir="rtl"] .toolbar dd.tel .box:after {
  left: -18px;
  right: auto;
  margin-right: -12px;
  margin-left: 0;
}

[dir="rtl"] .toolbar dd.code .box {
  left: -172px;
  right: auto;
  margin-left: 10px;
  margin-right: 0;
}

[dir="rtl"] .toolbar dd.code .box:after {
  left: -18px;
  right: auto;
  margin-right: -12px;
  margin-left: 0;
}

[dir="rtl"] .toolbar dd.tel:hover .box {
  left: 80px;
  right: auto;
}

[dir="rtl"] .toolbar dd.code:hover .box {
  left: 80px;
  right: auto;
}

[dir="rtl"] .local ul {
  float: left;
  margin-left: 60px;
  margin-right: 0;
}

[dir="rtl"] .local ul li {
  float: right;
}

[dir="rtl"] .local ul li a i {
  right: 50%;
  left: auto;
}

[dir="rtl"] .local ul li a.hover i,
[dir="rtl"] .local ul li a:hover i {
  right: 0;
  left: auto;
}

[dir="rtl"] .sub_nav .fr li {
  float: right;
}

[dir="rtl"] .sub_nav .fr li a {
  margin-right: 10px;
  margin-left: 0;
}

[dir="rtl"] .case li {
  float: right;
  margin-left: 30px;
  margin-right: 0;
}

[dir="rtl"] .bg_main .news_ul li .box2 {
  padding-right: 42px;
  padding-left: 0;
}

[dir="rtl"] .bg_main .news_ul li .right {
  padding-left: 15px;
  padding-right: 0;
}

[dir="rtl"] .bg_main .news_ul li b {
  left: 12px;
  right: auto;
}

[dir="rtl"] .detail .title i {
  margin-left: 10px;
  margin-right: 0;
}

[dir="rtl"] .detail .title .i2 {
  margin-right: 30px;
  margin-left: 0;
}

[dir="rtl"] .reLink .nextLink {
  text-align: left;
}

[dir="rtl"] .pager ul li {
  float: right;
}

[dir="rtl"] .pager ul a {
  float: right;
}

[dir="rtl"] .contact .box1 li {
  float: right;
  margin-left: 250px;
  margin-right: 0;
}

[dir="rtl"] .contact .box1 li i {
  float: right;
}

[dir="rtl"] .contact .box1 li td {
  padding-right: 5px;
  padding-left: 0;
}

[dir="rtl"] .formData .item {
  float: right;
  margin-left: 76px;
  margin-right: 0;
}

[dir="rtl"] .formData .item label {
  padding-right: 15px;
  padding-left: 0;
  right: 0;
  left: auto;
}

[dir="rtl"] .formData .item .txt {
  padding-right: 70px;
  padding-left: 0;
}

[dir="rtl"] .formData .item .red {
  left: 15px;
  right: auto;
}

[dir="rtl"] .formData .item.mr0 {
  margin-left: 0;
  margin-right: 0;
}

[dir="rtl"] .formData .msg-box {
  right: 0;
  left: auto;
}

[dir="rtl"] .formData .liuyan {
  float: right;
}

[dir="rtl"] .formData .liuyan label {
  text-align: left;
}

[dir="rtl"] .formData .sub {
  margin-left: 2px;
  margin-right: 0;
}

[dir="rtl"] .formData .yzm .txt {
  padding-right: 80px;
  padding-left: 0;
}

[dir="rtl"] .formData .yzm img {
  left: 3px;
  right: auto;
}

[dir="rtl"] .about .box1 .fl i {
  float: right;
}

[dir="rtl"] .about .box1 .fl i img {
  right: 20px;
  left: auto;
}

[dir="rtl"] .about .box1 .fl i:hover img {
  right: 0;
  left: auto;
}

[dir="rtl"] .about .box1 .fl .i2 {
  margin-right: 20px;
  margin-left: 0;
}

[dir="rtl"] .about .box1 .fr a:hover i {
  margin-right: 15px;
  margin-left: 0;
}

[dir="rtl"] .about .box2 .con .fr .p {
  padding-right: 20px;
  padding-left: 0;
}

[dir="rtl"] .about .box2 .con .fr li:hover i {
  margin-right: 15px;
  margin-left: 0;
}

[dir="rtl"] .about .box2 .con .fr li {
  float: right;
}

[dir="rtl"] .about .box3 .fl a:hover i {
  margin-right: 15px;
  margin-left: 0;
}

[dir="rtl"] .about .box3 .fr .picScroll-left .hd .prev,
[dir="rtl"] .about .box3 .fr .picScroll-left .hd .next {
  right: 0;
  left: auto;
}

[dir="rtl"] .about .box3 .fr .picScroll-left .hd .next {
  right: auto;
  left: 0;
}

[dir="rtl"] .about .box3 .fr .picScroll-left .hd ul {
  float: left;
}

[dir="rtl"] .about .box3 .fr .picScroll-left .hd ul li {
  float: right;
  margin-left: 5px;
  margin-right: 0;
}

[dir="rtl"] .about .box3 .fr .picScroll-left .bd ul li {
  margin-left: 20px;
  margin-right: 0;
  float: right;
}

[dir="rtl"] .map_ul .list-inline li {
  margin: 15px 0 15px 5px;
}

[dir="rtl"] .showPro .showimgCon .txtcon {
  float: left;
}

[dir="rtl"] .showPro .showimgCon .txtcon .tit {
  padding-left: 60px;
  padding-right: 0;
}

[dir="rtl"] .showPro .showimgCon .txtcon .tit .goBack {
  left: 0;
  right: auto;
}

[dir="rtl"] .showPro .showimgCon .txtcon .tit .goBack s {
  margin-right: 6px;
  margin-left: 0;
}

[dir="rtl"] .showPro .showimgCon .txtcon .tel-btn {
  right: 0;
  left: auto;
}

[dir="rtl"] .showPro .showimgCon .txtcon .tel-btn .btn {
  float: left;
}

[dir="rtl"] .showPro .showimgCon .txtcon .tel-btn .tel {
  float: right;
}

[dir="rtl"] .showPro .showimgCon .txtcon .tel-btn .tel s {
  float: right;
  margin-left: 6px;
  margin-right: 0;
}

[dir="rtl"] .showPro .showimg {
  float: right;
}

[dir="rtl"] .showPro .showimg .bigimg .list li {
  float: right;
  margin-left: 1px;
  margin-right: 0;
}

[dir="rtl"] .showPro .showimg .prev {
  right: 0;
  left: auto;
}

[dir="rtl"] .showPro .showimg .next {
  left: 0;
  right: auto;
}

[dir="rtl"] .showPro .showimg li {
  margin-left: 28px;
  margin-right: 0;
  float: right;
}

[dir="rtl"] .relateTit h3 .line {
  right: 0;
  left: auto;
}

[dir="rtl"] .floor_3_remm .body li {
  float: right;
  margin-left: 45px;
  margin-right: 0;
}

[dir="rtl"] .floor_3_remm .body li .txt {
  right: 0;
  left: auto;
  border-radius: 0 0 5px 5px;
}

[dir="rtl"] .floor_3_remm .more2 li {
  float: right;
}

/* ---------- 镜像自 public/theme/css/common.css ---------- */

[dir="rtl"] .sitemap dt {
  float: right;
  margin-left: 2%;
  margin-right: 0;
}

[dir="rtl"] .sitemap dd {
  float: right;
}

[dir="rtl"] .sitemap dd a {
  float: right;
  padding-left: 35px;
  padding-right: 0;
}

[dir="rtl"] .tags_list dt {
  float: right;
  margin-left: 2%;
  margin-right: 0;
}

[dir="rtl"] .tags span {
  float: right;
}

[dir="rtl"] .comment-title span {
  float: right;
}

[dir="rtl"] .comment-show-box .pl-box2 dl {
  float: right;
}

[dir="rtl"] .comment-show-box .pl-box2 dl dt {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}

[dir="rtl"] .comment-show-box .pl-box2 dl dd {
  float: left;
}

[dir="rtl"] .comment-show-box .pl-box2 dl dd h1 span {
  float: left;
}

[dir="rtl"] .comment-show-box .fb-box dl {
  float: right;
}

[dir="rtl"] .comment-show-box .fb-box dt {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}

[dir="rtl"] .comment-show-box .fb-box dd {
  float: left;
}

[dir="rtl"] .comment-show-box .fb-box-div {
  border-radius: 0 0 5px 5px;
}

[dir="rtl"] .comment-show-box .fb-box-div input {
  border-radius: 0 0 0 5px;
  left: -1px;
  right: auto;
}

[dir="rtl"] #mood a span {
  margin-left: 10px;
  margin-right: 0;
}

[dir="rtl"] #mood a span.dianzan-down {
  background-position: top left;
}

[dir="rtl"] #mood a:hover span.dianzan-up {
  background-position: bottom right;
}

[dir="rtl"] #mood a:hover span.dianzan-down {
  background-position: bottom left;
}

/* ---------- 镜像自 public/css/site.css ---------- */

[dir="rtl"] /* ---------- 轮播文案 ---------- */
.banner__caption {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}

[dir="rtl"] /* ---------- 留言表单 ---------- */
.hp-field {
  right: -9999px !important;
  left: auto;
}

[dir="rtl"] .alert--success a {
  margin-right: 10px;
  margin-left: 0;
}

[dir="rtl"] .form-item label em {
  margin-right: 2px;
  margin-left: 0;
}

[dir="rtl"] .sub_nav--search .fr {
  margin-right: 0;
  margin-left: 0;
}

[dir="rtl"] .sub-search input {
  padding: 0 16px 0 42px;
}

[dir="rtl"] .sub-search button {
  left: 0;
  right: auto;
  border-radius: 19px 0 0 19px;
}

[dir="rtl"] .mobile-nav__panel {
  right: 0;
  left: auto;
  transform: translateX(100%);
}

[dir="rtl"] .mobile-nav__toggle::before,
[dir="rtl"] .mobile-nav__toggle::after {
  right: 50%;
  left: auto;
}

[dir="rtl"] .mobile-nav__toggle::before {
  transform: translate(50%, -50%) rotate(0deg) translateY(0);
}

[dir="rtl"] .mobile-nav__toggle::after {
  transform: translate(50%, -50%) rotate(90deg);
}

[dir="rtl"] .mobile-nav__toggle[aria-expanded='true']::after {
  transform: translate(50%, -50%) rotate(0deg);
}

[dir="rtl"] .mobile-nav__sub li a {
  padding: 11px 14px 11px 0;
}

[dir="rtl"] .search .hot .right .input {
  padding: 0 20px 0 46px;
}

[dir="rtl"] .search .hot .right .btn {
  left: 8px;
  right: auto;
}

/* ---------- 镜像自 public/css/sections.css ---------- */

[dir="rtl"] .sec-head__more i {
  border-left: 1.5px solid currentColor;
  border-right: 0;
}

[dir="rtl"] .sec-head__more:hover i {
  transform: translateX(-3px) rotate(45deg);
}

[dir="rtl"] .intro__badge {
  left: -18px;
  right: auto;
}

[dir="rtl"] .intro__badge span {
  margin-right: 2px;
  margin-left: 0;
}

[dir="rtl"] .intro__points li {
  padding-right: 18px;
  padding-left: 0;
}

[dir="rtl"] .intro__points li::before {
  right: 0;
  left: auto;
}

[dir="rtl"] .btn-more i {
  border-left: 1.5px solid currentColor;
  border-right: 0;
}

[dir="rtl"] .prod-card__badge {
  right: 12px;
  left: auto;
}

[dir="rtl"] .stat-item {
  border-right: 1px solid rgba(255, 255, 255, 0.14);
  border-left: 0;
}

[dir="rtl"] .stat-item:first-child {
  border-right: none;
  border-left: 0;
  padding-right: 0;
  padding-left: 0;
}

[dir="rtl"] .news-list a:hover {
  padding-right: 8px;
  padding-left: 0;
}

[dir="rtl"] .news-list__date {
  border-left: 1px solid #eef1f6;
  border-right: 0;
}

[dir="rtl"] .inquiry__row b {
  text-align: left;
}

[dir="rtl"] .inquiry__row--col b {
  text-align: right;
}

[dir="rtl"] .adv-item {
  padding-right: 56px;
  padding-left: 0;
}

[dir="rtl"] .adv-item__no {
  right: 0;
  left: auto;
}

[dir="rtl"] .factory-item span {
  right: auto;
  left: 0;
}

[dir="rtl"] .equip-row__spec {
  text-align: left;
}

[dir="rtl"] .spec-table thead th {
  text-align: right;
}

[dir="rtl"] .spec-table tbody th {
  text-align: right;
}

[dir="rtl"] /* ---------- 页脚补充 ---------- */
.footer-hours {
  padding-right: 26px;
  padding-left: 0;
}

[dir="rtl"] .footer-sitemap {
  margin-right: 14px;
  margin-left: 0;
}

[dir="rtl"] /* 用 width:100% + object-fit:cover 铺满，必须同时重置模板的
   left:50%/margin-left:-960px 居中公式（那是给固定 1920px 宽图用的），
   否则宽视口下图片会错位、右侧留白。ID 选择器优先级最高，LTR/RTL 通吃。 */
#banner_main .banner .list li img {
  right: auto;
  left: auto;
  margin-right: 0;
  margin-left: 0;
}

[dir="rtl"] /* ==========================================================================
   缺失素材提示（占位内容标注）
   用于站点上尚未提供真实资料的区块，视觉上明确区分「待补充」与正式内容
   ========================================================================== */

.missing-note {
  padding: 20px 26px 20px 24px;
  border-right: 4px solid #d79b2f;
  border-left: 0;
}

[dir="rtl"] .missing-note ul {
  padding-right: 20px;
  padding-left: 0;
}

[dir="rtl"] .missing-note .missing-note__tag {
  right: 18px;
  left: auto;
}

[dir="rtl"] .missing-note__items {
  margin: 6px !important 10px 0;
}

[dir="rtl"] .lang-drop__btn {
  padding: 6px 10px 6px 12px;
}

[dir="rtl"] /* 页脚版本：与深色版权条融合 */
.lang-drop--foot .lang-drop__btn {
  padding: 4px 8px 4px 10px;
}

@media screen and (max-width: 1024px) {
  [dir="rtl"] .intro__badge {
    left: 14px;
    right: auto;
  }

  [dir="rtl"] .stat-item {
    padding-right: 20px;
    padding-left: 0;
  }

  [dir="rtl"] .stat-item:nth-child(odd) {
    border-right: none;
    border-left: 0;
    padding-right: 0;
    padding-left: 0;
  }

  [dir="rtl"] .equip-row__spec {
    text-align: right;
    padding-right: 156px;
    padding-left: 0;
  }
}

@media screen and (max-width: 768px) {
  [dir="rtl"] .sec-head__more {
    margin-right: auto;
    margin-left: 0;
  }

  [dir="rtl"] .equip-row__spec {
    padding-right: 112px;
    padding-left: 0;
  }

  [dir="rtl"] .missing-note {
    padding: 18px 18px 16px 16px;
  }
}

@media screen and (max-width: 420px) {
  [dir="rtl"] .equip-row__spec {
    padding-right: 0;
    padding-left: 0;
  }
}

/* ---------- 镜像自 public/css/responsive.css ---------- */

[dir="rtl"] /* ==========================================================================
   ≤1440px：仅做容器微调
   ========================================================================== */
@media screen and (max-width: 1440px) {
  right: 0;
  left: auto;
  margin-right: 0;
  margin-left: 0;
}

[dir="rtl"] /* ==========================================================================
   ≤1200px：栅格由固定像素改为等比
   ========================================================================== */
@media screen and (max-width: 1200px) {
  padding-right: 232px !important;
  padding-left: 0;
  right: auto;
  left: auto;
  margin-right: 0;
  margin-left: 5% !important;
}

[dir="rtl"] /* ==========================================================================
   ≤1024px：进入移动布局
   ========================================================================== */
@media screen and (max-width: 1024px) {
  float: right;
  margin: 6px 0 0 14px;
  right: 50%;
  left: auto;
  margin-right: 0;
  margin-left: 0;
  padding: 10px 16px 10px 46px;
  padding-right: 0;
  padding-left: 0;
  text-align: right;
  transform: translateX(50%);
}

[dir="rtl"] /* ==========================================================================
   ≤768px：手机竖屏优化
   ========================================================================== */
@media screen and (max-width: 768px) {
  padding-left: 0;
  padding-right: 0;
  text-align: right;
  padding: 6px 22px 6px 0;
  right: 6px;
  left: auto;
}

[dir="rtl"] /* ==========================================================================
   ≤480px：小屏细节
   ========================================================================== */
@media screen and (max-width: 480px) {
  margin-left: 12px;
  margin-right: 0;
}

/* ---------- 手工补充（scripts/rtl-extra.css） ---------- */

/* ==========================================================================
   RTL 手工补充规则
   由 scripts/build-rtl.js 追加到 public/css/rtl.css 末尾（勿直接改 rtl.css）
   只放自动镜像覆盖不到的地方：数字方向、图标方向、个别对齐微调
   ========================================================================== */

/* ---------- 数字与单位：整体保持 LTR，避免「㎡ 6000」这种反序 ---------- */
html[dir="rtl"] .stat-item__num {
  direction: ltr;
  justify-content: flex-end;
}
html[dir="rtl"] .stat-item {
  padding-left: 0;
  padding-right: 26px;
  border-left: none;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  text-align: right;
}
html[dir="rtl"] .stat-item:first-child {
  border-right: none;
}

/* 电话、邮箱、型号等含拉丁字符的内容保持从左到右 */
html[dir="rtl"] .top-tel__text b,
html[dir="rtl"] .mobile-nav__tel,
html[dir="rtl"] .footer-tel,
html[dir="rtl"] .call-btn__text b,
html[dir="rtl"] .equip-card__en,
html[dir="rtl"] .pro-en,
html[dir="rtl"] .prod-card__en,
html[dir="rtl"] .news-list__date,
html[dir="rtl"] .spec-table td,
html[dir="rtl"] .lang-drop__code {
  direction: ltr;
  unicode-bidi: isolate;
}

/* 产品卡与列表里的英文副名靠右对齐（父级已是 rtl，ltr 元素需要显式对齐） */
html[dir="rtl"] .prod-card__en,
html[dir="rtl"] .banner__en,
html[dir="rtl"] .pro-en {
  text-align: right;
}

/* ---------- 语言下拉在 RTL 下的对齐 ---------- */
html[dir="rtl"] .lang-drop__menu {
  inset-inline-end: 0;
}
html[dir="rtl"] .lang-drop__caret {
  margin-inline-start: 0;
  margin-inline-end: 2px;
}

/* ---------- 箭头与方向性图标 ---------- */
html[dir="rtl"] .sec-head__more i,
html[dir="rtl"] .more-arrow {
  transform: scaleX(-1);
}
html[dir="rtl"] .bottom_copy .footer-sitemap {
  margin-right: 0;
  margin-left: 12px;
}

/* 返回顶部、悬浮工具的滚动箭头保持向上即可，无需翻转 */

/* ---------- 页头 logo 与导航 ---------- */
html[dir="rtl"] .top_main .logo {
  float: right;
}
html[dir="rtl"] .top_main .nav {
  float: left;
}
html[dir="rtl"] .top_main .nav > ul > li > a > p {
  text-align: center;
}

/* ---------- 面包屑 / 内页分类条 ---------- */
html[dir="rtl"] .sub_nav .fr {
  float: left;
}
html[dir="rtl"] .sub_nav .fl {
  float: right;
}

/* ---------- 表单：标签与输入框对齐 ---------- */
html[dir="rtl"] .field label,
html[dir="rtl"] .form-grid .field {
  text-align: right;
}
html[dir="rtl"] .field input,
html[dir="rtl"] .field textarea {
  text-align: right;
}
html[dir="rtl"] .captcha-box input {
  text-align: right;
}

/* ---------- 详情页：上一篇 / 下一篇 ---------- */
html[dir="rtl"] .reLink .prevLink {
  float: right;
  text-align: right;
}
html[dir="rtl"] .reLink .nextLink {
  float: left;
  text-align: left;
}

/* ---------- 移动端：抽屉与底部条 ---------- */
html[dir="rtl"] .mobile-nav__panel {
  left: auto;
  right: 0;
  transform: translateX(100%);
}
html[dir="rtl"] .mobile-nav.is-open .mobile-nav__panel {
  transform: translateX(0);
}
html[dir="rtl"] .mobile-nav__sub li a {
  padding-left: 0;
  padding-right: 14px;
}

/* ---------- 产品详情：图集与信息区 ---------- */
html[dir="rtl"] .showPro .showimg {
  float: right;
}
html[dir="rtl"] .showPro .showimgCon {
  float: left;
}

/* 参数表：项目列在右、值列在左（表格本身会镜像，这里保证文字对齐） */
html[dir="rtl"] .spec-table thead th,
html[dir="rtl"] .spec-table tbody th,
html[dir="rtl"] .spec-table tbody td {
  text-align: right;
}
html[dir="rtl"] .spec-table td {
  text-align: left;
}

/* ---------- 阿语排版细节 ---------- */
/* 阿拉伯文字行高需要略大一些，避免上下裁切 */
html[dir="rtl"] .sec-title,
html[dir="rtl"] .prod-card__body h3,
html[dir="rtl"] .equip-card__body h3,
html[dir="rtl"] .news-feature__body h3 {
  line-height: 1.6;
}
html[dir="rtl"] .banner__caption h2 {
  line-height: 1.45;
}
/* 阿语没有大小写，英文副名保留原样即可 */

/* ---------- 数字 + 单位：数字在前 ---------- */
html[dir="rtl"] .intro__badge {
  direction: ltr;
}
html[dir="rtl"] .pro-quick b,
html[dir="rtl"] .stat-item__num {
  direction: ltr;
  unicode-bidi: isolate;
}

/* ---------- 英文内容在 RTL 容器里按内容自身方向排版 ---------- */
/* 未翻译的英文标题/摘要会回落英文，若不处理，句首省略号会跑到末尾、
   标点错位。plaintext 让每段按第一个强字符决定方向。 */
html[dir="rtl"] .prod-card__body h3,
html[dir="rtl"] .prod-card__body p,
html[dir="rtl"] .case-card__body p,
html[dir="rtl"] .case-card__body h3,
html[dir="rtl"] .news-feature__body h3,
html[dir="rtl"] .news-feature__body p,
html[dir="rtl"] .news-list__title,
html[dir="rtl"] .news-list a p,
html[dir="rtl"] .equip-card__body p,
html[dir="rtl"] .equip-row__body p,
html[dir="rtl"] .showContxt,
html[dir="rtl"] .detail .contxt,
html[dir="rtl"] .article-body {
  unicode-bidi: plaintext;
}

/* ---------- 轮播 Banner：居中容器方向无关，RTL 下不镜像 ----------
   build-rtl 会把 .banner__caption 的 left:50% 翻成 right:50%，导致
   字幕向左偏出界被裁切。这里恢复居中与右对齐。
   （图片铺满已由 sections.css 的 #banner_main .banner .list li img 统一
   处理 width:100% + left:0 + object-fit:cover，ID 优先级最高，无需在此覆盖。） */
html[dir="rtl"] .banner__caption {
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
}
/* 字幕在容器内右对齐（RTL 对应英语版的左对齐），叠放在深色图片上 */
html[dir="rtl"] .banner__caption h2,
html[dir="rtl"] .banner__caption .banner__en,
html[dir="rtl"] .banner__caption .banner__sub {
  text-align: right;
}

/* ---------- 返回顶部按钮：阿语两行文字，80px 高度不够会被裁切 ---------- */
html[dir="rtl"] .toolbar dd.top span {
  font-size: 11px;
  line-height: 1.5;
  padding: 0 2px;
  word-break: break-word;
}

/* ---------- AOS 横向位移动画在 RTL 下方向错乱，禁用位移仅保留淡入 ----------
   AOS 的 fade-right 初始 translateX(-100px)、fade-left 初始 translateX(100px)，
   方向在 RTL 镜像布局下不再匹配：热搜词(aos=fade-right)靠右却向左偏、
   搜索框(aos=fade-left)靠左却向右偏，两者向中间挤压，动画未触发时重叠。
   统一把 RTL 下的 AOS transform 归零，仅保留 opacity 淡入，避免错位。 */
html[dir="rtl"] [aos] {
  transform: none !important;
}

/* ---------- 浮动客服侧边栏：无论 LTR/RTL 都固定在右侧 ----------
   build-rtl 会把 .toolbar 的 right 镜像成 left，导致阿语下侧边栏跑到左边。
   侧边栏属于"边缘固定"元素，方向无关，应始终贴右。 */
html[dir="rtl"] .toolbar {
  right: 1%;
  left: auto;
}
@media screen and (max-width: 768px) {
  html[dir="rtl"] .toolbar {
    right: 10px;
    left: auto;
  }
}

/* 页脚补充信息（RTL） */
[dir="rtl"] .bottom_main .txt .box2 .foot-meta {
  margin-left: 0;
  margin-right: 21px;
}
[dir="rtl"] .bottom_main .txt .box2 .foot-meta .foot-meta__k {
  margin-right: 0;
  margin-left: 6px;
}
[dir="rtl"] .bottom_main .txt .box3 li .qq-badge {
  margin-right: 0;
  margin-left: 10px;
}