/* 首页 */
.header {
    width: 100%;
}

.header .header-top {
    width: 100%;
    height: 40px;
    background: #f4f4f4;
}

.header .header-top .online {
    float: left;
}

.header .header-top .online .user {
    width: 65px;
    height: 40px;
    background: #e6e6e6;
    float: left;
}

.header .header-top .online .personal{
    width: 65px;
    height: 20px;
    border: 1px solid #14d0d0;
    border-radius: 10px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    float: left;
    color: #14d0d0;
    margin-top: 10px

}

.header .header-top .online .user img {
    width: 22px;
    height: 22px;
    display: block;
    margin: 8px auto;
}

.header .header-top .online .operation {
    float: left;
    margin-left: 10px;
    line-height: 40px;
    height: 40px;
}

.header .header-top .online .operation .register {
    font-size: 14px;
    color: #666;
}

.header .header-top .online .operation span {
    font-size: 14px;
    color: #666;
    margin: 0 8px;
}

.header .header-top .online .operation .enroll {
    font-size: 14px;
    color: #1e8ae9;
}

.header .header-top .search {
    width: 153px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid #ddd;
    float: right;
    margin-top: 9px;
    padding-right: 5px;
    overflow: hidden;
    background: #fff;
}

.header .header-top .search form {
    width: 100%;
    height: 20px;
}

.header .header-top .search form input {
    display: block;
    float: left;
}

.header .header-top .search form .text {
    width: 116px;
    padding: 0 4px 0 10px;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    height: 20px;
}

.header .header-top .search form .submit {
    width: 23px;
    height: 20px;
    background: url(../images/sousuo.png) no-repeat center center;
    cursor: pointer;
}

.header .header-bottom {
    width: 100%;
    height: 99px;
    background: #fff;
}

.header .header-bottom .logo {
    width: 482px;
    height: 77px;
    margin-top: 11px;
    float: left;
    display: block;
}

.header .header-bottom .logo img {
    width: 100%;
    height: 100%;
    display: block;
}

.header .header-bottom .nav {
    float: right
}

.header .header-bottom .nav .inav {
    margin-top: 18px;
}

.header .header-bottom .nav .inav .navigation {
    line-height: 60px;
    float: left;
    margin-right: 30px;
    height: 60px;
    position: relative;
}

.header .header-bottom .nav .inav .navigation.last {
    margin-right: 0;
}

.header .header-bottom .nav .inav .navigation h3 {
    font-weight: normal;
}

.header .header-bottom .nav .inav .navigation h3 a {
    font-size: 16px;
    color: #333;
    padding: 0 18px;
    line-height: 60px;
    display: block;
}

.header .header-bottom .nav .inav .navigation.on h3 a {
    border-bottom: 2px solid #1e8ae9;
    color: #1e8ae9;
}

.header .header-bottom .nav .inav .navigation:hover h3 a {
    color: #1e8ae9;
}

.header .header-bottom .nav .inav .navigation ul {
    position: absolute;
    background: #fff;
    z-index: 9999;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    box-shadow: 0 0 6px #e7e7e7;
    display: none;
}

.header .header-bottom .nav .inav .navigation ul li {
    width: 100%;
    height: 40px;
}

