<!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://at.alicdn.com/t/font_2761777_mdpem5o4cxd.css" />
    
        
            <link rel="stylesheet" href="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/0d194a9b9ea8463ba53f9038cdab15f7.css" />
        
    
    
        
            <script type="text/javascript" src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/e9e5a002172044b7ad929f54e4802f33.js" charset="utf-8"></script>
        
    
    <script type="text/javascript">
        // var grService = 'https://rcpjbm.bjcscn.com/cpnsp/ws/ne'; // 网报
        var grService = 'http://sppj.zyjndj.com/cpnsp/ws/mtfe';
        // var jtService = 'http://xjtbm.bjcscn.com/cpnsp/admin/ta/bo'; // 集体报名
        var jtService = 'http://sppj.zyjndj.com/cpnsp/ws/mtf'; // 简约考务集体报名
        var jtCodeService = 'http://sppj.zyjndj.com/cpnsp'; // 集体报名验证码
        var grCodeService = 'http://sppj.zyjndj.com/cpnsp';
        var pxService = 'https://axypc.zyjnpx.com/cpnsp/ws/mt'; // 培训
        var zscxService = 'http://sppj.zyjndj.com'; // 证书查询
        var cjcxService = 'http://sppj.zyjndj.com'; // 成绩查询
        // url
        // var grUrl = 'https://rcpjbm.bjcscn.com'; // 个人网报 => iframe注册
        var grUrl = 'http://sppjgrbm.zyjndj.com';
        // var jtUrl = 'http://xjtbm.bjcscn.com'; // 集体报名
        var jtUrl = 'http://sppjbm.zyjndj.com'; // 简约考务集体报名
        var pxUrl = 'https://axypc.zyjnpx.com'; // 培训 => iframe忘记密码
        var ksUrl = 'http://ksj.kszx365.com/local.html/'; // 考试机
        var unitUid = 'f190ffab4ea34748b93a876049f34cd6';
        // 适配
        function bodyScale() {
            var devicewidth = document.documentElement.clientWidth;
            var scale = devicewidth / 1920;
            document.body.style.zoom = scale;
            if(scale<1) {
                document.getElementById('inlineFrameExample1').style.transform='scale('+scale+')';
                document.getElementById('inlineFrameExample1').style.width=400 + 400*(1-scale+0.1) + 'px';
                document.getElementById('inlineFrameExample1').style.height=400 + 400*(1-scale+0.1) + 'px';
            }
        }
        window.onload = window.onresize = function () {
            bodyScale();
        };
        function onToggle(id1,id2,id3,id4,id5,id6,isCert) {
            document.getElementById(id1).style.color='#3796f0';
            document.getElementById(id2).style.color='#151515';
            document.getElementById(id3).style.display='block';
            document.getElementById(id4).style.display='none';
            document.getElementById(id5).style.display='block';
            document.getElementById(id6).style.display='none';
            if(isCert) {
                document.getElementById('zscx3').style.display='block';
            }else {
                document.getElementById('zscx3').style.display='none';
            }
        }
        function onBmToggle(id1,id2,type) {
            document.getElementById(id1).style.display='none';
            if(type) {
                document.getElementById(id2).style.display='block';
            }else {
                document.getElementById(id2).style.display='flex';
            }
        }
        function cxLogin(type,webId) {
            var zscxInputValue1 = document.getElementById('zscxInput1').value;
            if(type == 'zscx') { // 证书查询
                let num = 0;
                var zscxInputValue2 = document.getElementById('zscxInput2').value;
                var zscxInputValue3 = document.getElementById('zscxInput3').value;
                if(zscxInputValue1) {
                    num++
                }
                if(zscxInputValue3) {
                    num++
                }
                if(zscxInputValue2) {
                    num++
                }
                if(num != 2) {
                    alert("请输入两个查询条件！");
                    return false;
                }else {
                    window.location.href="/w" + webId.id + '?cardId=' + zscxInputValue1 + '&certNum=' + zscxInputValue2 + '&name=' + zscxInputValue3 + '&service=' + zscxService;
                }
            }else { // 成绩查询
                let num = 0;
                var cjcxInputValue2 = document.getElementById('cjcxInput2').value;
                var cjcxInputValue3 = '';
                if(zscxInputValue1) {
                    num++
                }
                if(zscxInputValue3) {
                    num++
                }
                if(cjcxInputValue2) {
                    num++
                }
                if(num != 2) {
                    alert("请输入两个查询条件！");
                    return false;
                }else {
                    window.location.href="/w" + webId.id + '?cardId=' + zscxInputValue1 + '&testPass=' + cjcxInputValue2 + '&name=' + cjcxInputValue3 + '&service=' + cjcxService;
                }
            }
        }
        function getQueryVariable(variable) {
            let query = window.location.search.substring(1);
            let vars = query.split("&");
            for (let i=0;i<vars.length;i++) {
                let pair = vars[i].split("=");
                if(pair[0] == variable){return pair[1];}
            }
            return(false);
        }
        // 等级认定
        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;
        }
        var codeKey = '';
        var code1Key = '';
        function getVerfifyCode() {
            codeKey = generateUUID();
            var tbBody = "<img src='"+ jtCodeService + "/kaptcha/getVerfifyCodeImg/"+codeKey+"' alt=\"\" />";
            $("#zxbmImg3").html(tbBody);
        }
        function getVerfifyCode1() {
            code1Key = generateUUID();
            var tbBody = "<img src='"+ grCodeService + "/kaptcha/getVerfifyCodeImg/"+code1Key+"' alt=\"\" />";
            $("#zxbmImg6").html(tbBody);
        }
        $(document).ready(function() {
            var sysType = getQueryVariable('sysType')||'';
            var userGroup = getQueryVariable('userGroup')||'';
            if(sysType) {
                document.getElementById('web').style.display='block';
            }
            if(userGroup == 13){
                var proHtml =  '<div style="margin: 30px auto; position:absolute; bottom: 0; right: -20px; width: 260px" id="province">\n' +
                    '                    <p style="font-size: 20px; color: #ffffff; line-height: 30px">河北省国际信息技术交流协会</p>\n' +
                    '                    <p style="font-size: 20px; color: #ffffff; line-height: 30px">联系方式：0311-85212115</p>\n' +
                    '                </div>'
                // $("#province").html(proHtml);
            }
            window.addEventListener("message", (e) => {
                // console.log(e.data)
                // select 、examinee
                if(e.data) {
                    if(e.data == 'wbexaminee') { // 个人网报=》注册
                        window.location.href = grUrl + '/main';
                    }else if(e.data == 'pxexaminee') { // 培训=》忘记密码
                        window.location.href = pxUrl;
                    }else {
                        // window.location.href = 'https://web.ksj.kszx365.com/'+e.data; // 考试机
                        window.location.href = ksUrl + e.data; // 考试机
                    }
                }
            });
            getVerfifyCode();
            getVerfifyCode1()
        });
        function getDjrdLogin(type){
            if(type == 'jtbm') { // 集体报名
                var zxbmInputValue4 = document.getElementById('zxbmInput4').value;
                var zxbmInputValue5 = document.getElementById('zxbmInput5').value;
                var zxbmInputValue3 = document.getElementById('zxbmInput3').value;
                $.ajax({
                    type: 'post',
                    url: jtService + "/login",
                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                    data:{
                        loginName: zxbmInputValue4,
                        passwd: zxbmInputValue5,
                        verifyCode: zxbmInputValue3,
                        verifyCodeKey: codeKey,
                    },
                    success: function (data) {
                        if(data.status < 0){
                            alert(data.message||'登录信息不正确')
                        }else{
                            var sessionToken = data && data.data && data.data.sessionToken || '';
                            // window.location.href = jtUrl + '/main?token='+sessionToken; // 集体报名
                            window.location.href = jtUrl + '/main#/main/?token='+sessionToken; // 简约考务集体报名
                        }
                    }
                });
            }else { // 个人网报
                var zxbmInputValue1 = document.getElementById('zxbmInput1').value;
                var zxbmInputValue2 = document.getElementById('zxbmInput2').value;
                var zxbmInputValue6 = document.getElementById('zxbmInput6').value;
                $.ajax({
                    type: 'post',
                    url: grService + "/login",
                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                    data:{
                        loginName: zxbmInputValue1, // loginName
                        passwd: zxbmInputValue2,
                        verifyCode: zxbmInputValue6,
                        verifyCodeKey: code1Key,
                        unitUid: unitUid,
                    },
                    success: function (data) {
                        if(data.status < 0){
                            alert(data.message||'登录信息不正确')
                        }else{
                            var sessionToken = data && data.data && data.data.sessionToken || '';
                            // window.location.href = grUrl + '/#/main?unitUid='+unitUid+'&token='+sessionToken;
                            window.location.href = grUrl + '/#/main?unitUid='+unitUid+'&token='+sessionToken;
                        }
                    }
                });
            }
        }
        function getAxyLogin(){
            var zxpxInputValue1 = document.getElementById('zxpxInput1').value;
            var zxpxInputValue2 = document.getElementById('zxpxInput2').value;
            $.ajax({
                type: 'post',
                url: pxService + "/login",
                contentType: "application/x-www-form-urlencoded; charset=utf-8",
                data:{
                    loginName: zxpxInputValue1,
                    passwd: zxpxInputValue2,
                },
                success: function (data) {
                    if(data.status < 0){
                        alert(data.message||'登录信息不正确')
                    }else{
                        var sessionToken = data && data.data && data.data.sessionToken || '';
                        window.location.href = pxUrl + '?token='+sessionToken;
                    }
                }
            });
        }
        function jumpAxypc() {
            // window.location.href = 'https://axypc.zyjnpx.com/?unitUid='+unitUid;
            window.open('https://axypc.zyjnpx.com/?unitUid='+unitUid, "_blank");
        }
        function zxbmRegist(id1,id2) {
            document.getElementById(id1).style.display='block';
            document.getElementById(id2).style.display='none';
        }
    </script>
    <style type="text/css">
        .btn{
            color: #ffffff;
            text-align: center;
        }
        .content1{
            position: relative;
            display: none;
        }
        .btn.active{
            width: 100%;
            background: #ffffff;
            color: #26589C;
            text-align: center;
        }
        .content1.show{
            display: block;
        }
    </style>
