<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Robots" contect= "all">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="/assets/libs/layui/css/layui.css" rel="stylesheet">
<script src="/assets/libs/layui/layui.js"></script>
<link href="/assets/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="/assets/libs/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="/assets/css/less/xeltek.css" rel="stylesheet" type="text/css">
<link rel="icon" type="image/ico" href="/favicon.ico">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="canonical" href="http://luozao.com.cn"/>
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/assets/js/xeltek.js"></script>

<script language="javascript" type="text/javascript">
	$(document).ready(function() {
		$(".toggle").click(function(){
			console.log('click');
			var data={"lang":$(this).attr("lang")};
			$(".toggle").load("/setlang.html",data,function(){
				location.reload();
			});
		});		
	});
</script>
<link rel="alternate" hreflang="zh" href=" http://luozao.com.cn " />
<link rel="alternate" hreflang="en" href="http://luozao.com.cn/en/" />
<!--author：rokin_lv :: Xeltek Electronic :: -->


<title>编程器、烧录器、烧写器制造专家，涵盖全自动编程器、全自动烧录器、全自动烧写器、在线编程器,专注行业20年，购买请找南京西尔特电子</title>
<meta name="Keywords" content="编程器、烧录器、烧写器、全自动编程器、全自动烧录器、全自动烧写器、在线编程器,">
        <meta name="Description" content="西尔特编程器三十年专注编程器、烧录器、烧写器、全自动编程器、全自动烧写器、远程烧写软件的设计制造专家,销售为一体的高新技术企业.主要经营:编程器、烧写器、烧录器、全自动编程器、全自动烧写器"><meta name="Description" content="西尔特编程器三十年专注编程器、烧录器、烧写器、全自动编程器、全自动烧写器、远程烧写软件的设计制造专家,销售为一体的高新技术企业.主要经营:编程器、烧写器、烧录器、全自动编程器、全自动烧写器"><meta name="Description" content="编程器、烧录器、烧写器制造专家，涵盖全自动编程器、全自动烧录器、全自动烧写器、在线编程器,专注行业20年，购买请找南京西尔特电子">
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="http://www.googletagmanager.com/ns.html?id=GTM-MR2HVVZ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!--nav -->
<nav class="navbar navbar-default" id="menu-nav">
  <div class="container">
	<div class="navbar-header">
		 <button type="button" class="fa fa-search hidden-md hidden-lg hidden-sm navheadsrch" onclick="window.location.href='/search'"></button> <!--  -->
		<button type="button" class="navbar-toggle collapsed " data-toggle="collapse" data-target="#bs-megadropdown-tabs">
			<span class="sr-only">Toggle navigation</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>  	  
	  <a class="navbar-brand hidden-md hidden-lg" href="/">
		<img alt="xeltek" src="/assets/images/xeltek logo 32.png">
	  </a>
	  <a class="navbar-brand hidden-xs hidden-sm" href="/">
		<p>XELTEK</p>
	  </a>
	</div>
	<div class="navbar-collapse collapse" id="bs-megadropdown-tabs">
	  <ul class="nav navbar-nav">
		<li ><a href="/"><span class="glyphicon glyphicon-home" aria-hidden="true">首页</span></a></li>
	
		<li class="dropdown">
			<a href="/solution.html" class="dropdown-toggle nav-link" data-toggle="dropdown">解决方案 <span class="caret"></span></a>
			<ul class="dropdown-menu multi-column columns-1">
				<ul class="multi-column-dropdown solution">
					<li><a href="/solution/gang.html">量产解决方案</a></li>
					<li><a href="/solution/emmc.html">EMMC高速烧录方案</a></li>
					<li><a href="/solution/isp.html">在线烧录解决方案</a></li>
					<li><a href="/solution/nand.html">Nand Flash坏块解决方案</a></li>
					<li><a href="/solution/spectial.html">spectial programmer</a></li>
				</ul>
			</ul>
		</li>
		<li class="dropdown">
			<a href="/product.html" class="dropdown-toggle nav-link" data-toggle="dropdown">产品中心<b class="caret"></b></a>
			<ul class="dropdown-menu multi-column columns-5">
				<div class="row">
					<div class="col-sm-6 col-md-4">
						<ul class="multi-column-dropdown">
							<h6><a class="pdcatalogue" href="/product#ultra-high-speed-programmers">高速烧录系列</a></h6> 
							
															<li><a href="/ultra-high-speed-programmers/usb-extreme-highspeed-standalone-4chips-superpro-7500N.html">SUPERPRO/7500N</a><div class="hidden-sm hidden-xs">最高烧录4颗芯片</div></li>
																							<li><a href="/ultra-high-speed-programmers/usb-ultra-highspeed-standalone-superpro-6100n.html">SUPERPRO/6100N</a><div class="hidden-sm hidden-xs">单芯片烧录</div></li>
																																																																																												
						</ul>
					</div>
					<div class="col-sm-6 col-md-4 automatic">
						<ul class="multi-column-dropdown">
							<h6><a class="pdcatalogue" href="/product#automatic-programmers">全自动烧录系列</a></h6> 
																													
								<li><a href="/automatic-programmers/smart-32chips-4nozzles-automated-Programmer-superpro-sb09.html">SUPERPRO-SB09</a><div class="hidden-sm hidden-xs">四吸嘴8模块直线伺服电机全自动烧录器</div></li>
																							
								<li><a href="/automatic-programmers/smart-32chips-4nozzles-automated-Programmer-superpro-sb05a.html">SUPERPRO-SB05A</a><div class="hidden-sm hidden-xs">四吸嘴最高支持32颗芯片</div></li>
																							
								<li><a href="/automatic-programmers/smart-16chips-2nozzles-automated-Programmer-superpro-sb05e.html">SUPERPRO-SB05E</a><div class="hidden-sm hidden-xs">双吸嘴最高支持16颗芯片</div></li>
																																																																														
							<li><a href="/product.html#automatic-programmers">更多型号</a> </li>
							

						</ul>
					</div>
					<div class="col-sm-6 col-md-4">
						<ul class="multi-column-dropdown">
							<h6><a class="pdcatalogue" href="/product#gang-programmers">量产烧录系列</a></h6> 
							
																																																																														<li><a href="/gang-programmers/usb-extreme-highspeed-16chips-gangprogrammer-superpro-7504n.html">SUPERPRO/7504N</a><div class="hidden-sm hidden-xs">最高支持16颗芯片</div></li>
																							<li><a href="/gang-programmers/ultra-highspeed-four-modules-superpro-6104n.html">SUPERPRO/6104N</a><div class="hidden-sm hidden-xs">全系列支持4颗芯片</div></li>
																																					

						</ul>
					</div> 					
					<div class="col-sm-6 col-md-4">
						<ul class="multi-column-dropdown">
							<h6><a class="pdcatalogue" href="/product#in-system-programmers">在线烧录系列</a></h6> 
							
							
																																																		
								<li><a href="/in-system-programmers/advanced-isp-programmer-superpro-is01.html">SUPERPRO/IS01</a><div class="hidden-sm hidden-xs">单板烧录器</div></li>
																							
								<li><a href="/in-system-programmers/advanced-16channels-isp-programmer-superpro-is416N.html">SUPERPRO/IS416N</a><div class="hidden-sm hidden-xs">16连板烧录</div></li>
																							
								<li><a href="/in-system-programmers/isp-gangProgrammer-station-manual-superpro-xps01.html">SUPERPRO-XPS01</a><div class="hidden-sm hidden-xs">手动治具</div></li>
																							
								<li><a href="/in-system-programmers/isp-gangprogrammer-station-gasdynamic-superpro-xps02.html">SUPERPRO-XPS02</a><div class="hidden-sm hidden-xs">气动治具</div></li>
																																																			
						</ul>
					</div> 
					<div class="col-sm-6 col-md-4">
						<ul class="multi-column-dropdown">
							<h6><a class="pdcatalogue" href="/product#universal-programmers">通用经济系列</a></h6> 
							
																																																																																												
								<li><a href="/universal-programmers/economy-universal-programmer-superpro-610p.html">SUPERPRO/610p</a><div class="hidden-sm hidden-xs"></div></li>
																														
						</ul>
					</div> 						
					<div class="col-sm-6 col-md-4">
						<ul class="multi-column-dropdown">
							<h6><a class="pdcatalogue" href="/product#specical-programmers">其他烧录器</a></h6> 
							
																																																																																																			<li><a href="/specical-programmers/ftdi-specific-isp-programmer-superpro-ft01.html">SUPERPRO/FT01</a><div class="hidden-sm hidden-xs">专用烧写器</div></li>
																						
							<li><a href="/index/frontend/findadapter.html">转接座选型</a></li> 
						</ul>
					</div> 					
					<div class="clearfix"></div>
				</div><!--row-->
			</ul><!--dropdown-menu multi-column columns-5-->
		</li>
		<li class="dropdown hidden-sm hidden-md">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown">支持与服务</a>
			<ul class="dropdown-menu multi-column columns-105 ">
				<div class="row">
					<ul class="multi-column-dropdown">
						<li><a href="/about.html">关于西尔特</a></li> 
						<li><A href="/faqlist.html">常见问题</A>
						<li><A href="/support.html">芯片支持申请</A>
						<!-- <li><A href="/technology.html">技术支持</A> -->
						<li><A href="/service.html">售后服务</A>
						<li><A href="/compare.html">产品性能对比</A> 
						<li><A href="/rent.html">编程器租赁业务</A>  
						<li><A href="/program.html">芯片代烧业务</A>  
					</ul>
					<div class="clearfix"></div>
				</div><!--row-->
			</ul><!--dropdown-menu-->
		</li>
		<li class="hidden-sm hidden-md"><a href="/contact.html">联系我们</a></li> 		
		<li><a href="/download.html" class="hvr-sweep-to-bottom">软件下载</a></li>
		<li class="dropdown">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown">
				<span class="fa fa-user-circle"></span>
				<span>会员</span>
			</a>			
			<ul class="dropdown-menu">
				<ul class="multi-column-dropdown">
					<div class="user" > 
												<li><a href="/user/login.html">登录</a></li>
						<li><a href="/user/register.html">注册</a></li>
											</div> 
					
				</ul>
			</ul>
		</li>		
	  </ul> <!--nav navbar-nav-->
	  <div class="form-group-right">
		<div class="navbar2-right" >
				<UL class="">
					<li class="dropdown">
						<div class="nav-languages">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								<span class="fa fa-globe"></span>
								<span class="hidden-sm">Languages</span>
							</a>
							<b></b>
							<ul class="dropdown-menu">
								<ul class="multi-column-dropdown">
									<div class="language" > 
										<li class="toggle" lang="zh-cn"><a href="#">简体中文</a></li>
										<li class="toggle" lang="en-us"><a href="#">English</a></li>
									</div> 
								</ul>
							</ul>
						</div>	
					</li>
				</UL>
			</div> <!--/.nav-navbar2-right -->
			<div class="nav-search">
				<a href="/search/" class="search">
					<span class="fa fa-search hidden-xs"></span>
					<span></span>
				</a>
				<!-- <div class="searchbar">
					<div class="search-block contain clearfix" >
						<form action="/search/list.html" method="get" id="top_form">
						<input type="submit" value="" class="btn" id="top_btn">
						<input type="text" placeholder="3333搜索device2..." class="text" name="device" id="device">
						<a href="javascript:;" title="" class="fa fa-close closed" aria-hidden="true"></a>
						</form>
					</div>
				</div> -->
			</div>
	  </div>   <!--/.nav-form-group -->
	</div><!--/.nav-collapse-->
  </div> <!--container -->
