<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>首页</title>
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" type="text/css" media="screen" href="/module/home/css/swiper.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/module/home/css/style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/module/home/css/layer.css" />
<script type="text/javascript" src="/module/home/js/jquery.min.js"></script>
<script type="text/javascript" src="/module/home/js/swiper.min.js"></script>
<script type="text/javascript" src="/module/home/js/layer.js"></script>
<script type="text/javascript" src="/module/home/js/function.js?v=2"></script>
<style>
    .layui-layer { left: 0;}
</style>
</head>
<body>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<div class="header header-1">
    <div class="container">
        <div class="headTop">
            <div class="swiper logoSwiper logo">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><a href="/"><img src="/module/home/img/logo-2.png" /></a></div>
                    <div class="swiper-slide"><img src="/module/home/img/logo-4.png" /></div>
                </div>
            </div>

            <ul class="navbar">
                <li>
                    <a href="/about">关于三联</a>
                    <div class="erji">
                        <a href="/about#introduce">公司简介</a>
                        <!--  -->
                        <a href="/about#centre">国家工程中心</a>
                        <!--  -->
                        <a href="/about#city">智慧城市</a>
                        <!--  -->
                        <a href="/about#traffic">智慧交通</a>
                        <!--  -->
                    </div>
                </li>
                <li>
                    <a href="/solution">解决方案</a>
                    <div class="erji">
                        <a href="/solution#exam">智能驾考</a>
                        <a href="/solution#car">智慧车管</a>
                        <a href="/solution#city">智慧城市</a>
                        <a href="/solution#train">智慧驾培</a>
                    </div>
                </li>
                <li>
                    <a href="/news">新闻中心</a>
                    <div class="erji">
                        <a href="/news">公司动态</a>
                        <a href="/news/index/11">文化活动</a>
                    </div>
                </li>
                <li>
                    <a href="/service">服务中心</a>
                    <div class="erji">
                        <a href="/service#presale_service">服务专线</a>
                        <a href="/service#workspot">服务网络</a>
                    </div>
                </li>
                <li>
                    <a href="/contact">联系我们</a>
                    <div class="erji">
                        <a href="/contact#job">招贤纳士<i></i></a>
                        <a href="/contact#business">商务合作<i></i></a>
                        <a href="/contact#contact">联系方式<i></i></a>
                    </div>
                </li>
                <li>
                    <a>中文</a>
                    <div class="erji">
                        <a href="http://en.zszjd.com/">English<i></i></a>
                        <a href="http://ru.zszjd.com/">Russian<i></i></a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="header sidebar">
    <div class="container">
        <div class="headTop">
            <div class="swiper logoSwiper logo">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><a href="/"><img src="/module/home/img/logo-2.png" /></a></div>
                    <div class="swiper-slide"><img src="/module/home/img/logo-4.png" /></div>
                </div>
            </div>
            <div class="searchbar">
                <div class="search">
                    <input type="text" class="ipt" id="keyword" placeholder="请输入搜索内容"
                        onkeydown="if(event.keyCode==13) $('#btnSearch').click();" placeholder="搜索..."
                        autocomplete="off">
                    <div class="btn" id="btnSearch"
                        onclick="location.href='search.shtml?keyword=' + encodeURI($('#keyword').val());"><i
                            class="ico-search"></i></div>
                </div>
                <!-- <div class="login">
                    <a href="user_exam.shtml"><i class="ico-userhead"></i></a>
                </div> -->
            </div>
            <!-- <div class="searchico"><i class="ico-search"></i></div> -->
            <div class="menuico"><i class="ico-menu"></i></div>
        </div>
    </div>