.header .header-bottom .nav .inav .navigation ul li a {
    display: block;
    width: 114px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #333;
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.banner {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    z-index: 5;
}

.header .header-bottom .nav .inav .navigation ul li a:hover {
    background: #1e8ae9;
    color: #fff;
}

.banner .drawing {
    width: 100%;
    height: auto;
}

.banner .drawing img {
    width: 100%;
    height: 523px;
    display: block;
}

.banner .xt-jh {
    /* position: absolute;
    left: 100%;
    top: -26px;
    z-index: 9;
    width: 61.4%;
    height: 809px;
    background: url(../images/xiantiao.png) no-repeat center center;
    background-size: 100% 100%; */
    /* animation: scrollmove ease-out 6s infinite;
    -webkit-animation: scrollmove ease-out 6s infinite;
    -moz-animation: scrollmove ease-out 6s infinite;
    -o-animation: scrollmove ease-out 6s infinite; */
}

.banner .xt-jh {
    position: absolute;
    left: 21%;
    top: -26px;
    z-index: 9;
    width: 61.4%;
    height: 809px;
    background: url(../images/xiantiao.png) no-repeat center center;
    background-size: 100% 100%;
    animation: scrollmove ease-out 6s infinite;
    -webkit-animation: scrollmove ease-out 6s infinite;
    -moz-animation: scrollmove ease-out 6s infinite;
    -o-animation: scrollmove ease-out 6s infinite;
}

.banner .gear {
    width: 169px;
    height: 169px;
    background: url(../images/cl.png) no-repeat center center;
    position: absolute;
    right: 24%;
    bottom: 21%;
    -webkit-transform: rotate(360deg);
    animation: rotation 16s linear infinite;
    -ms-transform: rotate(360deg);
    -moz-animation: rotation 16s linear infinite;
    -webkit-animation: rotation 16s linear infinite;
    -o-animation: rotation 16s linear infinite;

    /* -webkit-animation: mainline2xz 16s infinite;
    -moz-animation: mainline2xz 16s infinite;
    -o-animation: mainline2xz 16s infinite;
    animation: mainline2xz 16s infinite;
    animation-delay:0s !important;
    -webkit-animation-delay:0s !important;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg); */

}

.banner .content {
    position: absolute;
    z-index: 99;
    background: url(../images/db.jpg) no-repeat left bottom;
    padding-bottom: 64px;
    /* left: -60%; */
    top: 28%;
    left: 18.75%;
    opacity: 0;
}

.banner .content h4 {
    font-size: 42px;
    color: #fff;
    font-weight: normal;
}

.banner .content p {
    font-size: 34px;
    color: #fff;
    margin-top: 12px;
}

.xyjj {
    width: 100%;
    padding: 134px 0 76px 0;
    position: relative;
    z-index: 999;
}

.xyjj .navbox {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    background: #fff;
    box-shadow: 0 3px 12px #e7e7e7;
    top: -63px;
    height: 137px;
    z-index: 500;
    border-radius: 9px;
}

.xyjj .navbox ul {
    border-radius: 9px;
    height: 137px;
}

.xyjj .navbox ul li.first {
    border-radius: 9px 0 0 9px;
}

.xyjj .navbox ul li.first a {
    border-radius: 9px 0 0 9px;
}

.xyjj .navbox ul li.first a .sz {
    border-radius: 9px 0 0 9px;
}

.xyjj .navbox ul li.last {
    border-radius: 0 9px 9px 0;
}

.xyjj .navbox ul li.last a {
    border-radius: 0 9px 9px 0;
}

.xyjj .navbox ul li.last a .sz {
    border-radius: 0 9px 9px 0;
}

.xyjj .navbox ul li {
    width: 300px;
    height: 137px;
    float: left;
    position: relative;
    z-index: 8;
    background: #fff;
}

.xyjj .navbox ul li a {
    display: block;
    width: 100%;
    height: 104px;
    padding-top: 33px;
    background: url(../images/db2.jpg) no-repeat center bottom;
}

.xyjj .navbox ul li a .sz {
    background: #14d0d0;
    position: absolute;
    width: 300px;
    height: 137px;
    left: 0;
    top: 0;
    z-index: -1;
    transform: scale(0);
    -ms-transform: scale(0);
    /* IE 9 */
    -moz-transform: scale(0);
    /* FirefoZ */
    -webkit-transform: scale(0);
    /* Safari 和 Chrome */
    -o-transform: scale(0);
    transition: all 0.5s
}

.xyjj .navbox ul li a .master {
    width: 35px;
    height: 25px;
    display: block;
    margin: 0 auto;
    transition: all .2s ease-in 0s;
}

.xyjj .navbox ul li a h4 {
    font-size: 18px;
    color: #666;
    font-weight: normal;
    text-align: center;
    margin-top: 20px;
    transition: all .3s ease-in 0s;
}

.xyjj .navbox ul li a p{
    padding: 0 20px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    color: #fff;
    /* display: none; */
    transform: scale(0);
    position: absolute;
    left: 0;
    bottom: 30px;
    background-color: #14d0d0
}

.xyjj .navbox ul li a p.on{
    transform: scale(1);
    transition: all 0.5s ease
}

.xyjj .navbox ul li a p.leave{
    transform: scale(0);
    transition: all 0.5s ease
}

.xyjj .navbox ul li a .interaction {
    width: 101px;
    height: 101px;
    background: url(../images/bg1.png) no-repeat center center;
    position: absolute;
    top: -52px;
    left: 100px;
    z-index: 9999;
    transform: scale(0);
    -ms-transform: scale(0);
    /* IE 9 */
    -moz-transform: scale(0);
    /* FirefoZ */
    -webkit-transform: scale(0);
    /* Safari 和 Chrome */
    -o-transform: scale(0);
    transition: all 0.5s;
}

.xyjj .navbox ul li a .interaction img {
    width: 35px;
    height: 25px;
    display: block;
    margin: 0 auto;
    margin-top: 39px;
}

.xyjj .navbox ul li a:hover {
    background: none;
}

.xyjj .navbox ul li a:hover .sz {
    transform: scale(1);
    -ms-transform: scale(1);
    /* IE 9 */
    -moz-transform: scale(1);
    /* FirefoZ */
    -webkit-transform: scale(1);
    /* Safari 和 Chrome */
    -o-transform: scale(1);
    transition: all 0.5s;
}

.xyjj .navbox ul li a:hover .master {
    opacity: 0;
    transform: translate(0, 0);
    transition: all .2s ease-in 0s;
}

.xyjj .navbox ul li a:hover .interaction {
    transform: scale(1);
    -ms-transform: scale(1);
    /* IE 9 */
    -moz-transform: scale(1);
    /* FirefoZ */
    -webkit-transform: scale(1);
    /* Safari 和 Chrome */
    -o-transform: scale(1);
    transition: all 0.5s;
}

.xyjj .navbox ul li a:hover h4 {
    color: #fff;
    transform: translate(0, 0);
    transition: all .3s ease-in 0s;
}

.xyjj .synopsis {
    width: 100%;
}

.title {
    width: 100%;
    text-align: center;
    background: url(../images/db3.jpg) no-repeat center bottom;
    padding-bottom: 24px;
}

.title h4 {
    font-size: 36px;
    color: #333;
    font-weight: normal;
}

.title .english {
    font-size: 30px;
    color: #ccc;
    text-transform: uppercase;
    margin-top: 6px;
}

.title .english em {
    color: #1e8ae9;
    margin-top: 6px;
}

.xyjj .synopsis .details {
    width: 850px;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
}

.xyjj .synopsis .details p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.xyjj .synopsis .details a {
    display: block;
    width: 92px;
    height: 26px;
    background: #1e8ae9;
    border-radius: 12px;
    font-size: 12px;
    color: #fff;
    line-height: 26px;
    margin: 0 auto;
    text-transform: uppercase;
    margin-top: 42px;
}

.xyjj .below {
    width: 88px;
    height: 19px;
    position: absolute;
    left: 50%;
    margin-left: -44px;
    bottom: -19px;
    z-index: 12;
    background: url(../images/xm.png) no-repeat center center;
    background-size: 100% 100%;
    cursor: pointer;
}

.kcdh {
    width: 100%;
    height: 836px;
    background: url(../images/bg2.png) no-repeat center center;
    background-size: 100% 100%;
    padding-top: 62px;
    position: relative;
}

.kcdh .curriculum {
    margin-top: 43px;
    height: 555px;
    overflow: hidden;
}

.kcdh .curriculum .hd {
    width: 349px;
    float: left;
}

.kcdh .curriculum .hd ul li {
    width: 289px;
    height: 137px;
    margin-bottom: 2px;
    line-height: 137px;
    padding-left: 60px;
    font-size: 24px;
    color: #fff;
    background: #1e8ae9;
    cursor: pointer;
}

.kcdh .curriculum .hd ul li.on {
    background: #14d0d0;
}

.kcdh .curriculum .hd ul li p {
    background: url(../images/kcdh1.png) no-repeat left center;
    line-height: 137px;
    padding-left: 60px;
    color: #fff
}
.kcdh .curriculum .hd ul li.li2 p {
    background: url(../images/kcdh2.png) no-repeat left center;
}
.kcdh .curriculum .hd ul li.li3 p {
    background: url(../images/kcdh3.png) no-repeat left center;
}
.kcdh .curriculum .hd ul li.li4 p {
    background: url(../images/kcdh4.png) no-repeat left center;
}

.kcdh .curriculum .bd {
    width: 833px;
    height: 555px;
    float: right;
}

.kcdh .curriculum .bd ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.kcdh .curriculum .bd ul li {
    width: 406px;
    height: 267px;
    float: left;
    margin: 0 21px 21px 0;
    overflow: hidden;
}

.kcdh .curriculum .bd ul li.two {
    margin-right: 0;
}

.kcdh .curriculum .bd ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.kcdh .curriculum .bd ul li a .kcdh-jh {
    width: 406px;
    height: 205px;
    background: url(../images/bg3.png) repeat;
    position: absolute;
    left: -406px;
    ;
    top: 0;
    padding-top: 62px;
    text-align: center;
    z-index: 900;
}

.kcdh .curriculum .bd ul li a .kcdh-jh .kcdh-nr {
    width: 285px;
    margin: 0 auto;
    text-align: center;
}

.kcdh .curriculum .bd ul li a .kcdh-jh .kcdh-nr h4 {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 18px;
}

.kcdh .curriculum .bd ul li a .kcdh-jh .kcdh-nr p {
    font-size: 14px;
    color: #ccc;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.kcdh .curriculum .bd ul li a .kcdh-jh .more {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-top: 32px;
}

.kcdh .curriculum .bd ul li a .kcdh-jh .more span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    background: url(../images/bian.jpg) no-repeat center center;
    ;
    width: 81px;
    height: 26px;
}

