@charset "utf-8";

/*
 * Arabic locale overrides for Histom Vision.
 * Load this file after /default/static/css/main.css.
 */

html[lang="ar"] {
  direction: rtl;
}

html[lang="ar"] body,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] button {
  font-family: Tahoma, Arial, sans-serif;
}

html[lang="ar"] body {
  text-align: right;
}

/* Carousels retain the English site's track and control direction. */
html[lang="ar"] .banner1,
html[lang="ar"] .slide .carouse,
html[lang="ar"] .owl-carousel,
html[lang="ar"] .owl-wrapper,
html[lang="ar"] .swiper-container2,
html[lang="ar"] .swiper-container3,
html[lang="ar"] .swiper-wrapper,
html[lang="ar"] .img-scroll,
html[lang="ar"] .img-list,
html[lang="ar"] .img-list ul {
  direction: ltr;
}

html[lang="ar"] .slideItem,
html[lang="ar"] .owl-carousel .item,
html[lang="ar"] .swiper-slide,
html[lang="ar"] .img-list li {
  direction: rtl;
}

/* Keep mixed-direction contact and machine-readable data stable. */
html[lang="ar"] input[type="email"],
html[lang="ar"] input[type="tel"],
html[lang="ar"] a[href^="mailto:"],
html[lang="ar"] a[href^="tel:"],
html[lang="ar"] .timer,
html[lang="ar"] .math {
  direction: ltr;
  unicode-bidi: isolate;
}

html[lang="ar"] input[type="tel"],
html[lang="ar"] a[href^="tel:"] {
  text-align: left;
}

/* Telephone values must retain the source order: +86 180 2229 5296. */
html[lang="ar"] .co1p2,
html[lang="ar"] .co1p2 a,
html[lang="ar"] .foul li:first-child,
html[lang="ar"] .foul li:nth-child(3) a,
html[lang="ar"] a[href*="phone="] {
  direction: ltr;
  unicode-bidi: isolate;
}

html[lang="ar"] .co1p2,
html[lang="ar"] .co1p2 a {
  text-align: center;
}

html[lang="ar"] input:not([type="email"]):not([type="tel"]),
html[lang="ar"] textarea {
  /*text-align: right;*/
}

/* Header and desktop navigation */
html[lang="ar"] .logo {
  float: right;
}

html[lang="ar"] .daohang,
html[lang="ar"] .sousuo,
html[lang="ar"] .yvn {
  float: left;
}

html[lang="ar"] .sousuo {
  margin-right: 0;
  margin-left: 22px;
}

html[lang="ar"] .sousuo form {
  right: auto;
  left: 0;
}

html[lang="ar"] .sou {
  padding-right: 10px;
  padding-left: 60px;
}

html[lang="ar"] .suo,
html[lang="ar"] .sou1,
html[lang="ar"] .sou2 {
  right: auto;
  left: 10px;
}

html[lang="ar"] .sou2 {
  left: 0;
}

html[lang="ar"] .daohang > li {
  float: right;
  margin-right: 10px;
  margin-left: 39px;
}

html[lang="ar"] .yiji li a,
html[lang="ar"] .yvul a {
  text-align: right;
}

html[lang="ar"] .erji,
html[lang="ar"] .sanji {
  right: 100%;
  left: auto;
}

html[lang="ar"] .yijiw,
html[lang="ar"] .erji,
html[lang="ar"] .sanji {
  max-width: min(34rem, calc(100vw - 3rem));
}

html[lang="ar"] .yiji li a {
  white-space: normal;
  overflow-wrap: anywhere;
}

html[lang="ar"] .yvzhonga {
  padding-right: 42px;
  padding-left: 26px;
}

html[lang="ar"] .yvzhonga em {
  right: 12px;
  left: auto;
}

html[lang="ar"] .yvzhonga i {
  right: auto;
  left: 12px;
}

html[lang="ar"] .yvul {
  right: auto;
  left: 0;
}

/* Directional content blocks and cards */
html[lang="ar"] .m3rn {
  padding-left: 0;
  padding-right: 80px;
}

