#location_1595914727469 .sitewidget-advancedSlider-20200728141942 img.img-default-bgc{
filter: blur(0)!important;
  transition: none!important;
  display: none!important;
}
#location_1595914727469 .sitewidget-advancedSlider-20200728141942 img {
filter: blur(0)!important;
  transition: none!important;
}

/* ===== form ======*/
.control-group .controls input {
    color: white;
}

/* ======== Home product card ======== */
#jier-products-card .card-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  max-width: 1400px;
  margin: auto;
  font-family: Arial, sans-serif;
}

#jier-products-card .card {
  border: 1px solid #ddd;
  background: #f9f9f9;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
  height: 320px;
}

#jier-products-card .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

#jier-products-card .card img {
  width: 100%;
  height: 250px;
  display: block;
  object-fit: cover;
  object-position: center;
}

#jier-products-card .card-body {
  flex: 1;
  padding: 15px;
  display: flex;
  flex-direction: column;
}

/* 标题本身 */
#jier-products-card .card-body h3 {
  margin: 0 0 2px;
  font-size: 18px;
  font-weight: bold;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* h3 链接样式（默认下划线，悬停变色） */
#jier-products-card .card-body h3 a {
  color: inherit;                 /* 继承 h3 颜色 */
  text-decoration: underline;     /* 下划线 */
  text-underline-offset: 4px;     /* 下划线与文字间距 */
  cursor: pointer;
}

#jier-products-card .card-body h3 a:hover {
  color: #E3832C;                 /* 悬停变色 */
}

/* 可选：去掉卡片内其他 a 的旧样式（如已删除可忽略）
#jier-products-card .card-body a { }
#jier-products-card .card-body a:hover { }
*/

/* 平板 (600px ~ 1023px) 显示 2 列 */
@media (max-width: 1023px) and (min-width: 600px) {
  #jier-products-card .card-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 手机 (<600px) 显示 1 列 */
@media (max-width: 599px) {
  #jier-products-card .card-container {
    grid-template-columns: 1fr;
  }
}


/* ======= Home project card ======== */
#jier-projects-card .card-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  max-width: 1400px;
  margin: auto;
  font-family: Arial, sans-serif;
}

#jier-projects-card .card {
  border: 1px solid #ddd;
  background: #f9f9f9;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
  height: 360px; /* 固定高度 */
}

#jier-projects-card .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

#jier-projects-card .card img {
  width: 100%;
  height: auto;        /* 按比例缩放 */
  max-height: 250px;   /* 限制最大高度 */
  display: block;
  object-fit: contain; /* 保持完整显示 */
}

#jier-projects-card .card-body {
  flex: 1;
  padding: 15px;
  display: flex;
  flex-direction: column;
}

#jier-projects-card .card-body h3 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: bold;
  color: #222;
  white-space: nowrap;      /* 单行 */
  overflow: hidden;         /* 隐藏溢出 */
  text-overflow: ellipsis;  /* 显示省略号 */
}

#jier-projects-card .card-body p {
  font-size: 14px;
  color: #444;
  line-height: 1.5;
  margin-bottom: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;    /* 限制最多 3 行 */
  -webkit-box-orient: vertical;
}

#jier-projects-card .card-body a {
  color: #E3832C;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  margin-top: auto; /* 让按钮固定在卡片底部 */
}

#jier-projects-card .card-body a:hover {
  text-decoration: underline;
}

/* 平板 (600px ~ 1023px) 显示 2 列 */
@media (max-width: 1023px) and (min-width: 600px) {
  #jier-projects-card .card-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 手机 (<600px) 显示 1 列 */
@media (max-width: 599px) {
  #jier-projects-card .card-container {
    grid-template-columns: 1fr;
  }
}


/* ===== Solutions scoped styles ===== */
#jier-solutions{ --accent:#E3832C; --dot:rgb(243,152,1); --text:#222; --muted:#666; font-family:"Open Sans",Arial,sans-serif; color:var(--text); }
#jier-solutions .sec-title,
#jier-solutions h2{ font-family:"Oswald","Open Sans",Arial,sans-serif; font-weight:700; text-align:center; margin:0 0 16px; }

/* Hero */
#jier-solutions .hero{ background:linear-gradient(180deg,#faf7f3, #fff); border-bottom:1px solid #eee; }
#jier-solutions .hero-inner{ max-width:1200px; margin:0 auto; padding:48px 16px 32px; text-align:center; }
#jier-solutions .hero h1{ font-size:40px; margin:0 0 10px; }
#jier-solutions .hero p{ max-width:860px; margin:0 auto 16px; color:var(--muted); line-height:1.7; }
#jier-solutions .btn{ display:inline-block; padding:10px 18px; text-decoration:none; border:1px solid var(--accent); font-weight:700; }
#jier-solutions .btn.primary{ background:var(--accent); color:#fff; }
#jier-solutions .btn.ghost{ color:var(--accent); background:#fff; }
#jier-solutions .hero-cta{ display:flex; gap:12px; justify-content:center; }