.kcdh .curriculum .bd ul li a .kcdh-jh .more em {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 92px;
    height: 26px;
    line-height: 26px;
    border-radius: 12px;
    background: #14d0d0;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: 0 3px;
}

.kcdh .curriculum .bd ul li a .course {
    width: 406px;
    height: 267px;
    position: relative;
}

.kcdh .curriculum .bd ul li a .course img {
    width: 100%;
    height: 100%;
    display: block;
}

.kcdh .curriculum .bd ul li a .course .name {
    width: 366px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kcdh .below {
    width: 84px;
    height: 19px;
    position: absolute;
    left: 50%;
    margin-left: -43px;
    bottom: 0;
    background: url(../images/xm1.png) no-repeat center center;
    cursor: pointer;
}

.xydt {
    padding: 90px 0 67px 0;
}

.xydt .xydt-nr {
    margin-top: 53px;
}

.xydt .xydt-nr ul {
    margin-bottom: 58px;
}

.xydt .xydt-nr ul li {
    width: 375px;
    float: left;
    margin-right: 37.5px;
}

.xydt .xydt-nr ul li.last {
    margin-right: 0;
}

.xydt .xydt-nr ul li a {
    display: block;
    width: 100%;
}

.xydt .xydt-nr ul li a .img {
    width: 100%;
    height: 241px;
    overflow: hidden;
}

.xydt .xydt-nr ul li a .img img {
    width: 100%;
    height: 241px;
    display: block;
    transition: all 0.4s;
}

.xydt .xydt-nr ul li a:hover .img img {
    transition: all 0.4s;
    transform: scale(1.1);
}

.xydt .xydt-nr ul li a .matter {
    width: 100%;
    margin-top: 24px;
    border-bottom: 1px solid #eee;
    padding-bottom: 18px;
}

.xydt .xydt-nr ul li a .matter h5 {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 8px;
}

.xydt .xydt-nr ul li a .matter p {
    font-size: 14px;
    color: #666;
    line-height: 28px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.xydt .xydt-nr ul li a .read-more {
    width: 100%;
    margin-top: 16px;
    font-size: 12px;
    color: #666;
    background: url(../images/xy.png) no-repeat right center;
    text-transform: uppercase;
    transition: all .2s ease-in 0s;
}

.xydt .xydt-nr ul li a:hover .read-more {
    background: url(../images/xy1.png) no-repeat right center;
    color: #1e8ae9;
    transform: translate(0, 0);
    transition: all .2s ease-in 0s;
}

.xydt .xydt-nr .imore {
    width: 92px;
    height: 26px;
    display: block;
    border-radius: 12px;
    background: #1e8ae9;
    text-align: center;
    line-height: 26px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 auto;
}

.footer {
    width: 100%;
}

.footer .footer-nr {
    width: 100%;
    height: 244px;
    padding-top: 40px;
    background: #eee;
}

.footer .footer-nr .nav-bottom {
    float: left;
    border-right: 1px solid #d6d6d6;
}

.footer .footer-nr .nav-bottom .dbdh .idbdh {
    width: 95px;
    float: left;
    margin-right: 46px;
}

.footer .footer-nr .nav-bottom .dbdh .idbdh h4 {
    font-size: 14px;
    color: #666;
}

.footer .footer-nr .nav-bottom .dbdh .idbdh ul {
    width: 100%;
    margin-top: 14px;
}

.footer .footer-nr .nav-bottom .dbdh .idbdh ul li {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer .footer-nr .nav-bottom .dbdh .idbdh ul li a {
    font-size: 14px;
    color: #333;
}

.footer .footer-nr .nav-bottom .dbdh .idbdh ul li a:hover {
    color: #1e8ae9;
}

.footer .footer-nr .footer-right {
    width: 510px;
    float: right;
}

.footer .footer-nr .footer-right .scan {
    width: 140px;
    float: left;
}

.footer .footer-nr .footer-right .scan h4 {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 22px;
}

.footer .footer-nr .footer-right .scan img {
    width: 140px;
    height: 140px;
    display: block;
}

.footer .footer-nr .footer-right .lxrx {
    width: 238px;
    float: right;
    margin-right: 8px;
}

.footer .footer-nr .footer-right .lxrx h4 {
    font-size: 14px;
    color: #666;
    margin-bottom: 22px;
}

.footer .footer-nr .footer-right .lxrx .lxrx-rn {
    width: 100%;
}

.footer .footer-nr .footer-right .lxrx .lxrx-rn .number {
    font-size: 32px;
    color: #666;
    font-weight: bold;
}

.footer .footer-nr .footer-right .lxrx .lxrx-rn .date {
    font-size: 14px;
    color: #666;
    margin-top: 6px;
}

.footer .footer-nr .footer-right .lxrx .contact {
    width: 143px;
    height: 38px;
    background: #1e8ae9;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-top: 28px;
    display: block
}

.footer .footer-nr .footer-right .lxrx .contact:hover{
    background-color: #14d0d0
}

.footer .record {
    width: 100%;
    background: #1e8ae9;
    
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding:18px 0 14px;
}

.login .cover {
    width: 100%;
    height: 100%;
    background-color: #333;
    opacity: 0.7;
    filter: alpha(opacity=70);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9998;
}

.w500 {
    width: 500px;
    margin: 0 auto
}

.login {
    display: none
}

.login .loginbox {
    width: 860px;
    height: 640px;
    background-color: #fff;
    border-top: 6px solid #1e8ae9;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -430px;
    margin-top: -320px;
    z-index: 9999;
    font-size: 14px
}

.loginbox h5 {
    font-size: 30px;
    line-height: 30px;
    color: #1e8ae9;
    text-align: center;
    margin-top: 60px
}

.loginbox .phonenum {
    display: block;
    width: 458px;
    height: 48px;
    margin: 40px auto 20px;
    border: 1px solid #ddd;
    font-size: 14px;
    padding: 0 20px
}

.loginbox .checking {
    width: 224px;
    height: 48px;
    border: 1px solid #ddd;
    padding: 0 20px;
    font-size: 14px;
}

.loginbox .get-checknum {
    width: 210px;
    height: 48px;
    border: 1px solid #ddd;
    margin-left: 22px;
    background-color: #f0f0f0;
    font-size: 14px;
    cursor: pointer;
    color: #333
}

.loginbox .loginnow {
    width: 100%;
    height: 50px;
    margin-top: 32px;
    background-color: #1e8ae9;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.loginbox .loginnow:hover{
    background-color: #14d0d0
}

.normal p{
    width: 500px;
    margin-top: 20px;
}

.login .kuaijie{
    display: none;
}

.normal .phonenum{
    display: inline-block;
    width: 375px;
    margin: 0;
    float: right;
}

.normal span{
    line-height: 50px;
}

.go-register {
    text-align: right;
    margin-top: 26px
}

.go-register span {
    font-size: 16px;
    line-height: 16px;
    color: #333
}

.go-register a {
    color: #1e8ae9;
    font-size: 16px;
    line-height: 16px;
}

.normal .go-register .kuaijiebtn{
    float: left;
    display: block!important;
}

.loginbox .close {
    width: 21px;
    height: 21px;
    position: absolute;
    right: 30px;
    top: 26px;
    background: url('../images/close_03.png') left top no-repeat;
    cursor: pointer;
}

.register{
    text-align: center;
}

.register span{
    float: left;
    line-height: 50px;
    width: 60px;
}

.register .phonenum{
    width: 375px;
    margin: 0;
    margin-left: 20px;
    float: right;
}

.register p{
    margin-top: 20px;
    display: inline-block;
    width: 500px;
}

.register .go-register{
    width: 322px;
    display: inline-block;
    margin-top: 10px;
    float: right;
}

.register .go-register a{
    font-size: 12px;
    float: right!important;
}

.register .checking{
    width: 110px;
    float: left;
    margin-left: 23px;
}

.register .get-checknum{
    width: 80px;
    float: right;
    font-size: 12px;
    margin-left: 10px;
    float: left;
}

.sub-banner .drawing {
    height: 300px;
    position: relative;
}

.sub-banner img {
    height: 300px !important
}

.sub-banner .content {
    top: 27.33%;
    background: url('../images/db01.png') left bottom no-repeat
}

.sub-banner .drawing img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    width: auto
}

.sub-banner .content h4 {
    font-size: 36px;
}

.sub-banner .content {
    padding-bottom: 38px
}

.sub-banner .content p {
    font-size: 24px;
    color: #859fc0
}

.sub-navbox {
    width: 1200px;
    height: 60px !important;
    top: -25px !important
}

.sub-navbox .position span,
.sub-navbox .position a {
    font-size: 12px;
    line-height: 60px
}

.sub-navbox .position a {
    color: #666
}

.sub-navbox .position a.now {
    color: #333
}

.sub-navbox .position {
    padding-left: 20px;
    background: url('../images/position_03.png') left center no-repeat;
    margin-left: 20px
}

.sub-navbox .urlnav {
    padding-right: 34px
}

.sub-navbox .urlnav a {
    font-size: 14px;
    line-height: 60px;
    color: #333;
    margin-left: 35px;
    display: inline-block;
}

.sub-navbox .urlnav a.now {
    position: relative;
    color: #14d0d0
}

.sub-navbox .urlnav a.now::after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #14d0d0;
    position: absolute;
    right: -21px;
    top: 50%;
    margin-top: -2px;
    border-radius: 50%
}

.sub-navbox .urlnav a.now::before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #14d0d0;
    position: absolute;
    left: -21px;
    top: 50%;
    margin-top: -2px;
    border-radius: 50%
}

