<!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 content="" name="keywords" />
    <meta content="" name="description" />
    <!-- 外部依赖 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="style.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* ========== 最外层总容器 ========== */
        .jy-header-wrap {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 999;
            transition: all 0.3s ease;
        }

        /* ========== 第一行：Logo+电话+微信 带背景图 ========== */
        .jy-top-bar {
            width: 100%;
            /* 替换成你的背景图地址 */
            background-image: url("/uploadfile/202606/b0f1ecf4f15a5efdeaa4c2d27ebe4553.webp");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            transition: transform 0.3s ease;
             position: relative;  /* 新增 */
             z-index: 1;
        }
        .jy-top-bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 95%);
    z-index: -1;
}
        /* 滚动后上移隐藏 */
        .jy-top-bar.hide-top {
            transform: translateY(-100%);
        }

        .jy-top-row {
            width: 99%;
            max-width: 1320px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 12px 0;
              position: relative; /* 新增 */
    z-index: 2; /* 新增 */
        }

        /* 左侧Logo+证券代码 */
        .jy-left-group {
			
            display: flex;
            align-items: center;
            gap: 12px;
            white-space: nowrap;
        }
        .jy-logo-img {
            height: 66px;
        }
        .jy-code-text {
            font-size: 18px;
            color: #000;
        }

        /* 右侧：电话 + 微信 */
        .jy-right-group {
            display: flex;
            align-items: center;
            gap: 20px;
            white-space: nowrap;
        }
        .jy-phone-info {
            font-size: 18px;
            color: #000000;
        }
        .jy-phone-info span {
            margin-left: 8px;
        }

        .jy-wechat-area {
            position: relative;
        }
        .jy-wechat-btn {
            background: #04c970;
            color: #fff;
            padding: 8px 16px;
            border-radius: 4px;
            cursor: pointer;
        }

        /* 二维码样式 */
        .qrcode-box {
            display: none; /* 默认隐藏 */
            position: absolute;
            bottom: 100%; /* 显示在文字上方 */
            left: 50%;
            transform: translateX(-50%);
            background: #fff;
            padding: 15px;
            border: 1px solid #eee;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            margin-bottom: 10px;
            z-index: 999;
            width: 180px;
        }
        .qrcode-box img {
            width: 100%;
            height: auto;
            display: block;
            margin-bottom: 8px;
        }
        .qrcode-box p {
            margin: 0;
            font-size: 14px;
            color: #333;
        }

        .jy-wechat-qrcode {
            position: absolute;
            top: 100%;
            right: 0;
            background: #fff;
            padding: 3px;
            display: none;
            margin-top: 12px;
        }
        .jy-wechat-area:hover .jy-wechat-qrcode {
            display: block;
        }
        .jy-wechat-qrcode img {
            width: 100px;
            display: block;
        }

        /* ========== 第二行：主导航 + 右上角身份菜单 ========== */
        .jy-nav-bar {
            width: 100%;
            background: #ffffff;
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            transition: all 0.3s ease;
        }
        /* 导航栏吸顶样式 */
        .jy-nav-bar.fixed-top {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background: rgba(255, 255, 255, 0.9);
            border-bottom: 1px solid #eee;
            box-shadow: 0 2px 10px rgba(0,0,0,0.12);
        }

        .jy-nav-row {
            width: 99%;
            max-width: 1320px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 6px 0;
        }

        /* 中间导航菜单 */
        .jy-nav-list {
            list-style: none;
            display: flex;
            align-items: center;
            gap: 4px;
            white-space: nowrap;
           margin-bottom: 0rem;    padding-left: 0rem;
        }
        .jy-nav-item {
            position: relative;
            padding: 10px 15px;
            font-size: 17px;
            color: #fff;
            cursor: pointer;
            transition: color 0.3s;
        }
        .jy-nav-bar.fixed-top .jy-nav-item {
            color: #333;
        }
        .jy-nav-item:hover {
            color: rgb(23, 100, 201);
        }

        .jy-nav-item > a {
            display: inline-flex;
            align-items: center;
            text-decoration: none;
            color: #000000;
        }
        .jy-nav-item.has-submenu::after {
            content: none;
        }
        .jy-nav-item.has-submenu > a::after {
            content: " ▾";
            margin-left: 4px;
            font-size: 13px;
        }
        .jy-nav-bar.fixed-top .jy-nav-item > a {
            color: #333333;
        }
        .jy-nav-item > a:hover {
            color: rgb(4 201 112);
        }

        /* 二级下拉菜单 */
        .jy-submenu {
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0,0,0,0.75);
            list-style: none;
            min-width: 140px;
            display: none;
            padding: 0;
        }
        .jy-submenu li {
            padding: 12px 20px;
            text-align: center;
            font-size: 14px;
        }
        .jy-submenu li a {
            color: #fff;
            text-decoration: none;
            display: block;
        }
        .jy-submenu li:hover {
            background: rgba(11, 62, 129, 0.88);
        }
        .jy-nav-item.has-submenu:hover .jy-submenu {
            display: block;
        }

        /* ----- 右上角身份菜单原有样式完全保留 ----- */
        .jy-righttop-wrapper {
            margin: 0 auto;
            padding: 0 24px;
            width: 100%;
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        .jy-righttop-header {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            padding: 0;
            margin: 0 -12px;
            padding-top: 0;
            position: relative;
            flex-wrap: wrap;
            gap: 8px 12px;
            background: transparent;
        }
        .jy-righttop-nav {
            display: flex;
            align-items: center;
            gap: 2px;
            background: rgba(255, 255, 255, 0.88);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            padding: 12px 10px 6px 10px;
     
            transition: box-shadow 0.25s ease;
            margin-top: 0;
            margin-right: 35px;
            transform: translateY(0);
        }
    
        .jy-righttop-item {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 4px 16px;
            border-radius: 40px;
            font-weight: 500;
            font-size: 0.95rem;
            letter-spacing: 0.3px;
            color: #1e293b;
            background: transparent;
            transition: all 0.2s ease;
            text-decoration: none;
            white-space: nowrap;
            cursor: pointer;
            line-height: 1.4;
            border: none;
            outline: none;
            position: relative;
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            font-family: inherit;
        }
        .jy-righttop-item--party {
			font-size: 14px;
            color: #7f1d1d;
        }
        .jy-righttop-item--party:hover {
            background: rgba(220, 38, 38, 0.10);
            color: #991b1b;
            transform: translateY(-1px);
        }
        .jy-righttop-item--party:active {
            transform: scale(0.96);
        }
        .jy-righttop-item--state {
			font-size: 14px;
            color: #0b4f6c;
        }
        .jy-righttop-item--state:hover {
            background: rgba(21, 94, 117, 0.10);
            color: #0a5a7a;
            transform: translateY(-1px);
        }
        .jy-righttop-item--state:active {
            transform: scale(0.96);
        }
        .jy-righttop-item--guest {
			font-size: 14px;
            color: #0e6b5e;
        }
        .jy-righttop-item--guest:hover {
            background: rgba(13, 148, 136, 0.10);
            color: #0f7a6b;
            transform: translateY(-1px);
        }
        .jy-righttop-item--guest:active {
            transform: scale(0.96);
        }
        .jy-righttop-item::after {
            content: '';
            position: absolute;
            inset: 4px 8px;
            border-radius: 40px;
            background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.2s;
            pointer-events: none;
        }
        .jy-righttop-item:hover::after {
            opacity: 0.3;
        }
        .jy-righttop-divider {
            width: 1px;
            height: 24px;
            background: rgba(0, 0, 0, 0.06);
            margin: 0 2px;
            flex-shrink: 0;
        }
        .jy-righttop-extra {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #4b5a6e;
            font-size: 0.9rem;
            font-weight: 400;
            padding: 0 4px;
            opacity: 0.4;
            letter-spacing: 0.2px;
        }
        .jy-righttop-extra span {
            font-weight: 300;
        }
        .jy-righttop-main {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px 0 60px;
            color: #1e293b;
        }
        .jy-righttop-card {
            max-width: 580px;
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            padding: 40px 44px;
            border-radius: 48px;
            box-shadow: 0 12px 40px rgba(0, 20, 40, 0.04), 0 0 0 1px rgba(255, 255, 255, 0.9);
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.3);
        }
        .jy-righttop-card h1 {
            font-weight: 600;
            font-size: 1.9rem;
            letter-spacing: -0.01em;
            margin-bottom: 16px;
            background: linear-gradient(145deg, #0b2a3e 0%, #1b3a4e 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        .jy-righttop-card p {
            font-size: 1.1rem;
            line-height: 1.6;
            color: #2d4056;
            opacity: 0.8;
            font-weight: 400;
        }
        .jy-righttop-tag {
            display: inline-block;
            margin-top: 24px;
            background: #eef2f6;
            padding: 8px 24px;
            border-radius: 60px;
            font-size: 0.9rem;
            font-weight: 500;
            color: #2d4056;
            letter-spacing: 0.3px;
            backdrop-filter: blur(2px);
            border: 1px solid rgba(255, 255, 255, 0.5);
        }
        .jy-righttop-tag span {
            font-weight: 600;
            color: #0b3b4f;
        }
        .jy-righttop-footer {
            text-align: center;
            color: #7a8a9e;
            font-size: 0.8rem;
            padding: 16px 0 24px;
            border-top: 1px solid rgba(0, 0, 0, 0.03);
            margin-top: auto;
            letter-spacing: 0.2px;
            opacity: 0.6;
        }

        /* ----- 响应式适配 ----- */
        @media (max-width: 640px) {
            .jy-righttop-wrapper {
                padding: 0 12px;
            }
            .jy-righttop-header {
                margin: 0 -8px;
                padding: 0;
                gap: 6px;
            }
            .jy-righttop-nav {
                padding: 4px 8px;
                gap: 2px;
                border-radius: 0 0 20px 20px;
                border-bottom-left-radius: 20px;
                border-bottom-right-radius: 20px;
                background: rgba(255, 255, 255, 0.90);
                backdrop-filter: blur(6px);
                -webkit-backdrop-filter: blur(6px);
                margin-right: 0;
            }
            .jy-righttop-item {
                padding: 6px 14px;
                font-size: 0.85rem;
                border-radius: 30px;
            }
            .jy-righttop-divider {
                height: 18px;
                margin: 0 2px;
            }
            .jy-righttop-extra {
                display: none;
            }
            .jy-righttop-card {
                padding: 28px 20px;
            }
            .jy-righttop-card h1 {
                font-size: 1.5rem;
            }
            .jy-top-row, .jy-nav-row {
                flex-wrap: wrap;
                row-gap: 10px;
                justify-content: center;
            }
        }

        @media (max-width: 480px) {
            .jy-righttop-item {
                padding: 5px 12px;
                font-size: 0.8rem;
            }
            .jy-righttop-nav {
                gap: 1px;
                padding: 3px 6px;
                border-radius: 0 0 16px 16px;
                border-bottom-left-radius: 16px;
                border-bottom-right-radius: 16px;
            }
            .jy-righttop-divider {
                margin: 0 1px;
                height: 16px;
            }
        }

        .page-placeholder {
            height: 1500px;
            background: linear-gradient(#f5f5f5, #fff);
        }
        .breadcrumb-area {
            width: 1200px;
            margin: 0 auto;
            padding: 20px 0;
        }
        
        .jy-code-text{position: relative}
        
        .jy-code-text::after {
    content: "";
    width: 1px;
    height: 30px; /* 竖线高度 */
    background-color: #ccc; /* 竖线颜色 */
    margin: 0 8px; /* 竖线左右间距 */
}

  .jy-code-text {
    position: relative;
    padding-left: 42px;
    line-height: 1.5;
    font-size: 16px;
    color: #666666;
}

/* 左侧竖线伪元素 */
.jy-code-text::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 40px;
    background: #dfdfdf;
    border-radius: 1px;
}      
    </style>
</head>
<body>
    <!-- 最外层头部容器 -->
    <div class="jy-header-wrap">
        <!-- 第一行：Logo + 电话微信（带背景图） -->
        <div class="jy-top-bar">
            <div class="jy-top-row">
                <!-- 左侧Logo+证券代码 -->
                <div class="jy-left-group">
                    <img src="https://www.changjiangmedia.com/uploadfile/202606/ed09f5cb54ddbda244758833ad916331.png" class="jy-logo-img" alt="logo">
                    <div class="jy-code-text">华讯世纪传媒<br><span style="font-size: 14px">一站式全生命周期数字媒体内容制作服务商</span></div>
                    
                      <div class="jy-code-text" style="font-weight: bolder;">网站更新中，带来不便，敬请谅解~</div>
                    
                    
                    
                </div>
                <!-- 右侧电话+微信 -->
                <div class="jy-right-group">
                    <div class="jy-phone-info">
                        <i class="fa fa-phone"></i>
                        <span>186 9613 7798</span>
                    </div>
                    <div class="jy-wechat-area">
                        <div class="jy-wechat-btn">微信沟通</div>
                        <div class="qrcode-box">
                            <img src="" alt="微信二维码">
                            <p>扫码添加客服</p>
                        </div>
                        <div class="jy-wechat-qrcode">
                            <img src="/uploadfile/202606/0a71d9388c98efb2dcd953c6f8a9a8f3.png" alt="二维码">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 第二行：主导航 + 右上角身份菜单 -->
        <div class="jy-nav-bar">
            <div class="jy-nav-row">
                <!-- 中间主导航 -->
                 <ul class="jy-nav-list">
                <li class="jy-nav-item">
                    <a href="/">首页</a>
                </li>
                                <li class="jy-nav-item has-submenu">
                    <a href="/index.php?c=category&id=1">作品案例</a>
                                        <ul class="jy-submenu">
                                                <li><a href="/index.php?c=category&id=7">宣传片</a></li>
                                                <li><a href="/index.php?c=category&id=8">专题片</a></li>
                                                <li><a href="/index.php?c=category&id=9">纪录片</a></li>
                                                <li><a href="/index.php?c=category&id=10">原创动画</a></li>
                                                <li><a href="/index.php?c=category&id=29">活动策划执行</a></li>
                                                <li><a href="/index.php?c=category&id=30">文化展厅</a></li>
                                                <li><a href="/index.php?c=category&id=32">科普视频</a></li>
                                            </ul>
                                    </li>
                                <li class="jy-nav-item has-submenu">
                    <a href="/index.php?c=category&id=2">服务项目</a>
                                        <ul class="jy-submenu">
                                                <li><a href="/index.php?c=category&id=11">服务内容</a></li>
                                                <li><a href="/index.php?c=category&id=12">摄制流程</a></li>
                                            </ul>
                                    </li>
                                <li class="jy-nav-item ">
                    <a href="/index.php?c=category&id=3">主创团队</a>
                                    </li>
                                <li class="jy-nav-item has-submenu">
                    <a href="/index.php?c=category&id=4">新闻发布</a>
                                        <ul class="jy-submenu">
                                                <li><a href="/index.php?c=category&id=13">公司动态</a></li>
                                                <li><a href="/index.php?c=category&id=14">行业资讯</a></li>
                                            </ul>
                                    </li>
                                <li class="jy-nav-item has-submenu">
                    <a href="/index.php?c=category&id=5">关于我们</a>
                                        <ul class="jy-submenu">
                                                <li><a href="/index.php?c=category&id=15">公司简介</a></li>
                                                <li><a href="/index.php?c=category&id=16">事业架构</a></li>
                                                <li><a href="/index.php?c=category&id=17">公司文化</a></li>
                                                <li><a href="/index.php?c=category&id=18">公司荣誉</a></li>
                                                <li><a href="/index.php?c=category&id=19">加入我们</a></li>
                                                <li><a href="/index.php?c=category&id=20">公司声明</a></li>
                                            </ul>
                                    </li>
                                <li class="jy-nav-item ">
                    <a href="/index.php?c=category&id=6">联系方式</a>
                                    </li>
                                <li class="jy-nav-item ">
                    <a href="/index.php?c=category&id=21">深度合作</a>
                                    </li>
                            </ul>


                <!-- 右上角三个身份菜单（原结构完全保留） -->
                <div class="jy-righttop-wrapper">
                    <header class="jy-righttop-header">
                        
                        
                        
                       <nav class="jy-righttop-nav" aria-label="协调菜单">
    <a href="javascript:;" class="jy-righttop-item jy-righttop-item--party" role="menuitem" onclick="openPasswordModal(1)">
        <span>政务宣传</span>
    </a>
    <span class="jy-righttop-divider" aria-hidden="true"></span>

    <a href="javascript:;" class="jy-righttop-item jy-righttop-item--state" role="menuitem" onclick="openPasswordModal(2)">
        <span>央国企事</span>
    </a>
    <span class="jy-righttop-divider" aria-hidden="true"></span>

    <a href="javascript:;" class="jy-righttop-item jy-righttop-item--guest" role="menuitem" onclick="openPasswordModal(3)">
        <span>访客</span>
    </a>
</nav>

<div id="passwordModalOverlay" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);z-index:9999;"></div>