</head>
<body style="margin: 0">
<div>
    <!-- 导航条 -->
    <div style="background-color: #26589C" id='top'>
        <nav style="width: 80%; margin: 0 auto">
            <ul class="row" style="width:100%">
                <li style="flex:1;cursor:pointer;" ><a class="btn active">在线报名</a></li>
                <li style="flex:1;cursor:pointer;" ><a >在线培训</a></li>
                <li style="flex:1;cursor:pointer;" ><a class="btn">在线练测</a></li>
                <li style="flex:1;cursor:pointer;" ><a class="btn">在线考试</a></li>
                <li style="flex:1;cursor:pointer;" ><a class="btn">证书查询</a></li>
                <li style="flex:1;cursor:pointer;" ><a class="btn">管理中心</a></li>
                <li style="flex:1;cursor:pointer;" ><a >服务中心</a></li>
            </ul>
        </nav>
    </div>
    <!-- 职业培训评价服务网 -->
    <div class="zypxpjNav" style="height: 400px; position: relative">
        <div style="position: absolute; top: 20%; left: 0; width: 100%">
            <div style="width: 1020px; margin: 30px auto; position:relative">
                
                    <img loading="lazy" src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/e1f7db28ea554ae5a4f911dbe177e510.png" alt="" style="width:320px; position: absolute; top: -60px; right: 0" />
                
                <!-- <p style="font-size: 24px; color: #ffffff; margin-bottom: 12px">中国建筑节能协会</p>>-->
                <img loading="lazy" src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/c1acd490e4da467c9b8920bd8ecca282.jpg" alt="logo" width="480" height="70">
                <p style="font-size: 44px; color: #ffffff; margin-bottom: 12px; margin-top: 0;">职业技能考试平台</p>
                <p style="font-size: 24px; color: #ffffff; margin: 0;">Vocational Skills Examination Platform</p>
            </div>
        </div>
        <!--        <div style="margin: 30px auto; position:absolute; bottom: 0; right: 100px" id="province">-->
        <!--            <p style="font-size: 20px; color: #ffffff; line-height: 30px">北京环宇惠恩科技有限公司</p>-->
        <!--            <p style="font-size: 20px; color: #ffffff; line-height: 30px">联系方式：010-82781027</p>-->
        <!--        </div>-->
    </div>
    <!-- 在线报名 -->
    <div class="content1 show" style="background:#fff; height:50%">
        <div class='row' style="justify-content: center; align-items: center; position: relative; height: 499px; ">
            <!-- 报名平台 -->
            <div id="bmIndex" class="content" style="position: absolute; top: -40px; box-shadow: 1px 1px 7px 0 rgba(0,0,0,.6); display: block;">
                <h3 style="font-size: 36px; color: #3796f0; margin: 20px 0px 0px 60px; text-align: center;">在线报名平台</h3>
                
                    <div class="row" style="height:80%">
                        <div class="column" style="flex:1; ms-flex: 1; height: 100%; align-items: initial; text-align: center; cursor: pointer" onclick="onBmToggle('bmIndex','grwb')">
                            <a style="margin: 0; position: relative;">
                                <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/2a6f7095f70e459688dc352ca59be8f2.png" alt="" style="width: 70%" />
                                <p style="margin: 0 0 0 15%; background-color: #246cce; color: #fff; padding: 5px 0; width: 70%; position: absolute; bottom: 0px;">个人报名</p>
                            </a>
                        </div>
                        <div class="column" style="flex:1; ms-flex: 1; height: 100%; align-items: initial; text-align: center; cursor: pointer" onclick="onBmToggle('bmIndex','jtbm')">
                            <a style="margin: 0; position: relative;">
                                <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/6e3cef1077fa47edb72e3f0978fbcfca.png" alt="" style="width: 70%" />
                                <p style="margin: 0 0 0 15%; background-color: #246cce; color: #fff; padding: 5px 0; width: 70%; position: absolute; bottom: 0px;">集体报名</p>
                            </a>
                        </div>
                    </div>
                
            </div>
            <!-- 个人报名 -->
            <div id="grwb" class="content" style="position: absolute; top: -40px; box-shadow: 1px 1px 7px 0 rgba(0,0,0,.6); display: none;">
                <div class="column" style="flex:1; ms-flex: 1; height: 100%; align-items: initial; margin-left: 60px; position: relative">
                    <h3 style="text-align:left;font-size: 30px">
                        使用说明
                    </h3>
                    <p style="color:#888888">
                        1.使用本平台的报考信息必须以真实的资料注册。
                    </p>
                    <p style="color:#888888">
                        2.本平台提供报名、打印准考证、成绩查询等。
                    </p>
                    <p style="color:#888888">
                        3.电脑端报名与微信端报名信息互通。
                    </p>
                    <p style="color:#888888">
                        4.若有疑问，请通过QQ(800034267)联系我们。
                    </p>
                    
                        <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/4019018e9eda421abbbb54a48372d1e6.png" alt="" style="width:150px; position: absolute; bottom: 80px; right: 30px;" />
                    
                </div>
                <!-- 登录 -->
                <div class="column" style="width:390px; padding: 0 30px; border-left: 2px dashed #67aee6; position: relative;" id="wblogin">
                    <a onclick="onBmToggle('grwb','bmIndex','index')" style="color: #3796f0; font-size: 14px; cursor: pointer; position: absolute; bottom: 26px; right: 75px;">返回首页</a>
                    <div class="row" style="justify-content: space-between; width: 82%; margin: 0 auto;">
                        <h3 style="color: #151515; font-size: 30px; font-weight: bold; text-align: left; width: 50%">
                            <i class="iconfont" style="color:#151515;font-size:26px;margin-right:5px">&#xe654;</i>欢迎使用
                        </h3>
                        <div style="text-align: right; flex: 1">
                            <a style="margin-right: 10px; color: #888; font-size: 14px">没有账号？ <span style="color: #3796f0; cursor: pointer" onclick="zxbmRegist('wbegist','wblogin')">免费注册</span></a>
                        </div>
                    </div>
                    <div style="width: 100%">
                        <div class="row" style="width: 80%; margin: 10px auto">
                            <img  alt="" />
                            <div class="inputv" style="margin: 10px auto; border-radius: 0; width: 100%">
                                <input id="zxbmInput1" placeholder="请输入证件号" style="width: 94%" placeholder-style="color:#d6c5c5;" name="searchText" title="请输入证件号" type="input" value="" maxLength="100" autoCapitalize="off" autoCorrect="off" autoComplete="off" spellCheck="false"/>
                            </div>
                        </div>
                        <div class="row" style="width: 80%; margin: 0 auto">
                            <img alt="" />
                            <div class="inputv" style="margin: 10px auto; border-radius: 0; width: 100%">
                                <input id="zxbmInput2" placeholder="请输入登录密码" style="width: 94%" placeholder-style="color:#d6c5c5;" name="searchText" title="请输入登录密码" type="password" value="" maxlength="100" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false"  />
                            </div>
                        </div>
                        <div id="grwb1" style="width: 100%;">
                            <div class="row" style="width: 80%; margin: 0 auto; justify-content: space-between;">
                                <div class="inputv" style="margin: 10px auto; border-radius: 0; width: 55%">
                                    <input id="zxbmInput6" placeholder="请输入验证码" style="width: 94%" placeholder-style="color:#d6c5c5;" name="searchText" title="请输入验证码" type="input" value="" maxlength="100" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false"  />
                                </div>
                                <div id="zxbmImg6" style="width: 45%; text-align: right" onClick="getVerfifyCode1()">
                                    <img src="" alt="" />
                                </div>
                            </div>
                            <div style="background: #3796f0; color: #FFFFFF; padding: 7px 10px; width: 75%; margin: 20px auto; text-align: center; cursor: pointer; " onClick="getDjrdLogin('grwb')">
                                登录
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 注册 -->
                <div class="column" style="width:390px; padding: 0 30px; border-left: 2px dashed #67aee6; position: relative; display: none;" id="wbegist">
                    <div class="row" style="justify-content: space-between; width: 100%; margin-top: 10px">
                        <h3 style="color: #151515; font-size: 30px; font-weight: bold; text-align: left; width: 82%; margin: 0 auto;">
                            请注册
                        </h3>
                        <div style="text-align: right; flex: 1">
                            <a style="font-size: 14px; color: #3796f0; cursor: pointer" onclick="zxbmRegist('wblogin','wbegist')">返回登录</a>
                        </div>
                    </div>
                    <div style="width: 100%" >
                        <!-- https://rcpjbm.bjcscn.com/remoteRegist -->
                        <div class="iframeScr" style="width: 100%; height: 400px;" >
                            <iframe id="inlineFrameExample1"
                                    title="Inline Frame Example"
                                    style="width: 400px; height: 400px; top: 0; left: 0; transform-origin: top left; transform: scale(1)"
                                    scrolling="no"
                                    src="http://sppjgrbm.zyjndj.com/#/remoteRegist">
                            </iframe>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 集体报名 -->
            <div id="jtbm" class="content" style="position: absolute; top: -40px; box-shadow: 1px 1px 7px 0 rgba(0,0,0,.6); display: none;">
                <div class="column" style="flex:1; ms-flex: 1; height: 100%; align-items: initial; margin-left: 60px; position: relative">
                    <h3 style="text-align:left;font-size: 30px">
                        使用说明
                    </h3>
                    <p style="color:#888888">
                        1.使用本平台的报考信息必须以真实的资料注册。
                    </p>
                    <p style="color:#888888">
                        2.本平台提供报名、打印准考证、成绩查询等。
                    </p>
                    <p style="color:#888888">
                        3.电脑端报名与微信端报名信息互通。
                    </p>
                    <p style="color:#888888">
                        4.若有疑问，请通过QQ(800034267)联系我们。
                    </p>
                    
                        <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/4019018e9eda421abbbb54a48372d1e6.png" alt="" style="width:150px; position: absolute; bottom: 80px; right: 30px;" />
                    
                </div>
                <div class="column" style="width:390px; padding: 0 30px; border-left: 2px dashed #67aee6;">
                    <div class="row" style="justify-content: space-between; width: 82%">
                        <h3 style="color: #151515; font-size: 30px; font-weight: bold; text-align: left; width: 50%">
                            <i class="iconfont" style="color:#151515;font-size:26px;margin-right:5px">&#xe654;</i>欢迎使用
                        </h3>
                        <div style="text-align: right; flex: 1">
                            <a onclick="onBmToggle('jtbm','bmIndex','index')" style="margin-right: 10px; color: #3796f0; font-size: 14px; cursor: pointer">返回首页</a>
                        </div>
                        <!--                        <div style="text-align: right; flex: 1">-->
                        <!--                            <a style="margin-right: 10px; color: #888; font-size: 14px">没有账号？ <span style="color: #3796f0; cursor: pointer">免费注册</span></a>-->
                        <!--                         </div>-->
                    </div>
                    <div style="width: 100%">
                        <div class="row" style="width: 80%; margin: 10px auto">
                            <img  alt=""/>
                            <div class="inputv" style="margin: 10px auto; border-radius: 0; width: 100%">
                                <input id="zxbmInput4" placeholder="请输入证件号" style="width: 94%" placeholder-style="color:#d6c5c5;" name="searchText" title="请输入证件号" type="input" value="" maxLength="100" autoCapitalize="off" autoCorrect="off" autoComplete="off" spellCheck="false"/>
                            </div>
                        </div>
                        <div class="row" style="width: 80%; margin: 0 auto">
                            <img alt="" />
                            <div class="inputv" style="margin: 10px auto; border-radius: 0; width: 100%">
                                <input id="zxbmInput5" placeholder="请输入登录密码" style="width: 94%" placeholder-style="color:#d6c5c5;" name="searchText" title="请输入登录密码" type="password" value="" maxlength="100" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false"  />
                            </div>
                        </div>
                        <div id="jtbm1" style="width: 100%;">
                            <div class="row" style="width: 80%; margin: 0 auto; justify-content: space-between;">
                                <div class="inputv" style="margin: 10px auto; border-radius: 0; width: 55%">
                                    <input id="zxbmInput3" placeholder="请输入验证码" style="width: 94%" 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="width: 45%; text-align: right" onClick="getVerfifyCode()">
                                    <img src="" alt="" />
                                </div>
                            </div>
                            <!--                            <div style="text-align: right; margin: 10px 0">-->
                            <!--                                <a style="margin-right: 35px; color: #888; font-size: 14px">忘记密码？ <span style="color: #3796f0; cursor: pointer">去找回</span></a>-->
                            <!--                            </div>-->
                            <div style="background: #3796f0; color: #FFFFFF; padding: 7px 10px; width: 75%; margin: 20px auto; text-align: center; cursor: pointer; " onClick="getDjrdLogin('jtbm')">
                                登录
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 在线练测 -->
    <div class="content1" style="background:#fff; height:50%">
        <div class='row' style="justify-content: center; align-items: center; position: relative; height: 499px;">
            <div class="content" style="position: absolute; top: -40px; box-shadow: 1px 1px 7px 0 rgba(0,0,0,.6)">
                <div class="column" style="flex:1; ms-flex: 1; height: 100%; align-items: initial; position: relative">
                    
                        <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/a96a93d1ce8d4d3ba30ad7ecb9c09d3b.png" alt="" style="width: 80%; margin: 0 auto;" />
                    
                </div>
                <!-- 登录 -->
                <div class="column" style="width:390px; padding: 0 30px; border-left: 2px dashed #67aee6;" id="pxlogin">
                    <p style="color: #3796f0; font-weight: bold; font-size: 36px; margin-bottom: 10px; width: 100%; text-align: center;">
                        爱练友平台
                    </p>
                    <p style="color: #f6c492; font-size: 20px; margin-top: 10px; width: 100%; text-align: center">
                        考试冲刺好帮手
                    </p>
                    <div >
                        
                            <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/ec074c83bd2046279de07de22f293617.png" alt="" style="width: 150px" />
                        
                    </div>
                    <p >移动练测，扫一扫</p>
                    <a style="background: #3796f0; color: #FFFFFF; padding: 7px 10px; width: 70%; margin: 20px auto; text-align: center; cursor: pointer; display: block; text-decoration: none" href="http://www.zyjnpx.com/alc/" target="_blank">
                        学员登录
                    </a>
                </div>
                <!-- 忘记密码 -->
                <div class="column" style="width:390px; padding: 0 30px; border-left: 2px dashed #67aee6; position: relative; display: none" id="pxResetPwd">
                    <div class="row" style="justify-content: space-between; width: 100%; margin-top: 10px">
                        <h3 style="color: #151515; font-size: 30px; font-weight: bold; text-align: left; width: 50%; ">
                            找回密码
                        </h3>
                        <div style="text-align: right; flex: 1">
                            <a style="font-size: 14px; color: #3796f0; cursor: pointer" onclick="zxbmRegist('pxlogin','pxResetPwd')">返回登录</a>
                        </div>
                    </div>
                    <div style="width: 100%" >
                        <div class="iframeScr" style="width: 100%; height: 400px;" >
                            <iframe id="inlineFrameExample2"
                                    title="Inline Frame Example"
                                    width="400px"
                                    height="80%"
                                    scrolling="no"
                                    src="https://www.zykzb.com/app/">
                            </iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 智能化考试 -->
    <div class="content1" style="background:#fff; height:50%">
        <div class='row' style="justify-content: center; align-items: center; position: relative; height: 499px;">
            <div class="content" style="position: absolute; top: -40px; box-shadow: 1px 1px 7px 0 rgba(0,0,0,.6)">
                <div class="column" style="flex:1; ms-flex: 1; height: 100%; align-items: initial; position: relative">
                    
                        <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/79a0be69531f4e8ebf1ffd2d167ee966.png" alt="" style="width: 80%; margin: 0 auto;" />
                    
                    <!--                    <p style="color: #2373d2; font-weight: bold; font-size: 40px; margin-bottom: 10px">-->
                    <!--                        智能化考试平台 <span style="font-size: 24px">——考试机</span>-->
                    <!--                    </p>-->
                    <!--                    <p style="color: #2373d2; font-size: 24px;">-->
                    <!--                        考神祝福：遇题必会，逢考必过！-->
                    <!--                    </p>-->
                    <!--                    <p style="color: #feae67; font-size: 18px;">-->
                    <!--                        温馨提示：如果您是第一次参加在线考试，可以先进行<a href="https://trytest.kszx365.com/" target="_blank" style="color: #feae67; font-size: 20px;">试考</a>-->
                    <!--                    </p>-->
                </div>
                <div class="column" style="width:390px; padding: 0 30px; border-left: 2px dashed #67aee6">
                    <p style="color: #2373d2; font-weight: bold; font-size: 36px; margin-bottom: 10px; width: 100%;">
                        智能化考试平台 <span style="font-size: 24px">——考试机</span>
                    </p>
                    <p style="color: #2373d2; font-size: 20px; margin-top: 10px; width: 100%;">
                        考神祝福：遇题必会，逢考必过！
                    </p>
                    <p style="color: #feae67; font-size: 15px; width: 100%; margin-bottom: 60px">
                        温馨提示：如果您是第一次参加在线考试，可以先进行<a href="https://trytest.kszx365.com/" target="_blank" style="color: #feae67; font-size: 15px;">试考</a>
                    </p>
                    <a style="background: #3796f0; color: #FFFFFF; padding: 7px 10px; width: 70%; margin: 20px auto; text-align: center; cursor: pointer; display: block; text-decoration: none" href="https://web.ksj.kszx365.com/" target="_blank">
                        考生登录
                    </a>
                    <!--                    <h3 style="color: #151515; font-size: 30px; font-weight: bold; text-align: left; width: 80%">-->
                    <!--                        <i class="iconfont" style="color:#151515;font-size:26px;margin-right:5px">&#xe654;</i>欢迎使用-->
                    <!--                    </h3>-->
                    <!--                    <div style="width: 100%; height: 150px">-->
                    <!--                        <div class="row" style="width: 80%; margin: 10px auto">-->
                    <!--                            <img  alt=""/>-->
                    <!--                            <div class="inputv" style="margin: 10px auto; border-radius: 0; width: 100%">-->
                    <!--                                <input id="zxksInput1" placeholder="请输入准考证号" style="width: 94%" placeholder-style="color:#d6c5c5;" name="searchText" title="请输入准考证号" type="input" value="" maxLength="100" autoCapitalize="off" autoCorrect="off" autoComplete="off" spellCheck="false"/>-->
                    <!--                            </div>-->
                    <!--                        </div>-->
                    <!--                        <div class="row" style="width: 80%; margin: 0 auto">-->
                    <!--                            <img alt="" />-->
                    <!--                            <div class="inputv" style="margin: 10px auto; border-radius: 0; width: 100%">-->
                    <!--                                <input id="zxksInput2" placeholder="请输入登录密码" style="width: 94%" placeholder-style="color:#d6c5c5;" name="searchText" title="请输入登录密码" type="password" value="" maxlength="100" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false"  />-->
                    <!--                            </div>-->
                    <!--                        </div>-->
                    <!--                        <a style="background: #3796f0; color: #FFFFFF; padding: 7px 10px; width: 75%; margin: 20px auto; text-align: center; cursor: pointer; display: block; text-decoration: none;" href="https://web.ksj.kszx365.com/" target="_blank">-->
                    <!--                            学员登录-->
                    <!--                        </a>-->
                    <!--                    </div>-->
                    <!--                    <div class="iframeScr" style="width: 100%; height: 200px">-->
                    <!--                        <iframe id="inlineFrameExample" -->
                    <!--                                title="Inline Frame Example" -->
                    <!--                                width="98%" -->
                    <!--                                height="100%" -->
                    <!--                                scrolling="no" -->
                    <!--                                src="http://ksj.kszx365.com/local.html/remoteLogin">-->
                    <!--                        </iframe>-->
                    <!--                    </div>-->
                </div>
            </div>
        </div>
    </div>
    <!-- 证书查询 -->
    <div class="content1" style="background:#fff; height:50%">
        <div class='row' style="justify-content: center; align-items: center; position: relative; height: 499px;">
            <div class="content" style="position: absolute; top: -40px; box-shadow: 1px 1px 7px 0 rgba(0,0,0,.6)">
                <div class="column" style="flex:1; ms-flex: 1; height: 100%; align-items: initial; position: relative">
                    
                        <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/cb00d7d81794489aa6c61ffafacc4d59.png" alt="" style="width: 85%; margin: 0 auto;" />
                    
                </div>
                <div class="column" style="width:390px; padding: 0 30px; border-left: 2px dashed #67aee6">
                    <div style="font-size: 26px; text-align: center; margin-bottom: 10px;">
                        <span id="zscx1" style="color: #3796f0; cursor: pointer" onclick="onToggle('zscx1','cjcx','zscx2','cjcx2','zscxLogin','cjcxLogin',true)">证书查询</span> | <span id="cjcx" style="color: #151515; cursor: pointer" onclick="onToggle('cjcx','zscx1','cjcx2','zscx2','cjcxLogin','zscxLogin',false)">成绩查询</span>
                    </div>
                    <div style="width: 100%">
                        <div class="row" style="width: 80%; margin: 10px auto">
                            <div class="inputv" style="margin: 10px auto; border-radius: 0; width: 100%">
                                <input id="zscxInput1" placeholder="请输入您要查询的身份证号" style="width: 94%" placeholder-style="color:#d6c5c5;" name="searchText" title="请输入您要查询的身份证号" type="input" value="" maxLength="100" autoCapitalize="off" autoCorrect="off" autoComplete="off" spellCheck="false"/>
                            </div>
                        </div>
                        <div id="zscx2" class="row" style="width: 80%; margin: 0 auto; display: block">
                            <div class="inputv" style="margin: 10px auto; border-radius: 0; width: 100%">
                                <input id="zscxInput2" placeholder="请输入您要查询的证书编号" style="width: 94%" placeholder-style="color:#d6c5c5;" name="searchText" title="请输入您要查询的证书编号" type="input" value="" maxlength="100" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false"  />
                            </div>
                        </div>
                        <div id="cjcx2" class="row" style="width: 80%; margin: 0 auto; display: none">
                            <div class="inputv" style="margin: 10px auto; border-radius: 0; width: 100%">
                                <input id="cjcxInput2" placeholder="请输入您要查询的准考证号" style="width: 94%" placeholder-style="color:#d6c5c5;" name="searchText" title="请输入您要查询的准考证号" type="input" value="" maxlength="100" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false"  />
                            </div>
                        </div>
                        <div id="zscx3" class="row" style="width: 80%; margin: 10px auto">
                            <div class="inputv" style="margin: 10px auto; border-radius: 0; width: 100%">
                                <input id="zscxInput3" placeholder="请输入您要查询的考生姓名" style="width: 94%" placeholder-style="color:#d6c5c5;" name="searchText" title="请输入您要查询的考生姓名" type="input" value="" maxlength="100" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false"  />
                            </div>
                        </div>
                        <div style="margin: 20px auto 0; font-size: 14px; text-align: center; color: #feae67">
                            注：请输入以上两项内容进行查询
                        </div>
                        
                            <div id="zscxLogin" style="background: #5696ed; color: #FFFFFF; padding: 7px 10px; width: 75%; margin: 20px auto; text-align: center; cursor: pointer; display: block" onclick="cxLogin(&#39;zscx&#39;,{&quot;id&quot;:866,&quot;title&quot;:&quot;\u804C\u4E1A\u57F9\u8BAD\u8BC4\u4EF7\u670D\u52A1\u7F51\u8BC1\u4E66\u67E5\u8BE2&quot;,&quot;hieIds&quot;:[864,866],&quot;code&quot;:&quot;zypxcert&quot;,&quot;navTitle&quot;:&quot;\u804C\u4E1A\u57F9\u8BAD\u8BC4\u4EF7\u670D\u52A1\u7F51\u8BC1\u4E66\u67E5\u8BE2&quot;});" >
                                查询
                            </div>
                        
                        
                            <div id="cjcxLogin" style="background: #5696ed; color: #FFFFFF; padding: 7px 10px; width: 75%; margin: 20px auto; text-align: center; cursor: pointer; display: none" onclick="cxLogin(&#39;cjcx&#39;,{&quot;id&quot;:867,&quot;title&quot;:&quot;\u804C\u4E1A\u57F9\u8BAD\u8BC4\u4EF7\u670D\u52A1\u7F51\u6210\u7EE9\u67E5\u8BE2&quot;,&quot;hieIds&quot;:[864,867],&quot;code&quot;:&quot;zypxgrade&quot;,&quot;navTitle&quot;:&quot;\u804C\u4E1A\u57F9\u8BAD\u8BC4\u4EF7\u670D\u52A1\u7F51\u6210\u7EE9\u67E5\u8BE2&quot;});" >
                                查询
                            </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 管理中心 -->
    <div class="content1" style="background:#fff;text-align: center">
        <div class='row' style="justify-content: center; align-items: center; position: relative; height: 499px;">
            <div class="content" style="position: absolute; top: -40px; box-shadow: 1px 1px 7px 0 rgba(0,0,0,.6)">
                <div class="row" style="width: 80%; max-width: 1020px; justify-content: space-between; align-items: center;">
                    
                        <div style="width: 23%; position: relative;">
                            <a href="http://sppj.zyjndj.com/minitestflowLogin" target="_blank">
                                <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/bd255aa21f7f4cd9815b60fb1ab907b2.png" alt="" style="width: 100%" />
                                <p style="margin: 0; background-color: #246cce; color: #fff; padding: 5px 0; width: 100%; position: absolute; bottom: 0px;">培训评价系统</p>
                            </a>
                        </div>
                        <div style="width: 23%; position: relative;">
                            <a href="https://kc.kszx365.com/" target="_blank">
                                <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/2dca59362335446fb2900bf43be24a79.png" alt="" style="width: 100%" />
                                <p style="margin: 0; background-color: #246cce; color: #fff; padding: 5px 0; width: 100%; position: absolute; bottom: 0px;">考场控制系统</p>
                            </a>
                        </div>
                        <div style="width: 23%; position: relative;">
                            <a href="http://axyjg.zyjnpx.com/minitrainLogin" target="_blank">
                                <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/c54f7f47bb084ee39a2aa9d17c6ef87d.png" alt="" style="width: 100%" />
                                <p style="margin: 0; background-color: #246cce; color: #fff; padding: 5px 0; width: 100%; position: absolute; bottom: 0px;">培训管理系统</p>
                            </a>
                        </div>
                        <div style="width: 23%; position: relative;">
                            <a href="http://yj.kszx365.com/" target="_blank">
                                <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/19c3c5e2c72c43f4b90f0802c3976039.png" alt="" style="width: 100%" />
                                <p style="margin: 0; background-color: #246cce; color: #fff; padding: 5px 0; width: 100%; position: absolute; bottom: 0px;">在线评分系统</p>
                            </a>
                        </div>
                    
                </div>
            </div>
        </div>
        <!-- 额外信息 -->
        <div id="web" style="display: none">
            <div style="width: 80%; max-width: 1020px; margin: 20px auto; text-align: center">
                <p style="font-size: 30px; color: #151515">为您搭建专业的职业培训评价服务网，欢迎加盟</p>
                <p style="font-size: 30px; color: #151515">充值3000元，即可开通账号，免费搭建机构专属平台</p>
                <p style="font-size: 30px; color: #FF9933; text-decoration: underline;"><a href="" target="_blank" style="font-size: 30px; color: #FF9933; text-decoration: underline;">更多优惠：进入充值系统</a></p>
            </div>
            <div class="row" style="width: 80%; max-width: 1020px; justify-content: space-between; align-items: flex-start; margin: 70px auto;">
                
                    <div style="width: 18%; position: relative;">
                        <a target="_blank">
                            <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/ab74decaf8614f0cb55d3154f1634e98.png" alt="" style="margin-bottom: 4px" />
                            <p style="font-size: 24px; color: #151515">网上报名</p>
                            <p style="font-size: 24px; color: #246CCE">5元/人次</p>
                        </a>
                    </div>
                    <div style="width: 18%; position: relative;">
                        <a target="_blank">
                            <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/a5391050783e41b28ffdccde71d36b30.png" alt="" />
                            <p style="font-size: 24px; color: #151515">在线培训</p>
                            <p style="font-size: 24px; color: #246CCE">2元/学时</p>
                        </a>
                    </div>
                    <div style="width: 18%; position: relative;">
                        <a target="_blank">
                            <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/d11a51b21d804f679f7905212f8a0f84.png" alt="" style="margin-bottom: 5px" />
                            <p style="font-size: 24px; color: #151515">考前练测</p>
                            <p style="font-size: 24px; color: #246CCE">20元/人次</p>
                        </a>
                    </div>
                    <div style="width: 18%; position: relative;">
                        <a target="_blank">
                            <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/10ee98b15abf496c812c05320892f2f6.png" alt="" />
                            <p style="font-size: 24px; color: #151515">智能化考试</p>
                            <p style="font-size: 24px; color: #246CCE">10元/人次</p>
                        </a>
                    </div>
                    <div style="width: 18%; position: relative;">
                        <a target="_blank">
                            <img src="https://resfiles.bjcscn.com/c8d57793309e4598bf28f887792cdf00/aebf50ca87f94a23b914c2a53d8671b8.png" alt="" style="margin-bottom: 8px" />
                            <p style="font-size: 24px; color: #151515">视频存储</p>
                            <p style="font-size: 24px; color: #246CCE">2元/人年</p>
                        </a>
                    </div>
                
            </div>
        </div>
    </div>
    <!-- 服务中心 -->
    <!--<div class="content1" style="background:#fff; height:50%"></div>-->
    <!-- 底部 -->
    <footer style="position: fixed; bottom: 0; width: 100%;">
        <div style="width: 100%; background-color: #27589d; color: #fff; padding: 10px 0; text-align: center; ">——职业技能考试平台——</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';
        };
    }
</script>
</body>
</html>