.sub-navbox .urlnav a:hover {
    color: #14d0d0
}

.special {
    background-color: #f7f7f7;
}

.special-info {
    background-color: #fff;
    overflow: hidden;
}

.branch-info h4 {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 40px;
    font-weight: normal
}

.special-info .special-list {
    padding: 56px 20px 0;
}

.special-list li {
    height: 388px;
}

.special-list li .picbox {
    width: 50%;
    overflow: hidden;
    height: 388px
}

.special-list li .picbox img {
    width: 100%;
    display: block;
    height: 100%
}

.special-list li .textbox {
    width: 578px;
    height: 386px;
    position: relative;
    border: 1px solid #e2e2e2
}

.special-list li .textbox span {
    font-size: 23px;
    line-height: 60px;
    color: #333
}

.special-list li .textbox span.num {
    font-size: 60px;
    line-height: 60px;
    font-style: italic;
    float: left;
    margin-right: 18px;
}

.special-list li .textbox p {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 16px;
    color: #666
}

.special-list li .textbox .subbox {
    width: 412px;
    height: 253px;
    margin: 30px auto 0;
    padding: 72px 55px 0;
}

.special-info .systempic {
    width: 1160px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    padding: 72px 0
}

.special-list li .textbox:hover {
    background-color: #1e8ae9
}

.special-list li .textbox:hover p,
.special-list li .textbox:hover span {
    color: #fff
}

.special-list li img:hover {
    transform: scale(1.1);
    transition: all 0.8s ease
}

.special-list li .textbox .boxt,
.special-list li .textbox .boxb {
    width: 0px;
    height: 29px;
    position: absolute;
}

.special-list li .textbox .boxt {
    border-bottom: 1px solid #fff;
    top: 0;
    left: 27px;
}

.special-list li .textbox .boxb {
    bottom: 0;
    border-top: 1px solid #fff;
    right: 27px
}

.special-list li .textbox .boxl,
.special-list li .textbox .boxr {
    width: 27px;
    height: 0px;
    position: absolute;
}

.special-list li .textbox .boxl {
    border-right: 1px solid #fff;
    left: 0;
    bottom: 29px
}

.special-list li .textbox .boxr {
    right: 0;
    border-left: 1px solid #fff;
    top: 29px
}

.sub-banner .content p {
    text-transform: uppercase
}

.branch {
    padding: 60px 0 70px;
    background-color: #f7f7f7
}

.branch-info {
    background-color: #fff;
    overflow: hidden;
}

.contact-info h4 {
    margin-bottom: 65px
}

.contact-info p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
    margin-left: 24px;
    text-indent: 43px;
    background: url('../images/contact_03.png') 4px center no-repeat;
    color: #666
}

.contact-info p.address {
    background: url('../images/contact_07.png') 5px center no-repeat
}

