<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>山东瑞天书刊有限公司</title>
    <meta name="keywords" content="山东瑞天书刊有限公司">
    <meta name="description" content="一、书籍基本信息书名《我的左右AI军师和一只猫》作者主公出版社万卷出版有限责任公司出品方沈阳主公文化传媒有限公司版次2026年8月第1版ISBN978-7-5470-7261-5装帧精装开本140mm×203mm（约32开）定价68.00元语种中文二、内容简介你有没有过这样的夜晚？报表做到凌晨，AI...">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="http://nbjinze.cn/sitemap.xml">
    
    <!-- 结构化数据 JSON-LD -->
    <script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "WebSite",
        "name": "山东瑞天书刊有限公司",
        "url": "http://nbjinze.cn",
        "potentialAction": {
            "@type": "SearchAction",
            "target": "http://nbjinze.cn/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
        }
    }
    </script>
        
    <!-- Bootstrap 5 CSS -->
    <link href="/yinru/css/bootstrap.min.css" rel="stylesheet">
    <!-- 思源字体 -->
    <link href="/yinru/js/swap.js" rel="stylesheet">
    
    <style>
        body {
            font-family: 'Noto Sans SC', sans-serif;
            background-color: #f8f9fa;
        }
        .navbar-brand {
            font-weight: 700;
            font-size: 1.5rem;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .navbar-brand img {
            height: 36px;
            width: auto;
            object-fit: contain;
        }
        @media (max-width: 768px) {
            .navbar-brand img {
                height: 28px;
            }
            .navbar-brand {
                font-size: 1.25rem;
            }
        }
        .carousel-item img {
            max-height: 500px;
            object-fit: cover;
            width: 100%;
        }
        .card {
            transition: transform 0.3s, box-shadow 0.3s;
            border: none;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0,0,0,0.15);
        }
        
        /* 文章卡片整卡可点击样式 */
        .card-link-wrapper {
            display: block;
            transition: transform 0.3s, box-shadow 0.3s;
        }
        .card-link-wrapper:hover {
            text-decoration: none !important;
            color: inherit;
        }
        .card-link-wrapper:hover .card {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0,0,0,0.15);
        }
        @media (max-width: 768px) {
            .card-link-wrapper:active {
                transform: scale(0.98);
            }
        }
        .card-img-top {
            width: 100%;
            height: 200px;
            object-fit: contain; /* ✅ 保持图片完整，不变形不裁剪 */
            object-position: center;
        }
        
        /* 分类页横向卡片的图片适配 */
        .card .row .col-md-4 img {
            width: 100%;
            height: 100%;
            min-height: 200px;
            object-fit: contain; /* ✅ 保持图片完整 */
            object-position: center;
            background-color: #f8f9fa; /* ✅ 背景色，防止透明图片 */
        }
        .article-meta {
            color: #6c757d;
            font-size: 0.875rem;
        }
        footer {
            background-color: #343a40;
            color: #fff;
            padding: 30px 0;
            margin-top: 50px;
        }
        @media (max-width: 768px) {
            .carousel-item img {
                max-height: 300px;
            }
        }
    </style>
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-dark bg-primary sticky-top">
    <div class="container">
        <a class="navbar-brand" href="/">
            山东瑞天书刊有限公司            <img src="/yinru/images/logo.png" alt="山东瑞天书刊有限公司 Logo" onerror="this.style.display='none'">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ms-auto">
                <li class="nav-item">
                    <a class="nav-link active" href="/">首页</a>
                </li>
                                                            <li class="nav-item">
                                                        <a class="nav-link " href="/category/faq">经典图书案例</a>
                        </li>
                                            <li class="nav-item">
                                                        <a class="nav-link " href="/category/products">出版资讯</a>
                        </li>
                                            <li class="nav-item">
                                                        <a class="nav-link " href="/category/newcompany-news">公司简介</a>
                        </li>
                                            <li class="nav-item">
                                                        <a class="nav-link " href="/category/about">招贤纳士</a>
                        </li>
                                            <li class="nav-item">
                                                        <a class="nav-link " href="/category/lianxiwomen">联系我们</a>
                        </li>
                                                </ul>
        </div>
    </div>
</nav>
<!-- 轮播图 -->
<div class="container mt-4">
    <div id="homeCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5000" data-bs-pause="hover">
        <div class="carousel-indicators">
                            <button type="button" data-bs-target="#homeCarousel" data-bs-slide-to="0" 
                        class="active" aria-current="true"
                        aria-label="Slide 1"></button>
                            <button type="button" data-bs-target="#homeCarousel" data-bs-slide-to="1" 
                        class="" aria-current="false"
                        aria-label="Slide 2"></button>
                    </div>
        <div class="carousel-inner">
                            <div class="carousel-item active">
                    <img src="/static/upload/carousel/20260618/20260618132620_6a33817c6e3f2.png" class="d-block w-100 carousel-img" alt="图书出版" title="图书出版" loading="lazy">
                                            <div class="carousel-caption d-none d-md-block">
                            <h5>图书出版</h5>
                        </div>
                                    </div>
                            <div class="carousel-item ">
                    <img src="/static/upload/carousel/20260618/20260618133458_6a338382e8dd1.png" class="d-block w-100 carousel-img" alt="传承文明" title="传承文明" loading="lazy">
                                            <div class="carousel-caption d-none d-md-block">
                            <h5>传承文明</h5>
                        </div>
                                    </div>
                    </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#homeCarousel" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#homeCarousel" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div>
</div>

