<!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="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/54eb5da74f424d3e9c5469d0db012e82.css" />
        
    
    
        
            <script type="text/javascript" src="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/6f9b5fd8a4f2482f8d414cb6749a1dcb.js" charset="utf-8"></script>
        
            <script type="text/javascript" src="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/ccf62d1753124155a43ba657c9fadaee.js" charset="utf-8"></script>
        
    
    <script type="text/javascript">
        function onControlCss(num,isQh) {
            [1,2,3].map(item=> {
                if(item == num) {
                    document.getElementById('project' + item).style.color = '#0B398C';
                    document.getElementById('project' + item).style.borderBottom = '3px solid #0B398C';
                    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';
                }
            })
        }
        function searchCerts(webId) {
            var repository = {"id":19,"code":"spaq","title":"\u4E2D\u56FD\u98DF\u54C1\u836F\u54C1\u4F01\u4E1A\u8D28\u91CF\u5B89\u5168\u4FC3\u8FDB\u4F1A","visitorCnt":0,"properties":{}};
            var cardId = $("#cardId2").val()||'';
            var certNum = $("#certNum1").val()||'';
            var name2 = $("#name2").val()||'';
            let num = 0;
            if(cardId) {
                num++
            }
            if(certNum) {
                num++
            }
            if(name2) {
                num++
            }
            if(num<2) {
                alert("请输入两个查询条件！");
                return false;
            }else {
                window.location.href="/w" + webId.id + '?cardId=' + cardId + '&certNum=' + certNum + '&name=' + name2;
            }
        }
    </script>
    <style type="text/css">
        *{
            margin:0;
            padding:0;
            list-style: none;
            text-decoration: none;
            font-family:"微软雅黑";
            font-size: 14px;
        }
        .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: #0B398C;
            padding: 8px 0;
            text-align: center;
            margin-bottom: 15px;
            border-bottom: 2px solid #0B398C;
        }
        .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":19,"code":"spaq","title":"\u4E2D\u56FD\u98DF\u54C1\u836F\u54C1\u4F01\u4E1A\u8D28\u91CF\u5B89\u5168\u4FC3\u8FDB\u4F1A","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/cd76f12b5aec4d4b934883f1848d0486/dc6d60f605e643a1a1465d5e5ba1e47b.png" alt="" style="margin-left: 0px;" />
            
        </div>
        <div >
            <p style="font-size:24px;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: #0B398C; color: #fff; border: 1px solid #0B398C; padding: 8px 15px; cursor: pointer" onClick="searchBanks()">搜索</button>
        </div>
    </div>
