<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, userer-scalableble=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edgege">
    
    <title >碳排放职业能力建设平台</title>
    
        <link rel="shortcut icon" href="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/b44cb234aa0e4fe286e18de6ecf0501b.png" />
    
    
    
        <meta name="keywords" />
    
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3625096_tvn6z83xk0c.css" />
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3149266_mk56gkwg3v.css">
    
        
            <link rel="stylesheet" href="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/d3f66fdcb8a64d97b41a9ecae809affa.css" />
        
    
    
        
            <script type="text/javascript" src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/81e0c69ca8c9478ba21dadf9fd15f43f.js" charset="utf-8"></script>
        
    
    <script type="text/javascript">
        window.onload = function(){
            var obtn = document.getElementById('return_top');  //获取回到顶部按钮的ID
            var clientHeight = document.documentElement.clientHeight;   //获取可视区域的高度
            var timer = null; //定义一个定时器
            var isTop = true; //定义一个布尔值，用于判断是否到达顶部
            window.onscroll = function(){ //滚动条滚动事件
                //获取滚动条的滚动高度
                var osTop = document.documentElement.scrollTop || document.body.scrollTop;
                // if(osTop >= clientHeight){  //如果滚动高度大于可视区域高度，则显示回到顶部按钮
                //     obtn.style.display = 'block';
                // }else{         //否则隐藏
                //     obtn.style.display = 'none';
                // }
                //主要用于判断当 点击回到顶部按钮后 滚动条在回滚过程中，若手动滚动滚动条，则清除定时器
                if(!isTop){
                    clearInterval(timer);
                }
                isTop = false;
            };
            obtn.onclick = function(){    //回到顶部按钮点击事件
                //设置一个定时器
                timer = setInterval(function(){
                    //获取滚动条的滚动高度
                    var osTop = document.documentElement.scrollTop || document.body.scrollTop;
                    //用于设置速度差，产生缓动的效果
                    var speed = Math.floor(-osTop / 6);
                    document.documentElement.scrollTop = document.body.scrollTop = osTop + speed;
                    isTop =true;  //用于阻止滚动事件清除定时器
                    if(osTop == 0){
                        clearInterval(timer);
                    }
                },30);
            }
        };
        const codeService = "http://rd.cemcb.org.cn/cpnsp";
        function generateUUID() {
            let d = new Date().getTime();
            if (window.performance && typeof window.performance.now === "function") {
                d += performance.now(); //use high-precision timer if available
            }
            let uuid = 'xxxxxxxxxxxxxy4xxxyyxxxyxxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
                let r = (d + Math.random() * 16) % 16 | 0;
                d = Math.floor(d / 16);
                return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
            });
            return uuid;
        }
        function getVerfifyCode() {
            codeKey = generateUUID();
            var tbBody = "<img src='"+ codeService + "/kaptcha/getVerfifyCodeImg/"+codeKey+"' alt=\"\" style='margin-top: 4px' />";
            $("#zxbmImg3").html(tbBody);
        }
        function searchCerts(webId) {
            var repository = {"id":7,"code":"cpf","title":"\u78B3\u6392\u653E\u804C\u4E1A\u80FD\u529B\u5EFA\u8BBE\u5E73\u53F0","visitorCnt":0,"properties":{}};
            var cardId = $("#cardId2").val()||'';
            var certNum = $("#certNum1").val()||'';
            var name2 = $("#name2").val()||'';
            var searchValue4 = $("#textInput4").val()||'';
            let num = 0;
            if(cardId) {
                num++
            }
            if(certNum) {
                num++
            }
            if(name2) {
                num++
            }
            if(!searchValue4){
                alert("请输入验证码！");
                return false;
            }
            if(num<2) {
                alert("请输入两个查询条件！");
                return false;
            }else {
                window.location.href="/w" + webId.id + '?cardId=' + cardId + '&certNum=' + certNum + '&name=' + name2 + '&verifyCode=' + searchValue4;
            }
        }
        $(document).ready(function() {
            getVerfifyCode();
        })
    </script>
    <style type="text/css">
        .btn{
            background: #E5E5E5;
            color: #505050;
            font-size: 16px;
            padding: 5px 0;
            text-align: center;
            margin-bottom: 15px;
        }
        .content1{
            position: relative;
            margin: 30px auto 10px;
            display: none;
        }
        .btn.active{
            font-size: 16px;
            background: #579688;
            color: #FFFFFF;
            padding: 5px 0;
            text-align: center;
            margin-bottom: 15px;
        }
        .content1.show{
            display:block;
        }
    </style>
</head>
<body>
<!--头部-->

    <div>
    
        <script type="text/javascript" src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/316e590205cd4f4eb9a2c0e91ab34eec.js" charset="utf-8"></script>
    

<script type="text/javascript">
    function searchBanks() {
        var searchValue = $("#textInput").val();
        var repository = {"id":7,"code":"cpf","title":"\u78B3\u6392\u653E\u804C\u4E1A\u80FD\u529B\u5EFA\u8BBE\u5E73\u53F0","visitorCnt":0,"properties":{}};
        if(!searchValue) {
            alert("请输入搜索内容")
        }else {
            window.location.href="/search/" + repository.id + '/' + '1/10/?searchText=' +searchValue;
        }
    }
</script>
<style>
    #target-1 img{
        width: 100% !important;
        height: 97% !important;
    }
</style>
<header class="rowpub">
    <!--logo-->
    <a class="rowpub">
        <div style="margin-right: 15px;">
            
                <img src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/77cf3913ae6b4916b36920b833b49c0f.png" alt="" style="width:300px;margin-left:5px" />
            
        </div>
    </a>
    <!--搜索-->
    <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: #509688; color: #fff; border: 1px solid #509688; padding: 8px 15px; cursor: pointer" onClick="searchBanks()">搜索</button>
    </div>
</header>
<!--导航-->
<nav style="margin: 0 auto">
    <ul class="rowpub">
        
            