<!-- 按分类展示内容 -->
                    
        <!-- 分类区块 -->
        <div class="container mt-5 mb-4 category-section">
            <h3 class="mb-4 border-start border-4 border-primary ps-3 section-title">
                <i class="fas fa-folder-open me-2 text-primary"></i>经典图书案例            </h3>
            
                            <!-- 普通分类：显示前9篇文章 -->
                <div class="row">
                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/127" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><img src="/static/upload/article/cover/20261026/20261026162432_6adf0e40b4504.jpg" class="card-img-top" alt="《我的左右AI军师和一只猫》新书介绍" loading="lazy"><div class="card-body"><h5 class="card-title article-title">《我的左右AI军师和一只猫》新书介绍</h5><p class="card-text article-excerpt">一、书籍基本信息书名《我的左右AI军师和一只猫》作者主公出版社万卷出版有限责任公司出品方沈阳主公文化传媒有限公司版次2026年8月第1版ISBN978-7-5470-7261-5装帧精装开本140mm...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>经典图书案例</span><span><i class="far fa-clock me-1"></i>2026-10-26</span></div></div></div></a></div>                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/121" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><img src="/static/upload/article/cover/20260617/20260617151818_6a324a3aaf7c2.jpg" class="card-img-top" alt="《心象》" loading="lazy"><div class="card-body"><h5 class="card-title article-title">《心象》</h5><p class="card-text article-excerpt">书名：心象（诗虹作品系列之抽象篇）作者：诗虹（原名徐世红，国家一级美术师、当代色彩音乐艺术家、诗人）出版定位：抽象油画作品集，2019 年正式发行，是作者耗时十年打磨的心血之作。内容核心作品载体全书收...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>经典图书案例</span><span><i class="far fa-clock me-1"></i>2026-06-17</span></div></div></div></a></div>                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/120" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><img src="/static/upload/article/cover/20260617/20260617151753_6a324a21f413d.jpg" class="card-img-top" alt="《益智成长食谱》" loading="lazy"><div class="card-body"><h5 class="card-title article-title">《益智成长食谱》</h5><p class="card-text article-excerpt">一、基础出版信息书名：《益智成长食谱：让孩子终生受益的营养秘籍》主编：赵辉，副主编：王延辉出品机构：野小菌儿童健康管理中心出版社：新华出版社，2021 年 7 月第 1...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>经典图书案例</span><span><i class="far fa-clock me-1"></i>2026-06-17</span></div></div></div></a></div>                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/119" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><img src="/static/upload/article/cover/20260617/20260617151736_6a324a10939db.jpg" class="card-img-top" alt="《新媒体时代图书馆管理与服务创新研究》" loading="lazy"><div class="card-body"><h5 class="card-title article-title">《新媒体时代图书馆管理与服务创新研究》</h5><p class="card-text article-excerpt">一、基础信息书名：《新媒体时代图书馆管理与服务创新研究》作者：张盼出版社：吉林摄影出版社二、创作背景新媒体、大数据、短视频、移动互联网全面重塑大众阅读与信息获取习惯，传统图书馆馆藏管理、线下借阅、资源...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>经典图书案例</span><span><i class="far fa-clock me-1"></i>2026-06-17</span></div></div></div></a></div>                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/118" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><img src="/static/upload/article/cover/20260617/20260617151717_6a3249fd3e92e.jpg" class="card-img-top" alt="《坚果炒货工艺师教材》" loading="lazy"><div class="card-body"><h5 class="card-title article-title">《坚果炒货工艺师教材》</h5><p class="card-text article-excerpt">一、基础出版信息书名：《坚果炒货工艺师教材（中级）》编写单位：中国食品工业协会坚果炒货专业委员会、北京中企合聚信息技术服务有限公司主编：裴泽泽出版社：四川科学技术出版社二、内容核心简介本书是坚果炒货行...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>经典图书案例</span><span><i class="far fa-clock me-1"></i>2026-06-17</span></div></div></div></a></div>                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/117" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><img src="/static/upload/article/cover/20260617/20260617151654_6a3249e6e54de.jpg" class="card-img-top" alt="《传统文化视角下的道德领导力研究》" loading="lazy"><div class="card-body"><h5 class="card-title article-title">《传统文化视角下的道德领导力研究》</h5><p class="card-text article-excerpt">一、基础出版信息书名：《传统文化视角下的道德领导力研究》作者：宁小芬出版社：九州出版社二、书籍核心内容简介本书以中华优秀传统文化为切入点，融合儒学、道学等传统思想内核，结合现代管理学理论，系统开展道德...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>经典图书案例</span><span><i class="far fa-clock me-1"></i>2026-06-17</span></div></div></div></a></div>                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/116" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><img src="/static/upload/article/cover/20260617/20260617151627_6a3249cb943a0.jpg" class="card-img-top" alt="《现代测绘技术与地理信息研究》" loading="lazy"><div class="card-body"><h5 class="card-title article-title">《现代测绘技术与地理信息研究》</h5><p class="card-text article-excerpt">一、基础出版信息书名：《现代测绘技术与地理信息研究》主编：姜艳春、邹敏、栾绍鹏出版社：江西科学技术出版社二、书籍核心内容简介本书聚焦当下测绘地理信息行业前沿发展趋势，整合现代测绘实操技术与 GIS...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>经典图书案例</span><span><i class="far fa-clock me-1"></i>2026-06-17</span></div></div></div></a></div>                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/115" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><img src="/static/upload/article/cover/20260617/20260617151550_6a3249a634ce8.jpg" class="card-img-top" alt="《超高性能混凝土在桥梁领域中的应用实践》" loading="lazy"><div class="card-body"><h5 class="card-title article-title">《超高性能混凝土在桥梁领域中的应用实践》</h5><p class="card-text article-excerpt">一、基础出版信息书名：《超高性能混凝土在桥梁领域中的应用实践》作者：刘品燕出版社：江西科学技术出版社二、书籍核心内容简介本书聚焦超高性能混凝土（UHPC）这一新型建材，围绕桥梁工程场景展开系统研究，融...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>经典图书案例</span><span><i class="far fa-clock me-1"></i>2026-06-17</span></div></div></div></a></div>                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/114" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><img src="/static/upload/article/cover/20260617/20260617151528_6a32499000080.jpg" class="card-img-top" alt="《水利信息化与生态资源管理研究》" loading="lazy"><div class="card-body"><h5 class="card-title article-title">《水利信息化与生态资源管理研究》</h5><p class="card-text article-excerpt">一、基础出版信息书名：《水利信息化与生态资源管理研究》主编：孟建、刘洁、勾朝伟出版社：江西科学技术出版社二、书籍核心内容简介本书紧跟智慧水利建设发展大势，将信息技术、水利工程、流域生态治理三大领域结合...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>经典图书案例</span><span><i class="far fa-clock me-1"></i>2026-06-17</span></div></div></div></a></div>                                    </div>
                
                <!-- 查看更多按钮 -->
                <div class="text-center mt-4">
                    <a href="/category/faq" class="btn btn-outline-primary view-more-btn">
                        <i class="fas fa-th-list me-2"></i>查看更多经典图书案例                    </a>
                </div>
                    </div>
                    
        <!-- 分类区块 -->
        <div class="container mt-5 mb-4 category-section">
            <h3 class="mb-4 border-start border-4 border-primary ps-3 section-title">
                <i class="fas fa-folder-open me-2 text-primary"></i>出版资讯            </h3>
            
                            <!-- 普通分类：显示前9篇文章 -->
                <div class="row">
                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/126" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><div class="card-body"><h5 class="card-title article-title">教材和专著，评职称差多少？</h5><p class="card-text article-excerpt">—出版观察·成果认定—教材和专著，评职称差多少？答案不是&quot;都是书都一样&quot;，是&quot;看归在哪一类&quot;有位老师花了两年，把自己多年讲课的讲义打磨成一本书，正规出版社出版，书号、CIP核字齐全。他一直以为自己写的...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>出版资讯</span><span><i class="far fa-clock me-1"></i>2026-10-26</span></div></div></div></a></div>                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/83" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><div class="card-body"><h5 class="card-title article-title">深度解析 ▎专著出版在学术界的优势与影响</h5><p class="card-text article-excerpt">深度解析 ▎专著出版在学术界的优势与影响在现今的学术和教育领域，评职称无疑是每位职业工作者发展的重要环节。而在众多评审标准中，专著出版往往占据着举足轻重的地位。一般而言，评职称的第一步就是出版专著，这...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>出版资讯</span><span><i class="far fa-clock me-1"></i>2026-06-17</span></div></div></div></a></div>                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/82" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><div class="card-body"><h5 class="card-title article-title">出书必看丨书稿编辑体例规范（三）</h5><p class="card-text article-excerpt">在书稿写作中，注释是不可或缺的一部分。正确使用注释不仅可以提高文章的学术性和可信度，还能够方便读者查证参考文献。然而，由于注释标注格式的复杂性，许多人在使用注释时常感到困惑。本文将详细解读注释标注格式...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>出版资讯</span><span><i class="far fa-clock me-1"></i>2026-06-17</span></div></div></div></a></div>                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/81" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><div class="card-body"><h5 class="card-title article-title">出书必看丨书稿编辑体例规范（二）</h5><p class="card-text article-excerpt">在书稿写作中，遵循规范的格式和标准是确保文稿质量的重要一环。本文将针对数字使用、引文引用、图表制作等方面的要点进行详细解读，帮助您更好地规范书稿写作。书稿编辑体例规范（二）一、数字用法规范1.使用阿拉...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>出版资讯</span><span><i class="far fa-clock me-1"></i>2026-06-17</span></div></div></div></a></div>                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/80" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><div class="card-body"><h5 class="card-title article-title">出书必看丨书稿编辑体例规范（一）</h5><p class="card-text article-excerpt">很多想要出书的作者并不了解书稿编辑体例规范，这无疑增加了他们出版之路的难度。书稿编辑体例规范是出版过程中的重要环节，它决定了书稿的格式、排版、内容组织等多个方面。如果不遵循这些规范，书稿可能会被出版社...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>出版资讯</span><span><i class="far fa-clock me-1"></i>2026-06-17</span></div></div></div></a></div>                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/79" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><div class="card-body"><h5 class="card-title article-title">图书出版：为什么书号这么贵？</h5><p class="card-text article-excerpt">图书出版：为什么书号这么贵？近来一些作者朋友都在抱怨“为什么书号越来越贵了？”，出过书的都知道，从出版社自费出书，书号非常贵，以前国内一个ISBN书号1万左右，现在一个书号动辄5-6万，甚至10万！书...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>出版资讯</span><span><i class="far fa-clock me-1"></i>2026-06-17</span></div></div></div></a></div>                                            <div class="col-md-6 col-lg-4 mb-4 article-card-col"><a href="/article/78" class="text-decoration-none text-dark card-link-wrapper"><div class="card h-100 article-card"><div class="card-body"><h5 class="card-title article-title">瑞天书刊与艺硕圈美育战略合作签约仪式在济南举行</h5><p class="card-text article-excerpt">瑞天书刊与艺硕圈美育战略合作签约仪式在济南举行山东瑞天书刊有限公司与艺硕圈美育战略合作签约仪式于11月初在山东瑞天书刊有限公司济南总部举办三益美术馆馆长、空军大校、山东省公路技师学院原党委书记左书佩教...</p></div><div class="card-footer bg-transparent article-meta-footer"><div class="d-flex justify-content-between align-items-center article-meta"><span><i class="fas fa-folder me-1"></i>出版资讯</span><span><i class="far fa-clock me-1"></i>2026-06-17</span></div></div></div></a></div>                                    </div>
                
                <!-- 查看更多按钮 -->
                <div class="text-center mt-4">
                    <a href="/category/products" class="btn btn-outline-primary view-more-btn">
                        <i class="fas fa-th-list me-2"></i>查看更多出版资讯                    </a>
                </div>
                    </div>
                    
        <!-- 分类区块 -->
        <div class="container mt-5 mb-4 category-section">
            <h3 class="mb-4 border-start border-4 border-primary ps-3 section-title">
                <i class="fas fa-folder-open me-2 text-primary"></i>公司简介            </h3>
            
                            <!-- 展示页分类：显示第一篇文章的摘要 -->
                                <a href="/article/77" class="display-page-card d-block text-decoration-none">
                    <div class="card display-page-summary">
                                                    <!-- 产品内容：显示图片 -->
                            <div class="row g-0">
                                <div class="col-md-4">
                                    <img src="/static/upload/article/cover/20260617/20260617143026_6a323f0272170.jpg" class="img-fluid rounded-start h-100" style="object-fit: cover;" alt="公司简介" loading="lazy">
                                </div>
                                <div class="col-md-8">
                                    <div class="card-body">
                                        <h4 class="card-title mb-3">公司简介</h4>
                                        <p class="card-text text-muted">公司简介    山东瑞天书刊有限公司创办于2009年，是有9S服务全方位图书出版服务商。   专门从事图书出版、期刊论文指导、期刊联合运营、论文写作指导、优质选题策划、书稿编辑校对、文学作品翻译、文稿录排版面设计等一系列文化出版服务，公司通过为学者提供优质的出版服务，推动学术研究成果的传播和交流。   致力于学术专著代理出版、年鉴志书策划出版、教材教辅策划出版、小说与个人自传、回忆录等快速出版，学术期刊写作指导等工作。   在图书出版领域，瑞天书刊为广大客户提供一站式服务。从选题申报到书号申请再到编辑校对排版设计印刷，均有专业的工作人员全程负责。   选择瑞天出书更加放心。...</p>
                                        <div class="mt-3">
                                            <span class="btn btn-outline-primary btn-sm">
                                                <i class="fas fa-arrow-right me-1"></i>阅读全文
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                            </div>
                </a>
                    </div>
                    