.contact-info p.email {
    background: url('../images/contact_10.png') 5px center no-repeat
}

.contact-info .map {
    margin: 70px auto 103px;
    width: 1152px
}

.dynamic .dynamic-list {
    margin: 30px 23px 0;
    width: 1154px
}

.dynamic .dynamic-list li {
    padding-bottom: 24px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 24px;
}

.dynamic .dynamic-list li .pic {
    width: 267px;
    height: 171px;
    overflow: hidden;
    display: inline-block
}

.dynamic .dynamic-list li .sketch {
    width: 860px;
    height: 171px;
    padding-left: 27px;
    position: relative;
}

.dynamic .dynamic-list li .sketch p {
    overflow: hidden;
    margin-top: 12px
}

.dynamic-list li .sketch .dynamic-title {
    font-size: 18px;
    line-height: 18px;
    color: #333
}

.dynamic-list li .sketch span.time {
    font-size: 14px;
    line-height: 18px;
    color: #999
}

.dynamic-list li .sketch em {
    display: block;
    font-size: 14px;
    line-height: 28px;
    margin-top: 17px;
    color: #999
}

.dynamic-list li .sketch .details {
    display: inline-block;
    width: 94px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    left: 27px;
    bottom: 0;
    color: #999
}



.dynamic-list li .sketch:hover .dynamic-title {
    color: #14d0d0
}

.dynamic-list li .sketch:hover .details {
    color: #14d0d0;
    border: 1px solid #14d0d0;
}

.dynamic-list li .pic img{
    width: 100%
}

.dynamic-list li .pic img:hover {
    transform: scale(1.1);
    transition: all 0.8s ease
}

.page_div {
    margin: 60px auto 70px;
    font-size: 14px;
    font-family: "microsoft yahei";
    color: #666;
    box-sizing: border-box;
    text-align: center;
}

/*
   * 页数按钮样式
   */

.pager {
    display: inline-block;
}

.pager span {
    display: inline-block;
    margin-right: 10px;
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
    color: #666;
    background: #e9e9e9;
}

.pager a {
    display: inline-block;
    margin-right: 10px;
    height: 35px;
    padding: 0 12px;
    line-height: 35px;
    color: #666;
    background: #e9e9e9;
}

.pager .pageindex {
    height: 35px;
}

.pager .current {
    background: #0093dd;
    color: #fff;
}

.sub-dyninfo {
    overflow: hidden;
}

.dyninfo-content {
    width: 900px;
    padding: 0 20px;
    background-color: #fff;
}

.dyninfo-content h6 {
    font-size: 24px;
    line-height: 24px;
    margin-top: 65px;
    text-align: center;
    color: #333;
    font-weight: normal
}

.dyninfo-content .author {
    font-size: 14px;
    line-height: 14px;
    margin-top: 40px;
    text-align: center;
    color: #666
}

.dyninfo-content .author span {
    display: inline-block;
    margin: 0 12px
}

.dyninfo-content .dyninfo-text {
    padding: 25px 0 20px;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    margin-top: 18px
}

.dyninfo-content .dyninfo-text p {
    font-size: 14px;
    line-height: 28px;
    text-indent: 20px;
    color: #666;
    margin-top: 28px
}

.dyninfo-content .dyninfo-text img {
    display: block;
    margin: 0 auto!important
}

.dyninfo-content .article-nav {
    margin: 45px 0 92px;
    overflow: hidden;
}

.dyninfo-content .article-nav p {
    font-size: 16px;
    line-height: 18px;
    color: #666;
    width: 340px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.dyninfo-content .article-nav p a{
    color: #666
}

.dyninfo-content .article-nav a:hover {
    color: #14d0d0
}

.sub-dyninfo .additional {
    width: 212px;
    padding: 0 14px;
    background-color: #fff;
}

.additional .shortcut-entry p,
.additional .selected p {
    font-size: 18px;
    line-height: 18px;
    padding: 17px 0 9px;
    border-bottom: 2px solid #1585e8;
    display: inline-block
}

.additional .shortcut-entry .btns {
    padding-top: 11px;
    border-top: 1px solid #ddd;
    margin: -1px 0 23px;
    overflow: hidden;
}

.additional .shortcut-entry .btns a {
    width: 100px;
    height: 50px;
    background-color: #1a88ea;
    font-size: 14px;
    line-height: 50px;
    border-radius: 5px;
    text-align: center;
}

.additional .shortcut-entry .btns span {
    display: inline-block;
    color: #fff;
    background: url('../images/dynamic-info_03.png') left center no-repeat;
    padding-left: 24px
}

.additional .shortcut-entry .btns a:hover {
    background-color: #14d0d0
}

.additional .shortcut-entry .btns .btn02 span {
    background: url('../images/dynamic-info_06.png') left center no-repeat;
}

.additional .selected-list {
    border-top: 1px solid #ddd;
    margin-top: -1px
}

.additional .selected-list li a {
    font-size: 14px;
    line-height: 14px;
    color: #666;
}

.additional .selected-list li {
    margin-top: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.additional .selected-list li a:hover {
    color: #14d0d0
}

.teachers {
    padding-bottom: 5px
}

.teachers p.tit {
    padding: 0 24px;
    font-size: 14px;
    line-height: 28px;
    margin-top: 38px;
    color: #666
}

.teachers h6,
.introduce h6 {
    margin: 39px 24px 0;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    padding-left: 10px;
    border-left: 4px solid #1e8ae9;
}

.teachers .teachers-list {
    padding: 22px 24px 0;
    overflow: hidden;
}

.teachers .teachers-list li {
    width: 261px;
	height: 267px;
    float: left;
    margin-right: 36px;
    position: relative;
    margin-bottom: 32px
}

.teachers .teachers-list li.last {
    margin-right: 0
}

.teachers .teachers-list li img {
    display: block;
    width: 100%
}

.teachers .teachers-list li .name {
    width: 100%;
    height: 80px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    bottom: 0
}

.teachers-list li .name p {
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff
}

.teachers-list li .name p.school {
    font-size: 16px;
    line-height: 16px;
    margin-top: 12px
}

.teachers-list li .name .position-box {
    position: relative;
    width: 100%;
    height: 100%
}

.teachers-list li .name .pbox {
    width: 100%;
    height: 48px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -24px
}

.introduce{
    padding-bottom: 57px
}

.introduce p {
    font-size: 14px;
    line-height: 28px;
    padding: 37px 24px 0;
    color: #666;
}

.introduce h6 {
    margin-top: 33px
}

.introduce video {
    width: 1164px;
    margin: 28px auto 0;
    overflow: hidden;
    display: block;
	height: auto
}

/* 学院介绍轮播图 */
.picScroll-left {
    position: relative;
}

.introduce .picScroll-left .hd {
    overflow: hidden;
    padding: 0 20px;
    margin-top: -24px;
    margin-bottom: 22px
}

.introduce .picScroll-left .hd .prev,
.introduce .picScroll-left .hd .next {
    display: block;
    float: right;
    overflow: hidden;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background: url('../images/arrow_03.png') center no-repeat;
    background-color: #1e8ae9;
    border-radius: 2px;
    margin-left: 1px
}

.introduce .picScroll-left .hd .next{
    background: url('../images/arrow_05.png') center no-repeat;
    background-color: #1e8ae9
}

.picScroll-left .hd .prevStop {
    background-position: -60px 0;
}

.picScroll-left .hd .nextStop {
    background-position: -60px -50px;
}

.picScroll-left .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
}

.picScroll-left .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url("../images/icoCircle.gif") 0 -9px no-repeat;
}