<div id="passwordModal" style="display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff;padding:40px 35px;border-radius:12px;z-index:10000;width:420px;box-sizing:border-box;box-shadow:0 10px 35px rgba(0,0,0,0.25);max-width:90vw;">
    <h3 style="margin:0 0 22px;font-size:18px;text-align:center;color:#222;font-weight:500;">请输入访问密码</h3>
    <input type="password" id="passwordInput" placeholder="请输入访问密码" style="width:100%;padding:16px 18px;margin-bottom:25px;border:1px solid #dcdfe6;border-radius:8px;font-size:16px;outline:none;transition:0.2s;box-sizing:border-box;">
    <div style="display:flex;gap:15px;">
        <button onclick="checkPassword()" style="flex:1;padding:15px;background:#2d8858;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:0.2s;box-sizing:border-box;">确定</button>
        <button onclick="closePasswordModal()" style="flex:1;padding:15px;background:#909399;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:0.2s;box-sizing:border-box;">取消</button>
    </div>
</div>
                        
                        
                        
                        
                    </header>
                </div>
            </div>
        </div>
    </div>

   

<script>
$(function(){
    let scrollTrigger = 80; // 滚动超过80px触发切换，可自行微调
    $(window).scroll(function(){
        let scrollTop = $(this).scrollTop();
        if(scrollTop > scrollTrigger){
            // Logo栏上移隐藏
            $('.jy-top-bar').addClass('hide-top');
            // 导航栏吸顶
            $('.jy-nav-bar').addClass('fixed-top');
        }else{
            // 回到顶部恢复原状
            $('.jy-top-bar').removeClass('hide-top');
            $('.jy-nav-bar').removeClass('fixed-top');
        }
    });
});
</script>

    
    
    
    
   <script>
