/* Pushen Electric Arabic override
   Must load after /default/static/css/main.css. */

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

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

/* Keep brand marks, numbers, email addresses, URLs and media controls LTR. */
html[lang="ar"] .navLogo,
html[lang="ar"] input[type="email"],
html[lang="ar"] input[type="tel"],
html[lang="ar"] input[type="url"],
html[lang="ar"] .baguetteBox-button {
  direction: ltr;
}

/* Header and desktop fly-outs */
html[lang="ar"] .navWrap .navList > li {
  margin-right: 0;
  margin-left: 31px;
}

html[lang="ar"] .navWrap .navList > li:last-child {
  margin-left: 0;
}

html[lang="ar"] .navWrap .navList > li > ul {
  right: 50%;
  left: auto;
  transform: translateX(50%);
  text-align: right;
}

html[lang="ar"] .navWrap .navList > li > ul > li > ul {
  right: calc(100% + 10px);
  left: auto;
  text-align: right;
}

html[lang="ar"] .navWrap .navList > li > ul > li > ul::after {
  right: auto;
  left: 100%;
}

html[lang="ar"] .navWrap .souBox {
  margin-left: 0;
  margin-right: 27px;
}

html[lang="ar"] .navWrap .searchWrap,
html[lang="ar"] .navWrap .searchBox .searBtn {
  right: auto;
  left: 0;
}

html[lang="ar"] .navWrap .searchBox {
  padding-right: 0;
  padding-left: 5px;
}

html[lang="ar"] .navWrap .menuBtn {
  margin-left: 0;
  margin-right: 20px;
}

/* The off-canvas menu enters from the reading start side. */
html[lang="ar"] .navWrap .mobileBox {
  right: auto;
  left: 0;
  text-align: right;
}

html[lang="ar"] .navWrap .mobileBox .mobSearch {
  padding-right: 0;
  padding-left: 10px;
}

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

html[lang="ar"] .navWrap .mobileBox .ermobileItem,
html[lang="ar"] .navWrap .mobileBox .sanmobileItem {
  text-align: right;
}

html[lang="ar"] .navWrap .mobileBox .erPhone,
html[lang="ar"] .navWrap .mobileBox .sanPhone,
html[lang="ar"] .navWrap .mobileBox .siPhone {
  margin-left: 0;
  margin-right: 20px;
}

html[lang="ar"] .navWrap .mobileBox .siPhone {
  margin-right: 50px;
}

html[lang="ar"] .navWrap .mobileBox .yiZhan {
  margin-left: 0;
  margin-right: 10px;
}

/* Inline directional icons: arrow follows Arabic text and points forward. */
html[lang="ar"] .publicBtn span,
html[lang="ar"] .footWrap .kaiIcon {
  margin-left: 0;
  margin-right: 4px;
}

html[lang="ar"] .footWrap .kaiIcon {
  margin-right: 10px;
}

html[lang="ar"] .publicBtn .icon-youjiantou,
html[lang="ar"] .anliBtn .icon-xialajiantouxiao-copy-copy,
html[lang="ar"] .xinwBtn .icon-right7,
html[lang="ar"] .yiZhan {
  display: inline-block;
  transform: scaleX(-1);
}

/* Slider arrows: swap their physical locations and mirror the glyph. */
html[lang="ar"] .certWrap .prev {
  right: 0;
  left: auto;
}

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

html[lang="ar"] .certWrap .prev span,
html[lang="ar"] .certWrap .next span,
html[lang="ar"] .custPrev,
html[lang="ar"] .custNext,
html[lang="ar"] .prev .iconfont,
html[lang="ar"] .next .iconfont {
  display: inline-block;
  transform: scaleX(-1);
}

/* Fixed customer/contact rail and its popovers. */
html[lang="ar"] .sideNav {
  right: auto;
  left: 0;
}

html[lang="ar"] .sideNav .wxImg,
html[lang="ar"] .sideNav .phoneTxt {
  right: auto;
  left: calc(100% + 10px);
}

/* Four-column process row: the visual outside edge changes in RTL. */
html[lang="ar"] .procWrap .procItem {
  margin-right: 0;
  margin-left: 4.7%;
}

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