</div>
<div class="level">
    <ul class="navbar">
        <li>
            <a href="javascript:;">关于三联</a>
            <div class="erji">
                <a href="/about#introduce">公司简介</a>
                <a href="/about#centre">国家工程中心</a>
                <!-- <a href="/about#impression">印象三联</a> -->
                <a href="/about#city">智慧城市事业部</a>
                <a href="/about#traffic">智慧交通事业部</a>
                <!-- <a href="/about#culture">企业文化</a>
                <a href="/news/videolist">企业宣传片</a>
                <a href="/about#glory">企业荣誉</a> -->
            </div>
        </li>
        <li>
            <a href="javascript:;">解决方案</a>
            <div class="erji">
                <a href="/solution#exam">智能驾考</a>
                <a href="/solution#car">智慧车管</a>
                <a href="/solution#city">智慧城市</a>
                <a href="/solution#train">智慧驾培</a>
            </div>
        </li>
        <li>
            <a href="javascript:;">新闻中心</a>
            <div class="erji">
                <a href="/news">公司动态</a>
                <a href="/news/index/11">文化活动</a>
            </div>
        </li>
        <li>
            <a href="javascript:;">服务中心</a>
            <div class="erji">
                <a href="/service#presale_service">服务专线</a>
                <a href="/service#workspot">服务网络</a>
            </div>
        </li>
        <li>
            <a href="javascript:;">联系我们</a>
            <div class="erji">
                <a href="/contact#job">招贤纳士<i></i></a>
                <a href="/contact#business">商务合作<i></i></a>
                <a href="/contact#contact">联系方式<i></i></a>
            </div>
        </li>
        <li>
            <a>中文</a>
            <div class="erji">
                <a href="http://en.zszjd.com/">English<i></i></a>
                <a href="http://ru.zszjd.com/">Russian<i></i></a>
            </div>
        </li>
    </ul>
</div>
<script>
    var logoSwiper = new Swiper(".logoSwiper", {
        autoplay: true,
        autoplay: {
            delay: 5000,
            disableOnInteraction: false,
        },
        loop: true,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        }
    });


    $('.headTop .menuico').on('click', function() {
        var _body = $("body");
        if (_body.hasClass('sidebar-open')) {
            _body.removeClass('sidebar-open');
            // $('.sidebar').css('display','block');

        } else {
            _body.addClass('sidebar-open');
            // $('.sidebar').css('display','none');
        }
    });

    $(document).ready(function() {
        $('.navbar li').hover(function() {
            // $(this).find('.erji').slideToggle();
            $(this).find('.erji').stop().slideToggle();
        });
    });

    $('.menuico').on('click', function() {
        $(this).parents('.header').find('.searchbar').removeClass('active');
    });

    $('.searchico').on('click', function() {
        $(this).parents('.header').find('.searchbar').toggleClass('active');
        $('body').removeClass('sidebar-open');
    });

    $('body').on('click', function(e) {
        if ($(e.target).hasClass('.level') || $(e.target).parents('.level').length || $(e.target).hasClass(
                '.menuico') || $(e.target).parents('.menuico').length || $(e.target).hasClass('.searchico') ||
            $(e.target).parents('.searchico').length) return;
        $('.searchbar').removeClass('active');
        $(this).removeClass('sidebar-open');
    });