<!-- 回到顶部按钮 -->
<button id="backToTop" class="back-to-top" title="回到顶部">
    <i class="fas fa-arrow-up"></i>
</button>

<style>
/* 分类导航 */
.category-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.category-tag {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 20px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}
.category-tag:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.5);
    color: white;
}

/* 文章卡片优化 */
.article-card {
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}
.article-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.15) !important;
}
.article-card:hover .card-img-top {
    transform: scale(1.05);
}
.card-img-top {
    transition: transform 0.3s ease;
}

/* 文章内容列表样式（无图片） */
.article-list-item {
    padding: 20px;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}
.article-list-item:last-child {
    border-bottom: none;
}
.article-list-item:hover {
    background-color: #f8f9fa;
    padding-left: 25px;
}
.article-list-title {
    font-size: 16px;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 8px;
    line-height: 1.5;
}
.article-list-excerpt {
    font-size: 14px;
    line-height: 1.8;
    color: #6c757d;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.article-list-meta {
    font-size: 12px;
    color: #999;
    margin-top: 8px;
}
.article-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 48px;
}
.article-excerpt {
    font-size: 14px;
    line-height: 1.6;
    color: #6c757d;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 67px;
}
.article-meta-footer {
    border-top: 1px solid #f0f0f0;
    padding-top: 12px !important;
}
.article-meta {
    font-size: 13px;
    color: #999;
}
.article-meta span {
    display: flex;
    align-items: center;
}
.article-meta i {
    font-size: 12px;
}