// 配置：pwd密码，url地址，expireHour有效期（小时）
const passwordConfig = [
    {},
    { pwd: "111111", url: "/index.php?c=category&id=33", expireHour: 24 },   // 有效期24小时
    { pwd: "999999", url: "/index.php?c=category&id=34", expireHour: 12 },    // 有效期12小时
    { pwd: "", url: "/", expireHour: 1 }    // 有效期1小时
];

let currentModalId = 0;

function getAuth(id) {
    let data = localStorage.getItem('access_menu_' + id);
    if (!data) return false;
    let obj = JSON.parse(data);
    let now = Date.now();
    if (now - obj.time > obj.expire) {
        localStorage.removeItem('access_menu_' + id);
        return false;
    }
    return true;
}

function openPasswordModal(id) {
    currentModalId = id;
    if (getAuth(id)) {
        // 新窗口打开
        window.open(passwordConfig[id].url, '_blank');
        return;
    }
    document.getElementById('passwordModalOverlay').style.display = 'block';
    document.getElementById('passwordModal').style.display = 'block';
    document.getElementById('passwordInput').value = '';
    document.getElementById('passwordInput').focus();
}

function closePasswordModal() {
    document.getElementById('passwordModalOverlay').style.display = 'none';
    document.getElementById('passwordModal').style.display = 'none';
    currentModalId = 0;
}

function checkPassword() {
    const inputVal = document.getElementById('passwordInput').value.trim();
    const config = passwordConfig[currentModalId];
    if (!config) {
        alert('配置错误');
        return;
    }
    if (inputVal === config.pwd) {
        let expireMs = config.expireHour * 60 * 60 * 1000;
        let storageData = {
            time: Date.now(),
            expire: expireMs
        };
        localStorage.setItem('access_menu_' + currentModalId, JSON.stringify(storageData));
        // 新窗口打开链接
        window.open(config.url, '_blank');
        closePasswordModal();
    } else {
        alert('密码错误，请重新输入');
    }
}

document.getElementById('passwordInput').onfocus = function(){
    this.style.borderColor = "#2d8858";
}
document.getElementById('passwordInput').onblur = function(){
    this.style.borderColor = "#dcdfe6";
}
</script> <style>
.jy-banner-section {
    width: 100%;
    height: 920px;
    position: relative;
    overflow: hidden;
}
@media (max-width:768px){
    .jy-banner-section{
        height: 400px;
    }
}
.jy-banner-video-bg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    z-index:0;
}
.jy-banner-video-overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.45);
    z-index:1;
}
.jy-banner-text-box{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
}
.jy-banner-footer{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    z-index:3;
    background:#0054aa;
    text-align:center;
    color:#fff;
    padding:12px 0;
    font-size:18px;
}
</style>

<div class="jy-banner-section">
    <!-- 背景视频 -->
        <video class="jy-banner-video-bg" autoplay muted loop playsinline>
        <source src="/uploadfile/202608/ec36178720923c700d94725513b9f61c.mp4" type="video/mp4">
    </video>
        <!-- 暗色遮罩 -->
    <div class="jy-banner-video-overlay"></div>

    <!-- 居中文字内容 -->
    <div class="jy-banner-text-box">
        <h2 class="jy-banner-main-title">国企央企·世界500强·长期合作伙伴·华讯世纪文化</h2>
        <p class="jy-banner-sub-title">专注企业宣传片、专题片、纪录片、活动策划执行及文化展板，一站式全案定制以影像之力，赋能品牌跃迁，重塑全新高度</p>

        <!-- 中间实力数据行 -->
        <div class="jy-banner-data-row">
            <div class="jy-banner-data-item">
                <div class="data-num">10年+</div>
                <div class="data-desc">行业经验</div>
            </div>
            <div class="jy-banner-data-item">
                <div class="data-num">★</div>
                <div class="data-desc">党政机关长期合作伙伴</div>
            </div>
            <div class="jy-banner-data-item">
                <div class="data-num">5000+</div>
                <div class="data-desc">精品案例</div>
            </div>
            <div class="jy-banner-data-item">
                <div class="data-num">200+</div>
                <div class="data-desc">百强企业见证</div>
            </div>
        </div>
    </div>

    <!-- 底部蓝色宣传条 -->
    <div class="jy-banner-footer">
        <p>国家高新技术企业 &nbsp;&nbsp;|&nbsp;&nbsp; 10年+ 影视制作经验 &nbsp;&nbsp;|&nbsp;&nbsp; 行业领军企业</p>
    </div>
</div>












    


<!-- 综合案例板块 -->
<section class="jy-case-section">
    <div class="jy-case-container">










        <div class="jy-case-title">
            
            
      
            
            
            <div class="jy-works-category">
        <h2>OUR WORKS<br>综合案例</h2>
        
      
        
        
        
<!-- 上方二级标签tabs -->
<div class="tabs">
    
        
    
        <a href="/index.php?c=category&id=7" >宣传片</a>
    
    
        <a href="/index.php?c=category&id=8" >专题片</a>
    
    
        <a href="/index.php?c=category&id=9" >纪录片</a>
    
    
        <a href="/index.php?c=category&id=10" >原创动画</a>
    
    
        <a href="/index.php?c=category&id=29" >活动策划执行</a>
    
    
        <a href="/index.php?c=category&id=30" >文化展厅</a>
    
    
        <a href="/index.php?c=category&id=32" >科普视频</a>
    </div>


        
       
        