</script>
<div class="row">
    <div class="col col-24">
        <div class="swiper indexSwiper">
            <div class="swiper-wrapper">
                <!--  -->
                <div class="swiper-slide"><img src="http://3g.zszjd.com/uploads/images/202209/06/144338bniao124j3wdn7yx.jpg" /><a href="">了解更多</a></div>
                <!--  -->
                <div class="swiper-slide"><img src="http://3g.zszjd.com/uploads/images/202209/06/144319soxia2yp1ibktpoy.jpg" /><a href="">了解更多</a></div>
                <!--  -->
                <div class="swiper-slide"><img src="http://3g.zszjd.com/uploads/images/202209/06/144208fc9umo2o92cfzyw3.jpg" /><a href="">了解更多</a></div>
                <!--  -->
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col col-24">
            <div class="titleA">
                解决方案
                <div class="dec">智慧交通、智慧城市整体方案解决商</div>
            </div>
            <div class="swiper solveSwiper">
                <div class="swiper-wrapper">
                    <!--  -->
                    <div class="swiper-slide">
                        <div class="titleC">
                            智慧驾考<div class="dec">驾培行业智能化转型引领者</div>
                        </div>
                        <img src="http://3g.zszjd.com/uploads/images/202209/06/1542017m7xg3by3tggenh8.jpg" />
                        <div class="info">
                            <div class="titleB">智慧驾考<div class="en">Intelligent driving test system</div></div>
                            <div class="txt">
                                <!--  -->
                                                                <a href="/solution/detail/269">社会辅助安全员行为AI监管系统</a>
                                                                <!--  -->
                                                                <a href="/solution/detail/17">机动车驾驶人科目二考试系统</a>
                                                                <!--  -->
                                                                <a href="/solution/detail/16">机动车驾驶人科目三SL2818型考试系统</a>
                                                                <!--  -->
                                                                <a href="/solution/detail/94">机动车驾驶人科目三SL2601C型考试系统</a>
                                                                <!--  -->
                                                                <!--  -->
                                                                <!--  -->
                            </div>
                            <a href="/solution" class="indexMore">查看更多</a>
                        </div>
                    </div>
                    <!--  -->
                    <div class="swiper-slide">
                        <div class="titleC">
                            智慧城市<div class="dec">城市交通管理精细化、智能化的推动者</div>
                        </div>
                        <img src="http://3g.zszjd.com/uploads/images/202209/06/154148vcmfzcnumjawc6kx.jpg" />
                        <div class="info">
                            <div class="titleB">智慧城市<div class="en">Intelligent City</div></div>
                            <div class="txt">
                                <!--  -->
                                                                <a href="/solution/detail/195">车辆非现场违法智能审核系统</a>
                                                                <!--  -->
                                                                <a href="/solution/detail/192">视频执法智能识别监管系统</a>
                                                                <!--  -->
                                                                <a href="/solution/detail/166">执法记录仪数据智能分析系统</a>
                                                                <!--  -->
                                                                <a href="/solution/detail/221">闯红灯自动抓拍系统</a>
                                                                <!--  -->
                                                                <!--  -->
                                                                <!--  -->
                            </div>
                            <a href="/solution" class="indexMore">查看更多</a>
                        </div>
                    </div>
                    <!--  -->
                    <div class="swiper-slide">
                        <div class="titleC">
                            智慧驾培<div class="dec"></div>
                        </div>
                        <img src="http://3g.zszjd.com/uploads/images/202209/06/151304i8emfs8tf5izrfiz.jpg" />
                        <div class="info">
                            <div class="titleB">智慧驾培<div class="en">Smart Driving Training</div></div>
                            <div class="txt">
                                <!--  -->
                                                                <a href="/solution/detail/263">汽车驾驶训练模拟器</a>
                                                                <!--  -->
                                                                <a href="/solution/detail/120">“有我护驾”综合管理平台</a>
                                                                <!--  -->
                                                                <a href="/solution/detail/38">机动车驾驶员计时培训系统</a>
                                                                <!--  -->
                                                                <a href="/solution/detail/39">M训通</a>
                                                                <!--  -->
                                                                <!--  -->
                                                                <!--  -->
                            </div>
                            <a href="/solution" class="indexMore">查看更多</a>
                        </div>
                    </div>
                    <!--  -->
                    <div class="swiper-slide">
                        <div class="titleC">
                            智慧车管<div class="dec"></div>
                        </div>
                        <img src="http://3g.zszjd.com/uploads/images/202209/24/225830vewrnhvwpvb2ozvi.jpeg" />
                        <div class="info">
                            <div class="titleB">智慧车管<div class="en"></div></div>
                            <div class="txt">
                                <!--  -->
                                                                <a href="/solution/detail/33">机动车安全技术检验监管智能审核系统</a>
                                                                <!--  -->
                                                                <a href="/solution/detail/32">机动车查验监管智能审核系统</a>
                                                                <!--  -->
                                                                <a href="/solution/detail/30">车辆外廓尺寸智能查验系统</a>
                                                                <!--  -->
                            </div>
                            <a href="/solution" class="indexMore">查看更多</a>
                        </div>
                    </div>
                    <!--  -->
                </div>
                <div class="swiper-pagination"></div>
                <a href="#" class="indexMore">了解更多</a>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col col-24">
        <div class="titleA">
            产品中心
            <div class="dec">一站式、全方位了解各系列产品特征</div>
        </div>
    </div>
    <div class="col col-24 product">
        <div class="container">
            <div class="swiper productSwiper mb80">
                <div class="swiper-wrapper">
                    <!--  -->
                    <div class="swiper-slide">
                        <a href="/solution/detail/269">
                            <img src="http://3g.zszjd.com/uploads/" />
                            <div class="info">
                                <div class="searchIcon"><i></i>智慧驾考</div><p>社会辅助安全员行为AI监管系统</p>
                            </div>
                        </a>
                    </div>
                    <!--  -->
                    <div class="swiper-slide">
                        <a href="/solution/detail/17">
                            <img src="http://3g.zszjd.com/uploads/images/202308/08/142957eol1zegfkc6wm1cp.jpg" />
                            <div class="info">
                                <div class="searchIcon"><i></i>智慧驾考</div><p>机动车驾驶人科目二考试系统</p>
                            </div>
                        </a>
                    </div>
                    <!--  -->
                    <div class="swiper-slide">
                        <a href="/solution/detail/16">
                            <img src="http://3g.zszjd.com/uploads/images/202308/08/140917akvfczyei6jj9ptq.jpg" />
                            <div class="info">
                                <div class="searchIcon"><i></i>智慧驾考</div><p>机动车驾驶人科目三SL2818型考试系统</p>
                            </div>
                        </a>
                    </div>
                    <!--  -->
                    <div class="swiper-slide">
                        <a href="/solution/detail/94">
                            <img src="http://3g.zszjd.com/uploads/images/202308/08/142602cufbnz8fxiugmhpk.jpg" />
                            <div class="info">
                                <div class="searchIcon"><i></i>智慧驾考</div><p>机动车驾驶人科目三SL2601C型考试系统</p>
                            </div>
                        </a>
                    </div>
                    <!--  -->
                    
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>
        <div class="bgGray"></div>
    </div>
