﻿@charset "utf-8";
/*----------global Style-----------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body {
    font-family: microsoft yahei,SimSun,verdana,arial;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    word-break: break-all;
    text-align: left;
}

input, textarea, button {
    font-size: 12px;
    color: #333;
}

input, button, select, textarea, a {
    outline: none;
}

textarea {
    resize: none;
}

img {
    border: none;
}

input, select, img, button {
    vertical-align: middle;
}

button, label {
    cursor: pointer;
    display: inline-block;
}

ul, ol, li, dl, dt, dd {
    list-style-type: none;
    text-align: left;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

caption, th, td {
    text-align: left;
    vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    text-align: left;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
    letter-spacing: 2px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

a {
    color: #0f90da;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

/* form */
select {
    border: 1px solid #d6d6d6;
    color: #333;
    padding: 0 10px;
    margin: 0;
    height: 38px;
    line-height: 38px;
    position: relative;
    left: -4px;
}

label {
    padding: 2px 8px 2px 0;
}

textarea {
    border: 1px solid #ddd;
    padding: 5px;
    line-height: 18px;
    margin: 2px 6px 3px 2px;
    display: inline-block;
}

/*------clear float------*/
.clear {
    overflow: hidden;
    _zoom: 1;
}

/*------checkbox and radio align------*/
.cr {
    *width: 13px;
    *height: 13px;
    vertical-align: -2px;
    *vertical-align: 1px;
    _vertical-align: 0;
}

/*------hidden------*/
.hide {
    display: none !important;
}