/* 展示页摘要卡片 */
.display-page-summary {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}
.display-page-summary:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.12);
}
.display-page-summary .card-body {
    padding: 24px;
}
.display-page-summary .card-title {
    font-size: 20px;
    font-weight: 600;
    color: #2d3748;
}
.display-page-summary .card-text {
    font-size: 15px;
    line-height: 1.8;
    color: #6c757d;
}

/* 查看更多按钮 */
.view-more-btn {
    padding: 12px 32px;
    border-radius: 25px;
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s ease;
    border-width: 2px;
}
.view-more-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}

/* 轮播图优化 */
.carousel-img {
    transition: opacity 0.3s ease;
}
.carousel-item.active .carousel-img {
    animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* 热门推荐 */
.recommend-list {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.recommend-item {
    border-left: 3px solid transparent;
    transition: all 0.3s;
}
.recommend-item:hover {
    border-left-color: #dc3545;
    background-color: #fff5f5;
}
.recommend-badge {
    font-size: 12px;
}
.recommend-title {
    font-size: 15px;
    font-weight: 500;
}

/* 专家卡片 - 学术顾问高端名片风格 */
.section-header {
    position: relative;
    padding-bottom: 20px;
}
.section-title-main {
    font-size: 32px;
    font-weight: 700;
    color: #1E3A5F;
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    position: relative;
}
.section-title-main > i:first-child,
.section-title-main > i:last-child {
    color: #C9A03A;
    font-size: 28px;
    animation: iconFloat 3s ease-in-out infinite;
}
.section-title-main > i:last-child {
    animation-delay: 1.5s;
}
@keyframes iconFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}
.title-text {
    position: relative;
}
.section-subtitle {
    font-size: 15px;
    color: #6c757d;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.title-decoration {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}
.title-decoration span {
    width: 60px;
    height: 1px;
    background: linear-gradient(to right, transparent, #C9A03A);
}
.title-decoration span:last-child {
    background: linear-gradient(to left, transparent, #C9A03A);
}
.title-decoration i {
    color: #C9A03A;
    font-size: 10px;
    animation: starPulse 2s ease-in-out infinite;
}
@keyframes starPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.8; }
}

.expert-card-premium {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(30, 58, 95, 0.08);
    transition: all 0.25s ease;
    overflow: hidden;
    position: relative;
    height: 100%;
    border: 1px solid #f0f0f0;
    cursor: pointer;
    padding: 30px 25px;
}
.expert-card-premium:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(30, 58, 95, 0.12);
    border-top: 2px solid #C9A03A;
}

/* 头像区 */
.expert-avatar-section {
    text-align: center;
    margin-bottom: 20px;
}
.expert-avatar-wrapper {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
}
.expert-avatar-img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #f8f9fa;
    box-shadow: 0 4px 12px rgba(30, 58, 95, 0.15);
}
.expert-avatar-placeholder {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: linear-gradient(135deg, #EBF3FF 0%, #D6E4FF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 36px;
    font-weight: 600;
    color: #1E3A5F;
    border: 3px solid #f8f9fa;
}
.expert-name-premium {
    font-size: 20px;
    font-weight: 700;
    color: #1E3A5F;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}
.expert-title-premium {
    font-size: 14px;
    color: #6B7280;
    line-height: 1.5;
    margin-bottom: 12px;
}
.expert-divider-line {
    width: 40px;
    height: 2px;
    background: linear-gradient(to right, #C9A03A, transparent);
    margin: 0 auto;
}

/* 专长标签区 */
.expert-tags-section {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
    justify-content: center;
}
.expert-tag-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: #EBF3FF;
    color: #1E3A5F;
    border-radius: 20px;
    font-size: 13px;
    transition: all 0.25s ease;
}
.expert-tag-item i {
    font-size: 12px;
    color: #1E3A5F;
}
.expert-tag-item:hover {
    background: #D6E4FF;
}

/* 荣誉数据区 */
.expert-stats-section {
    margin-bottom: 18px;
}
.stat-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #F9FAFB;
    border-radius: 8px;
    font-size: 13px;
    color: #4B5563;
}
.stat-item i {
    color: #C9A03A;
    font-size: 16px;
}

/* 简介区 */
.expert-bio-section {
    margin-bottom: 20px;
}
.expert-bio-text {
    font-size: 14px;
    color: #6B7280;
    line-height: 1.6;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 操作按钮 */
.expert-action-section {
    text-align: center;
}
.expert-consult-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    background: transparent;
    border: 1.5px solid #1E3A5F;
    border-radius: 24px;
    color: #1E3A5F;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.25s ease;
}
.expert-consult-btn:hover {
    background: #EBF3FF;
    border-color: #1E3A5F;
    color: #1E3A5F;
}
.expert-consult-btn i {
    font-size: 12px;
    transition: transform 0.25s ease;
}
.expert-consult-btn:hover i {
    transform: translateX(4px);
}

/* 精选选题卡片 - 学术高端风格 */
.topic-card-premium {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(30, 58, 95, 0.08);
    transition: all 0.25s ease;
    overflow: hidden;
    position: relative;
    height: 100%;
    border: 1px solid #f0f0f0;
    cursor: pointer;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.topic-card-premium:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(30, 58, 95, 0.12);
    border-top: 2px solid #C9A03A;
}

/* 选题头部 */
.topic-header {
    margin-bottom: 16px;
}
.topic-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: linear-gradient(135deg, #EBF3FF 0%, #D6E4FF 100%);
    color: #1E3A5F;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
}
.topic-badge i {
    font-size: 12px;
    color: #0d6efd;
}

/* 选题标题区 */
.topic-title-section {
    flex-grow: 1;
    margin-bottom: 20px;
}
.topic-title {
    font-size: 18px;
    font-weight: 700;
    color: #1E3A5F;
    margin-bottom: 10px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.topic-description {
    font-size: 14px;
    color: #6B7280;
    line-height: 1.6;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 选题底部 - 价格与操作 */
.topic-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    border-top: 1px solid #f0f0f0;
}
.topic-price {
    display: flex;
    align-items: center;
}
.price-current {
    font-size: 22px;
    font-weight: 700;
    color: #C9A03A;
}
.price-free {
    font-size: 16px;
    font-weight: 600;
    color: #198754;
}
.topic-action {
    display: flex;
    align-items: center;
}
.topic-consult-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: transparent;
    border: 1.5px solid #1E3A5F;
    border-radius: 20px;
    color: #1E3A5F;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.25s ease;
}
.topic-consult-btn:hover {
    background: #1E3A5F;
    color: #ffffff;
    border-color: #1E3A5F;
}
.topic-consult-btn i {
    font-size: 12px;
    transition: transform 0.25s ease;
}
.topic-card-premium:hover .topic-consult-btn i {
    transform: translateX(4px);
}

/* 空状态 */

/* 经验问答卡片墙 */
.qa-list-container {
    max-width: 900px;
    margin: 0 auto;
}
.qa-item-card {
    background: #F9FAFB;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 20px;
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
    border: 1px solid #f0f0f0;
}
.qa-item-card:hover {
    box-shadow: 0 4px 16px rgba(30, 58, 95, 0.1);
    transform: translateY(-2px);
}
.qa-indicator-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to bottom, #1E3A5F, #0d6efd);
}