html[lang="ar"] .m4lie {
  padding-left: 0;
  padding-right: 76px;
}

html[lang="ar"] .m4xtu {
  right: 0;
  left: auto;
}

/* Mirror arrows inside text buttons only; carousel controls keep EN behavior. */
html[lang="ar"] .m3mor .icon-xiejian,
html[lang="ar"] .m5mor .icon-xiejian,
html[lang="ar"] .m9mor i,
html[lang="ar"] .so2mor i,
html[lang="ar"] .pr2mor i,
html[lang="ar"] .soxmor i {
  display: inline-block;
  transform: scaleX(-1);
}

/* Product index: products on the left, category navigation on the right. */
html[lang="ar"] .prr {
  float: left;
}

html[lang="ar"] .prl {
  float: right;
}

html[lang="ar"] .prbiao,
html[lang="ar"] .pryiji > li > a,
html[lang="ar"] .prerji li a {
  text-align: right;
}

html[lang="ar"] .proslide_menubtn {
  right: auto;
  left: 12px;
}

html[lang="ar"] .pryiji > li > a > i,
html[lang="ar"] .prerji > li > a > i {
  right: auto;
  left: 13px;
}

html[lang="ar"] .pryiji > li > a,
html[lang="ar"] .prerji li a {
  padding-right: 20px;
  padding-left: 55px;
}

html[lang="ar"] .pryiji > li > a::before {
  right: 0;
  left: auto;
}

/* RTL grid gutters: clear the visual row-end item, not the EN row-start. */
html[lang="ar"] .m2lie:nth-child(3n-2),
html[lang="ar"] .prlie:nth-child(3n-2),
html[lang="ar"] .solie:nth-child(3n-2),
html[lang="ar"] .calie:nth-child(3n-2),
html[lang="ar"] .pr212lie:nth-child(4n-3),
html[lang="ar"] .pr222lie:nth-child(3n-2),
html[lang="ar"] .colie:nth-child(4n-3) {
  margin-left: 1.7333%;
}

html[lang="ar"] .m2lie:nth-child(3n-2) {
  margin-left: 3.125%;
}

html[lang="ar"] .prlie:nth-child(3n-2) {
  margin-left: 2.75%;
}

html[lang="ar"] .solie:nth-child(3n-2) {
  margin-left: 2%;
}

html[lang="ar"] .calie:nth-child(3n-2),
html[lang="ar"] .pr222lie:nth-child(3n-2) {
  margin-left: 1.625%;
}

html[lang="ar"] .pr212lie:nth-child(4n-3) {
  margin-left: 3.466%;
}

html[lang="ar"] .m2lie:nth-child(3n),
html[lang="ar"] .prlie:nth-child(3n),
html[lang="ar"] .solie:nth-child(3n),
html[lang="ar"] .calie:nth-child(3n),
html[lang="ar"] .pr222lie:nth-child(3n) {
  margin-left: 0;
}

html[lang="ar"] .pr212lie:nth-child(4n),
html[lang="ar"] .colie:nth-child(4n) {
  margin-left: 0;
}

/* Solution index and detail templates. */


html[lang="ar"] .so2a::before,
html[lang="ar"] .so3la2::before {
  right: 0;
  left: auto;
}

html[lang="ar"] .so3l {
  float: left;
}

html[lang="ar"] .so3r {
  float: right;
}

html[lang="ar"] .so3xin input,
html[lang="ar"] .so3xin textarea {
  padding-right: 16px;
  padding-left: 10px;
}

html[lang="ar"] .so3xin .xing::before {
  right: 10px;
  left: auto;
}

html[lang="ar"] .so3xin .yanzheng,
html[lang="ar"] .so3xin img {
  right: auto;
  left: 13px;
}

html[lang="ar"] .so3xin .int2 input {
  padding-right: 16px;
  padding-left: 110px;
}

html[lang="ar"] .so3main .zong::after {
  content: "";
  display: block;
  clear: both;
}

