/* ==========================================================================
   河南中拓通信科技有限公司 — 官网（原版外观 / 纯静态实现）
   版式参数取自老站：容器 1200px、页头 95px、导航 50px、Banner 1920×480
   配色：导航红 #AA0404、悬停金 #E3C104、页脚 #111、电话金 #CAA706
   ========================================================================== */

*{margin:0;padding:0;box-sizing:border-box;}
body{
  min-height:100vh;display:flex;flex-direction:column;
  font:13px/1.5 "Microsoft YaHei",Tahoma,Helvetica,"SimSun",sans-serif;
  color:#444;background:#fff;
  -webkit-text-size-adjust:100%;
}
a{color:#444;text-decoration:none;}
a:hover{color:#AA0404;}
img{border:0;vertical-align:middle;max-width:none;}
ul,ol{list-style:none;}
h1,h2,h3,h4{font-weight:700;}

.wp{width:1200px;margin:0 auto;position:relative;}
.cl::after{content:"";display:block;clear:both;}

/* ---------- 顶部条 ---------- */
#toptb{
  min-width:1200px;height:29px;line-height:28px;
  background:#F2F2F2;border-bottom:1px solid #CDCDCD;
  font-size:12px;color:#666;
}
#toptb .wp{display:flex;align-items:center;justify-content:space-between;height:28px;}
#toptb .left{display:flex;}
#toptb a{color:#666;padding:0 6px;transition:color .15s;}
#toptb a:hover{color:#AA0404;}

/* ---------- 页头 ---------- */
#hd{background:url(../img/3d.jpg) repeat-x center -50px;}
#hd > .wp{padding:10px 0 0;}
#nv .wp{padding:0;}
.hdc{height:95px;display:flex;align-items:center;justify-content:space-between;}
.hdc .logo img{width:560px;height:70px;display:block;}
.hdc .tel img{width:400px;height:70px;display:block;}

/* ---------- 导航 ---------- */
#nv{height:50px;background:#AA0404;}
#nv ul{display:flex;height:50px;}
#nv li{height:50px;}
#nv li a{
  display:block;height:50px;padding:0 34px;
  font:500 16px/50px "Microsoft YaHei","微软雅黑";
  color:#FFF;transition:background-color .15s;
}
#nv li a:hover{background:#E3C104;color:#FFF;}
#nv li.a a{background:#8E0303;}

