@charset "utf-8";
/* 鸿晟静态站：在参考站主题基础上做的少量适配 */
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
img{max-width:100%}
a{text-decoration:none;color:#333}

/* 头部：本站 logo 为横向整标，压缩高度以保持一行排版 */
.header .logo img{height:58px;width:auto;margin-top:26px}
.header .title{width:420px;font-size:22px;padding-top:26px}
.header .title span{font-size:15px;line-height:34px}
.header .tel{padding-left:10px}
.header .qr .text{line-height:16px}
.nav li a{padding:20px 46px}

/* 图片统一等比裁切，避免拉伸变形 */
.pro_list ul li a .ico img,.home_pic ul li a .top img,.case_list ul li a .ico img,
.home_slide ul li .pic img{object-fit:cover;display:block}

/* 内页内容排版 */
.content{padding:10px 20px 30px;font-size:16px;line-height:2.1;color:#444}
.content p{margin:0 0 12px}
.content img{max-width:100%;height:auto}
.position span{font-size:15px;color:#666}
.position span a{color:#333}
.position span a:hover{color:#2079ff}

/* 详情页 */
.news_show .intro{font-size:16px;line-height:2;color:#444}
.news_show .intro p{margin-bottom:14px}
.news_show .intro img{max-width:100%;height:auto;margin:0 auto 16px;display:block}
.news_show aside{background:#f4faff}

/* 产品详情底部咨询条 */
.pro-cta{margin:30px 0 0;padding:18px 22px;background:#f4faff;border:1px solid #e3eefc;font-size:15px;color:#555}
.pro-cta b{color:#f60;font-size:20px;font-family:Impact, Arial;letter-spacing:1px}
.pro-cta a{color:#2079ff}

/* 分类导航当前项 */
.home_pro_nav .home_tree ul li.hover{background:#eaf3ff}
.home_pro_nav .home_tree ul li.hover a{color:#2079ff}

/* 首页产品 15 个时每行 3 个，末行自动左对齐 */

/* 新闻列表无图占位 */
.news_list ul li .fl img{width:210px;height:155px;object-fit:cover}
.copyright{color:#8b8b8b}

/* 头部二维码尺寸 */
.header .qr img{width:92px;height:92px;display:block;margin:0 auto}

/* 通栏轮播（自实现，替代 skitter） */
.banner{position:relative;height:600px;overflow:hidden;background:#0a1a2b}
.banner-slide{position:relative;width:100%;height:600px}
.banner-slide ul{margin:0;padding:0;list-style:none;position:relative;width:100%;height:600px}
.banner-slide ul li{position:absolute;left:0;top:0;width:100%;height:600px;opacity:0;transition:opacity .7s ease;z-index:1}
.banner-slide ul li.on{opacity:1;z-index:2}
.banner-slide ul li img{width:100%;height:600px;object-fit:cover;display:block}
.banner .arrow{position:absolute;top:50%;margin-top:-26px;width:52px;height:52px;z-index:5;cursor:pointer;opacity:.6;transition:opacity .3s}
.banner .arrow:hover{opacity:1}
.banner .arrow-prev{left:40px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.banner .arrow-next{right:40px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.banner .dots{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:10px;z-index:5}
.banner .dots span{display:block;width:34px;height:4px;background:rgba(255,255,255,.45);cursor:pointer;transition:background .3s}
.banner .dots span.on{background:#2079ff}

/* 产品卡片等高，避免参差 */
.pro_list ul li a .tag{height:82px;line-height:24px;overflow:hidden}
.pro_list ul li a .name{height:45px;overflow:hidden}

/* 首页热门产品文字排版 */
.home_pic ul li a .foot .title{font-size:16px}
.home_pic ul li a .foot .desc{font-size:14px;color:#999;margin-top:6px}


/* 新闻资讯区块 */
.home-news{display:flex;gap:40px;background:#fff;padding:30px 40px;align-items:flex-start}
.home-news .feat{flex:0 0 460px;width:460px}
.home-news .feat a{display:block}
.home-news .feat img{width:460px;height:320px;object-fit:cover;display:block}
.home-news .feat .cap{background:#1f82fc;color:#fff;padding:10px 16px}
.home-news .feat .cap .t{font-size:16px;line-height:26px;height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-news .feat .cap .d{font-size:13px;color:#dcecff;line-height:20px}
.home-news .list{flex:1;min-width:0}
.home-news .article-list{padding:0 0 12px}
.home-news .article-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eee;padding-bottom:8px}
.home-news .article-number{width:22px;height:22px;line-height:22px;text-align:center;background:#eef5ff;color:#1f82fc;font-size:13px;flex:0 0 22px}
.home-news .article-title{flex:1;font-size:16px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-news .article-time{font-size:14px;color:#999}
.home-news .article-content p{margin:8px 0 0;font-size:14px;color:#888;line-height:24px;height:48px;overflow:hidden}
.home-news .article-link:hover .article-title{color:#1f82fc}

/* 内页通用 */
.content-box .h1{margin-top:0}
.about-wrap{overflow:hidden}
.about-body{float:left;width:calc(100% - 360px);font-size:16px;line-height:2.1;color:#444;padding:6px 30px 0 0}
.about-body p{margin:0 0 16px}
.about-side{float:right;width:320px}
.about-side img{width:320px;height:210px;object-fit:cover;display:block}
.about-tel{background:#1f82fc;color:#fff;padding:16px 20px;text-align:center}
.about-tel h4{margin:0;font-size:15px;font-weight:400;color:#dbeaff}
.about-tel p{margin:6px 0;font-size:26px;font-family:Impact,Arial;letter-spacing:1px}
.about-tel span{font-size:14px;color:#dbeaff}

/* 联系我们 */
.contact-wrap{overflow:hidden;padding:10px 10px 0}
.contact-info{float:left;width:calc(100% - 320px);padding-right:30px}
.contact-info ul{margin:0;padding:0;list-style:none}
.contact-info ul li{border-bottom:1px dashed #e5e5e5;padding:14px 0;font-size:16px;color:#333}
.contact-info ul li em{display:inline-block;width:110px;color:#888;font-style:normal}
.contact-info ul li b{color:#f60;font-size:22px;font-family:Impact,Arial;letter-spacing:1px}
.contact-info .contact-txt{margin-top:20px;font-size:15px;line-height:2;color:#555}
.contact-info .contact-txt img{max-width:100%}
.contact-qr{float:right;width:280px;text-align:center;background:#f7fbff;padding:20px 0}
.contact-qr img{width:200px;height:200px}
.contact-qr p{margin:10px 0 6px;color:#666}
.contact-qr .qr-tel{font-size:22px;color:#f60;font-family:Impact,Arial;letter-spacing:1px}

/* 产品总览 */
.product-nav-wrap{margin-bottom:20px}
.cat-grid{display:flex;flex-wrap:wrap;gap:20px}
.cat-card{width:calc((100% - 40px)/3);background:#fff;border:1px solid #eee;transition:all .3s}
.cat-card:hover{border-color:#2079ff;box-shadow:0 8px 20px rgba(32,121,255,.15)}
.cat-card .pic{display:block;height:170px;overflow:hidden}
.cat-card .pic img{width:100%;height:170px;object-fit:cover;display:block;transition:transform .6s}
.cat-card:hover .pic img{transform:scale(1.06)}
.cat-card .txt{padding:12px 14px 16px}
.cat-card h3{margin:0 0 8px;font-size:18px;font-weight:400;display:flex;align-items:center;justify-content:space-between}
.cat-card h3 a{color:#222}
.cat-card h3 span{font-size:12px;color:#999}
.cat-card .chips{font-size:13px;line-height:26px}
.cat-card .chips a{display:inline-block;color:#777;margin:0 10px 0 0;border-bottom:1px solid transparent}
.cat-card .chips a:hover{color:#2079ff;border-color:#2079ff}

/* 子分类筛选条 */
.sub-chips{background:#f7faff;border:1px solid #e8f0fb;padding:10px 15px;margin-bottom:12px;font-size:14px;line-height:26px;color:#888}
.sub-chips span{color:#333}
.sub-chips a{display:inline-block;margin:0 12px 0 0;color:#555}
.sub-chips a:hover,.sub-chips a.on{color:#2079ff}

/* 详情页翻页条 */
.pro-pager{margin-top:25px;border-top:1px solid #eee;padding-top:15px;font-size:14px;color:#666;line-height:30px}
.pro-pager a{color:#333}
.pro-pager a:hover{color:#2079ff}

/* 站点地图 */
.sitemap-box{padding:10px 20px;font-size:16px;line-height:34px}
.sitemap-box ul{margin:0;padding:0;list-style:none}
.sitemap-box ul li{float:left;width:33%;color:#2079ff}
.sitemap-box ul li a{color:#333;font-weight:700}
.sitemap-box ul li a:hover{color:#2079ff}
.sitemap-box ul li ul{clear:both;padding:0;margin:0}
.sitemap-box ul li ul li{float:none;width:auto;font-size:14px;line-height:30px}
.sitemap-box ul li ul li a{font-weight:400;color:#666}

/* 内页右侧内容列 */
.main-right{float:right;width:820px}
.main-right .cat-grid{width:100%}

/* 关于我们正文左对齐 */
.about-body{text-align:left}

/* 联系我们标语 */
.contact-slogan{margin-top:26px;padding:20px 0 6px;border-top:1px solid #eee;font-size:18px;color:#2079ff;text-align:center;letter-spacing:2px}

/* 详情页同类产品 */
.related{margin-top:30px;padding-top:20px;border-top:1px solid #eee}
.related h4{font-size:18px;font-weight:400;color:#333;border-left:4px solid #2079ff;padding-left:12px;margin:0 0 15px}
.related .pro_list{width:100%}

/* 产品总览卡片等高 */
.cat-card .txt{min-height:120px}

/* 订单流程背景改为浅蓝渐变，避免参考站彩色几何图 */
.bg-process{background:linear-gradient(160deg,#f2f8ff 0%,#ffffff 55%,#eaf3ff 100%)}
/* 首页新闻摘要两行截断 */
.home-news .list{overflow:hidden}
.home-news .article-content p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}

/* 正文换行与宽度修正 */
.news_show .intro{margin-left:0}
.news_show .intro,.news_show .intro *{white-space:normal !important;text-wrap:wrap !important;word-break:break-word;overflow-wrap:break-word}

/* ===== 内页两栏贴合、列表不出框 ===== */
.fl.home_pro_nav{width:240px;height:auto}
.home_pro_nav .left-qr img{width:100%}
.main-right{float:none;overflow:hidden;width:auto;margin-left:260px}
.main-right .pro_list,
.main-right .case_list{width:100%}
.main-right .pro_list ul li,
.main-right .case_list ul li{width:32.3%;margin:0 1% 12px 0}
.main-right .pro_list ul li a .ico img,
.main-right .case_list ul li a .ico img{height:200px}
.main-right .pagelist{margin-top:10px}

/* 产品中心类目条 */
.chips-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.chips-bar a{background:#f4f8ff;border:1px solid #e2ecfa;color:#12417a;font-size:14px;padding:8px 14px;border-radius:3px}
.chips-bar a span{color:#9aa7b5;font-size:12px;margin-left:6px}
.chips-bar a.on{background:#2079ff;border-color:#2079ff;color:#fff}
.chips-bar a.on span{color:#dbeaff}

/* ===== SEO 正文段落 ===== */
.seo-block{margin:20px 0 0;padding:16px 22px;background:#f7fafd;border-left:3px solid #d7e4f5;border-radius:2px}
.seo-block h3{font-size:16px;margin:0 0 8px;color:#12417a;font-weight:700}
.seo-block p{margin:0 0 6px;color:#5c6b7a;font-size:14.5px;line-height:1.95}
.seo-block .seo-links{margin-top:10px;padding-top:10px;border-top:1px dashed #dde7f3;color:#7d8b99}
.seo-block .seo-links a{color:#2079ff;margin-right:6px}

/* ===== 页脚关键词块 ===== */
.footer-kw{background:#14171b;border-top:1px solid #262c33;padding:18px 0 14px;font-size:13px;color:#7d8895}
.footer-kw .width{line-height:2.1}
.footer-kw span{color:#98a3b0}
.footer-kw a{color:#aab6c2;margin-right:14px;display:inline-block}
.footer-kw a:hover{color:#2079ff}
.footer-kw .kw-tags{margin-top:8px;font-size:12px;color:#5b6673;letter-spacing:.5px}