<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <link rel="icon" href="images/favicon.ico" crossorigin="anonymous">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="Description"
        content="南菱汽车成立于1999年9月，是一个以汽车为主线，多品牌4S店集群及多项汽车后市场服务的提供商。南菱汽车立足广州，面向华南，走向全国，现拥有五十余家子公司及分公司，集整车销售、维修服务、零配件供应、保险理赔、二手车交易、汽车按揭、延长保修、维修连锁、汽车租赁、汽车俱乐部、公安交警驻点、汽车上牌点等多种业务于一体，拥有梅赛德斯-奔驰、捷豹路虎、一汽-大众奥迪、一汽丰田、一汽-大众、一汽马自达、上海通用凯迪拉克、通用别克、通用雪佛兰、广汽丰田、东风本田、东风日产、进口三菱、东南三菱、东南汽车、广汽三菱等品牌的一级经销代理权。">
    <title>南菱汽车股份 服务热线：400-678-0808</title>
    <link rel="stylesheet" type="text/css" href="common/bootstrap-4.6.2/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="css/base.css" crossorigin="anonymous">
    <link rel="stylesheet" href="common/bootstrap-icons-1.10.4/font/bootstrap-icons.css">
</head>

<body>
    <header id="header">
        <!-- 顶部菜单栏开始 -->
        <div class="fixed-top d-none d-lg-block header-menu-nav">
            <div class="menu-nav-list-wrapper">
                <div class="container-md">
                    <div class="row justify-content-between">
                        <div class="col-lg-2 col-md-2">
                            <div class="logo-box">
                                <img src="images/logo.png" alt="">
                            </div>
                        </div>
                        <div class="col-lg-9 col-md-10">
                            <ul class="menu-nav-list row">
                                <li class="col-md-2 cursor-pointer menu-nav-item" pathName="index">
                                    <a class="first-a" href="/">首页</a>
                                </li>
                                <li class="col-md-2 cursor-pointer menu-nav-item" pathName="about_us" secondNav="true">
                                    <div class="menu-nav-item-title">关于南菱</div>
                                </li>
                                <li class="col-md-2 cursor-pointer menu-nav-item" pathName="news,culture,honor">
                                    <a class="first-a" href="news.html">新闻资讯</a>
                                </li>
                                <li class="col-md-2 cursor-pointer menu-nav-item" pathName="network,stores,service">
                                    <a class="first-a" href="stores.html">营销网络</a>
                                    <!-- <div class="menu-nav-item-title">营销网络</div> -->
                                </li>
                                <li class="col-md-2 cursor-pointer menu-nav-item" pathName="recruit">
                                    <a class="second-a" href="recruit.html">人力资源</a>
                                </li>
                                <li class="col-md-2 cursor-pointer menu-nav-item" pathName="contact_us">
                                    <a class="first-a" href="contact_us.html">联系我们</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="second-menu-nav-list-wrapper">
                <div class="container-md">
                    <div class="row row justify-content-between">
                        <ul class="col-lg-9 col-md-10 offset-md-3 offset-lg-4 second-menu-nav-list">
                            <li class="second-menu-nav-wrapper">
                                <ul class="second-menu-nav">
                                    <li class="second-menu-nav-item">
                                        <div class="icon">
                                            <img src="images/nav-icon/icon-1.png" alt="">
                                        </div>
                                        <a class="second-a" href="about_us.html">南菱简介</a>
                                    </li>
                                    <li class="second-menu-nav-item">
                                        <div class="icon">
                                            <img src="images/nav-icon/icon-2.png" alt="">
                                        </div>
                                        <a class="second-a" href="history.html">发展史</a>
                                    </li>
                                    <li class="second-menu-nav-item">
                                        <div class="icon">
                                            <img src="images/nav-icon/icon-2.png" alt="">
                                        </div>
                                        <a class="second-a" href="culture.html">公司文化</a>
                                    </li>
                                    <li class="second-menu-nav-item">
                                        <div class="icon">
                                            <img src="images/nav-icon/icon-3.png" alt="">
                                        </div>
                                        <a class="second-a" href="honor.html">公司荣誉</a>
                                    </li>
                                </ul>
                            </li>
                            <!-- <li class="second-menu-nav-wrapper second-menu-nav-wrapper-last">
                                <ul class="second-menu-nav">
                                    <li class="second-menu-nav-item">
                                        <div class="icon">
                                            <img src="images/nav-icon/icon-4.png" alt="">
                                        </div>
                                        <a class="second-a" href="network.html">网点分布</a>
                                    </li>
                                    <li class="second-menu-nav-item">
                                        <div class="icon">
                                            <img src="images/nav-icon/icon-5.png" alt="">
                                        </div>
                                        <a class="second-a" href="stores.html">店面展示</a>
                                    </li>
                                    <li class="second-menu-nav-item">
                                        <div class="icon">
                                            <img src="images/nav-icon/icon-6.png" alt="">
                                        </div>
                                        <a class="second-a" href="service.html">服务指南</a>
                                    </li>
                                </ul>
                            </li> -->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="mobile-header-menu-wrapper d-block d-lg-none">
            <div class="fixed-top mobile-header-menu-nav">
                <div class="row justify-content-between">
                    <div class="col-md-5 col-sm-5 col-5 logo-box">
                        <img src="images/logo.png" alt="">
                    </div>
                    <div class="col-md-2 col-sm-2 col-2 icon-button">
                        <svg class="on-menu-button" xmlns="http://www.w3.org/2000/svg" width="28" height="28"
                            fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                                d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
                        </svg>
                        <svg class="off-menu-button" xmlns="http://www.w3.org/2000/svg" width="28" height="28"
                            fill="currentColor" class="bi bi-list-check" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                                d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3.854 2.146a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 3.293l1.146-1.147a.5.5 0 0 1 .708 0zm0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 7.293l1.146-1.147a.5.5 0 0 1 .708 0zm0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z" />
                        </svg>
                    </div>
                </div>
                <ul class="drop-down-menu shadow">
                    <li class="menu-nav-item">
                        <a href="/">首页</a>
                    </li>
                    <li class="menu-nav-item">
                        <div class="mobile-second-menu-nav-title cursor-pointer">关于南菱</div>
                        <ul class="mobile-second-menu-nav">
                            <li class="second-menu-nav-item">
                                <a class="second-a" href="about_us.html">公司简介</a>
                            </li>
                            <li class="second-menu-nav-item">
                                <a class="second-a" href="history.html">发展史</a>
                            </li>
                            <li class="second-menu-nav-item">
                                <a class="second-a" href="culture.html">公司文化</a>
                            </li>
                            <li class="second-menu-nav-item">
                                <a class="second-a" href="honor.html">公司荣誉</a>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-nav-item">
                        <div class="mobile-second-menu-nav-title cursor-pointer">新闻资讯</div>
                        <ul class="mobile-second-menu-nav">
                            <li class="second-menu-nav-item">
                                <a class="second-a" href="news.html">公司新闻</a>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-nav-item">
                        <div class="mobile-second-menu-nav-title cursor-pointer">营销网络</div>
                        <ul class="mobile-second-menu-nav">
                            <li class="second-menu-nav-item">
                                <a class="second-a" href="network.html">网点分布</a>
                            </li>
                            <li class="second-menu-nav-item">
                                <a class="second-a" href="stores.html">店面展示</a>
                            </li>
                            <li class="second-menu-nav-item">
                                <a class="second-a" href="service.html">服务指南</a>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-nav-item">
                        <div class="mobile-second-menu-nav-title cursor-pointer">
                            人力资源
                        </div>
                        <ul class="mobile-second-menu-nav">
                            <li class="second-menu-nav-item">
                                <a class="second-a" href="recruit.html">人才招聘</a>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-nav-item">
                        <a class="second-a" href="contact_us.html">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 顶部菜单栏结束 -->
        <script src="common/jquery/jquery-3.5.1.min.js"></script>
    </header>

    <!-- 中间内容区开始 -->
    <div id="middle-content">
        
