/* prod-rfid588 index.css —— 首页区块样式（证卡打印机网）
 * 设计基调：品牌蓝 #0078b0 / #0277d6，浅灰蓝底 #f4f7fa，卡片白底深字；
 * 所有正文文字均使用深色 #333/#666（浅底）或白色（深底），禁止浅底配浅字。
 */

body{font-family:"Microsoft Yahei","PingFang SC",Arial,sans-serif;color:#333;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style:normal;}
.content{width:1200px;margin:0 auto;}

/* ---------- 浮动容器统一建立 BFC，防止区块塌陷重叠 ---------- */
.cat_c,.sel_c,.brand_c,.news,.sol_c,.about,.about dl,
.cat_nr ul,.sel_nr,.brand_nr ul,.sol_nr ul{display:flow-root;}

/* ---------- 区块标题 ---------- */
.titis{padding:78px 0 40px;text-align:center;}
.titis h2 {height:54px;line-height:54px;font-size:38px;font-weight: normal;text-align: center;color:#1c2b3a;}
.titis h2 a {color: #1c2b3a;}
.titis h2 a:hover{color:#0277d6;}
.titis p{font-size:17px;color: #67707c;line-height:30px;height:auto;text-align: center;}
.titis-w h2, .titis-w h2 a{color:#fff;}
.titis-w p{color:rgba(255,255,255,.82);}

/* ---------- 通用 CTA 按钮（描边，hover 填充） ---------- */
.fn_btn1{width:224px;height:48px;position:relative;margin:48px auto 0;clear:both;border:1px solid #35414e;border-radius:8px;overflow:hidden;}
.fn_btn1:before{width:0;content:"";display:block;height:100%;position:absolute;left:0;top:0;background:#0078b0;transition:all .4s;}
.fn_btn1 a{width:100%;height: 48px;text-align: center;line-height: 48px;font-size:17px;color: #35414e;display: block;position:relative;z-index:2;}
.fn_btn1:hover:before{width:100%;}
.fn_btn1:hover{border-color:#0078b0;}
.fn_btn1:hover a{color:#fff;}
/* 深底上的白色 CTA */
.fn-btn-w{border-color:rgba(255,255,255,.85);}
.fn-btn-w a{color:#fff;}
.fn-btn-w:before{background:#fff;}
.fn-btn-w:hover a{color:#0d3a63;}
.fn-btn-w:hover{border-color:#fff;}

/* ---------- 产品品类 ---------- */
.cat_bj{background:#f4f7fa;padding:0 0 84px;box-sizing:border-box;}
.cat_nr ul{margin-right:-30px;}
.cat_nr li{float:left;width:380px;height:288px;margin:0 30px 30px 0;background:#fff;border:1px solid #e4ebf2;border-top:3px solid transparent;box-sizing:border-box;padding:34px 34px 0;transition:all .3s;position:relative;}
.cat_nr li:hover{border-top-color:#0277d6;box-shadow:0 10px 24px rgba(15,60,105,.10);}
.cat_nr li h4{height:34px;line-height:34px;font-size:22px;font-weight:normal;}
.cat_nr li h4 a{color:#1c2b3a;}
.cat_nr li h4 a:hover{color:#0277d6;}
.cat_nr li span{display:block;font-size:14px;color:#0277d6;line-height:30px;padding:2px 0 10px;}
.cat_nr li p{font-size:14px;color:#67707c;line-height:26px;height:78px;overflow:hidden;}
.cat_nr li em{position:absolute;left:34px;bottom:24px;}
.cat_nr li em a{display:inline-block;width:120px;height:36px;line-height:34px;text-align:center;font-size:14px;color:#0277d6;border:1px solid #0277d6;border-radius:18px;transition:all .3s;}
.cat_nr li em a:hover{background:#0277d6;color:#fff;}

/* ---------- 按需求选型 ---------- */
.sel_bj{background:#fff;padding:0 0 84px;}
.sel_nr{margin-right:-24px;}
.sel_nr dl{float:left;width:282px;min-height:230px;margin:0 24px 0 0;background:#f7fafc;border:1px solid #e4ebf2;box-sizing:border-box;padding:30px 26px;transition:all .3s;}
.sel_nr dl:hover{background:#fff;box-shadow:0 10px 24px rgba(15,60,105,.10);border-color:#bcd7ec;}
.sel_nr dl dt{font: bold 34px/1 Arial;color:#c9dcEB;color:#bcd7ec;padding-bottom:16px;}
.sel_nr dl h4{font-size:19px;color:#1c2b3a;height:30px;line-height:30px;font-weight:normal;padding-bottom:10px;}
.sel_nr dl p{font-size:14px;color:#67707c;line-height:26px;}

/* ---------- 品牌中心文字入口 ---------- */
.brand_bj{background:#f4f7fa;padding:0 0 84px;}
.brand_nr ul{margin:0 -11px;}
.brand_nr li{float:left;width:calc(25% - 22px);height:56px;line-height:56px;margin:0 11px 22px;background:#fff;border:1px solid #e4ebf2;box-sizing:border-box;transition:all .3s;}
.brand_nr li a{display:block;padding:0 12px;font-size:14px;color:#33414f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-left:3px solid transparent;box-sizing:border-box;}
.brand_nr li:hover{border-color:#0277d6;box-shadow:0 8px 18px rgba(15,60,105,.10);}
.brand_nr li:hover a{color:#0277d6;border-left-color:#0277d6;}
.brand-more{margin-top:30px;}

/* ---------- 资讯与指南 ---------- */
.news_bj{background:#fff;padding:0 0 90px;}
.news{width:1200px;margin:0 auto;}
.news .tit{height: 50px;line-height: 50px;overflow: hidden;border-bottom:2px solid #e8edf2;margin-bottom:6px;}
.news .tit span{font-size:14px;color: #98a2ad;line-height: 50px;}
.news .tit span a{font-size:24px;color: #1c2b3a;font-weight:bold;margin-right:7px;line-height: 50px;}
.news .tit span a:hover{color:#0277d6;}
.news .tit em a{float:right;font-size:13px;color: #0277d6;text-transform: uppercase;line-height: 50px}
.news .dongt{float:left;width:564px;}
.news .wt_c{float:right;width:567px;}
.wt_nr dl{padding:24px 0 20px;border-bottom:1px dashed #e5e9ee;}
.wt_nr dd{width:100%;}
.wt_nr dd h4 a{display: block;height: 30px;line-height: 30px;font-size:18px;color: #1c2b3a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.wt_nr dd h4 a:hover{color:#0277d6;}
.wt_nr dd p{font-size:14px;padding-top:8px;color: #67707c;line-height: 26px;height:52px;overflow:hidden;}

/* ---------- 制卡应用方案（深底白字） ---------- */
.sol_bj{background:#0d3a63;background:linear-gradient(118deg,#0b2f52 0%,#0d4a7e 60%,#0f6aa4 100%);padding:0 0 84px;}
.sol_nr{margin-right:-24px;}
.sol_nr li{float:left;width:282px;min-height:190px;margin:0 24px 0 0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);box-sizing:border-box;padding:30px 26px;transition:all .3s;}
.sol_nr li:hover{background:rgba(255,255,255,.14);}
.sol_nr li h4{font-size:19px;color:#fff;height:30px;line-height:30px;font-weight:normal;padding-bottom:12px;}
.sol_nr li p{font-size:14px;color:rgba(255,255,255,.85);line-height:26px;}

/* ---------- 走进我们 ---------- */
.ab_bj{background:#f4f7fa;padding:0 0 90px;}
.about dl{background:#fff;border:1px solid #e4ebf2;overflow:hidden;}
.about dt{float:left;font-size:0;line-height: 0;width:50%;overflow: hidden;}
.about dt img {width:100%;height:400px;object-fit:cover;display:block;}
.about dd {float:left;width:50%;padding:56px 60px 0;box-sizing:border-box;}
.about dd h3 a{display: block;height: 40px;line-height: 40px;font-size:24px;color: #1c2b3a;font-weight: normal;}
.about dd h3 a:hover{color:#0277d6;}
.about dd > p{font-size:15px;color:#67707c;line-height:28px;padding-top:14px;height:170px;overflow:hidden;}
.about-ct{border-top:1px dashed #e5e9ee;padding-top:16px;margin-top:6px;}
.about-ct p{font-size:15px;color:#33414f;line-height:30px;}
.about dd em a{display:inline-block;margin-top:18px;padding:0 30px;height:38px;line-height:36px;border:1px solid #0277d6;border-radius:19px;font-size:15px;color:#0277d6;transition:all .3s;}
.about dd em a:hover{background:#0277d6;color:#fff;}