/* ===== 胡集化工园区门户（套静态模板样式） ===== */
*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",SimHei,sans-serif;}
:root{
    --primary:#0052cc;
    --secondary:#003380;
    --light-blue:#e8f0fe;
    --gray:#f5f7fa;
    --text:#333;
    --text-gray:#666;
    --border:#e2e8f0;
    --dark-bg:#1a2b48;
}
body{background:#fff;color:var(--text);line-height:1.7;}
.container{width:1200px;margin:0 auto;padding:0 15px;}
a{text-decoration:none;color:var(--primary);}
a:hover{color:var(--secondary);}

/* 页脚始终贴底 */
body{min-height:100vh;display:flex;flex-direction:column;}
.page-main{flex:1;padding-bottom:40px;}

/* 顶栏 */
.top-bar{background:var(--secondary);color:#fff;padding:8px 0;font-size:14px;}
.top-row{display:flex;justify-content:space-between;align-items:center;}

/* 头部 */
header{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.08);position:sticky;top:0;z-index:998;}
.header-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:20px;}
.logo{display:flex;align-items:center;}
.site-logo{height:48px;width:auto;max-width:520px;}
.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
.header-search{display:flex;}
.header-search input{
  width:230px;padding:6px 12px;border:1px solid var(--border);border-right:none;
  border-radius:4px 0 0 4px;font-size:14px;outline:none;
}
.header-search input:focus{border-color:var(--primary);}
.header-search button{
  background:var(--primary);color:#fff;border:none;padding:6px 18px;
  border-radius:0 4px 4px 0;cursor:pointer;font-size:14px;
}
.header-search button:hover{background:var(--secondary);}

