<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>中国美发美容协会</title>
    
        
            <link rel="stylesheet" href="https://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/2bbdcd49177142fb92c30559e66e5394.css" />
        
    
    
        
            <script type="text/javascript" src="http://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/73372a3ce034472fb032cfa073cb3eb9.js" charset="utf-8"></script>
        
            <script type="text/javascript" src="http://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/5bb00f81b24d4e73a4d9fa6150877068.js" charset="utf-8"></script>
        
    
    <script>
        function onControlCss(num,isQh) {
            [1,2,3].map(item=> {
                if(item == num) {
                    document.getElementById('project' + item).style.color = '#D81918';
                    document.getElementById('project' + item).style.borderBottom = '3px solid #D81918';
                    document.getElementById('pjMore' + item).style.display = 'block';
                    if(isQh == true) {
                        document.getElementById('projects' + item).style.display = 'block';
                    }else {
                        document.getElementById('projects' + item).style.display = 'flex';
                    }
                }else {
                    document.getElementById('project' + item).style.color = '#151515';
                    document.getElementById('project' + item).style.borderBottom = '0px solid #1A8DC8';
                    document.getElementById('projects' + item).style.display = 'none';
                    document.getElementById('pjMore' + item).style.display = 'none';
                }
            })
        }
    </script>
    <style type="text/css">
        .btn{
            width:150px;
            color: #505050;
            font-size: 16px;
            padding: 5px 0;
            text-align: center;
            margin-bottom: 15px;
        }
        .content1{
            position: relative;
            margin: 15px auto;
            display: none;
        }
        .btn.active{
            font-size: 16px;
            width:150px;
            color: #D81918;
            padding: 8px 0;
            text-align: center;
            margin-bottom: 15px;
            border-bottom: 2px solid #D81918;
        }
        .content1.show{
            display:block;
        }
        .showMore{
            position: absolute; top: -45px; right: 0; color: #999
        }
    </style>
</head>
<body>
<!--头部-->

    <div><script type="text/javascript">
    function searchBanks() {
        var searchValue = $("#textInput").val();
        var repository = {"id":18,"code":"mrmf","title":"\u4E2D\u56FD\u7F8E\u5BB9\u7F8E\u53D1\u534F\u4F1A_\u804C\u4E1A\u80FD\u529B\u6C34\u5E73\u8BC4\u4EF7\u7F51","visitorCnt":0,"properties":{}};
        if(!searchValue) {
            alert("请输入搜索内容")
        }else {
            window.location.href="/search/" + repository.id + '/' + '1/10/?searchText=' +searchValue;
        }
    }
</script>
<header class="rowpub">
    <a class="rowpub">
        <div style="margin-right: 15px;">
            
                <img src="http://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/825e340d88e3408a9998684e9720156d.png" alt="" style="margin-left: 0px;" />
            
        </div>
        <div >
            <p style="font-size:28px;color: #151515">| 职业能力水平评价网</p>
        </div>
    </a>
    <div class="rowpub">
        <div class="rowpub">
            <div class="rowpub inputv" style="border-radius:0px;margin-right:10px">
                <form id="searchForm" style="float:left" method="get" >
                    <input id="textInput" placeholder="输入关键词" placeholder-style="color:#2897F3;" name="searchText" title="输入搜索词" type="input" value="" maxlength="100" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" />
                </form>
            </div>
            <button style="background: #D81918; color: #fff; border: 1px solid #D81918; padding: 8px 15px; cursor: pointer" onClick="searchBanks()">搜索</button>
        </div>
    </div>
</header>
<!--导航-->
<nav>
    <ul class="rowpub" >
        
            
                <li ><a href="/w378" class="sel">首页</a></li>
                
                    
                        
                        
                            
                                
                                    <li style="position:relative" class="procenter" ><a href="/w379/s191/1/12" >政策文件</a></li>
                                
                                
                            
                        
                    
                        
                        
                            
                                
                                    <li style="position:relative" class="procenter" ><a href="/w381/s192/1/12" >动态通知</a></li>
                                
                                
                            
                        
                    
                        
                        
                            
                                
                                    <li style="position:relative" class="procenter" ><a href="/w383/s193/1/12" >项目介绍</a></li>
                                
                                
                            
                        
                    
                        
                        
                            
                                
                                    <li style="position:relative" class="procenter" ><a href="/w385/s194/1/12" >专家团队</a></li>
                                
                                
                            
                        
                    
                        
                        
                            
                                
                                    <li style="position:relative" class="procenter" ><a href="/w387/s195/1/12" >合作机构</a></li>
                                
                                
                            
                        
                    
                        
                        
                            
                                
                                    <li style="position:relative" class="procenter" ><a href="/w389/s196/1/12" >证书查询</a></li>
                                
                                
                            
                        
                    
                
            
        
    </ul>
</nav>
</div>

