/*!
 * 静态站内页样式（1:1 还原自 template.tyjz.com/14398 内页）
 * 由「静态站内页区块 · Elementor 组件包」提供
 *
 * 全部选择器限定在 .wte-ip 作用域内，不会影响 WordPress 主题、Elementor
 * 自有元素，也不会碰到别的插件（含同源的首页区块包 .wte-hs）。
 * 本文件不含任何第三方库，仅原站 style.css / commonStyle.css / page.css /
 * update.css 中与内页相关的规则。
 *
 * 覆盖的区块：内页横幅 + 面包屑、联系我们（三张联系方式卡片）、
 * 新闻列表（.newitem2 + 分页）、新闻详情（.update_detail）、
 * 产品列表（.inside_lt/.inside_rt/.product1 侧栏 + 网格）、
 * 产品详情（.ml_prodetail 图与信息 + .ml_description 选项卡 + 相关产品）。
 *
 * 原站的留言表单与地图本包未实现，因此这里**也不含**任何 input / textarea /
 * button / iframe 的选择器 —— 只作用于本插件自己渲染出来的元素。
 * 新闻正文（.update_detail_con）里的 img / table 等由 WordPress 与编辑器
 * 输出，这里只给最大宽度约束，不改它们的其它属性。
 */

/* ============================================================
 * 1. 变量（原站 :root 中与内页相关的部分）
 * ============================================================ */
.wte-ip{
  --primary-color:#1d50a3;
  --secondary-color:#173f80;
  --third-color:#6184bf;
  --main-color:#1d50a3;
  --main-color-white:#fff;
  --main-transition:all ease .4s;
}

/* ============================================================
 * 2. 作用域内基础重置
 *    对齐原站 commonStyle.css 的 `*` 与 style.css 的标签重置。
 *    原站是 box-sizing:border-box（commonStyle.css 第 1-6 行），
 *    内页卡片宽度正是按 border-box 计算的，这里必须保持一致。
 * ============================================================ */
.wte-ip,
.wte-ip *,
.wte-ip *::before,
.wte-ip *::after{
  box-sizing:border-box;
}

/*
 * 字体族**必须**单独写、而且**只给元素**，绝不能塞进上面那段。
 *
 * 原因：图标字形不在 <i> 上，而在它的 ::before 里（content:"\fXXX"）。
 * `.wte-ip *::before` 会在伪元素上**直接声明** font-family，而「直接声明」
 * 永远赢过「从 <i> 继承」（跟优先级高低无关）。于是图标全部被顶成中文字体，
 * 中文没有私用区字形 → 显示成一个个方块。
 * 伪元素不写，它就老老实实从 <i> 继承 —— 而 <i class="fa"> 的字族由
 * wte-font-awesome.css 的 `.wte-ip .fa`（优先级 0,2,0）负责，
 * 高于这里的 `.wte-ip *`（0,1,0），所以图标能正常拿到 FA 字体。
 */
.wte-ip,
.wte-ip *{
  font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
}