/* Stats */
#jier-solutions .stats{ max-width:1200px; margin:14px auto 0; padding:0 16px 8px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
#jier-solutions .stat{ border:1px solid #eee; padding:12px; text-align:center; }
#jier-solutions .stat strong{ display:block; font-family:"Oswald",sans-serif; font-size:24px; }
#jier-solutions .stat span{ color:var(--muted); }

/* Cards */
#jier-solutions .cards{ max-width:1200px; margin:18px auto 0; padding:0 16px;}
#jier-solutions .card-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
#jier-solutions .card{ border:1px solid #e6e6e6; background:#f9f9f9; border-radius:0; display:flex; flex-direction:column; }
#jier-solutions .img-wrap{ aspect-ratio:10/7; background:#f5f5f5; border-bottom:1px solid #eee; }
#jier-solutions .img-wrap img{ width:100%; height:100%; object-fit:contain; display:block; }
#jier-solutions .card h3{ position:relative; margin:12px 14px 6px; font-size:18px; line-height:1.3; padding-left:16px; }
#jier-solutions .card h3::before{ content:""; position:absolute; left:0; top:50%; width:8px; height:8px; border-radius:50%; transform:translateY(-50%); background:var(--dot); }
#jier-solutions .card p{ margin:0 14px 12px; color:var(--muted); line-height:1.6; font-size:14px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#jier-solutions .card .more{ margin:0 14px 14px; color:var(--accent); font-weight:700; text-decoration:none; align-self:flex-start; }
#jier-solutions .card .more:hover{ text-decoration:underline; }

/* Process */
#jier-solutions .process{ max-width:1200px; margin:28px auto 0; padding:0 16px; }
#jier-solutions .steps{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
#jier-solutions .steps li{ border:1px solid #eee; padding:14px; text-align:center; }
#jier-solutions .steps .num{ display:inline-block; font-family:"Oswald",sans-serif; color:#fff; background:var(--accent); padding:4px 8px; }
#jier-solutions .steps p{ margin:6px 0 0; color:var(--muted); }

/* Why 
#jier-solutions .why{ max-width:1200px; margin:28px auto 0; padding:0 16px; }
#jier-solutions .bullets{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(2,1fr); gap:8px 18px; }
#jier-solutions .bullets li{ position:relative; padding-left:14px; line-height:1.6; }
#jier-solutions .bullets li::before{ content:""; position:absolute; left:0; top:.65em; width:6px; height:6px; border-radius:50%; background:var(--dot); }
*/
  
/* SEO copy / FAQ */
#jier-solutions .seo-copy{ max-width:1200px; margin:22px auto 0; padding:0 16px; }
#jier-solutions details{ border:1px solid #eee; padding:10px 12px; }
#jier-solutions summary{ cursor:pointer; font-weight:700; }
#jier-solutions details p{ margin:8px 0 0; color:var(--muted); line-height:1.7; }

/* CTA */
#jier-solutions .cta{
  background: linear-gradient(90deg, rgba(227,131,44,.08), rgba(227,131,44,.02));
  border-top: 1px solid var(--border, #e6e6e6);
  margin-top: 28px;
}
#jier-solutions .cta-box{
  max-width:1200px; margin:0 auto; padding:24px 16px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
#jier-solutions .cta-box h3{ margin:0; font-size:20px; }
#jier-solutions .cta-box p{ margin:0; color:var(--muted,#666); }


/* Responsive */
@media (max-width:1024px){
  #jier-solutions .stats{ grid-template-columns:repeat(2,1fr); }
  #jier-solutions .card-grid{ grid-template-columns:repeat(2,1fr); }
  #jier-solutions .steps{ grid-template-columns:repeat(3,1fr); }
  #jier-solutions .bullets{ grid-template-columns:1fr; }
  #jier-solutions .cta-box{ flex-direction:column; text-align:center; }
}
@media (max-width:600px){
  #jier-solutions .hero h1{ font-size:32px; }
  #jier-solutions .card-grid{ grid-template-columns:1fr; }
  #jier-solutions .steps{ grid-template-columns:repeat(2,1fr); }
}

  
/* =========== contact us ========== */

/* 用id做作用域，确保唯一 */
#contact-section{
  max-width:1200px;
  margin:0 auto;
  padding:24px 16px 8px;
  font-family: "Open Sans", Arial, Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif;
  color:#333;
}

#contact-section .contact-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:48px;
  align-items:flex-start;
}

#contact-section .contact-item{
  display:flex;
  flex-direction:column;
  gap:10px;
}

#contact-section .contact-item h3{
  margin:0;
  font-size:20px;
  color:#E3832C;
  font-weight:600;
}

#contact-section .contact-item p{
  margin:0;
  line-height:1.6;
  color:#666;
  word-break:break-word;
}

#contact-section .contact-item a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid transparent;
}
#contact-section .contact-item a:hover{ border-color:#E3832C; }

#contact-section .icon-wrap{
  width:56px;
  height:56px;
  border:2px solid #E3832C;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:6px;
}
#contact-section .icon-wrap svg{
  width:24px;
  height:24px;
  fill:#E3832C;
}

#contact-section .contact-divider {
  margin-top: 28px;
  border: 0;
  border-top: 3px solid rgb(244,241,235); /* 线条加粗，颜色修改 */
}


