@charset "utf-8";
/* ============================================================================
   SCIVAS · RTL（从右向左）覆盖层
   ----------------------------------------------------------------------------
   加载位置：必须位于 skin/css/style.css 之后
   作用范围：仅 html[dir="rtl"]，因此不影响英文原版样式
   回滚方式：删除各模板中的本文件 <link> 即可完全恢复原状
             （原 CSS 文件未被修改）
   编制：2026-09-18
   ============================================================================ */


/* ============================================================================
   1. 全局基础
   ============================================================================ */

/* 阿拉伯语字体栈 + 默认右对齐
   原规则见 style.css L11-16：html,body{font-family:Arial,...;text-align:left}
   注意：元素上的直接 text-align 声明优先于此处从 body 继承的值，
        这类元素需在下方按模块单独覆盖。 */
html[dir="rtl"],
html[dir="rtl"] body {
	font-family: Tahoma, "Segoe UI", "Noto Naskh Arabic", "Droid Arabic Naskh",
	             "Geeza Pro", Arial, Helvetica, sans-serif;
	text-align: right;
}


/* ============================================================================
   2. 页头顶部栏（style.css L58-73）
   原布局：联系方式靠左，社交图标与登录区靠右
   ============================================================================ */

html[dir="rtl"] .header-contact { float: right; }

/* 原：margin: 0 12px 10px 0（左0 右12） */
html[dir="rtl"] .header-contact ul li { margin: 0 0 10px 12px; }

/* 邮件/电话图标与文字的间距 */
html[dir="rtl"] .header-contact ul li i { margin-right: 0; margin-left: 5px; }

/* 原：float:right; margin: 0 0 10px 7px */
html[dir="rtl"] .header-inner .social-link { float: left; margin: 0 7px 10px 0; }

/* 原：margin-left:5px; float:left */
html[dir="rtl"] .header-inner .social-link a { float: right; margin-left: 0; margin-right: 5px; }

/* 登录 / 注册区：原 float:right */
html[dir="rtl"] .header-inner .header-login { float: left; }


/* ============================================================================
   3. Logo 与搜索框（style.css L176-227）
   ============================================================================ */

/* 原：float: left */
html[dir="rtl"] .header-middle .header-logo { float: right; }

/* 原：margin-right: 20px; float: left */
html[dir="rtl"] .header-logo-box { float: right; margin-right: 0; margin-left: 20px; }

/* 原：margin-right: 20px */
html[dir="rtl"] .header-logo-box a { margin-right: 0; margin-left: 20px; }

/* 格言区右侧留白给搜索框，镜像到左侧 */
html[dir="rtl"] .header-middle .company-motto { padding-right: 0; padding-left: 260px; }

/* 搜索框：原绝对定位在右上角 right:0 -> 镜像到左上角 */
html[dir="rtl"] .header-search { left: 0; right: auto; }

/* 输入框：原 border-right:0（与按钮拼接）-> 改左侧，float 同步镜像 */
html[dir="rtl"] .header-search .search-box input.input-text {
	float: right;
	border-right: 2px solid #a3a5a6;
	border-left: 0;
}

/* 搜索按钮：原 float:left; border-radius: 0 5px 5px 0 -> 镜像 */
html[dir="rtl"] .search-box button.search-btn {
	float: left;
	border-radius: 5px 0 0 5px;
}


/* ============================================================================
   4. 主导航 SmartMenus（style.css L163-171）
   菜单 <ul> 已加 sm-rtl 类，库自带规则处理主体方向；
   此处仅补 style.css 覆盖掉的部分。
   ============================================================================ */

html[dir="rtl"] .nav-brand { float: right; }

/* 原：padding: 10px 10px 10px 20px */
html[dir="rtl"] .nav-brand a { padding: 10px 20px 10px 10px; }

/* 移动端汉堡按钮：原 float:right */
html[dir="rtl"] .main-menu-btn { float: left; }

/* 下拉箭头与文字的间距 */
html[dir="rtl"] .sm-blue a .sub-arrow { margin-left: 0; margin-right: 5px; }


/* ============================================================================
   5. 首页 Banner 轮播 FlexSlider（style.css L173-174）
   ============================================================================ */

/* 左右切换按钮位置互换 */
html[dir="rtl"] .flex-direction-nav li:nth-child(1) { left: auto; right: 15px; }
html[dir="rtl"] .flex-direction-nav li:nth-child(2) { right: auto; left: 15px; }

/* 箭头图标方向翻转（按钮内 font-size:0，只含图标，翻转安全） */
html[dir="rtl"] .flex-direction-nav li a {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

/* 轮播图片居中 */
html[dir="rtl"] .flexslider .slides img { margin-right: auto; margin-left: auto; }


/* ============================================================================
   6. LTR 内容保护
   电话号、邮箱等纯拉丁/数字内容，在 RTL 上下文中会被 Unicode 双向算法
   重排（如 +86 20 87097510 变成 87097510 20 86+）。
   用 unicode-bidi:isolate 建立独立方向上下文，保持其内部顺序不变。
   ============================================================================ */

html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"] {
	direction: ltr;
	unicode-bidi: isolate;
}

/* 页面级 LTR 片段：地址、编号等（含拉丁字符的混合内容） */
html[dir="rtl"] .ltr,
html[dir="rtl"] [dir="ltr"] {
	direction: ltr;
	unicode-bidi: isolate;
	text-align: left;
}


/* ============================================================================
   6b. 模板内联样式覆盖
   以下元素的 text-align 在模板 <style> 中被硬编码，优先级高于继承值，
        必须单独覆盖。
   ============================================================================ */

/* member/login.html L47、register.html：会员表单卡片 */
html[dir="rtl"] .signin-box { text-align: right; }

/* productlist.html 内联：侧边栏与主内容分栏 */
html[dir="rtl"] .inner-page-l { float: right; }
html[dir="rtl"] .inner-page-r { float: left; }

/* ============================================================================
   6c. 媒体查询内的方向性规则
   ----------------------------------------------------------------------------
   style.css 在 @media 里另有以下方向性声明。手工区上方只写了它们的全局版本，
   而 html[dir="rtl"] 前缀让全局版特异性(0,2,1) 高于 @media 内的原规则(0,1,0)，
   会把窄屏定位压掉 —— 实测表现为移动端页头错位（搜索框贴边、汉堡按钮跑到
   右侧与 Logo 重叠）。故按同断点补出 RTL 版本。
   ============================================================================ */

@media screen and (max-width:768px) {
	/* 原：.header-search{display:block;position:absolute;right:30px;margin:16px 0px} */
	html[dir="rtl"] .header-search { left: 30px; right: auto; }
	/* 原：.header-middle .company-motto{width:100%;margin:10px 0;height:auto;padding:0;float:left} */
	html[dir="rtl"] .header-middle .company-motto { float: right; }
	/* 原：.header-inner .social-link{float:left;margin:0 7px 10px 0} */
	html[dir="rtl"] .header-inner .social-link { float: right; margin: 0 0 10px 7px; }
	/* 原：.header-inner .social-link a{margin-left:0;margin-right:5px} */
	html[dir="rtl"] .header-inner .social-link a { margin-right: 0; margin-left: 5px; }
	/* 原：.flex-direction-nav li:nth-child(1){left:5px} */
	html[dir="rtl"] .flex-direction-nav li:nth-child(1) { left: auto; right: 5px; }
	/* 原：.flex-direction-nav li:nth-child(2){right:5px} */
	html[dir="rtl"] .flex-direction-nav li:nth-child(2) { right: auto; left: 5px; }
}

@media (max-width:800px) {
	/* 原：.main-menu-btn{position:absolute!important;top:10px;right:0} */
	html[dir="rtl"] .main-menu-btn { left: 0; right: auto; }
}

/* ----------------------------------------------------------------------------
   6d. 产品属性值（.info-deta）：按内容自动判定方向

   这些字段（ext_size / ext_xinghao / ext_unitprice / ext_moq / ext_yanse …）
   里 3107 个去重值是纯 LTR 表达式（70x15mm、104×68×10mm、CR80、D55mm），
   2850 个是阿拉伯语短语。用「按内容判定」的方式兼顾两类：

     unicode-bidi: plaintext —— 方向由元素内**首个强方向字符**决定；
                               整串没有强方向字符时，才回落到 direction
     direction: ltr          —— 只充当上面那种「无强字符」情形的兜底值

   实测行为：阿语开头 → RTL（不受影响）；拉丁开头 → LTR；
   纯符号串（90×50×22）→ 回落 LTR。全库此类字段中，
   「拉丁开头且后接阿拉伯语」的值**仅 1 个**，影响可忽略。

   ⚠️ 切勿把 plaintext 换成 isolate —— isolate 是强制隔离，会把**所有**值
      （包括阿拉伯语为主的值）都按 LTR 段落排列，产生副作用。

   正文规格表（.content_content_item）自 2026-09-19 起按用户决策采用同一组合，
   其作用范围、实测代价与禁忌见下方 6e 节。
   ---------------------------------------------------------------------------- */
html[dir="rtl"] .info-deta { direction: ltr; unicode-bidi: plaintext; }

/* ----------------------------------------------------------------------------
   6e. 正文规格表值单元格：按内容自动判定方向（用户 2026-09-19 批准的「方案二」）

   作用范围仅限值单元格，第一列是属性名（阿拉伯语），保持 RTL 不动。

     direction: ltr          —— 只充当「无强字符」时的兜底值
     unicode-bidi: plaintext —— 方向由元素内**首个强方向字符**决定

   与 6d 的 .info-deta 是同一机制，此处只是把它延伸到正文规格表：
     · 阿拉伯语开头  → RTL，不受影响
     · 拉丁/数字开头 → LTR，修正数字与符号串的重排
     · 无强字符      → 回落 LTR（修正 -25℃~+65℃、90×50×22 一类）

   全库普查（111967 个单元格 / 21444 个去重值）实测：
     方向翻为 LTR 58723 | 数字乱序修复 38901 | 阿拉伯语开头仍乱序 2890
   其中「拉丁开头 + 后含阿语」的混排值 6179 个，阿语短语会整段倒序，例如
     PET/رقائق ألمنيوم/رغوة、1.7m على المعدن、13.56 MHz أو 915 MHz
   用户已审阅可视对照页 .workbuddy/work/spec-direction-compare.html 并接受该代价；
   两害相权取其轻：这些值以拉丁/数字为主，LTR 下读序更自然。

   ⚠️ 切勿改成 unicode-bidi:isolate —— 强制隔离会把阿拉伯语开头的值（53244 个）
      也一并 LTR 化，受害面扩大近 3 倍，已实测推翻，不要再试。
   ⚠️ 对齐不受影响：这些单元格的 text-align 显式就是 right（与 direction 无关），
      方向翻转只改变元素内部分读序，不会把文本推到左边。
   ---------------------------------------------------------------------------- */