</header>
<!--导航-->
<nav >
    <ul class="rowpub" >
        
            
                <li ><a href="/w404" class="sel">首页</a></li>
                
                    
                        <!--                        <th:block th:if="${da.code == 'pxxm'}">-->
                        <!--                            <th:block th:with="childDatas=${@cmsDataHelper.getChildWebPageNavs(curRepository.id,da.id,1,30)}">-->
                        <!--                                <th:block th:each="child,childStat:${childDatas}">-->
                        <!--                                    <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{child.code},30)}">-->
                        <!--                                        <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                        <!--                                            <li style="position:relative" class="procenter" ><a th:attr="class=${curWebPage != null && (curWebPage.code=='jkfw'||curWebPage.code=='jygl'||curWebPage.code=='shfw')?'sel':''}" th:href="@{'/w' + ${child.id} + '/s' + ${contentStruNav.id} + '/1/12'}">培训项目</a></li>-->
                        <!--                                        </th:block>-->
                        <!--                                    </th:block>-->
                        <!--                                </th:block>-->
                        <!--                            </th:block>-->
                        <!--                        </th:block>-->
                        
                        
                            
                                
                                    <li style="position:relative" class="procenter" ><a href="/w405/s204/1/12" >政策文件</a></li>
                                
                                
                            
                        
                    
                        <!--                        <th:block th:if="${da.code == 'pxxm'}">-->
                        <!--                            <th:block th:with="childDatas=${@cmsDataHelper.getChildWebPageNavs(curRepository.id,da.id,1,30)}">-->
                        <!--                                <th:block th:each="child,childStat:${childDatas}">-->
                        <!--                                    <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{child.code},30)}">-->
                        <!--                                        <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                        <!--                                            <li style="position:relative" class="procenter" ><a th:attr="class=${curWebPage != null && (curWebPage.code=='jkfw'||curWebPage.code=='jygl'||curWebPage.code=='shfw')?'sel':''}" th:href="@{'/w' + ${child.id} + '/s' + ${contentStruNav.id} + '/1/12'}">培训项目</a></li>-->
                        <!--                                        </th:block>-->
                        <!--                                    </th:block>-->
                        <!--                                </th:block>-->
                        <!--                            </th:block>-->
                        <!--                        </th:block>-->
                        
                        
                            
                                
                                    <li style="position:relative" class="procenter" ><a href="/w407/s205/1/12" >动态通知</a></li>
                                
                                
                            
                        
                    
                        <!--                        <th:block th:if="${da.code == 'pxxm'}">-->
                        <!--                            <th:block th:with="childDatas=${@cmsDataHelper.getChildWebPageNavs(curRepository.id,da.id,1,30)}">-->
                        <!--                                <th:block th:each="child,childStat:${childDatas}">-->
                        <!--                                    <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{child.code},30)}">-->
                        <!--                                        <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                        <!--                                            <li style="position:relative" class="procenter" ><a th:attr="class=${curWebPage != null && (curWebPage.code=='jkfw'||curWebPage.code=='jygl'||curWebPage.code=='shfw')?'sel':''}" th:href="@{'/w' + ${child.id} + '/s' + ${contentStruNav.id} + '/1/12'}">培训项目</a></li>-->
                        <!--                                        </th:block>-->
                        <!--                                    </th:block>-->
                        <!--                                </th:block>-->
                        <!--                            </th:block>-->
                        <!--                        </th:block>-->
                        
                            <li style="position:relative" class="procenter">
                                <a style="cursor:pointer">项目介绍</a>
                                <div class="secnav" style="width:100%" >
                                    
                                        
                                            
                                                
                                                    <a href="/w445/s227/1/12" style="width:100%;cursor: pointer;">食品安全管理师</a>
                                                
                                            
                                        
                                    
                                </div>
                            </li>
                        
                        
                    
                        <!--                        <th:block th:if="${da.code == 'pxxm'}">-->
                        <!--                            <th:block th:with="childDatas=${@cmsDataHelper.getChildWebPageNavs(curRepository.id,da.id,1,30)}">-->
                        <!--                                <th:block th:each="child,childStat:${childDatas}">-->
                        <!--                                    <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{child.code},30)}">-->
                        <!--                                        <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                        <!--                                            <li style="position:relative" class="procenter" ><a th:attr="class=${curWebPage != null && (curWebPage.code=='jkfw'||curWebPage.code=='jygl'||curWebPage.code=='shfw')?'sel':''}" th:href="@{'/w' + ${child.id} + '/s' + ${contentStruNav.id} + '/1/12'}">培训项目</a></li>-->
                        <!--                                        </th:block>-->
                        <!--                                    </th:block>-->
                        <!--                                </th:block>-->
                        <!--                            </th:block>-->
                        <!--                        </th:block>-->
                        
                        
                            
                                
                                    <li style="position:relative" class="procenter" ><a href="/w410/s207/1/12" >专家团队</a></li>
                                
                                
                            
                        
                    
                        <!--                        <th:block th:if="${da.code == 'pxxm'}">-->
                        <!--                            <th:block th:with="childDatas=${@cmsDataHelper.getChildWebPageNavs(curRepository.id,da.id,1,30)}">-->
                        <!--                                <th:block th:each="child,childStat:${childDatas}">-->
                        <!--                                    <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{child.code},30)}">-->
                        <!--                                        <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                        <!--                                            <li style="position:relative" class="procenter" ><a th:attr="class=${curWebPage != null && (curWebPage.code=='jkfw'||curWebPage.code=='jygl'||curWebPage.code=='shfw')?'sel':''}" th:href="@{'/w' + ${child.id} + '/s' + ${contentStruNav.id} + '/1/12'}">培训项目</a></li>-->
                        <!--                                        </th:block>-->
                        <!--                                    </th:block>-->
                        <!--                                </th:block>-->
                        <!--                            </th:block>-->
                        <!--                        </th:block>-->
                        
                        
                            
                                
                                    <li style="position:relative" class="procenter" ><a href="/w412/s208/1/12" >合作机构</a></li>
                                
                                
                            
                        
                    
                        <!--                        <th:block th:if="${da.code == 'pxxm'}">-->
                        <!--                            <th:block th:with="childDatas=${@cmsDataHelper.getChildWebPageNavs(curRepository.id,da.id,1,30)}">-->
                        <!--                                <th:block th:each="child,childStat:${childDatas}">-->
                        <!--                                    <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{child.code},30)}">-->
                        <!--                                        <th:block th:if="${not #lists.isEmpty(contentStruNavs)}" th:each="contentStruNav,contentStruNavStat:${contentStruNavs}">-->
                        <!--                                            <li style="position:relative" class="procenter" ><a th:attr="class=${curWebPage != null && (curWebPage.code=='jkfw'||curWebPage.code=='jygl'||curWebPage.code=='shfw')?'sel':''}" th:href="@{'/w' + ${child.id} + '/s' + ${contentStruNav.id} + '/1/12'}">培训项目</a></li>-->
                        <!--                                        </th:block>-->
                        <!--                                    </th:block>-->
                        <!--                                </th:block>-->
                        <!--                            </th:block>-->
                        <!--                        </th:block>-->
                        
                        
                            
                                
                                    <li style="position:relative" class="procenter" ><a href="/w414/s209/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="http://resfiles.bjcscn.com/dde02aa299aa47bfb949f4e028f2852e/16399e2c8dc54a33b9b7970bdf624083.jpg" alt="" style="width: 100%; max-height: 280px" />
                                    </div>
                                    <div >
                                        <img src="http://resfiles.bjcscn.com/f08d0ce4489c466c8e84e6358462c8a4/3aea481dadee4b4a8aad1025f8c98d95.png" alt="" style="width: 100%; max-height: 280px" />
                                    </div>
                                    <div >
                                        <img src="http://resfiles.bjcscn.com/42db94064e2d42f7afa50afa96c94232/9118b67c81174d6c8fde483629d62290.jpg" alt="" style="width: 100%; max-height: 280px" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="textlists" style="width: 64%">
                    <!--资讯动态、政策文件、通知公告-->
                    <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="w405/s204/1/12">查看更多>></a>
                                
                                <div style="flex: 1;">
                                    
                                        
                                            <a class="rowpub" href="w406/c2142">
                                                <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: #0B398C; width: 150px; text-align: right">2022-12-01 17:28</p>
                                            </a><a class="rowpub" href="w406/c2141">
                                                <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: #0B398C; width: 150px; text-align: right">2022-12-01 17:23</p>
                                            </a><a class="rowpub" href="w406/c2140">
                                                <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: #0B398C; width: 150px; text-align: right">2022-12-01 17:00</p>
                                            </a><a class="rowpub" href="w406/c2138">
                                                <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: #0B398C; width: 150px; text-align: right">2022-12-01 16:22</p>
                                            </a><a class="rowpub" href="w406/c2137">
                                                <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: #0B398C; width: 150px; text-align: right">2022-12-01 15:55</p>
                                            </a>
                                        
                                    
                                </div>
                            
                        
                    </div>
                    <div class="content1">
                        
                            
                                
                                    <a style="position: absolute; top: -45px; right: 0; color: #999" href="w407/s205/1/12">查看更多>></a>
                                
                                <div style="flex: 1;">
                                    
                                        
                                            <a class="rowpub" href="w408/c32231">
                                                <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;">关于开展“食品安全管理师”职业能力考核评价（260321批次）线上考试的通知</p>
                                                <p style="color: #0B398C; width: 150px; text-align: right">2026-01-30 11:02</p>
                                            </a><a class="rowpub" href="w408/c32207">
                                                <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;">关于“食品安全管理师”职业能力考核评价线上考试（20251220批次）成绩公示的通知</p>
                                                <p style="color: #0B398C; width: 150px; text-align: right">2026-01-15 11:06</p>
                                            </a><a class="rowpub" href="w408/c32030">
                                                <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;">关于开展“食品安全管理师”职业能力考核评价（251220批次）线上考试的通知</p>
                                                <p style="color: #0B398C; width: 150px; text-align: right">2025-11-14 16:20</p>
                                            </a><a class="rowpub" href="w408/c31950">
                                                <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;">关于“食品安全管理师”职业能力考核评价线上考试（20250920批次）成绩公示的通知</p>
                                                <p style="color: #0B398C; width: 150px; text-align: right">2025-10-22 12:20</p>
                                            </a><a class="rowpub" href="w408/c31826">
                                                <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;">关于开展“食品安全管理师”职业能力考核评价（250920批次）线上考试的通知</p>
                                                <p style="color: #0B398C; width: 150px; text-align: right">2025-08-18 16:56</p>
                                            </a>
                                        
                                    
                                </div>
                            
                        
                    </div>
                </div>
                <!--证书查询-->
                <div class="textlists" style="width: 0; display: none">
                    <div class="rowpub titlev">
                        <span class="title"><span style="font-size: 16px; color: #0B398C; border-bottom: 3px solid #0B398C; padding-bottom: 7px;">证书查询</span></span>
                    </div>
                    <!--证书查询-->
                    <div id="qt" >
                        
                            <div class="rowpub cxtj" style="border: 2px solid #EBEBEB">
                                <img src="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/efa2f65e8dc444cbb5fb1a0bb1bf15bf.png" 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 src="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/efa2f65e8dc444cbb5fb1a0bb1bf15bf.png" 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 src="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/efa2f65e8dc444cbb5fb1a0bb1bf15bf.png" style="width:17px;"/>
                                <input type="text" id="name2" size="45" name="name" searchType="searchType" class="inputClass"  placeholder="请输入您要查询的考生姓名"/>
                            </div>
                        
                        <p style="color:#0B398C;text-align: center;margin-bottom: 30px">注：请输入以上两项内容进行查询</p>
                        
                            <button type="submit" class="xcbtn" onclick="searchCerts({&quot;id&quot;:428,&quot;title&quot;:&quot;\u8BC1\u4E66\u67E5\u8BE2&quot;,&quot;hieIds&quot;:[404,428],&quot;code&quot;:&quot;certQuery&quot;,&quot;navTitle&quot;:&quot;\u8BC1\u4E66\u67E5\u8BE2&quot;});" style="cursor:pointer">查询</button>
                        
                    </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: #0B398C; border-bottom: 3px solid #0B398C; 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="jsData=${@cmsDataHelper.getCssJsUrls(curRepository.id,{'vue','qh'},30)}">-->
                <!--                    <th:block th:if="${not #lists.isEmpty(jsData)}" th:each="js,jsStat:${jsData}">-->
                <!--                        <script type="text/javascript" th:if="${js.linkUrl}" th:src="${js.linkUrl}" charset="utf-8"></script>-->
                <!--                    </th:block>-->
                <!--                </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: #0B398C; border-bottom: 3px solid #0B398C; padding-bottom: 7px; cursor: pointer" >项目类别</span></span>
                        <span>
                            
                                
                                    
                                        <a style="position: absolute; top: 0px; right: 0; color: #999" href="w417/s211/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="w417/s211/1/12">
                                                                            <img src="http://resfiles.bjcscn.com/970fe02b79a3473097f922977a2bef6e/67e5c0785099491898099d7ba233d2af.jpg" 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="w419/s212/1/12">
                                                                            <img src="http://resfiles.bjcscn.com/457b7264fcf846019a96f4be217cfc75/5b5e953f6bda4ba9a0ed4fa4d3c7a5c8.jpg" 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="w421/s213/1/12">
                                                                            <img src="http://resfiles.bjcscn.com/8ad0a4f9c12647aabbe2715e95c1388d/2df43577ed324f70b6b6ea66bdffb10f.jpg" 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="w426/s218/1/12">
                                                                            <img src="http://resfiles.bjcscn.com/d5e0bcf7f7c843f29bce59429a07db39/8add6a1067f145b38774e1f5462cbea1.jpg" 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="w429/s219/1/12">
                                                                            <img src="http://resfiles.bjcscn.com/null/53660eb233234b189422b6d990affd30.jpg" 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="w431/s220/1/12">
                                                                            <img src="http://resfiles.bjcscn.com/e2b7bcb6bae34d98a5c42a82bdaa871a/a893bfbb311241ce8d2c8b299ae79026.jpg" 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/cd76f12b5aec4d4b934883f1848d0486/b68700d784a5414896ab4b8e9a62e31d.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; position: relative">
                    
                        <a href="https://axypc.zyjnpx.com/?unitUid=5cb61aabb04844bf9c0e44553c306f1d" target="_blank">
                            <img src="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/1c966e590eba485e889784e92ae3b98a.png" alt="" style="width: 100%" />
                        </a>
                        <img src="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/96fe56cc2fac41b58a02a4f28e715b6b.png" alt="" style="width: 100px; position: absolute; right: 3%; bottom: 10%" />
                    
                </div>
                <div class="textlists" style="width: 100%; margin-right: 0">
                    <!--快速入口-->
                    <!--                <div class="rowpub titlev">-->
                    <!--                    <span class="title"><span style="font-size: 16px; color: #0B398C; border-bottom: 3px solid #0B398C; padding-bottom: 7px;">快速入口</span></span>-->
                    <!--                </div>-->
                    
                        <div class="rowpub" style="justify-content: space-between;margin-top: 10px">
                            <a href="http://jtbm.bjcscn.com/#/?sysType=spgl" target="_blank" style="width:21%;background: #0B398C; height: 100%; text-align: center;">
                                <img src="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/1efca4333fdc47aeb5b087abf165f315.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: #3263BB; height: 100%; text-align: center;">
                                <img src="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/60480d6c40534934a27da916e5c8b40f.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: #5874A7; height: 100%; text-align: center;">
                                <img src="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/877231c5e2654161984f15b24a6feb2d.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://rdkw.bjcscn.com/skillCognizanceLogin?sysType=spgl" target="_blank" style="width: 48%; height: 110px; background-color: #6487C8; text-decoration: none; text-align: center" id="system1">
                                        <img src="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/36183038cab74651b0c7f32a51a9796b.png" alt="" style="margin-top: 25px; margin-bottom: 5px">
                                        <p style="text-align: center; color: #fff">考务管理</p>
                                    </a>
                                    <a href="http://axyjg.zyjnpx.com/minitrainLogin" target="_blank" style="width: 48%; height: 110px; background-color: #3263BB; text-decoration: none; text-align: center" id="system2">
                                        <img src="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/c121156ea2d64e81b18151f139902fc5.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: #4871BA; text-decoration: none; text-align: center" id="system3">
                                        <img src="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/1a34f6ec056a43bca83de2009b1ec16f.png" alt="" style="margin-top: 25px; margin-bottom: 5px" >
                                        <p style="text-align: center; color: #fff">考试管理</p>
                                    </a>
                                    <a href="http://rdkw.bjcscn.com/skillCognizanceLogin?sysType=spgl" target="_blank" style="width: 48%; height: 110px; background-color: #0B398C; text-decoration: none; text-align: center" id="system4">
                                        <img src="http://resfiles.bjcscn.com/cd76f12b5aec4d4b934883f1848d0486/6f3097f44928435ba05266b5a477d716.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;">
                    <!--专家团队-->
                    
                        
                            
                                <div class="rowpub titlev">
                                    <span class="title"><span style="font-size: 16px; color: #0B398C; border-bottom: 3px solid #0B398C; padding-bottom: 7px;">专家团队</span></span>
                                    <a style="color: #999" href="w410/s207/1/12">更多>></a>
                                </div>
                            
                            <div class="rowpub" style="justify-content: space-between; margin-top: 10px">
                                
                                    
                                        
                                    
                                
                            </div>
                        
                    
                </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: #0B398C; border-bottom: 3px solid #0B398C; 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; padding: 10px 0px">
                    <!--课程展示-->
                    
                        
                            
                                <div class="rowpub titlev">
                                    <span class="title"><span style="font-size: 16px; color: #0B398C; border-bottom: 3px solid #0B398C; padding-bottom: 7px;">课程展示</span></span>
                                    <a href="w423/s214/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/cd76f12b5aec4d4b934883f1848d0486/b68700d784a5414896ab4b8e9a62e31d.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: #0B398C; border-bottom: 3px solid #0B398C; 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: #0B398C; border-bottom: 3px solid #0B398C; 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: #0B398C; 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 style="margin-top: 23px">
                    <a style="color: #fff; text-decoration: none" >办公地址：<span style="color: #fff; text-decoration: none">北京市朝阳区霄云路32号食品科技大厦三层</span></a>
                </div>
                <div class="rowpub" style="margin-top: 23px">
                    <a style="color: #fff; text-decoration: none; margin-right: 30px" >联系电话：<span style="color: #fff; text-decoration: none">010-62484982</span></a>
                    <a style="color: #fff; text-decoration: none; margin-right: 30px" >电子邮箱：<span style="color: #fff; text-decoration: none">FDSA@fdsa.org.cn</span></a>
                    <a style="color: #fff; text-decoration: none" >邮编：<span style="color: #fff; text-decoration: none">100125</span></a>
                </div>
                <div style="margin-top: 23px">
                    <a style="color: #fff; text-decoration: none" >版权所有：<span style="color: #fff; text-decoration: none">中国食品药品企业质量安全促进会</span></a>
                </div>
                <div class="rowpub" style="margin-top: 23px">
                    <a style="color: #fff; text-decoration: none; margin-right: 30px" >ICP备案号：<span style="color: #fff; text-decoration: none">京ICP备14061768号-1</span></a>
                    <a style="color: #fff; text-decoration: none" >京公网安备：<span style="color: #fff; text-decoration: none">11010802023304号</span></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>