.wte-ip div,.wte-ip ul,.wte-ip li,.wte-ip a,.wte-ip img,.wte-ip p,.wte-ip span,
.wte-ip strong,.wte-ip h1,.wte-ip h2,.wte-ip h3,.wte-ip h4{
  margin:0; padding:0; list-style:none; text-decoration:none; border:0; font-weight:normal;
}
.wte-ip li,.wte-ip ul li{ list-style:none; }
.wte-ip img{ vertical-align:top; outline-width:0; max-width:none; height:auto; box-shadow:none; border:0; }
.wte-ip a{ color:#666; text-decoration:none; transition:var(--main-transition); }
.wte-ip a:hover{ color:var(--primary-color); text-decoration:none; }
.wte-ip p{ line-height:1.5em; padding:5px 0; }
.wte-ip,.wte-ip p,.wte-ip a,.wte-ip strong{ font-size:12px; color:#333; }
.wte-ip .wapper1{ width:84%; margin:0 auto; min-width:1000px; position:relative; }

@media(max-width:999px){
.wte-ip .wapper1{ width:90%; min-width:0; }
}

/* ============================================================
 * 3. 内页横幅 + 面包屑（原站 style.css .inbanner / .inbarbg / .weizhi）
 *
 *    .weizhi 限制在 62% 宽并单行省略：面包屑的末段可能是文章标题，
 *    不限制会把子栏目导航挤变形。手机端改回自动换行。
 * ============================================================ */
.wte-ip .inbanner{ position:relative; }
.wte-ip .inbanner:before{
  content:""; width:100%; height:30%; position:absolute; top:0; left:0; z-index:2;
  background:linear-gradient(180deg,var(--primary-color),rgba(0,135,48,0));
}
.wte-ip .inbanner img{ display:block; width:100%; }
.wte-ip .inbanner_txtbg{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; }
.wte-ip .inbanner_txt{ color:#fff; text-align:center; }
.wte-ip .inbanner_txt .h2{ font-size:36px; line-height:46px; margin-bottom:15px; color:#fff; }
.wte-ip .inbanner_txt .h3{ font-size:18px; line-height:28px; color:#fff; }

.wte-ip .inbarbg{ border-bottom:solid 1px #e0e0e0; }
.wte-ip .inbar{ display:flex; justify-content:space-between; align-items:flex-start; }
.wte-ip .innav{ font-size:16px; line-height:26px; }
.wte-ip .innav ul{ display:flex; justify-content:flex-start; align-items:flex-start; }
.wte-ip .innav ul li{ width:160px; height:80px; display:flex; justify-content:center; align-items:center; position:relative; }
.wte-ip .innav ul li a{ display:block; }
.wte-ip .innav ul li>a:before{
  content:""; width:0; height:3px; background:var(--primary-color);
  position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all .3s ease;
}
.wte-ip .innav ul li:hover>a:before{ width:90%; }
.wte-ip .innav ul li.hover{ background:var(--primary-color); color:#fff; }
.wte-ip .innav ul li.hover>a{ color:#fff; font-weight:bold; }
.wte-ip .weizhi{ font-size:14px; line-height:44px; text-align:right; min-width:0; max-width:62%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wte-ip .weizhi i{ margin-right:5px; }
.wte-ip .weizhi a{ color:#666; }
.wte-ip .weizhi a:hover{ color:var(--primary-color); }
/* 末段（当前页）用 span 输出，主题常给 span / 正文 span 另设字号与字重，
 * 这里显式继承，保证「首页 > 分类 > 当前页」三段字号、字重、颜色完全一致。 */
.wte-ip .weizhi .crumb-here{ font-size:inherit; line-height:inherit; font-weight:normal; color:#666; }
.wte-ip .weizhi .sep{ font-size:inherit; line-height:inherit; color:#666; }

@media(max-width:999px){
.wte-ip .inbanner_txt .h2{ font-size:24px; line-height:28px; margin-bottom:5px; }
.wte-ip .inbanner_txt .h3{ font-size:14px; line-height:18px; }
.wte-ip .inbar{ display:block; padding:10px 0; }
.wte-ip .innav ul{ justify-content:space-between; flex-wrap:wrap; }
.wte-ip .innav ul li{ width:calc((100% - 10px)/2 - 2px); height:50px; border:1px solid #cdcdcd; margin:5px 0; }
.wte-ip .innav ul li>a:before{ display:none; }
.wte-ip .weizhi{ font-size:14px; line-height:24px; max-width:none; white-space:normal; }
}

/* 内页正文区 */
.wte-ip .insidebg{ padding:40px 0 80px 0; }
@media(max-width:999px){
.wte-ip .insidebg{ padding:30px 0 60px 0; }
}

/* ============================================================
 * 4. 联系我们 · 三张联系方式卡片
 *    原站 commonStyle.css .ml_contactcon_module1_top
 *    桌面：@media only screen and (min-width:996px)
 * ============================================================ */
@media only screen and (min-width:996px){
.wte-ip .ml_contactcon_module2{ margin:0 auto; background-color:var(--main-color-white); }
.wte-ip .ml_contactcon_module1{ width:100%; }
.wte-ip .ml_contactcon_module1_top{ width:100%; }
.wte-ip .ml_contactcon_module1_top ul{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.wte-ip .ml_contactcon_module1_top ul li{
  width:31%; padding:20px; background-color:var(--main-color-white);
  border-radius:10px; box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;
}
.wte-ip .ml_contactcon_module1_top ul li i{
  color:var(--main-color); font-size:40px !important; margin-bottom:15px; display:block; text-align:center;
}
.wte-ip .ml_contactcon_module1_top ul li img{ display:block; margin:0 auto 20px; }
.wte-ip .ml_contactcon_module1_top ul li strong{ display:block; text-align:center; color:var(--main-color); font-size:16px; }
.wte-ip .ml_contactcon_module1_top ul li p{ text-align:center; color:#303133; font-size:17px; margin-top:15px; }
}

/* ============================================================
 * 5. 联系我们（移动端）
 *    原站 @media only screen and (max-width:996px)
 * ============================================================ */
@media only screen and (max-width:996px){
.wte-ip .ml_contactcon_module2{ margin:0 auto; background-color:var(--main-color-white); padding:15px; }
.wte-ip .ml_contactcon_module1{ width:100%; margin-top:0; }
.wte-ip .ml_contactcon_module1_top{ width:100%; }
.wte-ip .ml_contactcon_module1_top ul{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.wte-ip .ml_contactcon_module1_top ul li{
  width:100%; margin-bottom:20px; padding:20px; background-color:var(--main-color-white);
  border-radius:10px; box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;
}
.wte-ip .ml_contactcon_module1_top ul li i{
  font-size:30px !important; color:var(--main-color) !important;
  display:block; text-align:center; margin-bottom:15px;
}
.wte-ip .ml_contactcon_module1_top ul li img{ display:block; margin:0 auto 20px; }
.wte-ip .ml_contactcon_module1_top ul li strong{ display:block; text-align:center; color:var(--main-color); font-size:16px; }
.wte-ip .ml_contactcon_module1_top ul li p{ text-align:center; color:#303133; font-size:17px; margin-top:15px; }
}

/* ============================================================
 * 6. 新闻列表
 *    原站 commonStyle.css .Ml_temlpate_news_2 / .newitem2 系列
 * ============================================================ */
.wte-ip .clear{ clear:both; }
.wte-ip #NewsMoban{ width:100%; }
.wte-ip .Ml_temlpate_news{ width:100%; }
.wte-ip .Ml_temlpate_news_2{ width:100%; }

.wte-ip .newitem2{
  display:flex; justify-content:space-between; align-items:center;
  padding:20px 0; border-bottom:1px dashed #e5e5e5;
}
.wte-ip .newitem2left{
  width:85px; height:85px; flex:0 0 85px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  background-color:#f2f2f2;
}
.wte-ip .newitem2left strong{
  font-size:25px; color:#000; display:block; text-align:center; font-weight:normal;
}
.wte-ip .newitem2left p{
  font-size:14px; color:#000; margin-top:4px; text-align:center; padding:0; line-height:1.2;
}
.wte-ip .newitem2right{ flex:1; padding-left:15px; min-width:0; }
.wte-ip .newitem2right a{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;
  width:100%; overflow:hidden; text-overflow:ellipsis;
  font-size:16px; color:#444; margin-bottom:15px; line-height:1.4;
}
.wte-ip .newitem2right a:hover{ color:var(--main-color) !important; }
.wte-ip .newitem2right p{
  font-size:13px; color:#777; line-height:25px; padding:0;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  width:100%; overflow:hidden; text-overflow:ellipsis;
}
.wte-ip .newitem2_empty{ padding:40px 0; text-align:center; color:#999; font-size:14px; }

/* ============================================================
 * 7. 分页条
 *    原站 page.css .pages / .page_box / .number
 *    原站的 .page_box 一直是空的（静态站只有 5 条、不翻页），
 *    这里沿用同一套类名把真实分页渲染出来。
 * ============================================================ */
.wte-ip .page_box{ margin:30px auto; }
.wte-ip .pages{
  cursor:default; font-size:14px; font-family:Tahoma,Verdana;
  padding:10px; text-align:center; line-height:1;
}
.wte-ip .pages span{
  display:inline-block; vertical-align:middle; margin:0 8px 8px 8px; border-radius:3px;
}
.wte-ip .pages span a{
  display:inline-block; color:#333; text-decoration:none; padding:10px 17px;
  border:1px solid #ccc; border-radius:3px; font-size:14px; line-height:1;
}
.wte-ip .pages span a:hover{ color:var(--primary-color) !important; border:1px solid #c4c4c4; background:#e6e6e6; }
.wte-ip .pages .number{
  font-size:14px; color:var(--primary-color); text-decoration:none; padding:10px 17px;
  border:1px solid var(--primary-color); background:#fff; font-weight:bold; line-height:1;
  border-radius:3px;
}
.wte-ip .pages .page_ellipsis{ color:#999; padding:0 4px; }

/* ============================================================
 * 8. 新闻详情
 *    原站 update.css .update_detail 系列
 *    .time / .eye / .admin 原站用的是背景小图标，本包改用 Font Awesome
 *    （字体族已改名 WTE-IP-FontAwesome），所以把背景图去掉、改用 <i>。
 * ============================================================ */
.wte-ip .update_detail{ width:100%; margin:0 auto; }
.wte-ip .update_detail_top{ padding:20px 0; }
.wte-ip .update_detail_top h1{ font-weight:normal; color:#000; font-size:24px; line-height:1.5; }
.wte-ip .update_detail_top h2{ font-weight:normal; color:#999; font-size:14px; margin-top:10px; }
.wte-ip .update_detail_top h2 font{ padding-left:0; margin-right:20px; background:none; }
.wte-ip .update_detail_top h2 .time i{ margin-right:6px; }

.wte-ip .update_detail_con{
  min-height:400px; border-top:1px solid #999; border-bottom:1px solid #999; padding:20px 0;
}
.wte-ip .update_detail_con img{ max-width:700px; display:block; margin:20px auto; height:auto; }
/* 原站正文每个 <p> 都带内联 line-height:2em 与 16px 字号，这里只做兜底。 */
.wte-ip .update_detail_con p{ font-size:14px; color:#333; line-height:2em; padding:5px 0; }
.wte-ip .update_detail_con ul,
.wte-ip .update_detail_con ol{ padding:0 0 0 2em; margin:10px 0; }
.wte-ip .update_detail_con li{ list-style:disc; font-size:14px; line-height:2em; }
.wte-ip .update_detail_con ol li{ list-style:decimal; }
.wte-ip .update_detail_con iframe{ max-width:100%; }
.wte-ip .update_detail_con h2,
.wte-ip .update_detail_con h3,
.wte-ip .update_detail_con h4{ font-weight:bold; line-height:1.6; padding:10px 0 5px; color:#000; }
.wte-ip .update_detail_con h2{ font-size:20px; }
.wte-ip .update_detail_con h3{ font-size:18px; }
.wte-ip .update_detail_con h4{ font-size:16px; }
.wte-ip .update_detail_con a{ color:var(--primary-color); text-decoration:underline; }

.wte-ip .update_detail_bot{
  margin-top:30px; margin-bottom:30px; overflow:hidden;
  display:flex; justify-content:space-between; gap:4%;
}
.wte-ip .update_detail_bot a,
.wte-ip .update_detail_bot .is-empty{
  width:48%; display:block; font-size:14px; border-radius:2px;
  border:1px solid #999; padding:10px 15px; color:#333; line-height:1.5;
}
.wte-ip .update_detail_bot .is-empty{ color:#999; }
.wte-ip .update_detail_bot a:hover{ border-color:var(--primary-color); color:var(--primary-color); }

/* 编辑器里的引导框（详情组件在编辑器中没有「当前文章」时显示） */
.wte-ip .wte-ip-note{
  border:1px dashed #c3c4c7; border-radius:6px; background:#f6f7f7;
  padding:18px 20px; color:#50575e; font-size:14px;
}
.wte-ip .wte-ip-note strong{ display:block; font-size:15px; color:#1d2327; margin-bottom:8px; }
.wte-ip .wte-ip-note p{ font-size:13px; line-height:1.9; color:#50575e; }

@media(max-width:999px){
  .wte-ip .newitem2{ padding:15px 0; align-items:flex-start; }
  .wte-ip .newitem2left{ width:62px; height:62px; flex:0 0 62px; }
  .wte-ip .newitem2left strong{ font-size:20px; }
  .wte-ip .newitem2left p{ font-size:11px; }
  .wte-ip .newitem2right{ padding-left:12px; }
  .wte-ip .newitem2right a{ font-size:15px; margin-bottom:8px; }
  .wte-ip .newitem2right p{ font-size:12px; line-height:20px; }

  .wte-ip .pages span{ margin:0 4px 8px 4px; }
  .wte-ip .pages span a,
  .wte-ip .pages .number{ padding:6px 10px; font-size:13px; }

  .wte-ip .update_detail_top h1{ font-size:18px; }
  .wte-ip .update_detail_con{ min-height:200px; }
  .wte-ip .update_detail_con img{ max-width:100%; }
  .wte-ip .update_detail_bot{ display:block; }
  .wte-ip .update_detail_bot a,
  .wte-ip .update_detail_bot .is-empty{ width:100%; margin-bottom:10px; }
}

/* ============================================================
 * 9. 产品列表
 *    原站 style.css `.inside / .inside_lt / .side_a / .side_b /
 *    .inside_rt / .inside_con / .product1`（第 710 ~ 806 行）
 *
 *    三处与原站不同、但视觉等价的处理，都在注释里写明原因：
 *    （a）卡片网格：原站写死 3 列（float + calc((100% - 40px)/3)），
 *        本包组件允许选 2/3/4 列，因此改用 flex + `--wte-ip-cols`
 *        （模板写在 .product1 上的内联变量）等价推广，
 *        公式与原站一致：宽度 = (100% - 间隙总和) / 列数。
 *    （b）`.bg1:after` 的放大镜：原站是背景图 ico_search1.png，
 *        本包不带图片素材，改用 Font Awesome 的 \f002（20px，原图同尺寸）。
 *    （c）`.side_a li>span:before` 的 \f105：原站字体族是 FontAwesome，
 *        本包字体族已改名 WTE-IP-FontAwesome，必须跟着改，
 *        否则这里会渲染成空白方块。
 * ============================================================ */
.wte-ip .inside_lt{ float:left; width:20%; position:sticky; top:100px; }
.wte-ip .inside_rt{ float:right; width:76%; }
.wte-ip .inside_con{ background:#fff; padding:30px; }

/* 左侧「产品分类」 */
.wte-ip .side_a{
  background:#fff; border-radius:10px 10px 0 0; overflow:hidden; margin-bottom:30px;
}
.wte-ip .side_a .h1{
  font-size:20px; line-height:30px; font-weight:bold; background:var(--primary-color);
  color:#fff; padding:15px 10px; text-align:center;
}
.wte-ip .side_a>ul{ padding:0 15px; }
.wte-ip .side_a>ul>li{ border-bottom:1px solid #ebebeb; }
.wte-ip .side_a>ul>li:last-child{ border-bottom:none; }
.wte-ip .side_a ul li span{
  display:block; padding:15px 20px 15px 20px; position:relative; cursor:pointer;
}
.wte-ip .side_a ul li span:hover,
.wte-ip .side_a ul li.hover>span{ color:var(--primary-color); }
.wte-ip .side_a ul li>span:before{
  content:"\f105"; font:normal normal normal 14px/1 'WTE-IP-FontAwesome';
  position:absolute; left:5px; top:50%; transform:translateY(-50%); transform-origin:center;
}
/* 原站是 JS 展开子菜单，这里直接输出层级、默认展开，故用 active1 常显。 */
.wte-ip .side_a ul li.has_sub>span:after{
  content:"\f067"; font:normal normal normal 12px/1 'WTE-IP-FontAwesome';
  position:absolute; right:0; top:50%; transform:translateY(-50%); transform-origin:center;
}
.wte-ip .side_a ul li.has_sub.active1>span:after{ content:"\f068"; }
.wte-ip .side_a ul li a{ display:inline-block; color:#333; }
.wte-ip .side_a>ul>li>span a{ font-size:14px; }
.wte-ip .side_a ul li span:hover a,
.wte-ip .side_a ul li.hover>span a{ color:var(--primary-color); }
.wte-ip .side_a ul li ul{ padding:0 0 10px 20px; display:none; }
.wte-ip .side_a ul li ul li span{ padding:10px 20px 10px 20px; }
.wte-ip .side_a ul li.has_sub.active1>ul{ display:block; }

/* 左侧「主编推荐」 */
.wte-ip .side_b{ background:#fff; padding:30px 15px; }
.wte-ip .side_b .list ul li{ margin-top:15px; }
.wte-ip .side_b .list ul li .nr_box{
  display:flex; justify-content:space-between; align-items:center;
}
.wte-ip .side_b .list ul li .imgbg{ width:35%; }
.wte-ip .side_b .list ul li .img{ padding-bottom:100%; position:relative; }
.wte-ip .side_b .list ul li .img img{
  width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;
}
.wte-ip .side_b .list ul li .txtbg{ width:65%; }
.wte-ip .side_b .list ul li .txt{ padding:0 0 0 15px; color:#666; }
.wte-ip .side_b .list ul li .txt .h2{ font-size:16px; line-height:26px; color:#333; margin-bottom:5px; }
.wte-ip .side_b .list ul li:hover .txt .h2{ color:var(--primary-color); }
.wte-ip .side_b .list ul li .txt .h3{ font-size:14px; line-height:24px; color:#999; }
.wte-ip .tit3 .h2{ font-size:24px; line-height:34px; border-bottom:1px solid #ddd; padding-bottom:15px; }

/* 右侧产品网格 */
.wte-ip .product1 ul{
  display:flex; flex-wrap:wrap; column-gap:20px; row-gap:40px;
}
.wte-ip .product1 ul li{
  width:calc((100% - (var(--wte-ip-cols,3) - 1) * 20px) / var(--wte-ip-cols,3));
  text-align:center;
}
.wte-ip .product1 ul li .nr_box{
  border:1px solid rgba(0,0,0,.1); padding:20px; position:relative; overflow:hidden;
}
.wte-ip .product1 ul li .nr_box:before{
  content:""; width:0; height:2px; background:var(--primary-color);
  position:absolute; bottom:0; left:0; transition:all .3s ease;
}
.wte-ip .product1 ul li:hover .nr_box:before{ width:100%; }
.wte-ip .product1 ul li .img{ padding-bottom:100%; position:relative; overflow:hidden; }
.wte-ip .product1 ul li .img img{
  display:block; width:100%; height:100%; position:absolute;
  top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;
}
.wte-ip .product1 ul li:hover .img img{ transform:scale(1.1); }
.wte-ip .product1 ul li .txt1{ color:#666; margin-bottom:20px; }
.wte-ip .product1 ul li .txt1 .h2{
  font-size:18px; line-height:28px; height:28px; font-weight:bold; color:#333;
  overflow:hidden; text-overflow:ellipsis;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.wte-ip .product1 ul li:hover .txt1 .h2{ color:var(--primary-color); }
.wte-ip .product1 ul li .txt2{ color:#666; margin-top:20px; }
.wte-ip .product1 ul li .txt2 .h3{ font-size:15px; line-height:25px; color:var(--primary-color); }
.wte-ip .product1 ul li .bg1{ width:60px; height:60px; position:absolute; top:0; left:0; z-index:1; }
.wte-ip .product1 ul li .bg1:after{
  content:"\f002"; font:normal normal normal 20px/60px 'WTE-IP-FontAwesome';
  color:#fff; text-align:center;
  width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;
}
.wte-ip .product1 ul li .bg1:before{
  content:""; width:200%; height:200%; background:var(--primary-color);
  transform:rotate(45deg); position:absolute; top:-120px; left:-120px;
  transition:all .3s ease; z-index:1;
}
.wte-ip .product1 ul li:hover .bg1:before{ top:-60px; left:-60px; }
.wte-ip .product1_empty{ padding:60px 0; text-align:center; color:#999; font-size:14px; }

/* ============================================================
 * 10. 产品详情
 *     原站 commonStyle.css `.ml_prodetail* / .ml_description* /
 *     .ml_indexpro* / .indexpro_div / .strong_1 / .tabactive /
 *     .tab_pro`，以及详情页内联的 `.query`。
 *
 *     图片区：原站是 Swiper 双联（大图 + 缩略图条）。本包守「零第三方库」
 *     的规矩，改成「主图 + 缩略图按钮条」：点缩略图换主图，
 *     只有一张图时不输出缩略图条。类名换成本包的 .ml_shots 系列，
 *     尺寸（大图 500px、缩略图 100px、缩略图条 4 个一行）沿用原站。
 * ============================================================ */
.wte-ip .ml_prodetail{
  width:100%; margin:0 auto 50px; display:flex; justify-content:space-between; flex-wrap:wrap;
}
.wte-ip .ml_prodetailleft{ width:49.5%; background-color:var(--main-color-white); }
.wte-ip .ml_prodetailright{ width:49.5%; padding:15px; background-color:var(--main-color-white); }
.wte-ip .ml_prodetailright strong{
  display:block; margin-bottom:20px; color:#333; font-size:30px; font-weight:normal;
}
.wte-ip .ml_prodetailright p{ font-size:14px; line-height:25px; color:#333; }
.wte-ip .ml_prodetailright span{
  display:block; font-size:14px; margin-bottom:20px; color:#303133; line-height:25px;
}

/* 图片区（替代原站 Swiper） */
.wte-ip .ml_shots{ width:100%; }
.wte-ip .ml_shot_main{
  width:100%; border:1px solid #ccc; background:var(--main-color-white); text-align:center;
}
.wte-ip .ml_shot_main img{ display:block; width:100%; height:500px; object-fit:contain; }
.wte-ip .ml_shot_thumbs{ display:flex; flex-wrap:wrap; gap:8px; padding:10px 0; }
.wte-ip .ml_shot_thumb{
  flex:0 0 calc((100% - 24px)/4); padding:0; margin:0; border:0; background:none;
  opacity:.4; cursor:pointer; transition:var(--main-transition);
}
.wte-ip .ml_shot_thumb.is-active{ opacity:1; }
.wte-ip .ml_shot_thumb img{
  display:block; width:100%; height:100px; object-fit:contain; border:1px solid #ccc;
}
.wte-ip .ml_shots_empty{
  border:1px dashed #ddd; background:#fafafa; min-height:320px;
}

/* 在线询价按钮（原站只在桌面端给样式，这里两端统一，移动端略窄） */
.wte-ip .ml_prodetailright .query{
  width:150px; height:40px; line-height:40px; display:block; text-align:center;
  background-color:var(--main-color); font-size:14px; border-radius:5px;
  color:var(--main-color-white) !important; margin-top:20px;
}
.wte-ip .ml_prodetailright .query:hover{
  background-color:var(--secondary-color); color:var(--main-color-white) !important;
}
.wte-ip .ml_prodetailright .query i{ margin-right:5px; }

/*
 * 询价按钮「站点上还没有弹窗」时的编辑器提示条。
 *
 * 只在 Elementor 编辑模式输出（模板里判过 is_editor，前台不会有这个元素），
 * 所以刻意用暖色底 + 深字，跟站点配色脱钩 —— 它要的是「一眼看到这里缺配置」，
 * 而不是融入页面。别把它做成低调的灰字，那样等于没提示。
 */
.wte-ip .wte-ip-query-hint{
  display:block; margin-top:12px; padding:10px 14px;
  border-left:3px solid #e6a23c; border-radius:3px;
  background:#fdf6ec; color:#8a6d3b; font-size:12px; line-height:1.8;
  text-align:left;
}

/* 上一个 / 下一个 */
.wte-ip .tab_pro{
  margin-top:20px; display:flex; align-items:center; justify-content:space-between;
}
.wte-ip .tab_pro a,
.wte-ip .tab_pro .is-empty{
  text-align:center; width:150px; height:40px; line-height:40px; display:block;
  border:1px solid #ccc; font-size:16px; color:#303133;
}
.wte-ip .tab_pro a:hover{
  color:var(--main-color-white) !important; background-color:var(--main-color) !important;
}
.wte-ip .tab_pro .is-empty{ color:#bbb; }
.wte-ip .tab_pro a i{ padding:0 4px; }

/* 产品简介 / 核心优势 / 应用行业 / 技术规格 / 工作原理 / 包装与储存 / 为什么选择我们 七个选项卡 */
.wte-ip .ml_description{
  width:100%; padding-bottom:85px; margin:0 auto 85px;
  border:1px solid #ededed; background-color:var(--main-color-white);
}
/* 七个页签标题长短不一（最长 "Why Choose GZXZEP Chemicals?"），
   允许换行 + 收紧左右内边距：桌面上一行排得下，排不下时整块沉到第二行，
   不会把页签挤出容器。 */
.wte-ip .ml_description_tab{ border-bottom:1px solid #ededed; display:flex; flex-wrap:wrap; align-items:center; }
.wte-ip .strong_1{
  display:block; padding:10px; border-bottom:2px solid var(--main-color);
  font-size:16px; font-weight:normal; color:#333;
}
.wte-ip .ml_description_tab .strong_1{ border:none; cursor:pointer; padding:10px 16px; font-size:14px; }
.wte-ip .tabactive{
  background-color:var(--main-color) !important; color:var(--main-color-white) !important;
}
.wte-ip .ml_descriptioncon{ padding:15px; }
.wte-ip .ml_descriptioncon_fy{ display:none; }
.wte-ip .ml_descriptioncon_fy p{ font-size:16px; color:#303133; line-height:25px; }
.wte-ip .ml_descriptioncon_fy img{ max-width:100%; display:block; margin:20px auto; }
.wte-ip .ml_description p{ font-size:16px; color:#333; line-height:25px; }
.wte-ip .ml_description img{ max-width:100%; }
.wte-ip .ml_descriptioncon_fy ul,
.wte-ip .ml_descriptioncon_fy ol{ padding:0 0 0 2em; margin:10px 0; }
.wte-ip .ml_descriptioncon_fy li{ list-style:disc; font-size:16px; line-height:25px; }
.wte-ip .ml_descriptioncon_fy ol li{ list-style:decimal; }

/* 相关产品 */
.wte-ip .ml_related{ padding:0 !important; }
.wte-ip .ml_related .ml_indexpro{ margin:0; padding:0; }
.wte-ip .ml_related .ml_indexpro li{ width:25%; padding:20px; margin:0 !important; }
.wte-ip .ml_indexpro{ width:100%; padding:85px 0; background-color:#fafafa; }
.wte-ip .ml_indexprocon{ margin:0 auto; }
.wte-ip .ml_indexprocon ul{ display:flex; flex-wrap:wrap; }
.wte-ip .ml_indexprocon ul li{
  margin-right:40px; width:calc((100% - 120px)/4); margin-bottom:20px;
}
.wte-ip .ml_indexprocon ul li:nth-child(4n){ margin-right:0 !important; }
.wte-ip .ml_indexprocon ul li p{ text-align:center; color:#303133; font-size:16px; padding:10px 0; }
.wte-ip .ml_indexprocon ul li span{ text-align:center; color:#303133; display:block; font-size:14px; }
.wte-ip .indexpro_div{ background-color:var(--main-color-white); }
.wte-ip .indexpro_div img{
  width:100%; display:block; height:230px; object-fit:cover; margin:0 auto;
  transition:all ease .4s;
}
.wte-ip .indexpro_div:hover img{ transform:scale(1.1); }
.wte-ip .indexpro_div a{ display:block; overflow:hidden; }

/* ---- 产品页移动端 ---- */
@media(max-width:999px){
  .wte-ip .inside_lt{ width:100%; position:static; }
  .wte-ip .side_b{ display:none; }
  .wte-ip .inside_rt{ float:right; width:100%; }
  .wte-ip .inside_con{ padding:20px 5%; }

  .wte-ip .product1 ul{ column-gap:10px; row-gap:20px; }
  .wte-ip .product1 ul li{ width:calc((100% - 10px)/2); }
  .wte-ip .product1 ul li .nr_box{ padding:10px; }
  .wte-ip .product1 ul li .txt1{ margin-bottom:10px; }
  .wte-ip .product1 ul li .txt1 .h2{ font-size:14px; line-height:24px; height:24px; }
  .wte-ip .product1 ul li .txt2{ margin-top:10px; }
  .wte-ip .product1 ul li .txt2 .h3{ font-size:12px; line-height:22px; }
  .wte-ip .product1 ul li .bg1{ width:40px; height:40px; }
  .wte-ip .product1 ul li .bg1:after{
    font:normal normal normal 14px/40px 'WTE-IP-FontAwesome';
  }
  .wte-ip .product1 ul li .bg1:before{ width:200%; height:200%; top:-80px; left:-80px; }
  .wte-ip .product1 ul li:hover .bg1:before{ top:-40px; left:-40px; }

  .wte-ip .ml_prodetail{ margin-bottom:30px; }
  .wte-ip .ml_prodetailleft,
  .wte-ip .ml_prodetailright{ width:100%; }
  .wte-ip .ml_prodetailright{ padding:15px 0; }
  .wte-ip .ml_prodetailright strong{ font-size:20px; margin-bottom:12px; }
  .wte-ip .ml_shot_main img{ height:280px; }
  .wte-ip .ml_shot_thumb{ flex:0 0 calc((100% - 16px)/3); }
  .wte-ip .ml_shot_thumb img{ height:70px; }
  .wte-ip .ml_prodetailright .query{ width:100%; }
  .wte-ip .tab_pro a,
  .wte-ip .tab_pro .is-empty{ width:48%; font-size:14px; }

  .wte-ip .ml_description{ padding-bottom:20px; margin-bottom:40px; }
  .wte-ip .ml_description_tab .strong_1{ padding:8px 12px; font-size:13px; }
  .wte-ip .strong_1{ font-size:15px; }
  .wte-ip .ml_indexpro{ padding:40px 0; }
  .wte-ip .ml_related .ml_indexpro li{ width:50%; padding:10px; }
  .wte-ip .ml_indexprocon ul li{ margin-right:20px; width:calc((100% - 20px)/2); }
  .wte-ip .ml_indexprocon ul li:nth-child(4n){ margin-right:20px !important; }
  .wte-ip .ml_indexprocon ul li:nth-child(2n){ margin-right:0 !important; }
  .wte-ip .indexpro_div img{ height:140px; }
  .wte-ip .ml_indexprocon ul li p{ font-size:14px; }
}

/* ============================================================
 * 11. 入场动效（替代原站 AOS，零依赖）
 *    只有脚本成功加载时 .wte-ip-ready 才会出现，
 *    因此 JS 未加载 / 被拦截时内容照常可见，不会「白屏」。
 * ============================================================ */
.wte-ip.wte-ip-ready [data-wte-ip-reveal]{
  opacity:0; transform:translateY(30px);
  transition:opacity .7s ease, transform .7s ease;
}
.wte-ip.wte-ip-ready [data-wte-ip-reveal="left"]{ transform:translateX(-40px); }
.wte-ip.wte-ip-ready [data-wte-ip-reveal="up"]{ transform:translateY(30px); }
.wte-ip.wte-ip-ready [data-wte-ip-reveal].wte-ip-in{ opacity:1; transform:none; }

@media (prefers-reduced-motion:reduce){
  .wte-ip.wte-ip-ready [data-wte-ip-reveal]{ opacity:1 !important; transform:none !important; transition:none !important; }
}

/* ============================================================
 * 12. Elementor 兼容
 * ============================================================ */
.elementor-widget-wte_ip_banner,
.elementor-widget-wte_ip_news,
.elementor-widget-wte_ip_news_detail{ width:100%; max-width:100%; overflow:visible; }
.elementor-widget-wte_ip_banner>.elementor-widget-container,
.elementor-widget-wte_ip_news>.elementor-widget-container,
.elementor-widget-wte_ip_news_detail>.elementor-widget-container{ overflow:visible; }

/* Elementor 的 section / container 默认带内边距与间距；
   本插件的区块设计为「自身贴满、由内层 .wapper1 控制留白」，
   因此在组件根节点上清掉外部影响。 */
.wte-ip.wte-ip-section{ width:100%; max-width:100%; }