/* 问题区域 */
.qa-question-area,
.qa-answer-area {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}
.qa-question-area {
    margin-bottom: 16px;
}
.qa-icon-badge {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    color: #ffffff;
}
.question-badge {
    background: linear-gradient(135deg, #1E3A5F 0%, #0d6efd 100%);
    box-shadow: 0 2px 8px rgba(30, 58, 95, 0.3);
}
.answer-badge {
    background: linear-gradient(135deg, #198754 0%, #20c997 100%);
    box-shadow: 0 2px 8px rgba(25, 135, 84, 0.3);
}
.qa-content-wrapper {
    flex-grow: 1;
    min-width: 0;
}
.qa-question-title {
    font-size: 16px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 10px;
    line-height: 1.5;
}
.qa-meta-info {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 13px;
    color: #9CA3AF;
}
.qa-author-name,
.qa-time {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.qa-author-name i,
.qa-time i {
    font-size: 14px;
}

/* 分隔线 */
.qa-separator {
    height: 1px;
    border-top: 1px dashed #E5E7EB;
    margin: 16px 0;
}

/* 回答区域 */
.qa-answer-area {
    padding-left: 5px;
}
.qa-answer-text-wrapper {
    margin-bottom: 12px;
}
.qa-answer-text {
    font-size: 15px;
    color: #4B5563;
    line-height: 1.8;
    margin-bottom: 0;
}
.qa-expert-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: #6B7280;
}
.qa-expert-name {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.qa-expert-name i {
    color: #1E3A5F;
    font-size: 14px;
}
.qa-useful-count {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.qa-useful-count i {
    color: #C9A03A;
    font-size: 13px;
}

/* 空状态 */
.empty-state {
    text-align: center;
    padding: 60px 20px;
    background: #f8f9fa;
    border-radius: 12px;
}

/* 回到顶部按钮 */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
.back-to-top.show {
    opacity: 1;
    visibility: visible;
}
.back-to-top:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.6);
}

/* 加载更多按钮 */
.load-more-btn {
    border-radius: 25px;
    padding: 12px 40px !important;
    font-weight: 500;
    transition: all 0.3s;
}
.load-more-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}

/* 响应式优化 */
@media (max-width: 768px) {
    .category-nav {
        justify-content: center;
    }
    .category-tag {
        font-size: 13px;
        padding: 6px 12px;
    }
    .article-title {
        font-size: 16px;
    }
    .back-to-top {
        width: 45px;
        height: 45px;
        bottom: 20px;
        right: 20px;
    }
    
    /* 专家团队移动端优化 */
    .section-title-main {
        font-size: 26px;
    }
    .section-subtitle {
        font-size: 14px;
    }
    .expert-card-premium {
        padding: 25px 20px;
    }
    .expert-avatar-img,
    .expert-avatar-placeholder {
        width: 80px;
        height: 80px;
        font-size: 30px;
    }
    .expert-name-premium {
        font-size: 18px;
    }
    .expert-title-premium {
        font-size: 13px;
    }
    .expert-tag-item {
        font-size: 12px;
        padding: 5px 12px;
    }
    .stat-item {
        font-size: 12px;
        padding: 8px 12px;
    }
    .expert-bio-text {
        font-size: 13px;
        -webkit-line-clamp: 2;
    }
    .expert-consult-btn {
        padding: 8px 20px;
        font-size: 13px;
    }
    
    /* 精选选题移动端优化 */
    .topic-card-premium {
        padding: 20px;
    }
    .topic-title {
        font-size: 16px;
    }
    .topic-description {
        font-size: 13px;
    }
    .price-current {
        font-size: 20px;
    }
    .topic-consult-btn {
        padding: 6px 14px;
        font-size: 12px;
    }
    
    /* 经验问答移动端优化 */
    .qa-item-card {
        padding: 20px;
    }
    .qa-question-area,
    .qa-answer-area {
        gap: 12px;
    }
    .qa-icon-badge {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
    .qa-question-title {
        font-size: 15px;
    }
    .qa-meta-info {
        font-size: 12px;
        flex-wrap: wrap;
    }
    .qa-answer-text {
        font-size: 14px;
    }
    .qa-expert-info {
        font-size: 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // 加载更多功能
    const loadMoreBtn = document.getElementById('loadMoreBtn');
    const articlesContainer = document.getElementById('articles-container');
    const loadingTip = document.getElementById('loading-tip');
    const noMoreTip = document.getElementById('no-more-tip');
    const loadMoreContainer = document.getElementById('load-more-container');
    
    if (loadMoreBtn) {
        loadMoreBtn.addEventListener('click', function() {
            const offset = parseInt(this.dataset.offset);
            
            // 显示加载提示
            this.classList.add('d-none');
            loadingTip.classList.remove('d-none');
            
            fetch('/?ajax_load=1&offset=' + offset)
                .then(res => res.json())
                .then(data => {
                    if (data.code === 200 && data.data.html) {
                        // 插入新内容
                        const tempDiv = document.createElement('div');
                        tempDiv.innerHTML = data.data.html;
                        
                        while (tempDiv.firstChild) {
                            articlesContainer.appendChild(tempDiv.firstChild);
                        }
                        
                        // 更新偏移量
                        this.dataset.offset = offset + data.data.count;
                        
                        // 判断是否还有更多
                        if (!data.data.has_more) {
                            loadMoreContainer.classList.add('d-none');
                            noMoreTip.classList.remove('d-none');
                        } else {
                            this.classList.remove('d-none');
                        }
                    } else {
                        alert('加载失败，请重试');
                        this.classList.remove('d-none');
                    }
                })
                .catch(err => {
                    console.error('加载错误:', err);
                    alert('网络错误，请重试');
                    this.classList.remove('d-none');
                })
                .finally(() => {
                    loadingTip.classList.add('d-none');
                });
        });
    }
    
    // 回到顶部功能
    const backToTopBtn = document.getElementById('backToTop');
    
    window.addEventListener('scroll', function() {
        if (window.pageYOffset > 300) {
            backToTopBtn.classList.add('show');
        } else {
            backToTopBtn.classList.remove('show');
        }
    });
    
    backToTopBtn.addEventListener('click', function() {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        });
    });
    
    // 轮播图触摸滑动支持（Bootstrap 5 已内置）
    // 悬停暂停（Bootstrap 5 已通过 data-bs-pause="hover" 实现）
});
</script>
<footer>
    <div class="container">
        <!-- 顶部细线分隔 -->
        <div class="footer-divider"></div>
        
        <!-- 联系信息和公司信息 -->
                
                <div class="footer-main-info">
            <div class="row">
                <!-- 左侧：公司信息 -->
                <div class="col-md-4 footer-company-info">
                    <h5 class="footer-section-title">山东瑞天书刊有限公司</h5>
                                        <p class="footer-info-item">
                        <span class="label">地址：</span>
                        <span class="value">山东省济南市槐荫区兴福街道办事处齐州路西客站东广场南侧时光艺术之城三层3306</span>
                    </p>
                                                            <p class="footer-info-item">
                        <span class="label">营业执照编号：</span>
                        <span class="value">913701046974557847</span>
                    </p>
                                    </div>
                
                <!-- 中间：联系方式 -->
                <div class="col-md-4 footer-contact-details">
                    <h5 class="footer-section-title">联系我们</h5>
                                        <p class="footer-info-item">
                        <span class="label">电话：</span>
                        <span class="value">0531-87127889</span>
                    </p>
                                        
                                        <p class="footer-info-item">
                        <span class="label">手机：</span>
                        <span class="value">
                            19953106032                        </span>
                    </p>
                                        
                                        <p class="footer-info-item">
                        <span class="label">邮箱：</span>
                        <span class="value"><a href="mailto:3766009080@qq.com">3766009080@qq.com</a></span>
                    </p>
                                        
                                        <p class="footer-info-item">
                        <span class="label">Q Q：</span>
                        <span class="value">
                            3766009080                        </span>
                    </p>
                                        
                                        <p class="footer-info-item">
                        <span class="label">微信：</span>
                        <span class="value">chukan2025</span>
                    </p>
                                    </div>
            </div>
        </div>
                
        <!-- 版权和备案信息 -->
        <div class="footer-bottom text-center">
            <p class="footer-copyright mb-2">
                <i class="far fa-copyright me-1"></i>
                2026 
                山东瑞天书刊有限公司 
                版权所有
            </p>
            
            <!-- ICP 备案号 -->
                            <p class="footer-icp mb-2">
                    <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">
                        鲁ICP备10019689号-12                    </a>
                </p>
                        
            <!-- 网安部备案号 -->
                            <p class="footer-icp mb-2">
                    <a href="http://www.beian.gov.cn/" target="_blank" rel="nofollow">
                        <img src="/static/images/beian_icon.png" alt="网安备案" style="width: 16px; height: 16px; vertical-align: middle; margin-right: 4px;">
                        鲁公网安备37010402000751号                    </a>
                </p>
                    </div>
    </div>
