<!DOCTYPE html>
<html>

<head>
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="X-UA-Compatible" content="IE=9">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, shrink-to-fit=no">

    <!-- 百度 -->
    <meta name="baidu-site-verification" content="code-shnZLMT891">
    <!-- 360 -->
    <meta name="360-site-verification" content="aa557c1321bf03525c6dba3e584b4fa7">
    <!-- 搜狗 -->
    <meta name="sogou_site_verification" content="jh6pp2mEZd">
    <!-- 神马 -->
    <meta name="shenma-site-verification" content="5bf2c78bf912c4c0d227c80feeeafc43_1631264125">
    <!-- 头条 -->
    <meta name="bytedance-verification-code" content="O8tzelmPO24KHATZCtmd">

    
    <title>美松MASUNG_打印机_扫描器_品牌开发_厂家价格_美松智能 | 美松科技官网</title>
    <meta name="keywords"
        content="美松热转印,美松热敏,美松二维码,美松打印机厂家报价,美松打印机定制,美松打印机品牌,美松官网,热转印打印机品牌,热敏打印机品牌,多种自助机，自助机产品联动,二维码品牌,热转印开发,热敏打印机开发,二维码开发,美松智能,美松科技">
    <meta name="description"
        content="美松MASUNG成立于2006年,致力于打造热敏票据和热转印打印机及二维码扫描器产品品牌,产品涉及嵌入式打印机与扫描器产品定制开发,POS票据打印机产品,美松档案盒打印机,无版烫金机整机开发.形成产业生态链,专为客户提供ODM/OEM整体解决方案,始终以创造市场需求产品为目标,成为全球小而美企业.">


    <link type="image/x-icon" rel="shortcut icon" href="../image/img/masung.jpg">
    <link type="text/css" rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="../css/home/layout.css">

    
    <link type="text/css" rel="stylesheet" href="/css/home/index.css">
    <link type="text/css" rel="stylesheet" href="/videojs/video-js.css">
    <link type="text/css" rel="stylesheet" href="/swiper/swiper.min.css">


    <!-- 百度 -->
    <script type="text/javascript">
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?0ce60cdbe53be8fa1f7a01ef5d25317c";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

    <!-- 360 -->
    <script>
        (function () {
            var el = document.createElement("script");
            el.src = "https://s.ssl.qhres2.com/ssl/ab77b6ea7f3fbf79.js";
            el.id = "sozz";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(el, s);
        })();
    </script>

    <!-- 头条 -->
    <script>
        (function () {
            var el = document.createElement("script");
            el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?80b9157401da8ddab350ca808ec2286cd4494f887dda9a63309feabca6f4ddd565e0a2ada1d5e86b11e7de7c1a83287d04743a02fd1ee8dd8558a8cad50e91cb354f8c6f3f78e5fd97613c481f678e6d";
            el.id = "ttzz";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(el, s);
        })(window);
    </script>

    <!--[if lt IE 9]>
        <script type="text/javascript" src="../jquery/html5shiv.min.js"></script>
        <script type="text/javascript" src="../jquery/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <!-- Top Start -->
    <!-- <div class="wrap top-wrap">
        <div class="wrap-container">
            <div class="top-content clear-float">
                <div class="content-normal">
                    <a href="http://www.npprinter.com" target="_blank"><img th:src="@{/image/img/english.png}" alt="English">English</a>
                    <a href="http://www.masung.com.cn"><img th:src="@{/image/img/chinese.png}" alt="中文简体">中文简体</a>
                </div>
                <div class="content-select">
                    <dl class="select">
                        <dt>
                            <div><img th:src="@{/image/img/chinese.png}" alt="中文简体">中文简体</div>
                        </dt>
                        <dd>
                            <ul>
                                <li><a href="http://www.npprinter.com"><img th:src="@{/image/img/english.png}" alt="English">English</a></li>
                                <li><a href="http://www.masung.com.cn"><img th:src="@{/image/img/chinese.png}" alt="中文简体">中文简体</a></li>
                            </ul>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div> -->
    <!-- Top End -->

    <!-- Header Start -->
    <div class="wrap header-wrap clear-float">
        <div class="wrap-container">
            <div class="header-content clear-float">
                <div class="logo">
                    <a href="/" rel="nofollow"><img src="../image/img/logo.png" alt="MASUNG"></a>
                </div>
                <div class="search">
                    <span class="search-btn" event-name="search"><i class="search-icon"></i></span>
                </div>
                <div class="navigation-upper"></div>
                <div class="navigation-under"></div>
                <div class="mobile-menu">
                    <div class="navbar-container">
                        <div class="navbar-content">
                            <span class="navbar-button">
                                <span class="bar-top"></span>
                                <span class="bar-middle"></span>
                                <span class="bar-bottom"></span>
                            </span>
                            <ul class="navbar-list clear-float"></ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Header End -->

    <!-- Content Start -->
    <div>
        <!-- Banner Start -->
        <div class="banner-wrap">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="https://www.masung.com.cn/video/10006">
                            <img src="/upload/image/202403081400374086.jpg" alt="美松集团智能产业园">
                        </a>
                        
                    </div>
                    <div class="swiper-slide">
                        <a href="https://www.masung.com.cn/products">
                            <img src="/upload/image/202403081020282575.jpg" alt="打印机">
                        </a>
                        
                    </div>
                    <div class="swiper-slide">
                        <a href="https://www.masung.com.cn/procate/10014">
                            <img src="/upload/image/202403081022219836.jpg" alt="扫描">
                        </a>
                        
                    </div>
                    <div class="swiper-slide">
                        <a href="https://www.masung.com.cn/procate/10023">
                            <img src="/upload/image/202403081435214394.jpg" alt="热转印">
                        </a>
                        
                    </div>
                    <div class="swiper-slide">
                        <a href="https://www.masung.com.cn/procate/10024">
                            <img src="/upload/image/202403081055467667.jpg" alt="档案机">
                        </a>
                        
                    </div>
                    <div class="swiper-slide">
                        <a href="https://www.masung.com.cn/procate/10009">
                            <img src="/upload/image/202204251110084953.jpg" alt="打印机案例">
                        </a>
                        
                    </div>
                </div>
                <div class="swiper-pagination"></div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
        <!-- <div class="banner-wrap">
            <div id="main-slide" class="carousel slide" data-ride="carousel" data-interval="3000">
                <ol class="carousel-indicators">
                    <li data-target="#main-slide" data-slide-to="0" class="active"></li>
                    <li data-target="#main-slide" data-slide-to="1" class=""></li>
                    <li data-target="#main-slide" data-slide-to="2" class=""></li>
                    <li data-target="#main-slide" data-slide-to="3" class=""></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <a href="/home/products/product/30060" target="_blank">
                            <img th:src="@{/image/2019/banner6.jpg}" alt="Banner">
                            <div class="banner-skip">
                                <span class="banner-play"></span>
                                <span class="banner-small"></span>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="/home/service/video/10001" target="_blank">
                            <img th:src="@{/image/2019/banner7.jpg}" alt="Banner">
                            <div class="banner-skip">
                                <span class="banner-play"></span>
                                <span class="banner-small"></span>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="/home/products/product/30066" target="_blank">
                            <img th:src="@{/image/2019/banner8.jpg}" alt="Banner">
                            <div class="banner-skip">
                                <span class="banner-play"></span>
                                <span class="banner-small"></span>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="/home/service/video/10000" target="_blank">
                            <img th:src="@{/image/2019/banner9.jpg}" alt="Banner">
                            <div class="banner-skip">
                                <span class="banner-play"></span>
                                <span class="banner-small"></span>
                            </div>
                        </a>
                    </div>
                </div>
                <a class="left carousel-control" rel="nofollow" href="#main-slide" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                </a>
                <a class="right carousel-control" rel="nofollow" href="#main-slide" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                </a>
            </div>
        </div> -->
        <!-- Banner End -->

        <!-- Category Start -->
        <div class="wrap cate-wrap">
            <div class="cate-container">
                <div class="wrap-container">
                    <div class="cate-content clear-float">
                        <div class="block-head">
                            <h3>产品分类</h3>
                            <div class="separator">
                                <div class="cover"></div>
                                <span><i class="icon-printer"></i></span>
                            </div>
                        </div>
                        <div class="cate-body">
                            <div class="cate-swiper">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="cate-image">
                                            <img src="/upload/image/202501131519487473.jpg" alt="桌面式收据票据便携式打印机">
                                        </div>
                                        <div class="cate-text">
                                            <div class="cate-back-box">
                                                <span class="top-left"></span>
                                                <span class="top-right"></span>
                                                <span class="bottom-left"></span>
                                                <span class="bottom-right"></span>
                                            </div>
                                            <div class="cate-title">
                                                <h3>桌面式收据票据便携式打印机</h3>
                                            </div>
                                            <div class="cate-link">
                                                <a href="/procate/10021">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="cate-image">
                                            <img src="/upload/image/202501131633475592.jpg" alt="嵌入式自助终端设备打印机">
                                        </div>
                                        <div class="cate-text">
                                            <div class="cate-back-box">
                                                <span class="top-left"></span>
                                                <span class="top-right"></span>
                                                <span class="bottom-left"></span>
                                                <span class="bottom-right"></span>
                                            </div>
                                            <div class="cate-title">
                                                <h3>嵌入式自助终端设备打印机</h3>
                                            </div>
                                            <div class="cate-link">
                                                <a href="/procate/10022">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="cate-image">
                                            <img src="/upload/image/202501141742445914.jpg" alt="面板式前维护自助打印机">
                                        </div>
                                        <div class="cate-text">
                                            <div class="cate-back-box">
                                                <span class="top-left"></span>
                                                <span class="top-right"></span>
                                                <span class="bottom-left"></span>
                                                <span class="bottom-right"></span>
                                            </div>
                                            <div class="cate-title">
                                                <h3>面板式前维护自助打印机</h3>
                                            </div>
                                            <div class="cate-link">
                                                <a href="/procate/10020">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="cate-image">
                                            <img src="/upload/image/202501171416480574.jpg" alt="热敏条码不干胶标签打印机">
                                        </div>
                                        <div class="cate-text">
                                            <div class="cate-back-box">
                                                <span class="top-left"></span>
                                                <span class="top-right"></span>
                                                <span class="bottom-left"></span>
                                                <span class="bottom-right"></span>
                                            </div>
                                            <div class="cate-title">
                                                <h3>热敏条码不干胶标签打印机</h3>
                                            </div>
                                            <div class="cate-link">
                                                <a href="/procate/10011">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="cate-image">
                                            <img src="/upload/image/202501150955395173.jpg" alt="热转印标识标牌打印机">
                                        </div>
                                        <div class="cate-text">
                                            <div class="cate-back-box">
                                                <span class="top-left"></span>
                                                <span class="top-right"></span>
                                                <span class="bottom-left"></span>
                                                <span class="bottom-right"></span>
                                            </div>
                                            <div class="cate-title">
                                                <h3>热转印标识标牌打印机</h3>
                                            </div>
                                            <div class="cate-link">
                                                <a href="/procate/10023">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="cate-image">
                                            <img src="/upload/image/202501131711224336.jpg" alt="二维码商品码卡片文字识读器">
                                        </div>
                                        <div class="cate-text">
                                            <div class="cate-back-box">
                                                <span class="top-left"></span>
                                                <span class="top-right"></span>
                                                <span class="bottom-left"></span>
                                                <span class="bottom-right"></span>
                                            </div>
                                            <div class="cate-title">
                                                <h3>二维码商品码卡片文字识读器</h3>
                                            </div>
                                            <div class="cate-link">
                                                <a href="/procate/10014">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="cate-image">
                                            <img src="/upload/image/202111272214320752.jpg" alt="美印NPrinter新零售产品">
                                        </div>
                                        <div class="cate-text">
                                            <div class="cate-back-box">
                                                <span class="top-left"></span>
                                                <span class="top-right"></span>
                                                <span class="bottom-left"></span>
                                                <span class="bottom-right"></span>
                                            </div>
                                            <div class="cate-title">
                                                <h3>美印NPrinter新零售产品</h3>
                                            </div>
                                            <div class="cate-link">
                                                <a href="/procate/10018">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="cate-image">
                                            <img src="/upload/image/202308251546379223.jpg" alt="美松达档案一体化流程系统">
                                        </div>
                                        <div class="cate-text">
                                            <div class="cate-back-box">
                                                <span class="top-left"></span>
                                                <span class="top-right"></span>
                                                <span class="bottom-left"></span>
                                                <span class="bottom-right"></span>
                                            </div>
                                            <div class="cate-title">
                                                <h3>美松达档案一体化流程系统</h3>
                                            </div>
                                            <div class="cate-link">
                                                <a href="/procate/10024">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="cate-image">
                                            <img src="/upload/image/202202191937146566.jpg" alt="美松标签档案代打印服务">
                                        </div>
                                        <div class="cate-text">
                                            <div class="cate-back-box">
                                                <span class="top-left"></span>
                                                <span class="top-right"></span>
                                                <span class="bottom-left"></span>
                                                <span class="bottom-right"></span>
                                            </div>
                                            <div class="cate-title">
                                                <h3>美松标签档案代打印服务</h3>
                                            </div>
                                            <div class="cate-link">
                                                <a href="/procate/10019">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="cate-image">
                                            <img src="/upload/image/202501171416396981.jpg" alt="热转印打印耗材">
                                        </div>
                                        <div class="cate-text">
                                            <div class="cate-back-box">
                                                <span class="top-left"></span>
                                                <span class="top-right"></span>
                                                <span class="bottom-left"></span>
                                                <span class="bottom-right"></span>
                                            </div>
                                            <div class="cate-title">
                                                <h3>热转印打印耗材</h3>
                                            </div>
                                            <div class="cate-link">
                                                <a href="/procate/10017">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="cate-image">
                                            <img src="/upload/image/202501200943280876.jpg" alt="无版烫金打印机">
                                        </div>
                                        <div class="cate-text">
                                            <div class="cate-back-box">
                                                <span class="top-left"></span>
                                                <span class="top-right"></span>
                                                <span class="bottom-left"></span>
                                                <span class="bottom-right"></span>
                                            </div>
                                            <div class="cate-title">
                                                <h3>无版烫金打印机</h3>
                                            </div>
                                            <div class="cate-link">
                                                <a href="/procate/10012">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="cate-image">
                                            <img src="/upload/image/202501171630441455.jpg" alt="档案卷宗打印机">
                                        </div>
                                        <div class="cate-text">
                                            <div class="cate-back-box">
                                                <span class="top-left"></span>
                                                <span class="top-right"></span>
                                                <span class="bottom-left"></span>
                                                <span class="bottom-right"></span>
                                            </div>
                                            <div class="cate-title">
                                                <h3>档案卷宗打印机</h3>
                                            </div>
                                            <div class="cate-link">
                                                <a href="/procate/10010">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="cate-image">
                                            <img src="/upload/image/202501200933181392.jpg" alt="定制化解决方案">
                                        </div>
                                        <div class="cate-text">
                                            <div class="cate-back-box">
                                                <span class="top-left"></span>
                                                <span class="top-right"></span>
                                                <span class="bottom-left"></span>
                                                <span class="bottom-right"></span>
                                            </div>
                                            <div class="cate-title">
                                                <h3>定制化解决方案</h3>
                                            </div>
                                            <div class="cate-link">
                                                <a href="/procate/10007">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="cate-pagination"></div>
                            <div class="cate-prev"></div>
                            <div class="cate-next"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Category End -->
        <!-- Hot Products Start -->
        <!-- <div class="wrap hot-wrap" th:if="${not #lists.isEmpty(products)}">
            <div class="hot-container">
                <div class="wrap-container">
                    <div class="hot-content clear-float">
                        <div class="block-head">
                            <h3>最新产品</h3>
                            <div class="separator">
                                <div class="cover"></div>
                                <span><i class="icon-printer"></i></span>
                            </div>
                        </div>
                        <div class="hot-body">
                            <ul>
                                <li th:each="product : ${products}">
                                    <div class="hot-grid">
                                        <a th:href="'/home/products/product/'+${product.id}">
                                            <img th:src="${product.pictureurl}" th:alt="${product.name}">
                                            <div class="caption">
                                                <span th:text="${product.name}"></span>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- Hot Products End -->

        <div class="slogan-wrap">
            <div class="slogan-container">
                <div class="slogan-content">
                    <img src="/image/img/slogan.jpg" alt="美松打印机定制开发">
                </div>
            </div>
        </div>

        <div class="wrap scheme-wrap">
            <div class="scheme-container">
                <div class="wrap-container">
                    <div class="scheme-content clear-float">
                        <div class="block-head">
                            <h3>应用行业</h3>
                            <div class="separator">
                                <div class="cover"></div>
                                <span><i class="icon-printer"></i></span>
                            </div>
                        </div>
                        <div class="scheme-body">
                            <ul>
                                <li>
                                    <div class="scheme-item">
                                        <a href="/solucate/10003">
                                            <img src="/upload/image/202011031121310756.jpg" alt="医疗行业">
                                            <div class="scheme-back"></div>
                                            <div class="scheme-text">
                                                <h3>医疗行业</h3>
                                                <p>
                                                    <span>了解更多</span>
                                                    <span class="glyphicon glyphicon-chevron-right"
                                                        aria-hidden="true"></span>
                                                </p>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="scheme-item">
                                        <a href="/solucate/10002">
                                            <img src="/upload/image/202011031122170407.jpg" alt="零售商超">
                                            <div class="scheme-back"></div>
                                            <div class="scheme-text">
                                                <h3>零售商超</h3>
                                                <p>
                                                    <span>了解更多</span>
                                                    <span class="glyphicon glyphicon-chevron-right"
                                                        aria-hidden="true"></span>
                                                </p>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="scheme-item">
                                        <a href="/solucate/10001">
                                            <img src="/upload/image/202011031121155814.jpg" alt="智能交通">
                                            <div class="scheme-back"></div>
                                            <div class="scheme-text">
                                                <h3>智能交通</h3>
                                                <p>
                                                    <span>了解更多</span>
                                                    <span class="glyphicon glyphicon-chevron-right"
                                                        aria-hidden="true"></span>
                                                </p>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="scheme-item">
                                        <a href="/solucate/10004">
                                            <img src="/upload/image/202108201454545953.jpg" alt="热转印方案">
                                            <div class="scheme-back"></div>
                                            <div class="scheme-text">
                                                <h3>热转印方案</h3>
                                                <p>
                                                    <span>了解更多</span>
                                                    <span class="glyphicon glyphicon-chevron-right"
                                                        aria-hidden="true"></span>
                                                </p>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="scheme-item">
                                        <a href="/solucate/10000">
                                            <img src="/upload/image/202011031123003905.jpg" alt="自助设备">
                                            <div class="scheme-back"></div>
                                            <div class="scheme-text">
                                                <h3>自助设备</h3>
                                                <p>
                                                    <span>了解更多</span>
                                                    <span class="glyphicon glyphicon-chevron-right"
                                                        aria-hidden="true"></span>
                                                </p>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div class="scheme-item">
                                        <a href="/solucate/10005">
                                            <img src="/upload/image/202104261057203703.jpg" alt="二维码扫描">
                                            <div class="scheme-back"></div>
                                            <div class="scheme-text">
                                                <h3>二维码扫描</h3>
                                                <p>
                                                    <span>了解更多</span>
                                                    <span class="glyphicon glyphicon-chevron-right"
                                                        aria-hidden="true"></span>
                                                </p>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Plan Start -->
        <!-- <div class="wrap plan-wrap" th:if="${not #lists.isEmpty(solutions)}">
            <div class="plan-container">
                <div class="wrap-container">
                    <div class="plan-content clear-float">
                        <div class="block-head">
                            <h3>解决方案</h3>
                            <div class="separator">
                                <div class="cover"></div>
                                <span><i class="icon-printer"></i></span>
                            </div>
                        </div>
                        <div class="plan-body">
                            <ul>
                                <li th:each="solution : ${solutions}">
                                    <div class="plan-item">
                                        <div class="plan-image">
                                            <a th:href="'/home/solutions/category/'+${solution.id}">
                                                <img th:src="${solution.pictureurl}" th:alt="${solution.name}">
                                            </a>
                                        </div>
                                        <div class="plan-text">
                                            <a th:href="'/home/solutions/category/'+${solution.id}">
                                                <h3 th:text="${solution.name}"></h3>
                                                <p><span>了解更多</span><span class="glyphicon glyphicon-chevron-right"
                                                        aria-hidden="true"></span></p>
                                            </a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- Plan End -->

        <!-- Description Start -->
        <div class="wrap brief-wrap">
            <div class="brief-container">
                <div class="wrap-container">
                    <div class="brief-content">
                        <div class="brief-word">
                            <div class="brief-draw"></div>
                            <h3>
                                <strong>MASUNG GROUP</strong>
                                <span>美松集团</span>
                            </h3>
                            <ul>
                                <li>
                                    <div class="nitem">
                                        <strong>
                                            <hr class="n8">
                                        </strong>
                                        <em>大</em>
                                        <span>集团体系</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="nitem">
                                        <strong>
                                            <hr class="n8">
                                        </strong>
                                        <em>个</em>
                                        <span>全球分销商</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="nitem">
                                        <strong>
                                            <hr class="n2">
                                        </strong>
                                        <em>个</em>
                                        <span>研发团队</span>
                                    </div>
                                </li>
                            </ul>
                            <p>深圳市美松科技有限公司创建于2006年，是一家以票据打印机为主导、围绕扫描打印主题为创新方向的多元化、智能化、定制化一站式解决方案为基础的科创型高新技术企业。美松始终秉承科技是第一生产力，自主创新是企业生存之根本，从票据打印、热转印、图像识别关键件核心技术突破开始到特种打印、扫描、整机研制，再到多技术集成与产品开发，我们不断延伸产业链条，专业、创新、诚信、服务，全面提升智能制造水平和整机交付能力，更创造价值。