/* Direction-aware decorative headings and list markers. */
html[lang="ar"] .m2biao .m2biaon,
html[lang="ar"] .pr23biao {
  padding-right: 55px;
  padding-left: 0;
  background-position: right center;
}

html[lang="ar"] .m3p1 {
  padding-right: 55px;
  padding-left: 0;
}

html[lang="ar"] .chanxiang em,
html[lang="ar"] .pr222lie p {
  padding-right: 37px;
  padding-left: 0;
  background-position: right 6px;
}

/* Previous/next article blocks swap their EN physical sides in RTL. */
html[lang="ar"] .fanpian2 ul li:nth-child(1) {
  padding-right: 59px;
  padding-left: 0;
  text-align: right;
}

html[lang="ar"] .fanpian2 ul li:nth-child(2) {
  padding-right: 0;
  padding-left: 59px;
  text-align: left;
}

html[lang="ar"] .fanpian2 ul li:nth-child(1) i {
  right: 0;
  left: auto;
}

html[lang="ar"] .fanpian2 ul li:nth-child(2) i {
  right: auto;
  left: 0;
}

html[lang="ar"] .fanpian2 li i {
  transform: translateY(-50%) scaleX(-1);
}

html[lang="ar"] .fenyen .sx i {
  display: inline-block;
  transform: scaleX(-1);
}

/* Download cards: media on the left, Arabic copy on the right. */


html[lang="ar"] .dozi {
  direction: rtl;
  text-align: right;
  padding-right: 44px;
  padding-left: 0;
}

html[lang="ar"] .domor i {
  margin-right: 0;
  margin-left: 11px;
}

/* FAQ: Q/A labels on the right; expand/collapse control on the left. */
html[lang="ar"] .se3a span {
  right: 20px;
  left: auto;
}

html[lang="ar"] .se3a::before,
html[lang="ar"] .se3a::after {
  right: auto;
  left: 20px;
}

html[lang="ar"] .se3p span {
  right: 25px;
  left: auto;
}

/* Contact form: required marker follows the Arabic input edge. */
html[lang="ar"] .coxin .xing::before {
  right: 14px;
  left: auto;
}

html[lang="ar"] .coxin .xing input,
html[lang="ar"] .coxin .xing textarea {
  padding-right: 24px;
  padding-left: 14px;
}

html[lang="ar"] .coxin .yanzheng,
html[lang="ar"] .coxin img {
  right: auto;
  left: 14px;
}

html[lang="ar"] .coxin .int3 input {
  padding-right: 24px;
  padding-left: 100px;
}

html[lang="ar"] .coxin .int4 input {
  text-align: center;
}

html[lang="ar"] .mp,
html[lang="ar"] .mp1,
html[lang="ar"] .mp2,
html[lang="ar"] .m2biaon,
html[lang="ar"] .m5a,
html[lang="ar"] .m6a,
html[lang="ar"] .m7a {
  overflow-wrap: break-word;
}

/* Forms and footer */
html[lang="ar"] .fo2,
html[lang="ar"] .fo3,
html[lang="ar"] .fo4 {
  margin-left: 0;
  margin-right: 2%;
}

html[lang="ar"] .fo3 {
  margin-right: 4%;
}

html[lang="ar"] .fo4 {
  margin-right: 7%;
}

html[lang="ar"] .foxin input,
html[lang="ar"] .foxin textarea {
  padding-right: 18px;
  padding-left: 10px;
}

html[lang="ar"] .foxin .xing::before {
  right: 10px;
  left: auto;
}

html[lang="ar"] .foxin .yanzheng,
html[lang="ar"] .foxin .int3 img {
  right: auto;
  left: 9px;
}

html[lang="ar"] .foxin .int3 input {
  padding-right: 18px;
  padding-left: 80px;
}

html[lang="ar"] .foxin .int4 input,
html[lang="ar"] input[type="submit"],
html[lang="ar"] button {
  white-space: nowrap;
}

html[lang="ar"] .youlian p,
html[lang="ar"] .youlian a {
  margin-right: 0;
  margin-left: 15px;
}