/*------radius------*/
.radius-1 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.radius-2 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.radius-3 {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

/*------shadow------*/
.shadow {
    -moz-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
}

.shadow-1 {
    -moz-box-shadow: 0 0 5px #eee;
    -webkit-box-shadow: 0 0 5px #eee;
    box-shadow: 0 0 5px #eee;
}

/* table style */
.table {
    width: 80%;
    margin: 0 auto;
    background-color: #fff;
}

    .table th, .table td {
        text-align: center;
        border: 1px solid #e5e5e5;
        padding: 5px;
        line-height: 24px;
    }

    .table th {
        background-color: #f6f6f6;
        font-weight: bold;
        color: #333;
    }

    .table td {
        color: #666;
    }

    .table a, .table input {
        margin: 0 5px;
    }

    .table .t-btn {
        width: 50px;
        height: 25px;
        line-height: 25px;
        margin: 0 auto;
        background-color: #01589b;
        font-size: 12px;
        color: #fff;
        display: block;
    }

.table-1 {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}

    .table-1 th, .table tr {
        text-align: center;
        padding: 5px;
        line-height: 25px;
    }

    .table-1 th {
        font-size: 16px;
        font-weight: bold;
        color: #333;
        border-bottom: 1px solid #01589b;
    }

    .table-1 tr {
        color: #666;
        border-bottom: 1px solid #eee;
    }

    .table-1 td {
        padding: 8px;
        text-align: center;
    }

    .table-1 a {
        color: #01589b;
    }

    .table-1 .align-left {
        text-align: left;
    }

/*------- table -------*/
.table-tree {
}

    .table-tree th {
        text-align: right;
    }

    .table-tree td {
        text-align: left;
    }

.table-nobg {
    background: none;
}

    .table-nobg th, .table-nobg td {
        background: none;
    }

.table-noborder {
}

    .table-noborder th, .table-noborder td {
        border: none;
    }

/*------layout------*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.auto {
    margin: 0 auto;
}

/*------box------*/
.box {
    position: relative;
}

.wrap-full {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.w-800 {
    width: 800px;
    margin: 0 auto;
}

.mt-1 {
    margin-top: 16px;
}

.mt-2 {
    margin-top: 24px;
}

.mr-1 {
    margin-right: 16px;
}

.box-1, .box-2, .box-3, .box-4, .box-5, .box-6 , .box-7{
    border: 1px solid #ddd;
    overflow: hidden;
}

.box-h-1 {
    height: 293px;
}

.box-h-2 {
    height: 240px;
}

.box-h-3 {
    height: 130px;
}

.box-1 {
    width: 278px;
}

.box-2 {
    width: 702px;
}

.box-3 {
    width: 590px;
}

.box-4 {
    width: 998px;
}

.box-5 {
    width: 521px;
    margin-left: 18px;
}

.box-6 {
    width: 390px;
    margin-left: 18px;
}
.box-7 {
    width: 320px;

}

.side {
    float: left;
    width: 203px;
}

.bor {
    border: 1px solid #ddd;
}

/*-------input-------*/
.ipt {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 0;
}

    .ipt:hover {
        border: 1px solid #01589b;
    }

.ipt-1, .ipt-2, .ipt-3 {
    height: 38px;
    *line-height: 38px;
    font-size: 14px;
    padding: 0 10px 0 45px;
}

.ipt-1 {
    width: 181px;
}

.ipt-2 {
    width: 105px;
    padding: 0 10px;
}

.ipt-3 {
    width: 216px;
    padding: 0 10px;
}

.ipt-selcet {
    height: 35px;
    line-height: 35px;
    width: 230px;
    padding-right: 0;
}

/*------button------*/
.btn {
    border: none;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    font-family: microsoft yahei;
    color: #fff;
    background-color: #01589b;
}

.btn-1, .btn-2 {
    width: 100px;
    height: 38px;
    line-height: 38px;
}

.btn-1 {
    margin-left: 55px;
}

    .btn-1:hover {
        background-color: #1879c3;
        text-decoration: none;
    }

.btn-2 {
    background: #ff7950;
}

    .btn-2:hover {
        background-color: #aaa;
    }

/*------min height------*/
.min-h {
    height: auto !important;
    height: 350px;
    min-height: 350px;
}

.min-h-1 {
    height: auto !important;
    height: 500px;
    min-height: 500px;
}

.min-h-2 {
    height: auto !important;
    height: 185px;
    min-height: 185px;
}

/*------header------*/
.header {
    height: 114px;
    background: url() no-repeat right center;
}

    .header .logo {
        width: 374px;
        height: 114px;
        background: url(../img/LOGO.png) no-repeat center;
        text-indent: -9999px;
    }

    .header .set {
        position: absolute;
        top: 5px;
        right: 0;
        line-height: 24px;
        background-color: #01589b;
        color: #fff;
        padding: 0 10px;
    }

        .header .set a {
            color: #fff;
            font-size: 12px;
        }

/*------nav------*/
.nav {
    width: 100%;
    height: 52px;
    background: url(../img/nav.png);
}
.nav1 {
    width: 100%;
    height: 7px;
    background: url(../img/nav.png);
}

/*------time------*/
.time {
    height: 28px;
    line-height: 28px;
    background: url(zhimages/time_bg.png);
    padding: 0 10px;
    position: absolute;
    right: 3px;
    top: 14px;
}

/*------logn\reg------*/
.reg-floating {
    color: #666;
    margin-top: 5px;
}

    .reg-floating a {
        width: 60px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        text-align: center;
        display: inline-block;
        margin-left: 8px;
        text-decoration: none;
    }

.reg-tip {
    color: red;
    font-size: 12px;
    line-height: 23px;
}

.hint {
    width: 550px;
    margin: 0 auto;
    background-color: #e3e3e3;
    border: 1px solid #ccc;
    color: #01589b;
    padding: 10px;
}

.reg-succ {
    background: #fff url(zhimages/complete.png) no-repeat 40px 30px;
    font-size: 18px;
    padding: 50px 0 40px 150px;
    color: #000;
}

.reg-btn {
    margin-left: 170px;
}

    .reg-btn input {
        margin-right: 10px;
    }

.no-record {
    width: 80%;
    margin: 24px auto 0 auto;
    border-top: 1px dashed #ccc;
}

    .no-record p {
        padding: 10px 10px 0 10px;
        font-size: 12px;
        color: #666;
    }

        .no-record p.txt-b {
            font-size: 18px;
        }

    .no-record a {
        color: #01589b;
    }

.log-info {
    background-color: #eee;
    text-align: center;
    padding: 10px 0;
}

    .log-info span {
        font-size: 20px;
    }

        .log-info span.red {
            color: #01589b;
        }

.stu-center {
    height: 170px;
    background: url(zhimages/logged.png) no-repeat center;
}

    .stu-center li {
        text-align: center;
        float: left;
    }

        .stu-center li a {
            width: 119px;
            height: 85px;
            display: inline-block;
            color: #999;
            line-height: 120px;
            overflow: hidden;
        }

            .stu-center li a:hover {
                color: #01589b;
                text-decoration: none;
            }

/*------column------*/
.column {
    position: relative;
}

.col-head {
    height: 42px;
    background-color: #f7f7f7;
    border-bottom: solid 2px #3c7abc;
}

.col-h-tit {
    line-height: 35px;
    color: #00204b;
    padding-left: 10px;
    line-height: 38px;
    font-family: 微软雅黑;
}

.col-head-1 {
    height: 35px;
    border-bottom: 2px solid #01589b;
}

.col-h-tit-1 {
    background-color: #fff;
    color: #333;
    padding-left: 0;
    font-size: 20px;
    font-weight: normal;
}

.col-more {
    color: #fe8360;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 8px;
}


.col-body {
    padding: 13px;
    overflow: hidden;
}

.col-body-1 {
    padding: 0 15px 15px 15px;
    overflow: hidden;
}

.clo-left, .focus-pic {
    width: 460px;
}

.focus-pic {
    height: 294px;
    background-color: #eee;
}

.clo-right {
    float: right;
    width: 700px;
}

.column-1 {
    padding: 5px;
    border: 1px solid #ddd;
    position: relative;
}

.page {
    padding-top: 16px;
    border-top: 1px dashed #ccc;
    text-align: center;
}


/*------process------*/
.process {
    background-color: #f7f7f7;
    padding: 20px 0;
}

.pro-tit {
    width: 100%;
    height: 24px;
    line-height: 24px;
    background: url(zhimages/process_line.png) no-repeat center;
    text-align: center;
    font-size: 18px;
    color: #01589b;
    letter-spacing: 2px;
}

.list-pro {
}

    .list-pro a {
        width: 158px;
        height: 90px;
        background: url(zhimages/process.png);
        float: left;
        text-indent: -9999px;
    }

        .list-pro a:hover {
            width: 158px;
            height: 90px;
            background: url(zhimages/process.png) 0 -100px;
        }

.pro-ico-1, .pro-ico-2, .pro-ico-3, .pro-ico-4, .pro-ico-5 {
    margin-right: 10px;
}

.list-pro .pro-ico-1 {
    background-position: 0 0;
}

.list-pro .pro-ico-2 {
    background-position: -168px 0;
}

.list-pro .pro-ico-3 {
    background-position: -337px 0;
}

.list-pro .pro-ico-4 {
    background-position: -505px 0;
}

.list-pro .pro-ico-5 {
    background-position: -674px 0;
}

.list-pro .pro-ico-6 {
    background-position: -842px 0;
    margin-right: 0;
}

.list-pro .pro-ico-1:hover {
    background-position: 0 -100px;
}

.list-pro .pro-ico-2:hover {
    background-position: -168px -100px;
}

.list-pro .pro-ico-3:hover {
    background-position: -337px -100px;
}

.list-pro .pro-ico-4:hover {
    background-position: -505px -100px;
}

.list-pro .pro-ico-5:hover {
    background-position: -674px -100px;
}

.list-pro .pro-ico-6:hover {
    background-position: -842px -100px;
    margin-right: 0;
}

/*------course-details------*/
.details {
    background: #f2f2f2;
}

    .details h3 {
        font-weight: bold;
        margin-bottom: 5px;
        letter-spacing: 0;
    }

.detail-pic {
    float: left;
    width: 420px;
    position: relative;
}

.detail-info {
    float: right;
    width: 535px;
    padding: 20px;
}

.details .detail-info p {
    line-height: 26px;
    padding-bottom: 15px;
}

.det-bom {
    display: block;
    text-align: right;
}

/*------study-time------*/
.study-time-bg {
    background: url(zhimages/learn_time_bg.png) no-repeat left bottom;
}

/*------details------*/
.details-title, .details-tip {
    text-align: center;
}

.details-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 35px;
    padding-bottom: 10px;
    color: #333;
}

.details-tip {
    color: #888;
    padding-bottom: 6px;
    border-bottom: 1px solid #cdcdcd;
}

    .details-tip span {
        margin: 0 8px;
    }

.details-content {
    padding: 20px;
    line-height: 20px;
    color: #444;
    background-color: #fff;
    font-size: 14px;
    line-height: 26px;
}

/*------list------*/ #01589b .list-nav {
    height: 52px;
    overflow: hidden;
}

