/* =========================================================
   N-mark website theme  (2026-10-17)
   Style reference: www.n-mark.cn
   Rule: do NOT touch .banner / .slider / .slick-* / .image-bg
         do NOT touch uploads/, app links, customer-service links
   ========================================================= */

:root{
  --nm-red:#d72323;
  --nm-red-dark:#b51c1c;
  --nm-dark:#232323;
  --nm-text:#333;
  --nm-muted:#666;
  --nm-faint:#999;
  --nm-line:#e6e6e6;
  --nm-light:#f4f4f4;
  --nm-max:1360px;
}

body{ background:#fff; color:var(--nm-text); font-size:15px; -webkit-font-smoothing:antialiased; }

div,p,a,li,span,dd,dt,input,textarea,button{
  font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
a{ color:var(--nm-text); transition:color .25s ease; }
a:hover{ color:var(--nm-red); text-decoration:none; }
img{ border:none; }
::-webkit-scrollbar-thumb{ background:#cfcfcf; }

/* ---------------- header ---------------- */
div.headertopback{
  height:34px; background:#fff; border-bottom:1px solid var(--nm-line);
}
div.headertopnr{
  float:right; height:34px; line-height:34px; margin-top:0; margin-right:3%;
  color:var(--nm-faint); font-size:12px;
}
div.headertopnr a{ color:var(--nm-faint); }
div.headertopnr a:hover{ color:var(--nm-red); }
div.headertopnr span{ padding-left:22px; background-size:14px 14px; }

div.headersrcollheight{ height:88px; }

div.headernavback{
  width:100%; height:88px; background:#fff; border-bottom:1px solid var(--nm-line);
  top:34px; position:fixed; display:flex; align-items:center;
  padding:0 3%; box-sizing:border-box; transition:all .3s ease-in-out;
}
div.headernavbackscroll{ top:0; z-index:999999; box-shadow:0 6px 18px rgba(0,0,0,.06); }

div.headerleftback{
  float:none; display:flex; align-items:center; flex:1;
  margin:0; height:88px;
}
div.headerleftlogo{
  width:150px; height:auto; float:none; display:flex; align-items:center; flex:none;
}
div.headerleftlogo img{ width:150px; height:auto; display:block; }

div.headerleftnavbk{
  height:auto; float:none; display:flex; align-items:center;
  margin:0 auto;
}
div.headerleftnav{
  height:88px; line-height:88px; float:none;
  margin:0 17px; font-size:16px; color:var(--nm-text);
}
div.headerleftnav>a{
  display:block; height:88px; line-height:88px; color:var(--nm-text);
  padding:0; position:relative; letter-spacing:.5px;
}
div.headerleftnav>a::after{
  content:""; position:absolute; left:50%; bottom:26px; width:0; height:2px;
  background:var(--nm-red); transform:translateX(-50%); transition:width .25s ease;
}
div.headerleftnav>a:hover,
div.headerleftnav>a.yanseclass{ color:var(--nm-red); border-bottom:none; }
div.headerleftnav>a:hover::after,
div.headerleftnav>a.yanseclass::after{ width:100%; }

div.headerrtss{
  width:200px; height:38px; float:none; flex:none; display:flex; align-items:center;
  border:none; border-bottom:1px solid #ddd; margin:0; border-radius:0;
}
div.headerrtssleft{
  width:auto; flex:1; height:36px; line-height:36px; margin-left:0;
}
div.headerrtssleft input{
  width:100%; height:36px; line-height:36px; color:var(--nm-text); font-size:14px;
}
div.headerrtssright{
  width:36px; height:36px; float:none; margin-right:0;
  background-size:17px 17px; background-position:center; background-repeat:no-repeat;
}

div.headxlback{ top:122px; background:#fff; box-shadow:0 16px 30px rgba(0,0,0,.08); }
div.headxlbacktop{ top:88px; }
div.headxlleft{ border-right:1px solid var(--nm-line); }
div.headxllefttitle,
div.headxl_2title,
div.headxl_3title{ color:var(--nm-dark); font-weight:700; }
div.headxlleftlist a,
div.headxl_2list a,
div.headxl_3list a{ color:var(--nm-text); }
div.headxlleftlist a:hover,
div.headxl_2list a:hover,
div.headxl_3list a:hover,
div.headxlleftlisth a,
div.headxl_2listh a{ color:var(--nm-red); }
div.headxlleftlist:hover,
div.headxlleftlisth{ border-right-color:var(--nm-red); }
div.headxl_4desc{ color:var(--nm-muted); }

.yyzh div{ background:#fff; }

/* ---------------- footer ---------------- */
div.publicfooterback{
  width:100%; height:auto; background:var(--nm-dark);
  padding:64px 3% 0; box-sizing:border-box; overflow:hidden;
}
div.publicfooterleft{
  float:left; width:66%; margin:0; padding-right:4%;
  box-sizing:border-box;
}
div.publicfooterleftlogo{ width:170px; height:auto; margin-bottom:34px; }
div.publicfooterleftlogo img{ width:100%; display:block; }
div.publicfooterdh{ width:33.33%; float:left; }
div.publicfooterleftnavtitle{
  height:40px; line-height:40px; color:#fff; font-size:15px; font-weight:700;
  margin-top:0; letter-spacing:.5px;
}
div.publicfooterleftnavlist{
  height:32px; line-height:32px; color:var(--nm-faint); font-size:14px;
}
div.publicfooterleftnavlist a{ color:var(--nm-faint); }
div.publicfooterleftnavlist a:hover{ color:#fff; text-decoration:none; }

div.publicfooterright{ width:30%; float:right; margin-top:4px; }
div.publicfooternav{ width:50%; float:left; height:auto; min-height:120px; }
div.publicfooternavbotton{
  width:128px; height:42px; line-height:42px; background:var(--nm-red);
  color:#fff; font-size:14px; border-radius:0; transition:background .25s ease;
}
div.publicfooternavbotton:hover{ background:var(--nm-red-dark); }
div.publicfooternavbotton a{ color:#fff; }
div.publicfooternavdesc{
  width:100%; height:auto; line-height:34px; color:var(--nm-faint); font-size:14px;
}
div.publicfooternavdesc a{ color:var(--nm-faint) !important; }
div.publicfooternavdesc a:hover{ color:#fff !important; }
div.publicfooternaviconbk{ margin-top:22px; }
div.publicfooternavicon{ width:26px; margin-right:10px; opacity:.85; }
div.publicfooternavicon:hover{ opacity:1; }
div.publicfooterbacktop{
  width:44px; height:44px; margin-top:2px; border:1px solid #4a4a4a;
  background-position:center; background-size:18px; border-radius:0;
}
div.publicfooterbacktop:hover{ border-color:var(--nm-red); }

div.footerbottomcontent{
  width:100%; height:auto; line-height:1.8; text-align:left; color:#7a7a7a; font-size:13px;
  border-top:1px solid rgba(255,255,255,.08); margin-top:40px; padding:24px 0 28px;
}
div.footerbottomcontent a{ color:#7a7a7a; }
div.footerbottomcontent a:hover{ color:#fff; }

/* ---------------- homepage ---------------- */
div.indexoneback{ width:100%; height:auto; margin-top:0; padding:88px 3% 76px; box-sizing:border-box; }
div.indexonetitleback{
  width:100%; height:52px; background-size:contain; background-position:center;
  background-repeat:no-repeat; margin-bottom:6px;
}
div.indexonemain{
  width:100%; max-width:var(--nm-max); margin:48px auto 0;
  display:grid; grid-template-columns:1fr 1fr; gap:48px;
}
div.indexonemainnav{ width:auto; float:none !important; height:auto; }
div.indexonemainnavpic{ width:100%; height:auto; overflow:hidden; margin-bottom:0; }
div.indexonemainnavpic img{ width:100%; display:block; transition:transform .5s ease; }
div.indexonemainnav:hover div.indexonemainnavpic img{ transform:scale(1.03); }
div.indexonemainnavtitle{
  width:100%; height:auto; line-height:1.45; overflow:hidden; color:var(--nm-dark);
  font-size:24px; font-weight:700; margin-top:20px;
}
div.indexonemainnavdesc{
  width:100%; height:auto; max-height:none; line-height:1.9; margin-top:10px;
  color:var(--nm-muted); font-size:15px; display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;
}
div.indexonemainnav:hover div.indexonemainnavtitle{ color:var(--nm-red); }

div.indextwoback{
  width:100%; height:auto; background:var(--nm-light); padding:80px 3%; box-sizing:border-box;
}
div.indextwo{
  width:100%; max-width:var(--nm-max); height:auto; margin:0 auto;
  display:grid; grid-template-columns:repeat(3,1fr); gap:38px;
}
div.indextwonav{ width:auto; float:none; margin-left:0 !important; }
div.indextwonavpic{ width:100%; height:auto; overflow:hidden; margin-bottom:0; }
div.indextwonavpic img{ width:100%; display:block; transition:transform .5s ease; }
div.indextwonav:hover div.indextwonavpic img{ transform:scale(1.03); }
div.indextwonavtitle{
  width:100%; height:auto; line-height:1.45; overflow:hidden; color:var(--nm-dark);
  font-size:20px; font-weight:700; margin:18px 0 8px;
}
div.indextwonavdesc{
  width:100%; height:auto; max-height:none; line-height:1.85; overflow:hidden;
  color:var(--nm-muted); font-size:14px; font-weight:400;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
}
div.indextwonav:hover div.indextwonavtitle{ color:var(--nm-red); }

div.indexthreeback{
  width:100%; max-width:var(--nm-max); height:auto; padding:80px 3% 0; margin:0 auto;
  box-sizing:border-box; display:grid; grid-template-columns:1fr 1fr; gap:36px;
}
div.indexthreelist{
  width:auto; height:auto; float:none !important; background:var(--nm-light);
  padding:40px; box-sizing:border-box; display:flex; align-items:center;
  justify-content:space-between; transition:background .3s ease;
}
div.indexthreelist:hover{ background:#ededed; }
div.indexthreelist > a{
  display:flex; align-items:center; justify-content:space-between; width:100%;
}
div.indexthreelistleft{ width:52%; height:auto; float:none; margin:0; }
div.indexthreelistlefttitle{
  width:100%; height:auto; max-height:none; color:var(--nm-dark); font-size:24px;
  font-weight:700; line-height:1.4; margin-bottom:12px;
}
div.indexthreelistleftdesc{
  width:100%; height:auto; max-height:none; line-height:1.8; color:var(--nm-muted);
  font-size:14px; margin-bottom:6px; display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;
}
div.indexthreelistleftmore{
  width:auto; height:auto; background:none; box-shadow:none; border:none;
  padding:0; margin-top:18px; line-height:1.6; text-align:left; color:var(--nm-red);
  font-size:14px; display:inline-block; transition:none;
}
div.indexthreelistleftmore a{ color:var(--nm-red); }
div.indexthreelistleftmore a::after{ content:" "; }
div.indexthreelistleftmore::after{ content:"\2192"; color:var(--nm-red); margin-left:4px; }
div.indexthreelistleftmore:hover{ background:none; }
div.indexthreelistright{
  width:42%; height:auto; float:none; margin:0; overflow:hidden;
}
div.indexthreelistright img{ width:100%; display:block; }
div.indexthreelist:hover img{ transform:scale(1.03); }

div.indexfourback{ width:100%; margin-top:0; }
div.indexfourback img{ width:100%; display:block; }

/* ---------------- inner page common ---------------- */
div.cpbannerback{ width:100%; height:auto; overflow:hidden; }
div.cpbannerback img{ width:100%; display:block; }

div.cponetitleback{
  width:100%; max-width:var(--nm-max); height:auto; line-height:1.3; text-align:left;
  color:var(--nm-dark); font-size:40px; font-weight:700;
  margin:72px auto 22px; padding:0 3%; box-sizing:border-box;
}
div.cponedescbk{
  width:100%; max-width:var(--nm-max); padding:0 3% 34px; border-bottom:1px solid var(--nm-line);
  line-height:1.9; color:var(--nm-muted); font-size:15px; margin:0 auto; box-sizing:border-box;
}

div.cptwomain{ width:100%; max-width:var(--nm-max); margin:0 auto; padding:0 3%; box-sizing:border-box; }
div.cptwomianlist{ width:100%; height:auto; padding-top:76px; }
div.cptwomainlistleft{ width:46%; height:auto; float:left; }
div.cptwomainlistleft img{ width:100%; height:auto; display:block; }
div.cptwomainlistright{ width:48%; float:left; margin-left:4%; margin-top:0; padding-top:16px; }
div.cptwomainlistrighttitle{
  width:100%; height:auto; line-height:1.4; color:var(--nm-dark); font-size:30px; font-weight:700;
}
div.cptwomainlistrightdesc{
  width:100%; height:auto; line-height:1.9; color:var(--nm-muted); font-weight:400;
  margin:16px 0 26px; font-size:15px;
}
div.cptwomainlistrightmore{
  width:auto; min-width:150px; height:44px; line-height:44px; background:var(--nm-red);
  padding:0 22px; text-align:center; color:#fff; font-size:14px; cursor:pointer;
  box-shadow:none; display:inline-block; position:relative; border-radius:0;
  transition:background .25s ease;
}
div.cptwomainlistrightmore:hover{ background:var(--nm-red-dark); }
div.cptwomainlistrightmorebg{ background:var(--nm-red-dark); }
div.cptwomainlistrightmorenavbk{ border:1px solid var(--nm-line); border-top:none; background:#fff; top:50px; }
div.cptwomainlistrightmorenav{ border-top:1px solid var(--nm-line); background:#fff; }
div.cptwomainlistrightmorenav a{ color:var(--nm-text); }
div.cptwomainlistrightmorenav:hover{ background:var(--nm-light); }
div.cptwomainlistrightmorenav:hover a{ color:var(--nm-red); text-decoration:none; }

div.cpthreeback{
  width:100%; max-width:var(--nm-max); margin:76px auto 0; padding:44px 3% 0;
  border-top:1px solid var(--nm-line); box-sizing:border-box; clear:both;
}
div.cpthreetitleback{
  width:100%; height:auto; line-height:1.4; text-align:left; color:var(--nm-dark);
  font-size:24px; font-weight:700; margin-bottom:30px;
}
div.cpthreelist{ width:25%; float:left; height:auto; margin-bottom:26px; padding:0 10px; box-sizing:border-box; }
div.cpthreelistpic{ width:100%; height:auto; margin:auto; }
div.cpthreelistpic img{ width:100%; display:block; }
div.cpthreelisttitle{ width:100%; height:auto; line-height:1.6; padding:14px 0; background:none; color:var(--nm-dark); font-size:15px; }
div.cpthreelisttitle:hover{ color:var(--nm-red); text-decoration:none; }

/* ---------------- product detail / breadcrumb ---------------- */
div.cp1mianback{ width:100%; max-width:var(--nm-max); margin:auto; padding:0 3%; box-sizing:border-box; }
div.cp1bread{
  width:100%; height:auto; line-height:1.8; padding:34px 0 0; font-size:14px; color:var(--nm-faint);
}
div.cp1bread a{ color:var(--nm-faint); }
div.cp1bread a:hover{ color:var(--nm-red); }
div.cp1toptitle{
  width:100%; height:auto; line-height:1.35; color:var(--nm-dark); font-size:38px; font-weight:700;
  margin-top:14px;
}
div.cp1toppic{ width:100%; height:auto; margin:20px 0 14px; font-size:15px; line-height:1.9; }
div.cp1topdesc{
  width:100%; height:auto; padding:26px 0 40px; color:var(--nm-muted); font-size:15px;
  border-top:1px solid var(--nm-line); border-bottom:1px solid var(--nm-line);
  line-height:1.95; margin-bottom:40px;
}
div.cp1listnav{ width:100%; margin-bottom:64px; height:auto; }
div.cp1listnavright{ width:56%; margin-left:4%; margin-top:0; padding-top:30px; }
div.cp1listnavrighttitle{
  width:100%; height:auto; line-height:1.4; color:var(--nm-dark); font-size:30px;
}
div.cp1listnavrightftitle{
  width:100%; height:auto; line-height:1.6; color:var(--nm-red); font-size:16px; font-weight:700;
}
div.cp1listnavrightdesc{
  width:100%; height:auto; line-height:1.9; margin-top:12px; color:var(--nm-muted); font-size:15px;
}
div.cp1listnavrightmore{ color:var(--nm-red); font-size:14px; }
div.cp1showtoppic{ border-bottom:1px solid var(--nm-line); padding:56px 0 72px; }
div.cp1showtopleftcont{ width:68%; }
div.cp1showtopleftconttitle{ height:auto; line-height:1.4; color:var(--nm-dark); font-size:26px; font-weight:700; }
div.cp1showtopleftcontcontent{ color:var(--nm-muted); font-size:15px; line-height:1.95; }
div.cp1showtoprighttitle{ color:var(--nm-dark); }
div.cp1showtoprightcontent a{ color:var(--nm-red) !important; }

/* ---------------- solutions ---------------- */
div.jiejuetitleback{
  width:100%; max-width:var(--nm-max); height:auto; line-height:1.35; text-align:left;
  color:var(--nm-dark); font-size:40px; font-weight:700;
  margin:72px auto 18px; padding:0 3%; box-sizing:border-box;
}
div.jiejuedescback{
  width:100%; max-width:var(--nm-max); margin:0 auto; padding:0 3% 34px;
  border-bottom:1px solid var(--nm-line); line-height:1.9; color:var(--nm-muted); font-size:15px;
  box-sizing:border-box;
}
div.jiejue_list{
  width:100%; max-width:var(--nm-max); margin:0 auto; padding:64px 3%;
  border-bottom:1px solid var(--nm-line); box-sizing:border-box;
}
div.jiejue_list > a{
  display:flex; align-items:center; justify-content:space-between; width:100%;
}
div.jiejue_listpic{ width:44%; height:auto; float:none; overflow:hidden; }
div.jiejue_listpic img{ width:100%; height:auto; display:block; }
div.jiejue_listcont{ width:48%; height:auto; float:none; margin:0; }
div.jiejue_listconttitle{
  width:100%; height:auto; line-height:1.4; color:var(--nm-dark); font-size:24px; font-weight:700;
}
div.jiejue_listcontline{ background:var(--nm-line); margin:18px 0; }
div.jiejue_listcontdesc{ width:100%; height:auto; line-height:1.9; color:var(--nm-muted); font-size:15px; margin-bottom:18px; }
div.jiejue_listcontmore{
  min-width:150px; padding:0 22px; height:44px; line-height:44px; border:none;
  background:var(--nm-red); color:#fff; font-size:14px; border-radius:0;
}
div.jiejue_list:hover div.jiejue_listcontmore{ background:var(--nm-red-dark); border:none; color:#fff; }
div.jiejue_list:nth-child(2n) div.jiejue_listpic{ float:none; order:2; }
div.jiejue_list:nth-child(2n) div.jiejue_listcont{ float:none; margin-left:0; order:1; }
div.jiejueshow_contentback{ line-height:1.95; color:var(--nm-muted); font-size:15px; }

/* ---------------- downloads ---------------- */
div.down_topline{ max-width:var(--nm-max); border-bottom:1px solid var(--nm-line); }
div.down_toplistback{ max-width:var(--nm-max); padding-left:3%; padding-right:3%; box-sizing:border-box; }
div.down_toplisttitleback{ border-bottom:1px solid var(--nm-line); }
div.down_toplistleft{ color:var(--nm-dark); font-size:24px; font-weight:700; }
div.down_toplistrtnav{ border-radius:0; color:var(--nm-muted); }
div.down_toplistrtnav:hover,
div.down_toplistrtnavbg{ background:var(--nm-red); color:#fff; }
div.down_toplistrtnav1,
div.down_toplistrtnav2{ border-radius:0; color:var(--nm-muted); }
div.down_toplistrtnav1:hover,
div.down_toplistrtnav2:hover,
div.down_toplistrtnavbg{ background:var(--nm-red); color:#fff; }
div.down_toplist{ border-bottom:1px solid var(--nm-line); background-position:calc(100% - 12px) center; }
div.down_toplistlefttitle{ color:var(--nm-text); font-size:16px; }
div.down_toplist:hover div.down_toplistlefttitle{ color:var(--nm-red); }
div.downtwotitleback{
  height:auto; line-height:1.4; border-bottom:1px solid var(--nm-line); text-align:left;
  color:var(--nm-dark); font-size:30px; font-weight:700; margin-top:60px; padding-bottom:24px;
}
div.down_twoback{ max-width:var(--nm-max); padding:0 3%; box-sizing:border-box; }
div.downtwonav{ border-bottom:1px solid var(--nm-line); }
div.downtwonavtitle{ color:var(--nm-dark); font-size:16px; }
div.down_ssback{ border:1px solid var(--nm-line); height:auto; padding:44px 0; }
div.donw_ssleft{ background-size:contain; background-repeat:no-repeat; }
div.fuwu_bottomform{ max-width:var(--nm-max); padding:0 3%; box-sizing:border-box; }
div.fuwu_bottomformnav,
div.fuwu_bottomformnav1{ background:#fff; border:1px solid #ddd; }
div.fuwu_bottomsubmit{
  border:none; background:var(--nm-red); color:#fff; border-radius:0;
}
div.fuwu_bottomsubmit input{ color:#fff; }

/* ---------------- about / contact / partner / video ---------------- */
div.gywmtitleback{
  height:auto; background:none; color:var(--nm-dark); font-size:40px; font-weight:700;
  line-height:1.35; text-align:left; max-width:var(--nm-max); margin:72px auto 0;
  padding:0 3%; box-sizing:border-box;
}
div.gywmtwoback{
  max-width:var(--nm-max); color:var(--nm-muted); font-size:15px; font-weight:400;
  border-top:1px solid var(--nm-line); margin:28px auto 120px; padding:36px 3% 0;
  line-height:1.95; box-sizing:border-box;
}
div.lxwmtopback{
  max-width:var(--nm-max); margin:0 auto; padding:70px 3% 0; box-sizing:border-box;
}
div.lxwmtoptitle_1{ height:auto; line-height:1.35; text-align:left; color:var(--nm-dark); font-size:40px; font-weight:700; }
div.lxwmtoptitle_2{ height:auto; line-height:1.6; text-align:left; color:var(--nm-muted); font-weight:400; font-size:18px; }
div.lxwmtoptitle_1{ height:auto; line-height:1.35; text-align:left; color:var(--nm-dark); font-size:40px; font-weight:700; }
div.lxwmtoptitle_2{ height:auto; line-height:1.6; text-align:left; color:var(--nm-muted); font-weight:400; font-size:18px; }
div.lxwmtwomain{ max-width:var(--nm-max); border-top:1px solid var(--nm-line); padding:56px 3% 0; box-sizing:border-box; }
div.lxwmtwolt{ background:var(--nm-light); }
div.lxwmtwoltcont{ color:var(--nm-muted); font-size:15px; line-height:2; }
div.hezuotwoback{
  max-width:var(--nm-max); color:var(--nm-muted); font-size:15px; font-weight:400;
  border-top:1px solid var(--nm-line); margin:28px auto 60px; padding:36px 3% 0;
  line-height:1.95; box-sizing:border-box;
}
div.hezuothreetitleback{ height:auto; line-height:1.4; text-align:left; color:var(--nm-dark); font-size:30px; font-weight:700; }
div.hezuothreecont{ color:var(--nm-muted); font-size:15px; line-height:1.9; }
div.shipintopnavback{ max-width:var(--nm-max); padding:48px 3%; }
div.shipintopnav{ height:48px; line-height:48px; border:1px solid #ddd; border-radius:0; }
div.shipintopnav:hover,
div.shipintopnavbg{ background:var(--nm-red); border-color:var(--nm-red); }
div.shipinlistback{ max-width:var(--nm-max); padding:0 3%; box-sizing:border-box; }
div.shipinlist{ margin-left:0; margin-right:2%; }
div.shipinlist:hover div.shipintopnavtitle{ color:var(--nm-red); }

/* ---------------- news / article ---------------- */
div.xinwenxxback{ max-width:var(--nm-max); padding:0 3%; box-sizing:border-box; }
div.xinwenxxtoptitleback{ height:auto; line-height:1.5; text-align:left; color:var(--nm-dark); font-size:32px; }
div.xinwenxxtopcontent{ color:var(--nm-muted); line-height:1.95; font-size:15px; }
div.xinwenxxtopdata{ border-bottom:1px solid var(--nm-line); color:var(--nm-faint); }

/* ---------------- pagination & forms ---------------- */
.pagination a{ border-radius:0; }
.pagination a:hover,
.pagination a.cur,
.pagination .page_xyy:hover,
.pagination .page_syy:hover{ color:var(--nm-red); }
.pagination p.pageRemark,
.pagination p.pageEllipsis{ color:var(--nm-red); border-radius:0; }
input[type="text"],textarea{
  border:1px solid #ddd; border-radius:0; transition:border-color .25s ease;
}
input[type="text"]:focus,textarea:focus{ border-color:var(--nm-red); outline:none; }

/* keep customer-service / app related links visible and untouched */
div.publicfooternavdesc a[href*="8081"]{ color:var(--nm-faint) !important; }

/* ---------------- responsive ---------------- */
@media screen and (max-width:1200px){
  div.headerleftnav{ margin:0 10px; font-size:15px; }
  div.headerrtss{ width:160px; }
  div.indexonemain{ gap:32px; }
  div.indextwo{ gap:26px; }
  div.indexthreeback{ gap:26px; }
  div.indexthreelist{ padding:30px; }
  div.cptwomainlistrighttitle{ font-size:26px; }
}
@media screen and (max-width:1024px){
  div.headerrtss{ display:none; }
  div.headerleftnav{ margin:0 8px; font-size:14px; }
  div.indexonemain{ grid-template-columns:1fr; gap:36px; }
  div.indextwo{ grid-template-columns:1fr 1fr; }
  div.indexthreeback{ grid-template-columns:1fr; }
  div.cptwomainlistleft,
  div.cptwomainlistright{ width:100%; float:none; margin:0; padding-top:0; }
  div.cptwomainlistright{ margin-top:28px; }
  div.jiejue_list > a{ flex-direction:column; align-items:flex-start; }
  div.jiejue_listpic,
  div.jiejue_listcont{ width:100%; order:0 !important; }
  div.jiejue_listcont{ margin-top:26px; }
  div.jiejue_list:nth-child(2n) div.jiejue_listpic{ order:0; }
  div.publicfooterleft,
  div.publicfooterright{ width:100%; float:none; padding-right:0; }
  div.publicfooterright{ margin-top:36px; }
}
@media screen and (max-width:768px){
  div.headernavback{ height:64px; padding:0 4%; }
  div.headerleftback{ height:64px; }
  div.headerleftlogo,
  div.headerleftlogo img{ width:118px; }
  div.headerleftnav{ height:64px; line-height:64px; margin:0 6px; font-size:13px; }
  div.headerleftnav>a{ height:64px; line-height:64px; }
  div.headerleftnav>a::after{ bottom:14px; }
  div.headersrcollheight{ height:64px; }
  div.indexoneback{ padding:56px 4% 48px; }
  div.indextwo{ grid-template-columns:1fr; gap:30px; }
  div.indextwonavtitle{ font-size:19px; }
  div.indexthreeback{ padding:56px 4% 0; }
  div.indexthreelist{ padding:26px; }
  div.indexthreelist > a{ flex-direction:column; align-items:flex-start; }
  div.indexthreelistleft,
  div.indexthreelistright{ width:100%; }
  div.indexthreelistright{ margin-top:22px; }
  div.cponetitleback,
  div.jiejuetitleback,
  div.gywmtitleback,
  div.lxwmtoptitle_1{ font-size:30px; padding:0 4%; margin-top:52px; }
  div.cponedescbk,
  div.jiejuedescback,
  div.gywmtwoback{ padding-left:4%; padding-right:4%; }
  div.cptwomain{ padding:0 4%; }
  div.cptwomainlistrighttitle{ font-size:24px; }
  div.cpthreelist{ width:50%; }
  div.lxwmtwolt,
  div.lxwmtwort{ width:100%; float:none; }
  div.publicfooterback{ padding:44px 4% 0; }
  div.publicfooterdh{ width:100%; float:none; }
  div.publicfooternav{ width:100%; float:none; min-height:0; margin-bottom:24px; }
}

/* ---------------- industrial hero banner ---------------- */
.nm-hero{
  position:relative; width:100%; overflow:hidden;
  background:#0d0d0d url(/template/default/index/img/nm-hero-bg.jpg) center center/cover no-repeat;
}
.nm-hero::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg,rgba(10,10,10,.96) 0%,rgba(10,10,10,.86) 32%,rgba(10,10,10,.42) 58%,rgba(10,10,10,.12) 100%);
}
.nm-hero::after{
  content:""; position:absolute; top:-20%; right:6%; width:46%; height:140%;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.05) 50%,rgba(255,255,255,0) 100%);
  transform:skewX(-18deg);
}
.nm-hero-media{ display:none; }
.nm-hero-media::before{
  content:""; position:absolute; left:-14px; top:-14px; width:70px; height:4px; background:var(--nm-red);
}
.nm-hero-media img{ display:none; }
.nm-hero-inner{
  position:relative; z-index:2; max-width:1360px; margin:0 auto; padding:0 3%;
  height:560px; display:flex; align-items:center; justify-content:space-between;
  box-sizing:border-box;
}
.nm-hero-text{ text-align:left; width:52%; }
.nm-hero-kicker{
  color:var(--nm-red); font-size:13px; font-weight:700; letter-spacing:3px;
  margin-bottom:20px;
}
.nm-hero-title{ text-align:left;
  margin:0 0 22px; color:#fff; font-size:52px; line-height:1.22; font-weight:700;
  letter-spacing:1px;
}
.nm-hero-desc{
  color:#b9b9b9; font-size:16px; line-height:1.9; max-width:520px; margin:0 0 34px;
}
.nm-hero-actions{ display:flex; align-items:center; gap:16px; }
.nm-btn-primary{
  display:inline-block; height:50px; line-height:50px; padding:0 30px;
  background:var(--nm-red); color:#fff !important; font-size:15px; border-radius:0;
  transition:background .25s ease;
}
.nm-btn-primary:hover{ background:var(--nm-red-dark); color:#fff !important; }
.nm-btn-ghost{
  display:inline-block; height:48px; line-height:46px; padding:0 28px;
  border:1px solid #565656; color:#ddd !important; font-size:15px; border-radius:0;
  transition:all .25s ease;
}
.nm-btn-ghost:hover{ border-color:var(--nm-red); color:#fff !important; }

@media screen and (max-width:1024px){
  .nm-hero-inner{ height:480px; }
  .nm-hero-title{ font-size:40px; }
  .nm-hero-desc{ font-size:15px; }
}
@media screen and (max-width:768px){
  .nm-hero-inner{
    height:auto; flex-direction:column; align-items:flex-start;
    padding:44px 5% 0;
  }
  .nm-hero-text{ width:100%; }
  .nm-hero-kicker{ font-size:11px; letter-spacing:2px; margin-bottom:14px; }
  .nm-hero-title{ font-size:29px; line-height:1.3; margin-bottom:14px; }
  .nm-hero-desc{ font-size:14px; line-height:1.8; margin-bottom:24px; }
  .nm-hero-actions{ flex-wrap:wrap; gap:12px; }
  .nm-btn-primary{ height:44px; line-height:44px; padding:0 22px; font-size:14px; }
  .nm-btn-ghost{ height:42px; line-height:40px; padding:0 20px; font-size:14px; }
  .nm-hero{ background-position:70% center; }
  .nm-hero::before{ background:linear-gradient(180deg,rgba(10,10,10,.94) 0%,rgba(10,10,10,.74) 55%,rgba(10,10,10,.48) 100%); }
  .nm-hero-inner{ min-height:440px; padding-bottom:44px; }
}

/* ---------------- download center ---------------- */
.dl-hero{ background:#232323; padding:64px 3% 56px; }
.dl-hero-inner{ max-width:1360px; margin:0 auto; }
.dl-kicker{ color:var(--nm-red); font-size:12px; font-weight:700; letter-spacing:3px; margin-bottom:14px; }
.dl-hero h1{ margin:0 0 14px; color:#fff; font-size:44px; font-weight:700; line-height:1.2; }
.dl-hero p{ margin:0; color:#b9b9b9; font-size:15px; }
.dl-wrap{ max-width:1360px; margin:0 auto; padding:56px 3% 90px; display:flex; gap:40px; box-sizing:border-box; }
.dl-side{ width:220px; flex:none; }
.dl-side-title{ font-size:13px; color:#999; letter-spacing:1px; margin-bottom:16px; }
.dl-cat{ display:block; padding:14px 18px; border-left:2px solid transparent; color:#333; font-size:15px; margin-bottom:4px; transition:all .2s ease; }
.dl-cat:hover{ color:var(--nm-red); }
.dl-cat.active{ color:var(--nm-red); border-left-color:var(--nm-red); background:#f7f7f7; font-weight:700; }
.dl-main{ flex:1; min-width:0; }
.dl-panel{ display:none; }
.dl-panel.active{ display:block; }
.dl-panel-head{ display:flex; align-items:baseline; justify-content:space-between; border-bottom:1px solid var(--nm-line); padding-bottom:18px; margin-bottom:6px; }
.dl-panel-head h2{ margin:0; color:var(--nm-dark); font-size:24px; font-weight:700; }
.dl-panel-head span{ color:#999; font-size:13px; }
.dl-item{ display:flex; align-items:center; gap:18px; padding:18px 4px; border-bottom:1px solid var(--nm-line); }
.dl-ext{ width:48px; height:48px; flex:none; background:#f4f4f4; color:var(--nm-red); font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; letter-spacing:.5px; }
.dl-info{ flex:1; min-width:0; }
.dl-name{ color:#232323; font-size:15px; line-height:1.5; word-break:break-all; }
.dl-meta{ color:#999; font-size:12px; margin-top:4px; }
.dl-btn{ flex:none; height:38px; line-height:36px; padding:0 18px; border:1px solid var(--nm-red); color:var(--nm-red); font-size:13px; transition:all .2s ease; }
.dl-btn:hover{ background:var(--nm-red); color:#fff; }

/* ---------------- about page ---------------- */
.ab-hero{ width:100%; height:330px; background:#b5121b url(/template/default/index/img/about-hero.jpg) center center/cover no-repeat; display:flex; align-items:center; justify-content:center; }
.ab-hero h1{ margin:0; color:#fff; font-size:46px; font-weight:700; letter-spacing:3px; }
.ab-subnav{ background:#fff; border-bottom:1px solid var(--nm-line); }
.ab-subnav-inner{ max-width:1360px; margin:0 auto; padding:0 3%; height:56px; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; }
.ab-subnav a{ display:inline-block; line-height:56px; padding:0 22px; color:var(--nm-text); font-size:14px; border-bottom:2px solid transparent; }
.ab-subnav a.active{ color:var(--nm-red); border-bottom-color:var(--nm-red); font-weight:700; }
.ab-crumb{ color:var(--nm-faint); font-size:13px; }
.ab-main{ max-width:1360px; margin:0 auto; padding:54px 3% 100px; box-sizing:border-box; }
.ab-title{ text-align:center; color:var(--nm-dark); font-size:26px; font-weight:700; }
.ab-title::after{ content:""; display:block; height:1px; background:var(--nm-line); margin-top:26px; }
.ab-intro{ display:flex; gap:56px; align-items:flex-start; margin-top:46px; }
.ab-photo{ width:44%; flex:none; background:var(--nm-light); padding:22px; box-sizing:border-box; }
.ab-photo img{ width:100%; height:auto; display:block; }
.ab-text{ flex:1; min-width:0; }
.ab-text h2{ margin:0 0 20px; color:var(--nm-dark); font-size:24px; font-weight:700; }
.ab-content{ color:var(--nm-muted); font-size:15px; line-height:1.95; }
.ab-content p{ margin:0 0 14px; }
.ab-tagline{ margin-top:22px; color:var(--nm-dark); font-size:16px; font-weight:700; }

/* ---------------- product center ---------------- */
.pr-hero{ width:100%; height:330px; background:#b5121b url(/template/default/index/img/products-hero.jpg) center center/cover no-repeat; display:flex; align-items:center; justify-content:center; }
.pr-hero h1{ margin:0; color:#fff; font-size:46px; font-weight:700; letter-spacing:3px; }
.pr-breadcrumb{ max-width:1360px; margin:0 auto; padding:20px 3% 0; color:var(--nm-faint); font-size:13px; box-sizing:border-box; }
.pr-wrap{ max-width:1360px; margin:0 auto; padding:24px 3% 100px; display:flex; gap:32px; box-sizing:border-box; }
.pr-side{ width:220px; flex:none; align-self:flex-start; }
.pr-side-title{ background:var(--nm-red); color:#fff; font-size:16px; font-weight:700; padding:16px 18px; }
.pr-cat{ display:block; padding:13px 18px; border-bottom:1px solid var(--nm-line); color:var(--nm-text); font-size:14px; background:#f7f7f7; border-left:2px solid transparent; }
.pr-cat:hover,.pr-cat.active{ color:var(--nm-red); background:#fff; font-weight:700; border-left-color:var(--nm-red); }
.pr-subs{ background:#f7f7f7; border-bottom:1px solid var(--nm-line); }
.pr-subcat{ display:block; padding:9px 18px 9px 30px; font-size:13px; color:var(--nm-muted); }
.pr-subcat:hover,.pr-subcat.active{ color:var(--nm-red); }
.pr-main{ flex:1; min-width:0; }
.pr-title{ margin:4px 0 26px; color:var(--nm-dark); font-size:26px; font-weight:700; }
.pr-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.pr-card{ background:#fff; border:1px solid var(--nm-line); box-sizing:border-box; transition:box-shadow .25s ease; }
.pr-card:hover{ box-shadow:0 12px 30px rgba(0,0,0,.08); }
.pr-card a{ display:block; padding:22px 20px 0; color:var(--nm-text); }
.pr-card-title{ height:48px; display:flex; align-items:center; justify-content:center; text-align:center; color:var(--nm-dark); font-size:17px; font-weight:700; line-height:1.4; overflow:hidden; }
.pr-card-sub{ height:38px; margin-top:4px; text-align:center; color:var(--nm-faint); font-size:13px; line-height:1.4; overflow:hidden; }
.pr-card-img{ height:190px; margin:12px 0; display:flex; align-items:center; justify-content:center; }
.pr-card-img img{ max-width:100%; max-height:190px; display:block; }
.pr-card-feats{ min-height:44px; color:var(--nm-muted); font-size:12px; line-height:1.7; }
.pr-feat{ margin-bottom:2px; }
.pr-card-model{ min-height:20px; margin-top:8px; color:var(--nm-faint); font-size:12px; }
.pr-card-btn{ margin:14px -20px 0; height:40px; line-height:40px; text-align:center; background:var(--nm-red); color:#fff; font-size:14px; transition:background .2s ease; }
.pr-card a:hover .pr-card-btn{ background:var(--nm-red-dark); }
.pr-empty{ padding:60px 0; text-align:center; color:var(--nm-faint); }

/* ---------------- product detail ---------------- */
.pd-head{ background:#fff; border-bottom:1px solid var(--nm-line); }
.pd-head-inner{ max-width:1360px; margin:0 auto; padding:0 3%; height:80px; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; }
.pd-logo img{ height:34px; display:block; }
.pd-nav a{ margin-left:30px; color:var(--nm-text); font-size:15px; }
.pd-nav a:hover{ color:var(--nm-red); }
.pd-breadcrumb{ max-width:1360px; margin:0 auto; padding:24px 3% 0; color:var(--nm-faint); font-size:13px; box-sizing:border-box; }
.pd-main{ max-width:1360px; margin:0 auto; padding:30px 3% 80px; display:flex; gap:56px; box-sizing:border-box; }
.pd-gallery{ width:46%; flex:none; background:var(--nm-light); padding:24px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; }
.pd-gallery img{ max-width:100%; max-height:460px; display:block; }
.pd-info{ flex:1; min-width:0; padding-top:8px; }
.pd-info h1{ margin:0 0 12px; color:var(--nm-dark); font-size:32px; font-weight:700; line-height:1.35; }
.pd-sub{ margin-bottom:22px; color:var(--nm-muted); font-size:15px; line-height:1.8; }
.pd-feats{ list-style:none; margin:0 0 22px; padding:0; }
.pd-feats li{ position:relative; padding-left:18px; margin-bottom:8px; color:var(--nm-muted); font-size:14px; line-height:1.7; }
.pd-feats li::before{ content:"\25B6"; position:absolute; left:0; top:1px; color:var(--nm-red); font-size:10px; }
.pd-model{ padding-top:18px; border-top:1px solid var(--nm-line); color:var(--nm-muted); font-size:14px; line-height:1.8; }
.pd-model b{ color:var(--nm-dark); }
.pd-model span{ margin-left:18px; }
.pd-actions{ display:flex; gap:14px; margin-top:28px; }
.pd-btn{ display:inline-block; height:46px; line-height:46px; padding:0 26px; background:var(--nm-red); color:#fff !important; font-size:15px; border-radius:0; }
.pd-btn:hover{ background:var(--nm-red-dark); color:#fff !important; }
.pd-ghost{ background:none; border:1px solid #cfcfcf; color:var(--nm-text) !important; line-height:44px; }
.pd-ghost:hover{ border-color:var(--nm-red); color:var(--nm-red) !important; background:none; }
.pd-footer{ background:var(--nm-dark); padding:38px 3%; color:#9a9a9a; font-size:13px; line-height:1.9; }
.pd-footer-inner{ max-width:1360px; margin:0 auto; }
.pd-f-title{ margin-bottom:6px; color:#fff; font-size:16px; font-weight:700; }
.pd-copy{ margin-top:20px; padding-top:18px; border-top:1px solid rgba(255,255,255,.08); color:#777; }

@media screen and (max-width:768px){
  .pd-head-inner{ height:64px; padding:0 5%; }
  .pd-logo img{ height:28px; }
  .pd-nav{ display:none; }
  .pd-breadcrumb{ padding:16px 5% 0; font-size:12px; }
  .pd-main{ flex-direction:column; gap:24px; padding:18px 5% 50px; }
  .pd-gallery{ width:100%; padding:16px; }
  .pd-gallery img{ max-height:300px; }
  .pd-info h1{ font-size:25px; }
  .pd-sub{ font-size:14px; margin-bottom:16px; }
  .pd-actions{ flex-wrap:wrap; }
  .pd-btn{ height:42px; line-height:42px; padding:0 20px; font-size:14px; }
  .pd-ghost{ line-height:40px; }
  .pd-footer{ padding:28px 5%; font-size:12px; }
}