<div >
    
        <div style="width: 80%; max-width: 1200px; margin: 0px auto;">
            <div class="rowpub" style="width:100%;margin-top:50px;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap">
                <div class="textlists">
                    <!--轮播图-->
                    <div style="width:100%;position: relative">
                        <div style="width:100%;float: left">
                            <div class="target" id="target-1" style="position:relative;height:300px">
                                <div >
                                    <div >
                                        <img src="https://resfiles.bjcscn.com/bd21235e55f1438b856b53e291e24c98/832d581677784c41ae883316d7310c15.jpg" alt="" style="width: 100%; max-height: 280px" />
                                    </div>
                                    <div >
                                        <img src="https://resfiles.bjcscn.com/41d8a8d352d84bf3b7f3424897c26586/afe9cd89f3d1429d9d5e916896a35ad6.jpg" alt="" style="width: 100%; max-height: 280px" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="textlists" >
                    <!--资讯动态、政策文件、通知公告-->
                    <div class="rowpub titlev">
                    <span class="title">
                        <a class="btn active" style="cursor: pointer">政策文件</a>
                        <a style="font-weight: bold">|</a>
                        <a class="btn" style="cursor: pointer">动态通知</a>
                    </span>
                    </div>
                    <div class="content1 show">
                        
                            
                                
                                    <a style="position: absolute; top: -45px; right: 0; color: #999" href="w379/s191/1/12">查看更多>></a>
                                
                                <div style="flex: 1;">
                                    
                                        
                                            <a class="rowpub" href="w380/c26759">
                                                <p style="flex: 1; color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 8px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">美容美发服务单位新型冠状病毒感染疫情常态化防疫技术指南（第四版）</p>
                                                <p style="color: #D81918; width: 150px; text-align: right">2023-01-27 11:50</p>
                                            </a><a class="rowpub" href="w380/c26760">
                                                <p style="flex: 1; color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 8px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">中共中央办公厅 国务院办公厅印发《关于加强新时代高技能人才队伍建设的意见》</p>
                                                <p style="color: #D81918; width: 150px; text-align: right">2022-10-07 11:50</p>
                                            </a><a class="rowpub" href="w380/c26762">
                                                <p style="flex: 1; color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 8px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">民政部办公厅关于充分发挥行业协会商会作用 为全国稳住经济大盘积极贡献力量的通知</p>
                                                <p style="color: #D81918; width: 150px; text-align: right">2022-06-10 11:51</p>
                                            </a><a class="rowpub" href="w380/c26761">
                                                <p style="flex: 1; color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 8px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">新职业教育法来了！将为美发美容行业职业教育带来哪些利好消息？</p>
                                                <p style="color: #D81918; width: 150px; text-align: right">2022-04-30 11:51</p>
                                            </a><a class="rowpub" href="w380/c26763">
                                                <p style="flex: 1; color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 8px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">《化妆品监督管理条例》将于2021年1月1日起施行</p>
                                                <p style="color: #D81918; width: 150px; text-align: right">2020-12-31 11:52</p>
                                            </a>
                                        
                                    
                                </div>
                            
                        
                    </div>
                    <div class="content1">
                        
                            
                                
                                    <a style="position: absolute; top: -45px; right: 0; color: #999" href="w381/s192/1/12">查看更多>></a>
                                
                                <div style="flex: 1;">
                                    
                                        
                                            <a class="rowpub" href="w382/c26799">
                                                <p style="flex: 1; color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 8px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">第48届成都美博会隆重举行</p>
                                                <p style="color: #D81918; width: 150px; text-align: right">2023-10-22 14:48</p>
                                            </a><a class="rowpub" href="w382/c26747">
                                                <p style="flex: 1; color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 8px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">全国美容行业产教融合共同体成立大会在沧州举行</p>
                                                <p style="color: #D81918; width: 150px; text-align: right">2023-10-19 15:12</p>
                                            </a><a class="rowpub" href="w382/c26746">
                                                <p style="flex: 1; color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 8px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">恒之清研发中心乔迁仪式在苏州举行</p>
                                                <p style="color: #D81918; width: 150px; text-align: right">2023-10-17 15:10</p>
                                            </a><a class="rowpub" href="w382/c26748">
                                                <p style="flex: 1; color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 8px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">校企合作展新篇，兰州现代职业学院美业学院正式成立</p>
                                                <p style="color: #D81918; width: 150px; text-align: right">2023-10-15 15:14</p>
                                            </a><a class="rowpub" href="w382/c26749">
                                                <p style="flex: 1; color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 8px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">秦潮秀·中国巡回展演主题活动德州站成功举行</p>
                                                <p style="color: #D81918; width: 150px; text-align: right">2023-10-13 15:16</p>
                                            </a>
                                        
                                    
                                </div>
                            
                        
                    </div>
                </div>
                <div class="textlists">
                    <!--证书查询-->
                    <!--<div class="rowpub titlev">
                        <span class="title"><span style="font-size: 16px; color: #D81918; border-bottom: 3px solid #D81918; padding-bottom: 7px;">证书查询</span></span>
                    </div>-->
                    <!--证书查询-->
                    <!--<div id="qt" >
                       <th:block th:with="fileDatas=${@cmsDataHelper.getFiles(curRepository.id,{'card'},30)}">
                           <div class="rowpub cxtj" style="border: 2px solid #EBEBEB">
                               <img th:if="${fileDatas['card']}" th:src="${fileDatas['card'].storeUrl}" style="width:17px;"/>
                               <input type="text" id="cardId2" size="45" name="cardId" searchType="searchType" class="inputClass" placeholder="请输入您要查询的身份证号"/>
                           </div>
                           <div class="rowpub cxtj" style="margin-bottom: 20px;margin-top: 0;border: 2px solid #EBEBEB">
                               <img th:if="${fileDatas['card']}" th:src="${fileDatas['card'].storeUrl}" style="width:17px;"/>
                               <input type="text" id="certNum1" size="45" name="certNum" searchType="searchType" class="inputClass" placeholder="请输入您要查询的证书编号"/>
                           </div>
                           <div class="rowpub cxtj" style="margin-bottom: 20px;margin-top: 0;border: 2px solid #EBEBEB">
                               <img th:if="${fileDatas['card']}" th:src="${fileDatas['card'].storeUrl}" style="width:17px;"/>
                               <input type="text" id="name2" size="45" name="name" searchType="searchType" class="inputClass"  placeholder="请输入您要查询的考生姓名"/>
                           </div>
                       </th:block>
                       <p style="color:#D81918;text-align: center;margin-bottom: 30px">注：请输入以上两项内容进行查询</p>
                       <button type="submit" class="xcbtn" >查询</button>
                   </div>-->
                    <!--中国美业人才库-->
                    <div id="qt" >
                        
                            
                                
                                    <div class="rowpub cxtj">
                                        <a  href="/w1184" target="_blank">
                                            <img src="https://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/68cbd88b3580479cbd8946c68f0766d3.png" />
                                        </a>
                                    </div>
                                
                            
                        
                    </div>
                </div>
                <!--培训项目-->
                <!--                <div class="textlists" style="width: 100%; margin-right: 0">-->
                <!--                    <div class="rowpub titlev" style="position: relative">-->
                <!--                        <span style="width: 7%"><span style="font-size: 16px; color: #D81918; border-bottom: 3px solid #D81918; padding-bottom: 7px; cursor: pointer" id="project1" th:onclick="onControlCss('1',false);">美容类</span></span>-->
                <!--                        <span style="width: 7%"><span style="font-size: 16px; color: #151515; padding-bottom: 7px; cursor: pointer" id="project2" th:onclick="onControlCss('2',false);">美发类</span></span>-->
                <!--                        <span style="width: 7%"><span style="font-size: 16px; color: #151515; padding-bottom: 7px; cursor: pointer" id="project3" th:onclick="onControlCss('3',false);">化妆类</span></span>-->
                <!--                        <span>-->
                <!--                            <th:block th:with="webDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'jkfw'},30)}">-->
                <!--                                <th:block th:each="web,webStat:${webDatas}">-->
                <!--                                    <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{'jkfw'},30)}">-->
                <!--                                        <a id="pjMore1" style="position: absolute; top: 0px; right: 0; color: #999" th:href="@{'w' + ${web.id} + '/s' + ${contentStruNavs[0].id} + '/1/12'}">查看更多>></a>-->
                <!--                                    </th:block>-->
                <!--                                </th:block>-->
                <!--                            </th:block>-->
                <!--                            <th:block th:with="webDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'jygl'},30)}">-->
                <!--                                <th:block th:each="web,webStat:${webDatas}">-->
                <!--                                    <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{'jygl'},30)}">-->
                <!--                                        <a id="pjMore2" style="position: absolute; top: 0px; right: 0; color: #999; display: none" th:href="@{'w' + ${web.id} + '/s' + ${contentStruNavs[0].id} + '/1/12'}">查看更多>></a>-->
                <!--                                    </th:block>-->
                <!--                                </th:block>-->
                <!--                            </th:block>-->
                <!--                            <th:block th:with="webDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'shfw'},30)}">-->
                <!--                                <th:block th:each="web,webStat:${webDatas}">-->
                <!--                                    <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{'shfw'},30)}">-->
                <!--                                        <a id="pjMore3" style="position: absolute; top: 0px; right: 0; color: #999; display: none" th:href="@{'w' + ${web.id} + '/s' + ${contentStruNavs[0].id} + '/1/12'}">查看更多>></a>-->
                <!--                                    </th:block>-->
                <!--                                </th:block>-->
                <!--                            </th:block>-->
                <!--                        </span>-->
                <!--                    </div>-->
                <!--                    <div style="margin:0">-->
                <!--                        <script id="v-carousel" type="x/template">-->
                <!--                            <div class="card-carousel-wrapper">-->
                <!--                                <div class="card-carousel&#45;&#45;nav__left" @click="moveCarousel(-1)" :disabled="atHeadOfList"></div>-->
                <!--                                <div class="card-carousel">-->
                <!--                                    <div class="card-carousel&#45;&#45;overflow-container">-->
                <!--                                        <div class="card-carousel-cards" :style="{ transform: 'translateX' + '(' + currentOffset + 'px' + ')'}">-->
                <!--                                            <div id="projects1" th:attr="class=${datas.struCodeContents['jkfw'].size>10?'card-carousel&#45;&#45;card Alternate':'rowpub'},style=${datas.struCodeContents['jkfw'].size>10?'width: 100%; margin-top: 10px':'width: 1160px; margin-top: 10px; height: 420px; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap'}">-->
                <!--                                                <th:block th:with="webDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'jkfw'},30)}">-->
                <!--                                                    <th:block th:each="web,webStat:${webDatas}">-->
                <!--                                                        <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{'jkfw'},30)}">-->
                <!--                                                            &lt;!&ndash;                                                            <a style="position: absolute; top: -45px; right: 0; color: #999" th:href="@{'w' + ${web.id} + '/s' + ${contentStruNavs[0].id} + '/1/12'}">查看更多>></a>&ndash;&gt;-->
                <!--                                                        </th:block>-->
                <!--                                                        <th:block th:with="conDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'jkfwContent'},30)}">-->
                <!--                                                            <th:block th:each="con,conStat:${conDatas}">-->
                <!--                                                                <div style="margin-bottom: 20px" th:attr="style=${datas.struCodeContents['jkfw'].size>10?'margin-bottom: 20px':'margin-bottom: 20px; width: 20%'}" th:if="${datas.struCodeContents['jkfw']}" th:each="data,dataStat:${datas.struCodeContents['jkfw']}">-->
                <!--                                                                    <a style="width:95%; display: block" th:href="@{'w' + ${con.id} + '/c' + ${data.id}}">-->
                <!--                                                                        <img th:src="${data.navImgUrl}" alt="" style="width: 100%; height: 145px" />-->
                <!--                                                                        <p style="color:#151515; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" th:if="${data.title}" th:text="${data.title}">企业管理师课程</p>-->
                <!--                                                                    </a>-->
                <!--                                                                </div>-->
                <!--                                                            </th:block>-->
                <!--                                                        </th:block>-->
                <!--                                                    </th:block>-->
                <!--                                                </th:block>-->
                <!--                                            </div>-->
                <!--                                            <div id="projects2" th:attr="class=${datas.struCodeContents['jygl'].size>10?'card-carousel&#45;&#45;card Alternate':'rowpub'},style=${datas.struCodeContents['jygl'].size>10?'width: 100%; margin-top: 10px; display: none':'width: 1160px; margin-top: 10px; height: 420px; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; display: none'}">-->
                <!--                                                <th:block th:with="webDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'jygl'},30)}">-->
                <!--                                                    <th:block th:each="web,webStat:${webDatas}">-->
                <!--                                                        <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{'jygl'},30)}">-->
                <!--                                                            &lt;!&ndash;                                                            <a style="position: absolute; top: -45px; right: 0; color: #999" th:href="@{'w' + ${web.id} + '/s' + ${contentStruNavs[0].id} + '/1/12'}">查看更多>></a>&ndash;&gt;-->
                <!--                                                        </th:block>-->
                <!--                                                        <th:block th:with="conDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'jyglContent'},30)}">-->
                <!--                                                            <th:block th:each="con,conStat:${conDatas}">-->
                <!--                                                                <div style="margin-bottom: 20px" th:attr="style=${datas.struCodeContents['jygl'].size>10?'margin-bottom: 20px':'margin-bottom: 20px; width: 20%'}" th:if="${datas.struCodeContents['jygl']}" th:each="data,dataStat:${datas.struCodeContents['jygl']}">-->
                <!--                                                                    <a style="width:95%; display: block" th:href="@{'w' + ${con.id} + '/c' + ${data.id}}">-->
                <!--                                                                        <img th:src="${data.navImgUrl}" alt="" style="width: 100%; height: 145px" />-->
                <!--                                                                        <p style="color:#151515; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" th:if="${data.title}" th:text="${data.title}">企业管理师课程</p>-->
                <!--                                                                    </a>-->
                <!--                                                                </div>-->
                <!--                                                            </th:block>-->
                <!--                                                        </th:block>-->
                <!--                                                    </th:block>-->
                <!--                                                </th:block>-->
                <!--                                            </div>-->
                <!--                                            <div id="projects3" th:attr="class=${datas.struCodeContents['shfw'].size>10?'card-carousel&#45;&#45;card Alternate':'rowpub'},style=${datas.struCodeContents['shfw'].size>10?'width: 100%; margin-top: 10px; display: none':'width: 1160px; margin-top: 10px; height: 420px; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; display: none'}">-->
                <!--                                                <th:block th:with="webDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'shfw'},30)}">-->
                <!--                                                    <th:block th:each="web,webStat:${webDatas}">-->
                <!--                                                        <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{'shfw'},30)}">-->
                <!--                                                            &lt;!&ndash;                                                            <a style="position: absolute; top: -45px; right: 0; color: #999" th:href="@{'w' + ${web.id} + '/s' + ${contentStruNavs[0].id} + '/1/12'}">查看更多>></a>&ndash;&gt;-->
                <!--                                                        </th:block>-->
                <!--                                                        <th:block th:with="conDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'shfwContent'},30)}">-->
                <!--                                                            <th:block th:each="con,conStat:${conDatas}">-->
                <!--                                                                <div style="margin-bottom: 20px" th:attr="style=${datas.struCodeContents['shfw'].size>10?'margin-bottom: 20px':'margin-bottom: 20px; width: 20%'}" th:if="${datas.struCodeContents['shfw']}" th:each="data,dataStat:${datas.struCodeContents['shfw']}" >-->
                <!--                                                                    <a style="width:95%; display: block" th:href="@{'w' + ${con.id} + '/c' + ${data.id}}">-->
                <!--                                                                        <img th:src="${data.navImgUrl}" alt="" style="width: 100%; height: 145px" />-->
                <!--                                                                        <p style="color:#151515; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" th:if="${data.title}" th:text="${data.title}">企业管理师课程</p>-->
                <!--                                                                    </a>-->
                <!--                                                                </div>-->
                <!--                                                            </th:block>-->
                <!--                                                        </th:block>-->
                <!--                                                    </th:block>-->
                <!--                                                </th:block>-->
                <!--                                            </div>-->
                <!--                                        </div>-->
                <!--                                    </div>-->
                <!--                                </div>-->
                <!--                                <div class="card-carousel&#45;&#45;nav__right" @click="moveCarousel(1)" :disabled="atEndOfList"></div>-->
                <!--                            </div>-->
                <!--                        </script>-->
                <!--                        <div id="app">-->
                <!--                            <carousel></carousel>-->
                <!--                        </div>-->
                <!--                    </div>-->
                <!--                    <th:block th:with="js=${@cmsDataHelper.getCssJsUrls(curRepository.id,{'vue','qh'},30)}">-->
                <!--                        <script type="text/javascript" th:src="${js[0].linkUrl}" charset="utf-8"></script>-->
                <!--                        <script type="text/javascript" th:src="${js[1].linkUrl}" charset="utf-8"></script>-->
                <!--                    </th:block>-->
                <!--                </div>-->
                <!--课程分类-->
                <div class="textlists" style="width: 100%; margin-right: 0">
                    <div class="rowpub titlev" style="position: relative">
                        <span style="width: 7%"><span style="font-size: 16px; color: #D81918; border-bottom: 3px solid #D81918; padding-bottom: 7px; cursor: pointer" >课程分类</span></span>
                        <span>
                            
                                
                                    
                                        <a style="position: absolute; top: 0px; right: 0; color: #999" href="w1239/s698/1/12">查看更多>></a>
                                    
                                
                            
                        </span>
                    </div>
                    <div style="margin:0">
                        <script id="v-carousel" type="x/template">
                            <div class="card-carousel-wrapper">
                                <div class="card-carousel--nav__left" @click="moveCarousel(-1)" :disabled="atHeadOfList"></div>
                                <div class="card-carousel">
                                    <div class="card-carousel--overflow-container" style="width: 98%">
                                        <div class="card-carousel-cards" :style="{ transform: 'translateX' + '(' + currentOffset + 'px' + ')'}">
                                            <div id="projects1" class='card-carousel--card rowpub' style="width: 100%; margin-top: 10px">
                                                
                                                    
                                                        
                                                            
                                                                
                                                                    <div style="margin-bottom: 20px;width: 20%;">
                                                                        <a style="width:95%; display: block; " href="w1239/s698/1/12">
                                                                            <img src="https://resfiles.bjcscn.com/698179f854a84f30be17f083617ca8c4/7d3e2f87b7694fb88d422138d0af26a3.jpg" alt="" style="width: 100%" />
                                                                        </a>
                                                                        <p style="color:#151515; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-align: center">皮肤健康管理师</p>
                                                                    </div>
                                                                
                                                            
                                                                
                                                                    <div style="margin-bottom: 20px;width: 20%;">
                                                                        <a style="width:95%; display: block; " href="w1240/s699/1/12">
                                                                            <img src="https://resfiles.bjcscn.com/c0253ae410424db38e278dc8809ed846/f499a05fcb374aedaec9d0eec68636b9.jpg" alt="" style="width: 100%" />
                                                                        </a>
                                                                        <p style="color:#151515; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-align: center">纹绣师</p>
                                                                    </div>
                                                                
                                                            
                                                                
                                                                    <div style="margin-bottom: 20px;width: 20%;">
                                                                        <a style="width:95%; display: block; " href="w1241/s700/1/12">
                                                                            <img src="https://resfiles.bjcscn.com/8f714f3db20d47188c7b30bc62a2e7c4/ac0a84e2582f43fe9ecafe070762333b.jpg" alt="" style="width: 100%" />
                                                                        </a>
                                                                        <p style="color:#151515; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-align: center">亚健康调理师</p>
                                                                    </div>
                                                                
                                                            
                                                                
                                                                    <div style="margin-bottom: 20px;width: 20%;">
                                                                        <a style="width:95%; display: block; " href="w1245/s701/1/12">
                                                                            <img src="https://resfiles.bjcscn.com/be9c65d3225d4e1ca1a89742a150ed22/defd62f8cbf2437c9b5b7de24de2c1bf.jpg" alt="" style="width: 100%" />
                                                                        </a>
                                                                        <p style="color:#151515; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-align: center">头皮护理师</p>
                                                                    </div>
                                                                
                                                            
                                                                
                                                                    <div style="margin-bottom: 20px;width: 20%;">
                                                                        <a style="width:95%; display: block; " href="w1247/s702/1/12">
                                                                            <img src="https://resfiles.bjcscn.com/d83fa4bfd3434fd8a3c1aa65576a1e6d/fccd66d432774ef5918d1a141374deb2.jpg" alt="" style="width: 100%" />
                                                                        </a>
                                                                        <p style="color:#151515; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-align: center">化妆师</p>
                                                                    </div>
                                                                
                                                            
                                                                
                                                                    <div style="margin-bottom: 20px;width: 20%;">
                                                                        <a style="width:95%; display: block; " href="w1249/s703/1/12">
                                                                            <img src="https://resfiles.bjcscn.com/null/3ab9053d6bf744f08eb1f7c6e5931238.jpg" alt="" style="width: 100%" />
                                                                        </a>
                                                                        <p style="color:#151515; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-align: center">美甲设计师</p>
                                                                    </div>
                                                                
                                                            
                                                                
                                                                    <div style="margin-bottom: 20px;width: 20%;">
                                                                        <a style="width:95%; display: block; " href="w1251/s704/1/12">
                                                                            <img src="https://resfiles.bjcscn.com/null/35f426841f094778a4db24a5a14c906b.jpg" alt="" style="width: 100%" />
                                                                        </a>
                                                                        <p style="color:#151515; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-align: center">造型师</p>
                                                                    </div>
                                                                
                                                            
                                                        
                                                    
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-carousel--nav__right" @click="moveCarousel(1)" :disabled="atEndOfList"></div>
                            </div>
                        </script>
                        <div id="app">
                            <carousel></carousel>
                        </div>
                    </div>
                    
                        
                            <script type="text/javascript" src="http://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/6ebbd10835a34eb7ae7b9e4bcca3c7f0.js" charset="utf-8"></script>
                        
                    
                    <script type="text/javascript" charset="utf-8">
                        Vue.component("carousel", {
                            template: "#v-carousel",
                            data() {
                                return {
                                    currentOffset: 0,
                                    windowSize: 5,
                                    paginationFactor: 220,
                                    items: [
                                        {name: 'Tycoon Thai', tag: "Thai"},
                                        {name: 'Ippudo', tag: "Japanese"},
                                        {name: 'Ippudo', tag: "Japanese"},
                                        {name: 'Ippudo', tag: "Japanese"},
                                        {name: 'Ippudo', tag: "Japanese"},
                                        {name: 'Ippudo', tag: "Japanese"},
                                        {name: 'Ippudo', tag: "Japanese"},
                                        {name: 'Ippudo', tag: "Japanese"},
                                    ]
                                }
                            },
                            computed: {
                                atEndOfList() {
                                    return this.currentOffset <= (this.paginationFactor * -1) * (this.items.length - this.windowSize);
                                },
                                atHeadOfList() {
                                    return this.currentOffset === 0;
                                },
                            },
                            methods: {
                                moveCarousel(direction) {
                                    // Find a more elegant way to express the :style. consider using props to make it truly generic
                                    if (direction === 1 && !this.atEndOfList) {
                                        this.currentOffset -= this.paginationFactor;
                                    } else if (direction === -1 && !this.atHeadOfList) {
                                        this.currentOffset += this.paginationFactor;
                                    }
                                },
                            }
                        });
                        new Vue({
                            el:"#app"
                        });
                    </script>
                </div>
                <!--在线培训平台-->
                <div style="width:100%;margin-bottom: 50px">
                    <a href="https://axypc.zyjnpx.com/?unitUid=cf53fe298d144b09b99669bd17da6e65" target="_blank">
                        
                            <img src="http://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/ec0888f6146b445083e433e4aad89f6f.png" alt="" style="width: 100%;" />
                        
                    </a>
                </div>
                <div class="textlists" style="width: 100%; margin-right: 0">
                    <!--快速入口-->
                    <!--                <div class="rowpub titlev">-->
                    <!--                    <span class="title"><span style="font-size: 16px; color: #D81918; border-bottom: 3px solid #D81918; padding-bottom: 7px;">快速入口</span></span>-->
                    <!--                </div>-->
                    
                        <div class="rowpub" style="justify-content: space-between;margin-top: 10px">
                            <a href="http://sppjbm.zyjndj.com/main#/" target="_blank"  style="width:21%;background: #D40E1F; height: 100%; text-align: center;">
                                <img src="http://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/6a22a87dd1d54676953500114b51cf07.png" alt="" style="margin-top: 73px" />
                                <p style="color:#fff; margin-top: 10px; margin-bottom: 73px">在线报名</p>
                            </a>
                            <a href="https://web.ksj.kszx365.com/" target="_blank" style="width:21%;background: #CF4646; height: 100%; text-align: center;">
                                <img src="http://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/e4ffb250eb6642ae96885107c0977c32.png" alt="" style="margin-top: 73px" />
                                <p style="color:#fff; margin-top: 10px; margin-bottom: 73px">智能化考试</p>
                            </a>
                            <a href="http://yj.kszx365.com/#/" target="_blank" style="width:21%;background: #EF4655; height: 100%; text-align: center;">
                                <img src="http://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/b687c0cfa79646d7aef3dac54a4453e2.png" alt="" style="margin-top: 73px" />
                                <p style="color:#fff; margin-top: 10px; margin-bottom: 73px">专家评分</p>
                            </a>
                            <div style="width:30%;">
                                <div class="rowpub" style="justify-content: space-between">
                                    <a href="http://sppj.zyjndj.com/minitestflowLogin" target="_blank" style="width: 48%; height: 110px; background-color: #F26470; text-decoration: none; text-align: center" id="system1">
                                        <img src="http://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/408fa1406f9c4403ab993c0048e386f2.png" alt="" style="margin-top: 25px; margin-bottom: 5px">
                                        <p style="text-align: center; color: #fff">考务管理</p>
                                    </a>
                                    <a href="http://axyjg.zyjnpx.com/" target="_blank" style="width: 48%; height: 110px; background-color: #DC4A57; text-decoration: none; text-align: center" id="system2">
                                        <img src="http://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/e4b4249bb87a4187a570a107c4a69b33.png" alt="" style="margin-top: 25px; margin-bottom: 5px" >
                                        <p style="text-align: center; color: #fff">培训管理</p>
                                    </a>
                                </div>
                                <div class="rowpub" style="justify-content: space-between; margin-top: 10px" >
                                    <a href="https://kc.kszx365.com/" target="_blank" style="width: 48%; height: 110px; background-color: #D43240; text-decoration: none; text-align: center" id="system3">
                                        <img src="http://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/ca9054a041804fb5b696812ddc69e239.png" alt="" style="margin-top: 25px; margin-bottom: 5px" >
                                        <p style="text-align: center; color: #fff">考试管理</p>
                                    </a>
                                    <a href="http://sppj.zyjndj.com/minitestflowLogin" target="_blank" style="width: 48%; height: 110px; background-color: #D40E1F; text-decoration: none; text-align: center" id="system4">
                                        <img src="http://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/79ce5713f2b447b19f6df26071f28361.png" alt="" style="margin-top: 25px; margin-bottom: 5px" >
                                        <p style="text-align: center; color: #fff">视频监控</p>
                                    </a>
                                </div>
                            </div>
                        </div>
                    
                </div>
                <!--<div class="textlists" style="width: 100%; margin-right:0;">-->
                <!--专家团队-->
                <!-- <th:block th:with="webDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'zjtd'},30)}">
                     <th:block th:each="web,webStat:${webDatas}">
                         <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{'zjtd'},30)}">
                             <div class="rowpub titlev">
                                 <span class="title"><span style="font-size: 16px; color: #D81918; border-bottom: 3px solid #D81918; padding-bottom: 7px;">专家团队</span></span>
                                 <a style="color: #999" th:href="@{'w' + ${web.id} + '/s' + ${contentStruNavs[0].id} + '/1/12'}">更多>></a>
                             </div>
                         </th:block>
                         <div class="rowpub" style="justify-content: space-between; margin-top: 10px">
                             <th:block th:with="conDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'zjtdContent'},30)}">
                                 <th:block th:each="con,conStat:${conDatas}">
                                     <div style="width:20%; margin-bottom: 10px" th:if="${datas.struCodeContents['zjtd']}" th:each="data,dataStat:${datas.struCodeContents['zjtd']}">
                                         <a style="width:95%; display: block" th:href="@{'w' + ${con.id} + '/c' + ${data.id}}">
                                             <img th:src="${data.navImgUrl}" alt="" style="width: 100%" />
                                         </a>
                                     </div>
                                 </th:block>
                             </th:block>
                         </div>
                     </th:block>
                 </th:block>
             </div>-->
                <!--                <div class="textlists" style="width: 100%; margin-right:0;">-->
                <!--                    &lt;!&ndash;课程展示&ndash;&gt;-->
                <!--                    <th:block th:with="webDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'kczs'},30)}">-->
                <!--                        <th:block th:each="web,webStat:${webDatas}">-->
                <!--                            <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{'kczs'},30)}">-->
                <!--                                <div class="rowpub titlev">-->
                <!--                                    <span class="title"><span style="font-size: 16px; color: #D81918; border-bottom: 3px solid #D81918; padding-bottom: 7px;">课程展示</span></span>-->
                <!--                                    <a style="color: #999" th:href="@{'w' + ${web.id} + '/s' + ${contentStruNavs[0].id} + '/1/12'}">更多>></a>-->
                <!--                                </div>-->
                <!--                            </th:block>-->
                <!--                            <div class="rowpub" style="justify-content: space-between; margin-top: 10px">-->
                <!--                                <th:block th:with="conDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'kczsContent'},30)}">-->
                <!--                                    <th:block th:each="con,conStat:${conDatas}">-->
                <!--                                        <div style="width:20%; margin-bottom: 10px" th:if="${datas.struCodeContents['kczs']}" th:each="data,dataStat:${datas.struCodeContents['kczs']}">-->
                <!--                                            <a style="width:95%; display: block" th:href="@{'w' + ${con.id} + '/c' + ${data.id}}">-->
                <!--                                                <img th:src="${data.navImgUrl}" alt="" style="width: 100%" />-->
                <!--                                            </a>-->
                <!--                                        </div>-->
                <!--                                    </th:block>-->
                <!--                                </th:block>-->
                <!--                            </div>-->
                <!--                        </th:block>-->
                <!--                    </th:block>-->
                <!--                </div>-->
                <div class="textlists" style="width: 100%; margin-right:0; background: #fff;">
                    <!--课程展示-->
                    
                        
                            
                                <div class="rowpub titlev">
                                    <span class="title"><span style="font-size: 16px; color: #D81918; border-bottom: 3px solid #D81918; padding-bottom: 7px;">课程展示</span></span>
                                    <a href="w398/s198/1/10">更多>></a>
                                </div>
                            
                            <div style="margin:0">
                                <script id="v-carousel1" type="x/template">
                                    <div class="card-carousel-wrapper">
                                        <div class="card-carousel--nav__left" @click="moveCarousel(-1)" :disabled="atHeadOfList"></div>
                                        <div class="card-carousel" style="width:96%">
                                            <div class="card-carousel--overflow-container">
                                                <div class="card-carousel-cards" :style="{ transform: 'translateX' + '(' + currentOffset + 'px' + ')'}">
                                                    
                                                        <div class="card-carousel--card rowpub" style="margin-top: 10px">
                                                            
                                                                
                                                            
                                                        </div>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-carousel--nav__right" @click="moveCarousel(1)" :disabled="atEndOfList"></div>
                                    </div>
                                </script>
                                <div id="app1">
                                    <carousel></carousel>
                                </div>
                            </div>
                            
                                
                                    <script type="text/javascript" src="http://resfiles.bjcscn.com/334613a98335489486c954abf57a4aa2/6ebbd10835a34eb7ae7b9e4bcca3c7f0.js" charset="utf-8"></script>
                                
                            
                            <script type="text/javascript" charset="utf-8">
                                var datas = [];
                                var num = datas.length;
                                var kczsWidth = 1160;
                                $(document).ready(function(){
                                    if(num>0) {
                                        var kczs0 = document.getElementById("kczs0");
                                        kczsWidth = kczs0.offsetWidth;
                                    }
                                });
                                Vue.component("carousel", {
                                    template: "#v-carousel1",
                                    data() {
                                        return {
                                            currentOffset: 0,
                                            windowSize: 5,
                                            paginationFactor: 220, // num*kczsWidth
                                            items: [
                                                {name: 'Tycoon Thai', tag: "Thai"},
                                                {name: 'Ippudo', tag: "Japanese"},
                                                {name: 'Ippudo', tag: "Japanese"},
                                                {name: 'Ippudo', tag: "Japanese"},
                                                {name: 'Ippudo', tag: "Japanese"},
                                                {name: 'Ippudo', tag: "Japanese"},
                                                {name: 'Ippudo', tag: "Japanese"},
                                                {name: 'Ippudo', tag: "Japanese"},
                                            ]
                                        }
                                    },
                                    computed: {
                                        atEndOfList() {
                                            // console.log(this.paginationFactor,this.currentOffset,(this.paginationFactor * -1) * (this.items.length - this.windowSize));
                                            // return this.currentOffset <= this.paginationFactor;
                                            return this.currentOffset <= (this.paginationFactor * -1) * (this.items.length - this.windowSize);
                                        },
                                        atHeadOfList() {
                                            return this.currentOffset === 0;
                                        },
                                    },
                                    methods: {
                                        moveCarousel(direction) {
                                            // Find a more elegant way to express the :style. consider using props to make it truly generic
                                            if (direction === 1 && !this.atEndOfList) {
                                                this.currentOffset -= this.paginationFactor;
                                            } else if (direction === -1 && !this.atHeadOfList) {
                                                this.currentOffset += this.paginationFactor;
                                            }
                                        },
                                    }
                                });
                                new Vue({
                                    el:"#app1"
                                });
                            </script>
                        
                    
                </div>
                <!--                <div class="textlists" style="width: 100%; margin-right: 0">-->
                <!--                    &lt;!&ndash;合作伙伴&ndash;&gt;-->
                <!--                    <th:block th:with="webDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'hzhb'},30)}">-->
                <!--                        <th:block th:each="web,webStat:${webDatas}">-->
                <!--                            <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{'hzhb'},30)}">-->
                <!--                                <div class="rowpub titlev">-->
                <!--                                    <span class="title"><span style="font-size: 16px; color: #D81918; border-bottom: 3px solid #D81918; padding-bottom: 7px;">合作伙伴</span></span>-->
                <!--                                    <a style="color: #999" th:href="@{'w' + ${web.id} + '/s' + ${contentStruNavs[0].id} + '/1/12'}">更多>></a>-->
                <!--                                </div>-->
                <!--                            </th:block>-->
                <!--                            <div class="rowpub" style="justify-content: flex-start; flex-wrap: wrap; margin-top: 10px">-->
                <!--                                <th:block th:with="conDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'hzhbContent'},30)}">-->
                <!--                                    <th:block th:each="con,conStat:${conDatas}">-->
                <!--                                        <div style="width:20%; margin-bottom: 10px" th:if="${datas.struCodeContents['hzhb']}" th:each="data,dataStat:${datas.struCodeContents['hzhb']}">-->
                <!--                                            <a style="width:95%; display: block" th:href="@{'w' + ${con.id} + '/c' + ${data.id}}">-->
                <!--                                                <img th:src="${data.navImgUrl}" alt="" style="width: 100%" />-->
                <!--                                            </a>-->
                <!--                                        </div>-->
                <!--                                    </th:block>-->
                <!--                                </th:block>-->
                <!--                            </div>-->
                <!--                        </th:block>-->
                <!--                    </th:block>-->
                <!--                </div>-->
                <div class="textlists" style="width: 100%; margin-right: 0">
                    <!--友情链接-->
                    <div class="rowpub titlev">
                        <span class="title"><span style="font-size: 16px; color: #D81918; border-bottom: 3px solid #D81918; padding-bottom: 7px;">友情链接</span></span>
                    </div>
                    <div class="rowpub" style="justify-content: flex-start; flex-wrap: wrap; margin-top: 10px">
                        
                            
                        
                    </div>
                </div>
            </div>
        </div>
    