</div>

<div class="redBlock redBlock-1">
    <div class="container">
        <div class="row require requirePc">
            <div class="col col-5"><a href="/solution">产品中心</a></div>
            <div class="col col-14 moreProduct">立即查看四大模块10多个系列产品</div>
            <div class="col col-5 tar"><a href="/solution/communicate" class="btnB">需求沟通</a></div>
        </div>
        <div class="row require requireMobile">
            <div class="col col-5"><a href="/solution">产品中心</a></div>
            <div class="col col-19 tar"><a href="/solution/communicate" class="btnB">需求沟通</a></div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col col-24">
            <div class="titleA">
                道路延伸的地方，必有三联科技
                <div class="dec">交通安全、智慧交通、智慧城市、智慧驾培、智能驾考</div>
            </div>
        </div>
    </div>
             
    <div class="swiperContainer">
        <div class="swiper leaderSwiper">
            <div class="swiper-wrapper">
                <!--  -->
                <div class="swiper-slide videoPlay" data='http://3g.zszjd.com/uploads/files/202308/07/110006ryt8b1yvwj8u5qj9.mp4' img='http://3g.zszjd.com/uploads/images/202210/07/133706jekp2dygrvpwpxa0.jpg'>
                    <img src="http://3g.zszjd.com/uploads/images/202210/07/133706jekp2dygrvpwpxa0.jpg"/>
                    <div class="text">
                        <i class="ico-video"></i><span>智慧交通<em>城市交通智能化推进者</em></span>
                    </div>
                </div>
                <!--  -->
                <div class="swiper-slide videoPlay" data='http://3g.zszjd.com/uploads/files/202307/25/102233d4946gcqdb6kmuos.mp4' img='http://3g.zszjd.com/uploads/images/202210/07/121401p0dppxo9lphdhqx8.jpg'>
                    <img src="http://3g.zszjd.com/uploads/images/202210/07/121401p0dppxo9lphdhqx8.jpg"/>
                    <div class="text">
                        <i class="ico-video"></i><span>智慧城市<em>城市交通智能化推进者</em></span>
                    </div>
                </div>
                <!--  -->
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="swiper leaderSwiperThumbs">
            <div class="swiper-wrapper">
                <!--  -->
                <div class="swiper-slide"><img src="http://3g.zszjd.com/uploads/images/202210/07/133706jekp2dygrvpwpxa0.jpg" /><span>智慧交通<em>城市交通智能化推进者</em></span></div>
                <!--  -->
                <div class="swiper-slide"><img src="http://3g.zszjd.com/uploads/images/202210/07/121401p0dppxo9lphdhqx8.jpg" /><span>智慧城市<em>城市交通智能化推进者</em></span></div>
                <!--  -->
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </div>

    <div class="row">
        <div class="col col-24">
            <div class="titleA">
                三联资讯
                <div class="dec">掌握公司要闻  关注行业热点</div>
            </div>
        </div>
    </div>
    <div class="row hotNews">
        <div class="col col-11">
            <a class="pics pics-1" href="/news/detail/514">
                <img src="http://3g.zszjd.com/uploads/images/202404/15/154409a3lyn5rn3f69lkd4.jpg">
                <span>数智驱动 聚焦车驾管|三联交通新品亮相交博会</span>
            </a>
        </div>
        <div class="col col-13">
            <ul class="list list-1">
                <!--  -->
                <li>
                    <a href="/news/detail/599">
                        <div class="title"><em class="ellipsis">诚邀莅临 | 三联交通携全新升级路考系统及数字车驾管方案赴南京交博会之约</em> [公司要闻]</div>
                        <div class="txt ellipsis subtitle"></div>
                        <div class="txt">2026-04-10</div>
                    </a>
                </li>
                <!--  -->
                <li>
                    <a href="/news/detail/598">
                        <div class="title"><em class="ellipsis">诚邀莅临丨三联交通参展AMR，联办极速挑战赛共鉴驾培科技</em> [公司要闻]</div>
                        <div class="txt ellipsis subtitle"></div>
                        <div class="txt">2026-03-31</div>
                    </a>
                </li>
                <!--  -->
                <li>
                    <a href="/news/detail/597">
                        <div class="title"><em class="ellipsis">凝心聚力创佳绩 勇毅前行启新程 三联交通隆重召开2025年度总结表彰大会</em> [行业热点]</div>
                        <div class="txt ellipsis subtitle"></div>
                        <div class="txt">2026-02-12</div>
                    </a>
                </li>
                <!--  -->
            </ul>
            <a href="/news" class="linkMore">了解更多 <i class="ico-link"></i></a>
        </div>
    </div>
    <div class="row">
        <div class="col col-24">
            <div class="titleA">
                服务中心
                <div class="dec">用热情和科技力量，携手共创美好未来</div>
            </div>
        </div>
    </div>
        <div class="row serveIndex">
        <div class="col col-12 serveImg">
            <img src="/module/home/img/serve-1.jpg">
        </div>
        <div class="col col-12 info">
            <div class="list-3">
                <div class="item">
                    <p>服务专线</p>
                    <a href="/solution/communicate">了解产品详情<br>下载产品手册及APP</a>
                </div>
                <div class="item redText">
                    <!-- <p class="font-weight">4006889707</p> -->
                    <p class="font-weight">4006889707</p>
                    <a href="javascript:;" class="redText">按1转至产品报修专线<br>按2转至客户投诉服务</a>
                </div>
            </div>
            <!-- <div class="list-3">
                <div class="item">
                    <p>售后服务</p>
                    <a href="/service#after_sales">售后服务</a><br>
                    <a href="/service#after_sales">维保说明</a>
                </div>
                <div class="item">
                    <p class="font-weight grayText"></p>
                </div>
            </div> -->
            <div class="list-3">
                <div class="item">
                    <p>服务网络</p>
                    <a href="/service#workspot">点击查看您所在区域的<br>服务网点信息</a>
                </div>
                <div class="item">
                    <!-- 全国 <b class="redText">200家</b> 服务网点 -->
                </div>
            </div>
        </div>
    </div>