</nav>
<!--nav -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 - 页面未找到</title>
    <link rel="stylesheet" href="/assets/css/less/xeltek.css">
</head>
<body>
    <!-- 导航栏 -->


    <!-- 404内容区域 -->
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2 text-center">
                    <div class="message">
                        <h1 style="font-size: 8rem; color: #d11a10; margin-bottom: 2rem;">404</h1>
                        <h2 style="font-size: 3rem; color: #3c3a3a; margin-bottom: 2rem;">页面未找到</h2>
                        <p style="font-size: 1.6rem; color: #686868; line-height: 2.4rem; margin-bottom: 3rem;">
                            抱歉，您访问的页面不存在或已被移除。<br>
                            请检查URL是否正确，或返回首页继续浏览。
                        </p>
                        
                        <div class="btn-group" style="margin-bottom: 4rem;">
                            <a href="/" class="btn btn-default" style="
                                padding: 1rem 3rem;
                                font-size: 1.6rem;
                                background-color: #1c7bd0;
                                color: #fff;
                                border: none;
                                border-radius: 4px;
                                margin-right: 2rem;
                            ">
                                返回首页
                            </a>
                            <a href="javascript:history.back()" class="btn btn-default" style="
                                padding: 1rem 3rem;
                                font-size: 1.6rem;
                                background-color: #f9f9f9;
                                color: #3c3a3a;
                                border: 1px solid #D1CBD0;
                                border-radius: 4px;
                            ">
                                返回上一页
                            </a>
                        </div>
                        
                        <div class="search-box" style="max-width: 500px; margin: 0 auto 4rem;">
                            <form action="/search" method="get" class="form-inline">
                                <div class="form-group" style="width: 100%;">
                                    <div class="input-group" style="width: 100%;">
                                        <input type="text" class="form-control" name="q" placeholder="搜索您需要的内容..." style="
                                            height: 4.5rem;
                                            font-size: 1.6rem;
                                            border: 1px solid #D1CBD0;
                                            border-right: none;
                                            padding-left: 1.5rem;
                                        ">
                                        <span class="input-group-btn">
                                            <button class="btn btn-default" type="submit" style="
                                                height: 4.5rem;
                                                width: 6rem;
                                                background-color: #1c7bd0;
                                                border: 1px solid #1c7bd0;
                                            ">
                                                <span class="glyphicon glyphicon-search" style="color: #fff;"></span>
                                            </button>
                                        </span>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- 脚本 -->
    <script src="/assets/js/jquery.min.js"></script>
    <script src="/assets/js/bootstrap.min.js"></script>