</div>
<!--底部-->

    <div><footer style="width: 100%; background: #C74545; padding: 30px 0px">
    <div style="width: 80%; max-width: 1200px; margin: 0px auto;">
        <div class="rowpub" style="justify-content: space-between">
            <div style="width: 65%">
                <div >
                    <span style="color: #fff;">站点地图：</span>
                    <a style="color: #fff; text-decoration: none; margin-right: 10px" >首页</a>
                    <a style="color: #fff; text-decoration: none; margin-right: 10px" >政策文件</a>
                    <a style="color: #fff; text-decoration: none; margin-right: 10px" >动态通知</a>
                    <a style="color: #fff; text-decoration: none; margin-right: 10px" >项目介绍</a>
                    <a style="color: #fff; text-decoration: none; margin-right: 10px" >专家团队</a>
                    <a style="color: #fff; text-decoration: none; margin-right: 10px" >合作机构</a>
                    <a style="color: #fff; text-decoration: none; margin-right: 10px" >专业人才库</a>
                </div>
                <div style="margin-top: 23px">
                    <a style="color: #fff; text-decoration: none" >联系地址：<span style="color: #fff; text-decoration: none">北京市朝阳区高碑店地区源创空间大厦136室</span></a>
                </div>
                <div style="margin-top: 23px">
                    <a style="color: #fff; text-decoration: none" >CopyRight@2020.中国美发美容协会All Right Reserved京ICP备18016656号</a>
                </div>
            </div>
            <div style="width: 15%; text-align: center">