.list-nav li {
    padding: 0 60px;
    font-size: 16px;
    font-weight: bold;
    float: left;
    line-height: 52px;
    cursor: pointer;
}

    .list-nav li a {
        color: #FFF;
    }

    .list-nav li:hover {
        text-decoration: none;
        background-color: #004276;
        border-bottom: solid 2px #fdd947;
    }

    .list-nav li a:hover {
        text-decoration: none;
    }

    .list-nav li a.current {
        color: fff;
    }

.list-info {
}

    .list-info li {
        height: 38px;
        line-height: 28px;
        background: url(../img/sign.png) no-repeat 0 12px;
        float: left;
        width: 100%;
        overflow: hidden;
        border-bottom: dashed 1px #ddd;
    }

    .list-info a {
        text-indent: 13px;
        display: inline-block;
        color: #666;
        float: left;
        font-size: 14px;
        width: 65%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .list-info a:hover {
            color: #01589b;
            text-decoration: none;
        }

    .list-info span {
        display: inline-block;
        color: #999;
        float: right;
        font-size: 14px;
    }

.list-info-1 {
}

    .list-info-1 li {
        background: url(zhimages/arrow_big.png) no-repeat 0 5px;
        float: left;
        width: 100%;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .list-info-1 a {
        text-indent: 15px;
        display: inline-block;
        color: #000;
        float: left;
        font-size: 15px;
        font-weight: bold;
        width: 85%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .list-info-1 a:hover {
            color: #01589b;
            text-decoration: none;
        }

    .list-info-1 span {
        display: inline-block;
        color: #999;
        float: right;
        font-size: 14px;
    }

    .list-info-1 p {
        text-indent: 2em;
        color: #999;
        clear: both;
        padding-left: 15px;
        display: inherit;
    }

        .list-info-1 p a {
            width: 100px;
            font-size: 14px;
            font-weight: normal;
            color: #01589b;
            float: none;
        }

            .list-info-1 p a:hover {
                text-decoration: underline;
            }

.list-info-2 {
}

    .list-info-2 li {
        background: url(zhimages/arrow_small.png) no-repeat 0 8px;
        float: left;
        width: 100%;
        overflow: hidden;
        margin-bottom: 12px;
        border-bottom: 1px dashed #eee;
    }

    .list-info-2 a {
        text-indent: 15px;
        display: inline-block;
        color: #000;
        float: left;
        width: 75%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .list-info-2 a:hover {
            color: #01589b;
            text-decoration: none;
        }

    .list-info-2 span {
        display: inline-block;
        color: #999;
        float: right;
        font-size: 14px;
    }

    .list-info-2 p {
        color: #01589b;
        clear: both;
        padding: 5px 0 5px 15px;
        display: inherit;
    }

.list-logn li {
    margin-left: 10px;
}

.list-logn li {
    margin-bottom: 18px;
}

.list-logn .icon-logn {
    background: url() no-repeat;
    width: 180px;
}

.list-logn .i-l-1 {
    background-position: 8px 3px;
}

.list-logn .i-l-2 {
    background-position: 8px -37px;
}

.list-logn .ver-pic {
    margin-left: 10px;
    background-color: #eee;
    border: 1px solid #ddd;
    height: 38px;
    width: 95px; /* display:inline-block; text-indent:-9999px; */
}

.list-logn .form-forget {
    font-size: 14px;
    color: #cc0606;
}

.list-logn .form-newreg {
    font-size: 13px;
    color: #333;
}

.list-logn .form-admin {
    font-size: 13px;
    color: #cc0606;
}

.list-logn .form-a {
    width: 95px;
    height: 38px;
    text-align: center;
}

.list-process {
    background-color: #f4f4f4;
    border: 1px solid #e8e8e8;
    padding: 16px 0;
}

    .list-process li {
        padding: 0 16px 2px;
        height: 70px;
        position: relative;
    }

        .list-process li a {
            display: block;
            height: 70px;
            line-height: 70px;
            border-bottom: 1px dashed #d9d9d9;
            color: #333;
            font-size: 16px;
            text-indent: 60px;
            text-decoration: none;
        }

            .list-process li a:hover {
                border-bottom: 1px solid #f4f4f4;
                background-color: #ebebeb;
            }

            .list-process li a.hover {
                background-color: #fff;
                color: #01589b;
                font-weight: bold;
                position: absolute;
                top: 0;
                left: 16px;
                width: 185px;
                border: 1px solid #e8e8e8;
                border-right: none;
                text-decoration: none;
            }

                .list-process li a.hover .ico-ces {
                    left: 16px;
                }

    .list-process .ico-ces {
        display: inline-block;
        position: absolute;
        width: 36px;
        height: 35px;
        overflow: hidden;
        background-image: url(zhimages/ico_pro.png);
        background-repeat: no-repeat;
        top: 18px;
        left: 26px;
    }

    .list-process .ico-ces1 {
        background-position: 0 0;
    }

    .list-process .ico-ces2 {
        background-position: -144px 0;
    }

    .list-process .ico-ces3 {
        background-position: -286px 0;
    }

    .list-process .ico-ces4 {
        background-position: -431px 0;
    }

    .list-process .ico-ces5 {
        background-position: -575px 0;
    }

    .list-process .ico-ces6 {
        background-position: -719px 0;
    }

    .list-process .ico-ces7 {
        background-position: -860px 0;
    }

    .list-process a.hover .ico-ces1 {
        background-position: 0 -35px;
    }

    .list-process a.hover .ico-ces2 {
        background-position: -144px -35px;
    }

    .list-process a.hover .ico-ces3 {
        background-position: -286px -35px;
    }

    .list-process a.hover .ico-ces4 {
        background-position: -431px -35px;
    }

    .list-process a.hover .ico-ces5 {
        background-position: -575px -35px;
    }

    .list-process a.hover .ico-ces6 {
        background-position: -719px -35px;
    }

    .list-process a.hover .ico-ces7 {
        background-position: -860px -35px;
    }

.list-course {
    background-color: #f4f4f4;
    border: 1px solid #e8e8e8;
}

    .list-course li {
        height: 50px;
        text-align: center;
    }

        .list-course li a {
            display: block;
            height: 50px;
            line-height: 50px;
            border-bottom: 1px dashed #d9d9d9;
            color: #333;
            font-size: 16px;
            text-decoration: none;
        }

            .list-course li a:hover {
                background-color: #ebebeb;
                color: #01589b;
            }

            .list-course li a.hover {
                color: #01589b;
                font-weight: bold;
            }

.list-reg-class {
    width: 80%;
    margin: 0 auto;
}

    .list-reg-class li {
        height: 100px;
        margin-bottom: 1px;
        position: relative;
        overflow: hidden;
        float: left;
        width: 100%;
    }

    .list-reg-class .li-r1 {
        background-color: #f6ece5;
    }

        .list-reg-class .li-r1:hover {
            background-color: #f0e4db;
        }

    .list-reg-class .li-r2 {
        background-color: #e1edf4;
    }

        .list-reg-class .li-r2:hover {
            background-color: #d6e4ed;
        }

    .list-reg-class .li-r3 {
        background-color: #e2e3f3;
    }

        .list-reg-class .li-r3:hover {
            background-color: #d9daec;
        }

    .list-reg-class .li-pop {
        display: block;
        width: 100px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        color: #fff;
        font-size: 60px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .list-reg-class .pop1 {
        background-color: #e8ccb9;
    }

    .list-reg-class .pop2 {
        background-color: #b5cfde;
    }

    .list-reg-class .pop3 {
        background-color: #c4c5de;
    }

    .list-reg-class .li-pop-trp {
        display: block;
        position: absolute;
        font-size: 20px;
        color: #333;
    }

    .list-reg-class .li-tit {
        top: 30px;
        left: 120px;
    }

    .list-reg-class .li-form {
        top: 30px;
        left: 500px;
    }



/*position-nav*/
.position-nav {
    height: 26px;
    text-align: left;
    color: #666;
    font-size: 12px;
}

    .position-nav span {
        margin-left: 6px;
    }

        .position-nav span a {
            color: #666;
        }

/*------step------*/
.step {
    height: 65px;
}

    .step .pg {
        display: block;
        width: 24px;
        height: 24px;
        background-color: #ddd;
        position: absolute;
        z-index: 1;
    }

    .step .pg-on {
        background-color: #01589b;
    }

    .step .pg1 {
        bottom: 5px;
        left: 30px;
    }

    .step .pg2 {
        bottom: 5px;
        left: 390px;
    }

    .step .pg3 {
        bottom: 5px;
        right: 30px;
    }

.progress-bar {
    position: absolute;
    width: 100%;
    bottom: 10px;
    right: 0;
    height: 12px;
    background-color: #ddd;
    overflow: hidden;
    z-index: 0;
}

.list-step {
    padding-left: 10px;
}

    .list-step li {
        float: left;
        display: inline;
        font-size: 18px;
        font-weight: bold;
        color: #999;
        margin-right: 270px;
    }

        .list-step li.step-last {
            margin-right: 0;
        }

        .list-step li.step-on {
            color: #01589b;
        }

.list-from {
}

    .list-from li {
        margin-top: 16px;
    }

    .list-from .lf-tit {
        display: inline-block;
        text-align: right;
        width: 280px;
        font-size: 14px;
        color: #888;
        margin-right: 10px;
    }

        .list-from .lf-tit em {
            color: red;
            margin-right: 6px;
        }

    .list-from .pop-trp {
        padding-left: 30px;
        padding-top: 6px;
    }

    .list-from li i {
        display: inline-block;
        color: #f12d00;
        font-style: normal;
        margin-left: 8px;
    }

    .list-from .rf-lf {
        font-size: 14px;
    }

    .list-from .rf-choose {
        font-size: 12px;
    }


/*------link------*/
.link {
}

    .link li {
        float: left;
        margin-right: 10px;
    }

    .link a {
        border: 1px solid #eee;
        padding: 3px;
        display: block;
    }

        .link a:hover {
            border: 1px solid #999;
        }

    .link li img {
        width: 224px;
        height: 48px;
    }

    .link .no-m {
        margin-right: 0;
    }


/*------footer------*/
.border {
}

.footer {
    margin-top: 1px;
    padding: 20px 0 20px;
    font-size: 14px;
    background-color: #515151;
}

    .footer p {
        line-height: 22px;
        text-align: center;
        color: #fff;
    }

/*------focus-pic------*/
.pic {
    position: relative;
    width: 460px;
    height: 294px;
    overflow: hidden;
    border: 1px #ddd solid;
}

    .pic .sildebar {
        width: 100%;
        position: absolute;
        top: 0;
        height: 298px;
    }

        .pic .sildebar li {
            float: left;
            width: 460px;
            overflow: hidden;
            height: 100%;
        }

img {
    border: none;
}

.focusBox {
    position: absolute;
    bottom: 20px;
    width: 120px;
    left: 50%;
    margin-left: -60px;
}

    .focusBox li {
        float: left;
        margin-right: 10px;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background: #fff;
        cursor: pointer;
    }

        .focusBox li.cur {
            background: #f60;
            opacity: 0.6;
            filter: alpha(opacity=60);
        }

.btn-focus {
    position: absolute;
    display: block;
    width: 22px;
    height: 62px;
    z-index: 9;
    overflow: hidden;
}

.prev {
    left: 2px;
    top: 40%;
    background: url(../img/zuo.png);
}

.next {
    right: 2px;
    top: 40%;
    background: url(../img/you.png);
}

/*------培训课程-----*/
.item1 {
}

    .item1 img {
        vertical-align: top;
    }

    .item1 span {
        float: left;
        margin-right: 10px;
        width: 232px;
        height: 202px;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #ddd;margin-bottom:10px
    }

        .item1 span:hover {
            box-shadow: 2px 5px 5px #888888;
        }

    .item1 div {
        left: 0;
        top: 130px;
        width: 100%;
        height: 30px;
        text-align: center;
        background: rgba(0,0,0,0.5);
        filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000);
        color: #ddd;
        overflow: hidden;
    }

    .item1 p {
        margin: 0 6px;
        display: none;
        line-height: 20px;
        text-align: left;
        font-size: 12px;
    }

    .item1 h5 {
        margin: 10px 6px 5px 6px;
        font-size: 14px;
        text-align: center;
        line-height: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        border-bottom: 1px solid #fff;
    }

    .item1 a {
        float: left;
        margin-right: 10px;
        width: 232px;
        height: 202px;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #ddd;margin-bottom:10px
    }

        .item1 a:hover {
           box-shadow: 2px 5px 5px #888888;
            text-decoration: none;
        }

.picScroll .bd {
    margin-left: 11px;
}

.pic1 .prev, .pic1 .next {
    position: absolute;
    top: 116px;
    display: block;
    width: 22px;
    height: 62px;
    background: url(/img/zuo.png);
    z-index: 9;
    overflow: hidden;
}

.pic1 .next {
    left: auto;
    right: 2px;
    background: url(/img/you.png);
}

.pic1 .prev {
    right: auto;
    left: 2px;
    background: url(/img/zuo.png);
}

    .pic1 .prev:hover {
        background-position: 0 -58px;
    }

.pic1 .next:hover {
    background-position: 0 -62px;
}

.kefu_box {
    position: fixed;
    background: url(zhimages/beauty.png);
    width: 137px;
    height: 306px;
    z-index: 10;
    bottom: 0;
    right: 0;
}

.banner {
    width: 100%;
    height: 368px;
}

.phot {
    width: 100%;
    background: url(../img/banner.png) center;
    height: 368px;
}

.Landing {
    width: 380px;
    height: 293px;
    float: left;
    margin-left: 26px;
    border: solid 1px #b1c4d1;
}

.Landing-head {
    background-color: #3c7abc;
    height: 42px;
}

    .Landing-head h3 {
        color: white;
        text-align: center;
    }

/*注册*/
.register {  width: 668px;
    height: 458px;
   
    margin-left: 26px;
    border: solid 1px #b1c4d1;margin:auto
}
.register-head {
    background-color: #3c7abc;
    height: 42px;
}

    .register-head h3 {
        color: white;
        text-align: center;
    }



.advertisement {
    width: 460px;
    height: 294px;
    border: 1px solid #ddd;
    overflow: hidden;
    float: left;
}

img {
    display: block;
}

.sider_nav_box {
    float: left;
    color: #474747;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    background-color: white;
    width: 175px;
    text-align: center;
    line-height: 70px;
    margin-left: 10px;
    margin-top: 40px;
    border: solid 1px #ddd;
    margin-right: 20px;
}

    .sider_nav_box a:hover {
        color: #fff;
        background-color: #97C5F6;text-decoration: none;
    }

    .sider_nav_box a {
        color: inherit;
        cursor: pointer;
        text-decoration: none;
        display: block;text-align:center;border-bottom:1px solid #eee
    }

.sider_nav-a_1 {

    width: 174px;
    height: 70px;
}

.sider_nav-a_2 {

    width: 174px;
    height: 70px;
}

.sider_nav-a_3 {
  
    width: 174px;
    height: 70px;
}

.sider_nav-a_4 {
    border-left: 3px solid #3C7ABC;
    color: #fd6919;
    width: 172px;
    height: 70px;
}

.peixunban-big_box {
    float: left;
    margin-top: 40px;
    width: 815px;
}

.peixunban-box {
    height: 122px;
    margin-left: 80px;
    background-color: white;
    position: relative;
    margin-bottom: 20px;
}

.peixunban_box_icon {
    position: absolute;
    width: 77px;
    height: 27px;
    left: -10px;
    top: 2px;
    z-index: 1;
}

.peixunban_box_backred {
    background-image: url('../images/kaikao_red.png');
}

.peixunban_box_backgray {
    background-image: url('../images/wanbi_gray.png');
}

.peixunban-big_text {
    margin-left: 80px;
    margin-top: 7px;
}

.peixunban_btn {
    float: right;
    margin-right: 6px;
    margin-top: 6px;
    height: 24px;
    width: 80px;
}

.peixunban-table {
    margin-left: 20px;
}

    .peixunban-table tr {
        height: 22px;
        text-align: left;
    }

    .peixunban-table td {
        width: 120px;
    }
     .mod-title .cjwt_tittle { text-align:center;  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;margin-top:20px;
  color: #333;}
.top {    text-indent: 13px;
    display: inline-block;
    color: rgb(102, 102, 102);
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor:pointer
}
.mod-list {border-bottom:solid 1px #ddd;line-height:2
}
.mod-list img{margin:auto}