</div>




<div class="footer">
    <div class="container">
        <div class="row listfooter">
            <div class="col col-18 lefter">
                <a href="/">首页</a>·
                <a href="/about">关于三联</a>·
                <a href="/solution">解决方案</a>·
                <a href="/news">新闻中心</a>·
                <a href="/service">服务中心</a>·
                <a href="/contact">联系我们</a>
            </div>
            <div class="col col-6 siteNav-3">
                <div class="title">
                    <b>友情链接</b>
                    <div class="icons">
                        <i></i>
                        <i></i>
                        <i></i>
                    </div>
                </div>
                <div class="links">
                    <ul>
                        <!--  -->
                        <li><a href="http://www.zszjd.com/" target="_blank">安徽三联交通应用技术股份有限公司</a></li>
                        <!--  -->
                        <li><a href="https://www.slu.edu.cn/" target="_blank">安徽三联学院</a></li>
                        <!--  -->
                        <li><a href="http://www.crta.org.cn/" target="_blank">中国道路运输协会</a></li>
                        <!--  -->
                        <li><a href="https://www.crsa.net/" target="_blank">中国道路交通安全协会</a></li>
                        <!--  -->
                        <li><a href="https://www.rioh.cn/" target="_blank">交通运输部公路科学研究院</a></li>
                        <!--  -->
                        <li><a href="http://www.tmri.cn/" target="_blank">公安部交通管理科学研究所</a></li>
                        <!--  -->
                        <li><a href="https://www.miit.gov.cn/" target="_blank">中华人民共和国工信部</a></li>
                        <!--  -->
                        <li><a href="https://www.most.gov.cn/index.html" target="_blank">中华人民共和国科技部</a></li>
                        <!--  -->
                        <li><a href="https://www.mps.gov.cn/" target="_blank">中华人民共和国公安部</a></li>
                        <!--  -->
                        <li><a href="https://www.mot.gov.cn/" target="_blank">中华人民共和国交通运输部</a></li>
                        <!--  -->
                        <li><a href="http://www.sanliangroup.com.cn/" target="_blank">安徽三联集团</a></li>
                        <!--  -->
                    </ul>
                </div>
            </div>
        </div>
        <div class="row address">
            <div class="col col-18">
                <p>地址：中国安徽省合肥市高新区生物医药园支路华佗巷88号</p>
                <p>邮编：230088</p>
                <p>电话：0551-65331919</p>
            </div>
            <div class="col col-3 img">
                <img src="/module/home/img/code-1.jpg">
                <p>扫码关注</p>
            </div>
            <div class="col col-3 img">
                <img src="/module/home/img/code-2.jpg">
                <p>扫码关注</p>
            </div>
        </div>
        <div class="row">
            <div class="col col-24 smallText">
                <p>安徽三联交通应用技术股份有限公司　版权所有</p>
                <p>网站备案：<a href='https://beian.miit.gov.cn/#/Integrated/index' target='_blank'>皖ICP备13014100号-1</a>　Copyright 2012-2022  All Rights Reserved </p>
            </div>
        </div>
    </div>
