<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>常州工程统一身份认证平台</title>
    <link rel="stylesheet" href="/lyuapServer/themes/default/css/cas.css"/><script src="/lyuapServer/themes/default/js/jquery-1.11.3.min.js"></script>
</head>

<body >
<style>
    html,
    body {
        height: 100%;
        margin: 0;
        box-sizing: border-box;
    }
    .content {
        height: 100%;
        position: relative;
        padding-bottom: 103px;
        box-sizing: border-box;
    }
    .login-container {
        position: absolute;
        left: 10%;
        top: 40%;
        width: 80%;
        margin-top: -320.5px;
    }
    .login-content {
        position: relative;
        height: 560px;
        background-image: url("/lyuapServer/themes/default/img/login_bg.jpg");
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .login-content .title-img {
        position: absolute;
        left: 50px;
        top: 50px;
    }

    .img-content,
    .login-content {
        width: 100%;
    }
    .login-form {
        position: absolute;
        top: -20px;
        height: 585px;
        right: 85px;
        width: 451px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    .login-form form {
        margin: 50px 50px;
    }

    .login-header {
        padding: 40px 50px 0;
        color: #999;
    }

    .login-header span {
        border-bottom: 2px solid #0170ff;
        font-weight: bold;
        font-size: 16px;
        margin-right: 20px;
        color: #000;
        font-size: 22px;
    }

    .form-item {
        margin-bottom: 30px;
    }

    .form-item.form-item-icon {
        position: relative;
        padding-left: 20px;
        border-bottom: 1px solid #ccc;
    }

    .form-item.form-item-icon img {
        position: absolute;
        top: 50%;
        margin-top: -9px;
        left: 0;
    }

    .form-item.form-item-icon input {
        border-bottom: 1px solid #fff;
    }

    .form-item input {
        display: block;
        width: 100%;
        height: 34px;
        /* padding: 6px 12px; */
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #fff;
        border-bottom: 1px solid #ccc;
        border-radius: 4px;
        border-radius: 0;
        /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
        -webkit-transition: border-color ease-in-out 0.15s,
        -webkit-box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        box-sizing: border-box;
    }
    .form-item input:focus {
        outline-offset: 0;
        outline: none;
    }

    .form-item .button {
        border-bottom: 1px solid #0170ff;
        background-color: #0170ff;
        color: #fff;
        height: 40px;
        border-radius: 4px;
        font-size: 18px;
        margin-top: 50px;
        height: 50px;
        display: block;
    }

    .text-right {
        text-align: right;
    }

   .form-item a {
        color: #0170ff;
        font-size: 14px;
    }

    .tel {
        margin-top: 15px;
        font-size: 12px;
        color: #666;
        margin-bottom: 60px;
    }

    .tel span {
        margin-right: 20px;
    }

    .footer {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 55px;
        font-size: 12px;
        margin-top: 40px;
        text-align: center;
        color: #999;
        line-height: 24px;
    }
    .footer a{
        text-decoration:none;
        font-size: 12px;
        color: #999;
        line-height: 24px;
    }
</style>

<div class="content">
    <div class="login-container">
        <div class="img-content">
            <img src="/lyuapServer/themes/default/img/logo.png" /></div>
        <div class="login-content">
            <img class="title-img" src="/lyuapServer/themes/default/img/login_title.png" /><div class="login-form">
                <div class="login-header"><span>Login</span> 统一身份认证平台</div>
                <form method="post" id="form">
                    <div class="form-item form-item-icon">
                        <img src="/lyuapServer/themes/default/img/username.png" /><input type="text" class="required" id="username"  value="" placeholder="账号"  tabindex="1" accesskey="n"
                               autocomplete="off" name="username"
                                /></div>
                    <div class="form-item form-item-icon">
                        <img src="/lyuapServer/themes/default/img/password.png" /><input
                                value=""
                                class="required" type="password" id="password"  tabindex="2"
                                accesskey="p"
                                autocomplete="off"
                                placeholder="密码" name="password"
                        /></div>
                    <div class="form-item form-item-icon">
                        <img class='left_img'  src="/lyuapServer/themes/default/img/security-code.png" /><input
                                value=""
                                class="required" id="captcha"  tabindex="3"
                                accesskey="p"
                                autocomplete="off"
                                placeholder="验证码" name="captcha"
                        /><img class='right_img' id="captcha_img"   style="display:none;left:auto;top:24%;right:0;width: 100px;height:35px;" alt="点击更换" title="点击更换" onclick="refresh(this)"/></div>
                    <div class="form-item">
                        <input type="hidden" name="execution" value="27089e7e-8a64-4c1b-9912-2dd6c07d9d47_ZXlKaGJHY2lPaUpJVXpVeE1pSjkuUkVsSE9WQlVSbGxNVUdNeFFpOVBSelpKVTFJMFNEbE5hRUZEVjI5dVQzcDFiQ3Q1TDBNNU4yWXZRVGRtVUVsT1JqVTFiV3RqVTBZdmNVMXdka2RaWkRkMFdIcFRabGxPY1V3dk5rdFdhMnBHVkdKMmEyUTNNU3R4YVhCek0wVjRZM1pvV0ZJd1ZtbElhRGhYU2tkbWNUbFlSVTR4VUU1bFoyazVOa0ZqVTNGcWQyWkthRE12VjFWSWVVNUNZV0pvTURndmQzTmlLMVJhTW1SMWRWZDVORFpNVjBodE5HRjBRa1I0ZG10bFJIRjROemRET1ZwSVZTdFBTRkJUY0dSUWMyRTJRMEZNZW1sTGRXSTRaa1ZtU3pGTGFXcFJRVVIxVERGcFIwNVliMjlPU3k5aGNVVk5NR0Y2V2pKak0wVk9WMkpRWlhBNGFtcEtMM2xDUVRWd1YxRjZlSEk1UVhWRWMyeHJiamx5Ym05aWMwbEVNMkpSWlVnNVlYZFZhMnhvYUZWekwzVkdNVWhyYTNJdlRYRmFVbkoxZVdWUWFqQk9VRE0yYzBFeVVHd3hVbGQzVGt3NVNYbENTVU13VkdFMWNVaHNZVXQ1V0RFdmVUZGFkbmRITkRSSVNYbFFlSE56VkM5NU5rWklZbEJYUjBRNFlXbEVhMVJUZUc5elVuTTFOWEZ1ZDNOTmFteEVURTFrUW5aeFZ6SlZjRlpPYmtwTllUTXZaVEZwUlhSMlRrRTBiV0p1WVVSamREY3dUVnBCWlZWQ2NIVnlMMDFWY2xKdWN5OVVWblZCUmtwUlRUZEthRk53VlRSdEwxcFBUbVF6VVdOdlEwWXhielJ0Um5wSWVIbExMeXQ2VGxkd1dFVmhVMjFSVDFsSWRsaHhSSEJ2Ym14eFVWaHJTRXRDU1hKa2NXOTROemR0Ym5aM01rZEpiRXBaZW5aaE1sRk5UR2RJWmxSS2JFZE5iV0ZIZEVrdksweG9WVWh6YmxWS1pITnhWbEJ5WkRCMldHNDBOVUZXV1dGemFtUnRWa1ZXZWtWV1JGcDNkM0JLTlRSak9ISjJhMU5YTTJoaFNrTlZUSFp0U2xwUk5IZHZlVEo2VFVwdEszSndlSEZuYld4dVNFNVJiVEpPVEdzMmFsVktVbmh6YmpsWU0zbGpkekZFTkdkdGFtazNlalYwT0RoUWNXRkpZM1ppYzFkNVlqZGpTREE1UmtjeFZWVnFZMk5PVERJMmVHZEZTMm8zZDFaVldXSXdUek5rSzNaUVNGWlFOMmxDTjBkU09YSmhNME40UWpGeFpGSnVjV05oTkcxUmNVWkZZVUZtZDNKckwxQlpiRE40Um1OalRHSlBiVkFyVXpCRU1HVjZNalZTUTNoMFZubEViVlJLWjBGTk5EbE1VVWN5T1ZjeWRuWmplRmxHY0Zwd2RUbFpUakpZWVhOWGEwRXZjMWc0VVdkRU1HaFVSVTB4ZWpSbVJXSnFaamR0UmpkeVVsWkdRbUZ2VDNKUWRuaFlaVkp4WW5OR1RpdEhiRE4wU25kc1lpOUZNSGx1WVhoaU5tTnhUbUZwVm5Kck16bGlSMHRFUTNKeVRIWkNLMkZxTlhGYWNtZ3piMEkyU0ZKbVRWZ3paRWt5YlhsVVlsazJWV1ZRUVhGelFUQk9SMDV0U0VWWE1EUm1RbFpuU2xwR00xTXlOazUyWVRkbFpFWnRNVzlQV0c1Sk1tbHdibVkxVVROek5IUlFhaklyUVZNeFJXZDJkeXQ0ZEZScFEweDBhakkxVURWbmFXVnhOSEJFWjJGcGExYzRVMkpWVERCV2Vsb3dWekpwU1Rkb04yNHpWbm9yTTFKU09FZHpZbUpIWXpOak9EUjZjRFpwYlZnMFZHUlFZMnQ1VkV0YVYzbHplR2wzTjBFM2FtVXJjV1JCYjJGT1ZXWnhMMnhCV25OSE1XMUxVM0Z5VkUxRU5tTmFMM05sV1doWFpFZHhka2h1TUZsSE9TOVRNV3Q1VldnelkxZHNVMXBxVGtKRFpWSjVSRkUzWkhOeVZGQlVaSGxRUlRCNGJXZE1ObFZNTWxSQlVrWkVla3d3UnpKdlQxTjNSMHhZUjNNeGJtTjZlVmxHYkhOdWEyVllXbGszYURkamEzWllSa1pKVjFGbmNWZHNabEpoTDIxQllqRXpWVzVRTDJod2QzcFVUMWhQUWsxaU5HNVJNVnBOYVZaVldtUjFlVlpYVm1ORlUwWjNSVTl2UXprMlJHVjBlUzloYUVSTVJHOTZkMVF6YzFrNFlrZHBOWEpuVDJkV1Z5OUVWR3BZV2tSeFpIbzJabVpSUjJWelJsQmpSbHBpVlRGTlEyOUJUVXMyVGpGamEwc3lZbWh4UzB0MGNVTkRVSEF5VDNOcFJGZHFNWGsyZUV0RFZFZFdablpXUkcxR2IxaEpla0YyY0RSbFJYSkdNSE16ZHl0WU16QldlRWhvUVZsUGNWWlBkVlJIVlRCck9VaDRNVmhIYzBFNVEyWllaVEpNV1VVeFZFWm5TeTkzYVVSNUt6TjBjR3RuVWpCRFZsWk5Za2h3Wm1Sb0wxVjRURVE1YURadFEyNUZMMGxhWTB0bFV6ZElWVkJQTmxabWVtcGtlRTFNUmtSSUwyOVdOMmxJUTNKMFdreExUVWhzYVZOTVVIQkJRbmhyUWtsdlIyNXpTVVU1YWtWa05WZzNWbkJrUm1Gak1rUm5SbGRJVTBneVp5dHFTakJ2TUdzMmRpdG5aVTlyVjBFNE5VOURNREpMVGs5eVMyaEhVa3RLUW5aMlExZ3hlWGxuVHpseGNIQTFXbEZOWkhZeVlXaEpZbGt2Y1hSalpXSnpaQ3QwUTJoMVdYZGlSa1p4Y0hKdWEyaDVUVkZPTTB0MWRHSlhSWEZZVEVOVFlUazVTWEY2WlRCNFdXczRORWt4YzBsYVpGRm9TRWt6ZEUxUWJFc3JhR0YwY21kMFNscFpTMFpCYnk5VU4yVnROVmczY1VKc1RIVnRSbXRVZVROWWQxWndkVW9yY0VKV1dVNVlUVW94VVRKd05FTXhXVkp1VjBVMFpHbEhVRVl5Y0RaQk5VVTFhemxUT1V0TlkwTkdTME41YzJ0WEx6TktWV2RLWms5SWNXMUZXVk5yY205dldIY3JSR3BTVTIxak1HZE1aMDFOTVhNeE1ESkZSR3BVTlhGYUwwazJlSHB6YjFoNEswcGhjSGdyV2pJMVVHWmFSSFpLVDFkd1ExUkllRkUyWTB4WVpFcHNZa1JZZHk4MFdVVkRUWFZaTXpNdlpYRmtRV01yV0ZwVVZ6QnpVSGhaVUVkbU5YazNZVzhyVEhwd1J6SmhXSE1yVDNKbGVFVXhRbmhaY0hCdk0yWnVXR2xTT0VJM1JHVkpibk1yVTBOQ1RYUnNla2t6YWtGbk9FaFBiVWhZUjJwSWJTOHZVRTVrYjJsd1ZsbHllVXM0UWs0MVZHWndVbFY0VVdONE4ydElXVXR0Uld4WVoxaEJkRTVsZFZwQlNYbDFLMlpxY0M5eU5HTXJPVFJSZEd4aVFVMDVUbXRxWkd0TWNrRTJNMjVRYUhnMlJuZHlkVE55Y3pBNWFFcGFSMUI0SzJGb1pqQnJWazVhVDBodFkzbzRSR3d5VEVGNGRFVkVVeXN5U1VoWU1VRmFORnBzTW05VGVXbG5aR0l2SzJrNVdGTklVVVkzTUVjNGRVOUlSVFo0VUhWemVHNHpiRzVZZUZSV2F6RnFWMFozZEdaeWRqUjFUWFk0ZERVeVdWUlFhV1pPTkhsbFpUQjBPVmxTTTNOQ1NXUjBXRXRQVUZSS1VXSldSelYyTmxNMVZVeFJRbXB3ZDB4SFVra3liR2w1TmtSRFdYUlpXRWwzTDNNd1l5OUtSamRsZGxkVVQwOW5lVUV6ZG5sMVJ6Rndlamt2ZDNvck9Xa3lXa2t5TW5SU1JFRmpSM3BtTDNaRk9WaEZiMDVGWTNkUkwzVk5VREZOWTIxblNrTnVVVzB4YXpobVFYbGlObGxWYTBKUmVtSkZkMUZLUjFCeWRtbHVaM042Y1RSSU5VcElOWEF5TmpkVVNEWk5MelE0TmxVeVVGb3hSamhrZEUxNVl6QmlhbU5QWW5CQ1YyaE5Va2cxTUU5dlFXWjRkRlZ3VmxjMVMzcFFjbUZPVFRoQmNEaGhjblJDTlRscVozSnZRMmhCWjNGcE5tOHdhbTAzTTNWM2JqQjZXa3QwTXpkR2JXeHFla0kyYldWU1VEaHZRM2xoTDBWVEswOTFkbVpUU21KVk1FSktabVpyYzBocE9XWjJZVXRuU0hsUVF6bDJZM1JHTUVodlowcGpZV2x3WkdaVGJsZ3hjbEJ1UkZka2RGbGhXVzFOTUhobGRUaERjMXBsYldncllqaDZkREZwTVU1TE5TOVNVamx5Y1VnNFdtaExWMUF3WTFkUFVVODRTMlJVSzJndllXUm9aRWwxYTJnMFZIbEpRak5uWjFCRVpHbHNRV2xKVGpBMVN6STNMemQzV0ZOWFpFOHZNbHBwYVRoRFIxVlpaSFF5TnpKdlZrUlNhV3gyTjFCemNYRjBUV2RuWWtORGRVcGpTR0U1VUdwbGJYbzRkRGhSVkRCQ1NHcDZaMkZ4ZG5sa1kwOWtkMm8xUWs0eWRFaHhjMGt5VUVOcldqbHJaMGQxUTFwWVdIcFdNakJZTldSWFJ6Wm9UbWh3THpSc1lqQlhjV3BKVVdwTGFHZGhOMU5XV0V4alpGRmxjaXRzYzFOT1MxZHNWV05CU0Rsa1FsWjJOMHQzYzFBdlMwZEVTbnBzUW5KamJFa3JNVFpMTjBoV05sWkNkSEpuTVV0UmVGTlliM1I0V2t4MUsxSXdOMU01UjA5dVdDc3pUbVo1VjNwSlVtc3JRV3RXTXk5TU1tZ3hRa3BOWVhoeFpuYzJkMWhhYVZKV1JtSkdjVGMzVFhodVdUVnRiSGR2U0hCa2JXUkNZelZLU0ZZNE1HZEhOVVJhU1dwbVJHOVJTMmQwS3pabVkwRTBaMmg0T1ZBMFFtMVhaVk0zUjBoRk5qVmlhVmRoYm5Od1dGUTFUek50WlU4NWRHSk5VVTFKYTBaNmN6UjRLemwzZGk5clkzRlFhR1owVlZwRmNVdzVVUzlFUWxoMlUxUklObFpTYVVGbE5HaGlWWFk0U1hOTWRVUm1SSGxyTUdKQlJVUkRTM2hYYkc5dldDODVORkE0UmtwdFJURjVTVmx3WlZaM05TOURMMmcyVWtkVmRWVmtVMlIxVTBWd2NqWXpWbXN2VHpaVVUxVmlVME5HVlhaMFZEUTNPR2hGVTJoeWFESnNhbkJzYjBRM01HTlhUblZoWmtwdEwwMVJLMWhZT1hwcU5FUlJORloyZUZWNmNYSlhWVm81U2xOa1ozaFJUM1UzYkUwMWVFVlRRV1JOVUVSNWFqbE9abkZhWkZOME0yRnFjR00zTTJ3MU0wZ3lXakYzU1RsNGQwaHBkVVJsWm5CTlRFOWhkMVpWZUhSS1IySm9jVzFFTmtnemVrZGFlSFZwZEZwMFpIcFhkVVpRZUV0cVlYRktObGswVm1WWVFUbFVlR2hLUkV0UWVYbFFNalpQYjFsd2REaG1NRnBXVVhwRFFqY3hTbnB0WmpOVFF6RndWbFJWT0ZCNk9IcFZlR1JaU3pGc2JETlVhMVJCZFZKUlFqQmxURkpoZVdGUWExSTJRMUl4UlVaaGNHNXJOVXd3UW1seFkyZG9TV3hGWTBkb01YQXlWVmx6YkRWWVNrZHZkMkpJVkVoR0sxQkJkMnRMZWtSUFRWRm9TR3M1ZDI5aVl5OU1TblJ2VGxkSmNGSnJTVGQ1YTBoUGFXdGxha1ZDU0dOQ1JTOTFjMmxuZURKaFJETlFWMGw2Y2t3d2VXaDFkV05LV1RFMU9IbE1MMHROU1ZCd1drcFlZbU5MZVVkV2FrWkhZVXhPYlZNeFIwVkNNVWRRWXpSS05qVmFPRXMzTjJOWmNGRjFja1pPZUhJMVVYZDRhRXd6YmpKV1duTlhZMVZVZGpSSVZXUjFjMDh3TURoU1F6TlJSVkZXUVdaYVVXOVJOVzh5VW5oMldqQm5NekkwVG5sa04yRmhWRFZJTVdabGVFUTRVV2hDUTFSQ2JtNWlhalJaYzNkNVVYVmhTR2QxV0RWbFowSkZSM2hOUjBGdVUwbGhkWHBqZVRCRWNEQkJhVkppWm5CT01WUmpiSFJOSzNZNVRWZFFiRzFDU0hOU1ZHaE9UWFpGZUZwRVVWbHVVMGhDZUZCU01qQTBhMjF4VURKUVMwZGlZV293V1cwd01GVlVOMU5EWlc0ck5tWlhTelZsWkZOMldHMDVabmRPZVZWcGNWRlFSek5ZZEhOTk1XTmlkbFF6T1ZBdmIyeDBSek5FUTIxUU5FSnRORGxDVmxnemVuaGxPQ3Q0UTNod2VsaFNkMFpNUW1Ob2NsUTNla0ZLVlVOUVpqWjFPVzVDU0c1R1kwSTBWR05LVEdNemFXeDNiM1kzWVdOeVZIbzNRVDA5LllJYk5yZFV0TnpIdFVDOVE1NXNJaUZxTnJsajNyQll4am95bll1UXZROU96QlI1elliZ1ZMdWRlc1p3UGQzLXlwTzVNbHdDbzNYMV9UYVdHbVE3alp3" /><input type="hidden" name="_eventId" value="submit" /><input type="hidden" name="geolocation" /><input type="hidden" name="captchaKey" id="captchaKey" value=""/><input type="submit" value="登录" name="submit" accesskey="l" tabindex="3" class="button" /><div style="text-align:right;margin-top: 0.3rem;"><a style="text-decoration:none" href="http://m.jmbeijing.com/home/resetpassword.html">忘记密码？</a></div>
                    </div>
                    <div class="form-item ">
                        <span style="color:red">身份证中字母&quot;X&quot;为大写，建议用IE10以上或谷歌浏览器获得最佳显示效果。服务电话：网络：86332258 ，系统：86333660，一卡通：86332222</span>

                    </div>
                </form>
            </div>
        </div>

    </div>
    <div class="footer">
        &copy;<span>常州工程职业技术学院</span>
        <br />
        地址：<span>常州市武进区滆湖中路33号</span> &nbsp;&nbsp;邮编：<span>213164</span>&nbsp;|&nbsp;<a href="http://www.miitbeian.gov.cn/">苏ICP备08012310号-1</a>
    </div>
</div>
<script language="JavaScript">

    function refresh(obj){
        var captchkey = $("#captchaKey").val();
      obj.src = './kaptcha'+ "?captchaKey="+captchkey+"&amp;v="+ new Date().getTime();
    }


    function uuidGenerator() {
        var originStr = 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
            originChar = '0123456789abcdef',
            len = originChar.length;
        return originStr.replace(/x/g, function(match) {
            return originChar.charAt(Math.floor(Math.random() * len))
        })+(new Date().getTime())
    }
    function showPic(){
        var obj = $("#captcha_img").get(0);
        var key = uuidGenerator();
        $("#captchaKey").val(key);
        refresh(obj);
        $("#captcha_img").show();
    }
    $(window).load(function (){
        setTimeout("showPic()",300 );
    });
</script>
</body>
</html>