/* 导航 */
nav ul{display:flex;list-style:none;gap:4px;flex-wrap:wrap;}
nav ul li{position:relative;}
nav ul li a{display:block;padding:8px 14px;text-decoration:none;color:var(--text);font-size:15px;border-radius:4px;transition:0.25s;}
nav ul li a:hover,nav ul li a.active{background:var(--primary);color:#fff;}
/* 导航里的系统登录高亮按钮 */
nav ul li a.nav-login-btn{background:var(--primary);color:#fff;font-weight:600;}
nav ul li a.nav-login-btn:hover{background:var(--secondary);}
nav ul li .submenu{
  position:absolute;top:100%;left:0;min-width:190px;background:#fff;
  border:1px solid var(--border);box-shadow:0 4px 12px rgba(0,0,0,0.1);
  border-radius:4px;display:none;z-index:999;
}
nav ul li .submenu a{display:block;white-space:nowrap;border-radius:0;}
nav ul li:hover .submenu{display:block;}

/* 右侧悬浮登录（竖排原文） */
.platform-login{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:999;}
.platform-login a{
  display:block;padding:14px 10px;background:var(--primary);color:#fff;text-decoration:none;
  border-radius:6px;text-align:center;font-size:14px;writing-mode:vertical-rl;letter-spacing:2px;
  box-shadow:0 3px 10px rgba(0,82,204,0.3);
}
.platform-login a:hover{background:var(--secondary);}

/* 页面 banner */
.page-banner{width:100%;height:200px;background:linear-gradient(135deg,#0052cc,#003380);display:flex;align-items:center;color:#fff;}
.page-banner h2{font-size:30px;}
.crumbs{padding:15px 0;background:var(--gray);font-size:14px;}
.crumbs a{color:var(--primary);}

/* 通用 */
.section-title{text-align:center;margin:60px 0 35px;}
.section-title h3{font-size:26px;position:relative;display:inline-block;padding-bottom:12px;}
.section-title h3::after{content:"";width:70px;height:3px;background:var(--primary);position:absolute;left:50%;transform:translateX(-50%);bottom:0;}
.sub-title{font-size:19px;color:var(--primary);margin-bottom:18px;border-left:4px solid var(--primary);padding-left:12px;}
.box{border:1px solid var(--border);border-radius:6px;padding:28px;margin:30px 0;background:#fff;}

/* 首页 */
.home-top-wrap{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0 50px;align-items:center;}
.img-box{border:1px solid var(--border);border-radius:6px;overflow:hidden;background:#cccccc;min-height:320px;display:flex;align-items:center;justify-content:center;}
.img-box img{width:100%;height:100%;object-fit:cover;display:block;min-height:320px;}
.img-box .ph{color:#888;font-size:15px;}

/* 首页轮播 */
.img-box.carousel{position:relative;background:#fff;}
.img-box.carousel .slide{
  position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;
  object-fit:contain;opacity:0;transition:opacity .8s ease;background:#fff;
}
.img-box.carousel .slide.on{opacity:1;}
.img-box.carousel .dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:2;}
.img-box.carousel .dot{width:8px;height:8px;border-radius:50%;background:rgba(0,82,204,.25);cursor:pointer;}
.img-box.carousel .dot.on{background:var(--primary);}
.text-box p{text-indent:2em;margin-bottom:14px;color:#444;}
.home-two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:50px;}
.box-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:15px;border-bottom:1px solid var(--border);}
.box-head h4{font-size:18px;color:var(--primary);}
.box-head a{font-size:14px;}

/* 列表 */
.news-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px dashed #eee;}
.news-item:last-child{border:none;}
.news-item a{color:var(--text);font-size:15px;flex:1;}
.news-item a:hover{color:var(--primary);}
.news-item .summary{display:block;color:#999;font-size:13px;margin-top:2px;}
.news-date{color:#999;font-size:13px;white-space:nowrap;margin-left:10px;}

/* 分页 */
.pager{display:flex;gap:6px;justify-content:center;padding:20px 0;}
.pager a,.pager span{padding:5px 12px;border:1px solid var(--border);border-radius:3px;background:#fff;font-size:14px;color:var(--text);}
.pager .on{background:var(--primary);border-color:var(--primary);color:#fff;}

/* 文章详情 */
.article-body{max-width:960px;margin:30px auto;}
.article-title{text-align:center;font-size:24px;color:var(--text);margin-bottom:10px;}
.article-meta{text-align:center;color:#999;font-size:13px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:22px;}
.article-content{font-size:16px;line-height:2;}
.article-content p{margin:0 0 12px;}
.article-content img{max-width:100%;height:auto;}
.article-content b,.article-content strong{font-weight:700;}
.article-content blockquote{margin:1em 0;margin-left:2em;}
.article-content table{border-collapse:collapse;margin:10px 0;}
.article-content td,.article-content th{border:1px solid #c9d4e0;padding:6px 10px;}
/* 图集：基础配套条件等图文展示 */
.photo-gallery{display:flex;flex-wrap:wrap;gap:20px;margin:8px 0 6px;}
.photo-card{flex:0 0 calc(50% - 10px);margin:0;border:0;border-radius:0;background:none;box-shadow:none;}
.photo-card img{display:block;width:100%;height:240px;object-fit:cover;}
.photo-card figcaption{padding:10px 12px 10px;text-align:center;font-size:15px;line-height:1.6;color:#333;background:none;border-top:0;}
.photo-card.is-wide{flex:0 0 100%;}
.photo-card.is-wide img{height:auto;}
.photo-gallery.is-stacked .photo-card{flex:0 0 100%;}
.photo-gallery.is-stacked .photo-card img{height:auto;}
@media (max-width:640px){.photo-card{flex:1 1 100%;}}
.attachments{margin-top:24px;border-top:1px solid var(--border);padding-top:14px;}
.attachments h5{font-size:15px;margin-bottom:8px;}
.attachments li{list-style:none;padding:5px 0;}

/* FAQ */
.qa-item{padding:16px 0;border-bottom:1px dashed #eee;}
.qa-item:last-child{border:none;}
.qa-item .q{font-weight:600;color:var(--secondary);margin-bottom:8px;}
.qa-item .a{color:#555;padding-left:24px;}

/* 历史问答 */
.item-wrap{padding:16px 0;border-bottom:1px dashed #eee;}
.item-wrap:last-child{border:none;}
.item-wrap .question{font-weight:600;color:var(--secondary);margin-bottom:6px;}
.item-wrap .answer{color:#555;margin-bottom:6px;}
.item-wrap .time-info{color:#999;font-size:13px;}

/* 表单 */
.form-item{margin-bottom:18px;}
.form-item label{display:block;margin-bottom:7px;font-weight:500;}
.form-item input,.form-item select,.form-item textarea{
  width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:4px;font-size:15px;
}
.form-item textarea{min-height:120px;resize:vertical;}
.btn-submit{background-color:var(--primary);color:#fff;border:none;padding:12px 30px;border-radius:4px;cursor:pointer;font-size:15px;}
.btn-submit:hover{background-color:var(--secondary);}
.form-tip{margin-top:10px;color:#67c23a;display:none;}

/* 蓝色表头面板 */
.panel{border:1px solid var(--border);border-radius:6px;background:#fff;margin:26px 0;overflow:hidden;}
.panel-head{background:var(--primary);color:#fff;padding:11px 16px;display:flex;justify-content:space-between;align-items:center;}
.panel-head h4{color:#fff;font-size:17px;margin:0;font-weight:600;}
.panel-head a{color:#fff;font-size:13px;}
.panel-head a:hover{color:#dbe7ff;text-decoration:underline;}
.panel-body{padding:8px 16px 14px;}

/* 页脚（紧凑单栏，深色与顶栏一致） */
footer{background:var(--secondary);color:#fff;padding:16px 0;font-size:14px;margin-top:0;text-align:center;}
footer a{color:#fff;text-decoration:none;}
footer a:hover{text-decoration:underline;}
.f-links{line-height:1.9;}
.f-links span{margin:0 8px;opacity:.7;}
.f-icp{margin-top:2px;opacity:.95;}

@media(max-width:1200px){.container{width:100%;}}
@media(max-width:768px){
  .top-row,.header-row{flex-direction:column;text-align:center;gap:8px;}
  nav ul{justify-content:center;flex-wrap:wrap;}
  nav ul li .submenu{position:static;box-shadow:none;border:none;padding-left:15px;}
  .home-top-wrap,.home-two-col,.footer-three{grid-template-columns:1fr;}
  .platform-login{display:none;}
  .page-banner{height:160px;}
}