@charset "utf-8";
/* ==========================================================================
   黎民康水处理 · 品牌视觉主题 v2   （WB-THEME-V2）
   --------------------------------------------------------------------------
   v2 修正：① 修掉「background-image:none 写在 background 渐变之后」导致底色被清空的 bug
            ② 把原「空 div + 标题大图」的板块改为真实文字（SEO 友好、清晰不虚）
            ③ 「八大理由」由整张 JPG 改为 HTML 版式
            ④ 修好产品中心两个 tab 列表的显隐（改用 class 控制）
            ⑤ 工程案例轮播由 2 张可见改为 4 张
   覆盖：style.css + nei.css + head.htm 原内联导航样式
   性质：纯覆盖层，原文件不动，随时可整段移除回滚
   ========================================================================== */

:root{
  --wb-blue:      #0B6FE8;
  --wb-blue-d:    #0856B8;
  --wb-blue-dd:   #0A3D8C;
  --wb-navy:      #0B2745;
  --wb-navy-2:    #0E3A6B;
  --wb-aqua:      #12BFDA;
  --wb-aqua-l:    #E8F6FC;
  --wb-orange:    #FF8A1E;
  --wb-gold:      #C9A227;
  --wb-page:      #F3F8FD;
  --wb-page-2:    #EAF3FC;
  --wb-card:      #FFFFFF;
  --wb-line:      #DCE8F5;
  --wb-line-2:    #EDF4FB;
  --wb-t1:        #122A45;
  --wb-t2:        #4A6178;
  --wb-t3:        #8497AC;
  --wb-sh:        0 10px 30px rgba(11,60,140,.08);
  --wb-sh-h:      0 16px 40px rgba(11,60,140,.16);
  --wb-r:         10px;
  --wb-w:         1200px;
  --wb-font:      "Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB",system-ui,-apple-system,Arial,sans-serif;
  --wb-num:       "DIN Alternate","Bahnschrift",Impact,Arial,sans-serif;
}