<div class="filters">
    
<a href="/index.php?c=category&amp;id=22" class="active">
                    商业服务                </a>
                    <a href="/index.php?c=category&amp;id=23">
                    智能制造                </a>
                    <a href="/index.php?c=category&amp;id=24">
                    高新科技                </a>
                    <a href="/index.php?c=category&amp;id=25">
                    能源新材                </a>
                    <a href="/index.php?c=category&amp;id=26">
                    基建工程                </a>
                    <a href="/index.php?c=category&amp;id=27">
                    健康医疗                </a>
                    <a href="/index.php?c=category&amp;id=28">
                    公共事业                </a>
        
              

</div>
        
      
    </div>
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            <div class="tabs">

                    
        </div>
        </div>

      
         <div class="jy-works-list">
        

        <div class="jy-works-item">
            <a href="/index.php?c=show&id=119">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202609/3e19f26ef9721d3ef693270c4b719106.jpg" alt="湖北省博物馆——开幕式宣传片">
                </div>
                <p>湖北省博物馆——开幕式宣传片</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=88">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202607/1d06aa37817652e5cd9c37c5e45131cc.jpg" alt="湖北省博物馆-海上丝绸之路的见证 金锭">
                </div>
                <p>湖北省博物馆-海上丝绸之路的见证 金锭</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=89">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202609/ca1f1f5da8a6e14b8ccf0c5e46fc2fcb.jpg" alt="省博—奏响荆楚之声的虎座鸟架鼓">
                </div>
                <p>省博—奏响荆楚之声的虎座鸟架鼓</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=114">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202609/8b5d32391a5acb01d624f5adbe7308e5.jpg" alt="省博——非遗漆器申报片">
                </div>
                <p>省博——非遗漆器申报片</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=93">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202608/543552d21d6b3285027f88ea83ca0dcb.jpg" alt="省博——瓷承千年 匠守楚韵">
                </div>
                <p>省博——瓷承千年 匠守楚韵</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=112">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202609/a275783bbff56146ea1a053797316971.jpg" alt="湖北省博物馆之夜·长江灯光秀">
                </div>
                <p>湖北省博物馆之夜·长江灯光秀</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=95">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202608/035446ddebda4fdb09b168c4ad9d1760.jpg" alt="武汉博物馆">
                </div>
                <p>武汉博物馆</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=118">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202609/0e8a095b85e997b534b16e49e79a787c.jpg" alt="《大美黄冈 此心安处》">
                </div>
                <p>《大美黄冈 此心安处》</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=117">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202609/c622df991ee138801ca9d5e56eb4d091.jpg" alt="兴源环境——智慧城乡生态环保“排头兵”">
                </div>
                <p>兴源环境——智慧城乡生态环保“排头兵”</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=116">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202609/205f6df16a5061f03ba27d3a577b9433.jpg" alt="金鹰重工——打造铁路现代化的“护路重器”">
                </div>
                <p>金鹰重工——打造铁路现代化的“护路重器”</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=115">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202609/4bcc1152c018cbb66eaa0411867c67e7.jpg" alt="铁四院——智能物流产业技术研究院宣传片">
                </div>
                <p>铁四院——智能物流产业技术研究院宣传片</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=113">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202609/174723e22606d0ed97769c6bee1986f7.jpg" alt="武汉国际数智化病理大会科普片">
                </div>
                <p>武汉国际数智化病理大会科普片</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=111">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202609/e2c4bbabbcb66fe1f039f46883178555.jpg" alt="中电光谷数字产业园">
                </div>
                <p>中电光谷数字产业园</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=66">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202607/e7787cc2db39dd29eff14e5912a6189b.jpg" alt="东风格特拉克企业形象片">
                </div>
                <p>东风格特拉克企业形象片</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=70">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202607/838b8d7a892b8c98123c7c865acd9fae.png" alt="湖北京信通企业宣传片">
                </div>
                <p>湖北京信通企业宣传片</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=98">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202608/a57d1e8db15b2eb9bd952f86b0e34681.jpg" alt="中车株洲机企业宣传片">
                </div>
                <p>中车株洲机企业宣传片</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=71">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202607/81d359c1bd7252c08ea8f8925f811b7c.png" alt="中铁大桥局宣传片">
                </div>
                <p>中铁大桥局宣传片</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=100">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202608/995b00e84e48c2596d156b2510c3e707.jpg" alt="万华集团-司空生活宣传片">
                </div>
                <p>万华集团-司空生活宣传片</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=103">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202608/fa03f37e8cbac5e1bd7a92541d146efa.jpg" alt="武汉纺织大学——纺大年华">
                </div>
                <p>武汉纺织大学——纺大年华</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=110">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202609/10d9a3a897f002fda6ce5565d193c1b2.jpg" alt="台州市一江两岸协同发动画">
                </div>
                <p>台州市一江两岸协同发动画</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=108">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202608/0cf0f937d1f69938f788318d0a3ae5a2.jpg" alt="国家电网（省送变电工程）——微电影 ">
                </div>
                <p>国家电网（省送变电工程）——微电影 </p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=69">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202607/b4fa916eb7c8885b8dee96047ede0868.png" alt="武汉达安科技企业宣传片">
                </div>
                <p>武汉达安科技企业宣传片</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=96">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202608/58120254ffff70cc23f148b13beed918.jpg" alt="人社厅——警示教育防事故  工伤预防保平安">
                </div>
                <p>人社厅——警示教育防事故  工伤预防保平安</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=99">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202608/0cc0f2e0e4534325ef2163ef592cd781.jpg" alt="长沙客运段形象片">
                </div>
                <p>长沙客运段形象片</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=97">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202608/677a6ced0aca4e07340575d62c2f8965.jpg" alt="武汉人社 —— 健康小课堂・心血管疾病如何预防">
                </div>
                <p>武汉人社 —— 健康小课堂・心血管疾病如何预防</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=106">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202608/f0d6b269b731af4e24b45646541eb03b.jpg" alt="协和医院——科普慕课 应急救援">
                </div>
                <p>协和医院——科普慕课 应急救援</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=65">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202607/bd674e655fbdccb43039d2260aa2dd71.jpg" alt="广铁集团党建品牌示范创建专题片">
                </div>
                <p>广铁集团党建品牌示范创建专题片</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=72">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202607/ef2760262772ffb4d0a3805c99614960.png" alt="东风汽车有限公司党代会专题片《领航》">
                </div>
                <p>东风汽车有限公司党代会专题片《领航》</p>
            </a>
        </div>
    
        <div class="jy-works-item">
            <a href="/index.php?c=show&id=104">
                <div class="jy-works-img-wrap">
                    <img src="/uploadfile/202608/0088fdc1cb00321cc42b20b32553d172.jpg" alt="中国农业发展银行——行讲党史专题片">
                </div>
                <p>中国农业发展银行——行讲党史专题片</p>
            </a>
        </div>
    
    </div>

    <!-- 查看更多 -->
        <div class="jy-case-more">
            <a href="/index.php?c=category&id=1">查看更多</a>
        </div>
</section>
        
    

    <!-- 回到顶部按钮 -->
    <div class="jy-case-gotop" onclick="window.scrollTo({top:0,behavior:'smooth'})">
        ↑
    </div>


<script>
    // 一级标签切换
    document.querySelectorAll('.jy-case-tab button').forEach(btn => {
        btn.addEventListener('click', function() {
            document.querySelectorAll('.jy-case-tab button').forEach(b => b.classList.remove('active'));
            this.classList.add('active');
        });
    });
</script>
<!-- 客户 -->



<section class="jy-logo-section">
    <div class="jy-logo-wrap">
        <div class="jy-logo-title">
            <h4>OUR CUSTOMERS</h4>
            <h3>服务客户</h3>
        </div>

        <div id="logoCarousel" class="carousel slide jy-logo-carousel" data-bs-ride="carousel">
            <!-- 底部指示器小圆点 -->
<!--
            <div class="carousel-indicators">
                <button type="button" data-bs-target="#logoCarousel" data-bs-slide-to="0" class="active"></button>
                <button type="button" data-bs-target="#logoCarousel" data-bs-slide-to="1"></button>
                <button type="button" data-bs-target="#logoCarousel" data-bs-slide-to="2"></button>
            </div>