<link rel="stylesheet" type="text/css" href="css/news.css">
<div class="banner">
    <img src="images/upload/1687151530584_00.jpeg" alt="">
</div>
<div id="news" class="container-md">
    <h5 class="title">公司新闻</h5>
    <ul class="text-content">
        
        <a href="new_detail?id=68">
            <li class="news-li" index="0">
                <div class="item-img">
                    <img src="images/upload/1768038183172_00.png" alt="">
                </div>
                <div class="item-mesg">
                    <h5 class="item-mesg-title">
                        万马奔腾 共赴致远华章！南菱汽车第二十一届英雄会圆满举行！
                    </h5>
                    <div class="text">
                        2026年1月5日，南菱汽车第二十一届英雄会暨2025年度颁奖盛典在广州W酒店举行。本届英雄会以“万马奔腾，致远华章”为主题，集团总经办领导、各职能部门、各IBU及海外小伙伴们齐聚一堂，共同回顾2025年奋斗征程，擘画2026年崭新蓝图。
                    </div>
                    <div class="date">
                        2026-1-5
                    </div>
                </div>
            </li>
        </a>
        
        <a href="new_detail?id=67">
            <li class="news-li" index="1">
                <div class="item-img">
                    <img src="images/upload/1768037657237_00.jpeg" alt="">
                </div>
                <div class="item-mesg">
                    <h5 class="item-mesg-title">
                        广东省黑龙江商会理事大会交流晚宴圆满举办，马春欣会长领航龙商共赢新未来
                    </h5>
                    <div class="text">
                        2025年12月20日，以 “龙商聚粤，共赢未来” 为主题的广东省黑龙江商会理事大会晚宴在羊城广州隆重举行。商会全体会员、龙粤两地政府领导及各界嘉宾近300人欢聚一堂，共叙桑梓情谊，共商发展大计，共谋合作新篇，为推动粤黑两地经济文化深度融合注入强劲动力。
                    </div>
                    <div class="date">
                        2025-12-20
                    </div>
                </div>
            </li>
        </a>
        
        <a href="new_detail?id=66">
            <li class="news-li" index="2">
                <div class="item-img">
                    <img src="images/upload/1768037059640_00.png" alt="">
                </div>
                <div class="item-mesg">
                    <h5 class="item-mesg-title">
                        南菱汽车签约广州国际汽车超级服务中心，共筑汽车产业新生态
                    </h5>
                    <div class="text">
                        12月14日，白云区汽车服务高质量发展大会暨广州国际汽车超级服务中心启动仪式在永平街东谷中心隆重举行。作为活动的重要参与方，南菱汽车与各方共同见证这一重要时刻，并展示其在新能源车领域的布局成果。
                    </div>
                    <div class="date">
                        2025-12.14
                    </div>
                </div>
            </li>
        </a>
        
        <a href="new_detail?id=65">
            <li class="news-li" index="3">
                <div class="item-img">
                    <img src="images/upload/1768036270782_00.png" alt="">
                </div>
                <div class="item-mesg">
                    <h5 class="item-mesg-title">
                        南菱汽车五店联动启新程，粤北市场布局再深化
                    </h5>
                    <div class="text">
                        2025年12月6日，南菱汽车在粤北市场迎来重要发展节点，旗下三家全新授权经销用户中心:鸿蒙智行授权用户中心·清远南菱汽车城、鸿蒙智行尚界用户中心·广州花都南菱汽车城、鸿蒙智行尚界用户中心·韶关韶南大道盛大开业，同时，深耕当地多年的广汽丰田清远南菱新城店、东风本田韶关南菱店完成焕新升级，以全新面貌投入运营。
                    </div>
                    <div class="date">
                        2025-12-6
                    </div>
                </div>
            </li>
        </a>
        
        <a href="new_detail?id=64">
            <li class="news-li" index="4">
                <div class="item-img">
                    <img src="images/upload/1763802094683_00.jpeg" alt="">
                </div>
                <div class="item-mesg">
                    <h5 class="item-mesg-title">
                        马来西亚车业总会莅临南菱汽车考察，共探东盟市场新机遇！
                    </h5>
                    <div class="text">
                        11月20日下午，马来西亚车业总会代表团莅临南菱汽车进行考察交流。此次交流活动由广东省汽车流通协会牵头，旨在促进中马两国汽车行业的深度合作。
                    </div>
                    <div class="date">
                        2025-11-20
                    </div>
                </div>
            </li>
        </a>
        
        <a href="new_detail?id=63">
            <li class="news-li" index="5">
                <div class="item-img">
                    <img src="images/upload/1762496063800_00.jpeg" alt="">
                </div>
                <div class="item-mesg">
                    <h5 class="item-mesg-title">
                        【喜报】南菱汽车荣获2025中国汽车流通行业“新能源转型先锋企业”称号
                    </h5>
                    <div class="text">
                        2025年11月5日，以“以质驭变 向新而生”为主题的2025中国汽车流通行业年会暨博览会在海口隆重开幕。会上，南菱汽车荣获“新能源转型先锋企业”荣誉称号。
                    </div>
                    <div class="date">
                        2025-11-5
                    </div>
                </div>
            </li>
        </a>
        
        <a href="new_detail?id=62">
            <li class="news-li" index="6">
                <div class="item-img">
                    <img src="images/upload/1762146527098_00.png" alt="">
                </div>
                <div class="item-mesg">
                    <h5 class="item-mesg-title">
                        小鹏汽车授权签约仪式在柬埔寨顺利举行，南菱汽车开启智能出行新篇
                    </h5>
                    <div class="text">
                        2025年10月18日，柬埔寨金边——NSPENG AUTOMOBILE IMPORT AND EXPORT CO., LTD.（简称NSPENG柬埔寨）举行小鹏汽车官方授权签约仪式，正式成为小鹏汽车在柬埔寨的官方独家经销商。小鹏汽车亚太区负责人张婕、南菱汽车董事长马春欣携高管团队、柬埔寨SDB集团董事长张红军，及柬埔寨各界嘉宾共同出席活动。
                    </div>
                    <div class="date">
                        2025-10-18
                    </div>
                </div>
            </li>
        </a>
        
        <a href="new_detail?id=57">
            <li class="news-li" index="7">
                <div class="item-img">
                    <img src="images/upload/1760064239903_00.jpeg" alt="">
                </div>
                <div class="item-mesg">
                    <h5 class="item-mesg-title">
                        【喜报】南菱汽车入选“2025中国服务业企业500强”
                    </h5>
                    <div class="text">
                        2025现代服务业高质量发展大会暨中国服务业企业500强发布活动在重庆举行，发布会上中国企业联合会、中国企业家协会发布2025中国服务业企业500强榜单，南菱汽车实力上榜！
                    </div>
                    <div class="date">
                        2025-9-26
                    </div>
                </div>
            </li>
        </a>
        
        <a href="new_detail?id=58">
            <li class="news-li" index="8">
                <div class="item-img">
                    <img src="images/upload/1760066902927_00.jpeg" alt="">
                </div>
                <div class="item-mesg">
                    <h5 class="item-mesg-title">
                        南菱汽车召开2025年中会，吹响“打榜·打铁·打粮”冲锋号角！
                    </h5>
                    <div class="text">
                        2025年7月14日，以“打榜·打铁·打粮”为主题的南菱汽车2025年年中会隆重举行。会议旨在总结上半年经营成果，部署下半年关键任务，凝聚全员共识，激发奋进力量，向着年度目标全力冲刺。
                    </div>
                    <div class="date">
                        2025-7-14
                    </div>
                </div>
            </li>
        </a>
        
        <a href="new_detail?id=61">
            <li class="news-li" index="9">
                <div class="item-img">
                    <img src="images/upload/1760080191892_00.jpeg" alt="">
                </div>
                <div class="item-mesg">
                    <h5 class="item-mesg-title">
                        【喜讯】南菱汽车再次荣获2025年中国汽车流通行业社会责任百强企业、中国民营汽车经销行业百强榜等奖项！
                    </h5>
                    <div class="text">
                        2025年7月9日至10日在安徽省合肥市召开全国工商联德胜门大讲堂暨2025中国汽车流通行业大会。南菱汽车再次荣登2025年度中国汽车流通行业社会责任百强企业、2025年度中国民营汽车经销行业百强榜、2025年度中国新能源汽车销售百强榜！
                    </div>
                    <div class="date">
                        2025-7-9
                    </div>
                </div>
            </li>
        </a>
        
    </ul>
    <nav class="pagination-wrapper" aria-label="...">
        <ul class="pagination">
            <li class="total">
                总计：<span id="total">53</span> 条
            </li>
            <li id="prve-page" class="page-item disabled">
                <a class="page-link">上一页</a>
            </li>
            <li id="current-page" class="page-item active" aria-current="page">
                <a class="page-link">1</a>
            </li>
            
            
            <li class="page-item" id="next-page">
                <a class="page-link">下一页</a>
            </li>
        </ul>
    </nav>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $('.news-li').each(function (e) {
            var index = Number($(this).attr('index'))
            if (index % 2 === 1) {
                $(this).addClass('active-news-li')
            }
        })

        $('#next-page').click(function () {
            var index = Number($('#current-page').children('a').text())
            var total = Number($('#total').text())
            if (total > 10 && index < Math.ceil(total / 10)) {
                window.open(window.location.origin + window.location.pathname + '?pageIndex=' + (index + 1))
            }
        })

        $('#prve-page').click(function () {
            var index = Number($('#current-page').children('a').text())
            if (index > 1) {
                window.open(window.location.origin + window.location.pathname + '?pageIndex=' + (index - 1))
            }
        })
    })