美松已成为国内领先的打印扫描产品制造商与服务商，致力于提供智能设备解决方案。我们以研发为核心，依托高层次的人才团队和卓越的创新技术，彰显美松体系“产品多元化、个性定制化、服务一体化”的核心竞争力，全方位、立体式、个性化为客户服务，真正做到与客户同命运、共发展、创未来。
美松经过多年的发展与锤炼，自主产品知识产权达100%，现有发明、软著、专利上百项并持续递增，坚持以“产品为导向”，同时着力于以“市场需求为中心”导向，与客户联盟，最快的速度掌握市场动态及发展趋势，结合现状整合资源，加大项目研发，在一体化服务中彰显个性，在个性化服务中精益求精，专为客户提供ODM/OEM整体解决方案，促使我们不断向深度和多维度的发展。为客户提供更大附加价值，真正做到“您提需求，我帮您完善并高效结合”的服务理念。
因专业创新引领行业，因诚信服务而繁荣，我们不忘初心，引领行业创新驱动力；打造美松品牌与私人定制化，成为全球化小而美企业！真正的智慧不仅能明察眼前，还能预见未来。世界不断发展，我们以预见未来的智慧和卓越的创新力，让美松与世界连接，用智慧与您共赢未来！</p>
                        </div>
                        <div class="brief-video">
                            <div class="brief-video-case">
                                <div class="brief-video-btn">
                                    <img src="/upload/video/202404091051433076/202404091051433076.jpg" alt="美松宣传片">
                                    <span class="brief-video-icon"></span>
                                </div>
                            </div>
                        </div>
                        <div class="brief-feature">
                            <ul>
                                <li>
                                    <div class="item">
                                        <div class="title">
                                            <p>产品多元化</p>
                                        </div>
                                        <div class="description">
                                            <p>热敏打印机，热转印打印机，针式打印机，二维码扫描器，智能盒子一体机</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="item">
                                        <div class="title">
                                            <p>服务一体化</p>
                                        </div>
                                        <div class="description">
                                            <p>集研发、生产、销售、品控、售前售后技术支持为一体的生态化服务</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="item">
                                        <div class="title">
                                            <p>个性化开发</p>
                                        </div>
                                        <div class="description">
                                            <p>十九年的锤炼，经验和实力为您提供更优更全面的解决方案</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="item">
                                        <div class="title">
                                            <p>智能化制造</p>
                                        </div>
                                        <div class="description">
                                            <p>全产业供应链，成功研发特种行业产品，创新驱动力源源不断</p>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- <div class="wrap desc-wrap"
            th:if="${profile != null && (not #strings.isEmpty(profile.companyintro) || not #strings.isEmpty(profile.videopath))}">
            <div class="desc-container">
                <div class="wrap-container">
                    <div class="desc-content clear-float">
                        <div class="desc-left">
                            <div class="desc-video-case">
                                <div class="desc-video-btn"
                                    th:if="${profile != null && not #strings.isEmpty(profile.imagepath)}">
                                    <img th:src="${profile.imagepath}" th:alt="${profile.videoremark}">
                                    <span class="desc-video-icon"></span>
                                </div>
                            </div>
                        </div>
                        <div class="desc-right"
                            th:if="${not #strings.isEmpty(profile.companyname1) || not #strings.isEmpty(profile.companyname2) || not #strings.isEmpty(profile.companyintro)}">
                            <div class="draw-vertical"></div>
                            <div class="desc-title">
                                <h3 th:text="${profile.companyname1}"></h3>
                                <h3 th:text="${profile.companyname2}"></h3>
                            </div>
                            <div class="desc-cont">
                                <p th:text="${profile.companyintro}"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- Description End -->

        <div class="wrap news-wrap">
            <div class="news-container">
                <div class="wrap-container">
                    <div class="news-content clear-float">
                        <div class="block-head">
                            <h3>美松新闻</h3>
                            <div class="separator">
                                <div class="cover"></div>
                                <span><i class="icon-printer"></i></span>
                            </div>
                        </div>
                        <div class="news-body">
                            <ul>
                                <li class="col-1">
                                    <div class="news-item">
                                        <div class="news-timeline-icon">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                        <div class="news-timeline-content">
                                            <div class="news-detail">
                                                <div class="news-image">
                                                    <a href="/news/30176.html">
                                                        <img src="/upload/image/202410181452200457.jpg" alt="望城经开区领导再访深圳美松，深化招商引资合作">
                                                    </a>
                                                </div>
                                                <div class="news-text">
                                                    <a href="/news/30176.html">
                                                        <h3>望城经开区领导再访深圳美松，深化招商引资合作</h3>
                                                        <div class="news-date">
                                                            <span class="glyphicon glyphicon-calendar"
                                                                aria-hidden="true"></span>
                                                            <span>2024-10-18</span>
                                                        </div>
                                                        <p>   2024年10月15日，湖南望城经开区党工委委员、管委会副主任李卫锋同志，望城经开区经济合作局负责人刘虎同志，望城经开区经济合作局招商一局局长袁文斌同志及驻粤港澳大湾区招商专干成员一行，再次莅临美松集团深圳美松进行参观指导工作。这不仅是对美松集团发展的关心与支持，更是对当年成功牵线美松集团，在湖南望城区购地自建美松产业园的缘分，再次肯定与招商引资合作工作的深化。   在参观过程中，经开区领导详细了解了美松品牌的发展历程，以及围绕打印主题的美松各产业链与产品运营方面的最新进展，并与企业高层进行了深入的交流。领导们对美松集团在技术创新、市场拓展等方面取得的成绩给予了高度赞赏。他们表示，望城经济开区将继续为企业提供高效、专业、务实的服务，助力企业在内地的发展。   自2023年美松集团智能产业园在长沙落成并投产以来，真实的感受到经开区领导班子的年轻、务实、高效、服务精神，值得美松在行业内外大力宣扬！他们以其年轻的活力和创新的思维，展现了高效的工作作风和服务理念。李主任还强调，招商引资不仅仅是一个政策问题，更是服务企业、促进发展的重要环节。近几年来，他们的务实态度和专业能力，使得美松集团在发展过程中得到了切实的支持和帮助。正如刘局长当初对美松的承诺一样：望城经开区一如继往地积极为我们企业提供最优质服务，推动政企的高质量发展。   美松集团董事长陈斌先生也表示：“我们非常感谢望城经开区各位领导的关心和指导。正是因为有了这样的高效服务，我们才能在竞争激烈的市场中不断提升自身的综合实力。未来，我们将继续与望城经开区携手共进，共同推动产业园的建设与发展，发挥好美松的海外资源，用实际行动落实好招商引进外资的政策”。   此次来访参观，不仅加深了政府与企业之间的联系，也为未来更多的合作奠定了更坚实的基础。美松集团将以此次指导为契机，进一步提升自身的管理与服务水平，为望城经开发区的发展贡献更大的力量，谱写更加辉煌的篇章！</p>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="col-2">
                                    <div class="news-item">
                                        <div class="news-timeline-icon">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                        <div class="news-timeline-content">
                                            <div class="news-detail">
                                                <div class="news-image">
                                                    <a href="/news/30175.html">
                                                        <img src="/upload/image/202410100944168238.jpg" alt="美松深圳业务会议，提升业务团队效能">
                                                    </a>
                                                </div>
                                                <div class="news-text">
                                                    <a href="/news/30175.html">
                                                        <h3>美松深圳业务会议，提升业务团队效能</h3>
                                                        <div class="news-date">
                                                            <span class="glyphicon glyphicon-calendar"
                                                                aria-hidden="true"></span>
                                                            <span>2024-10-10</span>
                                                        </div>
                                                        <p>

































































































































































































































































    假期归来，在新的第四工作季度的第一天，2024年10月8日美松深圳公司就召集销售一部的业务同事召开会议，旨在提升业务团队的整体效能和竞争力。    会议一开始，陈董事长就目前业务流程进行梳理并简化流程，着重强调深圳市美松智能设备有限公司要发挥好对外窗口的职能，所有的生产任务都由精英团队打造的美松集团长沙美松来承接，发挥好深圳和长沙团队及地理优势，各自分工明确，简化流程，提升协作效率和市场响应速度，服务好每一个客户，从而在竞争激烈的市场环境中保持优势！管理层每天也会通过美松ERP系统查看每个动态，保障客户的每一个诉求得到回应。    本次会议除了讨论公司未来的发展方向外，还着重提到我们内部管理机制的优化，要通过实施优胜劣汰的业务淘汰制度，旨在为有能力并愿意挑战自我的员工创造更多机会，同时优化团队结构，淘汰一部分表现平平的员工。公司希望销售部门内部末位淘汰制度，也会从多个维度来考核员工，包括但不限于销售额、回款情况、还有团队意识等等，能更好的激励员工发挥潜力，推动整体业务的发展。同时，会议中提到的业务流程梳理和独立销售思维的要求，也表明了公司对销售团队专业能力及销售人员自身的业务素质的重视。    大家都知道企业的竞争力源自于高效的团队与卓越的个人能力。为此，深圳美松将在接下来的工作中，着重推进内部竞争机制，激励员工不断提升自我。在优胜劣汰的政策下，公司将设定明确的业绩标准，以确保每位员工都能在既定的目标下追求卓越。    美松自成立以来始终坚持以人为本的管理理念，未来将加大对员工的培训与支持力度，以使每位团队成员能够适应新的业务要求和市场挑战。我们相信，通过这一系列的措施，深圳美松定将迎来更加辉煌的发展篇章。我们也欢迎更多的优秀精英加入，项目咨询请联系：市场部18033404070、应聘咨询请联系：人事部13302436497。    美松品牌创建于2006年，美松集团由8家子公司，2个研发团队组成。美松是一家以票据打印机及扫描为核心的多元化、智能化、定制化一站式解决方案为基础的中国科创型高新技术企业，涉及智能自助终端、新零售、新政务、工业自动化四大领域。以“专业、创新、诚信、服务”的企业价值观为全球客户服务的集团化公司。目前拥有320多名在职员工，其中核心研发人员超80人。美松集团坐落于广东深圳和湖南长沙。拥有办公面积4千平米，生产面积4万平米。美松以研发为核心，依托高层次的人才团队和卓越的创新技术，从钣金、贴片、组装、测试、老化全产业链研发生产产品。自主产品知识产权达100%，现有发明、软著、专利二百多项并持续递增，拥有ISO体系，产品通过了CCC、节能、CE、ROHS、FCC、UL等认证，专为客户提供ODM/OEM整体解决方案。美松产品遍布全球，被广泛应用于医疗、交通、政务、户外标识、电力电网、金融、扫码支付、便民终端、影院、自助收银、商超等扫描打印领域。美松集团诚招并欢迎全球代理商和经销商来华参观、实现合作共赢。</p>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="col-1">
                                    <div class="news-item">
                                        <div class="news-timeline-icon">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                        <div class="news-timeline-content">
                                            <div class="news-detail">
                                                <div class="news-image">
                                                    <a href="/news/30174.html">
                                                        <img src="/upload/image/202409260919061332.jpg" alt="长沙美松会议">
                                                    </a>
                                                </div>
                                                <div class="news-text">
                                                    <a href="/news/30174.html">
                                                        <h3>长沙美松会议</h3>
                                                        <div class="news-date">
                                                            <span class="glyphicon glyphicon-calendar"
                                                                aria-hidden="true"></span>
                                                            <span>2024-09-26</span>
                                                        </div>
                                                        <p>   2024年9月25日下午临近下班时间，长沙美松召集各部门及生产骨干人员，在研发大楼五楼休息区举行临时会议，董事长陈斌先生亲自主持并在会议中传达重要的信息，强调了全员营销的时代已经到来。在这样的环境下，企业需要每位员工积极参与，改变过去的产品思维，人人要有营销思维。无论前端的售前技术服务部门，还是售后服务部门，甚至生产组装线上的操作人员，都能用积极的营销思维投入到美松事业当中来 。真正做到主动发现和解决问题，而不是仅仅依赖于少数人来推动变化。   企业要稳步发展，我们就要让制造问题的人让位；让发现问题的人监督；让报怨问题的人下马；让解决问题的人高升；让拖延问题的人离开！深圳美松采取的是“去领导化”的管理模式，而长沙美松恰恰是相反，必须领导式的管理模式。美松的平台对于每个人来说都是一样的，但是确有因人而异产生不同的结果导向。希望每个美松人都能更好的落实与执行：   1.主动性：每位员工都应当主动发现问题，而不是等待问题出现后再去处理。培养这种主动性，也有助于美松在未来的竞争中保持优势。   2.解决问题的能力：不仅要发现问题，更要有能力去解决问题。这需要不断学习和提升个人技能。   3.团队合作：在全员营销的时代，团队协作显得尤为重要。每个人的努力都能为团队的成功贡献力量。   4.态度与坚持：积极的态度和坚持不懈的努力是成功的关键。面对困难和挑战时，保持乐观和韧性非常重要。   5.自我学习：鼓励员工不断学习新知识和技能，以适应快速变化的市场环境，提升竞争力。   6.明确目标与结果：每个人都应当明确自己的目标，通过设定可量化的结果，并为之努力实现这些目标。   会议的最后，长沙美松总经理黄尤川也上台表示并希望大家能够积极响应董事长的号召，边做边思考，不断地求新求变！也只有通过大家为美松的未来持续努力，积极向上，美松才可以更好地应对市场挑战，实现可持续发展！</p>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="col-2">
                                    <div class="news-item">
                                        <div class="news-timeline-icon">
                                            <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                                        </div>
                                        <div class="news-timeline-content">
                                            <div class="news-detail">
                                                <div class="news-image">
                                                    <a href="/news/30173.html">
                                                        <img src="/upload/image/202409241700473565.jpg" alt="美松的产品力">
                                                    </a>
                                                </div>
                                                <div class="news-text">
                                                    <a href="/news/30173.html">
                                                        <h3>美松的产品力</h3>
                                                        <div class="news-date">
                                                            <span class="glyphicon glyphicon-calendar"
                                                                aria-hidden="true"></span>
                                                            <span>2024-09-24</span>
                                                        </div>
                                                        <p>    如果大家一直都有在关注美松的资讯，那么相信一定有了解到美松的战略方针，美松的商业模式，美松的规模实力，如果没有的话可以关注了解（微信公众号kjmasung，市场调研电话18033404070，美松官网www.masung.com.cn）    在今天我们就来聊以下美松的产品力。美松除了规模硬实力在增加，同时软实力产品力都在不断的优化，同时不断地提升技术力量,以精立业，满足客户需要；用前沿的研发实力，不断创新，以客户需求为导向；以质取胜，做可靠产品；以诚相待，为全球客户提供优质服务。从多行业的定制化服务，到产品的升级优化，美松的产品力量展现在多个行业。    只要您提需求，我们都能满足，看这个简单的停车场需求：当用户进入公共车场停车后-来到自助设备打印停车票-扫描车票条码数据-上传-用户shopping结束-自助设备处插入车票-扫描比对数据并上传-回收停车票，指令即完成。美松用一套完整的流程帮用户解决所有需求并开发定制一款“独一无二”的打印扫描回收一体机MS-EP802-II。    美松自成立至今已有18年历史，自2006年以来，坚持以打印、扫描为主题并开创新方向的多元化、智能化、定制化的解决方案，基于美松自身的研发技术优势和需求，自主研发创新创造，对外也在延伸美松上下游产业链条，建立完善ISO体系，让可靠的产品用CCC、CE、ROHS、UL等认证进行加持，增加美松的软、硬实力 。每年递增获得各项发明、专利，确保美松的研发实力持续上升，为全球客户创造更多价值，提供更高品质的服务，从而实现共赢！    美松的产品涵盖各行各业无论是自助终端方案、档案管理智慧方案、还是工业自动化方案、新零售解决方案，都是美松缺一不可的产品力。除此之外，美松的产品定制能力也是美松发展的主要动力。   负责过国家电力解决方案的美松德恒总经理就酒后吐真言：只有你想不到的，就没有美松造不出来的产品。虽然是一句玩笑话，但也恰恰是美松人的底气，是美松的研发实力给的“吹牛”勇气。定制开发是美松的特色之一，也吸引着越来越多个性化、多元化、智能化的用户来到美松集团本部与厂部了解美松的产品，让定制随心所欲无处不在！更多的消息可以关注我们的公众号</p>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="news-look-more">
                            <a href="/newslist">查看更多</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- News Start -->
        <!-- <div class="wrap news-wrap" th:if="${not #lists.isEmpty(newslist)}">
            <div class="news-container">
                <div class="wrap-container">
                    <div class="news-content clear-float">
                        <div class="block-head">
                            <h3>美松新闻</h3>
                            <div class="separator">
                                <div class="cover"></div>
                                <span><i class="icon-printer"></i></span>
                            </div>
                        </div>
                        <div class="news-body">
                            <ul>
                                <li th:each="news,newsStat : ${newslist}" th:class="${(newsStat.first || newsStat.last) ? 'col-2' : 'col-1'}">
                                <li class="col-1" th:each="news : ${newslist}">
                                    <div class="news-item">
                                        <div class="news-image">
                                            <a th:href="'/home/newslist/news/'+${news.id}">
                                                <img th:src="${news.pictureurl}" th:alt="${news.subject}">
                                            </a>
                                        </div>
                                        <div class="news-detail">
                                            <div class="news-text">
                                                <a th:href="'/home/newslist/news/'+${news.id}"
                                                    th:text="${news.subject}"></a>
                                                <p th:text="${news.puretext}"></p>
                                            </div>
                                            <div class="news-other">
                                                <div class="news-date"><span class="glyphicon glyphicon-calendar"
                                                        aria-hidden="true"></span><span th:text="${#dates.format(news.releasetime, 'yyyy-MM-dd')}"></span>
                                                </div>
                                                <div class="news-more">
                                                    <a th:href="'/home/newslist/news/'+${news.id}"><span>阅读全文</span><span
                                                            class="glyphicon glyphicon-chevron-right"
                                                            aria-hidden="true"></span></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="news-look-more">
                            <a href="/home/newslist">查看更多</a>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- News End -->
    </div>
    <!-- Content End -->

    <!-- Footer Start -->
    <div class="wrap footer-wrap">
        <div class="wrap-container">
            <div class="footer-content clear-float">
                <div class="footer-grid">
                    <div class="footer-title">
                        <h3>联系我们</h3>
                    </div>
                    <div class="footer-body footer-icon">
                        <p>
                            <i><img src="../image/img/site.png" alt="#"></i>
                            <span>深圳市龙华区观澜街道科技创新中心（观澜湖）11栋7楼</span>
                        </p>
                        <p>
                            <i><img src="../image/img/phone.png" alt="#"></i>
                            <span>0755-28895103   18033404070</span>
                        </p>
                        <p>
                            <i><img src="../image/img/mail.png" alt="#"></i>
                            <span>lixy@masung.com.cn</span>
                        </p>

                        <p>
                            <a href="https://exmail.qq.com/login" target="_blank">
                                <span>企业内部员工邮箱登录</span>
                            </a>
                        </p> 					
                        <p>						
							<a href="https://mall.jd.com/index-11926601.html" rel="nofollow"><img src="../image/img/JDQrcode.png" width="150px" height="150px"></a>    
                        </p>	             
						</div>
                </div>
                <div class="footer-grid">
                    <div class="footer-title">
                        <h3>服务与支持</h3>
                    </div>
                    <div class="footer-body">
                        <ul></ul>
                    </div>
                </div>
                <div class="footer-grid">
                    <div class="footer-title">
                        <h3>问题与建议</h3>
                    </div>
                    <div class="footer-body">
                        <div class="footer-form">
                            <form class="message-form">
                                <div class="message-item">
                                    <input class="message-input" type="text" name="m_phone" event-name="phone"
                                        placeholder="您的电话(必填)" autocomplete="off">
                                    <span></span>
                                </div>
                                <div class="message-item">
                                    <input class="message-input" type="text" name="m_email" event-name="email"
                                        placeholder="您的邮箱(必填)" autocomplete="off">
                                    <span></span>
                                </div>
                                <div class="message-item">
                                    <textarea class="message-textarea" name="m_content" placeholder="您的问题或建议(必填)"
                                        autocomplete="off"></textarea>
                                    <span></span>
                                </div>
                                <p class="message-tips">欢迎您提出问题以及宝贵的建议，我们会尽快与您取得联系。</p>
                                <button class="btn-send" type="button" event-name="send">发送信息</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer End -->

    <!-- Chain Start >
    <div class="wrap chain-wrap">
        <div class="wrap-container">
            <div class="chain-content clear-float">
                <div class="chain-title">
                    <h3>友情链接</h3>
                </div>
                <div class="chain-body">
                    <ul>
                        <li>
                            <a href="https://eurocoincomponents.com/thermal-roll-printers/" target="_blank">
                                <span>Eurocoin Components</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <Chain End -->

    <!-- Bottom Start -->
    <div class="wrap bottom-wrap">
        <div class="wrap-container">
            <div class="bottom-content clear-float">
                <p>Copyright &copy; 2012 - 2024 深圳市美松科技有限公司 版权所有</p>
                <a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030902002015" target="_blank"
                    rel="nofollow">
                    <img src="../image/img/gongan.png" alt="粤公网安备">
                    <span>粤公网安备44030902002015号</span>
                </a>
                <!--a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">粤ICP备09193013号</a-->
				<a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备09193013号-2</a>
            </div>
        </div>
    </div>
    <!-- Bottom End -->

    <div class="back-top">
        <div>
            <img src="../image/img/top.png" alt="TOP">
        </div>
    </div>

    <div class="online-option">
        <div class="online-cont">
            <div class="online-item">
                <div class="online-item-left">
                    <span><i class="online-icon icon-msg"></i></span>
                    <p>销售咨询</p>
                </div>
                <div class="online-item-rigth">
                    <div class="online-border">
                        <p>QQ：375634695</p>
                        <a target="_blank" rel="nofollow"
                            href="http://wpa.qq.com/msgrd?v=3&uin=375634695&site=MASUNG&menu=yes&from=message&isappinstalled=0">点我在线咨询</a>
                    </div>
                </div>
            </div>
            <div class="online-item">
                <div class="online-item-left">
                    <span><i class="online-icon icon-msg"></i></span>
                    <p>技术咨询</p>
                </div>
                <div class="online-item-rigth">
                    <div class="online-border">
                        <p>QQ：744782088</p>
                        <a target="_blank" rel="nofollow"
                            href="http://wpa.qq.com/msgrd?v=3&uin=744782088&site=MASUNG&menu=yes&from=message&isappinstalled=0">点我在线咨询</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../jquery/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="../jquery/jquery.placeholder.min.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript">
    $(function () {
        var sign = true;
        var active = {
            init: function () {
                $(".navigation-upper").html("");
                $(".navigation-under").html("");
                $(".mobile-menu ul.navbar-list").html("");
                $("input, textarea").placeholder();

                this.bind($(".search-btn"), "click");
                this.scrollNavFixed();

                this.loadNavMenus();
                this.loadFileCategory();
                // this.languageSwitch();
            },
            bind: function (element, eventName) {
                element.off(eventName).on(eventName, function (e) {
                    e.preventDefault();
                    var filter = $(this).attr("event-name");
                    active[filter] ? active[filter].call(this, active) : "";
                });
            },
            phone: function (option) {
                var $this = $(this);
                var $span = $this.next("span");
                if ($this.val() && $this.val() != "" && $this.val().length <= 16) {
                    $span.html("");
                }
                else {
                    $span.html("请填写有效的联系电话");
                }
            },
            email: function (option) {
                var $this = $(this);
                var $span = $this.next("span");
                if (/^(\w)+(\.\w+)*@(\w)+((\.\w{2,3}){1,3})$/g.test($this.val()) && $this.val().length <= 64) {
                    $span.html("");
                }
                else {
                    $span.html("请填写有效的电子邮箱");
                }
            },
            send: function (option) {
                var $form = $(".message-form");
                var $phone = $form.find("[name='m_phone']");
                var $email = $form.find("[name='m_email']");
                var $content = $form.find("[name='m_content']");
                if (!$phone.val() || $phone.val() == "" || $phone.val().length > 16) {
                    $phone.next("span").html("请填写有效的联系电话");
                    return;
                }
                if (!/^(\w)+(\.\w+)*@(\w)+((\.\w{2,3}){1,3})$/g.test($email.val()) || $email.val().length > 64) {
                    $email.next("span").html("请填写有效的电子邮箱");
                    return;
                }
                if (!$content.val() || $content.val() == "") {
                    $content.next("span").html("请填写您的具体需求及问题");
                    return;
                }
                else {
                    $content.next("span").html("");
                }

                var data = { phone: $phone.val(), email: $email.val(), content: $content.val() };
                if (sign) {
                    sign = false;
                    $.ajax({
                        type: "post",
                        url: "/addenquiry",
                        dataType: "json",
                        contentType: "application/json",
                        cache: false,
                        async: true,
                        data: JSON.stringify(data),
                        processData: true,
                        success: function (res) {
                            if (res && res.result) {
                                $phone.val("");
                                $email.val("");
                                $content.val("");
                                $form.find(".message-tips").find("em").remove();
                                $form.find(".message-tips").prepend('<em class="message-success">提交成功！</em>');
                            }
                            else if (res.message && res.message != "") {
                                $form.find(".message-tips").html('<em class="message-failure">提交失败！</em> ' + res.message + '。');
                            }
                            else {
                                $form.find(".message-tips").html('<em class="message-failure">提交失败！</em>发生未知错误，请稍后重试。');
                            }
                            sign = true;
                        },
                        error: function (xhr, status, err) {
                            console.log(xhr.responseText);
                            sign = true;
                        }
                    });
                }
            },
            search: function (option) {
                var strHtml = '<div class="search-case">' +
                    '<div class="search-cont">' +
                    '<div class="search-area">' +
                    '<div class="search-cancel">' +
                    '<span><i class="cancel-icon"></i></span>' +
                    '</div>' +
                    '<div class="search-body">' +
                    '<form class="search-form" action="/prosearch" method="post">' +
                    '<div class="search-item">' +
                    '<input class="search-input" type="text" name="keyword" placeholder="请输入搜索关键词..." autocomplete="off">' +
                    '<span class="search-send"><i class="search-icon"></i></span>' +
                    '<p class="search-message"></p>' +
                    '</div>' +
                    '</form>' +
                    '</div>' +
                    '</div>' +
                    '<div class="search-hot">' +
                    '<h3>热门搜索</h3>' +
                    '<div class="search-keyword">' +
                    '<ul></ul>' +
                    '</div>' +
                    '</div>' +
                    '</div>' +
                    '</div>';
                var $search = $(strHtml);

                // 热门搜索
                Common.ajaxAsync("/getkeywords", JSON.stringify({}), "application/json", true, function (res) {
                    if (res.result && res.data) {
                        var $ul = $search.find(".search-keyword ul");
                        var li = '<li><a href="{0}">{1}</a></li>';
                        $.each(res.data, function (index, item) {
                            var url = "/prosearch/" + item.keyword;
                            $ul.append(Common.stringFormat(li, url, item.keyword));
                        });
                    }
                });
                // 禁止点击搜索框关闭
                $search.find(".search-cont").on("click", function (e) {
                    e.stopPropagation();
                });
                // 搜索
                $search.find(".search-send").on("click", function (e) {
                    e.stopPropagation();
                    var $form = $(".search-form");
                    var $keyword = $form.find("[name='keyword']");
                    if (!$keyword.val() || $keyword.val() == "") {
                        $keyword.nextAll(".search-message").html("请输入搜索关键词");
                        return;
                    }
                    else if ($keyword.val().length > 128) {
                        $keyword.nextAll(".search-message").html("关键字的长度超过128个字符，超出长度部分将被截断");
                    }
                    $form.submit();
                });
                // 回车事件
                $search.find(".search-input").on("keydown", function (e) {
                    if (e.keyCode == 13) {
                        e.preventDefault();
                        var $form = $(".search-form");
                        var $keyword = $form.find("[name='keyword']");
                        if (!$keyword.val() || $keyword.val() == "") {
                            $keyword.nextAll(".search-message").html("请输入搜索关键词");
                            return;
                        }
                        else if ($keyword.val().length > 128) {
                            $keyword.nextAll(".search-message").html("关键字的长度超过128个字符，超出长度部分将被截断");
                        }
                        $form.submit();
                    }
                });
                // 输入关键词
                $search.find(".search-input").on("keyup", function () {
                    var $this = $(this);
                    if ($this.val() && $this.val() != "") {
                        if ($this.val().length > 128) {
                            $this.nextAll(".search-message").html("关键字的长度超过128个字符，超出长度部分将被截断");
                        }
                        else {
                            $this.nextAll(".search-message").html("");
                        }
                    }
                    else {
                        $this.nextAll(".search-message").html("请输入搜索关键词");
                    }
                });
                // 点击遮罩层
                $search.on("click", function () {
                    var $this = $(this);
                    $this.stop(true, true).slideUp(300, function () {
                        $("body").removeClass("cover");
                        $this.remove();
                    });
                });
                // 点击关闭
                $search.find(".search-cancel").on("click", function () {
                    var $this = $(".search-case");
                    $this.stop(true, true).slideUp(300, function () {
                        $("body").removeClass("cover");
                        $this.remove();
                    });
                });
                // 隐藏 body 滚动条
                $("body").addClass("cover").append($search);
                $search.stop(true, true).slideDown(300);
            },
            // 加载服务与支持导航菜单
            loadFileCategory: function () {
                var option = this;
                Common.ajaxAsync("/getfilecates", JSON.stringify({}), "application/json", true, function (res) {
                    if (res.result && res.data) {
                        var $ul = $(".footer-body>ul");
                        if (!$ul || $ul.length <= 0) {
                            $ul = $("<ul></ul>");
                            $(".footer-body").html($ul);
                        }
                        var li = '<li><a href="{0}">{1}</a></li>';
                        for (var i = 0; i < res.data.length; i++) {
                            var item = res.data[i];
                            var url = "/servcate/" + item.id;
                            var $li = $(Common.stringFormat(li, url, item.name));
                            $ul.append($li);
                        }
                    }
                    option.loadServiceSubs();
                });
            },
            loadServiceSubs: function () {
                var option = this;
                Common.ajaxAsync("/getservicesubs", JSON.stringify({}), "application/json", true, function (res) {
                    if (res.result && res.data) {
                        var $ul = $(".footer-body>ul");
                        if (!$ul || $ul.length <= 0) {
                            $ul = $("<ul></ul>");
                            $(".footer-body").html($ul);
                        }
                        var li = '<li><a href="{0}">{1}</a></li>';
                        for (var i = 0; i < res.data.length; i++) {
                            var item = res.data[i];
                            var $li = $(Common.stringFormat(li, item.url, item.name));
                            $ul.append($li);
                        }
                    }
                });
            },
            // 加载网站导航栏菜单
            loadNavMenus: function () {
                var option = this;
                Common.ajaxAsync("/getnavs", JSON.stringify({}), "application/json", true, function (res) {
                    if (res.result && res.data) {
                        var $div = $(".navigation-upper");
                        var $ul = $("<ul></ul>");
                        var li = '<li nav-attr="{0}"><a href="{1}">{2}</a></li>';
                        var $_ul = $(".mobile-menu ul.navbar-list");
                        var _li = '<li navbar-attr="{0}"><a href="{1}">{2}</a></li>';
                        $.each(res.data, function (index, item) {
                            var $li = Common.stringFormat(li, item.id, item.url, item.name);
                            $ul.append($li);
                            var $_li = Common.stringFormat(_li, item.id, item.url, item.name);
                            $_ul.append($_li);
                        });
                        $div.append($ul);

                        option.loadBreadCrumbNavs();
                        option.loadNavMenusTo();
                    }
                });
            },
            // 加载二级导航菜单
            loadNavMenusTo: function () {
                var option = this;
                Common.ajaxAsync("/getnavsto", JSON.stringify({}), "application/json", true, function (res) {
                    if (res.result && res.data) {
                        var $div = $(".navigation-under");
                        var li = '<li><div>' +
                            '<div><a href="{0}"><img src="{1}" alt="{2}"></a></div>' +
                            '<span><a href="{3}">{4}</a></span>' +
                            '</div></li>';
                        var span = '<span nav-btn="navbar-button"></span>';
                        var _li = '<li><a href="{0}">{1}</a></li>';
                        var _ul = '<ul class="right-shift{0}"></ul>'

                        $.each(res.data, function (index, item) {
                            var $ul;
                            var $down_menu = $div.find("div[nav-attr='" + item.parentid + "']");
                            if ($down_menu && $down_menu.length > 0) {
                                $ul = $down_menu.find("ul.mode-list");
                            }
                            else {
                                var strHtml = '<div class="pull-down-menu" id="{0}" nav-attr="{1}"></div>';
                                $down_menu = $(Common.stringFormat(strHtml, item.parentid, item.parentid));
                                $ul = $('<ul class="mode-list clear-float"></ul>');
                                $down_menu.html($ul);
                                $div.append($down_menu);
                            }
                            var $li = $(Common.stringFormat(li, item.url, item.pictureurl, item.name, item.url, item.name));
                            $ul.append($li);

                            var $_ul;
                            var $mobile_menu = $(".mobile-menu ul.navbar-list").find("li[navbar-attr='" + item.parentid + "']");
                            if ($mobile_menu && $mobile_menu.length > 0) {
                                $_ul = $mobile_menu.children("ul");
                                if (!$_ul || $_ul.length <= 0) {
                                    $_ul = $(Common.stringFormat(_ul, 1));
                                    $mobile_menu.append(span);
                                    $mobile_menu.append($_ul);
                                }
                                var $_li = $(Common.stringFormat(_li, item.url, item.name));
                                $_ul.append($_li);
                            }
                        });
                    }
                    option.loadNavProduct();
                    option.loadServices();
                    option.mouseNavHover();
                    option.mobileNavClick();
                });
            },
            // 加载服务支持的导航菜单
            loadServices: function () {
                var option = this;
                Common.ajaxAsync("/getnavservice", JSON.stringify({}), "application/json", true, function (res) {
                    if (res.result && res.data) {
                        var $ul;
                        var $div = $(".navigation-under");
                        var $down_menu = $div.find("div[nav-attr='" + res.data.id + "']");
                        if ($down_menu && $down_menu.length > 0) {
                            $ul = $down_menu.find("ul.mode-list");
                        }
                        else {
                            var strHtml = '<div class="pull-down-menu" id="{0}" nav-attr="{1}"></div>';
                            $down_menu = $(Common.stringFormat(strHtml, res.data.id, res.data.id));
                            $ul = $('<ul class="mode-list clear-float"></ul>');
                            $down_menu.html($ul);
                            $div.append($down_menu);
                        }
                        var $li = $(".mobile-menu ul.navbar-list").find("li[navbar-attr='" + res.data.id + "']");
                        option.laodFileCates($ul, $li);
                    }
                });
            },
            // 加载服务支持类别信息
            laodFileCates: function ($ul, $li) {
                var option = this;
                Common.ajaxAsync("/getfilecates", JSON.stringify({}), "application/json", true, function (res) {
                    if (res.result && res.data) {
                        if (res.data.length > 0) {
                            var li = '<li><div>' +
                                '<div><a href="{0}"><img src="{1}" alt="{2}"></a></div>' +
                                '<span><a href="{3}">{4}</a></span>' +
                                '</div></li>';
                            var m_span = '<span nav-btn="navbar-button"></span>';
                            var m_li = '<li><a href="{0}">{1}</a></li>';
                            var m_ul = '<ul class="right-shift{0}"></ul>'

                            var $m_ul = $li.children("ul.right-shift1");
                            if (!$m_ul || $m_ul.length <= 0) {
                                $m_ul = $(Common.stringFormat(m_ul, 1));
                                $li.append(m_span);
                                $li.append($m_ul);
                            }
                            for (var i = res.data.length - 1; i >= 0; i--) {
                                var item = res.data[i];
                                var url = "/servcate/" + item.id;
                                var $_li = $(Common.stringFormat(li, url, item.pictureurl, item.name, url, item.name));
                                var $m_li = $(Common.stringFormat(m_li, url, item.name));
                                $ul.prepend($_li);
                                $m_ul.prepend($m_li);
                            }
                        }
                    }
                });
            },
            // 加载产品的导航菜单
            loadNavProduct: function () {
                var option = this;
                Common.ajaxAsync("/getnavpro", JSON.stringify({}), "application/json", true, function (res) {
                    if (res.result && res.data) {
                        var $ul;
                        var $div = $(".navigation-under");
                        var $down_menu = $div.find("div[nav-attr='" + res.data.id + "']");
                        if ($down_menu && $down_menu.length > 0) {
                            $ul = $down_menu.find("ul.menu-list");
                        }
                        else {
                            var strHtml = '<div class="pull-down-menu" id="{0}" nav-attr="{1}"></div>';
                            $down_menu = $(Common.stringFormat(strHtml, res.data.id, res.data.id));
                            $ul = $('<ul class="menu-list clear-float"></ul>');
                            $down_menu.html($ul);
                            $div.append($down_menu);
                        }
                        var $li = $(".mobile-menu ul.navbar-list").find("li[navbar-attr='" + res.data.id + "']");
                        option.loadProducts($ul, $li);
                    }
                });
            },
            // 加载产品分类及产品信息
            loadProducts: function ($elem_ul, $elem_li) {
                var option = this;
                Common.ajaxAsync("/getproducts", JSON.stringify({}), "application/json", true, function (res) {
                    if (res.result && res.data) {
                        if (res.data.length > 0) {
                            var li = '<li><div>' +
                                '<div><a href="{0}"><img src="{1}" alt="{2}"></a></div>' +
                                '<span><a href="{3}">{4}</a></span>' +
                                '</div></li>';
                            var ul = '<ul></ul>';
                            var span = '<span nav-btn="navbar-button"></span>';
                            var _li = '<li><a href="{0}">{1}</a></li>';
                            var _ul = '<ul class="right-shift{0}"></ul>'
                            var $_ul1 = $(Common.stringFormat(_ul, 1));
                            for (var i = 0; i < res.data.length; i++) {
                                var item = res.data[i];
                                var url = "/procate/" + item.id;
                                var $li = $(Common.stringFormat(li, url, item.pictureurl, item.name, url, item.name));
                                var $_li1 = $(Common.stringFormat(_li, url, item.name));
                                if (item.products && item.products.length > 0) {
                                    var $ul = $(ul);
                                    var $_ul2 = $(Common.stringFormat(_ul, 2));
                                    for (var j = 0; j < item.products.length; j++) {
                                        var _url = "/product/" + item.products[j].id + ".html";
                                        var $_li = $(Common.stringFormat(_li, _url, item.products[j].name));
                                        $ul.append($_li);
                                        var $_li2 = $(Common.stringFormat(_li, _url, item.products[j].name));
                                        $_ul2.append($_li2);
                                    }
                                    $li.append($ul);
                                    $_li1.append(span);
                                    $_li1.append($_ul2);
                                }
                                $elem_ul.append($li);
                                $_ul1.append($_li1);
                            }
                            $elem_li.append(span);
                            $elem_li.append($_ul1);
                        }
                    }
                });
            },
            // 导航栏鼠标移入移出
            mouseNavHover: function () {
                var nav_cache = {};
                $(document.body).on("mouseenter mouseleave", "[nav-attr]", function (event) {
                    if (event.type == "mouseenter") {
                        var $this = $(this);
                        var nav_attr = $this.attr("nav-attr");
                        clearTimeout(nav_cache[nav_attr]);
                        nav_cache[nav_attr] = setTimeout(function () {
                            $("[nav-attr]").each(function (index, elem) {
                                var $elem = $(elem);
                                $elem[nav_attr == $elem.attr("nav-attr") ? "addClass" : "removeClass"]("selected");
                            });
                            $("#" + nav_attr).stop(true, true).slideDown(200);
                        }, 200);
                    }
                    else {
                        var $this = $(this);
                        var nav_attr = $this.attr("nav-attr");
                        clearTimeout(nav_cache[nav_attr]);
                        nav_cache[nav_attr] = setTimeout(function () {
                            $("[nav-attr]").removeClass("selected");
                            $("#" + nav_attr).stop(true, true).slideUp(200);
                        }, 200);
                    }
                });
            },
            // 手机端导航栏菜单点击
            mobileNavClick: function () {
                $(document.body).on("click", ".navbar-button,[nav-btn='navbar-button']", function () {
                    var $this = $(this);
                    var $ul = $this.next("ul");
                    if ($ul.hasClass("in")) {
                        if ($this.hasClass("navbar-button")) {
                            $this.removeClass("navbar-button-close");
                        }
                        else {
                            $this.removeClass("navbar-clicked");
                        }
                        $ul.stop(true, true).slideUp(200);
                        $ul.removeClass("in");
                    }
                    else {
                        if ($this.hasClass("navbar-button")) {
                            $this.addClass("navbar-button-close");
                        }
                        else {
                            $this.addClass("navbar-clicked");
                        }
                        $ul.stop(true, true).slideDown(200);
                        $ul.addClass("in");
                    }
                });
            },
            // 手机端语言切换
            languageSwitch: function () {
                $(".select").each(function () {
                    var $this = $(this);
                    var $dt = $this.children("dt");
                    var $dd = $this.children("dd");
                    $dt.off("click").on("click", function () {
                        if ($dd.is(":hidden")) {
                            $dt.addClass("choice");
                            $dd.slideDown(200).addClass("item");
                        }
                        else {
                            $dt.removeClass("choice");
                            $dd.slideUp(200).removeClass("item");
                        }
                    });
                    $dd.find("a").off("click").on("click", function () {
                        $dt.children("div").html($(this).html());
                        $dt.removeClass("choice");
                        $dd.slideUp(200).removeClass("item");
                    });
                });
            },
            // 滚动固定导航栏
            scrollNavFixed: function () {
                $(document).on("scroll", function () {
                    var $this = $(this);
                    if ($this.scrollTop() > 40) {
                        $(".header-wrap").addClass("fixed");
                    }
                    else {
                        $(".header-wrap").removeClass("fixed");
                    }

                    if ($this.scrollTop() > 300) {
                        $(".back-top").fadeIn(300);
                    }
                    else {
                        $(".back-top").fadeOut(300);
                    }
                });
                $(".back-top").off("click").on("click", function () {
                    $("html,body").animate({
                        scrollTop: 0
                    }, 500);
                });
            },
            // PC端高亮显示当前所在路径的导航栏菜单
            loadBreadCrumbNavs: function () {
                var option = this;
                var $div = $(".bread-crumb");
                if ($div.length > 0) {
                    var pathname = window.location.pathname;
                    Common.ajaxAsync("/getbreadnavs", JSON.stringify({ currentPath: pathname }), "application/json", true, function (res) {
                        if (res.result && res.data) {
                            var a = '<a href="{0}"></a>';
                            var span = '<span>{0}</span>';
                            var home_span = '<span class="glyphicon glyphicon-home" aria-hidden="true"></span>';
                            var other_span = '<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>';
                            for (var i = res.data.length - 1; i >= 0; i--) {
                                var item = res.data[i];
                                if (i == res.data.length - 1) {
                                    var $a = $(Common.stringFormat(a, item.url));
                                    $a.append(home_span);
                                    $a.append(Common.stringFormat(span, item.name));
                                    $div.append($a);
                                }
                                else {
                                    $div.append(other_span);
                                    if (i == 0) {
                                        $div.append(Common.stringFormat(span, item.name));
                                    }
                                    else {
                                        var $a = $(Common.stringFormat(a, item.url));
                                        $a.append(Common.stringFormat(span, item.name));
                                        $div.append($a);
                                    }
                                }
                            }
                        }
                        option.loadNavStyle(res.data);
                    });
                }
                else {
                    option.loadNavStyle();
                }
            },
            loadNavStyle: function (data) {
                var $index;
                $(".navigation-upper").find("[nav-attr]").each(function (index, elem) {
                    var $this = $(elem);
                    var url = $this.children("a").attr("href");
                    if (url == "/") {
                        $index = $this;
                    }
                    else if (data) {
                        for (var i = 0; i < data.length; i++) {
                            if (data[i].url == url) {
                                $index = $this;
                                return false;
                            }
                        }
                    }
                });
                $index.addClass("clicked");
            }
        };
        active.init();
        active.bind($(".btn-send"), "click");
        active.bind($(".message-input"), "keyup");
    });