.picScroll-left .hd ul li.on {
    background-position: 0 0;
}

.picScroll-left .bd {
    width: 1160px;
    overflow: hidden;
    margin-left: 20px
}

.picScroll-left .bd .tempWrap{
    width: 1180px!important;
}

.picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picScroll-left .bd ul li {
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    margin-right: 20px
}

.picScroll-left .bd ul li .pic {
    text-align: center;
}

.picScroll-left .bd ul li .pic img {
    width: 275px;
    height: 206px;
    display: block;
}

.picScroll-left .bd ul li .pic a:hover img {
    border-color: #999;
}

.picScroll-left .bd ul li .title {
    font-size: 14px;
    line-height: 14px;
    margin-top: 20px;
    background: none;
    padding-bottom: 0;
}

.picScroll-left .bd ul li .title a{
    color: #666
}

.introduce .picScroll-left .hd a:hover{
    background-color: #14d0d0
}

.course-nav .course-navbox{
    text-align: center;
    margin-top: 28px
}

.course-nav .course-navbox a{
    width: 142px;
    height: 45px;
    font-size: 18px;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    border: 1px solid #1e8ae9;
    color: #1e8ae9;
    /* margin: 0 -2px */
}

.course-nav .course-navbox a.now{
    background-color: #1e8ae9;
    color: #fff
}

.course-nav .course-navbox a:hover{
    background-color: #1e8ae9;
    color: #fff
}

.course-list{
    margin: 44px auto 0;
    width: 1156px;
    overflow: hidden;
}

.course-list li .course-pic{
    width: 360px;
    height: 236px;
    overflow: hidden;
}

.course-list li .course-pic img{
    width: 100%;
    display: block
}

.course-list li{
    width: 360px;
    margin: 0 38px 42px 0;
    float: left;
	height: 433px;
	position: relative
}

.course-list li.last{
    margin-right: 0
}

.course-list li .name{
    font-size: 24px;
    line-height: 24px;
    color: #333;
    margin-top: 26px;
    font-weight: normal;
    display: block
}

.course-list li p{
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin-top: 12px
}

.course-list li .get-detail{
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    display: block;
    background-color: #1e8ae9;
    color: #fff;
    border-radius: 5px;
    margin-top: 35px;
	position:absolute;
	bottom: 0;
	left: 0
}

.course-list li:hover img{
    transform: scale(1.1);
    transition: all 0.8s ease
}

.course-list li:hover a.name{
    color: #14d0d0
}

.course-list li:hover a.get-detail{
    background-color: #14d0d0
}

.course-nav .page_div{
    margin: 20px 0 62px
}

.course-detail h6{
    margin: 34px 24px 0;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    padding-left: 10px;
    border-left: 4px solid #1e8ae9
}

.course-detail video{
    width: 1152px;
    display: block;
    margin: 28px auto 40px
}

.course-detail p{
    font-size: 14px;
    line-height: 28px;
    margin: 19px 24px 43px;
    color: #666
}

.course-detail .message{
    padding-left: 24px;
    float: left;
}

.course-detail .message textarea{
    width: 840px;
    height: 224px;
    outline: none;
    padding: 5px 10px;
    font-size: 14px;
    color: #666;
    line-height: 28px;
    margin-top: 24px
}

.course-detail .message input{
    display: block;
    width: 120px;
    height: 40px;
    background-color: #1e8ae9;
    font-size: 16px;
    color: #fff;
    margin-top: 36px;
    cursor: pointer;
}

.course-detail .message input:hover{
    background-color: #14d0d0
}

.course-detail .code{
    margin: 24px 96px 0 0
}

.course-detail .code img{
    display: block
}

.course-detail .code span{
    font-size: 14px;
    line-height: 14px;
    margin-top: 13px;
    display: block;
    color: #666
}

.course-detail .code .share{
    margin-top: 24px
}

.course-detail .code .share em{
    font-size: 14px;
    line-height: 30px;
    float: left;
    margin-right: 5px
}

.course-detail .code .share img{
    display: inline-block;
    margin-right: 7px
}

.course-detail{
    padding-bottom: 80px
}

.query-certificate form{
    margin: 62px auto 0;
    width: 651px
}

.query-certificate form input.text{
    width: 549px;
    height: 48px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #333;
    padding-left: 104px;
    padding-right: 14px
}

.query-certificate form input.btn{
    font-size: 16px;
    width: 200px;
    height: 50px;
    background: url('../images/search_03.png') 52px center no-repeat;
    background-color: #1e8ae9;
    color: #fff;
    margin: 36px auto 0;
    display: block;
    cursor: pointer;
    padding-left: 40px

}

.query-certificate form input.btn:hover{
    background-color: #14d0d0
}

.query-certificate{
    padding-bottom: 96px
}

.query-certificate form span{
    font-size: 14px;
    line-height: 50px;
    position: absolute;
    color: #666;
    left: 13px;
    top: 0
}

.query-certificate form .name{
    position: relative;
    margin: 27px auto 0;
}

.query-certificate .success,
.query-certificate .false{
    margin-top: 66px;
    margin-left: 274px
}

.query-certificate .success p{
    display: inline-block;
    font-size: 24px;
    background: url('../images/success_03.png') left center no-repeat;
    text-indent: 43px;
    color: #333;
    margin-right: 8px
}

.query-certificate .success a{
    font-size: 16px;
    text-decoration: underline #1e8ae9;
    color: #1e8ae9
}

.query-certificate .false{
    margin-top: 46px
}

.query-certificate .false h6{
    font-size: 24px;
    background: url('../images/false_03.png') left center no-repeat;
    text-indent: 43px;
    color: #ff0101;
}