</footer>

<!-- Bootstrap 5 JS -->
<script src="/yinru/js/bundle.min.js"></script>

<!-- 加载更多文章脚本 -->
<script>
(function() {
    'use strict';
    
    // 检查是否有加载更多按钮
    const loadMoreBtn = document.getElementById('loadMoreBtn');
    if (!loadMoreBtn) return;
    
    const articlesContainer = document.getElementById('articles-container');
    const loadingTip = document.getElementById('loading-tip');
    const noMoreTip = document.getElementById('no-more-tip');
    const loadMoreContainer = document.getElementById('load-more-container');
    
    let isLoading = false; // 防止重复点击
    
    // 加载更多函数
    function loadMoreArticles() {
        if (isLoading) return;
        
        isLoading = true;
        const offset = parseInt(loadMoreBtn.getAttribute('data-offset'));
        
        // 显示加载提示，隐藏按钮
        loadingTip.classList.remove('d-none');
        loadMoreBtn.disabled = true;
        loadMoreBtn.innerHTML = '<i class="fas fa-spinner fa-spin me-2"></i>加载中...';
        
        // 发送 AJAX 请求
        fetch(`/?ajax_load=1&offset=${offset}`)
            .then(response => response.json())
            .then(data => {
                if (data.code === 200 && data.data.html) {
                    // 插入新文章
                    const tempDiv = document.createElement('div');
                    tempDiv.innerHTML = data.data.html;
                    
                    while (tempDiv.firstChild) {
                        articlesContainer.appendChild(tempDiv.firstChild);
                    }
                    
                    // 更新偏移量
                    const newOffset = offset + data.data.count;
                    loadMoreBtn.setAttribute('data-offset', newOffset);
                    
                    // 判断是否还有更多
                    if (data.data.has_more) {
                        // 还有更多，恢复按钮
                        loadMoreBtn.disabled = false;
                        loadMoreBtn.innerHTML = '<i class="fas fa-sync-alt me-2"></i>加载更多';
                    } else {
                        // 没有更多了，隐藏按钮，显示提示
                        loadMoreContainer.classList.add('d-none');
                        noMoreTip.classList.remove('d-none');
                    }
                } else {
                    // 加载失败
                    alert('加载失败，请重试');
                    loadMoreBtn.disabled = false;
                    loadMoreBtn.innerHTML = '<i class="fas fa-sync-alt me-2"></i>加载更多';
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('网络错误，请刷新页面重试');
                loadMoreBtn.disabled = false;
                loadMoreBtn.innerHTML = '<i class="fas fa-sync-alt me-2"></i>加载更多';
            })
            .finally(() => {
                // 隐藏加载提示
                loadingTip.classList.add('d-none');
                isLoading = false;
            });
    }
    
    // 绑定点击事件
    loadMoreBtn.addEventListener('click', loadMoreArticles);
})();
</script>

<!-- 移动端底部导航 -->
<nav class="mobile-bottom-nav d-md-none">
    <a href="/kefu/index.php" class="nav-item">
        <i class="fas fa-headset"></i>
        <span>立即联系</span>
    </a>
    <a href="/kefu/index.php" class="nav-item">
        <i class="fab fa-weixin"></i>
        <span>微信咨询</span>
    </a>
    <a href="/category/about" class="nav-item">
        <i class="fas fa-info-circle"></i>
        <span>关于我们</span>
    </a>
</nav>

<!-- PC 端右侧悬浮在线咨询按钮 -->
<div class="online-service-pc">
    <a href="/kefu/index.php" class="online-service-btn" title="在线咨询">
        <i class="fas fa-comments"></i>
        <span>在线咨询</span>
    </a>
</div>

<style>
/* 移动端底部导航样式 */
.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 -4px 20px rgba(102, 126, 234, 0.3);
    z-index: 1000;
    padding: 0;
    border-top: 1px solid rgba(255,255,255,0.2);
    height: 60px;
}