</script>

    </div>
    <!-- 中间内容区结束 -->

    <!-- 底部开始 -->
    <footer id="footer" class="navbar-static-bottom">
        <div class="container footer-nav d-none d-sm-block">
            <div class="row justify-content-between">
                <div class="col-lg-2 col-sm-6 menu-sort">
                    <h6>购车工具</h6>
                    <div class="menu-item cursor-pointer">新车</div>
                    <div class="menu-item cursor-pointer">二手车</div>
                    <div class="menu-item cursor-pointer">
                        <a href="stores.html">
                            查找经销商
                        </a>
                    </div>
                    <div class="menu-item cursor-pointer">预约试驾</div>
                </div>
                <div class="col-lg-2 col-sm-6 menu-sort">
                    <h6>车主服务</h6>
                    <div class="menu-item cursor-pointer">车主俱乐部</div>
                    <div class="menu-item cursor-pointer">保养预约</div>
                    <div class="menu-item cursor-pointer">救援服务</div>
                    <div class="menu-item cursor-pointer">车主活动</div>
                    <div class="menu-item cursor-pointer">特惠商城</div>
                </div>
                <div class="col-lg-2 col-sm-6 menu-sort">
                    <h6>关于南菱 </h6>
                    <div class="menu-item cursor-pointer"><a href="about_us.html">
                            南菱简介
                        </a></div>
                    <div class="menu-item cursor-pointer">
                        <a href="history.html">
                            发展史
                        </a>
                    </div>
                    <div class="menu-item cursor-pointer">
                        <a href="culture.html">
                            公司文化
                        </a>
                    </div>
                    <div class="menu-item cursor-pointer">
                        <a href="honor.html">
                            公司荣誉
                        </a>
                    </div>
                    <div class="menu-item cursor-pointer">
                        <a href="recruit.html">
                            人才招聘
                        </a>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 menu-sort">
                    <h6>联系我们</h6>
                    <div class="menu-item cursor-pointer">广州南菱汽车股份有限公司</div>
                    <div class="menu-item cursor-pointer">24小时服务热线：400-678-0808</div>
                    <div class="menu-item cursor-pointer">公司地址：广州市白云区白云大道北1399号</div>
                    <div class="menu-item cursor-pointer">公司邮编：510440</div>
                    <div class="row QR-code">
                        <div class="col-lg-4 col-md-4 col-sm-4">
                            <div class="item-icon">
                                <img src="images/20230525110023.png" alt="">
                            </div>
                            <div class="item-title">南菱汽车公众号</div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4">
                            <div class="item-icon">
                                <img src="images/20230525110744.png" alt="">
                            </div>
                            <div class="item-title">南菱汽车俱乐部</div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4">
                            <div class="item-icon">
                                <img src="images/20230525110055.png" alt="">
                            </div>
                            <div class="item-title">南菱汽车视频号</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom-label">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-12 col-sm-12"><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备11076644号</a></div>
                    <div class="col-lg-4 col-md-12 col-sm-12">地址：广州市白云大道北1399</div>
                    <div class="col-lg-4 col-md-12 col-sm-12">网址：http://www.nanling.com.cn</div>
                </div>
            </div>
        </div>
    </footer>
    <!-- 底部结束 -->
    <script src="common/bootstrap-4.6.2/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        // 移动端手机折叠
        function handleMobileNavChage() {
            // 设置手机端菜单的显示与隐藏
            $(".icon-button").click(function (e) {
                if ($(".on-menu-button").css("display") === "inline") {
                    $(".on-menu-button").css("display", "none")
                    $(".off-menu-button").css("display", "inline")
                } else {
                    $(".on-menu-button").css("display", "inline")
                    $(".off-menu-button").css("display", "none")
                }
                $(".drop-down-menu").slideToggle()
            })
            // 手机端二级菜单折叠
            $(".mobile-second-menu-nav-title").click(function (e) {
                const mobileSiblingsList = $(this).siblings(".mobile-second-menu-nav")
                mobileSiblingsList.each(function (i) {
                    $(mobileSiblingsList[i]).slideToggle(300)
                })
            })
        }

        // pc导航小滑块
        function changeHeaderActiveClass() {
            var path = window.location.pathname.replace("/", "").replace(".html", "")
            var path = path === "" ? "index" : path
            $('#header .header-menu-nav .menu-nav-item').removeClass("active-menu-nav-item").each(function () {
                if ($(this).attr("pathName").indexOf(path) >= 0) {
                    $(this).addClass("active-menu-nav-item")
                }
            })
        }

        //pc端二级导航显示与隐藏
        function handlePcChangeSecondNav() {
            $('#header .header-menu-nav .menu-nav-item').mouseenter(function () {
                if ($(this).attr('secondNav')) {
                    $('.second-menu-nav-list-wrapper').slideDown(200)
                } else {
                    $('.second-menu-nav-list-wrapper').slideUp(200)
                }
            })
            $('.header-menu-nav').mouseleave(function () {
                $('.second-menu-nav-list-wrapper').slideUp(200)
            })
        }

        // pc导航切换背景色
        function handlePcNavChange() {
            $(window).scroll(function () {
                var topH = $(this).scrollTop();
                if (topH > 40) {
                    $('#header .header-menu-nav').css({
                        "background-color": "#fff",
                    })
                    $('#header .menu-nav-list .menu-nav-item').css({
                        "color": "#666"
                    })
                    $('#header .menu-nav-list .menu-nav-item a').css({
                        "color": "#666"
                    })
                } else {
                    $('#header .header-menu-nav').css({
                        "background-color": "rgba(0, 0, 0, 0.3)",
                    })
                    $('#header .menu-nav-list .menu-nav-item').css({
                        "color": "#fff"
                    })
                    $('#header .menu-nav-list .menu-nav-item a').css({
                        "color": "#fff"
                    })
                }
            });
        }

        $(document).ready(function () {
            // 移动端手机折叠
            handleMobileNavChage()
            //pc导航切换背景色
            handlePcNavChange()
            //pc端二级导航显示与隐藏
            handlePcChangeSecondNav()
            // pc导航小滑块
            changeHeaderActiveClass()
        })
    </script>
</body>

</html>