/* ==========================  1. 基础  ========================== */
*{ color:inherit; }
body{
  font-family:var(--wb-font) !important;
  font-size:14px !important;
  color:var(--wb-t1) !important;
  line-height:1.7;
  background:var(--wb-card);
  -webkit-font-smoothing:antialiased;
}
a{ color:var(--wb-t1); transition:color .2s ease, background-color .2s ease, box-shadow .2s ease, border-color .2s ease, transform .25s ease; }
a:hover{ color:var(--wb-blue); }
h1,h2,h3,h4,h5,h6{ color:var(--wb-t1); font-weight:700; }
img{ max-width:100%; }
::selection{ background:var(--wb-blue); color:#fff; }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:var(--wb-page); }
::-webkit-scrollbar-thumb{ background:#BFD5EC; border-radius:6px; }
::-webkit-scrollbar-thumb:hover{ background:var(--wb-blue); }

.pageTBox,.logoLine,.searchPart,.AdsBox,.Advan,.caseBox,.profileBox,
.custom,.pageDBox,.GCBox{ width:var(--wb-w) !important; }
.coper,#demo{ width:var(--wb-w) !important; }

/* 板块标题（替代原来的 JPG 标题图） */
.wb-sec-head{ display:flex; flex-direction:column; align-items:center; text-align:center; margin:0 0 38px; }
.wb-sec-head .wb-eyebrow{
  font-size:12px; letter-spacing:3.2px; color:var(--wb-aqua);
  text-transform:uppercase; font-weight:700; margin-bottom:10px; font-family:var(--wb-num);
}
.wb-sec-head h2{ font-size:30px; line-height:1.35; color:var(--wb-t1); letter-spacing:1.5px; }
.wb-sec-head p.wb-sub{ margin-top:12px; color:var(--wb-t3); font-size:14px; line-height:1.8; max-width:760px; }
.wb-sec-head .wb-rule{
  width:56px; height:4px; border-radius:2px; margin-top:16px;
  background:linear-gradient(90deg,var(--wb-blue),var(--wb-aqua));
}

/* ==========================  2. 顶部工具条 & LOGO  ========================== */
.pageTop{ height:38px !important; line-height:38px !important; background:var(--wb-page); border-bottom:1px solid var(--wb-line); }
.pageTBox h3{ color:var(--wb-t3) !important; font-size:12.5px !important; }
.pageTBox ul li,.pageTBox ul li a{ color:var(--wb-t3) !important; font-size:12.5px !important; }
.pageTBox ul li a:hover{ color:var(--wb-blue) !important; }
.pageTBox ul li.topLink1,.pageTBox ul li.topLink2,.pageTBox ul li.topLink3{ background-image:none !important; padding-left:0; }

.logoLine{ height:auto !important; padding:22px 0 20px; }
.logoLine .logo{ max-height:62px; width:auto; margin-top:0 !important; }
.logoLine dl{
  background-image:none !important;
  background:linear-gradient(135deg,#F1F8FF,#E7F2FE) !important;
  border:1px solid var(--wb-line);
  border-radius:999px;
  padding:0 26px 0 74px !important;
  height:62px !important;
  margin-top:0 !important;
  display:flex; flex-direction:column; justify-content:center;
  position:relative;
}
.logoLine dl::before{
  content:""; position:absolute; left:16px; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:50%;
  background:linear-gradient(135deg,var(--wb-blue),var(--wb-aqua));
  box-shadow:0 6px 14px rgba(11,111,232,.32);
}
.logoLine dl::after{
  content:"\260E"; position:absolute; left:16px; top:50%; transform:translateY(-50%);
  width:44px; height:44px; line-height:44px; text-align:center; color:#fff; font-size:20px;
}
.logoLine dl dd{ color:var(--wb-t3) !important; font-size:12.5px; letter-spacing:.5px; }
.logoLine dl dt{
  font-family:var(--wb-num) !important; color:var(--wb-blue) !important;
  font-size:28px !important; line-height:1.15; letter-spacing:.5px;
}

/* ==========================  3. 主导航  ========================== */
.nav_menu3{
  width:100% !important;
  background:linear-gradient(90deg,var(--wb-navy-2) 0%,var(--wb-blue) 55%,var(--wb-blue-d) 100%) !important;
  padding:0 !important; position:relative; z-index:999;
  box-shadow:0 6px 20px rgba(9,40,90,.18);
}
.nav_menu3::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px;
  background:linear-gradient(90deg,var(--wb-aqua),rgba(18,191,218,0));
}
.nav_menu3 > ul{
  width:var(--wb-w) !important; margin:0 auto !important;
  display:flex !important; flex-wrap:nowrap; justify-content:space-between;
  padding:0 !important; position:relative;
}
.nav_menu3 > ul > li{ float:none !important; position:relative; flex:1 1 auto; text-align:center; }
.nav_menu3 > ul > li > a{
  display:block !important; height:66px !important; line-height:66px !important;
  padding:0 12px !important; color:#EAFAFF !important;
  font-size:15.5px !important; font-weight:600; letter-spacing:.4px;
  white-space:nowrap; border-right:0 !important; position:relative;
}
.nav_menu3 > ul > li > a::before{
  content:""; position:absolute; left:50%; right:50%; bottom:0; height:3px;
  background:var(--wb-aqua); transition:left .25s ease, right .25s ease;
}
.nav_menu3 > ul > li:hover > a{ color:#fff !important; background:rgba(255,255,255,.13) !important; }
.nav_menu3 > ul > li:hover > a::before{ left:0; right:0; }
.nav_menu3 > ul > li.nav-has-sub > a{ padding-right:22px !important; }
.nav_menu3 > ul > li.nav-has-sub > a::after{
  top:50% !important; right:8px !important; width:4px; height:4px; margin-top:-3px;
  border-bottom:1.5px solid #9FE6F5 !important; border-right:1.5px solid #9FE6F5 !important;
  transition:transform .2s ease, border-color .2s ease;
}
.nav_menu3 > ul > li.nav-has-sub:hover > a::after{ border-color:#fff !important; transform:rotate(45deg) translate(1px,1px); }
.nav_menu3 ul ul{
  position:absolute !important; top:100% !important; left:auto !important;
  display:none !important; min-width:172px; margin:0 !important; padding:8px 0 !important;
  background:rgba(255,255,255,.98); border-radius:0 0 12px 12px;
  box-shadow:0 20px 44px rgba(9,40,90,.22); border-top:2px solid var(--wb-aqua);
  overflow:hidden; z-index:60;
}
.nav_menu3 li:hover > ul{ display:block !important; }
.nav_menu3 ul ul li{ height:auto !important; float:none !important; text-align:left; transition:none; }
.nav_menu3 ul ul li a{
  display:block !important; width:auto !important; min-width:150px;
  padding:11px 22px !important; background:transparent !important;
  color:var(--wb-t2) !important; font-size:14px !important;
  border-top:0 !important; white-space:nowrap; text-align:left;
}
.nav_menu3 ul ul li a:hover,.nav_menu3 ul ul li:hover > a{
  background:linear-gradient(90deg,var(--wb-aqua-l),#F5FBFF) !important;
  color:var(--wb-blue) !important; border-top:0 !important; padding-left:28px !important;
}
.nav_menu3 ul ul li.nav-has-sub > a::after{ display:none; }
.nav_menu3 #menu-button{ display:none !important; }

/* ==========================  4. 搜索条 / 轮播  ========================== */
.search{ height:auto !important; padding:16px 0; line-height:1.6 !important; border-bottom:1px solid var(--wb-line) !important; background:var(--wb-card); }
.searchPart p{ color:var(--wb-t3); font-size:13px !important; }
.searchPart p span{ color:var(--wb-blue) !important; font-weight:700; }
.searchPart p a{ color:var(--wb-t2) !important; font-size:13px !important; }
.searchPart p a:hover{ color:var(--wb-blue) !important; text-decoration:none; }
.searBox{
  float:right; width:330px !important; height:38px !important;
  border:1px solid var(--wb-line) !important; border-radius:999px; margin-top:0 !important;
  overflow:hidden; background:var(--wb-page);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.searBox:focus-within{ border-color:var(--wb-blue) !important; box-shadow:0 0 0 4px rgba(11,111,232,.12); }
.searBox input{ width:262px !important; height:38px !important; border:0 !important; background:transparent !important; padding:0 6px 0 18px !important; color:var(--wb-t1) !important; font-size:13px; }
.searBox img{ width:56px !important; height:38px !important; margin:0 !important; }

.full_banner{ height:460px !important; background:var(--wb-navy); }
.full_banner .bd li,.full_banner .bd li a{ height:460px !important; }
.full_banner .hd{ height:auto !important; bottom:16px !important; }
.full_banner .hd ul{ line-height:1 !important; }
.full_banner .hd ul li{ width:34px !important; height:4px !important; border-radius:2px; background:rgba(255,255,255,.45) !important; margin:0 5px !important; }
.full_banner .hd ul li.on{ background:#fff !important; }

/* ==========================  5. 产品中心  ========================== */
.GCenter{ height:auto !important; padding:56px 0 64px; background:linear-gradient(180deg,var(--wb-page) 0%,#FFFFFF 100%) !important; }
.GCBox{ display:flex; gap:34px; align-items:stretch; }
.leftGC{
  flex:0 0 288px; width:288px !important;
  background:linear-gradient(165deg,var(--wb-navy-2),var(--wb-blue-dd)) !important;
  border-radius:var(--wb-r); overflow:hidden; box-shadow:var(--wb-sh);
  padding-bottom:16px; display:flex; flex-direction:column;
}
.leftGCN{ width:auto !important; height:auto !important; padding:24px 0 20px; background:transparent !important; border-bottom:1px solid rgba(255,255,255,.14); position:relative; }
.leftGCN::after{ content:""; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%); width:44px; height:3px; background:var(--wb-aqua); border-radius:2px; }
/* 侧栏底部收口（避免大片纯色空白） */
.leftGC::after{
  content:""; display:block; margin-top:auto; height:150px; flex:0 0 auto;
  background:radial-gradient(circle at 50% 118%,rgba(18,191,218,.42),rgba(18,191,218,0) 68%);
  pointer-events:none;
}
.leftGCN h3{ font-size:24px !important; line-height:1.3 !important; color:#fff !important; letter-spacing:2px; }
.leftGCN h2{ font-size:11.5px !important; color:rgba(255,255,255,.6) !important; letter-spacing:2.4px; margin-top:2px; }
.leftHCon{ padding:12px 16px 0; }
.leftHCon li{ height:auto !important; line-height:1.5 !important; text-align:left !important; }
.leftHCon li a{ display:block !important; width:auto !important; height:auto !important; padding:12px 16px !important; color:rgba(255,255,255,.86) !important; font-size:15px !important; border-radius:8px; margin-bottom:4px; }
.leftHCon li a:hover{ background:rgba(255,255,255,.14) !important; color:#fff !important; transform:translateX(4px); }
.rightGC{ flex:1 1 auto; width:auto !important; height:auto !important; }
.rightGCN{ margin-top:0 !important; display:flex !important; gap:16px; overflow:visible !important; }
.rightGCN li{
  float:none !important; margin:0 !important; flex:1 1 0;
  width:auto !important; height:56px !important; line-height:56px !important;
  background:var(--wb-card) !important; border:1px solid var(--wb-line); border-radius:var(--wb-r);
  font-size:17px !important; font-weight:700; color:var(--wb-t2) !important; cursor:pointer;
  box-shadow:0 2px 10px rgba(11,60,140,.05); transition:all .22s ease;
}
.rightGCN li:hover{ color:var(--wb-blue) !important; border-color:#BFDCFA; }
.rightGCN li.speciaGC{ color:#fff !important; background:linear-gradient(135deg,var(--wb-blue),var(--wb-blue-d)) !important; border-color:transparent; box-shadow:0 10px 24px rgba(11,111,232,.28); }

.rightHCon{ margin-top:22px; }
.rightHCon ul{ display:none; overflow:visible !important; }
.rightHCon ul.wb-on{ display:grid !important; grid-template-columns:repeat(3,1fr); gap:26px; }
.rightHCon ul li{
  float:none !important; margin:0 !important; width:auto !important; height:auto !important;
  background:var(--wb-card); border:1px solid var(--wb-line); border-radius:var(--wb-r);
  overflow:hidden; box-shadow:0 2px 12px rgba(11,60,140,.05);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.rightHCon ul li:hover{ transform:translateY(-6px); box-shadow:var(--wb-sh-h); border-color:#BFDCFA; }
.rightHCon ul li a{ display:block !important; width:auto !important; height:auto !important; overflow:hidden; }
.rightHCon ul li a img{ width:100% !important; height:196px !important; object-fit:cover; display:block; transition:transform .5s ease; }
.rightHCon ul li:hover a img{ transform:scale(1.06); }
.rightHCon ul li p{
  text-align:center !important; line-height:inherit !important; padding:14px 12px;
  font-size:14.5px; font-weight:600; color:var(--wb-t1);
  border-top:1px solid var(--wb-line-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.rightHCon ul li p a:hover{ color:var(--wb-blue); }

/* ==========================  6. 八大理由（改为 HTML 版式）  ========================== */
.reason{
  height:auto !important;
  padding:64px 0 72px;
  background:linear-gradient(180deg,#FFFFFF 0%,var(--wb-page) 100%) !important;
}
.reasonBox{ width:var(--wb-w); margin:0 auto; }
.reasonGrid{ display:flex; gap:46px; align-items:flex-start; }
.reasonMedia{ flex:0 0 340px; max-width:340px; }
.reasonMedia img{ display:block; width:100%; height:auto; border-radius:var(--wb-r); box-shadow:var(--wb-sh); }
.reasonBadge{ display:flex; gap:10px; margin-top:18px; }
.reasonBadge li{
  flex:1 1 0; text-align:center; padding:11px 0; border-radius:8px;
  background:linear-gradient(135deg,#EAF4FF,#E8F6FC); border:1px solid var(--wb-line);
  color:var(--wb-blue) !important; font-size:13.5px; font-weight:700; letter-spacing:1px;
}
.reasonList{ flex:1 1 auto; display:grid; grid-template-columns:1fr 1fr; gap:14px 22px; }
.reasonList li{
  display:flex; gap:14px; align-items:flex-start; padding:16px 18px;
  background:#fff; border:1px solid var(--wb-line); border-radius:var(--wb-r);
  box-shadow:0 2px 12px rgba(11,60,140,.05);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.reasonList li:hover{ transform:translateY(-4px); box-shadow:var(--wb-sh-h); border-color:#BFDCFA; }
.reasonList li i{
  font-style:normal; flex:0 0 34px; width:34px; height:34px; line-height:34px; text-align:center;
  border-radius:9px; font-family:var(--wb-num); font-size:14px; font-weight:700; color:#fff;
  background:linear-gradient(135deg,var(--wb-blue),var(--wb-aqua));
  box-shadow:0 4px 10px rgba(11,111,232,.28);
}
.reasonList li p{ color:var(--wb-t2) !important; font-size:13.5px !important; line-height:1.75 !important; margin:0; }

/* ==========================  7. 热线条  ========================== */
.Ads{
  background:linear-gradient(120deg,var(--wb-navy-2) 0%,var(--wb-blue) 60%,var(--wb-aqua) 135%) !important;
  padding:44px 0 !important; position:relative; overflow:hidden;
}
.Ads::before{ content:""; position:absolute; right:-90px; top:-90px; width:340px; height:340px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 68%); }
.AdText{ height:auto !important; text-align:right; display:flex; align-items:center; justify-content:flex-end; gap:20px; }
.AdText img{ display:none !important; }   /* 原图为 110x34 旧蓝小图，放大必糊，改用文字标签 */
.AdText::before{
  content:"咨询热线"; color:rgba(255,255,255,.82) !important;
  font-size:15px; letter-spacing:3px; padding-right:20px;
  border-right:1px solid rgba(255,255,255,.3);
}
.AdText p{
  color:#fff !important; font-family:var(--wb-num) !important;
  font-size:34px !important; line-height:1.2 !important; letter-spacing:.5px;
  text-shadow:0 2px 10px rgba(0,0,0,.18); text-align:right; white-space:nowrap; margin:0;
}
/* CTA 条左侧文案 */
.AdsBox{ display:flex !important; align-items:center; justify-content:space-between; gap:40px; }
.AdLead{ flex:1 1 auto; }
.AdLead h2{ color:#fff !important; font-size:26px !important; line-height:1.35; letter-spacing:1px; text-shadow:0 2px 10px rgba(0,0,0,.18); }
.AdLead p{ color:rgba(255,255,255,.82) !important; font-size:14.5px; letter-spacing:2px; margin-top:10px; }
.AdLead p span{ color:var(--wb-aqua) !important; margin:0 6px; }

/* ==========================  8. 三大优势（整幅海报 + 文字在下方）  ========================== */
.Advan{
  width:var(--wb-w) !important; height:auto !important; margin:0 auto !important;
  padding:56px 0 72px !important; background:#fff !important; overflow:hidden !important;
}
.Advan::before{
  content:""; display:block;
  width:1101px; max-width:100%; aspect-ratio:1101 / 1172;
  margin:0 auto 42px;
  background:url(/templets/moban/images/advan.jpg) center top no-repeat;
  background-size:contain;
}
.Advan p{ height:auto !important; line-height:2 !important; font-size:15px !important; color:var(--wb-t2) !important; margin-bottom:16px; }
.leftAd,.rightAd{ margin-top:0 !important; width:calc(50% - 22px) !important; }
.leftAd{ float:left !important; margin-left:0 !important; }
.rightAd{ float:right !important; }

/* ==========================  9. 工程案例  ========================== */
.casePart{
  height:auto !important; padding:60px 0 66px;
  background:linear-gradient(180deg,var(--wb-page) 0%,#FFFFFF 100%) !important;
}
.caseBox{ height:auto !important; background:transparent !important; }
.caseName{ height:auto !important; background-image:none !important; margin-bottom:0; }
.mr_frbox{ height:360px !important; }
.mr_frBtnL{ margin-top:140px !important; }
.mr_frBtnR{ margin-top:140px !important; }
.mr_frBtnL,.mr_frBtnR{ opacity:.6; transition:opacity .2s ease, transform .2s ease; }
.mr_frBtnL:hover,.mr_frBtnR:hover{ opacity:1; transform:scale(1.08); }
.mr_frUl{ height:360px !important; width:1124px !important; float:left !important; overflow:hidden; }
.mr_frUl ul li{
  height:auto !important; width:250px !important; margin:0 14px !important;
  background:var(--wb-card); border:1px solid var(--wb-line);
  border-radius:var(--wb-r); overflow:hidden; box-shadow:0 2px 12px rgba(11,60,140,.05);
  transition:transform .25s ease, box-shadow .25s ease;
}
.mr_frUl ul li:hover{ transform:translateY(-5px); box-shadow:var(--wb-sh-h); }
.mr_frUl ul li div{ width:auto !important; height:auto !important; border:0 !important; }
.mr_frUl ul li img{ display:block; width:100% !important; height:232px !important; margin:0 !important; object-fit:cover; }
.mr_frUl ul li p{ line-height:inherit !important; padding:14px 10px; font-weight:600; color:var(--wb-t1) !important; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ==========================  10. 关于我们  ========================== */
.profile{
  height:auto !important; padding:0;
  background:linear-gradient(120deg,var(--wb-navy) 0%,var(--wb-navy-2) 45%,var(--wb-blue-d) 100%) !important;
  position:relative; overflow:hidden;
}
.profile::before{ content:""; position:absolute; left:-120px; bottom:-160px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,rgba(18,191,218,.28),rgba(18,191,218,0) 70%); }
.profileBox{ height:auto !important; padding:60px 0; display:flex; align-items:center; gap:52px; position:relative; z-index:1; }
.profileBox > img{
  flex:0 0 340px; width:340px !important; height:255px !important;
  object-fit:cover; border-radius:14px; box-shadow:0 24px 50px rgba(0,0,0,.34); margin-left:0 !important;
}
.profileText{ float:none !important; width:auto !important; flex:1 1 auto; margin-top:0 !important; }
.profileText p{ color:rgba(255,255,255,.9) !important; line-height:2 !important; height:auto !important; margin-bottom:22px !important; font-size:14.5px; }
.profileText input{
  width:196px !important; height:48px !important; border:0 !important; border-radius:999px;
  background:linear-gradient(135deg,var(--wb-aqua),var(--wb-blue)) !important;
  color:#fff !important; font-size:15.5px !important; font-weight:600; cursor:pointer;
  box-shadow:0 10px 26px rgba(18,191,218,.36);
}
.profileText input:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(18,191,218,.48); }

/* ==========================  11. 客户感言 / 合作伙伴  ========================== */
.custom{ margin:64px auto !important; }
.customName{ height:auto !important; background-image:none !important; margin-bottom:0; }
.custom h2{
  color:var(--wb-blue) !important; background-image:none !important;
  background:linear-gradient(135deg,#EAF4FF,#E8F6FC) !important;
  border:1px solid var(--wb-line); width:auto !important; max-width:440px;
  height:auto !important; padding:14px 34px; border-radius:999px;
  margin:0 auto 34px !important; text-align:center; line-height:1.4 !important;
  font-size:19px !important; letter-spacing:.5px;
}
.customCon{ height:auto !important; }
.leftCus{ width:auto !important; display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.leftCus div{
  height:auto !important; margin:0 !important; width:auto !important; float:none !important;
  display:flex; gap:20px; padding:22px; background:var(--wb-card);
  border:1px solid var(--wb-line); border-radius:var(--wb-r); box-shadow:0 2px 12px rgba(11,60,140,.05);
  transition:transform .25s ease, box-shadow .25s ease;
}
.leftCus div:hover{ transform:translateY(-4px); box-shadow:var(--wb-sh-h); }
.leftCus img{ flex:0 0 96px; width:96px !important; height:96px !important; border-radius:50%; object-fit:cover; float:none !important; border:3px solid var(--wb-aqua-l); }
.leftCus dl{ width:auto !important; float:none !important; margin-left:0 !important; flex:1 1 auto; }
.leftCus dl dd{ color:var(--wb-t1) !important; font-size:15px; font-weight:700; line-height:1.6 !important; margin-bottom:6px; }
.leftCus dl dt{ line-height:1.85 !important; }
.leftCus dl dt a{ color:var(--wb-t2) !important; font-size:13.5px; }
.leftCus dl dt a:hover{ color:var(--wb-blue) !important; }

.coper{ margin:64px auto !important; }
.coperName{ height:auto !important; background-image:none !important; margin-bottom:0; }
.coper ul{ height:110px !important; overflow:hidden; }
#demo{ overflow:hidden; }
.coper ul li img{ border:1px solid var(--wb-line) !important; border-radius:8px; filter:grayscale(1) opacity(.72); transition:filter .25s ease, transform .25s ease, border-color .25s ease; }
.coper ul li:hover img{ filter:none; transform:translateY(-4px); border-color:#BFDCFA !important; }

/* ==========================  12. 资讯区  ========================== */
.newsPArt{ background:var(--wb-page) !important; padding:56px 0 !important; }
.newsBox{ height:auto !important; display:flex; gap:34px; }
.leftNews,.midNews{ float:none !important; }
.leftNews{ flex:0 0 300px; width:300px !important; padding-right:34px !important; background-image:none !important; border-right:1px solid var(--wb-line); }
.midNews{ flex:1 1 auto; width:auto !important; padding-right:34px !important; background-image:none !important; border-right:1px solid var(--wb-line); }
.rightNews{
  float:none !important; flex:0 0 320px; width:320px !important;
  background:var(--wb-card); border:1px solid var(--wb-line); border-radius:var(--wb-r);
  padding:22px; box-shadow:var(--wb-sh);
}
.newsName{ height:42px !important; background-image:none !important; border-bottom:2px solid var(--wb-line); position:relative; }
.newsName::after{ content:""; position:absolute; left:0; bottom:-2px; width:46px; height:2px; background:linear-gradient(90deg,var(--wb-blue),var(--wb-aqua)); }
.newsName h3{ color:var(--wb-t1) !important; font-size:16.5px !important; margin-left:0 !important; line-height:42px !important; }
.blueDot{ display:none; }
/* 原「更多」是 more.jpg 贴图（显示成半截 HORE），改文字 */
.newsName a img{ display:none !important; }
.newsName a::after{ content:"更多 \2192"; font-size:12.5px; color:var(--wb-t3); font-weight:400; letter-spacing:.5px; }
.newsName a:hover::after{ color:var(--wb-blue); }
.pageBText p img{ display:none !important; }
.newsBox ul li{ height:auto !important; line-height:1.7 !important; padding:11px 0; background-image:none !important; border-bottom:1px dashed var(--wb-line) !important; }
.newsBox ul li::before{ content:""; display:inline-block; vertical-align:middle; width:6px; height:6px; border-radius:50%; margin-right:10px; background:var(--wb-aqua); }
.newsBox ul li a{ margin-left:0 !important; color:var(--wb-t2) !important; font-size:13.5px; }
.newsBox ul li a:hover{ color:var(--wb-blue) !important; }
.newsMid{ border-radius:var(--wb-r); width:100% !important; height:150px !important; object-fit:cover; margin:20px 0 !important; }
.midNLine{ height:auto !important; display:flex; gap:18px; align-items:flex-start; margin:20px 0 !important; }
.midNLine img{ width:168px !important; height:118px !important; border-radius:8px; object-fit:cover; float:none !important; }
.midNLine dl{ float:none !important; width:auto !important; flex:1 1 auto; }
.midNLine dl dd a{ color:var(--wb-t1) !important; font-size:15px; font-weight:700; }
.midNLine dl dd a:hover{ color:var(--wb-blue) !important; }
.midNLine dl dt{ color:var(--wb-t2); font-size:13px; line-height:1.85 !important; }
.BotmNew div{ height:auto !important; line-height:1.7 !important; padding:11px 0; border-bottom:1px dashed var(--wb-line) !important; display:flex; align-items:center; gap:10px; }
.BotmNew div img{ display:none; }
.BotmNew div p{ float:none !important; margin-left:0 !important; flex:1 1 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.BotmNew div p a{ color:var(--wb-t2) !important; font-size:13.5px; }
.BotmNew div p a:hover{ color:var(--wb-blue) !important; }
.BotmNew div h2{ float:none !important; color:var(--wb-t3) !important; font-size:12.5px !important; font-weight:400; flex:0 0 auto; }

.newsTble{ margin-top:24px !important; }
.newsTble div p{ color:var(--wb-t2); font-size:13px; line-height:34px !important; width:66px !important; }
.newsTble div input.longText,.newsTble div textarea{
  width:100% !important; border:1px solid var(--wb-line) !important; border-radius:8px;
  height:36px !important; padding:0 12px; background:var(--wb-page); color:var(--wb-t1);
  box-sizing:border-box; transition:border-color .2s ease, box-shadow .2s ease;
}
.newsTble div textarea{ height:auto !important; padding:10px 12px; }
.newsTble div input.longText:focus,.newsTble div textarea:focus{
  outline:none; border-color:var(--wb-blue) !important;
  box-shadow:0 0 0 4px rgba(11,111,232,.12); background:#fff;
}
.newsTble div input[type=image]{ height:40px; width:auto; margin:0 !important; }

/* ==========================  13. 页脚  ========================== */
.pageBotm{
  background:linear-gradient(180deg,var(--wb-navy) 0%,#081D36 100%) !important;
  padding:52px 0 0 !important;
}
.pageDBox h3{ font-size:17px !important; border-bottom:1px solid rgba(255,255,255,.14) !important; color:#fff !important; padding-bottom:14px; line-height:1.5 !important; }
.pageDBox h3 span{ color:var(--wb-aqua) !important; font-size:15px !important; }
.linkPart p{ color:rgba(255,255,255,.7) !important; line-height:2.3 !important; }
.linkPart p a{ color:rgba(255,255,255,.78) !important; font-size:13.5px; }
.linkPart p a:hover{ color:var(--wb-aqua) !important; }
.subNav{
  height:auto !important; line-height:1.6 !important; padding:16px 0;
  background:rgba(255,255,255,.06) !important; border-radius:10px; margin-top:30px;
  color:rgba(255,255,255,.65) !important; font-size:13px;
}
.subNav a{ color:rgba(255,255,255,.78) !important; margin:0 11px !important; font-size:13px; }
.subNav a:hover{ color:var(--wb-aqua) !important; }
.pageBText{ background-image:none !important; height:auto !important; padding:30px 0 34px; }
.botmLogo{ margin:0 !important; float:left; height:52px; width:auto; }
.pageBText p{ color:rgba(255,255,255,.62) !important; line-height:2 !important; width:auto !important; margin-left:36px !important; font-size:13px; }
.pageBText p span{ color:rgba(255,255,255,.62) !important; margin:0 12px !important; }
.pageBText p a{ color:rgba(255,255,255,.78) !important; }
.ewm{ margin:0 !important; float:right; border-radius:8px; background:#fff; padding:6px; height:120px; width:120px; }

.float-contact{ top:242px !important; }
.float-contact-mini{ top:242px !important; }
.float-contact .qqtitle{ background:linear-gradient(135deg,var(--wb-blue),var(--wb-blue-d)) !important; color:#fff !important; }
.float-contact .btn li a{ background:var(--wb-page) !important; color:var(--wb-t2) !important; }
.float-contact .btn li a:hover{ background:var(--wb-blue) !important; color:#fff !important; }
.float-contact .qqtel .qqcontent{ color:var(--wb-blue) !important; font-weight:700; }
.float-contact .myqqlink{ background:var(--wb-navy-2) !important; }

/* ==========================  14. 内页  ========================== */
.main{ width:var(--wb-w) !important; padding-top:28px !important; display:flex; gap:24px; align-items:flex-start; }
.main .main_left{ float:none !important; flex:0 0 236px; width:236px !important; }
.main .main_right{ float:none !important; flex:1 1 auto; width:auto !important; margin-left:0 !important; }
.main .main_left .leftitem{
  border:1px solid var(--wb-line) !important; border-radius:var(--wb-r); overflow:hidden;
  box-shadow:var(--wb-sh); margin-bottom:18px !important; background:#fff;
}
.main .main_left .leftitem .tit{
  background:linear-gradient(135deg,var(--wb-navy-2),var(--wb-blue-dd)) !important; background-image:none !important;
  color:#fff !important; height:auto !important; line-height:1.4 !important; padding:15px 20px;
  font-size:15.5px !important; font-weight:700 !important; text-indent:0 !important; letter-spacing:1px;
}
.main .main_left .leftitem .cates,.main .main_left .leftitem .lianxi{ padding:14px 14px !important; }
.main .main_left .leftitem .cates dl,.main .main_left .leftitem .lianxi dl{ padding:0 !important; }
.main .main_left .leftitem .cates dl dt{
  background:linear-gradient(135deg,var(--wb-blue),var(--wb-blue-d)) !important; background-color:var(--wb-blue) !important;
  height:auto !important; line-height:1.5 !important; padding:9px 14px; border-radius:7px;
  text-indent:0 !important; font-size:14px; margin-bottom:8px !important;
}
.main .main_left .leftitem .cates dl dd{
  height:auto !important; line-height:1.5 !important; padding:8px 6px 8px 22px !important;
  border-radius:6px; background-image:none !important; position:relative; margin-bottom:2px;
}
.main .main_left .leftitem .cates dl dd::before{
  content:""; position:absolute; left:8px; top:50%; transform:translateY(-50%);
  width:5px; height:5px; border-radius:50%; background:var(--wb-aqua); opacity:.55;
}
.main .main_left .leftitem .cates dl dd:hover{ background:var(--wb-aqua-l); }
.main .main_left .leftitem .cates dl dd a{ color:var(--wb-t2) !important; font-size:13.5px; }
.main .main_left .leftitem .cates dl dd:hover a{ color:var(--wb-blue) !important; }
.main .main_left .leftitem .lianxi dl dt{ background-image:none !important; padding:6px 0 12px !important; border-bottom:1px dashed var(--wb-line); margin-bottom:10px; }
.main .main_left .leftitem .lianxi dl dt div:first-child{ color:var(--wb-t3); font-size:12.5px; }
.main .main_left .leftitem .lianxi dl dt .telx{ font-family:var(--wb-num); font-size:19px !important; color:var(--wb-blue) !important; font-weight:700; }
.main .main_left .leftitem .lianxi dl dd{ line-height:2 !important; height:auto !important; color:var(--wb-t2); font-size:13px; }

.main .main_right .sitemap{
  border:0 !important; border-radius:var(--wb-r); height:auto !important; line-height:1.6 !important;
  padding:13px 20px !important; background:linear-gradient(90deg,var(--wb-page),#FFFFFF);
  border-left:3px solid var(--wb-blue) !important; color:var(--wb-t2); font-size:13px;
}
.main .main_right .sitemap a{ color:var(--wb-t2) !important; }
.main .main_right .sitemap a:hover{ color:var(--wb-blue) !important; }
.main .main_right .content{
  border:1px solid var(--wb-line) !important; border-radius:var(--wb-r); padding:30px !important;
  margin-top:18px !important; font-size:14.5px !important; line-height:2 !important;
  color:var(--wb-t1); background:#fff; box-shadow:var(--wb-sh);
}
.main .main_right .content img{ border-radius:8px; height:auto; }

.news_xaingxi{
  width:auto !important; height:auto !important; line-height:1.5 !important; padding:6px 0 18px;
  color:var(--wb-t1) !important; font-size:25px !important;
  border-bottom:1px solid var(--wb-line) !important; margin:0 !important;
}
.news_author{
  width:auto !important; height:auto !important; line-height:1.6 !important; padding:14px 0;
  color:var(--wb-t3) !important; font-size:13px; border-bottom:1px dashed var(--wb-line) !important;
  text-align:left !important; margin-bottom:22px !important;
}
.news_content{ width:auto !important; color:var(--wb-t1) !important; font-size:14.5px !important; line-height:2 !important; }

.main .main_right .content .newslist li{ padding:22px 0 !important; display:flex; gap:22px; align-items:flex-start; border-bottom:1px dashed var(--wb-line); }
.main .main_right .content .newslist li .img{ flex:0 0 200px; width:200px !important; height:136px !important; border-radius:var(--wb-r); overflow:hidden; margin-top:0 !important; float:none !important; }
.main .main_right .content .newslist li .img img{ width:100% !important; height:100% !important; object-fit:cover; transition:transform .5s ease; }
.main .main_right .content .newslist li:hover .img img{ transform:scale(1.07); }
.main .main_right .content .newslist li .txt{ float:none !important; width:auto !important; flex:1 1 auto; line-height:1.85 !important; color:var(--wb-t2); font-size:13.5px; }
.main .main_right .content .newslist li .txt h2 a{ font-size:16.5px !important; font-weight:700; color:var(--wb-t1); }
.main .main_right .content .newslist li .txt h2 a:hover{ color:var(--wb-blue); }
.s{ border-bottom:1px dashed var(--wb-line) !important; width:auto !important; height:0 !important; }

.main .main_right .content .pagebar{
  border:0 !important; height:auto !important; line-height:1.6 !important; padding:22px 0 0 !important;
  margin-top:22px; border-top:1px solid var(--wb-line) !important; color:var(--wb-t3);
  font-family:var(--wb-font) !important;
}
.main .main_right .content .pagebar .pr a{
  border:1px solid var(--wb-line) !important; border-radius:7px; height:auto !important;
  line-height:1.4 !important; padding:6px 12px !important; color:var(--wb-t2); margin-left:6px; background:#fff;
}
.main .main_right .content .pagebar .pr a:hover{ border-color:var(--wb-blue) !important; color:var(--wb-blue); background:var(--wb-aqua-l); }
.pagebar li{ float:none !important; display:inline-block; margin:0 !important; }

.main .main_right .cateslist dl{ border:1px solid var(--wb-line) !important; border-radius:var(--wb-r); overflow:hidden; box-shadow:var(--wb-sh); background:#fff; }
.main .main_right .cateslist dl dt{ background:linear-gradient(135deg,var(--wb-navy-2),var(--wb-blue-dd)) !important; background-image:none !important; color:#fff; height:auto !important; line-height:1.4 !important; padding:14px 20px; font-size:15.5px; }
.main .main_right .cateslist dl dd{ width:236px !important; margin:22px 16px !important; }
.main .main_right .cateslist dl dd .img{ width:236px !important; height:auto !important; border-radius:var(--wb-r); overflow:hidden; }
.main .main_right .cateslist dl dd .img img{ width:100% !important; height:216px !important; border:0 !important; object-fit:cover; border-radius:var(--wb-r); box-shadow:0 2px 12px rgba(11,60,140,.07); transition:transform .45s ease, box-shadow .25s ease; }
.main .main_right .cateslist dl dd:hover .img img{ transform:translateY(-5px); box-shadow:var(--wb-sh-h); }
.main .main_right .cateslist dl dd .txt{ line-height:1.6 !important; height:auto !important; padding:12px 0; font-weight:600; color:var(--wb-t1); font-size:14px; }

.prohead .hright h1{ color:var(--wb-t1); font-size:22px !important; }
.prohead .hright h2{ color:var(--wb-orange) !important; }
.prohead .hleft .proimg img{ border-radius:var(--wb-r); }
.prohead .hleft .smallimg dd li img{ border-radius:7px; }
.prohead .hleft .smallimg dd li a:hover img,.prohead .hleft .smallimg dd li a.hover img{ border-color:var(--wb-blue) !important; }

/* ==========================  15. 响应式  ========================== */
@media (max-width:1240px){
  .pageTBox,.logoLine,.searchPart,.AdsBox,.Advan,.caseBox,.profileBox,
  .custom,.pageDBox,.GCBox,.coper,#demo,.main,.reasonBox{ width:auto !important; margin-left:16px !important; margin-right:16px !important; }
  .nav_menu3 > ul{ width:auto !important; margin:0 16px !important; }
  .nav_menu3 > ul > li > a{ font-size:14px !important; padding:0 8px !important; }
  .mr_frUl{ width:auto !important; }
  .mr_frUl ul li{ margin:0 8px !important; }
}
@media (max-width:1024px){
  .GCBox,.newsBox,.profileBox,.main,.reasonGrid{ flex-direction:column; }
  .leftGC,.rightGC,.reasonMedia,.reasonList{ flex:1 1 auto; width:100% !important; max-width:none; }
  .rightHCon ul.wb-on{ grid-template-columns:repeat(2,1fr); }
  .leftCus{ grid-template-columns:1fr; }
  .leftNews,.midNews,.rightNews{ flex:1 1 auto; width:100% !important; border-right:0; padding-right:0 !important; }
  .main .main_left{ flex:1 1 auto; width:100% !important; }
  .nav_menu3 > ul{ flex-wrap:wrap; }
  .nav_menu3 > ul > li{ flex:0 0 auto; }
  .nav_menu3 > ul > li > a{ height:52px !important; line-height:52px !important; }
  .mr_frbox{ overflow-x:auto; }
}
@media (max-width:640px){
  .rightHCon ul.wb-on{ grid-template-columns:1fr; }
  .reasonList{ grid-template-columns:1fr; }
  .full_banner,.full_banner .bd li,.full_banner .bd li a{ height:260px !important; }
  .logoLine{ padding:14px 0; }
  .logoLine dl{ display:none; }
  .main .main_right .content .newslist li{ flex-direction:column; }
  .main .main_right .content .newslist li .img{ flex:1 1 auto; width:100% !important; height:180px !important; }
  .subNav{ display:none; }
  .wb-sec-head h2{ font-size:22px; }
  .profileBox > img{ flex:1 1 auto; width:100% !important; height:auto !important; }
}