.mobile-bottom-nav .nav-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: rgba(255,255,255,0.95);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 8px 0;
    margin: 0;
    position: relative;
    border-right: 1px solid rgba(255,255,255,0.12);
    min-width: 0;
}

.mobile-bottom-nav .nav-item:last-child {
    border-right: none;
}

.mobile-bottom-nav .nav-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.mobile-bottom-nav .nav-item:hover::before,
.mobile-bottom-nav .nav-item:active::before {
    opacity: 1;
}

.mobile-bottom-nav .nav-item:hover,
.mobile-bottom-nav .nav-item:active {
    color: #ffffff;
    background: rgba(255,255,255,0.12);
    transform: translateY(-1px);
}

.mobile-bottom-nav .nav-item i {
    display: block;
    font-size: 22px;
    margin-bottom: 6px;
    position: relative;
    z-index: 1;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));
    line-height: 1;
}

.mobile-bottom-nav .nav-item:hover i,
.mobile-bottom-nav .nav-item:active i {
    transform: scale(1.12);
    filter: drop-shadow(0 4px 8px rgba(255,255,255,0.25));
}

.mobile-bottom-nav .nav-item span {
    display: block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 1;
    line-height: 1.3;
    text-shadow: 0 1px 3px rgba(0,0,0,0.2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 为主内容添加底部留白，防止被导航栏遮挡 */
@media (max-width: 768px) {
    body {
        padding-bottom: 60px;
    }
}

/* 针对小屏幕手机优化 */
@media (max-width: 375px) {
    .mobile-bottom-nav {
        height: 56px;
    }
    
    .mobile-bottom-nav .nav-item {
        padding: 6px 0;
    }
    
    .mobile-bottom-nav .nav-item i {
        font-size: 20px;
        margin-bottom: 4px;
    }
    
    .mobile-bottom-nav .nav-item span {
        font-size: 12px;
    }
}

/* Footer 底部版权信息样式优化 */
footer {
    background-color: #f8f9fa;
    padding: 40px 0 25px;
    margin-top: 50px;
    border-top: 1px solid #e8e8e8;
}

.footer-divider {
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    margin-bottom: 30px;
}

/* 主要信息区域（三列布局） */
.footer-main-info {
    padding: 0 0 30px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 25px;
}

.footer-section-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.5;
}

.footer-info-item {
    font-size: 14px;
    color: #666;
    line-height: 2;
    margin: 0 0 5px;
}

.footer-info-item .label {
    color: #666;
    display: inline;
}

.footer-info-item .value {
    color: #666;
}

.footer-info-item a {
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-info-item a:hover {
    color: #0d6efd;
}

/* 底部版权区域 */
.footer-bottom {
    color: #666;
    font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.footer-copyright {
    font-size: 14px;
    line-height: 1.8;
    color: #666;
}

.footer-copyright i {
    color: #999;
}

.footer-icp a {
    font-size: 14px;
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
    padding: 2px 8px;
    border-radius: 4px;
}

.footer-icp a:hover {
    color: #0d6efd;
    background-color: rgba(13,110,253,0.05);
}

/* 移动端适配 */
@media (max-width: 768px) {
    footer {
        padding: 30px 0 20px;
        margin-top: 40px;
    }
    
    .footer-divider {
        margin-bottom: 20px;
    }
    
    .footer-main-info {
        padding: 0 0 20px;
        margin-bottom: 20px;
    }
    
    .footer-section-title {
        font-size: 15px;
        margin-bottom: 12px;
    }
    
    .footer-info-item {
        font-size: 13px;
        line-height: 1.8;
    }
    
    .footer-copyright {
        font-size: 13px;
    }
    
    .footer-icp a {
        font-size: 13px;
    }
}

/* PC 端右侧悬浮在线咨询按钮样式 */
.online-service-pc {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    display: none; /* 默认隐藏，仅在 PC 端显示 */
}

.online-service-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    border-radius: 8px 0 0 8px;
    box-shadow: -4px 0 15px rgba(102, 126, 234, 0.4);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
}

.online-service-btn:hover {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    box-shadow: -6px 0 20px rgba(102, 126, 234, 0.6);
    transform: translateX(-3px);
    color: white;
}

.online-service-btn i {
    font-size: 18px;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}

/* 仅在 PC 端（屏幕宽度 >= 768px）显示 */
@media (min-width: 768px) {
    .online-service-pc {
        display: block;
    }
}

/* 移动端（屏幕宽度 < 768px）完全隐藏 */
@media (max-width: 767px) {
    .online-service-pc {
        display: none !important;
    }
}
</style>


</body>
</html>