-->

            <div class="carousel-inner cae">
                <!-- 第一页：5列 3行 -->
                <div class="carousel-item active">
                    <div class="jy-logo-page">
						                        <div class="jy-logo-item"><img src="/uploadfile/202606/9dcdf21fefd478dd8a5f7bebf8f14617.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/9069ea89d5bdc051a93ca06e49dcceec.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/8e97ebed4d14407e9af00cf6ea75493b.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/9a766928dc8b565acf61175fe28b444f.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/446775229d905520974ffb7d23c2c3c6.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/0fd78fdbca3fabfaca589a3f6ef5d623.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/5f23a651d309538bc8fc3b5f8ec2f488.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/edda00e860c3e17e232ec3d2c6413d21.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/a39520b790f6dfdaa960f9c98d629920.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/23e768d109333b2a2abbfffb4b8493b7.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/10f694c3156750dd544d29818db774ef.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/aea1302b0114bf264238eed832b4638f.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/46a94ebfca3855f6ce57762c5351887b.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/dcc1c73a3491cb32e5d54dfeccc2751d.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/49380925c0c118fbda5449f668457e0c.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/14c85efdfa302765dcdb07b1486e85c0.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/2fa13f3664614b2fdb50ebc1fd5283c2.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/86174cce4b7e168e492f2c8f6dcc4984.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/8fca5dc199d0cf9f9b7960c66bd5d44f.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/8e087466ec00473214f6731b0faeaaa5.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/27a77cfb2a91ce7e8ef2b122efc3d97f.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/122a3f3640d0077fa3bf67f5d0b9476d.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/64f387c056b3fe2c7022cf91efd1fd4e.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/68bd015ef9b835566ead85b3c1f1a108.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/b8c7c7a8bc7702de0bb4b27035a4895f.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/bbc12b44b3284d1dd773de56913927d7.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/6dcf84e33c870cdfd64968ac928ea612.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/6d38c97127dfdf23db01f127169950ad.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/efa526601b87461cf171faa5604932d9.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/0f43c06359979bb36bb6ea7a2dba0f5a.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/7dbdcbc9226bf5f4b943331a512aa839.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/4607a971bfaf87675ffeb5c0128d5794.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/355936e227d4cad39a482f6e337b16b4.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/ddf3163143e339f7812a690ee7bab215.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/939641fe4aa7cde6cfc068682fd77e15.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/7c63e37b6181b932240e7c33869daa19.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/6dee4a41c1c116c88c25eebecf6ba15f.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/89b15f1122531b1b37f044fb9e4a00c6.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/c6b29c10ab68414c3ca12f948aabebb6.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/bc9b72f8ada88deff6622261f6e642d5.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/cbc7412fea18e8b4651c82d316f69a7f.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/549ea267d9664531b09892377720a337.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/b82b122b8d61673adf8a6a57ab0838b7.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/468243d6b46c4b0e290d2e5664bf0a37.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/f79338c893b7d0e8a9d0f1b21173f4f2.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/e88cbe1764fd18b8a7e466bd0946f31c.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/42f6e3db675f5259506a7e69801398db.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/32fd13908da1597efbc94974e2e20c78.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/ebee1ae2358e26c42ca187e34b5a2346.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/5f5cec4a6b8abbdf4f5d975cae9ecce3.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/c32fb8d6b354d59cde15665ba2aaf595.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/36fd11b07136af8fae9c84dafd5d13b6.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/74a9505fea4e1c6bf0c8d53664e9a396.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/1fd8e70ca87cf623b7f528de103d6962.png" alt="logo"></div>
						
                                               <div class="jy-logo-item"><img src="/uploadfile/202606/a2e3b037f51e0442c212d938122745d9.png" alt="logo"></div>
						
                                           </div>
                </div>

               
            </div>

            <!-- 左右箭头（伪元素实现） -->
<!--
            <button class="carousel-control-prev" type="button" data-bs-target="#logoCarousel" data-bs-slide="prev">
                <span class="carousel-control-prev-icon"></span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#logoCarousel" data-bs-slide="next">
                <span class="carousel-control-next-icon"></span>
            </button>
-->
        </div>
    </div>
</section>


<!-- 关于我们 -->



<section class="jy-about-section">
    <div class="jy-about-wrap">
        <div class="jy-about-title">
            <h4>ABOUT US</h4>
            <h3>关于我们</h3>
        </div>

      <div class="jy-about-content">
    <!-- 左侧：视频封面，点击唤起弹窗播放视频 -->
    <div class="jy-about-video-wrap" data-bs-toggle="modal" data-bs-target="#jyAboutVideoModal">
        <img src="/uploadfile/202608/56719556e1d616e6f397e17e528f45f6.jpg" alt="企业介绍视频封面">
        <div class="jy-about-play-btn">
            <i class="fa fa-play"></i>
        </div>
    </div>

    <!-- 右侧：标题+正文文字区域 -->
    <div class="jy-about-text-wrap">
        <h4>华讯传媒</h4>
        <div class="jy-about-text-box" id="textBox">
            <p><span style="color: rgb(102, 102, 102); font-family: &quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif; text-align: justify;">武汉华讯世纪文化传媒有限公司是一家专业从事政务政企宣传制作、中高端影像视频制作、品牌塑造宣发、融媒发布、中大型活动执行的一站式全周期专业影视媒体制作公司。</span><br style="margin: 0px; padding: 0px; color: rgb(102, 102, 102); font-family: &quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif; text-align: justify;"><br style="margin: 0px; padding: 0px; color: rgb(102, 102, 102); font-family: &quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif; text-align: justify;"><span style="color: rgb(102, 102, 102); font-family: &quot;Microsoft YaHei&quot;, &quot;PingFang SC&quot;, sans-serif; text-align: justify;">具体业务涵盖全领域政务宣传、专题汇报、纪实宣传、形象宣传、融媒发布、科技咨询等数字影像视频宣传制作，大型国央企的党政工群团等视频形象外宣和成果提炼汇报宣传制作，公益事业单位团体的科普、动画、漫画、文创、非遗等一站式数字化影像制作，中大型文艺展览展会会务执行。提供客群单位全生命周期的一站式服务响应，是一家耕耘行业数十载的一站式全生命周期数字媒体影像制作专业服务商。</span></p>        </div>
    </div>
</div>

<!-- 视频弹窗容器 -->
<div class="modal fade jy-about-modal" id="jyAboutVideoModal" tabindex="-1" aria-labelledby="jyAboutVideoModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <video controls id="jyAboutVideoPlayer">
                    <source src="/uploadfile/202608/725f04f0204cb61161761eb2e67fd915.mp4" type="video/mp4">
                    您的浏览器不支持视频播放
                </video>
            </div>
        </div>
    </div>
</div>

<script>
$(function(){
    // 弹窗完全弹出后自动播放视频
    $('#jyAboutVideoModal').on('shown.bs.modal', function () {
        const videoDom = $('#jyAboutVideoPlayer')[0];
        videoDom.play();
    });

    // 弹窗关闭时自动暂停视频，避免后台继续播放
    $('#jyAboutVideoModal').on('hidden.bs.modal', function () {
        const videoDom = $('#jyAboutVideoPlayer')[0];
        videoDom.pause();
        videoDom.currentTime = 0; // 关闭后重置到视频开头
    });
})
</script>
    </div>
</section>




<!-- 证书 -->