html[dir="rtl"] .content_content_item table td:not(:first-child) {
	direction: ltr;
	unicode-bidi: plaintext;
}

/* >>>>>>>>>>>>>>>>>>>> RTL-AUTOGEN-START 请勿手改以下内容（由 merge_rtl.py 生成） >>>>>>>>>>>>>>>>>>>> */

html[dir="rtl"] .language { float: left; margin-bottom: 10px }
html[dir="rtl"] .language .cur e { color: #fff; font-size: 12px; line-height: 20px;background-image:url(../images/flag.png); margin: 3px 10px 1px 8px; background-repeat:no-repeat; height: 20px; display: block; padding-right: 30px; padding-left: 0 }
html[dir="rtl"] .language .cur e i { font-weight: bold;font-size: 12px; margin-right: 3px; margin-left: 0 }
html[dir="rtl"] .language ul.language-list { max-height: 400px; overflow: auto; position:absolute; z-index: 2; top: 23px; list-style-type: none; transition: height 1s; background-color: #fff; font-size: 12px; height: 0; border-radius: 4px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; opacity: 0; left: 0; right: auto }
html[dir="rtl"] .language ul.language-list li a { color: #1b1b1b; font-size: 12px; line-height: 20px;background-image:url(../images/flag.png); background-repeat:no-repeat;background-position: 0 0; padding: 0 30px 0 0; float: right; width: 100%;white-space:nowrap }
html[dir="rtl"] .flexslider .slides img { width:100%;display:block;text-align:center;overflow:hidden; margin-left: auto; margin-right: auto }
html[dir="rtl"] .flex-caption { width:96%;padding:2%;position:absolute;bottom:0;background:rgba(0,0,0,.3);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);font-size:14px;line-height:18px; right: 0; left: auto }
html[dir="rtl"] .flex-control-nav li { display:inline-block;zoom:1;*display:inline;margin: 0 5px 0 5px;vertical-align:middle }
html[dir="rtl"] .flex-control-nav li a { width:8px;height:8px;display:block;cursor:pointer;text-indent:-9999px;background-color:#ececec;border:2px solid #FFF;border-radius: 50% }
html[dir="rtl"] .banner-text { width:100%;height:100%;position:absolute;top:0;display:none; right: 0; left: auto }
html[dir="rtl"] .banner-text-c .itme { position:absolute;top:30%;width:45%;text-align: right; right: 0; left: auto }
html[dir="rtl"] .banner-text-c .itme span a { border-radius: 5px;color:#fff;font-size:14px;color:#fff;line-height:30px;display:inline-block;padding:8px 35px;border-radius: 5px;transition:all .4s ease 0s;background-color:#0363cd }
html[dir="rtl"] .quick-links-t::after, html[dir="rtl"] .derivative-t::after { background-color: #eee; bottom: 25px; content: ""; height: 1px; position: absolute; width: 100%; right: 0; left: auto }
html[dir="rtl"] .subblock .category ul { text-align: right; font-size: 0; margin: 0 -15px }
html[dir="rtl"] .category-box::before, html[dir="rtl"] .category-box::after { bottom: 0; content: ""; position: absolute; top: 0; transition: all 0.5s ease 0s; z-index: 1; right: 0; left: 0 }
html[dir="rtl"] .category-box:hover::before { background-color: rgba(255, 255, 255, 0.3); right: 50%; left: 50% }
html[dir="rtl"] .category-box-detail { color: #282828; position: absolute; text-align: right; width: 40%; padding: 0 5%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; left: auto }
html[dir="rtl"] .category-box-detail a.btn:hover { margin-right: 10px; margin-left: 0 }
html[dir="rtl"] .featured-products-t::after { background-color: #eee; bottom: 25px; content: ""; height: 1px; position: absolute; width: 100%; right: 0; left: auto }
html[dir="rtl"] .featured-products-t span { font-size: 20px; color: #404042; line-height: 50px; display: inline-block; background-color:#fff; position:relative; text-transform:capitalize; z-index: 1; padding-left: 30px; padding-right: 0 }
html[dir="rtl"] .featured-products .owl-buttons { position: absolute;top: -54px; background-color: #fff; left: 15px; right: auto }
html[dir="rtl"] .featured-products .owl-controls .owl-prev, html[dir="rtl"] .featured-products .owl-controls .owl-next { font-size: 0; width: 35px; height: 35px; line-height: 35px; background-color: #efefef; display: inline-block; border-radius: 4px; vertical-align: middle; text-align: center; transition: ease all 0.4s; -webkit-transition: ease all 0.4s; -moz-transition: ease all 0.4s; -o-transition: ease all 0.4s }
html[dir="rtl"] .featured-products .owl-controls .owl-prev { margin-right: 15px; margin-left: 0 }
html[dir="rtl"] .featured-products .owl-controls .owl-next { transform: rotateY(180deg); margin-left: 6px; margin-right: 0 }
html[dir="rtl"] .hot-products-t::after { background-color: #eee; bottom: 25px; content: ""; height: 1px; position: absolute; width: 100%; right: 0; left: auto }
html[dir="rtl"] .hot-products-t span::before { content: " "; position: absolute; top: -32px; width: 100%; height: 100%; border: 30px solid #fff; border: 0\0; padding: 2px; right: -32px; left: auto }
html[dir="rtl"] .hot-products-box ul li .item { background-color: #fff; margin: 10px; border-radius: 4px; transition: ease all 0.4s; -webkit-transition: ease all 0.4s; -moz-transition: ease all 0.4s; -o-transition: ease all 0.4s }
html[dir="rtl"] .hot-products-box ul li .item p { text-align: right; overflow: hidden; height:20px;line-height:20px;word-break: break-all }
html[dir="rtl"] .hot-products-box ul li .item .pic_box:hover .more_box { display:block; background: rgba(240,133,25,0.5); position: absolute; top: 0; bottom: 0;height:100%; right: 0; left: 0 }
html[dir="rtl"] .hot-products-box ul li .item .pic_box .more_box .btn-box a { position:absolute;background:#fff;padding:10px 20px;top: 50%;transform: translate(50%, -50%);-webkit-transform: translate(50%, -50%); right: 50%; left: auto }
html[dir="rtl"] .hot-products-box-t h3 { font-size: 16px; font-weight: normal; width: 100%; height:60px;line-height:20px; overflow: hidden;text-align: right }
html[dir="rtl"] .index-news-t::after { background-color: #eee; bottom: 25px; content: ""; height: 1px; position: absolute; width: 100%; right: 0; left: auto }
html[dir="rtl"] .index-news-t span::before { content: " "; position: absolute; top: -32px; width: 100%; height: 100%; border: 30px solid #fff; border: 0\0; padding: 2px; right: -32px; left: auto }
html[dir="rtl"] .index-news-box ul li { width: 32%; display: inline-block; vertical-align: top; margin-bottom: 20px; font-size: 14px; margin-left: 2%; margin-right: 0 }
html[dir="rtl"] .index-news-box ul li:nth-child(3n+3) { font-size: 14px; margin-left: 0; margin-right: 0 }
html[dir="rtl"] .index-news-box ul li .item { position: relative; overflow: hidden; max-width: 500px; margin: auto; padding: 25px;border-radius: 4px; background-color: #fff;border: 1px solid #eee }
html[dir="rtl"] .index-news-time { position: relative; padding-top: 20px; margin-top: 25px; margin-bottom: 10px; padding-right: 52px; padding-left: 0 }
html[dir="rtl"] .index-news-time span { font-size: 14px; color: #0363cd; position: absolute; top: 0; display: inline-block; right: 0; left: auto }
html[dir="rtl"] .index-news-box ul li .item span b { color: #fff; width: 40px; height: 40px; line-height: 40px; display: inline-block; background-color: #0363cd; font-size: 20px; text-align: center; vertical-align: top; margin-left: 10px; margin-right: 0 }
html[dir="rtl"] .index-case-t::after { background-color: #eee; bottom: 25px; content: ""; height: 1px; position: absolute; width: 100%; right: 0; left: auto }
html[dir="rtl"] .index-case-t span::before { content: " "; position: absolute; top: -32px; width: 100%; height: 100%; border: 30px solid #fff; border: 0\0; padding: 2px; right: -32px; left: auto }
html[dir="rtl"] .bread-crumb ul li { font-size: 14px; line-height: 24px; display: inline-block; vertical-align: middle; margin-left: 8px; margin-right: 0 }
html[dir="rtl"] .inner-page-l { width: 26%; float: right; margin-bottom: 40px }
html[dir="rtl"] .inner-page-r { width: 74%; float: left; margin-bottom: 40px }
html[dir="rtl"] .sidebar-block { overflow: hidden; margin-left: 30px; margin-right: 0 }
html[dir="rtl"] .sidebar-featured ul li { width: 100%; overflow: hidden; margin: 8px 0; float: right }
html[dir="rtl"] .sidebar-featured ul li .item .pro-media { float: right; width: 45% }
html[dir="rtl"] .sidebar-featured ul li .item .pro-detail-info { float: left; width: 55% }
html[dir="rtl"] .sidebar-featured ul li .item .pro-detail-info .text { font-size: 14px; line-height: 18px; margin-bottom: 12px; font-weight: normal; max-height: 54px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-right: 15px; margin-left: 0 }
html[dir="rtl"] .sidebar-featured ul li .item .pro-detail-info span { display: block; margin-right: 15px; margin-left: 0 }
html[dir="rtl"] .sidebar-contact .mb-20 { font-size: 14px; line-height: 30px; margin-bottom: 15px; position: relative; padding-right: 45px; padding-left: 0 }
html[dir="rtl"] .sidebar-contact .inner-title { color: #0363cd; font-weight:bold; position: absolute; top: 0;background: #f0f0f0; color: #999; float: right; font-size: 20px; height: 35px; line-height: 35px; text-align: center; width: 35px; right: 0; left: auto }
html[dir="rtl"] .sidebar-contact ul li { font-size: 14px; line-height: 20px; margin: 8px 0; float: right }
html[dir="rtl"] .product-listing-t h2 { font-size: 18px; color: #404042; line-height: 30px; display: inline-block; background-color: #fff; position: relative; text-transform: capitalize; z-index: 1; padding-left: 30px; padding-right: 0 }
html[dir="rtl"] .product-listing-t span { font-size: 14px; color: #404042; display: inline-block; background-color: #fff; z-index: 1; position: relative; float: left; margin-top: 5px; padding-right: 20px; padding-left: 0 }
html[dir="rtl"] .product-listing-t::after { background-color: #eee; bottom: 14px; content: ""; height: 1px; position: absolute; width: 100%; right: 0; left: auto }
html[dir="rtl"] .product-listing ul li { width: 32%; font-size: 14px; display: inline-block; vertical-align: top; margin-bottom: 20px; margin-left: 2%; margin-right: 0 }
html[dir="rtl"] .product-listing ul li:nth-child(3n+3) { margin-left: 0; margin-right: 0 }
html[dir="rtl"] .product-listing .product-item .sale-label { position: absolute; top: 10px; right: 0; left: auto }
html[dir="rtl"] .product-category .product-item { text-align: right; font-size: 0; position: relative }
html[dir="rtl"] .product-category .product-item .sale-label { position: absolute; top: 10px; right: 0; left: auto }
html[dir="rtl"] .product-item-text-b { margin-right: 30px; margin-left: 0 }
html[dir="rtl"] .product-item-text span a i { font-size: 20px; line-height: 18px; margin-left: 5px; margin-right: 0 }
html[dir="rtl"] .product-item-text span a.more { color: #242424; background-color: #f0f0f0; margin-right: 10px; margin-left: 0 }
html[dir="rtl"] .product-page-plan { width: 46%; float: right }
html[dir="rtl"] .product-attributes { width: 54%; float: left }
html[dir="rtl"] .product-detail-annex .pro-email-icon { display: inline-block; margin-bottom: 10px; margin-left: 10px; margin-right: 0 }
html[dir="rtl"] .product-detail-annex .pro-email-icon a i { font-size: 22px; margin-left: 5px; margin-right: 0 }
html[dir="rtl"] .product-detail-annex .pro-annex-icon a i { margin-left: 5px; margin-right: 0 }
html[dir="rtl"] .product-information-t ul li { width:auto;float: right;padding:10px 20px;margin:0px 5px;color:#000;border-radius: 5px 5px 0px 0px;background:#fff }
html[dir="rtl"] .product-tag span { font-size: 16px; padding: 5px 0; float: right; white-space: nowrap }
html[dir="rtl"] .product-annex ul li i { margin-left: 5px; margin-right: 0 }
html[dir="rtl"] .related-products-t::after { background-color: #eee; bottom: 10px; content: ""; height: 1px; position: absolute; width: 100%; right: 0; left: auto }
html[dir="rtl"] .related-products-t span, html[dir="rtl"] .related-products-t span { font-size: 18px; line-height: 30px; background-color: #fff; display: inline-block; position: relative; z-index: 1; padding-left: 30px; padding-right: 0 }
html[dir="rtl"] .sidebar-product dl dt { font-size: 14px; line-height: 18px; font-weight: normal; padding: 5px 0 5px 15px; border-bottom: 1px solid #f6f6f6; position: relative; margin-bottom: 0 }
html[dir="rtl"] .sidebar-product dl dt i { width: 0; height: 0; background-color: #6d6d6d; overflow: hidden; position: absolute; top: 15px; right: 5px; left: auto }
html[dir="rtl"] .sidebar-product dl span { overflow: hidden; font-size: 16px; font-weight: bold; color:#6d6d6d; height:28px; display: block; line-height: 28px; float: left; cursor:pointer; padding: 0 5px; position: relative; z-index: 1 }
html[dir="rtl"] .sidebar-product dl dd { overflow: hidden; line-height: 18px; font-size: 14px; margin: 8px 15px 8px 0 }
html[dir="rtl"] .sidebar-news ul li:hover { padding: 10px 30px 10px 10px }
html[dir="rtl"] .sidebar-news ul li i { font-size: 8px; position: absolute; top: 10px; transition: ease all 0.4s; -webkit-transition: ease all 0.4s; -moz-transition: ease all 0.4s; -o-transition: ease all 0.4s; right: 0; left: auto }
html[dir="rtl"] .sidebar-news ul li:hover i { right: 10px; left: auto }
html[dir="rtl"] .sidebar-about ul li:hover { padding: 10px 30px 10px 10px }
html[dir="rtl"] .sidebar-about ul li i { font-size: 8px; position: absolute; top: 10px; transition: ease all 0.4s; -webkit-transition: ease all 0.4s; -moz-transition: ease all 0.4s; -o-transition: ease all 0.4s; right: 0; left: auto }
html[dir="rtl"] .sidebar-about ul li:hover i { right: 10px; left: auto }
html[dir="rtl"] .news-list-top-box-frame { overflow: hidden; float: right; width: 30% }
html[dir="rtl"] .news-list-top-box .item p { font-size: 14px; line-height: 20px; max-height: 80px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin-right: 25px; margin-left: 0 }
html[dir="rtl"] .news-list-top-box-text { display: inline-block; width: 60%;float: right; vertical-align: top }
html[dir="rtl"] .news-list-top-box-time { position: relative; padding-top: 20px; margin: 0 25px 10px 0; padding-right: 52px; padding-left: 0 }
html[dir="rtl"] .news-list-top-box-time span { font-size: 14px; color: #0363cd; position: absolute; top: 0; display: inline-block; right: 0; left: auto }
html[dir="rtl"] .news-list-top-box-time span b { width: 40px; height: 40px; line-height: 40px; display: inline-block; border: 1px solid #0363cd; background-color: #fff; font-size: 20px; text-align: center; vertical-align: top; margin-left: 10px; margin-right: 0 }
html[dir="rtl"] .news-listing-t .th { float: right; font-size: 18px; line-height: 24px;text-transform: capitalize }
html[dir="rtl"] .news-listing-t span { float: left; font-size: 14px; line-height: 24px }
html[dir="rtl"] .news-listing-t span a { float: left; font-size: 14px; line-height: 24px }
html[dir="rtl"] .news-listing-time { position: relative; padding-top: 20px; margin-bottom: 10px; padding-right: 52px; padding-left: 0 }
html[dir="rtl"] .news-listing-time span { font-size: 14px; color: #0363cd; position: absolute; top: 0; display: inline-block; right: 0; left: auto }
html[dir="rtl"] .news-listing-time span b { width: 40px; height: 40px; line-height: 40px; display: inline-block; border: 1px solid #0363cd; background-color: #fff; font-size: 20px; text-align: center; vertical-align: top; margin-left: 10px; margin-right: 0 }
html[dir="rtl"] .case-listing-frame { width: 44%; float: right; overflow: hidden; max-width: 220px; margin-left: 20px; margin-right: 0 }
html[dir="rtl"] .certificate-listing ul li { width: 32%; font-size: 14px; display: inline-block; vertical-align: top; margin-bottom: 20px; margin-left: 2%; margin-right: 0 }
html[dir="rtl"] .certificate-listing ul li:nth-child(3n+3) { margin-left: 0; margin-right: 0 }
html[dir="rtl"] .product-information-box ul, html[dir="rtl"] .product-information-box ol, html[dir="rtl"] .product-information-box li, html[dir="rtl"] .case-details-box ul, html[dir="rtl"] .case-details-box ol, html[dir="rtl"] .case-details-box li, html[dir="rtl"] .factory-details-box ul, html[dir="rtl"] .factory-details-box ol, html[dir="rtl"] .factory-details-box li, html[dir="rtl"] .about-details-box ul, html[dir="rtl"] .about-details-box ol, html[dir="rtl"] .about-details-box li { list-style: unset; margin-right: 20px; margin-left: 0 }
html[dir="rtl"] .switcher_2 { position: absolute; bottom: 5px; left: 5px; right: auto }
html[dir="rtl"] .pb .points_2 li { width: 22px; height: 22px; text-align: center; cursor: pointer; float: right; background-color: #999; line-height: 22px; color: #FFF; border-top-width: 0px; border-bottom-width: 0px; list-style-position: outside; list-style-image: none; list-style-type: none; padding: 0px; margin: 0px 0px 0px 5px; border: 1px solid #FFF; border-left-width: 0px; border-right-width: 0px }
html[dir="rtl"] .pb .points_2 li.current { color: #FFF; height: 22px; width: 22px; border: 1px solid #FFF; background-color: #C00; margin-left: 5px; margin-right: 0 }
html[dir="rtl"] .contact-info td i { font-size: 18px; margin-left: 10px; margin-right: 0 }
html[dir="rtl"] .inner-message-row .item { width: 100%; float: right; margin-bottom: 20px }
html[dir="rtl"] .inner-message-half { padding: 8px; background-color: #f6f6f6; margin-left: 20px; margin-right: 0 }
html[dir="rtl"] .other-upper-next .other-upper { float: right }
html[dir="rtl"] .other-upper-next .other-next { float: left }
html[dir="rtl"] .other-upper-next .other-upper i { font-size: 13px; display:inline-block; vertical-align: middle; margin-left: 5px; margin-right: 0 }
html[dir="rtl"] .other-upper-next .other-next i { float: left; font-size: 14px; display:inline-block; vertical-align: middle; margin-right: 5px; margin-left: 0 }
html[dir="rtl"] .footer-content .item.footer-contactus { width: 33.333%;float: right }
html[dir="rtl"] .footer-content .item.footer-contactus li { position: relative; float: right; width:50% }
html[dir="rtl"] .footer-static-block { margin-left: 30px; margin-right: 0 }
html[dir="rtl"] .footer-block-contant li label { white-space: nowrap; margin-left: 5px; margin-right: 0 }
html[dir="rtl"] .key-words li { height: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: relative; padding-right: 20px; padding-left: 0 }
html[dir="rtl"] .key-words li i { width: 6px; height: 6px; display: inline-block; border: 2px solid #242424; border-radius: 50%; position: absolute; top: 5px; right: 0; left: auto }
html[dir="rtl"] .im { position:fixed;top:auto;bottom:40px;z-index:11; left: 2px; right: auto }
html[dir="rtl"] .im-l { color:#fff;width:32px;height:60px;cursor:pointer;background-color:#0363cd;box-shadow: 0 0 8px #eaf0f6;border-radius: 0 4px 4px 0;display:block;text-align:center;line-height:60px;float: right }
html[dir="rtl"] .im .box { float: left;width:60px;background-color:#0363cd;border-radius: 4px 0 4px 4px;display:none }
html[dir="rtl"] .im .skype { background-image:url(../images/c.jpg);background-repeat:no-repeat;background-position: -47px 0;height:50px;width:47px }
html[dir="rtl"] .im .mail { background-image:url(../images/c.jpg);background-repeat:no-repeat;background-position: -94px 0;height:50px;width:47px }
html[dir="rtl"] .im .kefu_01 { background-image:url(../images/kefu_01.png);background-repeat:no-repeat;background-position: center center;height:50px;width:50px;overflow:hidden;background-color:#FFF }
html[dir="rtl"] .im .whatsapp { background-image:url(../images/kefu_02.png);background-repeat:no-repeat;background-position: center center;height:50px;width:50px;overflow:hidden;background-color:#FFF }
@media screen and (min-width:768px) {
	html[dir="rtl"] .im { width:92px;position:fixed;top:250px;transition:right .5s;bottom:auto;z-index:11; left: -60px; right: auto }
	html[dir="rtl"] .im:hover { left: 0; right: auto }
	html[dir="rtl"] .im .box { position:absolute;display:block;width:60px;top:0; left: 0; right: auto }
}

html[dir="rtl"] .scroll { width:40px; height:40px; color:#fff; line-height:42px; text-align:center; position:fixed; bottom:74px; cursor:pointer; background-color:#242424; z-index: 10; transition: ease all 0.4s; -webkit-transition: ease all 0.4s; -moz-transition: ease all 0.4s; -o-transition: ease all 0.4s; left: 34px; right: auto }
@media screen and (max-width: 1044px) {
	html[dir="rtl"] .index-news-box ul li:nth-child(2n+2) { margin-left: 0; margin-right: 0 }
	html[dir="rtl"] .sidebar-featured ul li .item .pro-detail-info .text { line-height: 20px; margin-right: 0; margin-left: 0 }
	html[dir="rtl"] .sidebar-featured ul li .item .pro-detail-info span { display: block; margin-right: 0; margin-left: 0 }
	html[dir="rtl"] .product-listing ul li:nth-child(3n+3) { margin-left: 2%; margin-right: 0 }
	html[dir="rtl"] .product-listing ul li:nth-child(2n+2) { margin-left: 0; margin-right: 0 }
	html[dir="rtl"] .certificate-listing ul li { width: 48%; margin-left: 4%; margin-right: 0 }
	html[dir="rtl"] .certificate-listing ul li:nth-child(3n+3) { margin-left: 4%; margin-right: 0 }
	html[dir="rtl"] .certificate-listing ul li:nth-child(2n+2) { margin-left: 0; margin-right: 0 }
}

@media screen and (max-width:768px) {
	html[dir="rtl"] .language { float: right }
	html[dir="rtl"] .index-about-l .th { font-size: 20px;line-height: 30px; margin-left: 0; margin-right: 0 }
	html[dir="rtl"] .scroll { width:32px;height:32px;line-height:34px;bottom:8px; left: 2px; right: auto }
	html[dir="rtl"] .sidebar-block { margin-left: 0; margin-right: 0 }
	html[dir="rtl"] .news-list-top-box .item h2, html[dir="rtl"] .news-list-top-box .item h3, html[dir="rtl"] .news-list-top-box .item p, html[dir="rtl"] .news-list-top-box-text span { margin-right: 0; margin-left: 0 }
}

html[dir="rtl"] .owl-carousel .owl-item { float: right }
@media screen and (max-width:768px) {
	html[dir="rtl"] .sidebar-block-but, html[dir="rtl"] .footer-content-but { position: relative; padding: 10px 20px 10px 40px; background-color: #eee; display: block; margin-bottom: 10px }
	html[dir="rtl"] .sidebar-block-but button, html[dir="rtl"] .footer-content-but button { position: absolute; top: 9px; width:30px; height: 24px; border: 0; color: #222; display: inline-block; border-radius: 0; line-height: 24px; background: none; left: 5px; right: auto }
}

html[dir="rtl"] .pgwMenu .pm-links.mobile, html[dir="rtl"] .pgwMenu .pm-viewMore>ul { background:#333;box-shadow:2px 2px 4px #777;position:absolute;top:100%;z-index:1000; right: 0; left: auto }
html[dir="rtl"] .pgwMenu li { float: right;font-size:.9rem }
html[dir="rtl"] .pgwMenu .pm-viewMore>ul { right: auto; left: 0 }
html[dir="rtl"] .pgwMenu .pm-viewMore span.icon, html[dir="rtl"] .pgwMenu .pm-viewMore span.white { display:inline-block;border-color:#fff transparent;border-style:solid;border-width:8px 6px 0; margin-right: 3px; margin-left: 0 }
html[dir="rtl"] .pgwMenu.light .pm-viewMore span.icon, html[dir="rtl"] .pgwMenu .pm-viewMore span.black { display:inline-block;border-color:#000 transparent;border-style:solid;border-width:8px 6px 0; margin-right: 3px; margin-left: 0 }
html[dir="rtl"] .cntr { max-width:450px;float: right;width:100%;position:relative;z-index:2;background-color:#FFF }
html[dir="rtl"] .pgwSlideshow { background:#fff;display:none; margin-left: 30px; margin-right: 0 }
html[dir="rtl"] .flf, html[dir="rtl"] .pgwSlideshow .ps-list li, html[dir="rtl"] .pgwSlideshowLight .ps-list li { float: right;width:72px;height:72px;display:table }
html[dir="rtl"] .pgwSlideshow .ps-caption, html[dir="rtl"] .pgwSlideshowLight .ps-caption { background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";text-align: right;font-size:1rem;color:#fff;position:absolute;bottom:0;width:100%;display:none;padding:10px; right: 0; left: auto }
html[dir="rtl"] .pgwSlideshow .ps-list ul, html[dir="rtl"] .pgwSlideshowLight .ps-list ul { position:relative;list-style:none;margin:0;padding:5px 0;overflow:hidden; right: 0; left: auto }
html[dir="rtl"] .pgwSlideshow .ps-current .ps-prev, html[dir="rtl"] .pgwSlideshowLight .ps-current .ps-prev { background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";border:1px solid #777;border-radius: 4px 0 0 4px;position:absolute;top:45%;cursor:pointer;padding: 20px 15px 20px 20px; border-right: 0; border-left: 0; right: 0; left: auto }
html[dir="rtl"] .pgwSlideshow .ps-current .ps-next, html[dir="rtl"] .pgwSlideshowLight .ps-current .ps-next { background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";border:1px solid #777;border-radius: 0 4px 4px 0;position:absolute;top:45%;cursor:pointer;padding: 20px 20px 20px 15px; border-left: 0; border-right: 0; left: 0; right: auto }
html[dir="rtl"] .pgwSlideshow .ps-list .ps-prev, html[dir="rtl"] .pgwSlideshowLight .ps-list .ps-prev { background:#f5f5f5;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";border-radius: 0;cursor:pointer;position:absolute;top:25px;z-index:1000;display:none;padding: 20px 12px 20px 15px; border-right: 0; border-left: 0; right: 0; left: auto }
html[dir="rtl"] .pgwSlideshow .ps-list .ps-next, html[dir="rtl"] .pgwSlideshowLight .ps-list .ps-next { background:#f5f5f5;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";border-radius: 0;cursor:pointer;position:absolute;top:25px;z-index:1000;display:none;padding: 20px 15px 20px 12px; border-left: 0; border-right: 0; left: 0; right: auto }
html[dir="rtl"] .pgwSlideshow.narrow .ps-current .ps-prev, html[dir="rtl"] .pgwSlideshowLight.narrow .ps-current .ps-prev { top:40%;padding: 15px 12px 15px 15px }
html[dir="rtl"] .pgwSlideshow.narrow .ps-current .ps-next, html[dir="rtl"] .pgwSlideshowLight.narrow .ps-current .ps-next { top:40%;padding: 15px 15px 15px 12px }
html[dir="rtl"] .pgwSlideshow.narrow .ps-list .ps-prev, html[dir="rtl"] .pgwSlideshowLight.narrow .ps-list .ps-prev { top:16px;padding: 15px 8px 15px 8px }
html[dir="rtl"] .pgwSlideshow.narrow .ps-list .ps-next, html[dir="rtl"] .pgwSlideshowLight.narrow .ps-list .ps-next { top:16px;padding: 15px 8px 15px 8px }
@media screen and (max-width:1024px) {
	html[dir="rtl"] .pgwSlideshow { margin-left: 0; margin-right: 0 }
}

@media(min-width:768px) {
	html[dir="rtl"] .cntr { float: right;width:100%;position:relative;z-index:2;background-color:#FFF }
}

html[dir="rtl"] #jquery-overlay { position:absolute;top:0;z-index:900000;width:100%;height:auto; right: 0; left: auto }
html[dir="rtl"] #jquery-lightbox { position:absolute;top:0;width:100%;z-index:1000000;text-align:center;line-height:0; right: 0; left: auto }
html[dir="rtl"] #lightbox-loading { position:absolute;top:40%;height:25%;width:100%;text-align:center;line-height:0; right: 0; left: auto }
html[dir="rtl"] #lightbox-nav { position:absolute;top:0;height:100%;width:100%;z-index:10; right: 0; left: auto }
html[dir="rtl"] #lightbox-container-image-box>#lightbox-nav { right: 0; left: auto }
html[dir="rtl"] #lightbox-nav-btnPrev { float: right; right: 0; left: auto }
html[dir="rtl"] #lightbox-nav-btnNext { float: left; left: 0; right: auto }
html[dir="rtl"] #lightbox-container-image-data #lightbox-image-details { width:70%;float: right;text-align: right }
html[dir="rtl"] #lightbox-secNav-btnClose { width:66px;float: left;padding-bottom:.7em }
html[dir="rtl"] #files { max-width:100%;width:100%;overflow:hidden;background-color:#fff; margin-left: auto; margin-right: auto }
html[dir="rtl"] .append-item h2 { font-size:18px;text-align: right }
html[dir="rtl"] .append-item p { overflow:hidden;text-align: right }
html[dir="rtl"] body.fancybox-iosfix { position:fixed; right: 0; left: 0 }
html[dir="rtl"] .fancybox-is-hidden { position:absolute;top:-9999px;visibility:hidden; right: -9999px; left: auto }
html[dir="rtl"] .fancybox-container { position:fixed;top:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; right: 0; left: auto }
html[dir="rtl"] .fancybox-bg, html[dir="rtl"] .fancybox-inner, html[dir="rtl"] .fancybox-outer, html[dir="rtl"] .fancybox-stage { position:absolute;top:0;bottom:0; right: 0; left: 0 }
html[dir="rtl"] .fancybox-infobar { top:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion; right: 0; left: auto }
html[dir="rtl"] .fancybox-toolbar { top:0;margin:0;padding:0; left: 0; right: auto }
html[dir="rtl"] .fancybox-slide { position:absolute;top:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform; right: 0; left: auto }
html[dir="rtl"] .fancybox-slide>* { display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align: right;background-color:#fff;overflow:auto;box-sizing:border-box }
html[dir="rtl"] .fancybox-slide .fancybox-image-wrap { position:absolute;top:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform; right: 0; left: auto }
html[dir="rtl"] .fancybox-image, html[dir="rtl"] .fancybox-spaceball { position:absolute;top:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; right: 0; left: auto }
html[dir="rtl"] .fancybox-button { box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius: 0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none }
html[dir="rtl"] .fancybox-navigation button:before { content:"";position:absolute;top:30px;width:40px;height:40px;background:rgba(30,30,30,.6); left: 10px; right: auto }
html[dir="rtl"] .fancybox-navigation .fancybox-button--arrow_left { right: 0; left: auto }
html[dir="rtl"] .fancybox-navigation .fancybox-button--arrow_right { left: 0; right: auto }
html[dir="rtl"] .fancybox-close-small { position:absolute;top:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius: 0;background:transparent;z-index:10;cursor:pointer; left: 0; right: auto }
html[dir="rtl"] .fancybox-close-small:after { content:"×";position:absolute;top:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius: 50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2; left: 5px; right: auto }
html[dir="rtl"] .fancybox-slide--iframe .fancybox-close-small, html[dir="rtl"] .fancybox-slide--image .fancybox-close-small { top:0; left: -40px; right: auto }
html[dir="rtl"] .fancybox-caption-wrap { bottom:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none; right: 0; left: 0 }
html[dir="rtl"] .fancybox-slide>.fancybox-loading { border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius: 100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;margin-top:-30px;z-index:99999; margin-right: -30px; margin-left: 0; right: 50%; left: auto }
html[dir="rtl"] .fancybox-share { padding:30px;border-radius: 3px;background:#f4f4f4;max-width:90%;text-align:center }
html[dir="rtl"] p.fancybox-share__links { margin-left: -10px; margin-right: 0 }
html[dir="rtl"] .fancybox-share__button { display:inline-block;text-decoration:none;margin: 0 0 10px 10px;padding:0 15px;min-width:130px;border:0;border-radius: 3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s }
html[dir="rtl"] .fancybox-share__button svg { position:relative;top:-1px;width:25px;height:25px;vertical-align:middle; margin-left: 7px; margin-right: 0 }
html[dir="rtl"] .fancybox-thumbs { display:none;position:absolute;top:0;bottom:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995; left: 0; right: auto }
html[dir="rtl"] .fancybox-show-thumbs .fancybox-inner { left: 212px; right: auto }
html[dir="rtl"] .fancybox-thumbs-y>ul::-webkit-scrollbar-track { background:#fff;border-radius: 10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3) }
html[dir="rtl"] .fancybox-thumbs-y>ul::-webkit-scrollbar-thumb { background:#2a2a2a;border-radius: 10px }
html[dir="rtl"] .fancybox-thumbs>ul>li { float: right;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box }
html[dir="rtl"] .fancybox-thumbs>ul>li>img { position:absolute;top:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; right: 0; left: auto }
html[dir="rtl"] .fancybox-thumbs>ul>li:before { content:"";position:absolute;top:0;bottom:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94); right: 0; left: 0 }
@media (max-width:800px) {
	html[dir="rtl"] .fancybox-show-thumbs .fancybox-inner { left: 110px; right: auto }
}

html[dir="rtl"] .whychoose { overflow:hidden;width:90%;margin:0 auto;padding: 40px 0px 0px 0px;max-width:1200px }
html[dir="rtl"] .choose_left, html[dir="rtl"] .choose_right { width:50%;float: right }
html[dir="rtl"] .choose_right { width:calc(50% - 40px);float: right;margin-top:50px; padding-right: 40px; padding-left: 0 }
html[dir="rtl"] .choose-r { width: 100%; height: auto; float: left; margin-bottom: 40px; background: url(../images/aboutinx.jpg) no-repeat center center;background-size:cover }
@media (max-width:800px) {
	html[dir="rtl"] .choose_left, html[dir="rtl"] .choose_right { width:100%;float: right }
	html[dir="rtl"] .choose_right { padding-right: 0px; padding-left: 0 }
}

html[dir="rtl"] .m-pic svg[absolute], html[dir="rtl"] [m-pic] svg[absolute], html[dir="rtl"] .m-pic svg.absolute, html[dir="rtl"] [m-pic] svg.absolute, html[dir="rtl"] .m-pic img[absolute], html[dir="rtl"] [m-pic] img[absolute], html[dir="rtl"] .m-pic img.absolute, html[dir="rtl"] [m-pic] img.absolute { top: 0;bottom: 0;margin: auto; right: 0; left: 0 }
html[dir="rtl"] #choose .list .li { width: calc(100% / 5); background-color: #fafafa; position: relative; border-left: 1px solid #dedede; border-right: 0 }
html[dir="rtl"] #choose .list .li::after { content: ''; position: absolute; top: 0; bottom: 0; background: url(../images/choosebg.jpg) no-repeat center / cover; opacity: 1; transition: all 0.6s; z-index: 1; right: 0; left: 0 }
html[dir="rtl"] #choose .list .li:last-child { border-left: none; border-right: 0 }
html[dir="rtl"] .wrapper1 { width:23%; float: right; height:110px;padding-top:20px; border-left: 1px solid #d3d3d3; border-right: 0; margin-left: 3%; margin-right: 0 }
html[dir="rtl"] .wrapper2 { width: 21%; float: right; height: 60px;padding-top:20px; padding-right: 0%; padding-left: 0 }
html[dir="rtl"] .time1 h2 { width:auto; float: right; font-size:45px; font-weight:600 }
html[dir="rtl"] .timex { width: auto; float: right; font-size: 26px; font-weight: 600; margin-right: 10px; margin-left: 0 }
html[dir="rtl"] .xwelcmain h1 { float: right; font-size: 20px; font-weight: 500 }
html[dir="rtl"] .xwelcmain dd { float: left }
html[dir="rtl"] .xhabout-l { width: calc(65% - 40px); height: auto; float: right; margin-top: 40px }
html[dir="rtl"] .xhabout-r { width: 35%; height: auto; float: left; margin-top: 100px; background: url(../images/aboutinx.jpg) no-repeat center center;background-size:cover }
html[dir="rtl"] .magic-link::before { content: ''; position: absolute; top: 50%; width: 0; height: 0; background: #f4f4f4; transform: translate(50%, -50%); border-radius: 50%; transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1), height 0.6s cubic-bezier(0.4, 0, 0.2, 1), background 0.5s 1.2s; z-index: -1; right: 50%; left: auto }
@keyframes ripple {
	html[dir="rtl"] from { transform: translate(50%, -50%) scale(0); opacity: 1 }
	html[dir="rtl"] to { transform: translate(50%, -50%) scale(2); opacity: 0 }
}

html[dir="rtl"] .anim { position:absolute; top:50%; -webkit-transform:translateY(-50%) translateX(50%); transform:translateY(-50%) translateX(50%); z-index:-1; right: 50%; left: auto }
html[dir="rtl"] .anim:after { border-radius: 50%; bottom:0; content:""; position:absolute; top:0; right: 0; left: 0 }
@media(max-width:800px) {
	html[dir="rtl"] .time_content { padding-right: 20px; padding-left: 0 }
}

html[dir="rtl"] .flexslider .slides img { width: 100%; display: block; text-align: center; overflow: hidden; margin-left: auto; margin-right: auto }
html[dir="rtl"] .flex-caption { width: 96%; padding: 2%; position: absolute; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; right: 0; left: auto }
html[dir="rtl"] .banner-text { width: 100%; height: 100%; position: absolute; top: 0; display: none; right: 0; left: auto }
html[dir="rtl"] .banner-text-c .itme { position: absolute; top: 30%; width: 45%; text-align: right; right: 0; left: auto }
html[dir="rtl"] .goods-box .list { width:calc(50% - 18px);padding:15px;float: right;box-shadow: 0 2px 7px #999;margin: 9px;border-radius: 7px;box-sizing: border-box }
html[dir="rtl"] .goods-box .list-item .more_btn { background:#9fdfcb;padding:10px 15px;border:1px solid #9fdfcb;border-radius: 50px;margin: 20px auto 0;display: block;max-width: 80%;text-align: center }
html[dir="rtl"] .message-box { background:rgba(39,43,75,0.03);border-radius: 15px }
html[dir="rtl"] .message-box form input, html[dir="rtl"] .message-box form textarea { border:1px solid #707070;background:rgba(255,255,255,1);border-radius: 10px;padding:10px;width:calc(100% - 20px);font-size:15px;font-weight:700;color:#626262 }
html[dir="rtl"] .message-box form .phone { width:19%;float: right }
html[dir="rtl"] .message-box form .email { width:79%;float: left }
html[dir="rtl"] .message-box form .name { float: right }
html[dir="rtl"] .message-box form .surname { float: left }
html[dir="rtl"] .liuyan_form .liuyan_form span { color:#bf2626; padding-right: 5px; padding-left: 0 }
html[dir="rtl"] .liuyan_form .submit { border:1px solid #9fdfcb;background:#9fdfcb;width:auto;padding:15px 30px;border-radius: 50px;font-weight:700;font-size:16px }
html[dir="rtl"] #honor .swiper-slide[data-number='1'] .rotate { transform: rotateY(25deg) translateX(-200px) scale(1) }
html[dir="rtl"] #honor .swiper-slide[data-number='-1'] .rotate { transform: rotateY(-25deg) translateX(200px);z-index: 1 }
html[dir="rtl"] #honor .point .box.left { background-image: url(../images/about-left.png); right: 0; left: auto }
html[dir="rtl"] #honor .point .box.right { background-image: url(../images/about-right.png); left: 0; right: auto }
html[dir="rtl"] #honor .tab { width:205px;height:55px;border-radius: 27.5px;background-color:#f7f7f7;margin:0 auto;padding:0 7px }
html[dir="rtl"] #honor .tab .li { font-size:18px;font-weight:500;text-align:center;color:#333;width:95px;height:43px;line-height:43px;border-radius: 21.27px }
html[dir="rtl"] .team_box ul li { width:calc(33.3333333% - 30px);padding:15px;list-style:none;float: right }
html[dir="rtl"] .pingjia h1 { padding: 10px 0px 20px 0px;color:#0F254F;font-size:44px;font-weight: 750 }
html[dir="rtl"] .pingjia_box .swiper-slide { background:#fff;height:220px;border-radius: 60px }
html[dir="rtl"] .pingjia_box .swiper-slide .swiper-slide-content { border:1px solid #02CCC6;text-align:center;border-radius: 60px;height:100%;padding:0px 20px }
html[dir="rtl"] .comments h4::after { content: ''; position: absolute; bottom: -2px; width: 60px; height: 2px; background: linear-gradient(90deg, #3498db, #2980b9); right: 0; left: auto }
html[dir="rtl"] .media img { width: 40px; height: 40px; border-radius: 50%; border: 2px solid #e9ecef; transition: all 0.3s ease; object-fit: cover; float: right; margin-left: 20px; margin-right: 0 }
html[dir="rtl"] .media-body { margin-right: 12px; margin-left: 0 }
html[dir="rtl"] .media-body h6 small { font-weight: 400; margin-right: 10px; margin-left: 0 }
html[dir="rtl"] .media .media { background: #f8f9fa; margin-top: 15px; padding: 15px; border-radius: 8px; border-right: 3px solid #3498db; border-left: 0 }
html[dir="rtl"] .replybtn { background: linear-gradient(135deg, #6c757d, #5a6268); border: none; border-radius: 20px; padding: 4px 12px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; margin-right: 10px; margin-left: 0 }
html[dir="rtl"] .contact_box ul li { width:calc(50% - 62px);float: right;list-style:none;border:1px solid #494b4c;border-radius: 16px;padding:20px;margin:10px;box-sizing: border-box }
html[dir="rtl"] .contact_box ul li:nth-child(2n) { float: left }
html[dir="rtl"] .contact_box ul li p { line-height:30px; padding-right: 20px; padding-left: 0 }
@media (min-width:651px) {
	html[dir="rtl"] .contact_box ul li p { margin:0; font-family:Arial, sans-serif; font-size:15px; line-height:20px; height:62px; overflow:hidden; min-width:0; padding-right: 16px; padding-left: 0 }
}

@media (max-width:650px) {
	html[dir="rtl"] .contact_box ul li { width:calc(100% - 2px);padding: 10px;margin: 10px 0px;float: right }
	html[dir="rtl"] .contact_box ul li:nth-child(2n) { float: right }
}

html[dir="rtl"] .pgwMenu .pm-links.mobile, html[dir="rtl"] .pgwMenu .pm-viewMore>ul { background:#333; box-shadow:2px 2px 4px #777; position:absolute; top:100%; z-index:1000; right: 0; left: auto }
html[dir="rtl"] .pgwMenu li { float: right; font-size:.9rem }
html[dir="rtl"] .pgwMenu .pm-viewMore span.icon, html[dir="rtl"] .pgwMenu .pm-viewMore span.white { display:inline-block; border-color:#fff transparent; border-style:solid; border-width:8px 6px 0; margin-right: 3px; margin-left: 0 }
html[dir="rtl"] .pgwMenu.light .pm-viewMore span.icon, html[dir="rtl"] .pgwMenu .pm-viewMore span.black { display:inline-block; border-color:#000 transparent; border-style:solid; border-width:8px 6px 0; margin-right: 3px; margin-left: 0 }
html[dir="rtl"] .cntr { max-width:450px; float: right; width: 100%; position: relative; z-index: 2; background-color: #FFF }
html[dir="rtl"] .pgwSlideshow { background: #fff; display:none; margin-left: 30px; margin-right: 0 }
html[dir="rtl"] .flf, html[dir="rtl"] .pgwSlideshow .ps-list li, html[dir="rtl"] .pgwSlideshowLight .ps-list li { float: right; width: 72px; height: 72px; display: table }
html[dir="rtl"] .pgwSlideshow .ps-caption, html[dir="rtl"] .pgwSlideshowLight .ps-caption { background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; text-align: right; font-size:1rem; color:#fff; position:absolute; bottom:0; width:100%; display:none; padding:10px; right: 0; left: auto }
html[dir="rtl"] .pgwSlideshow .ps-list ul, html[dir="rtl"] .pgwSlideshowLight .ps-list ul { position:relative; list-style:none; margin:0; padding: 5px 0; overflow: hidden; right: 0; left: auto }
html[dir="rtl"] .pgwSlideshow .ps-current .ps-prev, html[dir="rtl"] .pgwSlideshowLight .ps-current .ps-prev { background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; border:1px solid #777; border-radius: 4px 0 0 4px; position:absolute; top:45%; cursor:pointer; padding: 20px 15px 20px 20px; border-right: 0; border-left: 0; right: 0; left: auto }
html[dir="rtl"] .pgwSlideshow .ps-current .ps-next, html[dir="rtl"] .pgwSlideshowLight .ps-current .ps-next { background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; border:1px solid #777; border-radius: 0 4px 4px 0; position:absolute; top:45%; cursor:pointer; padding: 20px 20px 20px 15px; border-left: 0; border-right: 0; left: 0; right: auto }
html[dir="rtl"] .pgwSlideshow .ps-list .ps-prev, html[dir="rtl"] .pgwSlideshowLight .ps-list .ps-prev { background:#f5f5f5; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')"; border-radius: 0; cursor:pointer; position:absolute; top:25px; z-index:1000; display:none; padding: 20px 12px 20px 15px; border-right: 0; border-left: 0; right: 0; left: auto }
html[dir="rtl"] .pgwSlideshow .ps-list .ps-next, html[dir="rtl"] .pgwSlideshowLight .ps-list .ps-next { background:#f5f5f5; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')"; border-radius: 0; cursor:pointer; position:absolute; top:25px; z-index:1000; display:none; padding: 20px 15px 20px 12px; border-left: 0; border-right: 0; left: 0; right: auto }
html[dir="rtl"] .pgwSlideshow.narrow .ps-current .ps-prev, html[dir="rtl"] .pgwSlideshowLight.narrow .ps-current .ps-prev { top:40%; padding: 15px 12px 15px 15px }
html[dir="rtl"] .pgwSlideshow.narrow .ps-current .ps-next, html[dir="rtl"] .pgwSlideshowLight.narrow .ps-current .ps-next { top:40%; padding: 15px 15px 15px 12px }
html[dir="rtl"] .pgwSlideshow.narrow .ps-list .ps-prev, html[dir="rtl"] .pgwSlideshowLight.narrow .ps-list .ps-prev { top:16px; padding: 15px 8px 15px 8px }
html[dir="rtl"] .pgwSlideshow.narrow .ps-list .ps-next, html[dir="rtl"] .pgwSlideshowLight.narrow .ps-list .ps-next { top:16px; padding: 15px 8px 15px 8px }
@media (min-width: 768px) {
	html[dir="rtl"] .cntr { float: right; width: 100%; position: relative; z-index: 2; background-color: #FFF }
}

html[dir="rtl"] .im { position: fixed; top: auto; bottom: 40px; z-index: 11; left: 2px; right: auto }
html[dir="rtl"] .im-l { color:#fff; width: 32px; height: 60px; cursor: pointer; background-color: #5877ba; border-radius: 0px 4px 4px 0px; display: block; text-align: center; line-height: 60px; float: right }
html[dir="rtl"] .im .box { float: left; width:60px; background-color: #5877ba; border-radius: 4px 0 4px 4px; display:none }
@media screen and (min-width:768px) {
	html[dir="rtl"] .im { width:92px; position: fixed; top: 150px; transition:right 0.5s; bottom: auto; z-index: 11; left: -60px; right: auto }
	html[dir="rtl"] .im .box { position: absolute; display:block; width:60px; background-color: #5877ba; top: 0; left: 0; right: auto }
}

html[dir="rtl"] .process_box { overflow:hidden;margin: 0px auto 40px auto }
html[dir="rtl"] .process_box .process_items { padding:20px;width:calc(25% - 40px);float: right }
html[dir="rtl"] .slideTxtBox { width:calc(100% - 3px); text-align: right;border-radius: 10px;border-top:0px }
html[dir="rtl"] .slideTxtBox .hd ul { float: right; position:absolute; top:-1px; height:42px;margin:0;padding:0; right: 0px; left: auto }
html[dir="rtl"] .slideTxtBox .hd ul li { float: right; padding:0 15px; cursor:pointer;list-style:none;font-size:14px;color:#fff }
/* 桌面端选中/悬停的 tab：product.css 的 `.slideTxtBox .hd ul li.on` 给的是白底 + #111 文字，
   但上面这条基础规则把 li 文字统一刷成 #fff，特异性 (0,3,3) 高于 `.on` 那条 (0,3,2)，
   于是白底上叠白字 —— hover 到 tab 上文字就“消失”了。这里只补回 color，
   背景/边框/高度仍由 product.css 的 `.on` 提供；限定在桌面断点内，不影响手机上 #8a8a8a 底的 .on 白字。 */
@media (min-width:651px) {
	html[dir="rtl"] .slideTxtBox .hd ul li.on { color:#111 }
}
html[dir="rtl"] .slideTxtBox .bd { padding:20px;border:1px solid #f08519;border-radius: 0px 0px 10px 10px }
html[dir="rtl"] .faqs .faq_tit { background:#f4f4f4;line-height:30px;margin-bottom:2px; padding-right: 10px; padding-left: 0 }
html[dir="rtl"] .faqs .faq_tit:before { content:"+";font-weight:600;color:#f08519; padding-left: 6px; padding-right: 0 }
html[dir="rtl"] .faqs .faq_tit.on:before { content:"⎯";font-weight:900;color:#f08519; padding-left: 6px; padding-right: 0 }
html[dir="rtl"] .wap_faqs .faq_tit { background:#f4f4f4;line-height:30px;margin-bottom:2px; padding-right: 10px; padding-left: 0 }
html[dir="rtl"] .wap_faqs .faq_tit:before { content:"+";font-weight:600;color:#f08519; padding-left: 6px; padding-right: 0 }
html[dir="rtl"] .wap_faqs .faq_tit.on:before { content:"⎯";font-weight:900;color:#f08519; padding-left: 6px; padding-right: 0 }
@media (max-width:650px) {
	html[dir="rtl"] .slideTxtBox .hd { height:auto; line-height:40px; background:none; padding: 10px 0px 10px 0px; border-bottom:0px; position:relative; overflow: hidden }
	html[dir="rtl"] .slideTxtBox .hd ul li { float: right; padding:0 15px; cursor:pointer;list-style:none;font-size: 14px;background: #ddd;margin: 10px 10px 5px 10px }
	html[dir="rtl"] .slideTxtBox .hd ul li.on:after { content: "";width: 18px;height: 18px;display: block;position: absolute;bottom: -13px;background: url(/skin/images/down.png);background-size: contain; right: calc(50% - 9px); left: auto }
	html[dir="rtl"] .content_tit:after { content:"v";float: left;font-weight:900;font-size:12px }
	html[dir="rtl"] .content_tit.on:after { content:"∧";float: left;font-weight:900;font-size:12px }
}

html[dir="rtl"] .goods-box .list { width:30%;padding:15px;float: right;box-shadow: 0 2px 7px #999;margin: 9px;border-radius: 7px;box-sizing: border-box }
html[dir="rtl"] .goods-box .list-item .more_btn { background:#e6e6fa;padding:10px 15px;border:1px solid #e6e6fa;border-radius: 50px;margin: 20px auto 0;display: block;max-width: 80%;text-align: center }
html[dir="rtl"] .liuyan_form .submit { border:1px solid #e6e6fa;background:#e6e6fa;width:auto;padding:15px 30px;border-radius: 50px;font-weight:700;font-size:16px }
html[dir="rtl"] .video_box ul li { width:calc(33.3333333% - 20px);padding:10px;float: right;list-style:none;border-radius: 5px;overflow:hidden }
html[dir="rtl"] .video_content { background:#0189ff;padding:20px;width:calc(100% - 40px);overflow:hidden;border-radius: 0px 0px 8px 8px }
html[dir="rtl"] .video_content .video_left { width:calc(100% - 52px);float: right; padding-left: 10px; padding-right: 0 }
html[dir="rtl"] .video_content .video_right { width:40px;height:70px;line-height:70px;float: right;text-align:center;color:#fff;font-size:50px; border-right: 1px solid #1a95ff; border-left: 0 }
html[dir="rtl"] .videos { display:none; position:fixed; top:50%; margin-top:-210px; z-index:100; width:800px; height:500px;overflow:hidden; margin-right: -400px; margin-left: 0; right: 50%; left: auto }
html[dir="rtl"] .vclose { position:absolute; top:1%; border-radius: 100%; cursor: pointer; left: 1%; right: auto }
@media (max-width:650px) {
	html[dir="rtl"] .videos { display:none; position:fixed; top:100px; margin-top:0px; z-index:100; width:100%; height:300px;overflow:hidden;border-radius: 0px 0px 8px 8px; margin-right: 0px; margin-left: 0; right: 0px; left: auto }
}

html[dir="rtl"] table td { vertical-align: middle; padding-right: 0.4em; padding-left: 0 }
html[dir="rtl"] .type_des table td { vertical-align: middle; padding-right: 0.4em; padding-left: 0 }
@media(min-width:768px) {
	html[dir="rtl"] #main-menu:before { display:none }
	html[dir="rtl"] #main-menu-state:not(:checked) ~ #main-menu { display:table;width:100%;max-width:1200px;margin:0 auto }
}

@media screen and (max-width:1044px) {
	html[dir="rtl"] .banner-text-c .itme .th { font-size:30px }
	html[dir="rtl"] .banner-text-c .itme p { font-size:16px;line-height:24px;margin-bottom:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:48px }
}

@media screen and (max-width:768px) {
	html[dir="rtl"] .banner-text-c .itme { top:20% }
	html[dir="rtl"] .banner-text-c .itme .th { font-size:18px }
	html[dir="rtl"] .banner-text-c .itme p { display:none }
	html[dir="rtl"] .banner-text-c .itme span a { font-size:14px;line-height:28px;padding:0 10px }
}

@media screen and (max-width:480px) {
	html[dir="rtl"] .banner-text-c .itme .th { font-size:16px;font-weight:normal }
	html[dir="rtl"] .banner-text-c .itme span a { line-height:22px;padding:0 10px;font-weight:normal }
}

@media screen and (max-width: 1220px) {
	html[dir="rtl"] .inner-page-l { width: 32% }
	html[dir="rtl"] .inner-page-r { width: 68% }
}

@media screen and (max-width: 1044px) {
	html[dir="rtl"] .hot-products-box ul li { width: 50% }
	html[dir="rtl"] .footer-content .item, html[dir="rtl"] .footer-content .item.footer-contactus { width: 50% }
	html[dir="rtl"] .index-case-box ul li { width: 100% }
	html[dir="rtl"] .category-box-type h2 { font-size: 18px }
	html[dir="rtl"] .index-about-box, html[dir="rtl"] .index-about-text { padding: 20px }
	html[dir="rtl"] .index-news-box ul { text-align: center }
	html[dir="rtl"] .index-news-box ul li { width: 49% }
	html[dir="rtl"] .sidebar-featured ul li .item .pro-media { width: 100% }
	html[dir="rtl"] .sidebar-featured ul li .item .pro-detail-info { width: 100%; margin-top: 10px }
	html[dir="rtl"] .product-listing ul li { width: 49% }
	html[dir="rtl"] .product-category li .product-image { width: 35% }
	html[dir="rtl"] .product-item-text { width: 65% }
	html[dir="rtl"] .product-page-plan, html[dir="rtl"] .product-attributes { width: 100% }
	html[dir="rtl"] .site-map ul li, html[dir="rtl"] .site-map ul.site-map-l1 li, html[dir="rtl"] .site-map ul.site-map-l2 li { width: 50% }
}

@media screen and (max-width:768px) {
	html[dir="rtl"] .category-box-type h2 { font-size: 14px }
	html[dir="rtl"] .category-box-detail a.btn { font-size: 12px }
	html[dir="rtl"] .subblock .category ul { text-align: center }
	html[dir="rtl"] .subblock .category ul li { width:100%; max-width: 500px; margin: 0 auto 20px auto }
	html[dir="rtl"] .featured-products-t span, html[dir="rtl"] .hot-products-t span, html[dir="rtl"] .index-news-t span, html[dir="rtl"] .index-case-t span { font-size: 18px }
	html[dir="rtl"] .index-about-l, html[dir="rtl"] .index-about-r { width: 100% }
	html[dir="rtl"] .hot-products-box ul li .item { margin: 10px 5px; padding: 5px }
	html[dir="rtl"] .index-news-box ul li { width: 100%; margin: 0 0 20px 0 }
	html[dir="rtl"] .footer-content .item, html[dir="rtl"] .footer-content .item.footer-contactus { width: 100% }
	html[dir="rtl"] .index-case-box-frame { width: 100%; margin: 0 0 20px 0; float: none; max-width: 500px }
	html[dir="rtl"] .contact-info tr th, html[dir="rtl"] .contact-info tr td { font-size: 12px }
	html[dir="rtl"] .scroll i { font-size:22px }
	html[dir="rtl"] .inner-page-content, html[dir="rtl"] .inner-page-l, html[dir="rtl"] .inner-page-r { width: 100%; margin-bottom: 0 }
	html[dir="rtl"] .product-listing .product-item-name h3 { font-size: 14px }
	html[dir="rtl"] .case-listing-frame { width: 100%; margin: 0 0 20px 0; float: none; max-width: 500px }
	html[dir="rtl"] .news-list-top-box-frame, html[dir="rtl"] .news-list-top-box-text { width: 100%; margin-bottom: 10px }
	html[dir="rtl"] .news-list-top-box .item h2, html[dir="rtl"] .news-list-top-box .item h3, html[dir="rtl"] .news-list-top-box .item p { margin-right: 0; margin-left: 0 }
	html[dir="rtl"] .news-list-top-box-time { margin: 0 0 10px 0 }
	html[dir="rtl"] .certificate-listing-frame { height: 180px }
	html[dir="rtl"] .certificate-listing-frame img { max-height: 180px }
	html[dir="rtl"] .site-map ul li, html[dir="rtl"] .site-map ul li, html[dir="rtl"] .site-map ul.site-map-l1 li, html[dir="rtl"] .site-map ul.site-map-l2 li { width: 100% }
	html[dir="rtl"] .product-category li .product-image, html[dir="rtl"] .product-item-text, html[dir="rtl"] .product-item-text-b { margin: 0;width: 100% }
	html[dir="rtl"] .related-products ul li { width: 50% }
	html[dir="rtl"] .footer-middle { padding-top: 10px }
	html[dir="rtl"] .inner-message { margin-bottom: 0 }
	html[dir="rtl"] .sidebar-box, html[dir="rtl"] .footer-main { display: none }
}

@media screen and (max-width:426px) {
	html[dir="rtl"] .article-outline { margin-top:20px }
}

@media (max-width:800px) {
	html[dir="rtl"] .fancybox-thumbs { width:110px }
	html[dir="rtl"] .fancybox-thumbs>ul>li { max-width:calc(100% - 10px) }
	html[dir="rtl"] .choose_left, html[dir="rtl"] .choose_right { width:100%;float: right }
}

@media (min-width:751px) {
	html[dir="rtl"] #choose .list .li::after { opacity: 0 }
	html[dir="rtl"] #choose .list .li .item .brief { opacity: 0 }
	html[dir="rtl"] #choose .list .li .item .tit { color: #333 }
	html[dir="rtl"] #choose .list .li .item .txt { color: #999 }
	html[dir="rtl"] #choose .list .li .item .btn { background: transparent; border: 1px solid #dedede }
}

@media (max-width:750px) {
	html[dir="rtl"] #choose .list { flex-wrap: wrap }
	html[dir="rtl"] #choose .list .li { width: 100%; border-bottom: 1px solid #dedede }
	html[dir="rtl"] #choose .list .li:last-child { border: none }
	html[dir="rtl"] #choose .list .li::after { opacity: 1; display: block }
	html[dir="rtl"] #choose .list .li .item { padding: 90px 18.978% }
	html[dir="rtl"] #choose .list .li .item .tit { color: #fff; font-size: 36px; line-height: normal }
	html[dir="rtl"] #choose .list .li .item .txt { color: #fff; font-size: 26px; line-height: normal }
	html[dir="rtl"] #choose .list .li .item .brief { color: #fff; opacity: 1; font-size: 30px; line-height: 1.6; height: auto; margin-bottom: 50px }
}

@media(max-width:800px) {
	html[dir="rtl"] .time, html[dir="rtl"] .time_content, html[dir="rtl"] .wrapper { height:auto;overflow:hidden }
	html[dir="rtl"] .time_content, html[dir="rtl"] .wrapper, html[dir="rtl"] .wrapper1, html[dir="rtl"] .wrapper2, html[dir="rtl"] .xhabout, html[dir="rtl"] .xhabout-l { width:100% }
	html[dir="rtl"] .xwelc { overflow:hidden }
	html[dir="rtl"] .wrapper2, html[dir="rtl"] .xwelc, html[dir="rtl"] .xwelcmain, html[dir="rtl"] .xhabout-l { height:auto }
	html[dir="rtl"] .xwelcmain { width:calc(100% - 40px);line-height:30px;padding:20px;overflow:hidden }
	html[dir="rtl"] .xhabout-l { padding:20px;width:calc(100% - 40px) }
	html[dir="rtl"] .xhabout-r { width:100%;height:auto;margin-top:40px }
	html[dir="rtl"] .xhabout-l h1 { line-height:35px }
	html[dir="rtl"] .process_box { display:none }
}

@media (min-width: 768px) {
	html[dir="rtl"] .cta-buttons { flex-direction: row }
	html[dir="rtl"] #main-menu:before { display: none }
	html[dir="rtl"] #main-menu-state:not(:checked) ~ #main-menu { display: table; width: 100%; max-width: 1200px; margin: 0 auto }
}

@media screen and (max-width:1044px) {
	html[dir="rtl"] .banner-text-c .itme .th { font-size: 30px }
	html[dir="rtl"] .banner-text-c .itme p { font-size: 16px; line-height: 24px; margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 48px }
}

@media screen and (max-width:768px) {
	html[dir="rtl"] .banner-text-c .itme { top: 20% }
	html[dir="rtl"] .banner-text-c .itme .th { font-size: 18px }
	html[dir="rtl"] .banner-text-c .itme p { display: none }
	html[dir="rtl"] .banner-text-c .itme span a { font-size: 14px; line-height: 28px; padding: 0px 10px }
}

@media screen and (max-width: 480px) {
	html[dir="rtl"] .banner-text-c .itme .th { font-size: 16px; font-weight: normal }
	html[dir="rtl"] .banner-text-c .itme span a { line-height: 22px; padding: 0px 10px; font-weight: normal }
}

@media (max-width:650px) {
	html[dir="rtl"] .goods-box .list { width:calc(100% - 30px) }
	html[dir="rtl"] .message-box form .name, html[dir="rtl"] .message-box form .surname, html[dir="rtl"] .message-box form .phone, html[dir="rtl"] .message-box form .email { width:100% }
}

@media screen and (max-width:750px) {
	html[dir="rtl"] #honor { padding:25px 0 }
	html[dir="rtl"] #honor .swiper-container { padding:40px 0 }
	html[dir="rtl"] #honor .swiper-slide .rotate .text { font-size: 30px }
	html[dir="rtl"] #honor .swiper-slide { width: 600px }
	html[dir="rtl"] #honor .point .box { width: 30px;height: 30px }
	html[dir="rtl"] #honor .swiper-slide .rotate .img { transform: scale(1.2) }
	html[dir="rtl"] #honor .tab .li { font-size:26px;width:auto;padding:0 15px }
}

@media (max-width:650px) {
	html[dir="rtl"] .team_box ul li { width:calc(100% - 30px) }
}

@media (max-width: 768px) {
	html[dir="rtl"] .comments { padding: 20px 15px }
	html[dir="rtl"] .comments form { padding: 20px }
	html[dir="rtl"] .media { padding: 15px }
	html[dir="rtl"] .form-group .row { flex-direction: column; gap: 10px }
}

@media (min-width:651px) {
	html[dir="rtl"] .contact_box ul { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:20px; overflow:visible }
	html[dir="rtl"] .contact_box ul li { float:none !important; width:auto !important; margin:0 !important; flex:0 0 calc(50% - 10px); height:150px; display:flex; align-items:center; box-sizing:border-box }
	html[dir="rtl"] .contact_box ul li:nth-child(2n) { float:none !important }
	html[dir="rtl"] .contact_box ul li .container { width:100%; height:100%; display:flex; align-items:center; min-width:0 }
	html[dir="rtl"] .contact_box ul li .container img { width:clamp(40px, 4.5vw, 72px); height:auto; flex:0 0 auto; max-height:100%; object-fit:contain }
	html[dir="rtl"] .contact_box ul li p span { display:block; font-family:Arial, sans-serif; font-size:16px; line-height:22px; height:22px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
}

@media (max-width:650px) {
	html[dir="rtl"] .contact_box ul li .container img { width:80px }
	html[dir="rtl"] .process_box .process_items { width:calc(100% - 40px) }
	html[dir="rtl"] .slideTxtBox .hd ul { position:relative;height:auto }
	html[dir="rtl"] .slideTxtBox .hd ul li.on { height:auto; background:#8a8a8a; border:0px; border-bottom:0px; margin-top:10px;line-height:inherit;border-radius: 0px;color:#fff;position: relative }
	html[dir="rtl"] .pc_content { display:none }
	html[dir="rtl"] .wap_content { display:block }
	html[dir="rtl"] .video_box ul li { width:calc(100% - 20px) }
}

@media (max-width: 768px) {
	html[dir="rtl"] h1 { font-size: 17px }
	html[dir="rtl"] h2 { font-size: 15.5px; margin-top: 15px }
	html[dir="rtl"] h3 { font-size: 14px; margin-top: 7px }
}

@media (max-width: 480px) {
	html[dir="rtl"] h1 { font-size: 16px }
	html[dir="rtl"] h2 { font-size: 15px; margin-top: 14px }
	html[dir="rtl"] h3 { font-size: 14px; margin-top: 7px }
}

@media (max-width: 768px) {
	html[dir="rtl"] .type_des h1 { font-size: 17px; margin-bottom: 17px }
	html[dir="rtl"] .type_des h2 { font-size: 15.5px; margin-top: 15px }
	html[dir="rtl"] .type_des h3 { font-size: 14px; margin-top: 7px }
}

@media (max-width: 480px) {
	html[dir="rtl"] .type_des h1 { font-size: 16px; margin-bottom: 16px }
	html[dir="rtl"] .type_des h2 { font-size: 15px; margin-top: 14px }
	html[dir="rtl"] .type_des h3 { font-size: 14px; margin-top: 7px }
}