html[lang="ar"] .shejiao a {
  margin-left: 0;
  margin-right: 14px;
}

html[lang="ar"] .shejiao a:first-child {
  margin-right: 0;
}

/* Floating contact controls */
html[lang="ar"] .lianxi {
  right: auto;
  left: 0;
}

html[lang="ar"] .weixin .spimg {
  right: auto;
  left: 3px;
}

html[lang="ar"] .weixin:hover .spimg {
  padding-right: 9px;
  padding-left: 70px;
}

html[lang="ar"] .weixin img {
  right: -149px;
  left: auto;
}

@media screen and (max-width: 1599px) {
  html[lang="ar"] .daohang > li {
    margin-right: 0;
    margin-left: 20px;
  }

  html[lang="ar"] .yijiw {
    width: auto;
    min-width: 20rem;
  }
}

@media screen and (max-width: 1359px) {
  html[lang="ar"] .sousuo {
    margin-right: 0;
    margin-left: 5px;
  }

  html[lang="ar"] .daohang > li {
    margin-right: 0;
    margin-left: 15px;
  }

  html[lang="ar"] .yvzhonga {
    padding-right: 35px;
    padding-left: 25px;
  }

  html[lang="ar"] .yvzhonga em {
    right: 5px;
  }

  html[lang="ar"] .yvzhonga i {
    left: 10px;
  }

  html[lang="ar"] .m3rn {
    padding-right: 30px;
  }

  html[lang="ar"] .fo2,
  html[lang="ar"] .fo3,
  html[lang="ar"] .fo4 {
    margin-left: 0;
    margin-right: 2%;
  }

  html[lang="ar"] .dozi {
    padding-right: 20px;
    padding-left: 0;
  }
}

@media screen and (max-width: 999px) {
  html[lang="ar"] .pr212lie:nth-child(4n-3),
  html[lang="ar"] .pr212lie:nth-child(3n-2) {
    margin-left: 1.5%;
  }

  html[lang="ar"] .pr212lie:nth-child(3n),
  html[lang="ar"] .prlie:nth-child(3n) {
    margin-left: 0;
  }

  html[lang="ar"] .prlie:nth-child(3n-2) {
    margin-left: 1.5%;
  }

  html[lang="ar"] .m6lie:nth-child(2n-1) {
    margin-left: 2%;
  }

  html[lang="ar"] .m6lie:nth-child(2n) {
    margin-left: 0;
  }

  html[lang="ar"] .yvn {
    margin-right: 0;
    margin-left: 45px;
  }

  html[lang="ar"] .yvzhonga {
    padding-right: 35px;
    padding-left: 18px;
  }

  html[lang="ar"] .yvzhonga i {
    left: 5px;
  }

  html[lang="ar"] .nav {
    right: auto;
    left: 2.5%;
  }

  html[lang="ar"] .smdaohang {
    right: auto;
    left: 0;
  }

  html[lang="ar"] ul.topnav li {
    text-align: right;
  }

  html[lang="ar"] ul.topnav li a {
    padding-right: 0;
    padding-left: 50px;
  }

  html[lang="ar"] ul.topnav ul li a {
    padding-right: 20px;
    padding-left: 5px;
  }

  html[lang="ar"] ul.topnav ul ul li a {
    padding-right: 40px;
    padding-left: 5px;
  }

  html[lang="ar"] ul.topnav ul ul ul li a {
    padding-right: 60px;
    padding-left: 5px;
  }

  html[lang="ar"] ul.topnav span {
    right: auto;
    left: 0;
  }

  html[lang="ar"] .smdaohang form .iptc {
    float: right;
    padding-right: 15px;
    padding-left: 0;
  }

  html[lang="ar"] .smdaohang form .ipsc {
    float: left;
  }

  html[lang="ar"] .smdaohang form i {
    right: auto;
    left: 10px;
  }

  html[lang="ar"] .folie {
    margin-right: 0;
  }

  html[lang="ar"] .foul li {
    padding-right: 30px;
    padding-left: 0;
  }

  html[lang="ar"] .fobiao {
    padding-right: 0;
    padding-left: 20px;
  }

  html[lang="ar"] .fobiao::before {
    right: auto;
    left: 10px;
  }

  html[lang="ar"] .lianxi {
    right: 0;
    left: 0;
  }

  html[lang="ar"] .lianxi div {
    float: right;
  }
}