.query-certificate .false p{
    font-size: 14px;
    line-height: 14px;
    color: #666;
    margin-bottom: 14px
}

.query-certificate .false p.advice{
    font-size: 16px;
    margin-bottom: 20px;
    color: #333;
    margin-top: 58px
}

.cooperate p{
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-indent: 23px;
    margin-top: 28px;
    padding: 0 24px
}

.cooperate .picScroll-left .bd{
    margin-left: 28px;
    width: 1144px!important
}

.cooperate .picScroll-left .bd ul li .pic img{
    width: 368px;
    height: 276px
}

.cooperate .picScroll-left .bd .tempWrap{
    width: 1144px!important
}

.cooperate .picScroll-left .hd {
    width: 100%;
    height: 27px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -13px
}

.cooperate .picScroll-left{
    margin-top: 47px
}

.cooperate .picScroll-left .hd .prev{
    width: 13px;
    height: 27px;;
    float: left;
    background: url('../images/darkarrow_10.png') center no-repeat;
    margin-left: 4px
}

.cooperate .picScroll-left .hd .next{
    width: 13px;
    height: 27px;;
    float: right;
    background: url('../images/darkarrow_13.png') center no-repeat;
    margin-right: 4px
}

.cooperate{
    padding-bottom: 87px
}

.header .header-top .online .username a{
    font-size: 14px;
    color: #666;
    line-height: 37px;
    float: left;
    margin-right: 5px
}

.user-content{
    background-color: #f7f7f7
}

.user-content .user-handle{
    overflow: hidden;
    padding: 18px 0 65px
}

.user-handle .usernav{
    background-color: #fff;
    width: 133px
}

.user-handle .usernav li{
    width: 100%;
    height: 139px;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
    background: url('../images/vip_10.png') center bottom 73px no-repeat;
    position: relative;
}

.user-handle .usernav .invoice{
    width: 100%;
    height: 139px;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
    background: url(../images/vip_18.png) center bottom 73px no-repeat;
    position: relative;
	cursor: pointer
}

.user-handle .usernav li a,
.user-handle .usernav .invoice a{
    color: #999;
    display: inline-block;
    margin-top: 90px;
    font-size: 16px;
    line-height: 16px
}

.user-handle .handle-box{
    width: 1044px;
    min-height: 700px;
    background-color: #fff
}

.user-handle .handle-box .oli{
    width: 959px;
    padding: 0 22px 0 63px
}

.user-handle .handle-box .oli h5{
    font-size: 25px;
    line-height: 25px;
    color: #333;
    font-weight: normal;
    border-bottom: 3px solid #1e8ae9;
    padding-bottom: 20px;
    display: inline-block;
    margin-top: 53px
}

.user-handle .handle-box .oli .line{
    width: 100%;
    height: 1px;
    border-top: 1px solid #ccc;
    margin-top: -2px;
    margin-bottom: 66px
}

.user-handle .handle-box .oli div{
    margin-bottom: 24px
}

.user-handle .handle-box .oli span{
    display: inline-block;
    width: 104px;
    text-align: right;
    font-size: 14px;
    color: #666
}

.user-handle .handle-box .oli p{
    font-size: 14px;
    color: #333;
    display: inline-block;
    margin-left: 26px
}

.user-handle .handle-box .oli p img{
    display: inline-block;
    margin-right: 5px
}

.user-handle .handle-box .oli .pay,
.user-handle .handle-box .oli .paynow,
.user-handle .handle-box .oli .addinfo{
    width: 200px;
    height: 50px;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    background-color: #1e8ae9;
    color: #fff;
    display: block;
    margin: 34px 0 0 134px;
}

.user-handle .handle-box .oli .opening{
    background-color: #8ab5db
}

.user-handle .handle-box .oli .opening.check{
    background-color: #1e8ae9
}

.user-handle .handle-box .userdata .pay:hover{
    background-color: #14d0d0
}
.user-handle .handle-box .oli .addinfo:hover{
    background-color: #14d0d0
}.user-handle .handle-box .oli .realname:hover{
    background-color: #14d0d0
}

.user-handle .handle-box .vipbuy p img{
    margin-left: 5px
}

.user-handle .handle-box .vipbuy .viplong a,
.user-handle .handle-box .vipbuy .payway a{
    width: 87px;
    height: 35px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    color: #a1a1a1;
    margin-right: 4px;
    position: relative;
}

.user-handle .handle-box .vipbuy .viplong a.on,
.user-handle .handle-box .vipbuy .payway a.on{
    color: #1e8ae9;
    border: 1px solid #1e8ae9
}

.user-handle .handle-box .vipbuy .viplong a.on::after,
.user-handle .handle-box .vipbuy .payway a.on::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/select_03.jpg') right top no-repeat
}

.user-handle .handle-box .vipbuy .payway a{
    width: 118px
}

.handle-box .vipbuy .price .pricenow{
    font-size: 24px;
    color: #eb4d29
}

.handle-box .vipbuy .price .save{
    color: #eb4d29
}

.handle-box .vipbuy .price em{
    font-size: 14px;
    color: #666
}

.handle-box .vipbuy .price em.carveup{
    display: inline-block;
    margin-right: 9px
}

.handle-box .vipbuy .accept input{
    margin-top: 5px;
    margin-right: 5px;
    display: inline-block
}

.handle-box .vipbuy .accept {
    font-size: 14px;
    padding-left: 108px;
    margin-top: 8px;
    color: #666
}

.handle-box .vipbuy .accept .round{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #1e8ae9;
    display: inline-block;
    float: left;
    margin-top: 5px;
    margin-right: 5px
}

.handle-box .vipbuy .accept b.check{
    position: relative;
}

.handle-box .vipbuy .accept b.check::after{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #1e8ae9;
    position: absolute;
    left: 2px;
    top: 2px
}

.handle-box .vipbuy .accept a{
    color: #1e8ae9
}

.handle-box .studyrecord .line{
    margin-bottom: 18px!important
}

.handle-box .studyrecord ul{
    margin-bottom: 56px
}

.handle-box .studyrecord ul li{
    border-bottom: 1px dashed #eee;
    overflow: hidden;
}

.handle-box .studyrecord ul li a.recordtit{
    float: left;
    font-size: 18px;
    line-height: 60px;
    color: #333
}

.handle-box .studyrecord ul li a.readnow{
    float: right;
    font-size: 16px;
    line-height: 60px;
    color: #666;
    background: url('../images/readnow_03.png') left center no-repeat;
    text-indent: 33px
}

.handle-box .studyrecord ul li a:hover{
    color: #14d0d0
}

.studyrecord .pager span{
    width: auto!important
}