@media (max-width:980px){
  #contact-section .contact-grid{ grid-template-columns:repeat(2,1fr); gap:32px; }
}
@media (max-width:640px){
  #contact-section .contact-grid{ grid-template-columns:1fr; gap:24px; }
  #contact-section .icon-wrap{ width:52px;height:52px; }
  #contact-section .contact-item h3{ font-size:18px; }
}

/* ===== JIER About Split (scoped) ===== */
#jier-about-split{ --accent: rgb(243,152,1); --text:#222; --muted:#5f5f5f; }
#jier-about-split{ max-width:1200px; margin:0 auto; padding:18px 8px; font-family:"Open Sans",Arial,sans-serif; }

#jier-about-split .split{
  display:grid;
  grid-template-columns: 1.15fr 1fr;     /* 左右比例更均衡 */
  gap:28px 36px;
  align-items:start;
}

/* 左侧正文 */
#jier-about-split .copy p{
  margin:0;
  font-size:16px;
  line-height:1.9;
  color:var(--text);
}
#jier-about-split .copy a{
  color:var(--accent);
  text-decoration:none;
  border-bottom:1px dotted var(--accent);
}
#jier-about-split .copy a:hover{ text-decoration:underline; }

/* 右侧媒体区（方形，无圆角） */
#jier-about-split .media{ margin:0; }
#jier-about-split .media img{
  width:100%;
  aspect-ratio: 16/10;         /* 统一画面比例，更整齐 */
  object-fit: cover;            /* 充满容器，不留灰边 */
  display:block;
  border:1px solid #e8e8e8;
  border-radius:0;              /* 不要圆角 */
}

/* 亮点列表：两列网格，小圆点为 243,152,1 */
#jier-about-split .highlights{
  list-style:none;
  margin:12px 0 0;
  padding:0;
  display:grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap:8px 18px;
}
#jier-about-split .highlights li{
  position:relative;
  padding-left:12px;
  font-weight:600;
  color:var(--text);
  line-height:1.5;
}
#jier-about-split .highlights li::before{
  content:"";
  position:absolute; left:0; top:.6em;
  width:6px; height:6px; border-radius:50%;
  background:var(--accent);
}

/* 响应式：平板与手机优化 */
@media (max-width:1024px){
  #jier-about-split .split{ grid-template-columns:1fr; gap:18px; }
  #jier-about-split .media img{ aspect-ratio: 3/2; } /* 略高，移动端更好看 */
}
@media (max-width:540px){
  #jier-about-split .copy p{ font-size:15px; }
  #jier-about-split .highlights{ grid-template-columns:1fr; } /* 手机单列 */
}


/*========== about us (company) achievement =========*/
/* 标题（如需） */
#jier-achievements .sec-title{
  font-family:"Oswald","Open Sans",Arial,sans-serif;
  font-weight:700;
  font-size: 30px;
  margin:0 0 12px;
  text-align:center;
}

/* 容器：桌面 3 列（2×3） */
#jier-achievements .card-container{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  max-width:1200px;
  margin:0 auto;
  font-family:"Open Sans",Arial,sans-serif;
}

/* 卡片：方形，无圆角 */
#jier-achievements .card{
  border:1px solid #ddd;
  background:#fff;
  border-radius:0 !important;   /* 去圆角 */
  box-shadow:none;
  display:flex;
  flex-direction:column;
  min-height:360px;             /* 需要固定高度可改为 height:360px; */
}

/* 图片：完整显示，不裁切；统一 10:7 比例；无圆角 */
#jier-achievements .card > img{
  display:block;
  width:100%;
  aspect-ratio:10 / 7;          /* 统一高度，现代浏览器支持 */
  height:auto;
  object-fit:contain;           /* 关键：完整显示 */
  object-position:center;
  background:#f5f5f5;           /* 留白底色 */
  border-radius:0 !important;   /* 去圆角 */
}

/* 内容区 */
#jier-achievements .card-body{
  padding:14px 16px;
  display:flex;
  flex-direction:column;
  gap:6px;
  background-color:#F9F9F9;
}

#jier-achievements .card-body h3{
  margin:0;
  font-size:18px;
  line-height:1.3;
  font-weight:700;
  position: relative;
  padding-left: 16px;           /* 给圆点留出空间 */
  color:#222;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#jier-achievements .card-body h3::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;                   /* 圆点大小，可调 */
  height: 8px;
  border-radius: 50%;
  background: rgb(243, 152, 1); /* 243,152,1 */
  transform: translateY(-50%);  /* 垂直居中 */
}

/* p：字体小于 h3，最多两行 */
#jier-achievements .card-body p{
  margin:0;
  font-size:14px;               /* 小于 h3 */
  line-height:1.5;
  color:#444;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;         /* 最多两行 */
  overflow:hidden;
  max-height:3em;               /* 非 WebKit 兜底 */
}

/* 响应式：平板两列，手机一列 */
@media (max-width:1023px) and (min-width:600px){
  #jier-achievements .card-container{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:599px){
  #jier-achievements .card-container{ grid-template-columns:1fr; }
  #jier-achievements .card{ min-height:auto; }
}