@charset "utf-8";
/* ============================================
   山西厚发商贸有限公司 - 全站共享样式
   基于参考站分析：主色 #0095db / 辅色 #ff9800
   ============================================ */

/* --- CSS Reset --- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
table { border-collapse: collapse; border-spacing: 0; }
table th, table td { padding: 5px; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
a { color: #666; text-decoration: none; }
a:focus { outline: none; }
a:hover { text-decoration: underline; }
p { word-spacing: -1.5px; }

/* --- 全局 --- */
body {
  background-color: #fff;
  overflow-x: hidden;
  color: #666;
  font-size: 12px;
  font-family: microsoft yahei, "宋体", arial, helvetica, sans-serif;
  position: relative;
}
.container, .topbox, .footerbox {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
}
.container { overflow: hidden; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.tc { text-align: center; }
.tr { text-align: right; }

/* --- 顶部信息栏 (lotbox) --- */
.topbox { width: 100%; overflow: hidden; background: #fff; }
.lotbox {
  overflow: hidden;
  width: 100%;
  height: 33px;
  border-bottom: 1px solid #e8e8e8;
  background: #fff;
}
.lotbox .container { overflow: hidden; }
.lotbox .lotl {
  font-size: 13px;
  color: #666666;
  float: left;
  line-height: 33px;
}
.lotbox .lotr {
  overflow: hidden;
  float: right;
  margin-top: 8px;
  height: 17px;
  line-height: 17px;
}
.lotbox .lotr li {
  float: left;
  padding: 0 10px 0 28px;
  border-left: 1px solid #e8e8e8;
  font-size: 13px;
}
.lotbox .lotr li:first-child { border: none; }
.lotbox .lotr li.last { padding-right: 0; }
.lotbox .lotr li a { color: #666; }
.lotbox .lotr .li-bookmark { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>') no-repeat 10px center; }
.lotbox .lotr .li-contact { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>') no-repeat 10px center; }

/* --- Logo 区域 (logobox) --- */
.logobox {
  overflow: hidden;
  min-height: 109px;
  background: #fff;
}
.logobox .logodl {
  overflow: hidden;
  float: left;
  margin-top: 23px;
}
.logobox .logodt { float: left; overflow: hidden; display: flex; align-items: center; }
.logobox .logodt h1 { font-size: 0; }
.logobox .logodt .logo-svg { display: inline-block; }
.logobox .logodd {
  overflow: hidden;
  float: left;
  margin-top: 10px;
  margin-left: 26px;
  padding-left: 16px;
  border-left: 1px solid #e8e8e8;
}
.logobox .logodd h2 {
  font-size: 16px;
  color: #333333;
  padding-bottom: 6px;
  font-weight: normal;
}
.logobox .logodd p {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}
.logobox .logodd p span { color: #ff9800; }
.logobox .logotel {
  overflow: hidden;
  float: right;
  margin-top: 32px;
  padding-left: 50px;
  width: 205px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="%230087d5" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>') no-repeat left top;
}
.logobox .logotel p { font-size: 14px; color: #333333; }
.logobox .logotel i {
  font-size: 28px;
  font-family: Myriad Pro, Arial;
  color: #0087d5;
  display: block;
  font-weight: bold;
}

/* --- 导航栏 (menubox) --- */
.menubox {
  width: 100%;
  height: 42px;
  background: linear-gradient(180deg, #0095db 0%, #007db8 100%);
}
.menubox .container { overflow: visible; }
.menubox ul {
  width: 102%;
  height: 42px;
}
.menubox li {
  float: left;
  font-size: 15px;
  border-left: 1px solid #22a7e0;
  height: 42px;
  line-height: 42px;
  border-right: 1px solid #008eca;
}
.menubox li:first-child { border-left: none; }
.menubox li:last-child { border-right: none; }
.menubox li a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 0 22px;
}
.menubox li:hover, .menubox li.cur {
  background: linear-gradient(180deg, #007db8 0%, #006a9e 100%);
}
.menubox li:hover a, .menubox li.cur a { text-decoration: none; }

/* 下拉子菜单 */
.menubox li.has-sub { position: relative; }
.menubox li .submenu {
  display: none;
  position: absolute;
  top: 42px;
  left: 0;
  width: 160px;
  background: #0095db;
  z-index: 1000;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
.menubox li:hover .submenu { display: block; }
.menubox li .submenu a {
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  border-bottom: 1px solid #22a7e0;
  padding: 0 20px;
  color: #fff;
}
.menubox li .submenu a:hover { background: #007db8; text-decoration: none; }

/* 移动端汉堡菜单 */
.hamburger {
  display: none;
  float: right;
  width: 42px;
  height: 42px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.hamburger span {
  display: block;
  width: 24px;
  height: 2px;
  background: #fff;
  transition: all 0.3s;
}
.hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }

/* --- 搜索栏 (searchbox) --- */
.searchbox {
  width: 100%;
  overflow: hidden;
  height: 43px;
  background: #fff;
}
.searchbox .sinput {
  width: 317px;
  height: 28px;
  border: 1px solid #e1e1e1;
  overflow: hidden;
  float: left;
  margin-top: 7px;
}
.searchbox .sinput input {
  width: 270px;
  height: 28px;
  line-height: 28px;
  text-indent: 10px;
  padding-right: 5px;
  font-size: 13px;
  border: none;
  outline: none;
  float: left;
}
.searchbox .sinput button {
  border: none;
  border-left: 1px solid #e1e1e1;
  background: none;
  cursor: pointer;
  float: right;
  width: 36px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.searchbox .sinput button svg { width: 18px; height: 18px; }
.searchbox .shotkeys {
  float: left;
  width: 842px;
  height: 43px;
  line-height: 43px;
  margin-left: 36px;
}
.searchbox .shotkeys a {
  font-size: 13px;
  color: #666666;
  margin-right: 24px;
}
.searchbox .shotkeys span {
  color: #333333;
  font-size: 13px;
  font-weight: bold;
}

/* --- Banner 轮播 (bannerbox) --- */
.bannerbox {
  overflow: hidden;
  width: 100%;
  height: 507px;
  position: relative;
}
.bannerbox .bslides {
  position: relative;
  height: 507px;
  overflow: hidden;
}
.bannerbox .bslide {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 507px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.bannerbox .bslide.active { opacity: 1; z-index: 2; }
.bannerbox .bslide .btext {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 3;
}
.bannerbox .bslide .btext h2 {
  font-size: 42px;
  font-weight: bold;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5);
  margin-bottom: 12px;
}
.bannerbox .bslide .btext p {
  font-size: 20px;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}
.bannerbox .bdots {
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 30px;
  text-align: center;
  z-index: 999;
}
.bannerbox .bdots span {
  display: inline-block;
  width: 40px;
  height: 3px;
  background: #a2a9ad;
  margin-right: 12px;
  cursor: pointer;
}
.bannerbox .bdots span.cur { background: #0093d5; }
.bannerbox .barrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  width: 50px;
  height: 80px;
  background: rgba(0,0,0,0.3);
  border: none;
  cursor: pointer;
  color: #fff;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}
.bannerbox .barrow:hover { background: rgba(0,0,0,0.5); }
.bannerbox .bprev { left: 0; border-radius: 0 4px 4px 0; }
.bannerbox .bnext { right: 0; border-radius: 4px 0 0 4px; }

/* --- 产品展示 (probox) --- */
.probox {
  width: 100%;
  overflow: hidden;
  padding-bottom: 58px;
}
.probox .protop {
  width: 100%;
  overflow: hidden;
  background: #f5f5f5;
  height: 162px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.probox .protop .protit {
  float: left;
  width: 128px;
  height: 162px;
  padding: 0 46px;
  background: linear-gradient(180deg, #0095db, #007db8);
}
.probox .protop .protit p {
  font-size: 22px;
  font-family: arial;
  text-transform: uppercase;
  margin-top: 26px;
  color: #91c6eb;
}
.probox .protop .protit h2 { font-size: 32px; font-weight: bold; margin: 12px 0 28px 0; }
.probox .protop .protit h2 a { color: #fff; text-decoration: none; }
.probox .procat {
  width: 980px;
  height: 243px;
  float: left;
  overflow: hidden;
  background: #fff;
}
.probox .procat .pcat-con {
  width: 980px;
  border-left: 1px solid #e5e5e5;
  float: left;
}
.probox .procat .pcat-con:first-child { border-left: none; }
.probox .procat .pcat-top { overflow: hidden; height: 75px; }
.probox .procat .pcat-top dl { overflow: hidden; height: 50px; margin-top: 25px; }
.probox .procat .pcat-top dt { float: left; width: 50px; margin-left: 44px; }
.probox .procat .pcat-top dd { width: 180px; float: left; margin-left: 11px; }
.probox .procat .pcat-top dd p { font-size: 18px; font-weight: bold; color: #0093d5; margin-top: 11px; }
.probox .procat .pcat-top dd a { color: #0093d5; text-decoration: none; }
.probox .procat .pcat-top dd i { display: block; width: 61px; height: 2px; background: #e1e1e1; margin-top: 11px; }
.probox .procat .pcat-bottom { overflow: hidden; height: 71px; padding: 16px 24px 0; }
.probox .procat .pcat-bottom a {
  float: left;
  padding-left: 12px;
  font-size: 14px;
  color: #666666;
  text-decoration: none;
  display: block;
  width: 127px;
  margin-bottom: 10px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="%23666"><circle cx="12" cy="12" r="4"/></svg>') no-repeat left center;
}
.probox .procat .pcat-bottom a:hover { color: #ff9800; font-weight: bold; }
.probox .prolist { overflow: hidden; }
.probox .prolist ul { width: 104%; overflow: hidden; }
.probox .prolist li {
  float: left;
  height: 361px;
  width: 281px;
  margin-right: 25px;
  margin-top: 52px;
  transition: all 0.3s;
}
.probox .prolist li a { text-decoration: none; }
.probox .prolist li .pimg {
  display: block;
  width: 277px;
  height: 302px;
  margin: 2px auto 0;
  overflow: hidden;
}
.probox .prolist li .pimg img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 2s; }
.probox .prolist li .pname {
  display: block;
  width: 259px;
  padding: 0 11px;
  font-size: 14px;
  color: #333333;
  text-indent: 9px;
  line-height: 56px;
  border-bottom: 1px solid #cccccc;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>') no-repeat 254px center;
}
.probox .prolist li:hover { background: #ff9800; box-shadow: 0 5px 6px #dcdcdc; }
.probox .prolist li:hover .pname { color: #fff; }
.probox .prolist li:hover .pimg img { transform: scale(1.5); }

/* --- 痛点问题区 (qbox) --- */
.qbox {
  width: 100%;
  overflow: hidden;
  background: linear-gradient(135deg, #1a5276 0%, #2c3e50 100%);
  padding: 50px 0;
}
.qbox .container { overflow: hidden; }
.qbox .qleft { float: left; width: 45%; text-align: center; padding-top: 10px; }
.qbox .qleft img { display: block; margin: 0 auto; max-width: 100%; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.3); }
.qbox .qleft .qltitle { font-size: 26px; color: #fff; font-weight: bold; margin-top: 20px; }
.qbox .qleft .qltitle span { color: #ff9800; }
.qbox .qleft .qlsub { font-size: 14px; color: rgba(255,255,255,0.7); margin-top: 8px; }
.qbox .qright { float: right; width: 48%; }
.qbox .qright .qrtitle { font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid rgba(255,255,255,0.2); }
.qbox .qright ul { width: 100%; overflow: hidden; }
.qbox .qright li {
  height: 48px;
  line-height: 48px;
  font-size: 15px;
  color: rgba(255,255,255,0.95);
  border-bottom: 1px dotted rgba(255,255,255,0.15);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="%23ff9800"><circle cx="12" cy="12" r="6"/></svg>') no-repeat 4px center;
  transition: padding-left 0.3s;
}
.qbox .qright li:hover { padding-left: 28px; }
.qbox .qright li span { color: #ff9800; font-weight: bold; }

/* --- 产品详情展示 (featurebox) --- */
.featurebox {
  width: 100%;
  overflow: hidden;
  background: #fafafa;
  padding-bottom: 50px;
}
.featurebox .ftitle {
  width: 100%;
  overflow: hidden;
  text-align: center;
  padding-top: 51px;
}
.featurebox .ftitle h2 { font-size: 30px; color: #333; font-weight: bold; }
.featurebox .ftitle p { text-align: center; margin-top: 14px; }
.featurebox .ftitle p span {
  font-size: 18px;
  color: #666666;
  padding-left: 18px;
  margin-right: 24px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="%230095db"><circle cx="12" cy="12" r="6"/></svg>') no-repeat left center;
}
.featurebox .fcon { width: 100%; overflow: hidden; margin-top: 34px; }
.featurebox .ftabs { overflow: hidden; text-align: center; }
.featurebox .ftabs li {
  display: inline-block;
  width: 181px;
  height: 40px;
  border: 2px solid #333333;
  line-height: 40px;
  text-align: center;
  margin-right: 14px;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.3s;
}
.featurebox .ftabs li.cur {
  background: #0095db;
  height: 44px;
  width: 185px;
  border: none;
  line-height: 44px;
  color: #fff;
}
.featurebox .ftabs li:hover { background: #0095db; border-color: #0095db; color: #fff; }
.featurebox .ftabcon { width: 100%; overflow: hidden; margin-top: 46px; position: relative; }
.featurebox .ftabpanel { display: none; overflow: hidden; position: relative; }
.featurebox .ftabpanel.active { display: block; }
.featurebox .ftabpanel img { margin: 0 auto; display: block; max-width: 100%; }
.featurebox .ftabpanel .fbadge {
  position: absolute;
  background: #fff;
  padding: 12px 18px;
  border-radius: 8px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.1);
  border-left: 3px solid #0095db;
}
.featurebox .ftabpanel .fbadge h3 { font-size: 18px; color: #0095db; font-weight: bold; margin-bottom: 4px; }
.featurebox .ftabpanel .fbadge p { font-size: 14px; color: #333; line-height: 22px; }

/* --- 优势展示 (advantagebox) --- */
.advantagebox {
  width: 100%;
  overflow: hidden;
  padding-bottom: 58px;
}
.advantagebox .advtitle {
  width: 100%;
  background: linear-gradient(180deg, #0095db, #0073b0);
  height: 137px;
  text-align: center;
  padding-top: 38px;
}
.advantagebox .advtitle h2 { font-size: 30px; color: #fff; font-weight: normal; }
.advantagebox .advtitle .ad-sub { font-size: 40px; color: #fff; font-weight: bold; margin-top: 6px; }
.advantagebox .advtitle .ad-tag {
  font-size: 24px;
  color: #fff;
  width: 498px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #ff9800;
  margin: 20px auto 0;
}
.advantagebox .advcon { width: 100%; overflow: hidden; padding-top: 54px; }
.advantagebox .advcon .container { position: relative; }
.advantagebox .advcon .advline {
  position: absolute;
  top: 38px;
  left: 562px;
  z-index: 1;
  width: 76px;
  height: 1300px;
  background: linear-gradient(180deg, #0095db, #0073b0);
  opacity: 0.3;
}
.advantagebox .advitem { overflow: hidden; margin-bottom: 60px; position: relative; z-index: 2; }
.advantagebox .advitem img { display: block; float: left; width: 522px; height: 338px; object-fit: cover; border-radius: 8px; }
.advantagebox .advitem .advtext { float: right; width: 527px; padding-top: 40px; }
.advantagebox .advitem .advtext h3 { font-size: 26px; color: #333333; font-weight: bold; margin-bottom: 44px; }
.advantagebox .advitem .advtext h3 span { color: #ff9800; }
.advantagebox .advitem .advtext p {
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  margin-bottom: 24px;
  padding-left: 28px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="%230095db"><circle cx="12" cy="12" r="6"/></svg>') no-repeat left 6px;
}
.advantagebox .advitem.adv-reverse img { float: right; }
.advantagebox .advitem.adv-reverse .advtext { float: left; text-align: right; }
.advantagebox .advitem.adv-reverse .advtext p {
  padding-left: 0;
  padding-right: 28px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="%230095db"><circle cx="12" cy="12" r="6"/></svg>') no-repeat right 6px;
}

/* --- CTA 定制区 (ctabox) --- */
.ctabox {
  width: 100%;
  background: linear-gradient(135deg, #e8f4fd 0%, #d0ebfa 100%);
  height: 206px;
}
.ctabox .container { position: relative; height: 206px; }
.ctabox .cta-img { position: absolute; left: 25px; bottom: 21px; max-width: 200px; }
.ctabox .cta-con { width: 417px; position: absolute; top: 60px; left: 782px; overflow: hidden; }
.ctabox .cta-con .cta-btns { width: 131px; float: left; }
.ctabox .cta-con .cta-btns a {
  font-size: 15px;
  color: #fff;
  display: block;
  height: 39px;
  width: 131px;
  line-height: 39px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  transition: opacity 0.3s;
}
.ctabox .cta-con .cta-btns a:hover { opacity: 0.85; text-decoration: none; }
.ctabox .cta-con .cta-btns .cta-btn1 { background: #ff9800; border-bottom: 1px solid #f6dcb4; margin-bottom: 8px; }
.ctabox .cta-con .cta-btns .cta-btn2 { background: #0095db; border-top: 1px solid #b2dbef; }
.ctabox .cta-con .cta-phone { width: 190px; float: left; margin-left: 67px; }
.ctabox .cta-con .cta-phone p {
  font-size: 16px;
  color: #333333;
  height: 40px;
  line-height: 40px;
  padding-left: 50px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="%230087d5" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>') no-repeat 3px center;
}
.ctabox .cta-con .cta-phone i { display: block; color: #0087d5; font-size: 28px; font-family: 'Myriad Pro', Arial; margin-top: 2px; }

/* --- 案例展示 (casebox) --- */
.casebox {
  width: 100%;
  overflow: hidden;
  background: #f5f5f5;
  padding-bottom: 64px;
}
.casebox .ctitle {
  width: 100%;
  overflow: hidden;
  text-align: center;
  padding-top: 53px;
}
.casebox .ctitle h3 { font-size: 30px; font-weight: bold; }
.casebox .ctitle h3 a { color: #333; text-decoration: none; }
.casebox .ctitle p { font-size: 15px; color: #999999; font-family: arial; text-transform: uppercase; margin-top: 4px; }
.casebox .ccon { width: 100%; overflow: hidden; margin-top: 26px; }
.casebox .ccon ul { overflow: hidden; }
.casebox .ccon li {
  width: 365px;
  height: 421px;
  border: 1px solid #ededed;
  float: left;
  margin-left: 49px;
  overflow: hidden;
  background-color: #fff;
  transition: all 0.3s;
}
.casebox .ccon li:first-child { margin-left: 0; }
.casebox .ccon li img { display: block; width: 365px; height: 303px; object-fit: cover; }
.casebox .ccon li h3 { font-size: 15px; padding: 20px 21px; font-weight: bold; }
.casebox .ccon li h3 a { color: #333333; text-decoration: none; }
.casebox .ccon li:hover h3 a { color: #0095db; }
.casebox .ccon li p { line-height: 20px; color: #666666; font-size: 14px; height: 40px; padding: 0 21px; overflow: hidden; text-overflow: ellipsis; }
.casebox .ccon li:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.12); transform: translateY(-5px); }

/* --- 关于我们 (aboutbox) --- */
.aboutbox {
  width: 100%;
  overflow: hidden;
  background: linear-gradient(180deg, #0095db 0%, #007db8 100%);
  padding: 48px 0;
}
.aboutbox .abouttit { overflow: hidden; }
.aboutbox .abouttit h2 { font-size: 34px; width: 137px; float: left; }
.aboutbox .abouttit h2 a { color: #fff; text-decoration: none; display: block; }
.aboutbox .abouttit h2 i { display: block; width: 98px; height: 2px; background: #fff; margin-top: 14px; }
.aboutbox .abouttit p { float: left; font-size: 24px; color: #8dc4ea; font-family: arial; line-height: 24px; text-transform: uppercase; margin-left: 18px; margin-top: 8px; }
.aboutbox .aboutcon { width: 100%; overflow: hidden; margin-top: 20px; }
.aboutbox .aboutcon .aboutimg { float: left; width: 625px; }
.aboutbox .aboutcon .aboutimg img { width: 625px; height: 307px; object-fit: cover; border-radius: 4px; }
.aboutbox .aboutcon .abouttext { width: 534px; float: right; }
.aboutbox .aboutcon .abouttext h3 { font-size: 18px; font-weight: bold; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aboutbox .aboutcon .abouttext h3 a { text-decoration: none; color: #fff; }
.aboutbox .aboutcon .abouttext p { font-size: 14px; color: rgba(255,255,255,0.85); line-height: 24px; height: 120px; overflow: hidden; text-overflow: ellipsis; }
.aboutbox .aboutcon .abouttext .aboutmore {
  display: block;
  width: 137px;
  height: 40px;
  background: #ff9800;
  line-height: 40px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  margin-top: 46px;
  border-radius: 4px;
  transition: background 0.3s;
}
.aboutbox .aboutcon .abouttext .aboutmore:hover { background: #e88900; text-decoration: none; }

/* --- 荣誉资质 (honorbox) --- */
.honorbox {
  width: 100%;
  overflow: hidden;
  background: #fafafa;
  padding: 30px 0;
}
.honorbox .container { width: 1165px; padding-right: 35px; }
.honorbox .hontop { overflow: hidden; height: 34px; border-bottom: 1px solid #e5e5e5; }
.honorbox .hontop span {
  float: left;
  padding-right: 22px;
  display: block;
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="%230095db"><circle cx="12" cy="12" r="6"/></svg>') no-repeat right center;
}
.honorbox .hontop span a { color: #333333; text-decoration: none; }
.honorbox .hontop .honormore { display: block; width: 74px; height: 21px; float: right; }
.honorbox .honcon { overflow: hidden; margin-top: 19px; height: 206px; position: relative; }
.honorbox .honcon ul { overflow: hidden; width: 105%; height: 206px; position: absolute; top: 0; left: 0; }
.honorbox .honcon li {
  float: left;
  width: 145px;
  height: 204px;
  border: 1px solid #e7e7e7;
  margin-right: 56px;
  transition: all 0.3s;
}
.honorbox .honcon li img { width: 143px; height: 202px; object-fit: cover; }
.honorbox .honcon li:hover { border-color: #0095db; box-shadow: 0 4px 12px rgba(0,149,219,0.2); }

/* --- 新闻动态 (newsbox) --- */
.newsbox {
  width: 100%;
  overflow: hidden;
  padding-top: 46px;
  padding-bottom: 65px;
}
.newsbox .newsleft { width: 765px; overflow: hidden; float: left; }
.newsbox .newsleft .nltop { border-bottom: 1px solid #e0e0e0; height: 48px; }
.newsbox .newsleft .nltop ul { float: left; height: 48px; display: inline-block; }
.newsbox .newsleft .nltop li {
  line-height: 48px;
  height: 48px;
  width: 171px;
  float: left;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}
.newsbox .newsleft .nltop li a { color: #666666; text-decoration: none; display: block; }
.newsbox .newsleft .nltop li i {
  display: none;
  width: 18px;
  height: 12px;
  position: absolute;
  left: 50%;
  margin-left: -9px;
  bottom: -12px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 18 12"><polygon points="9,12 0,0 18,0" fill="%230095db"/></svg>') no-repeat center;
}
.newsbox .newsleft .nltop li.cur { background: #0095db; }
.newsbox .newsleft .nltop li.cur a { color: #fff; }
.newsbox .newsleft .nltop li.cur i { display: block; }
.newsbox .newsleft .nltop .nlmore {
  float: right;
  font-size: 14px;
  color: #999999;
  font-family: arial;
  text-decoration: none;
  text-transform: uppercase;
  padding-right: 9px;
  display: block;
  margin-top: 22px;
}
.newsbox .newsleft .nlcon { overflow: hidden; }
.newsbox .newsleft .nlpanel { display: none; overflow: hidden; margin-top: 27px; }
.newsbox .newsleft .nlpanel.active { display: block; }
.newsbox .newsleft .nlpanel .nlhead { overflow: hidden; margin-bottom: 30px; }
.newsbox .newsleft .nlpanel .nlhead .nlthumb { float: left; width: 358px; }
.newsbox .newsleft .nlpanel .nlhead .nlthumb img { width: 358px; height: 196px; object-fit: cover; border-radius: 4px; }
.newsbox .newsleft .nlpanel .nlhead .nltext { float: left; width: 366px; margin-left: 32px; }
.newsbox .newsleft .nlpanel .nlhead .nltext h3 { font-size: 18px; font-weight: normal; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsbox .newsleft .nlpanel .nlhead .nltext h3 a { color: #333333; text-decoration: none; }
.newsbox .newsleft .nlpanel .nlhead .nltext p { font-size: 14px; color: #666666; line-height: 24px; height: 72px; overflow: hidden; text-overflow: ellipsis; }
.newsbox .newsleft .nlpanel .nlhead .nltext .nlmore2 {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  width: 114px;
  height: 33px;
  line-height: 33px;
  display: block;
  background: #0095db;
  margin-top: 34px;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
}
.newsbox .newsleft .nlpanel .nllist { background: #f5f5f5; overflow: hidden; padding: 0 21px; }
.newsbox .newsleft .nlpanel .nllist li { overflow: hidden; padding: 15px 0; border-bottom: 1px dotted #ddd; }
.newsbox .newsleft .nlpanel .nllist li:last-child { border-bottom: none; }
.newsbox .newsleft .nlpanel .nllist li a {
  float: left;
  display: block;
  font-size: 14px;
  color: #666666;
  width: 530px;
  padding-left: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="%230095db"><circle cx="12" cy="12" r="6"/></svg>') no-repeat left center;
}
.newsbox .newsleft .nlpanel .nllist li span { font-size: 14px; color: #999999; float: right; }

.newsbox .newsright { overflow: hidden; width: 381px; float: right; }
.newsbox .newsright .nrtop { height: 48px; line-height: 48px; border-bottom: 1px solid #e0e0e0; overflow: hidden; }
.newsbox .newsright .nrtop h3 { font-size: 18px; font-weight: bold; display: inline-block; float: left; }
.newsbox .newsright .nrtop h3 a { color: #666666; text-decoration: none; padding-left: 26px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%230095db" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>') no-repeat left center; }
.newsbox .newsright .nrtop .nrmore { float: right; font-size: 14px; color: #999999; font-family: arial; text-decoration: none; text-transform: uppercase; padding-right: 9px; display: inline-block; }
.newsbox .newsright .nrlist { overflow: hidden; margin-top: 2px; }
.newsbox .newsright .nrlist li { padding: 22px 19px; border-bottom: 1px solid #f0f0f0; }
.newsbox .newsright .nrlist li:nth-child(even) { background: #f5f5f5; }
.newsbox .newsright .nrlist li h3 { font-size: 16px; font-weight: bold; line-height: 23px; height: 23px; margin-bottom: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 31px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="%230095db"><text x="2" y="18" font-size="18" font-weight="bold">Q</text></svg>') no-repeat left center; }
.newsbox .newsright .nrlist li h3 a { color: #333333; }
.newsbox .newsright .nrlist li p { font-size: 14px; color: #666666; line-height: 23px; padding-left: 31px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="%23ff9800"><text x="2" y="18" font-size="18" font-weight="bold">A</text></svg>') no-repeat left center; }

/* --- 友情链接 (linkbox) --- */
.linkbox {
  width: 100%;
  overflow: hidden;
  background: #e9f6fc;
  padding: 46px 0 39px 0;
}
.linkbox dl { overflow: hidden; }
.linkbox dt {
  float: left;
  padding-right: 23px;
  height: 50px;
  border-right: 1px solid #b2b8ba;
}
.linkbox dt .link-la { width: 68px; height: 18px; line-height: 17px; text-align: center; background: #0095db; color: #fff; margin: 4px 0; font-size: 16px; display: block; }
.linkbox dt span { font-size: 15px; color: #333333; font-weight: bold; }
.linkbox dt span a { color: #333; font-size: 17px; text-decoration: none; }
.linkbox dd {
  padding-left: 30px;
  float: left;
  width: 1070px;
}
.linkbox dd a {
  font-size: 14px;
  color: #666666;
  display: inline-block;
  padding: 0 17px;
  margin-bottom: 12px;
  font-family: '宋体';
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" fill="%23999"><circle cx="12" cy="12" r="4"/></svg>') no-repeat left center;
}
.linkbox dd a:first-child { padding-left: 0; background-image: none; }

/* --- 页脚 (footerbox) --- */
.footerbox { width: 100%; overflow: hidden; }
.footerbox .footertop {
  width: 100%;
  overflow: hidden;
  height: 55px;
  background: #0095db;
}
.footerbox .footertop .container { overflow: hidden; }
.footerbox .footertop ul { overflow: hidden; margin-top: 22px; }
.footerbox .footertop li { font-size: 15px; border-left: 1px solid #31aae2; float: left; }
.footerbox .footertop li:first-child { border-left: none; }
.footerbox .footertop li a { color: #fff; padding: 0 15px; }
.footerbox .footercon {
  width: 100%;
  overflow: hidden;
  padding: 40px 0;
  background: #1a1a2e;
}
.footerbox .footercon .fcol { float: left; margin-right: 50px; }
.footerbox .footercon .fcol1 { width: 320px; }
.footerbox .footercon .fcol2 { width: 200px; }
.footerbox .footercon .fcol3 { width: 240px; }
.footerbox .footercon .fcol4 { width: 280px; margin-right: 0; }
.footerbox .footercon .fcol h4 { font-size: 18px; color: #fff; margin-bottom: 22px; font-weight: bold; position: relative; padding-bottom: 12px; }
.footerbox .footercon .fcol h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background: #0095db; }
.footerbox .footercon .fcol1 p { font-size: 14px; color: #aaa; line-height: 24px; }
.footerbox .footercon .fcol ul li { margin-bottom: 14px; }
.footerbox .footercon .fcol ul li a { font-size: 14px; color: #aaa; transition: color 0.3s; }
.footerbox .footercon .fcol ul li a:hover { color: #0095db; text-decoration: none; }
.footerbox .footercon .fcol4 .finfo { margin-bottom: 14px; }
.footerbox .footercon .fcol4 .finfo p { font-size: 14px; color: #aaa; line-height: 26px; padding-left: 28px; margin-bottom: 8px; }
.footerbox .footercon .fcol4 .finfo .fiphone { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%230095db" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>') no-repeat left 4px; }
.footerbox .footercon .fcol4 .finfo .fiemail { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%230095db" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>') no-repeat left 4px; }
.footerbox .footercon .fcol4 .finfo .fiaddr { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%230095db" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>') no-repeat left 4px; }
.footerbox .footercon .fqr { text-align: center; }
.footerbox .footercon .fqr img { width: 97px; height: 97px; border: 3px solid #333; border-radius: 4px; }
.footerbox .footercon .fqr p { color: #aaa; font-size: 12px; margin-top: 8px; }
.footerbox .footerbtm {
  width: 100%;
  overflow: hidden;
  text-align: center;
  padding: 24px 0;
  background: #111122;
}
.footerbox .footerbtm p { margin-bottom: 10px; font-size: 14px; color: #666; }
.footerbox .footerbtm .fb-copy { color: #999; }
.footerbox .footerbtm .fb-copy a { color: #999; }
.footerbox .footerbtm .fb-copy a:hover { color: #0095db; }

/* --- 返回顶部 (backtop) --- */
.backtop {
  width: 43px;
  height: 43px;
  overflow: hidden;
  position: fixed;
  top: 85%;
  right: 51%;
  margin-right: -675px;
  cursor: pointer;
  display: none;
  z-index: 999;
}
.backtop img { display: block; width: 43px; height: 43px; }

/* --- 内页 Banner (n-banner) --- */
.n-banner {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.n-banner::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35); }
.n-banner .nb-text { position: relative; z-index: 1; text-align: center; padding-top: 110px; color: #fff; }
.n-banner .nb-text h1 { font-size: 36px; font-weight: bold; margin-bottom: 8px; }
.n-banner .nb-text p { font-size: 16px; opacity: 0.85; }

/* --- 面包屑导航 (ntit) --- */
.ntit {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e5e5e5;
  background: #fafafa;
}
.ntit .container { overflow: hidden; }
.ntit .ntt { float: left; font-size: 16px; color: #333; font-weight: bold; }
.ntit .ntt h1 { font-size: 16px; font-weight: bold; display: inline; }
.ntit .ntt i { font-size: 12px; color: #999; font-family: arial; text-transform: uppercase; margin-left: 8px; }
.ntit .weiz { float: right; font-size: 13px; color: #666; }
.ntit .weiz a { color: #666; }
.ntit .weiz a:hover { color: #0095db; text-decoration: none; }
.ntit .weiz span { color: #0095db; }

/* --- 内页通用内容区 (pagecon) --- */
.pagecon { padding: 40px 0; overflow: hidden; }
.pagecon .pctitle { text-align: center; margin-bottom: 40px; }
.pagecon .pctitle h2 { font-size: 30px; color: #333; font-weight: bold; margin-bottom: 12px; }
.pagecon .pctitle p { font-size: 15px; color: #999; font-family: arial; text-transform: uppercase; }

/* --- 产品列表页 (prodlist) --- */
.prodlist { width: 100%; overflow: hidden; }
.prodlist li {
  float: left;
  width: calc(25% - 18px);
  height: 360px;
  margin-right: 24px;
  margin-bottom: 24px;
  border: 1px solid #ededed;
  overflow: hidden;
  transition: all 0.3s;
  background: #fff;
}
.prodlist li:nth-child(4n) { margin-right: 0; }
.prodlist li:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.12); transform: translateY(-5px); }
.prodlist li a { text-decoration: none; display: block; }
.prodlist li .plimg { width: 100%; height: 220px; overflow: hidden; display: block; }
.prodlist li .plimg img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.5s; }
.prodlist li:hover .plimg img { transform: scale(1.2); }
.prodlist li .plinfo { padding: 12px 14px; }
.prodlist li .plinfo h3 { font-size: 15px; color: #333; font-weight: bold; margin-bottom: 6px; }
.prodlist li .plinfo p { font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* --- 产品详情 (proddetail) --- */
.proddetail { overflow: hidden; }
.proddetail .pdimg { float: left; width: 500px; }
.proddetail .pdimg img { width: 500px; height: 400px; object-fit: cover; border-radius: 8px; }
.proddetail .pdinfo { float: right; width: 640px; }
.proddetail .pdinfo h2 { font-size: 26px; color: #333; margin-bottom: 20px; font-weight: bold; }
.proddetail .pdinfo .pddesc { font-size: 15px; color: #666; line-height: 26px; margin-bottom: 24px; }
.proddetail .pdparams { margin-top: 20px; }
.proddetail .pdparams h3 { font-size: 18px; color: #333; margin-bottom: 12px; font-weight: bold; padding-left: 12px; border-left: 3px solid #0095db; }
.proddetail .pdparams table { width: 100%; border-collapse: collapse; }
.proddetail .pdparams table td { padding: 10px 14px; border: 1px solid #e8e8e8; font-size: 14px; color: #666; }
.proddetail .pdparams table td:first-child { background: #f9f9f9; font-weight: bold; color: #333; width: 30%; }
.proddetail .pdfeatures { margin-top: 24px; }
.proddetail .pdfeatures h3 { font-size: 18px; color: #333; margin-bottom: 12px; font-weight: bold; padding-left: 12px; border-left: 3px solid #0095db; }
.proddetail .pdfeatures li { font-size: 14px; color: #666; line-height: 24px; padding: 6px 0 6px 24px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="%230095db"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') no-repeat left 6px; }
.proddetail .pdrelated { margin-top: 50px; clear: both; }
.proddetail .pdrelated h3 { font-size: 20px; color: #333; margin-bottom: 24px; font-weight: bold; text-align: center; }
.proddetail .pdrelated ul { overflow: hidden; }
.proddetail .pdrelated li { float: left; width: 276px; margin-right: 32px; }
.proddetail .pdrelated li:last-child { margin-right: 0; }
.proddetail .pdrelated li a { text-decoration: none; }
.proddetail .pdrelated li img { width: 276px; height: 220px; object-fit: cover; border-radius: 6px; display: block; }
.proddetail .pdrelated li h4 { font-size: 14px; color: #333; margin-top: 10px; text-align: center; }

/* --- 新闻列表页 (newslist) --- */
.newslist { overflow: hidden; }
.newslist li {
  overflow: hidden;
  padding: 24px 0;
  border-bottom: 1px solid #eee;
  transition: background 0.3s;
}
.newslist li:hover { background: #fafafa; }
.newslist li .nlthumb { float: left; width: 260px; height: 170px; overflow: hidden; border-radius: 6px; }
.newslist li .nlthumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s; }
.newslist li:hover .nlthumb img { transform: scale(1.1); }
.newslist li .nlinfo { float: left; width: 580px; margin-left: 30px; }
.newslist li .nlinfo h3 { font-size: 20px; margin-bottom: 12px; }
.newslist li .nlinfo h3 a { color: #333; text-decoration: none; }
.newslist li .nlinfo h3 a:hover { color: #0095db; }
.newslist li .nlinfo .nldate { font-size: 13px; color: #999; margin-bottom: 14px; }
.newslist li .nlinfo p { font-size: 14px; color: #666; line-height: 24px; height: 72px; overflow: hidden; text-overflow: ellipsis; }
.newslist li .nlmorebtn { float: right; margin-top: 60px; }
.newslist li .nlmorebtn a { display: block; width: 100px; height: 36px; line-height: 36px; text-align: center; background: #0095db; color: #fff; border-radius: 4px; font-size: 14px; text-decoration: none; }
.newslist li .nlmorebtn a:hover { background: #007db8; }

/* --- 新闻详情 (newsdetail) --- */
.newsdetail { overflow: hidden; }
.newsdetail .ndhead { text-align: center; padding-bottom: 24px; border-bottom: 1px solid #eee; margin-bottom: 30px; }
.newsdetail .ndhead h1 { font-size: 26px; color: #333; margin-bottom: 12px; font-weight: bold; }
.newsdetail .ndhead .nddate { font-size: 14px; color: #999; }
.newsdetail .ndbody { font-size: 15px; color: #555; line-height: 28px; }
.newsdetail .ndbody p { margin-bottom: 20px; text-indent: 2em; }
.newsdetail .ndbody img { max-width: 100%; margin: 20px auto; display: block; border-radius: 8px; }
.newsdetail .ndnav { overflow: hidden; margin-top: 40px; padding-top: 24px; border-top: 1px solid #eee; }
.newsdetail .ndnav a { font-size: 14px; color: #666; }
.newsdetail .ndnav a:hover { color: #0095db; }
.newsdetail .ndnav .ndprev { float: left; }
.newsdetail .ndnav .ndnext { float: right; }

/* --- 关于我们页 (aboutpage) --- */
.aboutpage .aboutsec { margin-bottom: 50px; }
.aboutpage .aboutsec h3 { font-size: 24px; color: #333; margin-bottom: 24px; font-weight: bold; text-align: center; }
.aboutpage .aboutsec p { font-size: 15px; color: #666; line-height: 28px; text-indent: 2em; margin-bottom: 16px; }

/* 发展历程时间轴 */
.timeline { position: relative; padding: 20px 0; }
.timeline::before { content: ''; position: absolute; left: 50%; top: 0; width: 2px; height: 100%; background: #0095db; transform: translateX(-50%); }
.timeline .tlnode { overflow: hidden; margin-bottom: 30px; position: relative; }
.timeline .tlnode .tlcontent { width: 44%; padding: 18px 24px; background: #f9f9f9; border-radius: 8px; border-left: 3px solid #0095db; }
.timeline .tlnode:nth-child(odd) .tlcontent { float: left; text-align: right; border-left: none; border-right: 3px solid #0095db; }
.timeline .tlnode:nth-child(even) .tlcontent { float: right; }
.timeline .tlnode .tldot { position: absolute; left: 50%; top: 20px; width: 14px; height: 14px; background: #0095db; border-radius: 50%; transform: translateX(-50%); border: 3px solid #fff; box-shadow: 0 0 0 3px #0095db; }
.timeline .tlnode .tlcontent h4 { font-size: 18px; color: #0095db; font-weight: bold; margin-bottom: 8px; }
.timeline .tlnode .tlcontent p { font-size: 14px; color: #666; text-indent: 0; }

/* 企业文化卡片 */
.culturecards { overflow: hidden; display: flex; gap: 24px; }
.culturecards .ccard { flex: 1; text-align: center; padding: 36px 20px; background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: transform 0.3s, box-shadow 0.3s; }
.culturecards .ccard:hover { transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0,0,0,0.12); }
.culturecards .ccard .ccicon { width: 64px; height: 64px; line-height: 64px; border-radius: 50%; background: linear-gradient(135deg, #0095db, #007db8); margin: 0 auto 14px; font-size: 28px; color: #fff; }
.culturecards .ccard h4 { font-size: 18px; color: #333; margin-bottom: 10px; font-weight: bold; }
.culturecards .ccard p { font-size: 14px; color: #666; line-height: 24px; text-indent: 0; }

/* 团队 */
.teamlist { overflow: hidden; }
.teamlist li { float: left; width: 270px; margin-right: 40px; text-align: center; margin-bottom: 30px; }
.teamlist li:nth-child(4n) { margin-right: 0; }
.teamlist li .tavatar { width: 160px; height: 160px; border-radius: 50%; overflow: hidden; margin: 0 auto 16px; border: 4px solid #0095db; }
.teamlist li .tavatar img { width: 100%; height: 100%; object-fit: cover; }
.teamlist li h4 { font-size: 18px; color: #333; margin-bottom: 4px; }
.teamlist li p { font-size: 14px; color: #999; }

/* --- 联系我们 (contactpage) --- */
.contactpage .contactinfo { overflow: hidden; margin-bottom: 40px; display: flex; gap: 0; }
.contactpage .contactinfo .citem { flex: 1; text-align: center; padding: 28px 16px; background: #f9f9f9; border-right: 1px solid #e8e8e8; transition: all 0.3s; display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 80px; }
.contactpage .contactinfo .citem:last-child { border-right: none; }
.contactpage .contactinfo .citem:hover { background: #e9f6fc; }
.contactpage .contactinfo .citem .ciicon { width: 48px; height: 48px; line-height: 48px; border-radius: 50%; background: #0095db; font-size: 20px; color: #fff; flex-shrink: 0; }
.contactpage .contactinfo .citem .citext { text-align: left; }
.contactpage .contactinfo .citem h4 { font-size: 13px; color: #999; margin-bottom: 4px; font-weight: normal; }
.contactpage .contactinfo .citem p { font-size: 15px; color: #333; line-height: 22px; font-weight: bold; }
.contactpage .contactform { max-width: 700px; margin: 0 auto; background: #f9f9f9; padding: 36px; border-radius: 8px; }
.contactpage .contactform h3 { font-size: 22px; color: #333; text-align: center; margin-bottom: 28px; font-weight: bold; }
.contactpage .contactform .cfield { margin-bottom: 18px; }
.contactpage .contactform .cfield label { display: block; font-size: 14px; color: #333; margin-bottom: 6px; font-weight: bold; }
.contactpage .contactform .cfield input, .contactpage .contactform .cfield textarea {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  box-sizing: border-box;
  font-family: microsoft yahei, "宋体", sans-serif;
  outline: none;
  transition: border-color 0.3s;
}
.contactpage .contactform .cfield input:focus, .contactpage .contactform .cfield textarea:focus { border-color: #0095db; }
.contactpage .contactform .cfield textarea { height: 140px; resize: vertical; }
.contactpage .contactform .cfsubmit { text-align: center; }
.contactpage .contactform .cfsubmit button {
  width: 180px;
  height: 44px;
  background: #0095db;
  border: none;
  color: #fff;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.3s;
}
.contactpage .contactform .cfsubmit button:hover { background: #007db8; }

/* --- 图片兜底 (img-fallback) --- */
.img-fallback {
  background: linear-gradient(135deg, #0095db, #ff9800) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 200px !important;
  color: #fff !important;
  font-size: 14px !important;
  border-radius: 8px !important;
}

/* --- 淡入动画 --- */
.fade-in { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }

/* ============ 响应式设计 ============ */

/* 平板 (768px - 1024px) */
@media screen and (max-width: 1024px) {
  .container, .topbox, .footerbox { width: 96%; }
  .topbox { width: 100%; }
  .logobox { height: auto; padding: 15px 0; }
  .logobox .logodl { float: none; margin-top: 0; text-align: center; }
  .logobox .logodt { display: block; float: none; }
  .logobox .logodd { float: none; margin-left: 0; border-left: none; padding-left: 0; text-align: center; }
  .logobox .logotel { float: none; margin: 15px auto 0; text-align: center; background-position: left top; width: auto; }
  .menubox li a { padding: 0 12px; font-size: 13px; }
  .bannerbox { height: 350px; }
  .bannerbox .bslides, .bannerbox .bslide { height: 350px; }
  .bannerbox .bslide .btext h2 { font-size: 28px; }
  .bannerbox .bslide .btext p { font-size: 16px; }
  .probox .protop .protit { width: 100px; padding: 0 20px; }
  .probox .protop .protit h2 { font-size: 22px; }
  .probox .procat { width: calc(100% - 140px); }
  .probox .procat .pcat-top dt { margin-left: 15px; }
  .probox .prolist li { width: 44%; margin-right: 4%; }
  .qbox .qleft { float: none; width: 100%; margin-bottom: 25px; }
  .qbox .qleft img { width: 70%; }
  .qbox .qright { float: none; width: 100%; }
  .advantagebox .advitem img { width: 100%; float: none; margin-bottom: 20px; }
  .advantagebox .advitem .advtext { width: 100%; float: none; }
  .advantagebox .advcon .advline { display: none; }
  .ctabox .cta-con { left: auto; right: 10px; }
  .casebox .ccon li { width: 44%; margin-left: 4%; margin-bottom: 20px; }
  .casebox .ccon li:first-child { margin-left: 4%; }
  .aboutbox .aboutcon .aboutimg { float: none; width: 100%; margin-bottom: 20px; }
  .aboutbox .aboutcon .aboutimg img { width: 100%; height: auto; }
  .aboutbox .aboutcon .abouttext { float: none; width: 100%; }
  .newsbox .newsleft { float: none; width: 100%; margin-bottom: 30px; }
  .newsbox .newsright { float: none; width: 100%; }
  .footerbox .footercon .fcol { width: 44%; margin-right: 4%; margin-bottom: 30px; }
  .n-banner { height: 220px; }
  .n-banner .nb-text { padding-top: 75px; }
  .n-banner .nb-text h1 { font-size: 26px; }
  .prodlist li { width: calc(50% - 12px); margin-right: 24px; }
  .prodlist li:nth-child(4n) { margin-right: 24px; }
  .prodlist li:nth-child(2n) { margin-right: 0; }
  .proddetail .pdimg { float: none; width: 100%; margin-bottom: 20px; }
  .proddetail .pdimg img { width: 100%; height: auto; }
  .proddetail .pdinfo { float: none; width: 100%; }
  .newslist li .nlthumb { width: 200px; height: 140px; }
  .newslist li .nlinfo { width: calc(100% - 240px); }
  .newslist li .nlmorebtn { float: left; margin-left: 230px; margin-top: 10px; }
  .culturecards { gap: 16px; }
  .culturecards .ccard { padding: 24px 14px; }
  .culturecards .ccard h4 { font-size: 16px; }
  .contactpage .contactinfo .citem { min-height: 70px; padding: 16px 12px; }
  .teamlist li { width: 44%; margin-right: 4%; }
  .teamlist li:nth-child(4n) { margin-right: 4%; }
  .teamlist li:nth-child(2n) { margin-right: 0; }
  .proddetail .pdrelated li { width: 44%; margin-right: 4%; margin-bottom: 20px; }
  .proddetail .pdrelated li:last-child { margin-right: 4%; }
}

/* 手机 (<768px) */
@media screen and (max-width: 768px) {
  .container, .topbox, .footerbox { width: 92%; }
  .topbox { width: 100%; }
  .lotbox { height: auto; padding: 6px 0; }
  .lotbox .lotl { display: none; }
  .lotbox .lotr { float: none; text-align: center; margin-top: 0; }
  .lotbox .lotr li { display: inline-block; float: none; }
  .logobox { height: auto; padding: 10px 0; text-align: center; }
  .logobox .logodl { float: none; margin-top: 0; }
  .logobox .logodt { float: none; display: block; }
  .logobox .logodd { display: none; }
  .logobox .logotel { float: none; width: auto; margin-top: 10px; text-align: center; background: none; padding-left: 0; }
  .logobox .logotel i { font-size: 20px; }
  .hamburger { display: flex; }
  .menubox { height: auto; }
  .menubox ul { display: none; width: 100%; height: auto; flex-direction: column; }
  .menubox ul.open { display: block; }
  .menubox li { float: none; border: none; border-bottom: 1px solid rgba(255,255,255,0.15); }
  .menubox li a { padding: 0 15px; }
  .menubox li .submenu { position: static; width: 100%; border-radius: 0; }
  .searchbox .sinput { width: 200px; }
  .searchbox .shotkeys { display: none; }
  .bannerbox { height: 250px; }
  .bannerbox .bslides, .bannerbox .bslide { height: 250px; }
  .bannerbox .bslide .btext h2 { font-size: 22px; }
  .bannerbox .bslide .btext p { font-size: 14px; }
  .bannerbox .bdots span { width: 20px; height: 2px; }
  .probox .protop { height: auto; padding-bottom: 15px; }
  .probox .protop .protit { float: none; width: auto; height: auto; padding: 15px 20px; text-align: center; }
  .probox .procat { float: none; width: 100%; height: auto; }
  .probox .procat .pcat-con { float: none; width: 100%; border: none; border-bottom: 1px solid #e5e5e5; }
  .probox .prolist li { width: 100%; margin-right: 0; }
  .qbox .qleft { float: none; width: 100%; margin-bottom: 20px; }
  .qbox .qleft img { width: 100%; }
  .qbox .qleft .qltitle { font-size: 20px; }
  .qbox .qright { float: none; width: 100%; }
  .qbox .qright .qrtitle { font-size: 17px; }
  .qbox .qright li { font-size: 14px; height: 42px; line-height: 42px; }
  .featurebox .ftabs li { width: 130px; font-size: 14px; margin-right: 6px; }
  .featurebox .ftabs li.cur { width: 134px; }
  .advantagebox .advtitle .ad-sub { font-size: 24px; }
  .advantagebox .advtitle .ad-tag { width: auto; font-size: 16px; padding: 0 20px; }
  .advantagebox .advitem { margin-bottom: 30px; }
  .advantagebox .advitem img { float: none !important; width: 100%; height: auto; }
  .advantagebox .advitem .advtext { float: none !important; width: 100%; text-align: left !important; padding-top: 15px; }
  .advantagebox .advitem .advtext h3 { font-size: 20px; margin-bottom: 20px; }
  .advantagebox .advitem .advtext p { padding-left: 18px !important; padding-right: 0 !important; background-position: left 6px !important; }
  .ctabox { height: auto; padding: 30px 0; }
  .ctabox .cta-img { position: static; margin: 0 auto; display: block; }
  .ctabox .cta-con { position: static; width: auto; text-align: center; }
  .ctabox .cta-con .cta-btns { float: none; margin: 0 auto; }
  .ctabox .cta-con .cta-phone { float: none; margin: 20px auto 0; text-align: center; }
  .casebox .ccon li { width: 100%; margin-left: 0; margin-bottom: 20px; }
  .aboutbox .aboutcon .aboutimg { float: none; width: 100%; margin-bottom: 15px; }
  .aboutbox .aboutcon .aboutimg img { width: 100%; height: auto; }
  .aboutbox .aboutcon .abouttext { float: none; width: 100%; }
  .aboutbox .aboutcon .abouttext p { height: auto; }
  .honorbox .container { width: 92%; padding-right: 0; }
  .honorbox .honcon { overflow-x: auto; }
  .honorbox .honcon ul { width: 1200px; position: static; }
  .newsbox .newsleft { float: none; width: 100%; }
  .newsbox .newsleft .nltop li { width: auto; padding: 0 15px; font-size: 14px; }
  .newsbox .newsleft .nlpanel .nlhead .nlthumb { float: none; width: 100%; margin-bottom: 15px; }
  .newsbox .newsleft .nlpanel .nlhead .nlthumb img { width: 100%; height: auto; }
  .newsbox .newsleft .nlpanel .nlhead .nltext { float: none; width: 100%; margin-left: 0; }
  .newsbox .newsleft .nlpanel .nllist li a { width: 60%; }
  .newsbox .newsright { float: none; width: 100%; }
  .linkbox dt { float: none; border-right: none; border-bottom: 1px solid #b2b8ba; padding-bottom: 10px; margin-bottom: 15px; }
  .linkbox dd { float: none; width: 100%; padding-left: 0; }
  .footerbox .footertop ul { text-align: center; }
  .footerbox .footertop li { float: none; display: inline-block; border: none; margin: 0 5px; }
  .footerbox .footercon .fcol { float: none; width: 100% !important; margin-right: 0; margin-bottom: 25px; }
  .backtop { right: 10px; margin-right: 0; }
  .n-banner { height: 180px; }
  .n-banner .nb-text { padding-top: 60px; }
  .n-banner .nb-text h1 { font-size: 22px; }
  .ntit { height: auto; line-height: normal; padding: 12px 0; }
  .ntit .ntt { float: none; margin-bottom: 5px; }
  .ntit .weiz { float: none; }
  .prodlist li { width: 100%; margin-right: 0; }
  .proddetail .pdimg { float: none; width: 100%; }
  .proddetail .pdimg img { width: 100%; height: auto; }
  .proddetail .pdinfo { float: none; width: 100%; }
  .proddetail .pdrelated li { width: 46%; margin-right: 4%; }
  .newslist li .nlthumb { float: none; width: 100%; height: auto; margin-bottom: 12px; }
  .newslist li .nlthumb img { width: 100%; height: 200px; }
  .newslist li .nlinfo { float: none; width: 100%; margin-left: 0; }
  .newslist li .nlmorebtn { float: none; margin: 10px 0 0 0; }
  .timeline::before { left: 20px; }
  .timeline .tlnode .tlcontent { float: none !important; width: 80%; margin-left: 40px; text-align: left !important; border-left: 3px solid #0095db !important; border-right: none !important; }
  .timeline .tlnode .tldot { left: 20px; }
  .culturecards { flex-direction: column; gap: 16px; }
  .culturecards .ccard { padding: 24px 16px; }
  .contactpage .contactinfo { flex-direction: column; }
  .contactpage .contactinfo .citem { border-right: none; border-bottom: 1px solid #e8e8e8; min-height: auto; padding: 14px 12px; justify-content: flex-start; }
  .contactpage .contactinfo .citem:last-child { border-bottom: none; }
  .teamlist li { float: none; width: 100%; margin-right: 0; }
  .teamlist li:nth-child(4n) { margin-right: 0; }
}