.studyrecord .pager .current{
    background-color: #1e8ae9!important;
    color: #fff!important
}

.handle-box .modifypwd input{
    width: 284px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    border: 1px solid #e5e5e6;
    padding: 0 12px;
    color: #666
}

.handle-box .modifypwd input.testing{
    width: 124px
}

.handle-box .modifypwd input.testing-num{
    width: 148px;
    background-color: #f0f0f0;
    color: #333;
    height: 40px;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

.handle-box .modifypwd input.define{
    width: 200px;
    height: 50px;
    background-color: #1e8ae9;
    color: #fff;
    font-size: 16px;
    display: block;
    margin: 44px 0 0 108px;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.handle-box .modifypwd input.define:hover{
    background-color: #14d0d0
}

.vipbuy, .studyrecord, .modifypwd{
    display: none
}

.user-handle .usernav li.second{
    background: url('../images/vip_18.png') center bottom 73px no-repeat
}

.user-handle .usernav li.third{
    background: url('../images/vip_22.png') center bottom 73px no-repeat
}

.user-handle .usernav li.fourth{
    background: url('../images/vip_26.png') center bottom 73px no-repeat
}

.user-handle .usernav li.fifth{
    background: url('../images/vip_30.png') center bottom 73px no-repeat
}

.user-handle .usernav li.on::before{
    content: '';
    width: 7px;
    height: 100%;
    border-left: 5px solid #1e8ae9;
    background: url('../images/vip_13.png') center no-repeat;
    position: absolute;
    left: 0;
    top: 0
}

.user-handle .usernav li.on a{
    color: #1e8ae9
}

.user-handle .usernav li.on.first{
    background: url('../images/vip_10_on.png') center bottom 73px no-repeat
}

.user-handle .usernav li.on.second{
    background: url('../images/vip_18_on.png') center bottom 73px no-repeat
}

.user-handle .usernav li.on.third{
    background: url('../images/vip_22_on.png') center bottom 73px no-repeat
}

.user-handle .usernav li.on.fourth{
    background: url('../images/vip_26_on.png') center bottom 73px no-repeat
}



.course-nav .sub-course{
    margin-top: 35px;
    text-align: center
}

.course-nav .sub-course a{
    display: inline-block;
    width: 140px;
    height: 30px;
    background-color: #fff;
    color: #1e8ae9;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    border-radius: 13px;
    margin: 0 17px;
    border: 1px solid #1e8ae9
}

.course-nav .sub-course a.on{
    background-color: #1e8ae9;
    color: #fff
}

.course-nav .sub-course a:hover{
    background-color: #1e8ae9;
    color: #fff
}

.loginbtn{
    color: #1e8ae9;
    font-size: 14px;
}


.banner ul li.first{
    position: relative;
}

.banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:90px; z-index:999;width: 100%; text-align: center}
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; display: inline-block;}
.banner .slideBox .hd ul li{ float:left; margin: 0 4px;  width:13px; height:13px; line-height:14px; text-align:center; background:#fff; cursor:pointer;border-radius: 50%}
.banner .slideBox .hd ul li.on{ background:#0093dd; color:#fff; }


.course-nav .nav-tab {
    padding-top: 40px;
    padding-left: 30px
  }
  .course-nav .nav-tab > li {
    margin-bottom: 15px;
  }
  .course-nav .nav-tab > li span {
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    /* width: 100px; */
  }
  .course-nav .nav-tab > li ul li {
    margin-right: 18px;
  }
  .course-nav .nav-tab > li ul li a {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    display: block;
    padding: 0 12px;
    border-radius: 15px;
  }
  .course-nav .nav-tab > li ul li a:hover,
  .course-nav .nav-tab > li ul li a.active {
    background-color: #1e8ae9;
    color: #ffffff;
  }

  .course-nav .nav-tab li{
      width: auto
  }

  .xyjj .navbox.fixed{
      position: fixed;
      top: 0;
      left: 50%;
      margin-left: -600px;
      z-index: 999;
  }

  .course-nav .nav-name{
      float: left;
      padding-top: 40px;
      margin-left: 22px
  }

  .course-nav .nav-name li{
      line-height: 30px;
      padding-bottom: 15px;
      font-size: 17px
  }

  .course-nav .nav-tab{
      float: left;
  }


  .xyjj .navbox ul li a p{
      width: 260px;
      height: 48px;
	  text-align: center;
	  font-size: 16px
  }

  .header .header-top .right p{
      line-height: 40px;
      margin-right: 10px;
      font-size: 18px;
      color: #1e8ae9;
      font-weight: bold;
      /* font-family: 'KaiTi' */
  }

  .header .header-top{
    /* font-family: 'KaiTi'; */
    font-weight: bold;
  }

  .header .header-top .online .operation a{
      font-weight: bold;
      /* font-family: 'KaiTi'; */
      font-size: 14px
  }



  /*lyl*/
  .record .footer-nav{display:inline-block;line-height:26px;margin-bottom:3px;}
  .record .footer-nav a{font-size:14px;color:#fff;display:inline-block;}
   .record .footer-nav span{font-size:14px;color:#fff;display:inline-block;margin:0 15px;}

   .xyjj.zscx .branch-info .example .tit{
       font-size: 20px;
       padding-left: 186px;
       margin-top: 20px;
       color: #eb4d29
   }
  .xyjj.zscx .branch-info .example img{
      width: 651px;
      height: auto;
      display: block;
      margin: 20px auto 0
  }
  
  .course-detail video{
	  height: auto
  }
  
  .course-detail .video-detail{
	  width: 100%;
	  padding-left: 24px;
  }
  
  .course-detail .video-detail img{
	  width: 1152px;
	  display: block;
	  margin: 30px 0
  }
  
  .query-certificate form span{
	  width: 80px;
  }
  
  .course-detail .video-detail{
	  font-size: 18px
  }
  .course-detail .video-detail h5{
	  font-size: 18px;
	  color: #1e8ae9;
  }
  
  .course-detail .otherVideo{
	  width: 1200px;
	  overflow: hidden
  }
  
  .course-detail .otherVideo li{
	  width: 28%;
	  float: left
  }
  
  .course-detail .otherVideo li img{
	  width: 100%
  }
  
    .kczt .payway{
		margin: 20px 0
	}
  
  
  .kczt .payway a{
	width: 118px;
    height: 35px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    color: #a1a1a1;
    margin-right: 4px;
    position: relative;
  }
  
.kczt .payway a.on{
	color: #1e8ae9;
	border: 1px solid #1e8ae9;
}
  
.kczt .payway a.on::after{
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/select_03.jpg) right top no-repeat;
}