</div>

<div class="floatWindow">
    <div class="item">
        <i class="ico-tell"></i>
        <div class="detail num">0551-65331919</div>
    </div>
    <div class="item">
        <i class="ico-code"></i>
        <div class="detail code"><img src="/module/home/img/code-2.jpg"></div>
    </div>
    <div class="item btnGoTop"><i class="ico-top"></i></div>
</div>

<script>


$('.btnGoTop').on('click', function(){
    $('html, body').animate({ scrollTop: '0px' }, 300);
});

$('.videoPlay').on('click', function(){
  layer.open({
    type: 1,
        title: false,
        closeBtn: 0,
        btn: ['x'],
        shadeClose: true,
        skin: 'layui-layer-rim', //加上边框
        content: '<div class="video"><video poster="'+$(this).attr('img')+'" webkit-playsinline="true" playsinline="true" controls="controls"><source src="'+$(this).attr('data')+'" type="video/mp4"></video></div>'
    });
});


if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry|WebOS|Symbian|Windows Phone|Phone)/i))) {
    //显示移动端的代码
    
}else{
    //显示非移动端的代码
}

$('.level .container').mouseleave(function(){
    $('.header').removeClass('active');
    $('.level').removeClass('active');
});

$('.siteNav-3').click(function () {
    $(this).toggleClass('act');
    $('.siteNav-3 .links').stop().slideToggle();
});

var indexSwiper = new Swiper(".indexSwiper", {
    autoplay: true,
    autoplay: {
        delay: 5000,
        disableOnInteraction: false,
    },
    loop: true,
    pagination: {
        el: ".swiper-pagination",
        clickable: true,
    }
});

var solveSwiper = new Swiper(".solveSwiper", {
    // autoplay: true,
    autoplay: {
        delay: 5000,
        disableOnInteraction: false,
    },
    direction: "vertical",
    loop: true,
    pagination: {
        el: ".swiper-pagination",
        clickable: true,
    }
});

var productSwiper = new Swiper(".productSwiper", {
    // autoplay: true,
    slidesPerView: platform == 'mobile' ? 1 : 3,
    spaceBetween: 30,
    loop: true,
    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
    }
});

var leaderSwiperThumbs = new Swiper(".leaderSwiperThumbs", {
    spaceBetween: 10,
    slidesPerView: 4,
    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",

    },
    watchSlidesProgress: true,
});

var leaderSwiper = new Swiper(".leaderSwiper", {
    spaceBetween: 10,
    pagination: {
        el: ".swiper-pagination",
        type: "progressbar",
    },
    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",

    },
    thumbs: {
        swiper: leaderSwiperThumbs,
    },
});


</script>
</body>
</html>