</body>
</html>
    <style>
        /* 拖拽时全局禁用选中 */
        body.dragging-active {
            cursor: grabbing !important;
            user-select: none !important;
            -webkit-user-select: none !important;
        }

        /* ----- 浮动按钮（右下角触发） ----- */
        .float-btn {
            position: fixed;
            right: 32px;
            bottom: 32px;
            z-index: 9999;
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: linear-gradient(135deg, #6696FF, #4A7CF7);
            color: #fff;
            border: none;
            box-shadow: 0 6px 24px rgba(102, 150, 255, 0.45);
            cursor: pointer;
            font-size: 26px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            user-select: none;
        }
        .float-btn:hover {
            transform: scale(1.06);
            box-shadow: 0 8px 32px rgba(102, 150, 255, 0.60);
        }
        .float-btn:active {
            transform: scale(0.94);
        }
        .float-btn .icon-open {
            display: inline-block;
        }
        .float-btn .icon-close {
            display: none;
        }
        .float-btn.is-active .icon-open {
            display: none;
        }
        .float-btn.is-active .icon-close {
            display: inline-block;
            font-size: 22px;
            font-weight: 300;
            line-height: 1;
        }

        .message-board {
            position: fixed;
            /* 初始位置由 JS 根据 right/bottom 转为 left/top 后设定 */
            z-index: 9998;
            width: 390px;
            max-height: 80vh;
            background: #ffffff;
            border-radius: 18px;
            box-shadow: 0 16px 48px rgba(0, 20, 60, 0.18);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            opacity: 0;
            visibility: hidden;
            transform: translateY(20px) scale(0.96);
            transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
            will-change: left, top;
        }
        .message-board.is-open {
            opacity: 1;
            visibility: visible;
            transform: translateY(0) scale(1);
        }

        /* 拖拽进行时禁止过渡，防止卡顿 */
        .message-board.is-dragging {
            transition: none !important;
        }

        /* ----- 头部（同时也是拖拽手柄） ----- */
        .message-board .mb-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 18px 22px 14px 22px;
            border-bottom: 1px solid #f0f2f6;
            flex-shrink: 0;
            cursor: grab;
            background: #ffffff;
            border-radius: 18px 18px 0 0;
            touch-action: none;
        }
        .message-board .mb-header:active {
            cursor: grabbing;
        }
        .mb-header .mb-title {
            font-size: 17px;
            font-weight: 600;
            color: #1a2332;
            letter-spacing: 0.3px;
            pointer-events: none;
        }
        .mb-header .mb-title small {
            font-weight: 400;
            font-size: 13px;
            color: #8899aa;
            margin-left: 6px;
        }
        .mb-header .header-actions {
            display: flex;
            gap: 6px;
            flex-shrink: 0;
        }
        .mb-header .header-actions button {
            width: 32px;
            height: 32px;
            border-radius: 8px;
            border: none;
            background: transparent;
            color: #8a9bb0;
            cursor: pointer;
            font-size: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.2s, color 0.2s;
            position: relative;
            z-index: 2;
        }
        .mb-header .header-actions button:hover {
            background: #f0f4fe;
            color: #4A7CF7;
        }
        .mb-header .header-actions .btn-minimize {
            font-size: 18px;
            font-weight: 600;
            line-height: 1;
        }
        .mb-header .header-actions .btn-close {
            font-size: 18px;
            font-weight: 300;
            line-height: 1;
        }


        .mb-body {
            padding: 16px 22px 22px 22px;
            overflow-y: auto;
            flex: 1;
        }
        .mb-body::-webkit-scrollbar {
            width: 4px;
        }
        .mb-body::-webkit-scrollbar-track {
            background: transparent;
        }
        .mb-body::-webkit-scrollbar-thumb {
            background: #d0d8e8;
            border-radius: 4px;
        }

        .mb-desc {
            font-size: 14px;
            color: #556677;
            line-height: 1.7;
            margin-bottom: 18px;
            padding: 12px 16px;
            background: #f7f9fd;
            border-radius: 10px;
            border-left: 4px solid #6696FF;
        }

        .mb-form .form-group {
            margin-bottom: 14px;
        }
        .mb-form .form-group label {
            display: block;
            font-size: 13px;
            font-weight: 500;
            color: #334455;
            margin-bottom: 4px;
        }
        .mb-form .form-group label .required {
            color: #e74c5e;
            margin-left: 2px;
        }

        .mb-form .form-control {
            width: 100%;
            padding: 10px 14px;
            font-size: 14px;
            border: 1.5px solid #e2e7ef;
            border-radius: 10px;
            outline: none;
            transition: border-color 0.25s, box-shadow 0.25s;
            background: #fafcff;
            font-family: inherit;
            color: #1a2332;
        }
        .mb-form .form-control:focus {
            border-color: #6696FF;
            box-shadow: 0 0 0 3px rgba(102, 150, 255, 0.15);
            background: #fff;
        }
        .mb-form .form-control::placeholder {
            color: #b0bed0;
        }
        .mb-form textarea.form-control {
            resize: vertical;
            min-height: 68px;
            max-height: 130px;
            line-height: 1.6;
        }

        .mb-form .form-control.is-error {
            border-color: #e74c5e;
            box-shadow: 0 0 0 3px rgba(231, 76, 94, 0.12);
            background: #fff8f8;
        }
        .mb-form .error-msg {
            font-size: 12px;
            color: #e74c5e;
            margin-top: 3px;
            display: none;
        }
        .mb-form .form-group.has-error .error-msg {
            display: block;
        }

        .mb-form .submit-row {
            margin-top: 20px;
        }
        .mb-form .btn-submit {
            width: 100%;
            padding: 12px 0;
            background: linear-gradient(135deg, #6696FF, #4A7CF7);
            color: #fff;
            border: none;
            border-radius: 11px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: opacity 0.25s, transform 0.2s, box-shadow 0.25s;
            box-shadow: 0 4px 14px rgba(102, 150, 255, 0.30);
            letter-spacing: 0.5px;
        }
        .mb-form .btn-submit:hover {
            opacity: 0.92;
            box-shadow: 0 6px 20px rgba(102, 150, 255, 0.42);
        }
        .mb-form .btn-submit:active {
            transform: scale(0.98);
        }
        .mb-form .btn-submit:disabled {
            opacity: 0.6;
            cursor: not-allowed;
            transform: none;
        }

        /* ----- 提交成功结果 ----- */
        .mb-result {
            display: none;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 46px 20px 54px 20px;
            text-align: center;
        }
        .mb-result .result-icon {
            width: 66px;
            height: 66px;
            border-radius: 50%;
            background: #e8f5e9;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 34px;
            margin-bottom: 16px;
            color: #2ecc71;
        }
        .mb-result .result-title {
            font-size: 21px;
            font-weight: 600;
            color: #1a2332;
            margin-bottom: 6px;
        }
        .mb-result .result-content {
            font-size: 15px;
            color: #667788;
            margin-bottom: 24px;
        }
        .mb-result .result-close {
            padding: 8px 34px;
            border-radius: 20px;
            border: 1.5px solid #dce3ec;
            background: #fff;
            color: #445566;
            font-size: 14px;
            cursor: pointer;
            transition: background 0.2s, border-color 0.2s;
        }
        .mb-result .result-close:hover {
            background: #f5f8ff;
            border-color: #6696FF;
            color: #4A7CF7;
        }

        /* ----- 最小化标签条 ----- */
        .minimized-tab {
            position: fixed;
            right: 36px;
            bottom: 104px;
            z-index: 9997;
            background: #ffffff;
            border-radius: 14px;
            box-shadow: 0 6px 24px rgba(0, 20, 60, 0.14);
            padding: 12px 22px;
            display: none;
            align-items: center;
            gap: 12px;
            cursor: pointer;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
            user-select: none;
            border: 1px solid #edf2fa;
        }
        .minimized-tab:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 32px rgba(0, 20, 60, 0.20);
        }
        .minimized-tab .tab-icon {
            font-size: 20px;
            line-height: 1;
        }
        .minimized-tab .tab-text {
            font-size: 14px;
            font-weight: 500;
            color: #1a2332;
        }
        .minimized-tab .tab-hint {
            font-size: 12px;
            color: #99aabb;
            margin-left: 4px;
        }
        .minimized-tab .tab-expand {
            margin-left: auto;
            font-size: 18px;
            color: #6696FF;
            font-weight: 300;
            line-height: 1;
        }

        /* ----- 响应式适配 ----- */
        @media (max-width: 520px) {
            .message-board {
                width: calc(100% - 24px);
                max-height: 75vh;
                right: 12px;
                left: 12px !important;
                bottom: 84px !important;
                top: auto !important;
                border-radius: 14px;
            }
            .float-btn {
                right: 18px;
                bottom: 18px;
                width: 48px;
                height: 48px;
                font-size: 22px;
            }
            .minimized-tab {
                right: 12px;
                left: 12px;
                bottom: 82px;
                border-radius: 12px;
                padding: 10px 16px;
            }
            .mb-header {
                padding: 14px 16px 12px 16px;
            }
            .mb-body {
                padding: 12px 16px 18px 16px;
            }
            .page-content {
                padding: 0 6px;
            }
			
            body {
                padding: 16px;
            }
        }
    </style>

    <button class="float-btn" id="floatBtn" aria-label="打开留言">
        <span class="icon-open">💬</span>
        <span class="icon-close">✕</span>
    </button>
    <div class="message-board" id="messageBoard">
        <div class="mb-header" id="dragHandle">
            <span class="mb-title">
                请您留言                <small>我们会尽快联系您</small>
            </span>
            <div class="header-actions">
                <button class="btn-minimize" id="btnMinimize" title="最小化">─</button>
                <button class="btn-close" id="btnClose" title="关闭">✕</button>
            </div>
        </div>
        <div class="mb-body">

            <div class="mb-desc">
                如果您有烧录器、自动烧录机、芯片代烧录的需求，可以联系我们，我们将为您提供专业的一对一服务。            </div>
            <div class="mb-form" id="mbForm">
                <div class="form-group">
                    <label>留言内容 <span class="required">*</span></label>
                    <textarea class="form-control" id="fieldContent" placeholder="请在此输入留言内容，我们会尽快与您联系。" maxlength="500"></textarea>
                    <div class="error-msg"></div>
                </div>
                <div class="form-group">
                    <label>姓名 <span class="required">*</span></label>
                    <input class="form-control" id="fieldName" placeholder="请输入您的姓名" maxlength="30" autocomplete="name">
                    <div class="error-msg"></div>
                </div>
                <div class="form-group">
                    <label>邮箱 <span class="required">*</span></label>
                    <input class="form-control" id="fieldEmail" placeholder="请输入您的邮箱地址" maxlength="30" autocomplete="email">
                    <div class="error-msg"></div>
                </div>                
                <div class="form-group">
                    <label>电话 </label>
                    <input class="form-control" id="fieldPhone" placeholder="请输入您的电话号码" maxlength="30" autocomplete="tel">
                    <div class="error-msg"></div>
                </div>
                <div class="form-group">
                    <label>芯片型号 <span class="required">*</span></label>
                    <input class="form-control" id="fieldChip" placeholder="请输入芯片型号" maxlength="50">
                    <div class="error-msg"></div>
                </div>
                <div class="form-group">
                    <label>烧录器型号</label>
                    <input class="form-control" id="fieldProgrammer" placeholder="请输入烧录器型号" maxlength="50">
                </div>
                <div class="submit-row">
                    <button class="btn-submit" id="btnSubmit">提交留言</button>
                </div>
                <input type="hidden" name="__token__" value="68256a9f4d1da7a12ac8bc0351870d39" />            </div>
            <div class="mb-result" id="mbResult">
                <div class="result-icon">✓</div>
                <div class="result-title">感谢您的留言</div>
                <div class="result-content">我们会尽快联系您</div>
                <button class="result-close" id="resultClose">关闭</button>
            </div>
        </div>
    </div>
    <div class="minimized-tab" id="minimizedTab">
        <span class="tab-icon">💬</span>
        <span class="tab-text">You have a message</span>
        <span class="tab-hint">Click to expand</span>
        <span class="tab-expand">▲</span>
    </div>
    <script src="http://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js">
    </script>
    <script>
        $(function() {
            var $floatBtn = $('#floatBtn');
            var $board = $('#messageBoard');
            var $minTab = $('#minimizedTab');
            var $handle = $('#dragHandle');
            var $btnMinimize = $('#btnMinimize');
            var $btnClose = $('#btnClose');
            var $btnSubmit = $('#btnSubmit');
            var $form = $('#mbForm');
            var $result = $('#mbResult');
            var $resultClose = $('#resultClose');

            // 表单字段
            var $fieldContent = $('#fieldContent');
            var $fieldName = $('#fieldName');
            var $fieldPhone = $('#fieldPhone');
            var $fieldEmail = $('#fieldEmail');
            var $fieldChip = $('#fieldChip');
            var $fieldProgrammer = $('#fieldProgrammer');

            var requiredFields = [
                { el: $fieldContent, name: '留言内容' },
                { el: $fieldName, name: '姓名' },
                // { el: $fieldPhone, name: '电话' },
                { el: $fieldEmail, name: '邮箱' },
                { el: $fieldChip, name: '芯片型号' }
            ];

            // ---------- 状态 ----------
            var state = {
                isOpen: false,
                isMinimized: false,
                isSubmitted: false,
                isDragging: false
            };

            // ---------- 工具函数 ----------
            function openBoard() {
                if (state.isSubmitted) {
                    resetToForm();
                }
                state.isOpen = true;
                state.isMinimized = false;
                $board.addClass('is-open');
                $minTab.hide();
                $floatBtn.addClass('is-active');
            }

            function closeBoard() {
                state.isOpen = false;
                state.isMinimized = false;
                $board.removeClass('is-open');
                $minTab.hide();
                $floatBtn.removeClass('is-active');
                if (state.isSubmitted) {
                    resetToForm();
                }
            }

            function minimizeBoard() {
                if (!state.isOpen) return;
                state.isMinimized = true;
                state.isOpen = false;
                $board.removeClass('is-open');
                $minTab.show();
                $floatBtn.removeClass('is-active');
            }

            function expandFromMinimized() {
                if (!state.isMinimized) return;
                state.isMinimized = false;
                state.isOpen = true;
                $board.addClass('is-open');
                $minTab.hide();
                $floatBtn.addClass('is-active');
            }

            function resetToForm() {
                state.isSubmitted = false;
                $result.hide();
                $form.show();
                $('.form-control', $form).val('');
                $('.form-group', $form).removeClass('has-error');
                $('.form-control', $form).removeClass('is-error');
                $btnSubmit.prop('disabled', false).text('提交留言');
            }

            // ---------- 表单验证 ----------
            function validateField($field) {
                var val = $.trim($field.val());
                var $group = $field.closest('.form-group');
                
                // 基础验证：不能为空
                if (val === '') {
                    $group.addClass('has-error');
                    $field.addClass('is-error');
                    // 设置对应的错误提示
                    var $errorMsg = $group.find('.error-msg');
                    switch ($field.attr('id')) {
                        case 'fieldContent':
                            $errorMsg.text('请在此输入留言内容');
                            break;
                        case 'fieldName':
                            $errorMsg.text('请输入您的姓名');
                            break;
                        case 'fieldEmail':
                            $errorMsg.text('请输入您的邮箱地址');
                            break;
                        case 'fieldPhone': 
                            $errorMsg.text('请输入您的电话号码');
                            break;
                        case 'fieldChip': 
                            $errorMsg.text('请输入芯片型号');
                            break;
                    }
                    return false;
                }
                
                // 邮箱格式验证
                if ($field.attr('id') === 'fieldEmail') {
                    var emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
                    if (!emailPattern.test(val)) {
                        $group.addClass('has-error');
                        $field.addClass('is-error'); 
                        $group.find('.error-msg').text('邮箱格式错误');
                        return false;
                    }
                }
                
                // 验证通过
                $group.removeClass('has-error');
                $field.removeClass('is-error');
                return true;
            }

            function validateAll() {
                var allValid = true;
                $.each(requiredFields, function(idx, item) {
                    if (!validateField(item.el)) allValid = false;
                });
                return allValid;
            }

            $.each(requiredFields, function(idx, item) {
                item.el.on('blur', function() {
                    validateField($(this));
                }).on('input', function() {
                    var val = $(this).val().trim();
                    var $group = $(this).closest('.form-group');
                    if (val !== '') {
                        $group.removeClass('has-error');
                        $(this).removeClass('is-error');
                    }
                });
            });

            // ---------- 提交 ----------
            $btnSubmit.on('click', function(e) {
                e.preventDefault();
                if (!validateAll()) {
                    var $firstError = $('.form-group.has-error .form-control').first();
                    if ($firstError.length) $firstError.focus();
                    return;
                }
                $btnSubmit.prop('disabled', true).text('提交中...');

                var formData = {
                    content: $.trim($fieldContent.val()),
                    username: $.trim($fieldName.val()),
                    email: $.trim($fieldEmail.val()),
                    phone: $.trim($fieldPhone.val()),
                    device: $.trim($fieldChip.val()),
                    programmer: $.trim($fieldProgrammer.val()),
                    __token__: $('input[name="__token__"]').val()
                };
                
                submitMessageBox(formData, function(response,success) {
                    if (success) {
                        showResult();
                    } else {
                        // console.log(response);
                        layer.msg(response.msg ||'提交失败，请检查网络或稍后再试...', {icon: 2, time: 3000});
                        $btnSubmit.prop('disabled', false).text('提交留言');
                    }
                });
				

            });

            $resultClose.on('click', function() {
                closeBoard();
            });

            // ---------- 头部按钮 ----------
            $btnMinimize.on('click', function(e) {
                e.stopPropagation();
                minimizeBoard();
            });
            $btnClose.on('click', function(e) {
                e.stopPropagation();
                closeBoard();
            });

            // ---------- 浮动按钮 ----------
            $floatBtn.on('click', function() {
                if (state.isOpen) {
                    closeBoard();
                } else if (state.isMinimized) {
                    expandFromMinimized();
                } else {
                    openBoard();
                }
            });

            // ---------- 最小化标签 ----------
            $minTab.on('click', function() {
                expandFromMinimized();
            });

            // ---------- ESC 关闭 ----------
            $(document).on('keydown', function(e) {
                if (e.key === 'Escape' && state.isOpen) {
                    closeBoard();
                }
            });

            // ---------- 拖拽系统 ----------
            var dragState = {
                startX: 0,
                startY: 0,
                origLeft: 0,
                origTop: 0,
                isDragging: false
            };

            function showResult() {
                //console.log('📤 提交成功，显示结果');
                setTimeout(function() {
                    state.isSubmitted = true;
                    $form.hide();
                    $result.show();
                    $btnSubmit.prop('disabled', false).text('提交留言');
                    $('.form-control', $form).val('');
                    $('.form-group', $form).removeClass('has-error');
                    $('.form-control', $form).removeClass('is-error');
                    setTimeout(function() {
                        if (state.isOpen && state.isSubmitted) {
                            closeBoard();
                        }
                    }, 3500);
                }, 800); 
            }
            // 将面板的 right/bottom 转换为 left/top 以便拖拽
			function initPosition() {
				// 只在首次打开或未设置 left 时执行
				if (!$board[0].style.left || $board[0].style.left === 'auto') {
					var winW = window.innerWidth;
					var winH = window.innerHeight;
					var panelWidth = 390; // 面板宽度
					var panelHeight = 580; // 面板最大高度（近似）
					var left = winW - panelWidth - 20; // 距离右边缘 20px
					var top = 200;                     // 距离顶部 200px
					// 边界保护
					left = Math.max(10, Math.min(left, winW - panelWidth - 10));
					top = Math.max(10, Math.min(top, winH - panelHeight - 10));
					$board.css({
						left: left + 'px',
						top: top + 'px',
						right: 'auto',
						bottom: 'auto'
					});
				}
			}

            // 在打开面板时调用一次
            function ensurePositionInitialized() {
                if (!$board[0].style.left || $board[0].style.left === 'auto') {
                    initPosition();
                }
            }

            // 绑定拖拽事件
            function bindDrag() {
                // 鼠标事件
                $handle.on('mousedown.drag', onDragStart);
                // 触摸事件
                $handle.on('touchstart.drag', onTouchStart);
            }

            function unbindDrag() {
                $handle.off('mousedown.drag touchstart.drag');
                $(document).off('mousemove.drag mouseup.drag');
                $(document).off('touchmove.drag touchend.drag');
            }

            function onDragStart(e) {
                // 如果点击的是按钮或其子元素，不启动拖拽
                if ($(e.target).closest('.header-actions').length) return;
                e.preventDefault();
                var rect = $board[0].getBoundingClientRect();
                dragState.startX = e.clientX;
                dragState.startY = e.clientY;
                dragState.origLeft = rect.left;
                dragState.origTop = rect.top;
                dragState.isDragging = true;
                state.isDragging = true;

                $board.addClass('is-dragging');
                $('body').addClass('dragging-active');

                $(document).on('mousemove.drag', onDragMove);
                $(document).on('mouseup.drag', onDragEnd);
            }

            function onTouchStart(e) {
                var touch = e.originalEvent.touches[0];
                if ($(e.target).closest('.header-actions').length) return;
                e.preventDefault();
                var rect = $board[0].getBoundingClientRect();
                dragState.startX = touch.clientX;
                dragState.startY = touch.clientY;
                dragState.origLeft = rect.left;
                dragState.origTop = rect.top;
                dragState.isDragging = true;
                state.isDragging = true;

                $board.addClass('is-dragging');
                $('body').addClass('dragging-active');

                $(document).on('touchmove.drag', onTouchMove);
                $(document).on('touchend.drag', onDragEnd);
            }

            function onDragMove(e) {
                if (!dragState.isDragging) return;
                e.preventDefault();
                var dx = e.clientX - dragState.startX;
                var dy = e.clientY - dragState.startY;
                moveTo(dragState.origLeft + dx, dragState.origTop + dy);
            }

            function onTouchMove(e) {
                if (!dragState.isDragging) return;
                e.preventDefault();
                var touch = e.originalEvent.touches[0];
                var dx = touch.clientX - dragState.startX;
                var dy = touch.clientY - dragState.startY;
                moveTo(dragState.origLeft + dx, dragState.origTop + dy);
            }

            function onDragEnd() {
                if (!dragState.isDragging) return;
                dragState.isDragging = false;
                state.isDragging = false;
                $board.removeClass('is-dragging');
                $('body').removeClass('dragging-active');
                $(document).off('mousemove.drag mouseup.drag');
                $(document).off('touchmove.drag touchend.drag');
            }

            function moveTo(x, y) {
                var winW = window.innerWidth;
                var winH = window.innerHeight;
                var bw = $board.outerWidth();
                var bh = $board.outerHeight();
                // 边界约束
                x = Math.max(0, Math.min(x, winW - bw));
                y = Math.max(0, Math.min(y, winH - bh));
                $board.css({
                    left: x + 'px',
                    top: y + 'px',
                    right: 'auto',
                    bottom: 'auto'
                });
            }

            // 窗口大小变化时修正边界
            $(window).on('resize', function() {
                if (state.isOpen || state.isMinimized) {
                    var rect = $board[0].getBoundingClientRect();
                    var winW = window.innerWidth;
                    var winH = window.innerHeight;
                    var newLeft = rect.left;
                    var newTop = rect.top;
                    var bw = rect.width;
                    var bh = rect.height;
                    if (newLeft + bw > winW) newLeft = winW - bw;
                    if (newTop + bh > winH) newTop = winH - bh;
                    if (newLeft < 0) newLeft = 0;
                    if (newTop < 0) newTop = 0;
                    $board.css({ left: newLeft + 'px', top: newTop + 'px' });
                }
            });

            function submitMessageBox(formData, callback) {
                // console.log(formData);
                $.ajax({
                    url: '/submitmessage',
                    type: 'POST',
                    dataType: 'json',
                    data: formData,
                    success: function(response) {                     
                        // console.log('响应:',response);
                        if (response.status === 1) {
                            
                            layer.msg('提交成功', {icon: 1, time: 1500});
                            if (typeof callback === 'function') {
                                callback(response, true);;
                            }
                        } else {
                            // console.log('提交失败:', response);
                            layer.msg(response.msg, {icon: 2});
                            if (typeof callback === 'function') {
                                callback(response,false);
                            }                            
                        }
                    },
                    error: function(xhr, status, error) {
                        // console.log('提交失败:', status, error);
                        layer.msg('提交失败，请检查网络或稍后再试!!!', {icon: 2});
                        if (typeof callback === 'function') {
                            callback({msg: '提交失败，请检查网络或稍后再试!!!'}, false);
                        }                        
                    }
                });
            }

            // 初始化：绑定拖拽，打开面板时初始化位置
            bindDrag();

            // 重写 openBoard 以初始化位置
            var originalOpen = openBoard;
            openBoard = function() {
                originalOpen();
                ensurePositionInitialized();
            };

            // 初始化默认打开
            //openBoard();

            // 如果已经打开过但位置没设，再确保一下
            setTimeout(function() {
                if (state.isOpen) ensurePositionInitialized();
            }, 50);

            // console.log('✅ 留言簿已初始化（含拖拽支持）');
        }); // end ready
    </script>