/* ---------- 首屏轮播 ---------- */
.slider{position:relative;height:clamp(320px,calc(100vh - 445px),480px);overflow:hidden;background:#eef2f6;}
.slide{
  position:absolute;inset:0;
  background-size:cover;background-position:center center;background-repeat:no-repeat;
  opacity:0;transition:opacity .8s ease;
}
.slide.on{opacity:1;}
.dots{
  position:absolute;left:50%;bottom:20px;transform:translateX(-50%);
  display:flex;gap:12px;z-index:5;
}
.dots button{
  width:12px;height:12px;border-radius:50%;border:0;padding:0;cursor:pointer;
  background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(0,0,0,.15);
  transition:background-color .2s;
}
.dots button.on{background:#AA0404;}
.slider .arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:42px;height:70px;border:0;cursor:pointer;
  background:rgba(0,0,0,.28);color:#fff;font-size:26px;line-height:70px;text-align:center;
  opacity:0;transition:opacity .25s;
}
.slider:hover .arrow{opacity:1;}
.slider .arrow:hover{background:rgba(0,0,0,.5);}
.slider .prev{left:0;}
.slider .next{right:0;}

/* ---------- 深色分隔条 ---------- */
.gap-dark{height:40px;background:#222;}

/* ---------- 页脚（黑底三段式） ---------- */
#ft-black{background:#111111;color:#fff;margin-top:auto;}
.ft-inner{
  width:1200px;margin:0 auto;min-height:250px;padding:25px 0;
  display:flex;align-items:center;justify-content:space-between;gap:40px;
}
.ft-logo{flex:0 0 auto;}
.ft-logo img{width:347px;height:141px;display:block;}
.ft-txt{
  flex:0 1 auto;padding:0;
  font-family:"SimSun","宋体",serif;font-size:16px;line-height:26px;color:#fff;
}
.ft-txt .name{font-weight:bold;font-size:16px;font-family:"Microsoft YaHei",sans-serif;}
.ft-txt .tel{color:#CAA706;font-size:16px;}
.ft-txt p{margin:0;}
.ft-qr{flex:0 0 auto;width:auto;text-align:center;}
.ft-qr img{width:140px;height:140px;display:block;margin:0 auto;background:#fff;}
.ft-qr .tip{display:block;margin-top:10px;font-size:13px;color:#cfcfcf;letter-spacing:.05em;}
.ft-qr .icp{display:block;margin-top:8px;font-size:12px;color:#fff;}
.ft-qr .icp a{color:#fff;}
.ft-qr .icp a:hover{color:#E3C104;}

/* ---------- 内页：页面标题条 ---------- */
.crumb{background:#f6f6f6;border-bottom:1px solid #e5e5e5;}
.crumb .wp{display:flex;align-items:center;height:44px;}
.crumb h1{font-size:16px;font-weight:700;color:#333;letter-spacing:.02em;}

/* ---------- 内页：正文 ---------- */
.main{width:1200px;margin:0 auto;padding:30px 0 34px;flex:1 0 auto;display:flex;flex-direction:column;}
.main > .article{margin-top:auto;margin-bottom:auto;}
.article{
  font-size:14px;line-height:2.1;color:#333;
  font-family:"Microsoft YaHei","微软雅黑",Tahoma,sans-serif;
  max-width:1080px;
}
.article p{margin:0 0 18px;}
.article strong{color:#222;}
.article h2{
  font-size:17px;color:#222;margin:34px 0 16px;
  padding-left:11px;border-left:4px solid #AA0404;line-height:1.4;
}
.article h3{font-size:15px;color:#222;margin:24px 0 12px;}
.article .values{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 24px;}
.article .values li{
  width:calc(33.333% - 10px);background:#f7f8fa;border:1px solid #eef0f3;
  padding:14px 16px;font-size:13px;line-height:1.9;color:#555;
}
.article .values li b{display:block;color:#AA0404;font-size:13px;margin-bottom:2px;}

.contact-table{border-collapse:collapse;margin:6px 0 20px;}
.contact-table td{padding:7px 0;font-size:14px;line-height:1.9;vertical-align:top;}
.contact-table td.k{width:96px;color:#888;}
.contact-table td.v{color:#222;font-weight:600;}
.contact-table td.v a{color:#AA0404;}
.contact-table td.v a:hover{text-decoration:underline;}

/* ---------- 回到顶部 ---------- */
#toTop{
  position:fixed;right:24px;bottom:70px;z-index:90;
  width:42px;height:42px;border:1px solid #cdcdcd;border-radius:3px;
  background:#f4f4f4;color:#666;cursor:pointer;font-size:18px;line-height:40px;text-align:center;
  opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;
}
#toTop.show{opacity:1;visibility:visible;}
#toTop:hover{background:#AA0404;color:#fff;border-color:#AA0404;}

/* ---------- 移动端兜底（桌面端不受影响） ---------- */
/* ---------- 公司简介：左右两栏，一屏显示 ---------- */
.article.article--split{
  display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:52px;
  align-items:start;max-width:none;
}
.article--split .article__main p:last-child{margin-bottom:0;}
.article__side h2{margin-top:0;margin-bottom:12px;}
.article .values.values--list{display:block;margin:0;}
.article .values.values--list li{
  width:auto !important;display:block;background:none;border:0;border-bottom:1px dashed #e6e8ec;
  padding:8px 0;font-size:13px;line-height:1.8;color:#5a6472;
}
.article .values.values--list li:last-child{border-bottom:0;}
.article .values.values--list li b{display:inline;margin-right:6px;font-size:13px;color:#AA0404;}
@media (max-width:1240px){
  .wp,.main,.ft-inner{width:100%;padding-left:12px;padding-right:12px;}
  #toptb{min-width:0;}
  #toptb .wp{padding-left:12px;padding-right:12px;}
  .hdc{height:auto;padding:10px 0;flex-wrap:wrap;gap:10px;}
  .hdc .logo img{width:auto;max-width:100%;height:auto;}
  .hdc .tel img{width:auto;max-width:100%;height:auto;}
  #nv ul{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  #nv li a{padding:0 18px;font-size:15px;white-space:nowrap;}
  .slider{height:46vw;min-height:180px;}
  .ft-inner{flex-direction:column;align-items:flex-start;gap:18px;padding:24px 12px;}
  .ft-logo,.ft-qr{width:auto;}
  .ft-logo img{width:auto;max-width:100%;height:auto;}
  .ft-qr{text-align:left;}
  .ft-qr img{margin:0;max-width:100%;height:auto;}
  .ft-txt{padding:0;font-size:15px;line-height:26px;}
  .article{font-size:15px;line-height:1.95;}
  .article .values li{width:100%;}

  /* 窄屏补充：顶栏换行、避免横向溢出 */
  html,body{overflow-x:hidden;}
  #toptb{height:auto;}
  #toptb .wp{height:auto;flex-wrap:wrap;justify-content:center;padding:4px 12px;line-height:22px;}
  #toptb .left,#toptb .right{width:100%;text-align:center;}
  #toptb a{padding:0 5px;}
  .ft-txt{font-size:14px;line-height:24px;}
  .ft-inner{padding:20px 12px;}
  .hdc{justify-content:center;max-width:100%;}
  .hdc .logo,.hdc .tel{min-width:0;width:100%;max-width:100%;flex:0 1 auto;}
  .ft-logo{width:100%;}
  .hdc .logo img{width:330px;max-width:100%;height:auto;display:block;}
  .hdc .tel img{width:300px;max-width:100%;height:auto;display:block;}
  .ft-logo img{width:270px;max-width:100%;height:auto;}
  .ft-logo,.ft-txt,.ft-qr{min-width:0;max-width:100%;}
  .ft-logo img{width:auto;max-width:100%;height:auto;}
  .crumb .wp{height:auto;min-height:44px;padding-top:8px;padding-bottom:8px;}
}