</script>

    <script type="text/javascript" src="/swiper/swiper.min.js"></script>
    <script type="text/javascript" src="/waypoints/jquery.waypoints.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var active = {
                init: function () {
                    this.initBanner();
                    this.initCate();
                    this.initCounter();
                },
                initBanner: function () {
                    var mySwiper = new Swiper('.swiper-container', {
                        direction: 'horizontal',    // 垂直切换
                        loop: true,     // 循环模式
                        speed: 500,
                        autoplay: {
                            delay: 3000,
                            stopOnLastSlide: false,
                            disableOnInteraction: false
                        },
                        // 分页器
                        pagination: {
                            el: '.swiper-pagination',
                            clickable: true
                        },
                        // 翻页按钮
                        navigation: {
                            nextEl: '.swiper-button-next',
                            prevEl: '.swiper-button-prev'
                        }
                    });
                    if (mySwiper && mySwiper.el) {
                        mySwiper.el.onmouseover = function () {
                            mySwiper.autoplay.stop();
                        }
                        mySwiper.el.onmouseout = function () {
                            mySwiper.autoplay.start();
                        }
                        $(window).resize(function () {
                            mySwiper.update();
                        });
                    }
                },
                initCate: function () {
                    var mySwiper = new Swiper('.cate-swiper', {
                        direction: 'horizontal',
                        loop: true,
                        speed: 1000,
                        loopedSlides: 5,
                        centeredSlides: true,
                        slidesPerView: 'auto',
                        watchSlidesProgress: true,
                        autoplay: {
                            delay: 3000,
                            stopOnLastSlide: false,
                            disableOnInteraction: false
                        },
                        navigation: {
                            nextEl: '.cate-next',
                            prevEl: '.cate-prev'
                        },
                        pagination: {
                            el: '.cate-pagination'
                        },
                        on: {
                            progress: function (progress) {
                                for (i = 0; i < this.slides.length; i++) {
                                    var slide = this.slides.eq(i);
                                    var slideProgress = this.slides[i].progress;
                                    modify = 1;
                                    if (Math.abs(slideProgress) > 1) {
                                        modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
                                    }
                                    translate = slideProgress * modify * 260 + 'px';
                                    scale = 1 - Math.abs(slideProgress) / 5;
                                    zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
                                    slide.transform('translateX(' + translate + ') scale(' + scale + ')');
                                    slide.css('z-index', zIndex);
                                    slide.css('opacity', 1);
                                    if (Math.abs(slideProgress) > 3) {
                                        slide.css('opacity', 0);
                                    }
                                }
                            },
                            setTransition: function (transition) {
                                for (var i = 0; i < this.slides.length; i++) {
                                    var slide = this.slides.eq(i)
                                    slide.transition(transition);
                                }
                            }
                        }
                    });
                    if (mySwiper && mySwiper.el) {
                        $(window).resize(function () {
                            mySwiper.update();
                        });
                    }
                },
                initCounter: function () {
                    // 移入该模块
                    $(".brief-word ul").waypoint(function (direction) {
                        if (direction == "down") {
                            var $this = $(this.element);
                            $this.addClass("active");
                        }
                    }, {
                        // 元素的底部碰到窗口的底部
                        offset: "bottom-in-view"
                    });
                    $(".brief-word ul").waypoint(function (direction) {
                        if (direction == "up") {
                            var $this = $(this.element);
                            $this.addClass("active");
                        }
                    }, {
                        // 元素的顶部碰到窗口的顶部
                        offset: "0%"
                    });

                    // 移出该模块
                    $(".brief-wrap").waypoint(function (direction) {
                        if (direction == "down") {
                            var $this = $(this.element);
                            $this.find(".brief-word ul").removeClass("active");
                        }
                    }, {
                        offset: function () {
                            // 元素的底部碰到窗口的顶部
                            return -this.element.clientHeight;
                        }
                    });
                    $(".brief-wrap").waypoint(function (direction) {
                        if (direction == "up") {
                            var $this = $(this.element);
                            $this.find(".brief-word ul").removeClass("active");
                        }
                    }, {
                        // 元素的顶部位于距离窗口顶部100%的位置，即窗口的底部
                        offset: "100%"
                    });
                }
            };
            active.init();
        });
    </script>
    <script type="text/javascript" src="/videojs/video.js"></script>
    <script type="text/javascript">
        $(function () {
            var active = {
                videoPlayer: undefined,
                init: function () {
                    this.loadVideo();
                },
                loadVideo: function () {
                    $(".brief-video-btn").off("click").on("click", function (e) {
                        e.preventDefault();
                        var $videocase = $(".brief-video-case");
                        $videocase.html('<video id="video-cont" class="video-js vjs-default-skin vjs-big-play-centered"><p>您的浏览器不支持视频功能！</p></video>');

                        var videopath = "\/upload\/video\/202404091051433076\/202404091051433076.m3u8";
                        var imagepath = "\/upload\/video\/202404091051433076\/202404091051433076.jpg";
                        active.video("video-cont", videopath, imagepath);

                        var player = active.videoPlayer;
                        if (player) {
                            if (active.isMobile()) {
                                setTimeout(function () { player.requestFullscreen(); }, 100);
                            }
                            setTimeout(function () { player.play(); }, 100);
                        }
                    });
                },
                video: function (id, src, img) {
                    videojs.addLanguage("zh-CN", {
                        "Play": "播放",
                        "Pause": "暂停",
                        "Replay": "重播",
                        "Play Video": "播放视频",
                        "Fullscreen": "全屏",
                        "Non-Fullscreen": "退出全屏",
                        "Mute": "静音",
                        "Unmute": "取消静音",
                        "Picture-in-Picture": "画中画",
                        "Current Time": "当前时间",
                        "Duration": "时长",
                        "Remaining Time": "剩余时间"
                    });

                    var videoPlayer = videojs(id, {
                        controls: true,     //控制按钮
                        autoplay: false,    //自动播放
                        preload: "auto",    //预加载资源，auto：自动；metadata：元数据信息，比如视频长度，尺寸等；none：不预加载任何数据，直到用户开始播放才开始下载；
                        muted: false,   //是否静音
                        loop: false,    //自动循环
                        playsinline: false,     //禁止在 iPhone safari 中自动全屏
                        fluid: true,    //自动缩放，以适合其容器
                        aspectRatio: "16:9",    //宽高比例
                        language: "zh-CN",      //语言
                        notSupportedMessage: "未正确加载视频源",    //允许覆盖 Video.js 无法播放媒体源时显示的默认消息
                        poster: img,      //在视频开始播放之前显示的图像的URL
                        sources: [{
                            src: src,    //视频源的URL
                            type: "application/x-mpegURL"
                        }],
                        controlBar: {
                            playToggle: true,   //播放
                            progressControl: true,  //进度条
                            fullscreenToggle: true,     //全屏
                            pictureInPictureToggle: false,      //画中画
                            volumePanel: {
                                inline: false    //垂直的音量条
                            },
                            currentTimeDisplay: true,   //当前时间显示
                            timeDivider: false,     //时间分割线 “/”
                            durationDisplay: true,      //总时间显示
                            remainingTimeDisplay: false,     //剩余时间显示
                            liveDisplay: true,      //直播流时，显示LIVE
                            children: [     //定义按钮的顺序
                                "playToggle",
                                "volumePanel",
                                "currentTimeDisplay",
                                "progressControl",
                                "durationDisplay",
                                "fullscreenToggle"
                            ]
                        }
                    }, function () {
                        var isFullscreen = false;
                        this.on("play", function () {
                            if (active.isMobile()) {
                                this.requestFullscreen();
                            }
                        });
                        this.on("fullscreenchange", function () {
                            if (!isFullscreen) {
                                isFullscreen = true;
                                $(".video-js .vjs-top-curtain").slideDown(600);
                            }
                            else {
                                isFullscreen = false;
                                $(".video-js .vjs-top-curtain").slideUp(600);
                            }
                        });
                    });

                    var $video = $(".video-js");
                    var $curtain = $('<div class="vjs-top-curtain"></div>');
                    var $button = $('<button class="vjs-quit-button" type="button" title="退出" aria-disabled="false"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="vjs-control-text" aria-live="polite">退出</span></button>');
                    $button.off("click").on("click", function (e) {
                        e.preventDefault();
                        if (videoPlayer.isFullscreen()) {
                            videoPlayer.exitFullscreen();
                        }
                    });
                    $curtain.html($button);
                    $video.append($curtain);
                    this.videoPlayer = videoPlayer;
                },
                isMobile: function () {
                    if (/phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone/i.test(window.navigator.userAgent)) {
                        return true;
                    }
                    return false;
                }
            };
            active.init();
        });
    </script>


</html>