<!-- footer begin -->
	<div class="footer">
		<div class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-2 col-md-2 footer-grids">
					<h3>关于西尔特</h3>
					<ul>
						<li><a href="/about.html">西尔特介绍</a></li> 
						<li><a href="/contact.html">联系我们</a></li> 
					</ul>
				</div> 				
				<div class="col-xs-12 col-sm-3 col-md-3 footer-grids">
					<h3>支持与服务</h3>
					<ul>
						<li><A  href="/faqlist.html">常见问题</A> 
						<li><A  href="/solution.html">量产解决方案</A> 
						<li><A  href="/compare.html">产品性能对比</A> 
						<li><A  href="/rent.html">编程器租赁业务</A>  
						<li><A  href="/program.html">芯片代烧业务</A>  
					</ul>
				</div>
				<div class="col-xs-12 col-sm-3 col-md-3 footer-grids">
					<h3>软件下载</h3>
					<ul>
						<li><a href="/download.html#1">编程器软件</a> </li>
						<li><a href="/download.html#2">工具软件</a></li>
						<li><a href="/download.html#3">已停产软件</a></li>
						<li><a href="/download.html#4">用户操作手册</a></li>
					</ul>  
				</div>
				<div class="col-xs-12 col-sm-4 col-md-4 footer-grids contact">
					<h3>联系我们</h3>
					<ul>
						<li><span class="glyphicon glyphicon-earphone"><span class="phone">086-25-68161233</span></span>
						<li><span class="glyphicon glyphicon-earphone"><span class="phone">086-25-68161203</span></span>
						<li><span class="glyphicon glyphicon-earphone"><span class="phone">086-25-68161226</span></span>
						<li><span class="glyphicon glyphicon-envelope"><a href="mailto:Sales02@xeltek-cn.com"> Sales02@xeltek-cn.com</a></span>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div> <!--container-->
	</div><!--footer-->
	<div class="copyw3-agile">
		<div class="container">
						<p>Copyright &copy; 1993-2026 南京西尔特电子有限公司 All rights reserved. <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">苏ICP备05011144号</a> </p>
			<p>地址:江苏省南京市江宁区秣陵街道江云路(紫金二路)1号1号楼</p>
					</div>
	</div>
<!-- footer end -->
</body>
</html>