/*html[lang="ar"] .procWrap .procItem:nth-child(4n + 1) {*/
/*  margin-left: 0;*/
/*}*/

html[lang="ar"] .procWrap .procItem:nth-child(4n)::after {
  display: none;
}

/*html[lang="ar"] .procWrap .procItem:nth-child(4n + 1)::after {*/
/*  display: none;*/
/*}*/

html[lang="ar"] .procWrap .procItem::after {
  right: auto;
  left: -48px;
  transform: translateY(-50%) scaleX(-1);
}

/* The visible outside border of a row moves from its last DOM child
   to its first DOM child in RTL. */
html[lang="ar"] .anliWrap .anliAct .anliItem {
  border-right: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

html[lang="ar"] .anliWrap .anliAct .anliItem:last-child {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

html[lang="ar"] .anliWrap .anliAct .anliItem:first-child {
  border-left: 0;
}

/* Preserve readable mixed-direction values inside Arabic prose. */
html[lang="ar"] .descTxt,
html[lang="ar"] .contInfo,
html[lang="ar"] .newsInfo,
html[lang="ar"] .footWrap {
  unicode-bidi: plaintext;
}

@media (max-width: 1200px) {
  html[lang="ar"] .navWrap .navList > li {
    margin-left: 15px;
  }

  html[lang="ar"] .navWrap .souBox {
    margin-right: 20px;
  }
}

@media (max-width: 1024px) {
  html[lang="ar"] .navWrap .navList {
    display: none;
  }

  html[lang="ar"] .navWrap .menuBtn {
    display: block;
  }
}


/* The homepage banner is a Slick carousel, not Arabic prose.  Slick's
   translate/float calculations must remain LTR; otherwise its active image
   can be placed outside of the visible track.  This does not mirror the art. */
html[lang="ar"] .slideshow,
html[lang="ar"] .slideshow .slider,
html[lang="ar"] .slideshow .slick-list,
html[lang="ar"] .slideshow .slick-track,
html[lang="ar"] .slideshow .slick-slide {
  direction: ltr !important;
}

html[lang="ar"] .slideshow .slick-slide,
html[lang="ar"] .slideshow [dir="rtl"] .slick-slide {
  float: left;
}

/* Keep brand marks, numbers, email addresses, URLs and media controls LTR. */

/* Homepage introduction: the rule beneath the heading belongs to the
   reading-start edge (right), aligned with the title and paragraph. */
html[lang="ar"] .leadWrap .leadLeft {
  text-align: right;
}

html[lang="ar"] .leadWrap .tiele40 {
  width: 100%;
}

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

/* Header and desktop fly-outs */
html[lang="ar"] .xinwBtn .icon-right7,
html[lang="ar"] .yiZhan,
html[lang="ar"] .kaiIcon,
html[lang="ar"] .yiZhan {
  display: inline-block;
}

/* Footer chevrons belong to mobile accordion controls only. */
@media (max-width: 750px) {
  html[lang="ar"] .footWrap .kaiIcon {
    display: inline-block;
    transform: scaleX(-1);
  }
}
.leadWrap .leadItem::before,.compWrap .leadItem::before{
    right: 0;
    left:unset;
}
.leadWrap .leadItem::after,.compWrap .leadItem::after{
    right: 0;
    left:unset;
}
.leadWrap .leadItem,.compWrap .leadItem{
    padding-right:20px;
    padding-left:unset;
}
.getWrap .getCode{
    left:8px;
    right:unset;
}
.getWrap .getCapt .getItem{
    padding-left:70px;
    padding-right:8px;
}
.getWrap .getXing{
    margin-left:5px;
    margin-right:unset;
}
.getWrap .getSub{
    margin-right:21px;
    margin-left:unset;
}
.getWrap .getIcon{
    margin-left:12px;
    margin-right:unset;
}
.categoriesWrap .categorCont {
    right: calc((100vw - 1400px) / 2);
    left: unset;
}
.categoriesWrap .categorItem:nth-child(even) .categorCont {
    right: unset;
    left: calc((100vw - 1400px) / 2);
}
.categoriesWrap .chanCheck a{
    margin-right: 13px;
    margin-left: unset;
}
.pagingBox a{
    margin-left: 24px;
    margin-right: unset;
}
.pagSub img{
    margin-right: 15px;
    margin-left: unset;
        transform: scaleX(-1);
}
.prodDetail .suoQie{
    transform: scaleX(-1);
}
.wantWrap .wantBtn span{
        margin-right: 4px;
            margin-left: unset;
    transform: scaleX(-1);
}
.inspWrap .inspQie{
   transform: scaleX(-1); 
}
.inspWrap{
        padding-left: calc((100vw - 1400px) / 2);
            padding-right: unset;
}
.inspWrap .inspRight{
        margin-right: -4.82%;
            margin-left: unset;
}
.inspWrap .inspBox{
    border-radius: 0 100px 0 0;
}
.inspWrap .biao40{
    text-align:left;
    padding-left: 50px;
    padding-right: unset;
}
.inspWrap .inspSwiper1{
    border-radius:30px 0  0 0;
}
.perfWrap .perfIcon{
    transform: scaleX(-1); 
}
.perfWrap .perfInfo{
    right:-12px;
    left:unset;
}
.caseDetail .cdTit::before,.caseDetail .chalTxt em::before,.newsDetail .ndCont em::before{
    right:0;
    left:unset;
}
.caseDetail .cdTit,.newsDetail .ndCont em{
    padding-right:20px;
    padding-left:unset;
}
.caseDetail .chalTxt em{
        padding-right: 33px;
            padding-left: unset;
}
.xinwWrap .xinwCenter{
        margin-right: 75px;
            margin-left: unset;
}
.contWrap .cfXing,.contWrap .cfXing{
    margin-left: 6px;
    margin-right: unset;
}
.contWrap .cfCode{
    left:10px;
    right:unset;
}
.contWrap .cfCapt .cfItem{
        padding-left: 90px;
            padding-right: 30px;
}
.contWrap .contInfo{
    margin-right: 47px;
    margin-left: unset;
}
.xinwWrap .xinwImg{
    margin-right: 117px;
    margin-left: unset;
}
@media (max-width: 1500px) {
    .inspWrap {
        padding-left: 80px;
    }
}
@media (max-width: 1280px) {
    .inspWrap .inspBox {
        padding: 30px;
        border-radius: 0 50px 0 0;
    }
    .xinwWrap .xinwImg {
        margin-right: 30px;
        margin-left:unset;
        width: 25%;
    }
    
}
@media (max-width: 1000px) {
    .footWrap .footPhone{
        text-align:right;
        direction: ltr;
    }
    .footWrap .kaiIcon{
        transform: scaleX(-1);
    }
    .xinwWrap .xinwItem {
        flex-direction: column;
    }
        .xinwWrap .xinwLeft {
        width: 100%;
        order: 2;
        text-align: center;
        margin-top: 10px;
    }
        .xinwWrap .xinwCenter {
        flex: unset;
        width: 100%;
        order: 3;
        text-align: center;
        margin: 0;
        margin-top: 10px;
    }
        .xinwWrap .xinwImg {
        width: 250px;
        margin: 0 auto;
        order: 1;
    }
    .inspWrap {
        margin-top: 10px;
        padding: 0 30px;
        flex-direction: column-reverse;
    }
    .inspWrap .inspBox {
        margin-top: 30px;
        border-radius: 10px;
        padding: 20px;
    }
    .inspWrap .inspRight {
        width: 100%;
     margin-left: unset !important; 
     margin-right: unset !important; 
    }
    .procWrap .procItem {
        width: 32%;
        margin-left: unset !important;
        min-height: auto;
    }
    .inspWrap .biao40 {
        text-align: center;
        padding-left: 0;
    }
}
.maoBox .cateMao a:first-child {
    margin-right: 0;
}
.maoBox .cateMao a:last-child {
    margin-right: 16px;
}

.compWrap .compSwiper{
    float: left;
    margin-right: 80px;
    margin-left: unset;
}

.fenYe a > p{
    margin-left: 19px;
    transform: scaleX(-1);
}
.fenYe a:nth-child(2) div {
    text-align: left;
}
.fenYe a:nth-child(2) > p {
    margin-left: 0;
    margin-right: 19px;
}
div.zoomdiv{
    left: unset !important;
    right: 100% !important;
    direction:  ltr !important;
}