<!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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/d3b56c67966d4bd8bd78d85276e199b5.css" />
        
    
    
        
            <script type="text/javascript" src="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/f1c1419d0bf54564916f455b5713b461.js" charset="utf-8"></script>
        
    
    <script type="text/javascript">
        var grService = 'https://rcpjbm.bjcscn.com/cpnsp/ws/ne'; // 网报
        // 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 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 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 = '29ce121658a84da6a40eb4cef03a78e4';
        // 适配
        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 = '';
        function getVerfifyCode() {
            codeKey = generateUUID();
            var tbBody = "<img src='"+ jtCodeService + "/kaptcha/getVerfifyCodeImg/"+codeKey+"' alt=\"\" />";
            $("#zxbmImg3").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()
        });
        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;
                $.ajax({
                    type: 'post',
                    url: grService + "/login",
                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                    data:{
                        cardId: zxbmInputValue1, // loginName
                        passwd: zxbmInputValue2,
                        // verifyCode: zxbmInputValue3,
                        // verifyCodeKey: codeKey,
                        // 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?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 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 src="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/69f585ff094c49cfba7f1fca2868beff.png" alt="" style="width:320px; position: absolute; top: -60px; right: 0" />
                
                <p style="font-size: 24px; color: #ffffff; margin-bottom: 12px">河北省国际信息技术交流协会</p>
                <p style="font-size: 44px; color: #ffffff; margin-bottom: 12px; margin-top: 0;">职业技能培训评价平台</p>
                <p style="font-size: 24px; color: #ffffff; margin: 0;">Skill Training & Evaluation Service Platfrom</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">联系方式：0311-85212115</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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/7ceb1c30155049f7911389b91719890d.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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/20f9433a88c34b19876c7d473dd71529.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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/edfffd73143a448a8c5a183354ea5492.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: 50px; 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%; display: block">
                            <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%" >
                        <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="https://rcpjbm.bjcscn.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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/edfffd73143a448a8c5a183354ea5492.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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/b7a799d3456a4d8f887c42dff3d87389.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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/e4441ecdef06452dbea4f6cab9e90f4e.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" onclick="jumpAxypc()" target="_blank">
                        学员登录
                    </a>
                    <!--                    <h3 style="color: #151515; font-size: 30px; font-weight: bold; margin: 30px auto; width: 82%;">-->
                    <!--                        欢迎使用，请先登录-->
                    <!--                    </h3>-->
                    <!--                    <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="zxpxInput1" 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">-->
                    <!--                            <div class="inputv" style="margin: 10px auto; border-radius: 0; width: 100%">-->
                    <!--                                <input id="zxpxInput2" 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 style="background: #5696ed; color: #FFFFFF; padding: 7px 10px; width: 75%; margin: 20px auto; text-align: center; cursor: pointer; " >-->
                    <!--                            登录-->
                    <!--                        </div>-->
                    <!--                        <a style="background: #3796f0; color: #FFFFFF; padding: 7px 10px; width: 70%; margin: 20px auto; text-align: center; cursor: pointer; display: block; text-decoration: none" onClick="getAxyLogin()">-->
                    <!--                            学员登录-->
                    <!--                        </a>-->
                    <!--                        <div class="row" style="justify-content: space-between; width: 80%; margin: 10px auto">-->
                    <!--                            <a style="color: #888; font-size: 14px">-->
                    <!--                                还没有账号？ <span style="color: #3796f0; cursor: pointer">请先注册</span>-->
                    <!--                            </a>-->
                    <!--                            <a style="color: #888; font-size: 14px"><span style="color: #3796f0; cursor: pointer" onclick="zxbmRegist('pxResetPwd','pxlogin')">忘记密码</span></a>-->
                    <!--                        </div>-->
                    <!--                        <div style="margin: 20px auto 0; font-size: 14px; text-align: center; color: #b7b7b7">-->
                    <!--                            ——爱学友培训学校（010-23654563）——-->
                    <!--                        </div>-->
                    <!--                    </div>-->
                </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://axypc.zyjnpx.com/remoteResetPwd">
                            </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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/fa8440ec10894573a8962d0f1b8a615b.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://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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/55e75fe863394d9784d10a2d3bb35281.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;:502,&quot;title&quot;:&quot;\u804C\u4E1A\u57F9\u8BAD\u8BC4\u4EF7\u670D\u52A1\u7F51\u8BC1\u4E66\u67E5\u8BE2&quot;,&quot;hieIds&quot;:[500,502],&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;:503,&quot;title&quot;:&quot;\u804C\u4E1A\u57F9\u8BAD\u8BC4\u4EF7\u670D\u52A1\u7F51\u6210\u7EE9\u67E5\u8BE2&quot;,&quot;hieIds&quot;:[500,503],&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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/12950df07f5f40a296cb9e2a5e8ffaf0.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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/a6877d9e319748ad9c4d08f5e01c004f.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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/dafcbce689034eeda22d4d0eabd481a4.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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/a91d468348594298862b81e6b46ed79b.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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/cf6c09e9af0346c4ba40bfb410b327ec.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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/73c97847097541f1907c7101001911fc.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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/2c8c78be68f543ccbfc9d169aa3e8f2f.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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/4a13785919da4fc4a65dc307917ce31e.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="http://resfiles.bjcscn.com/5b91f4dc5e894e53856bcde3e23458ef/a5119000e24f4c348ed6946ad98e7128.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>