<section class="jy-honor-section">
    <div class="jy-honor-wrap">
        <div class="jy-honor-title">
            <h4>OUR HONORS</h4>
            <h3>公司荣誉</h3>
        </div>

        <div class="ls-honor-main">
  <div class="lsjy-cert-swiper">
    <!-- 左右箭头 -->
    <button class="lsjy-swiper-prev"></button>
    <button class="lsjy-swiper-next"></button>

    <!-- 轮播滑动区域 -->
    <div class="lsjy-swiper-wrap">
      <div class="lsjy-swiper-list">
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item active">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/494ea3bc20d4099c9eed61f47ffb6943.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/8c21cae7a14aa44c4abd1febd82ed461.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/0156730132fed5980927905953491066.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/f05c2cb7959001286106bd06e893b072.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/3d98ddd46a40e84a2620c876e22ad9f2.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/2bc1232f2f2e8d1c7c887161ad607995.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/36473c22c6899940f85662d43e73acdd.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/2dfe1ecf92bcdff96b98f913ae133c3b.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/b7478ec135a297da9a5309c775378474.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/af73f810bdeabcf33fbdd41b06d2041a.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/e5b55a2e3a921d6297f83bd15ba30df9.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/19ac507f0d02e6ed398df7ee6b377cf6.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/be2cd726bde7852b3e20dd954a6e7969.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/08342ccf74d61eedfa3e77747909d8db.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/357aae437f4cd0f5b2bd48bbab6a44ee.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/3bd47d3877def2ab3074e06cd05a25b1.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/f39a636a459f1ab2354cd5ec736fd1c9.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/ed64281fefd3a182c5fe9c72a1e5fd1a.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/4a538570b5d0b690799b1db529f1333d.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/dcefb803116afef8a1964c37873da150.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/318c3c18532751a4d1f52b534fa6284d.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/ba68053777e9a8450c383d32b9c2ab53.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/d9356306922872b65281487c36c40e5b.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/bafda396ebfbce795d7ffed323f039da.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/0ef4c4494b4dc2510b5a8f4c2fe09353.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/ee5513de50f5bab1cad1a4ccd350cbe2.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/4463ca18739b94869107122497271b7a.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/3bd095fcccef39d85e738a697836e865.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/aa320b4173876d8df2ad235d592b9668.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/d77928815d23dc9e3a3c3e37e9ccedfb.png" alt="体系认证证书">
            </div>
          </div>
        </div>
                <!-- 每一张证书大图轮播项 -->
        <div class="lsjy-swiper-item ">
          <div class="lsjy-cert-card-box">
            <div class="lsjy-cert-img-box">
              <img src="/uploadfile/202606/5bea269b211f5a361c43ff4528e0bbbb.png" alt="体系认证证书">
            </div>
          </div>
        </div>
              </div>
    </div>

    <!-- 底部圆点指示器 循环生成对应数量 -->
    <div class="lsjy-swiper-dots">
            <span class="lsjy-dot active"></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
            <span class="lsjy-dot "></span>
          </div>
  </div>

  <!-- 你原有缩略图区域保留，用于对应切换 -->
 
</div>
</div>
        
    </div>
</section>

<script>
    const carousel = $('#honorCarousel');
    const thumbItem = $('.jy-honor-thumb-item');

    // 点击缩略图 → 切换大图
    thumbItem.on('click', function(){
        let idx = $(this).data('go');
        carousel.carousel(idx);
    });

    // 大图自动/手动切换 → 同步高亮缩略图
    carousel.on('slid.bs.carousel', function(){
        let nowIdx = $('.carousel-item.active').data('num');
        thumbItem.removeClass('active');
        $(`.jy-honor-thumb-item[data-go="${nowIdx}"]`).addClass('active');
    });
</script>


<!-- 新闻板块 -->



<section class="jy-news-section">
    <div class="jy-news-wrap">
        <div class="jy-news-title">
            <h4>NEWS RELEASE</h4>
            <h3>新闻发布</h3>
        </div>

        <div class="jy-news-container">
            <!-- 左侧：行业资讯 -->
            <div class="jy-news-column">
                <div class="jy-news-header">
                    <h4>行业资讯</h4>
                    <a href="/index.php?c=category&id=13">更多 ></a>
                </div>
                <ul class="jy-news-list">





                    <li class="jy-news-item">
                        <div class="jy-news-item-img">
                            <img src="/uploadfile/202609/a5dd02eeea87a4d04fe61bf15acaeebe.png" alt="新闻图">
                        </div>
                        <div class="jy-news-item-content">
                            <a href="/index.php?c=show&id=4" class="jy-news-item-title">影像赋能科普宣传｜我司与事业单位合作开展科普短视频拍摄项目</a>
                            <p class="jy-news-item-desc">近期公司承接公益科普系列短视频摄制任务，创新实景拍摄与动画包装相结合的创作形式，助力民生科普知识通过...</p>
                        </div>
                    </li>
   
                    <li class="jy-news-item">
                        <div class="jy-news-item-img">
                            <img src="/uploadfile/202609/49c01533d828f47824e5842ce48980ae.png" alt="新闻图">
                        </div>
                        <div class="jy-news-item-content">
                            <a href="/index.php?c=show&id=5" class="jy-news-item-title">文博影像｜博物馆文化专题纪录片拍摄项目顺利杀青</a>
                            <p class="jy-news-item-desc">我司摄制团队走进地方博物馆开展专题纪录片取景工作，以镜头对话历史文物，用影像讲好文博故事，推动传统文...</p>
                        </div>
                    </li>
   
                    <li class="jy-news-item">
                        <div class="jy-news-item-img">
                            <img src="/uploadfile/202609/e8a0e16761ff0fe63c64410b94cc902e.png" alt="新闻图">
                        </div>
                        <div class="jy-news-item-content">
                            <a href="/index.php?c=show&id=24" class="jy-news-item-title">华讯世纪传媒完成大型企业形象片全流程数字化摄制交付</a>
                            <p class="jy-news-item-desc">近日，公司摄制团队完成某省属国企新版企业形象宣传片项目。项目全程启用数字化影视制作链路，一站式完成策...</p>
                        </div>
                    </li>
   
                    <li class="jy-news-item">
                        <div class="jy-news-item-img">
                            <img src="/uploadfile/202609/318b22d7c4f68c952532d0b0813777fe.png" alt="新闻图">
                        </div>
                        <div class="jy-news-item-content">
                            <a href="/index.php?c=show&id=26" class="jy-news-item-title">2026 政企宣传片行业发展趋势：纪实化、数字化、全媒传播成主流</a>
                            <p class="jy-news-item-desc">2026年政企影像行业迎来全新变革，传统单一宣传片模式逐步退场，纪实化内容、数字化技术、全媒体分发，...</p>
                        </div>
                    </li>
   
                    <li class="jy-news-item">
                        <div class="jy-news-item-img">
                            <img src="/uploadfile/202609/2e762b3930e1f5e384b955f984e6b02a.png" alt="新闻图">
                        </div>
                        <div class="jy-news-item-content">
                            <a href="/index.php?c=show&id=23" class="jy-news-item-title">央企党建专题片创作要点：紧扣政策、纪实叙事、突出实干成果</a>
                            <p class="jy-news-item-desc">党建专题片、党代会汇报片是央企与党政机关重要的宣传载体，创作上需跳出普通商业宣传片思路，坚持政策引领...</p>
                        </div>
                    </li>
   
                    <li class="jy-news-item">
                        <div class="jy-news-item-img">
                            <img src="/uploadfile/202609/38ba8e2843c870f046c9549f25208525.png" alt="新闻图">
                        </div>
                        <div class="jy-news-item-content">
                            <a href="/index.php?c=show&id=53" class="jy-news-item-title">AIGC 影视技术落地商用，大幅提升政企专题片制作效率</a>
                            <p class="jy-news-item-desc">人工智能全面融入影视制作赛道，从脚本策划、三维特效、数字人演绎到智能调色、直播数据监测，AI工具重构...</p>
                        </div>
                    </li>
   
                    <li class="jy-news-item">
                        <div class="jy-news-item-img">
                            <img src="/uploadfile/202609/516271a88bbc2d1d760fc2467fbe3089.png" alt="新闻图">
                        </div>
                        <div class="jy-news-item-content">
                            <a href="/index.php?c=show&id=3" class="jy-news-item-title">城市文旅宣传片创作新思路：非遗文化 + 城市地标双主线融合</a>
                            <p class="jy-news-item-desc">城市文旅宣传片创作迎来全新方向，跳出单纯地标航拍的固有模式，将本土非遗文化与城市地标双主线融合，赋予...</p>
                        </div>
                    </li>
                    
                </ul>
            </div>

            <!-- 右侧：公司动态 -->
            <div class="jy-news-column">
                <div class="jy-news-header">
                    <h4>公司动态</h4>
                    <a href="/index.php?c=category&id=14">更多 ></a>
                </div>
                <ul class="jy-news-list">


                    <li class="jy-news-item">
                        <div class="jy-news-item-img">
                            <img src="/uploadfile/202609/e3d9ff48af1a4be079ea89e050bb17e7.png" alt="新闻图">
                        </div>
                        <div class="jy-news-item-content">
                            <a href="/index.php?c=show&id=58" class="jy-news-item-title">摄制纪实｜英山非遗缠花纪实短片完成外景全流程拍摄</a>
                            <p class="jy-news-item-desc">华讯世纪文化非遗文旅项目组奔赴英山，完成非遗缠花主题纪实短片外景与手工艺微距拍摄，用影像记录本土传统...</p>
                        </div>
                    </li>
                                     <li class="jy-news-item">
                        <div class="jy-news-item-img">
                            <img src="/uploadfile/202609/f87bdbf0827a639ead24b2b00acefe34.png" alt="新闻图">
                        </div>
                        <div class="jy-news-item-content">
                            <a href="/index.php?c=show&id=8" class="jy-news-item-title">项目落地｜华讯世纪完成东风汽车党代会专题片《领航》全案制作交付</a>
                            <p class="jy-news-item-desc">近日，由武汉华讯世纪文化传媒全案策划、摄制、后期包装的东风汽车党代会专题片《领航》正式完成全片交付，...</p>
                        </div>
                    </li>
                                     <li class="jy-news-item">
                        <div class="jy-news-item-img">
                            <img src="/uploadfile/202609/f41d0f46d5830300f52b96b2eacc1a8a.png" alt="新闻图">
                        </div>
                        <div class="jy-news-item-content">
                            <a href="/index.php?c=show&id=7" class="jy-news-item-title">企业荣誉｜华讯世纪新增多项影视软件著作权，数字化制作实力再升级</a>
                            <p class="jy-news-item-desc">武汉华讯世纪文化传媒再获国家版权局颁发多项计算机软件著作权登记证书，多项自研系统获得官方知识产权认定...</p>
                        </div>
                    </li>
                                     <li class="jy-news-item">
                        <div class="jy-news-item-img">
                            <img src="/uploadfile/202609/348374b633c40a403d282cdd3186f8ed.png" alt="新闻图">
                        </div>
                        <div class="jy-news-item-content">
                            <a href="/index.php?c=show&id=6" class="jy-news-item-title">合作快讯｜华讯世纪与协和医院达成年度影像宣传长期合作</a>
                            <p class="jy-news-item-desc">本月，华讯世纪文化与华中科技大学同济医学院附属协和医院签订年度影像宣传服务协议，全年承接医院多品类影...</p>
                        </div>
                    </li>
                                     <li class="jy-news-item">
                        <div class="jy-news-item-img">
                            <img src="/uploadfile/202609/436cae83ec3b3248652626483a03611b.png" alt="新闻图">
                        </div>
                        <div class="jy-news-item-content">
                            <a href="/index.php?c=show&id=56" class="jy-news-item-title">团队成长｜华讯世纪政企影像创作专项培训顺利开展</a>
                            <p class="jy-news-item-desc">为持续提升政企、党建类专题片创作专业度，公司组织策划、文案、摄制、后期全岗位开展政企影像专项培训，夯...</p>
                        </div>
                    </li>
                                     <li class="jy-news-item">
                        <div class="jy-news-item-img">
                            <img src="/uploadfile/202609/6e655c7a41b3592791ff1a0e58d939c3.png" alt="新闻图">
                        </div>
                        <div class="jy-news-item-content">
                            <a href="/index.php?c=show&id=55" class="jy-news-item-title">活动纪实｜省博物馆开幕式宣传片摄制圆满收官</a>
                            <p class="jy-news-item-desc">华讯世纪摄制团队全程承接湖北省博物馆全新展厅开幕式影像全案服务，一站式完成直播、纪实、宣传片、短视频...</p>
                        </div>
                    </li>
                                     <li class="jy-news-item">
                        <div class="jy-news-item-img">
                            <img src="/uploadfile/202609/ba2fe4cd9153374f1c4c3a4305ce73a9.png" alt="新闻图">
                        </div>
                        <div class="jy-news-item-content">
                            <a href="/index.php?c=show&id=57" class="jy-news-item-title">资质认证｜公司三体系认证年审顺利通过，标准化服务能力获权威认可</a>
                            <p class="jy-news-item-desc">武汉华讯世纪文化传媒顺利通过质量管理、职业健康安全、环境管理三大体系年度审核认证，企业标准化服务实力...</p>
                        </div>
                    </li>
                   
                </ul>
            </div>
        </div>
    </div>
