/* ============================================================
   kaiyuan-inner.css · 温州开源电梯 内页样式（与首页 kaiyuan.css 统一风格）
   适用：栏目封面页 / 列表页 / 文章页
   ============================================================ */

body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#333;background:#f5f7fa}

/* ---------- 内页 banner ---------- */
#banner_lb{height:300px;background:#e8effb;overflow:hidden}
#banner_lb .slide_container{width:100%;height:300px;overflow:hidden;position:relative}
#banner_lb .slide_container img{width:100%;height:300px;object-fit:cover;display:block}

/* ---------- 内容区骨架 ---------- */
#c-new-content{padding:28px 0 48px}
#new-box{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;gap:24px;align-items:flex-start}
#new-box_left{width:250px;flex:none}
#new-box_right{flex:1;min-width:0;background:#fff;border-radius:10px;box-shadow:0 1px 6px rgba(16,42,80,.06);padding:22px 26px}

/* ---------- 左栏：栏目导航 ---------- */
#new-box_left .new-box_left-div{background:linear-gradient(135deg,#1a56b7,#2f6fd0);border-radius:10px;padding:18px 16px;color:#fff;margin-bottom:16px}
#new-box_left .left-div-p1{display:block;font-size:20px;font-weight:700;letter-spacing:2px}
#new-box_left .left-div-p2{display:block;font-size:11px;opacity:.75;margin-top:4px;letter-spacing:1px}
#new-box_left p.new-box_left-p2{margin:0}
#new-box_left p.new-box_left-p2 a{display:block;padding:11px 16px;background:#fff;border:1px solid #e3e9f2;border-radius:8px;margin-bottom:8px;color:#3a4a5f;text-decoration:none;font-size:14px;transition:all .2s;position:relative;padding-right:30px}
#new-box_left p.new-box_left-p2 a:after{content:"›";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9fb0c5;font-size:18px}
#new-box_left p.new-box_left-p2 a:hover{border-color:#1a56b7;color:#1a56b7;transform:translateX(2px)}
#new-box_left p.new-box_left-p2 a.abv{background:#eef3fc;border-color:#1a56b7;color:#1a56b7;font-weight:600}
#new-box_left p.new-box_left-p2 a span{display:none}

/* ---------- 右栏：标题栏 ---------- */
#new-box_right .new-box_right-top{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #1a56b7;padding-bottom:12px;margin-bottom:20px}
#new-box_right .top-1 p{font-size:14px;color:#5a6b80;margin:0}
#new-box_right .top-1 p a{color:#1a56b7;text-decoration:none}
#new-box_right .top-1 p a:hover{text-decoration:underline}
#new-box_right .top-2 img{display:none}

/* ---------- 列表（新闻/文章 type=xia） ---------- */
#new-box_right-bottom #xia ul{list-style:none;margin:0;padding:0}
#new-box_right-bottom #xia li.xia-li1{display:flex;gap:18px;padding:16px 4px;border-bottom:1px dashed #e4e9f1}
#new-box_right-bottom #xia li.xia-li1:last-child{border-bottom:none}
#new-box_right-bottom #xia li.xia-li1:hover{background:#f8fafd}
#new-box_right-bottom #xia .zuotu{flex:none;width:150px;height:100px;overflow:hidden;border-radius:6px}
#new-box_right-bottom #xia .zuotu img{width:100%;height:100%;object-fit:cover}
#new-box_right-bottom #xia .li-div1{flex:1;min-width:0}
#new-box_right-bottom #xia .xia-li-p1{font-size:16px;font-weight:600;color:#22344c;margin:0 0 8px}
#new-box_right-bottom #xia a:hover .xia-li-p1{color:#1a56b7}
#new-box_right-bottom #xia .xia-li-p2{font-size:13px;color:#7a8899;line-height:1.7;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#new-box_right-bottom #xia .xia-li-p4{font-size:12px;color:#a3aebc;margin:0}
#new-box_right-bottom #xia .xia-li-p3{display:none}

/* ---------- 产品列表（list_cp cp_body） ---------- */
#new-box_right-bottom .cp_body{display:inline-block;vertical-align:top;width:31.5%;margin:0 1% 18px 0;background:#f8fafd;border:1px solid #e8edf4;border-radius:8px;overflow:hidden;transition:all .2s}
#new-box_right-bottom .cp_body:hover{box-shadow:0 4px 14px rgba(16,42,80,.12);transform:translateY(-2px);border-color:#c9d8ee}
#new-box_right-bottom .cp_body img{width:100%;height:150px;object-fit:cover;display:block}
#new-box_right-bottom .cp_body .big_box{padding:12px 14px}
#new-box_right-bottom .cp_body .title{font-size:15px;font-weight:600;color:#22344c;margin-bottom:6px}
#new-box_right-bottom .cp_body .count{font-size:12px;color:#7a8899;line-height:1.6;height:40px;overflow:hidden}