@media screen and (max-width: 767px) {
  html[lang="ar"] .m2lie:nth-child(3n-2),
  html[lang="ar"] .m2lie:nth-child(2n-1) {
    margin-left: 2%;
  }

  html[lang="ar"] .m2lie:nth-child(2n) {
    margin-left: 0;
  }

  html[lang="ar"] .solie:nth-child(3n-2),
  html[lang="ar"] .solie:nth-child(2n-1),
  html[lang="ar"] .calie:nth-child(3n-2),
  html[lang="ar"] .calie:nth-child(2n-1),
  html[lang="ar"] .pr212lie:nth-child(3n-2),
  html[lang="ar"] .pr212lie:nth-child(2n-1),
  html[lang="ar"] .pr222lie:nth-child(3n-2),
  html[lang="ar"] .pr222lie:nth-child(2n-1),
  html[lang="ar"] .colie:nth-child(4n-3),
  html[lang="ar"] .colie:nth-child(2n-1) {
    margin-left: 2%;
  }

  html[lang="ar"] .solie:nth-child(2n),
  html[lang="ar"] .calie:nth-child(2n),
  html[lang="ar"] .pr212lie:nth-child(2n),
  html[lang="ar"] .pr222lie:nth-child(2n),
  html[lang="ar"] .colie:nth-child(2n) {
    margin-left: 0;
  }

  html[lang="ar"] .m3rn,
  html[lang="ar"] .m4lie {
    padding-right: 0;
  }

  html[lang="ar"] .m4lie {
    padding-right: 58px;
  }

  html[lang="ar"] .se3a span,
  html[lang="ar"] .se3p span {
    right: 10px;
    left: auto;
  }

  html[lang="ar"] .se3a::before,
  html[lang="ar"] .se3a::after {
    right: auto;
    left: 10px;
  }
}
.m3biao {
    text-align: right;
}
.m10n{
    direction: ltr !important;
}
.foul .tel{
    display: inline-block;
    float: right;
    direction: rtl;
}
.soxzi{
    padding-right: 31px;
}
.pr2biao {
    text-align: right;
}
/* 相关产品靠右排列 */
html[lang="ar"] .pr2main4 .owl-demo4 .owl-wrapper-outer {
    transform: scaleX(-1);
}

/* 恢复卡片内部图片、文字的正常方向 */
html[lang="ar"] .pr2main4 .owl-demo4 .owl-item {
    transform: scaleX(-1);
    direction: rtl;
    text-align: right;
}
.ab2biao .m2biaon{
    text-align:right;
}
/* 年份滚动方向与原切换脚本保持一致 */
html[lang="ar"] .abmain3 #tab6 {
    direction: ltr;
}

html[lang="ar"] .abmain3 #tab6 > li {
    direction: ltr;
}

/* 下方阿拉伯语图文仍保持 RTL */
html[lang="ar"] .abmain3 #content6 {
    direction: rtl;
    text-align: right;
}
.m2biaon{
    /*padding-right:unset !important;*/
}
/* 图片轮播保持 LTR，避免轨道被 RTL 移出可视区 */
html[lang="ar"] .ab22r,
html[lang="ar"] .ab22r .img-scroll2,
html[lang="ar"] .ab22r .img-list2,
html[lang="ar"] .ab22r .img-list2 ul {
    direction: ltr;
}

/* 右侧文字继续使用 RTL */
html[lang="ar"] .ab22l {
    direction: rtl;
    text-align: right;
}
.sobiao{
    text-align: right;
}
.so2biao{
    text-align:center;
}
.ab2biao .m2biaon:before{
    left:unset;
}
.abmain5 .owl-theme .owl-controls{
    right:unset;
}
.neri .m2biaon{
    text-align:center;
    padding-right:0px !important;
}