</section>

<!-- 联系我们板块 -->





<section class="jy-contact-section">
    <div class="jy-contact-wrap">
        <div class="jy-contact-title">
            <h4>CONTACT US</h4>
            <h3>联系我们</h3>
        </div>

        <!-- 背景图 -->
        <div class="jy-contact-bg">
            <img src="/uploadfile/202606/0e02780e7db6d94059b2376e5b9e2a3f.jpg" alt="联系我们背景图">
        </div>
    </div>
</section>
<script>
document.addEventListener('DOMContentLoaded', function() {
  const swiperWrap = document.querySelector('.lsjy-cert-swiper');
  const list = swiperWrap.querySelector('.lsjy-swiper-list');
  const items = swiperWrap.querySelectorAll('.lsjy-swiper-item');
  const dots = swiperWrap.querySelectorAll('.lsjy-dot');
  const thumbItems = document.querySelectorAll('.jy-honor-thumb-item');
  const prevBtn = swiperWrap.querySelector('.lsjy-swiper-prev');
  const nextBtn = swiperWrap.querySelector('.lsjy-swiper-next');
  const total = items.length;
  let currentIndex = 0;

  // 更新所有active状态：大图、圆点、缩略图
  function updateSwiper() {
    list.style.transform = `translateX(-${currentIndex * 100}%)`;
    // 清除全部active
    items.forEach(item => item.classList.remove('active'));
    dots.forEach(dot => dot.classList.remove('active'));
    thumbItems.forEach(thumb => thumb.classList.remove('active'));
    // 当前索引激活
    items[currentIndex].classList.add('active');
    dots[currentIndex].classList.add('active');
    thumbItems[currentIndex].classList.add('active');
  }

  // 上一页
  function prevSlide() {
    currentIndex = (currentIndex - 1 + total) % total;
    updateSwiper();
  }
  // 下一页
  function nextSlide() {
    currentIndex = (currentIndex + 1) % total;
    updateSwiper();
  }

  // 左右箭头点击
  nextBtn.addEventListener('click', nextSlide);
  prevBtn.addEventListener('click', prevSlide);

  // 底部圆点点击切换
  dots.forEach((dot, idx) => {
    dot.addEventListener('click', () => {
      currentIndex = idx;
      updateSwiper();
    })
  })

  // 左侧缩略图点击切换（适配你原来data-go属性）
  thumbItems.forEach((thumb, idx) => {
    thumb.addEventListener('click', () => {
      // data-go是从1开始，索引从0开始，所以-1
      let goNum = Number(thumb.dataset.go) - 1;
      currentIndex = goNum;
      updateSwiper();
    })
  })

  // 自动轮播，鼠标悬停暂停
//   let autoTimer = setInterval(nextSlide, 4000);
//   swiperWrap.addEventListener('mouseenter', () => clearInterval(autoTimer));
//   swiperWrap.addEventListener('mouseleave', () => {
//     autoTimer = setInterval(nextSlide, 4000);
//   })
})
</script>
 