<!--                <th:block th:with="fileDatas=${@cmsDataHelper.getFiles(curRepository.id,{'qrCode'},30)}">-->
<!--                    <img th:if="${fileDatas['qrCode']}" th:src="${fileDatas['qrCode'].storeUrl}" alt="" style="width: 100px" />-->
<!--                </th:block>-->
                <p style="color: #fff; margin-top: 10px">扫描关注微信公众号</p>
            </div>
        </div>
    </div>
</footer>
</div>

<script>
    // 获取页面的每个按钮
    var btns = document.getElementsByClassName("btn");
    // 获取内容盒子
    var contents = document.getElementsByClassName("content1");
    for(var i=0;i<btns.length;i++) { // 遍历每个按钮为其添加点击事件
        btns[i].index = i;
        btns[i].onclick = function(){
            for(var j=0;j<btns.length;j++) { // 对当前点击的按钮赋予active类名及显示当前按钮对应的内容
                btns[j].className = btns[j].className.replace(' active', '').trim();
                contents[j].className = contents[j].className.replace(' show', '').trim();
            }
            this.className = this.className + ' active';
            contents[this.index].className = contents[this.index].className + ' show';
        };
    }
    // 轮播图
    $( "#target-1" ).HappyImage({
        effect: "slide",
        autoplay: 3000,
    });
</script>
</body>
</html>