/* ---------- 荣誉列表（list_ry ry-li） ---------- */
#new-box_right-bottom .rongyu-list ul{list-style:none;margin:0;padding:0}
#new-box_right-bottom .rongyu-list li.ry-li{width:31.5%;display:inline-block;vertical-align:top;margin:0 1% 18px 0;background:#f8fafd;border:1px solid #e8edf4;border-radius:8px;overflow:hidden;text-align:center}
#new-box_right-bottom .rongyu-list li.ry-li img.ry-li-img1{width:100%;height:170px;object-fit:cover}
#new-box_right-bottom .rongyu-list p.ry-li-p1{font-size:14px;color:#22344c;margin:10px 6px 8px;font-weight:600}
#new-box_right-bottom .rongyu-list p.ry-li-p2{margin:0 0 12px;font-size:12px;color:#1a56b7}
#new-box_right-bottom .rongyu-list p.ry-li-p2 img{display:none}
#new-box_right-bottom .rongyu-list p.ry-li-p2 a{color:#1a56b7;text-decoration:none;border:1px solid #1a56b7;padding:3px 12px;border-radius:14px;font-size:12px}
#new-box_right-bottom .rongyu-list p.ry-li-p2 a:hover{background:#1a56b7;color:#fff}

/* ---------- 案例列表（list_case） ---------- */
#new-box_right-bottom .anli-list li{border-bottom:1px dashed #e4e9f1;padding:14px 4px}
#new-box_right-bottom .anli-list li a{color:#22344c;text-decoration:none;font-size:15px;font-weight:600}
#new-box_right-bottom .anli-list li a:hover{color:#1a56b7}
#new-box_right-bottom .anli-list span.anli-span2{display:block;font-size:12px;color:#7a8899;margin-top:4px;line-height:1.6}

/* ---------- 封面页正文（index_article content） ---------- */
#new-box_right-bottom{font-size:14px;line-height:1.9;color:#333}
#new-box_right-bottom img{max-width:100%;height:auto}
#new-box_right-bottom a{color:#1a56b7}

/* ---------- 分页 ---------- */
.pagex{text-align:center;margin-top:26px}
.pagex ul{list-style:none;margin:0;padding:0;display:inline-block}
.pagex li{display:inline-block}
.pagex a,.pagex .thisclass{display:inline-block;padding:6px 12px;margin:0 3px;border:1px solid #dfe6ef;border-radius:6px;color:#3a4a5f;font-size:13px;text-decoration:none}
.pagex .thisclass,.pagex a:hover{background:#1a56b7;color:#fff;border-color:#1a56b7}

/* ---------- 文章正文页 ---------- */
body.article-page #main{max-width:1200px;margin:26px auto 50px;padding:0 16px}
body.article-page .article{background:#fff;border-radius:10px;box-shadow:0 1px 6px rgba(16,42,80,.06);padding:34px 44px}
body.article-page .article h1{font-size:24px;color:#22344c;text-align:center;margin:0 0 10px}
body.article-page .article .meta{text-align:center;color:#a3aebc;font-size:13px;padding-bottom:16px;border-bottom:1px solid #eef1f6;margin-bottom:22px}
body.article-page .article .content{font-size:15px;line-height:1.95;color:#3a4a5f}
body.article-page .article .content p{margin:0 0 14px}
body.article-page .article .content img{max-width:100%;height:auto;display:block;margin:12px auto}
body.article-page .article .content h2,h3{color:#1a56b7}

/* ---------- 移动端适配 ---------- */
@media (max-width: 900px){
  #new-box{flex-direction:column}
  #new-box_left{width:100%}
  #new-box_right-bottom .cp_body,#new-box_right-bottom .rongyu-list li.ry-li{width:48%}
  #banner_lb{height:170px}
  #banner_lb .slide_container img{height:170px}
  body.article-page .article{padding:20px}
}
@media (max-width: 600px){
  #new-box_right-bottom .cp_body,#new-box_right-bottom .rongyu-list li.ry-li{width:100%;margin-right:0}
}