<footer class="jy-footer-full">
    <div class="jy-footer-inner">
        <!-- 顶部居中公司名 -->
      

        <!-- 三栏结构：1快速链接 | 2联系我们 | 3微信二维码 -->
        <div class="jy-footer-row">
            <!-- 第一列：快速链接 -->
            <div class="jy-footer-col jy-footer-link">
                <h3>快速链接</h3>
                <a href="/">首页</a>

                 
                <a href="/index.php?c=category&id=1">作品案例</a>
                 
                <a href="/index.php?c=category&id=2">服务项目</a>
                 
                <a href="/index.php?c=category&id=3">主创团队</a>
                 
                <a href="/index.php?c=category&id=4">新闻发布</a>
                 
                <a href="/index.php?c=category&id=5">关于我们</a>
                               
            </div>

            <!-- 第二列：联系我们 -->
            <div class="jy-footer-col jy-footer-contact">
                <h3>联系我们</h3>
                <div class="jy-footer-hotline-desc">24小时合作热线</div>
                <p>联系人: 尹杰（186 9613 7798）</p>
                <p>邮&nbsp;&nbsp;&nbsp;&nbsp;箱: 1104625418@qq.com</p>
                <p>地&nbsp;&nbsp;&nbsp;&nbsp;址: 湖北省武汉市武昌区徐东大街武汉数创大厦1118号</p>
            </div>

            <!-- 第三列：二维码+微信沟通 -->
            
            <div class="emwf">
            
            <div class="jy-footer-col jy-footer-qrcode-box">
                <img src="/uploadfile/202606/0a71d9388c98efb2dcd953c6f8a9a8f3.png" alt="微信二维码">
                <div class="jy-footer-qrcode-txt">微信沟通</div>
            </div>
                
            <div class="jy-footer-col jy-footer-qrcode-box">
                <img src="/uploadfile/202606/560b47ec2305e7744ffa7dcaa365b11f.png" alt="微信二维码">
                <div class="jy-footer-qrcode-txt">公众号</div>
            </div>
            
                
            </div>
            
            
            
        </div>

        <!-- 伪元素分割线 -->
        <div class="jy-footer-divider"></div>

        <!-- 底部版权信息 -->
        <div class="jy-footer-copyright">
           底部版权        </div>
    </div>
</footer>


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

<div class="jy-xkfd-float-menu">
        <!-- jy-xkfd-menu-body 菜单主体 - 定制菜单项 -->
        <div class="jy-xkfd-menu-body">
            
            
            <a href="/index.php?c=category&id=7" class="jy-xkfd-menu-item" style="cursor: pointer;">
                <i class="fas fa-video jy-xkfd-icon"></i>
                <span class="jy-xkfd-label">宣传片</span>
            </a>
            
            
            
            <div class="jy-xkfd-menu-divider"></div>
            <a href="/index.php?c=category&id=8" class="jy-xkfd-menu-item" style="cursor: pointer;">
                <i class="fas fa-film jy-xkfd-icon"></i>
                <span class="jy-xkfd-label">专题片</span>
            </a>
            <div class="jy-xkfd-menu-divider"></div>
            <a href="/index.php?c=category&id=9" class="jy-xkfd-menu-item" style="cursor: pointer;">
                <i class="fas fa-clapperboard jy-xkfd-icon"></i>
                <span class="jy-xkfd-label">纪录片</span>
            </a>
            <div class="jy-xkfd-menu-divider"></div>
            <a href="/index.php?c=category&id=10" class="jy-xkfd-menu-item" style="cursor: pointer;">
                <i class="fas fa-paint-brush jy-xkfd-icon"></i>
                <span class="jy-xkfd-label">原创动画</span>
            </a>
            <div class="jy-xkfd-menu-divider"></div>
            <a href="/index.php?c=category&id=29" class="jy-xkfd-menu-item" style="cursor: pointer;">
                <i class="fas fa-calendar-check jy-xkfd-icon"></i>
                <span class="jy-xkfd-label">活动策划执行</span>
            </a>
            <div class="jy-xkfd-menu-divider"></div>
            <a href="/index.php?c=category&id=30" class="jy-xkfd-menu-item" style="cursor: pointer;">
                <i class="fas fa-palette jy-xkfd-icon"></i>
                <span class="jy-xkfd-label">文化展厅</span>
            </a>
            <div class="jy-xkfd-menu-divider"></div>
            <a href="" class="jy-xkfd-menu-item" style="cursor: pointer;">
                <i class="fas fa-tv jy-xkfd-icon"></i>
                <span class="jy-xkfd-label"></span>
            </a>
            <div class="jy-xkfd-menu-divider"></div>
            <a href="/index.php?c=category&id=32" class="jy-xkfd-menu-item" style="cursor: pointer;">
                <i class="fas fa-graduation-cap jy-xkfd-icon"></i>
                <span class="jy-xkfd-label">科普视频</span>
            </a>
        </div>

        <!-- jy-xkfd-menu-trigger 触发箭头 -->
        <div class="jy-xkfd-menu-trigger" aria-label="展开菜单">
           
        </div>
    </div>






<!-- 外层容器：按钮永久显示，
<div class="jy-ad-fixed-wrap">
    
    <div class="jy-ad-trigger-btn">
        <i class="fa fa-film"></i>
    </div>
    
    <div class="jy-ad-case-panel">
        <div class="jy-ad-panel-header">
            <h2 class="jy-ad-main-title">作品案例</h2>
            <div class="jy-ad-sub-en">MOTION GRAPHICS</div>
            <div class="jy-ad-blue-line"></div>
        </div>
        <ul class="jy-ad-menu-list">
            
                        
            <li><a href="/index.php?c=category&id=7">宣传片</a></li>
         
                        
            <li><a href="/index.php?c=category&id=8">专题片</a></li>
         
                        
            <li><a href="/index.php?c=category&id=9">纪录片</a></li>
         
                        
            <li><a href="/index.php?c=category&id=10">原创动画</a></li>
         
                        
            <li><a href="/index.php?c=category&id=29">活动策划执行</a></li>
         
                        
            <li><a href="/index.php?c=category&id=30">文化展厅</a></li>
         
                        
            <li><a href="/index.php?c=category&id=32">科普视频</a></li>
         
                        
        </ul>
    </div>
</div>

菜单hover弹出 -->


<!--影藏
<style>

/* 最外层固定容器，垂直居中贴左 */
.jy-ad-fixed-wrap{
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    display: flex;
    align-items: flex-start;
}

/* 触发按钮：永远露在页面左侧，不会消失 */
.jy-ad-trigger-btn{
    width: 48px;
    height: 48px;
    background: #999;
    color: #fff;
    border-radius: 0 14px 14px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 2px 0 10px rgba(0,0,0,0.1);
    cursor: pointer;
    user-select: none;
    transition: background 0.3s ease;
}
.jy-ad-trigger-btn:hover{
    background: #777;
}

/* 菜单面板：默认向左移出屏幕隐藏 */
.jy-ad-case-panel{
    width: 180px;
    margin-left: -48px;
    background: rgba(136,136,136,0.86);
    border-radius: 0 16px 16px 0;
    box-shadow: 4px 4px 22px rgba(0,0,0,0.12);
    padding: 42px 32px 12px 32px;
    color: #ffffff;
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease;
    pointer-events: none;
}

/* 仅鼠标悬浮在按钮上时，后面的面板滑出 */
.jy-ad-trigger-btn:hover + .jy-ad-case-panel{
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

/* 鼠标移入面板区域保持显示，防止刚滑过去就消失 */
.jy-ad-case-panel:hover{
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

/* 面板标题样式 */
.jy-ad-panel-header{
    margin-bottom: 36px;
}
.jy-ad-main-title{
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.jy-ad-sub-en{
    font-size: 20px;
    opacity: 0.8;
    letter-spacing: 1px;
}
.jy-ad-blue-line{
    width: 72px;
    height: 4px;
    background: #dbdbdb;
    margin-top: 18px;
}

/* 菜单列表 */
.jy-ad-menu-list{
    list-style: none;    padding-left: 0rem;
}
.jy-ad-menu-list li{
    margin-bottom: 15px;
}
.jy-ad-menu-list a{
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    opacity: 0.94;
    transition: opacity 0.25s ease;
}
.jy-ad-menu-list a:hover{
    opacity: 1;
}
.jy-ad-menu-list li.jy-ad-active a{
    opacity: 1;
}
</style>
-->


            




</body>
</html>