<!--                <li ><a th:href="@{'/w' + ${data.id}}" th:attr="class=${curWebPage != null && data.id==curWebPage.id?'sel':''}">首页</a></li>-->
                
                    <li ><a href="http://www.cemcb.org.cn" class="sel">首页</a></li>
                
            
        
        
            
                
                    
                        
                            
                                <li style="position:relative" class="procenter" ><a href="/w52/s35/1/10">政策法规</a></li>
                            
                        
                    
                
            
        
        <!--        <th:block th:with="listDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'zxkc'},30)}">-->
        <!--            <th:block th:each="data,dataStat:${listDatas}">-->
        <!--                <th:block th:with="childDatas=${@cmsDataHelper.getChildWebPageNavs(curRepository.id,data.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=='cjcy'||curWebPage.code=='chsy'||curWebPage.code=='chcy'||curWebPage.code=='cjyy'||curWebPage.code=='czxy'||curWebPage.code=='cgly')?'sel':''}" th:href="@{'/w' + ${child.id} + '/s' + ${contentStruNav.id} + '/1/10'}">在线课程</a></li>-->
        <!--                            </th:block>-->
        <!--                        </th:block>-->
        <!--                    </th:block>-->
        <!--                </th:block>-->
        <!--            </th:block>-->
        <!--        </th:block>-->
        
            
                <li style="position:relative" class="procenter"><a href="/w43">在线课程</a></li>
            
        
        
            
                <li style="position:relative" class="procenter"><a href="/w44">能力建设</a></li>
            
        
        
            
                
                    
                        <li style="position:relative" class="procenter" ><a href="/w45/s29/1/10">专家智库</a></li>
                    
                
            
        
        
            
                
                    
                        
                            
                                <li style="position:relative" class="procenter" ><a href="/w295/s147/1/10">基地展示</a></li>

                            
                        
                    
                
            
        
        
            
                
                    
                        <li style="position:relative" class="procenter" ><a href="/w47/s31/1/10">知识解读</a></li>
                    
                
            
        
        
            
                <li style="position:relative" class="procenter"><a href="/w48">联系我们</a></li>
            
        
    </ul>
</nav>
<!--<th:block th:with="fileDatas=${@cmsDataHelper.getFiles(curRepository.id,{'nav'},30)}">-->
<!--    <img th:if="${fileDatas['nav']}" th:src="${fileDatas['nav'].storeUrl}" alt="" style="width: 100%" />-->
<!--</th:block>-->
<!--轮播图/475-->
<div style="width:100%;position: relative;margin: 0 auto" >
    <div style="width:100%;float: left">
        <div class="target" id="target-1" style="position:relative;height:560px">
            <div >
                
                    
                        <!--                        <div th:if="${data.content}" th:utext="${data.content}"></div>-->
                        <img src="http://resfiles.bjcscn.com/46fb13ff196b4f6ab04c9e3e80d14e97/34e92d62642a4f89b8d572e6d0b5387d.jpg" alt="" style="width: 100%" />
                    
                        <!--                        <div th:if="${data.content}" th:utext="${data.content}"></div>-->
                        <img src="http://resfiles.bjcscn.com/06474e3d0d2c4df9b4b180b1dd0334ac/896b8f01c45a40dcaf6224c204361403.jpg" alt="" style="width: 100%" />
                    
                        <!--                        <div th:if="${data.content}" th:utext="${data.content}"></div>-->
                        <img src="http://resfiles.bjcscn.com/d5d97a9a0b63484d97f49bb8eff1b082/358fe23f227f4c7787db73b541924ae9.jpg" alt="" style="width: 100%" />
                    
                
            </div>
        </div>
    </div>
</div>
<script>
    // 轮播图
    $( "#target-1" ).HappyImage({
        effect: "slide",
        autoplay: 3000,
    });
</script>
</div>

<div style="background: #f6f6f6; padding-top: 10px">
    <!--资讯聚焦-->
    <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" style="width:62%;align-items: flex-start;justify-content: space-between;background: #FFFFFF; padding: 10px 15px;">
                <!--通知公告、焦点新闻、工作动态-->
                <div class="rowpub" style="align-items:flex-start;justify-content:space-between;height:468px">
                    <div style="width:25%;margin-right: 20px">
                        <p style="font-size: 40px; color: #579688; margin-top: 15px">NEWS</p>
                        <p style="font-size: 40px; color: #579688; margin-bottom: 15px">FOCUS</p>
                        <p style="font-size: 28px; color: #151515; margin-bottom: 15px">资讯聚焦</p>
                        <div class="btn active" style="cursor: pointer">
                            <p>通知公告</p>
                            <p style="font-size: 10px">Notice</p>
                        </div>
                        <div class="btn" style="cursor: pointer">
                            <p>焦点新闻</p>
                            <p style="font-size: 10px">Focus News</p>
                        </div>
                        <div class="btn" style="cursor: pointer">
                            <p>工作动态</p>
                            <p style="font-size: 10px">Operating Performance</p>
                        </div>
                    </div>
                    <div style="width:72%">
                        
                            <div class="content1 show" >
                                
                                    
                                        
                                            <a href="w76/s46/1/10" style="position: absolute; top: -20px; right: 0; color: #fff; background: #579688; padding: 5px 10px;">查看更多</a>
                                        
                                        <div  style="flex: 1">
                                            
                                                
                                                    <a class="rowpub" style="width:100%;justify-content: space-between" href="w79/c1095">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>碳排放管理员在线考试用户手册</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2022-07-29 11:59</p>
                                                    </a><a class="rowpub" style="width:100%;justify-content: space-between" href="w79/c745">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>关于印发《碳排放管理员职业能力建设指南》的通知</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2022-06-20 14:54</p>
                                                    </a>
                                                
                                            
                                        </div>
                                    
                                
                            </div>
                            <div class="content1">
                                
                                    
                                        
                                            <a href="w77/s47/1/10" style="position: absolute; top: -20px; right: 0; color: #fff; background: #579688; padding: 5px 10px;">查看更多</a>
                                        
                                        <div  style="flex: 1">
                                            
                                                
                                                    <a class="rowpub" style="width:100%;justify-content: space-between" href="w80/c31615">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>2025年度工业节能降碳诊断服务工作启动</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2025-04-18 10:00</p>
                                                    </a><a class="rowpub" style="width:100%;justify-content: space-between" href="w80/c31614">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>如何推动全国碳市场建设（政策问答·加紧经济社会发展全面绿色转型）</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2025-04-11 10:00</p>
                                                    </a><a class="rowpub" style="width:100%;justify-content: space-between" href="w80/c31593">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>生态环境部发布《全国碳排放权交易市场覆盖钢铁、水泥、铝冶炼行业工作方案》</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2025-03-28 10:00</p>
                                                    </a><a class="rowpub" style="width:100%;justify-content: space-between" href="w80/c31586">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>工信部印发《工业企业和园区数字化能碳管理中心建设指南》</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2025-03-21 10:30</p>
                                                    </a><a class="rowpub" style="width:100%;justify-content: space-between" href="w80/c31585">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>降碳增绿护生态（两会聚焦）</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2025-03-14 10:00</p>
                                                    </a><a class="rowpub" style="width:100%;justify-content: space-between" href="w80/c31584">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>李强总理在政府工作报告中提出，协同推进降碳减污扩绿增长，加快经济社会发展全面绿色转型</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2025-03-07 10:00</p>
                                                    </a><a class="rowpub" style="width:100%;justify-content: space-between" href="w80/c31485">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>加紧经济社会发展全面绿色转型</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2025-02-28 10:00</p>
                                                    </a>
                                                
                                            
                                        </div>
                                    
                                
                            </div>
                            <div class="content1">
                                
                                    
                                        
                                            <a href="w78/s48/1/10" style="position: absolute; top: -20px; right: 0; color: #fff; background: #579688; padding: 5px 10px;">查看更多</a>
                                        
                                        <div  style="flex: 1">
                                            
                                                
                                                    <a class="rowpub" style="width:100%;justify-content: space-between" href="w81/c2222">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>共克时艰 国化中心碳排放管理员考试如期举行</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2023-01-06 11:25</p>
                                                    </a><a class="rowpub" style="width:100%;justify-content: space-between" href="w81/c1293">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>国化领导赴天津滨海基地走访调研</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2022-08-26 17:34</p>
                                                    </a><a class="rowpub" style="width:100%;justify-content: space-between" href="w81/c847">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>碳排放管理员职业能力建设稳步推进</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2022-07-01 17:52</p>
                                                    </a><a class="rowpub" style="width:100%;justify-content: space-between" href="w81/c642">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>石化联合会携手地方共育“碳人才”</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2021-07-21 15:43</p>
                                                    </a><a class="rowpub" style="width:100%;justify-content: space-between" href="w81/c641">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>碳排放管理员成新职业 首期培训班连云港开班</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2021-06-18 10:11</p>
                                                    </a><a class="rowpub" style="width:100%;justify-content: space-between" href="w81/c640">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span>赢在职业化人才培育的新赛道 碳排放管理员新职业培训正式“开班”</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2021-06-17 11:22</p>
                                                    </a><a class="rowpub" style="width:100%;justify-content: space-between" href="w81/c635">
                                                        <p style="flex:1;color: #656565; border-bottom: 1px solid #f6f6f6; line-height: 30px; padding: 10px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;" ><i class="iconfont" style="color: #148c68">&#xe6a4;</i><span> 六大行业碳排放量之和超过全国碳排放总量74% 协同行动，六大行业协会按下碳排放管理员人才培育“启动键”</span></p>
                                                        <p style="color:#579688; width:180px; text-align: right">2021-04-30 11:32</p>
                                                    </a>
                                                
                                            
                                        </div>
                                    
                                
                            </div>
                        
                    </div>
                </div>
            </div>
            <div class="textlists" style="width:33%;margin-right: 0">
                
                    
                        <a href="/w361" target="_blank">
                            <div class="rowpub" style="background: #579688; width: 100%; padding: 15px 0; color: #fff; text-align: center; position: relative; justify-content: center" >
                                
                                    <img src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/dca2b25973c44a65ac7cdbd28ee36f2e.png" alt="" style="width: 20px; " />
                                
                                <p style="margin-left: 10px">全国碳排放人才库</p>
                            </div>
                        </a>
                    
                
                <!--证书查询-->
                <div style="margin-top: 10px; padding: 10px; background: #FFFFFF;">
                    <div class="rowpub titlev">
                        <span class="title"><span style="font-size: 16px; color: #148c68; border-bottom: 3px solid #148c68; padding-bottom: 7px;">证书查询</span></span>
                    </div>
                    <div id="zs" >
                        <div class="rowpub cxtj" style="border: 2px solid #EBEBEB">
                            
                                <img src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/62d021ebea3a45f69c20567cb96aa238.png" alt="" 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/df2dc48b1c2f4a66b8ffc5ac214c2a6f/62d021ebea3a45f69c20567cb96aa238.png" alt="" 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/df2dc48b1c2f4a66b8ffc5ac214c2a6f/62d021ebea3a45f69c20567cb96aa238.png" alt="" style="width:17px;" />
                            
                            <input type="text" id="name2" size="45" name="name" searchType="searchType" class="inputClass"  placeholder="请输入您要查询的考生姓名"/>
                        </div>
                        <div class="rowpub" style="width: 90%; margin: -4px auto 20px; justify-content: space-between;">
                            <div class="rowpub inputv" style="margin: 0px auto; border-radius: 0; border: 2px solid #EBEBEB;">
                                
                                    <img src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/62d021ebea3a45f69c20567cb96aa238.png" alt="" style="width:17px;margin-left: 15px;" />
                                
                                <input id="textInput4" placeholder="请输入验证码" style="width: 95%" placeholder-style="color:#d6c5c5;" name="searchText" title="请输入验证码" type="input" value="" maxlength="100" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false"  />
                            </div>
                            <div id="zxbmImg3" style="text-align: right" onClick="getVerfifyCode()">
                                <img src="" alt="" />
                            </div>
                        </div>
                        <p style="color:#DA1E1E;text-align: center;margin-bottom: 30px">注：请输入以上两项内容进行查询</p>
                        
                            <button type="submit" class="xcbtn" onclick="searchCerts({&quot;id&quot;:275,&quot;title&quot;:&quot;\u8BC1\u4E66\u67E5\u8BE2&quot;,&quot;hieIds&quot;:[41,275],&quot;code&quot;:&quot;certQuery&quot;,&quot;navTitle&quot;:&quot;\u8BC1\u4E66\u67E5\u8BE2&quot;});" style="cursor:pointer">查询</button>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
    
        <!--        href="https://axypc.zyjnpx.com/?unitUid=7d361c57abb84c43a06b2777bd743928&showToggle=0"-->
        <a target="_blank">
            <img src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/13a9cb16e1084e06a319b6a6da265673.png" alt="" style="width: 100%; margin-bottom: -7px" />
        </a>
    
    
        
            <!-- 609289 -->
            <div style="background-color: #f6f6f6; margin: 0">
                
                    <!-- background: rgba(214,222,220,0.5) -->
                    <div style="width: 80%; max-width: 1200px; margin: 0 auto; ">
                        <div class="rowpub titlev" style="justify-content: space-between; border-bottom: 1px; padding-top: 10px">
                            <span class="title"><span style="font-size: 20px; color: #609289; border-bottom: 3px solid #e19611; padding-bottom: 5px;">教学中心</span></span>
                        </div>
                        <div style="padding: 10px 15px">
                            
                                
                                    <div class="rowpub" style="padding-top: 20px; justify-content: space-between; flex-wrap: wrap;">
                                        <div style="width: 48%; margin-bottom: 40px; position: relative">
                                            <img src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/a3f58b57dbcf4abfbcec9df52069b4e8.png" alt="" style="width: 100%; box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.35);" />
                                            <div style="position: absolute; bottom: 15%; left: 0; width: 100%;">
                                                <div class="rowpub" style="background-color: #609289; padding: 10px; width: 97%; height: 50px; justify-content: space-between">
                                                    <div style="flex: 1">
                                                        <p style="color: #ffffff; text-decoration: none; font-size: 18px; font-weight: bold">碳排放管理员</p>
                                                        <p style="color: #ffffff; text-decoration: none; font-size: 18px; font-weight: bold">在线培训平台</p>
                                                    </div>
                                                    <div style="background-color: #f9b72c; padding: 10px; border-radius: 50px; margin-right: 10px; box-shadow: 0px 0px 7px 3px rgba(244,151,0,0.35);">
                                                        <a href="https://axypc.zyjnpx.com/?unitUid=7d361c57abb84c43a06b2777bd743928&showToggle=0" target="_blank" style="color: #ffffff; text-decoration: none; font-size: 18px; font-weight: bold; text-align: center">点击进入</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="width: 48%; margin-bottom: 40px; position: relative">
                                            <img src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/c8d067cf9c924fadb2ec19695dd23548.png" alt="" style="width: 100%; box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.35);" />
                                            <div style="position: absolute; bottom: 15%; left: 0; width: 100%;">
                                                <div class="rowpub" style="background-color: rgba(201,200,189,0.5); padding: 10px; width: 97%; height: 50px; justify-content: space-between">
                                                    <div style="flex: 1">
                                                        <p style="color: #ffffff; text-decoration: none; font-size: 18px; font-weight: bold">考评员/督导员</p>
                                                        <p style="color: #ffffff; text-decoration: none; font-size: 18px; font-weight: bold">在线培训平台</p>
                                                    </div>
                                                    <div style="background-color: #f9b72c; padding: 10px; border-radius: 50px; margin-right: 10px; box-shadow: 0px 0px 7px 3px rgba(244,151,0,0.35);">
                                                        <a href="https://axypc.zyjnpx.com/?unitUid=87e11ed6093d4e2da38464b251bb6b9d" target="_blank" style="color: #ffffff; text-decoration: none; font-size: 18px; font-weight: bold; text-align: center">点击进入</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="width: 48%; margin-bottom: 40px; position: relative">
                                            <img src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/69249e88fc934b6ab8c580dfa79ee51a.png" alt="" style="width: 100%; box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.35);" />
                                            <div style="position: absolute; bottom: 15%; left: 0; width: 100%;">
                                                <div class="rowpub" style="background-color: rgba(159,156,156,0.5); padding: 10px; width: 97%; height: 50px; justify-content: space-between">
                                                    <div style="flex: 1">
                                                        <p style="color: #ffffff; text-decoration: none; font-size: 18px; font-weight: bold">机构报名</p>
                                                    </div>
                                                    <div style="background-color: #f9b72c; padding: 10px; border-radius: 50px; margin-right: 10px; box-shadow: 0px 0px 7px 3px rgba(244,151,0,0.35);">
                                                        <a href="http://bm.cemcb.org.cn/#/?sysType=cpf" target="_blank" style="color: #ffffff; text-decoration: none; font-size: 18px; font-weight: bold; text-align: center">点击进入</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="width: 48%; margin-bottom: 40px; position: relative">
                                            <img src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/f6200866d48d49a3901b95941ffb4e89.png" alt="" style="width: 100%; box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.35);" />
                                            <div style="position: absolute; bottom: 15%; left: 0; width: 100%;">
                                                <div class="rowpub" style="background-color: rgba(159,156,156,0.5); padding: 10px; width: 97%; height: 50px; justify-content: space-between">
                                                    <div style="flex: 1">
                                                        <p style="color: #ffffff; text-decoration: none; font-size: 18px">智能化考试</p>
                                                    </div>
                                                    <div style="background-color: #f9b72c; padding: 10px; border-radius: 50px; margin-right: 10px; box-shadow: 0px 0px 7px 3px rgba(244,151,0,0.35);">
                                                        <a href="https://web.ksj.kszx365.com/" target="_blank" style="color: #ffffff; text-decoration: none; font-size: 18px; font-weight: bold; text-align: center">点击进入</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                
                            
                        </div>
                    </div>
                    <!--教务中心-->
                    <div style="width: 80%; max-width: 1200px; margin: 0px auto; padding: 10px">
                        <div class="rowpub titlev" style="justify-content: space-between; border-bottom: 1px; ">
                            <span class="title"><span style="font-size: 20px; color: #609289; border-bottom: 3px solid #e19611; padding-bottom: 5px;">教务中心</span></span>
                        </div>
                        <div style="width: 100%; margin-top: 10px; position: relative">
                            <div style="text-align: right; width: 100%;">
                                <img src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/d0461873561845bc8c0d7c2613cccd41.png" alt=""  />
                            </div>
                            <div style="width: 100%; position: absolute; top: 0; left: 0">
                                
                                    
                                        <div style="margin-top: 20px">
                                            <div style="background-color: #7ab1a7; box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.35); padding: 10px; width: 45%; border-radius: 10px; text-align: center; height: 50px; line-height: 50px; margin-bottom: 20px">
                                                <a href="http://yj.kszx365.com/#/" target="_blank" style="color: #ffffff; text-decoration: none; font-size: 20px">远程评分</a>
                                            </div>
                                            <div style="background-color: #c9c8bd; box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.35); padding: 10px; width: 45%; border-radius: 10px; text-align: center; height: 50px; line-height: 50px; margin-bottom: 20px">
                                                <a href="https://kc.kszx365.com/" target="_blank" style="color: #ffffff; text-decoration: none; font-size: 20px">考试管理</a>
                                            </div>
                                            <div style="background-color: #92aab7; box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.35); padding: 10px; width: 45%; border-radius: 10px; text-align: center; height: 50px; line-height: 50px; margin-bottom: 20px">
                                                <a href="http://rd.cemcb.org.cn/skillCognizanceLogin?sysType=cpf&amp;reportOwner=tpf" target="_blank" style="color: #ffffff; text-decoration: none; font-size: 20px">考务管理</a>
                                            </div>
                                            <div style="background-color: #c1ccd2; box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.35); padding: 10px; width: 45%; border-radius: 10px; text-align: center; height: 50px; line-height: 50px; margin-bottom: 20px">
                                                <a href="https://axyjg.zyjnpx.com/minitrainLogin" target="_blank" style="color: #ffffff; text-decoration: none; font-size: 20px">培训管理</a>
                                            </div>
                                            <div style="background-color: #509884; box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.35); padding: 10px; width: 45%; border-radius: 10px; text-align: center; height: 50px; line-height: 50px; margin-bottom: 20px">
                                                <a href="http://rd.cemcb.org.cn/skillCognizanceLogin?sysType=cpf&amp;reportOwner=tpf" target="_blank" style="color: #ffffff; text-decoration: none; font-size: 20px">监管监控</a>
                                            </div>
                                        </div>
                                    
                                
                            </div>
                        </div>
                    </div>
                
                <!--试听课程-->
                <div style="width: 80%; max-width: 1200px; margin: 0px auto; padding: 10px">
                    <div class="textlists" style="width: 97%; margin-right:0; background: #fff; padding: 10px 15px">
                        <!--试听课程-->
                        
                            
                                
                                    <div class="rowpub titlev">
                                        <span class="title"><span style="font-size: 16px; color: #148c68; border-bottom: 3px solid #148c68; padding-bottom: 7px;">试听课程</span></span>
                                        <a href="w297/s148/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">
                                                                
                                                                    <a href="w298/c644" style="width:33%;text-align:center;" id="stkc0"><img src="http://resfiles.bjcscn.com/3911b41766a046d2bd3d8c0ea6360cdc/ca902cfaa4f84dd78094a4b619e4d7bf.jpg" alt="" style="width:95%" /></a><a href="w298/c645" style="width:33%;text-align:center;" id="stkc1"><img src="http://resfiles.bjcscn.com/c4e8696d6b9941adb267f28cb13d96b6/5271642664864fb8827d371e7758abc0.jpg" alt="" style="width:95%" /></a><a href="w298/c646" style="width:33%;text-align:center;" id="stkc2"><img src="http://resfiles.bjcscn.com/7a1894f2b0cf404faf3d20ad5e9a3426/d24a4ddade7a465892e3bcc8dc4f8b73.jpg" alt="" style="width:95%" /></a><a href="w298/c647" style="width:33%;text-align:center;" id="stkc3"><img src="http://resfiles.bjcscn.com/18cb3c68b1b34d5797e63e9b55a93be8/30033a97f7af47eab4c4b54a7de8fa74.jpg" alt="" style="width:95%" /></a>
                                                                
                                                            </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/df2dc48b1c2f4a66b8ffc5ac214c2a6f/5bba83c9d28b440e834ebae5ffdeb74f.js" charset="utf-8"></script>
                                    
                                
                                <script type="text/javascript" charset="utf-8">
                                    var datas = [{"id":644,"contentStruId":148,"title":"\u78B3\u8FBE\u5CF0\u78B3\u4E2D\u548C1+N\u653F\u7B56\u89E3\u8BFB","navImgUrl":"http:\/\/resfiles.bjcscn.com\/3911b41766a046d2bd3d8c0ea6360cdc\/ca902cfaa4f84dd78094a4b619e4d7bf.jpg","publishTime":"2022-06-17 12:12","viewCnt":5541},{"id":645,"contentStruId":148,"title":"\u5168\u56FD\u78B3\u5E02\u573A\u6570\u636E\u8D28\u91CF\u4FDD\u969C\u4F53\u7CFB","navImgUrl":"http:\/\/resfiles.bjcscn.com\/c4e8696d6b9941adb267f28cb13d96b6\/5271642664864fb8827d371e7758abc0.jpg","publishTime":"2022-06-17 13:35","viewCnt":3263},{"id":646,"contentStruId":148,"title":"\u78B3\u8FBE\u5CF0\u78B3\u4E2D\u548C\u7684\u6982\u5FF5\u4E0E\u5404\u56FD\u884C\u52A8","navImgUrl":"http:\/\/resfiles.bjcscn.com\/7a1894f2b0cf404faf3d20ad5e9a3426\/d24a4ddade7a465892e3bcc8dc4f8b73.jpg","publishTime":"2022-06-17 14:09","viewCnt":2968},{"id":647,"contentStruId":148,"title":"\u6E29\u5BA4\u6C14\u4F53\u5B9A\u4E49\u53CA\u5206\u7C7B","navImgUrl":"http:\/\/resfiles.bjcscn.com\/18cb3c68b1b34d5797e63e9b55a93be8\/30033a97f7af47eab4c4b54a7de8fa74.jpg","publishTime":"2022-06-17 13:39","viewCnt":3167}];
                                    var num = datas.length;
                                    var stkcWidth = 1160;
                                    $(document).ready(function(){
                                        if(num>0) {
                                            var stkc0 = document.getElementById("stkc0");
                                            stkcWidth = stkc0.offsetWidth;
                                        }

                                    });
                                    Vue.component("carousel", {
                                        template: "#v-carousel1",
                                        data() {
                                            return {
                                                currentOffset: 0,
                                                windowSize: 5,
                                                paginationFactor: num*stkcWidth,
                                                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;
                                            },
                                            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>
            </div>
            <!-- https://axypc.zyjnpx.com/?unitUid=7d361c57abb84c43a06b2777bd743928&showToggle=0 -->
            <!--碳排放专家智库-->
            
                <a target="_blank">
                    <img src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/971e2b7c16a74263a68ba9cf8b466af0.png" alt="" style="width: 100%; margin-bottom: 30px" />
                </a>
            
            <!--专家展示-->
            
                
                    <div style="width: 80%; max-width: 1200px; margin: 0px auto; background-color: #fff; padding: 10px">
                        
                            <div class="rowpub titlev" style="justify-content: space-between">
                                <span class="title"><span style="font-size: 16px; color: #148c68; border-bottom: 3px solid #148c68; padding-bottom: 7px;">专家展示</span></span>
                                <a href="w45/s29/1/10" style="color: #888888">更多>></a>
                            </div>
                        
                        <div class="rowpub" style="justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-top: 10px">
                            
                                
                                    
                                        
                                            
                                                
                                                    
                                                        <a style="width: 23%; margin-top: 10px" href="w68/c207">
                                                            <div class="rowpub" style="justify-content: flex-start; margin-bottom: 15px">
                                                                <img src="http://resfiles.bjcscn.com/96d7b4ef4475496292a722a668199eb2/2d54f43551754aecbfc256378d0924c2.png" alt="" style="width: 100%;" />
                                                                <!--                                                                <div style="margin-left: 10px">-->
                                                                <!--                                                                    <p style="margin-bottom: 10px; color: #888888" th:if="${data.title}" th:text="${data.title}">王志良</p>-->
                                                                <!--                                                                    <th:block th:if="${data.customInfos!=null&&data.customInfos!=''}">-->
                                                                <!--                                                                        <p th:if="${data.customInfos['0']}" th:text="${data.customInfos['0']}" style="color: #656565">物联网专家</p>-->
                                                                <!--                                                                    </th:block>-->
                                                                <!--                                                                </div>-->
                                                            </div>
                                                            <!--                                                            <div style="line-height: 25px; color: #646464" th:if="${data.summary}" th:text="${data.summary}">-->
                                                            <!--                                                                国家一级教授，博士生导师，享受国务院特殊津贴国家一级教授，博士生导师，享受国务院特殊津贴国家一级教授，博士生导师，享受国务院特殊津贴-->
                                                            <!--                                                            </div>-->
                                                        </a><a style="width: 23%; margin-top: 10px" href="w68/c202">
                                                            <div class="rowpub" style="justify-content: flex-start; margin-bottom: 15px">
                                                                <img src="http://resfiles.bjcscn.com/dd1011bab4f64cd5ba91a351a788e099/68c4bb438743402f917799b4cf1fba80.png" alt="" style="width: 100%;" />
                                                                <!--                                                                <div style="margin-left: 10px">-->
                                                                <!--                                                                    <p style="margin-bottom: 10px; color: #888888" th:if="${data.title}" th:text="${data.title}">王志良</p>-->
                                                                <!--                                                                    <th:block th:if="${data.customInfos!=null&&data.customInfos!=''}">-->
                                                                <!--                                                                        <p th:if="${data.customInfos['0']}" th:text="${data.customInfos['0']}" style="color: #656565">物联网专家</p>-->
                                                                <!--                                                                    </th:block>-->
                                                                <!--                                                                </div>-->
                                                            </div>
                                                            <!--                                                            <div style="line-height: 25px; color: #646464" th:if="${data.summary}" th:text="${data.summary}">-->
                                                            <!--                                                                国家一级教授，博士生导师，享受国务院特殊津贴国家一级教授，博士生导师，享受国务院特殊津贴国家一级教授，博士生导师，享受国务院特殊津贴-->
                                                            <!--                                                            </div>-->
                                                        </a><a style="width: 23%; margin-top: 10px" href="w68/c203">
                                                            <div class="rowpub" style="justify-content: flex-start; margin-bottom: 15px">
                                                                <img src="http://resfiles.bjcscn.com/f7d02b17cf0b44e1a92bfc359610cf85/8bdbd55bc3844246bfdbbe2d07e27166.png" alt="" style="width: 100%;" />
                                                                <!--                                                                <div style="margin-left: 10px">-->
                                                                <!--                                                                    <p style="margin-bottom: 10px; color: #888888" th:if="${data.title}" th:text="${data.title}">王志良</p>-->
                                                                <!--                                                                    <th:block th:if="${data.customInfos!=null&&data.customInfos!=''}">-->
                                                                <!--                                                                        <p th:if="${data.customInfos['0']}" th:text="${data.customInfos['0']}" style="color: #656565">物联网专家</p>-->
                                                                <!--                                                                    </th:block>-->
                                                                <!--                                                                </div>-->
                                                            </div>
                                                            <!--                                                            <div style="line-height: 25px; color: #646464" th:if="${data.summary}" th:text="${data.summary}">-->
                                                            <!--                                                                国家一级教授，博士生导师，享受国务院特殊津贴国家一级教授，博士生导师，享受国务院特殊津贴国家一级教授，博士生导师，享受国务院特殊津贴-->
                                                            <!--                                                            </div>-->
                                                        </a><a style="width: 23%; margin-top: 10px" href="w68/c204">
                                                            <div class="rowpub" style="justify-content: flex-start; margin-bottom: 15px">
                                                                <img src="http://resfiles.bjcscn.com/0f79be3622d1440e99c638a361eb6f3f/780007b4eb854353a7317b6457de6a55.png" alt="" style="width: 100%;" />
                                                                <!--                                                                <div style="margin-left: 10px">-->
                                                                <!--                                                                    <p style="margin-bottom: 10px; color: #888888" th:if="${data.title}" th:text="${data.title}">王志良</p>-->
                                                                <!--                                                                    <th:block th:if="${data.customInfos!=null&&data.customInfos!=''}">-->
                                                                <!--                                                                        <p th:if="${data.customInfos['0']}" th:text="${data.customInfos['0']}" style="color: #656565">物联网专家</p>-->
                                                                <!--                                                                    </th:block>-->
                                                                <!--                                                                </div>-->
                                                            </div>
                                                            <!--                                                            <div style="line-height: 25px; color: #646464" th:if="${data.summary}" th:text="${data.summary}">-->
                                                            <!--                                                                国家一级教授，博士生导师，享受国务院特殊津贴国家一级教授，博士生导师，享受国务院特殊津贴国家一级教授，博士生导师，享受国务院特殊津贴-->
                                                            <!--                                                            </div>-->
                                                        </a>
                                                    
                                                
                                            
                                        
                                    
                                
                            
                        </div>
                    </div>
                
            
        
        <div style="width: 80%; max-width: 1200px; margin: 0px auto; background-color: #fff; padding: 10px; margin-top: 20px">
            <div class="textlists" style="width: 97%; margin-right:0; background: #fff; padding: 10px 15px">
                <!--图片展示-->
                
                    
                        <!--                        <th:block th:with="contentStruNavs=${@cmsDataHelper.getContentStruNavs(curRepository.id,{'tpzs'},30)}">-->
                        <div class="rowpub titlev">
                            <span class="title"><span style="font-size: 16px; color: #148c68; border-bottom: 3px solid #148c68; padding-bottom: 7px;">合作机构</span></span>
                            <!--                                <a th:href="@{'w' + ${web.id} + '/s' + ${contentStruNavs[0].id} + '/1/10'}">更多>></a>-->
                        </div>
                        <!--                        </th:block>-->
                        <!--                            <th:block th:with="conDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'tpzsContent'},30)}">-->
                        <!--                                <div class="rowpub"  >-->
                        <!--                                    <th:block th:each="con,conStat:${conDatas}">-->
                        <!--                                        <a th:if="${datas.struCodeContents['tpzs']}" th:each="data,dataStat:${datas.struCodeContents['tpzs']}" style="width:33%;"><img th:src="${data.navImgUrl}" alt="" style="width:95%" /></a>-->
                        <!--                                    </th:block>-->
                        <!--                                </div>-->
                        <!--                            </th:block>-->
                        <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" style="width:96%">
                                        <!-- getFriendLinks 使用style, getWebPageNavs去掉style -->
                                        <div class="card-carousel--overflow-container" style="width: 100%">
                                            <div class="card-carousel-cards" :style="{ transform: 'translateX' + '(' + currentOffset + 'px' + ')'}">
                                                <!--                                                <th:block th:with="conDatas=${@cmsDataHelper.getWebPageNavs(curRepository.id,{'tpzsContent'},30)}">-->
                                                <!--                                                    <div class="card-carousel&#45;&#45;card rowpub" style="margin-top: 10px">-->
                                                <!--                                                        <th:block th:each="con,conStat:${conDatas}">-->
                                                <!--                                                            <a th:if="${datas.struCodeContents['tpzs']}" th:each="data,dataStat:${datas.struCodeContents['tpzs']}" th:attr="id=${'tpzs' + dataStat.index}" style="width:33%;text-align:center;"><img th:src="${data.navImgUrl}" alt="" style="width:95%" /></a>-->
                                                <!--                                                        </th:block>-->
                                                <!--                                                    </div>-->
                                                <!--                                                </th:block>-->
                                                
                                                    <div class="card-carousel--card rowpub" style="margin-top: 10px; width: 100%" >
                                                        
                                                            <a href="http://www.hqwx.com/leraning/class_tpfgly/" target="_blank" style="width:33%;text-align:center;" id="tpzs0"><img src="http://resfiles.bjcscn.com/598478a4380440c1bedd4ae2b095020f/2159f1984eeb46ef8a180966cb8fcb88.png" alt="" style="width:95%" /></a>
                                                        
                                                            <a href="http://tanpaifang.chinaedu.net/" target="_blank" style="width:33%;text-align:center;" id="tpzs1"><img src="http://resfiles.bjcscn.com/045b9a5d37c545d588d951d5c6091050/2c60cf660d8549df9363cf718d38be75.png" alt="" style="width:95%" /></a>
                                                        
                                                            <a href="https://kooedx.connect.huaweicloud.com/zretc/auth-center/certification-detail?certCode=ZS00000201&amp;name=%E7%A2%B3%E6%8E%92%E6%94%BE%E7%AE%A1%E7%90%86%E5%91%98-%E5%9B%9B%E7%BA%A7v" target="_blank" style="width:33%;text-align:center;" id="tpzs2"><img src="http://resfiles.bjcscn.com/660d29ab673f40cabcfa229f363f9c47/d90ae744bd564df98b1d64a1a6dae304.png" alt="" style="width:95%" /></a>
                                                        
                                                    </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/df2dc48b1c2f4a66b8ffc5ac214c2a6f/5bba83c9d28b440e834ebae5ffdeb74f.js" charset="utf-8"></script>
                            
                        
                        <script type="text/javascript" charset="utf-8">
                            var datas = [];
                            var num = datas.length;
                            var tpzsWidth = 1160;
                            $(document).ready(function(){
                                if(num>0) {
                                    var tpzs0 = document.getElementById("tpzs0");
                                    tpzsWidth = tpzs0.offsetWidth;
                                }
                            });
                            Vue.component("carousel", {
                                template: "#v-carousel",
                                data() {
                                    return {
                                        currentOffset: 0,
                                        windowSize: 5,
                                        paginationFactor: num*tpzsWidth,
                                        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;
                                    },
                                    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>
    
</div>
<!-- 回到顶部 box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.35); -->
<div class="zx" style="position:fixed;right:0;bottom:5%;">
    <!--    background-color: #ffffff; border-bottom: 1px solid #fff;-->
    <div style="background: transparent; padding: 15px; position: relative;cursor: pointer;" onmouseover="document.getElementById('mobile').style.display='block'" onmouseout="document.getElementById('mobile').style.display='none'">
        <a title="移动端学习入口">
            <p style="text-align: center"><i class="iconfont" style="color: #579688; font-size: 30px">&#xe600;</i></p>
            <p style="text-align: center; color: #151515; margin-top: 5px">移动端</p>
            <p style="text-align: center; color: #151515; margin-top: 5px">学习入口</p>
        </a>
        <div id="mobile" style="background-color: #ffffff; box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.35); padding: 15px;position: absolute; top: 0; left: -170%; display: none">
            
                <img src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/f48988d1bcef4239a03b1570bf9dea82.jpg" alt="" style="width: 100px; " />
            
        </div>
    </div>
    <div style="background: transparent; padding: 15px; position: relative;cursor: pointer;" onmouseover="document.getElementById('phone').style.display='block'" onmouseout="document.getElementById('phone').style.display='none'">
        <a title="联系电话">
            <p style="text-align: center"><i class="iconfont" style="color: #579688; font-size: 30px">&#xe88b;</i></p>
            <p style="text-align: center; color: #151515; margin-top: 5px">联系电话</p>
        </a>
        <div id="phone" style="background-color: #ffffff; box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.35); padding: 15px;position: absolute; top: 0; left: -180%; display: none">
            
                
                    
                        <p style="color: #151515; flex:1; font-size: 14px;">（010）84885448</p>
                    
                
            
        </div>
    </div>
    <div style="background: transparent; padding: 15px;;position: relative;cursor: pointer;" onmouseover="document.getElementById('wenxin').style.display='block'" onmouseout="document.getElementById('wenxin').style.display='none'">
        <a title="官方微信">
            <p style="text-align: center"><i class="iconfont" style="color: #579688; font-size: 30px">&#xe8bb;</i></p>
            <p style="text-align: center; color: #151515; margin-top: 5px">官方微信</p>
        </a>
        <div id="wenxin" style="background-color: #ffffff; box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.35); padding: 15px;position: absolute; top: 0; left: -190%; display: none; text-align: center">
            
                <img src="http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/cb3f7b65f75541e1bd9661199250e3f1.png" alt="" style="width: 100px; " />
            
            <p style="color: #151515; text-align: center; font-size: 14px; margin-top: 10px">扫描关注微信公众号</p>
        </div>
    </div>
    <div style="background-color: #579688; padding: 15px;">
        <a href="javascript:;" id="return_top" title="回到顶部">
            <p style="text-align: center"><i class="iconfont" style="color: #ffffff; font-size: 30px">&#xe614;</i></p>
            <p style="text-align: center; color: #ffffff; margin-top: 5px">返回顶部</p>
        </a>
    </div>
</div>
<!--底部-->

    <div>
    <!--    style="background-color: #f6f6f6"-->
    <div style="background:url(http://resfiles.bjcscn.com/df2dc48b1c2f4a66b8ffc5ac214c2a6f/3bde87ad85974335883fe459115b61a4.png);">
        <footer style="height:199px;width: 80%; max-width: 1200px; margin: 0px auto;">
            
                
                    
                        <div class="rowpub" style="width:90%;margin: 0px auto; padding-top: 20px">
                            <div style="width: 90%;">
                                <p style="color: #fff; flex: 1; margin-bottom: 15px; font-size: 14px;">指导单位：<span>中国石油和化学工业联合会</span></p>
                                <p style="color: #fff; flex: 1; margin-bottom: 15px; font-size: 14px;">主办单位：<span>北京国化石油和化工中小企业服务中心</span></p>
<!--                                <div class="rowpub" style="color: #fff; flex: 1; justify-content: space-between; margin-bottom: 15px">-->
<!--                                    <p style="color: #fff; font-size: 14px; margin-right: 30px">邮编：<span th:if="${indexWeb.properties['邮编']}" th:text="${indexWeb.properties['邮编']}">100721</span></p>-->
<!--                                    <p style="color: #fff; flex:1; font-size: 14px;">联系电话：<span th:if="${indexWeb.properties['联系电话']}" th:text="${indexWeb.properties['联系电话']}">（010）84885395</span></p>-->
<!--                                </div>-->
                                <div class="rowpub" style="color: #fff; flex: 1; justify-content: space-between; margin-bottom: 15px">
                                    <p style="color: #fff; font-size: 14px; margin-right: 30px">联系地址：<span>北京市朝阳区亚运村中国化工大厦14层</span></p>
                                    <p style="color: #fff; flex:1; font-size: 14px; ">邮编：<span>100721</span></p>
                                </div>
                                <div class="rowpub" style="color: #fff; flex: 1; justify-content: space-between; ">
                                    <p style="color: #fff; font-size: 14px; margin-right: 30px; ">网站备案号：<span>京ICP备2021028194号-1</span></p>
                                    <p style="color: #fff; flex: 1; font-size: 14px;">版权所有：<span>北京国化石油和化工中小企业服务中心</span></p>
                                </div>
                            </div>
                        </div>
                    
                
            
        </footer>
    </div>

</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';
        };
    }
</script>
</body>
</html>
