﻿@CHARSET "UTF-8";

html, body {
    padding: 0;
    margin: 0;
    background: #f7f7f7;
}

body {
    /* 	font-family: Arial, "微软雅黑", "宋体", sans-serif; */
    font-family: "Helvetica Neue", helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size: 14px;
}

a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

ul, ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clear {
    clear: both;
}
/*通用样式*/
.headtop {
    width: 100%;
    background: #f7f7f7;
    height: 40px;
    border-bottom: #e2e2e2 solid 1px;
}

.headertcen {
    width: 1200px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.area {
    float: left;
}

    .area span {
        color: #333;
        padding: 0 5px;
    }

    .area a {
        color: #e04f3a;
    }

.headright {
    float: right;
}

.logobox {
    width: 1200px;
    margin: 0 auto;
    height: 140px;
}

.xtlogo {
    float: left;
    background: url(web_logo.png) no-repeat left top;
    background-size: auto 90%;
    padding-left: 70px;
    height: 60px;
    margin-top: 40px;
}

    .xtlogo h1 {
        font-size: 28px;
        color: #333;
        margin: 0 0 5px 0;
        letter-spacing: 2px;
        line-height: 55px;
    }

    .xtlogo span {
        font-size: 12px;
        color: #56bde8;
        letter-spacing: 0.8px;
    }

.xtlxfs {
    float: right;
    margin-top: 45px;
}

    .xtlxfs h1 {
        font-size: 22px;
        text-align: center;
        color: #666;
        padding: 5px 0;
        font-weight: normal;
    }

        .xtlxfs h1 em {
            font-style: normal;
            color: #ee8e82;
            font-weight: bold;
        }

    .xtlxfs span {
        font-size: 16px;
        font-weight: bold;
    }

.dypage {
    background: #0a272c;
    height: 116px;
	margin-top: 231px;
	display: none;
}

    .dypage h1 {
        width: 1200px;
        margin: 0 auto;
        background: url(nybanner.jpg) no-repeat center center;
        color: #fff;
        font-size: 28px;
        text-align: center;
        line-height: 116px;
    }

.lanmu {
    width: 100%;
    overflow: hidden;
    border-bottom: #cccccc dashed 1px;
}

    .lanmu li {
        margin-right: 17px;
        float: left;
        width: 180px;
        height: 30px;
        background: #56bde8;
        text-align: center;
        line-height: 30px;
        margin-bottom: 11px;
        border-radius: 3px;
        color: #fff;
        font-size: 16px;
        cursor: pointer;
    }

        .lanmu li:hover {
            background: #de6554;
        }

        .lanmu li:nth-of-type(6n+6) {
            margin-right: 0;
        }

        .lanmu li a {
            color: #fff;
            font-size: 16px;
        }

/* search */
#searchbox {
    overflow: hidden;
    float: left;
}

#search {
    width: 440px;
    height: 80px;
    margin: 0;
    /*background: url(sotbg.gif) no-repeat left top;*/
    overflow: hidden;
    margin-left: 80px;
    margin-top: 30px;
}

a.chon:link, a.chon:visited, a.ch:link, a.ch:visited {
    display: block;
    float: left;
    position: relative;
    width: 50px;
    height: 36px;
    margin: 0;
    line-height: 42px;
    text-align: center;
    color: #000;
    text-decoration: none;
    font-size: 12px;
    font-family: 宋体;
}

a.chon:link, a.chon:visited {
    color: #fff;
    font-weight: bold;
    cursor: default;
    background: url('tbg2.gif') no-repeat center bottom
}

.search_input {
    border: 0;
    outline: none;
}

#sform input[type='image'] {
    outline: none;
}


/* 导航下拉*/
.navbg {
    background: #56bde8;
    width: 100%;
}

.navbox {
    height: 50px;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}

.nav {
    width: 100%;
}

    .nav .clearfix {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .nav li {
        float: left;
        height: 50px;
        padding: 0;
        position: relative;
        background: url(navlin.jpg) no-repeat right center;
    }

        .nav li:last-of-type {
            background: none;
        }

        .nav li a {
            float: left;
            display: block;
            padding: 0;
            height: 50px;
            overflow: hidden;
        }

            .nav li a span {
                float: left;
                display: block;
                padding: 0;
                line-height: 50px;
                font-size: 16px;
                color: #fff;
                font-weight: 800;
                cursor: pointer;
                width: 150px;
                box-sizing: border-box;
                text-align: center;
            }

            .nav li.selected a, .nav li a.selected {
                background-position: 0 -60px;
                text-decoration: none;
            }

                .nav li.selected a span, .nav li a.selected span {
                    background-position: 100% -60px;
                    color: #ff0;
                    background: none;
                }

        .nav li.selected .submenu {
            display: block;
        }

        .nav li .submenu {
            display: none;
            position: absolute;
            top: 50px;
            left: 0px;
        }

        .nav li .submenu {
            border-color: #ddd;
            padding: 0 5px 5px 5px;
            width: 150px;
            background: rgba(0,0,0,0.7);
            box-sizing: border-box;
        }

        .nav li .submenu {
            -moz-border-radius: 0 0 3px 3px;
            -webkit-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
        }

            .nav li .submenu li {
                float: none;
                padding: 0;
                background: none;
                height: 35px;
                line-height: 35px;
                border-bottom: dotted 1px #BEBEBE;
            }

                .nav li .submenu li:last-of-type {
                    border: none;
                }

                .nav li .submenu li a {
                    float: none;
                    padding: 0;
                    text-align: center;
                    height: 35px;
                    line-height: 35px;
                    background: none;
                    color: #fff;
                }

                    .nav li .submenu li a:hover {
                        background: none;
                        color: #FF0;
                        font-weight: normal;
                    }

/*登录页*/
.dlbg {
    width: 100%;
    background: url(dlbg.jpg) no-repeat left top;
    background-size: 100% 100%;
    height: 708px;
	margin-top:231px;
}

.dlk {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.dlcomputer {
    float: left;
    margin-top: 110px;
}

    .dlcomputer p {
        font-size: 24px;
        color: #fff;
        text-align: center;
        margin-bottom: 40px;
    }

.dlform {
    float: right;
    width: 470px;
    background: #fff;
    border-radius: 20px;
    margin-top: 142px;
    padding: 35px 0;
}

    .dlform h1 {
        text-align: center;
        color: #666;
        margin: 0 0 30px 0;
    }

    .dlform ul {
        padding: 0;
        width: 400px;
        margin: 0 auto;
    }

        .dlform ul li {
            overflow: hidden;
            width: 100%;
            margin: 0 0 25px 0;
        }

            .dlform ul li a {
                float: left;
                width: 80px;
                height: 40px;
                line-height: 40px;
                text-align: right;
            }

            .dlform ul li input {
                float: left;
                width: 320px;
                height: 40px;
                line-height: 40px;
                padding: 0 10px;
                box-sizing: border-box;
                border: #e2e2e2 solid 1px;
                border-radius: 5px;
                outline: none;
            }

            .dlform ul li .yzmpic {
                float: right;
                height: 40px;
            }

.nonum {
    width: 100%;
    text-align: center;
    color: #999;
    font-size: 14px;
    margin-bottom: 20px;
}

    .nonum a {
        color: #56bde8;
    }

        .nonum a:hover {
            text-decoration: underline;
        }

.qtuser {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

    .qtuser a {
        display: inline-block;
        margin: 0 20px;
    }

        .qtuser a span.xtuserbg {
            display: inline-block;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: #37b6ff;
        }

            .qtuser a span.xtuserbg img {
                margin-top: 19px;
            }

        .qtuser a span.jguserbg {
            display: inline-block;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: #f58400;
        }

            .qtuser a span.jguserbg img {
                margin-top: 19px;
            }

.dlbtn, .bmbtn {
    width: 100%;
}

    .dlbtn input {
        width: 400px;
        display: block;
        padding: 10px 20px;
        border-radius: 5px;
        background-color: #56bde8;
        font-size: 16px;
        color: #fff;
        border: none;
        font-weight: bold;
        margin-bottom: 18px;
        margin-left: 40px;
        outline: none;
    }


    .bmbtn input {
        width: 270px;
        display: block;
        padding: 10px 20px;
        border-radius: 5px;
        background-color: #ee8e82;
        font-size: 16px;
        color: #fff;
        border: none;
        font-weight: bold;
        margin-bottom: 30px;
        margin: 50px auto;
        outline: none;
        margin-left: 413px;
    }

.nextbtn {
    width: 100%;
    text-align: center;
}

    .nextbtn input {
        width: 150px;
        display: inline-block;
        padding: 10px 20px;
        border-radius: 5px;
        background-color: #56bde8;
        font-size: 16px;
        color: #fff;
        border: none;
        font-weight: bold;
        margin-bottom: 30px;
        margin: 50px 20px;
        outline: none;
    }

/*首页*/
.topbanner {
    overflow: hidden;
    width: 100%;
    height: 500px;
	margin-top:231px;
	background-repeat: no-repeat;
    background-position: center center;
}

.bannertxt {
    width: 600px;
    margin: 0 0 0 200px;
    text-align: left;
    margin-top: 65px;
}

    .bannertxt span {
        font-size: 24px;
        color: #d08e00;
    }

    .bannertxt h1 {
        font-size: 30px;
        color: #333;
    }

    .bannertxt p {
        color: #fff;
        font-size: 16px;
        color: #333;
    }

.bktx {
    width: 1200px;
    height: 130px;
    margin: 30px auto;
    background: url(bktxbg.png) no-repeat left center;
    overflow: hidden;
}

    .bktx h1 {
        width: 1044px;
        margin: 0 auto;
        margin-left: 156px;
        text-align: center;
        margin-top: 20px;
        font-size: 22px;
    }

        .bktx h1 #clock {
            display: inline;
        }

    .bktx p {
        width: 1004px;
        margin: 0 auto;
        margin-left: 176px;
        text-align: left;
        margin-top: 5px;
        font-size: 14px;
        line-height: 26px;
    }

        .bktx p a {
            color: #56bde8;
        }

            .bktx p a:hover {
                color: #56bde8;
                text-decoration: underline;
            }

.ksnews {
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
}

.newstit, .zszytit, .areatit {
    border-bottom: #ccc dashed 1px;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    line-height: 50px;
    padding: 10px 0;
    margin-bottom: 30px;
}

.newsbox {
    width: 1200px;
    overflow: hidden;
}

.newslb {
    width: 380px;
    float: left;
    margin-right: 30px;
}

    .newslb:last-of-type {
        margin-right: 0;
    }

.lbtit {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

    .lbtit span {
        float: left;
        font-size: 18px;
        color: #333;
        font-weight: bold;
    }

    .lbtit a {
        float: right;
        font-size: 16px;
        color: #56bde8;
        font-weight: normal;
    }

.newslb ul {
    background: #f6f6f6;
    padding: 10px 20px;
    box-sizing: border-box;
}

    .newslb ul li {
        width: 100%;
        overflow: hidden;
        background: url(sanj.png) no-repeat left center;
        padding-left: 15px;
        box-sizing: border-box;
        line-height: 40px;
        border-bottom: #e7e7e7 solid 1px;
    }

        .newslb ul li:last-of-type {
            border: none;
        }

        .newslb ul li a {
            float: left;
            font-size: 14px;
            color: #333;
            font-weight: normal;
        }

            .newslb ul li a:hover {
                color: #de6554;
            }

        .newslb ul li span {
            float: right;
            font-size: 14px;
            color: #999;
            font-weight: normal;
        }

.ksnews .zxbtn {
    display: block;
    width: 200px;
    height: 40px;
    text-align: center;
    background: #56bde8;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    margin: 30px auto;
    border-radius: 20px;
    transition: all 0.3s;
}

    .ksnews .zxbtn:hover {
        display: block;
        width: 180px;
        transition: all 0.3s;
    }

.zszy {
    background: #f6f6f6;
    padding-top: 30px;
}

.zszycen {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.zyicon {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

    .zyicon li {
        width: 284px;
        height: 161px;
        float: left;
        margin-right: 21px;
        overflow: hidden;
    }

        .zyicon li:last-of-type {
            margin-right: 0;
        }

        .zyicon li a {
            width: 284px;
            height: 245px;
            transform: scale(1);
            transition: all 0.3s;
        }

            .zyicon li a:hover {
                width: 284px;
                height: 161px;
                transform: scale(1.2);
                transition: all 0.3s;
            }

        .zyicon li:first-of-type a {
            background: url(zyicon1.jpg) no-repeat center;
        }

        .zyicon li:nth-of-type(2) a {
            background: url(zyicon2.jpg) no-repeat center;
        }

        .zyicon li:nth-of-type(3) a {
            background: url(zyicon3.jpg) no-repeat center;
        }

        .zyicon li:last-of-type a {
            background: url(zyicon4.jpg) no-repeat center;
        }

        .zyicon li a {
            display: block;
            width: 100%;
            height: 161px;
            line-height: 245px;
            font-size: 20px;
            font-weight: bold;
            color: #fff;
            text-align: center;
        }

            .zyicon li a:hover {
                color: #ffec15;
            }

.zyhot {
    background: #fff;
    border-right: #56bde8 solid 1px;
    border-bottom: #56bde8 solid 1px;
    margin-bottom: 30px;
}

    .zyhot tr td {
        border-left: #56bde8 solid 1px;
        border-top: #56bde8 solid 1px;
    }

        .zyhot tr td strong {
            font-size: 18px;
            color: #fff;
        }

.zszycen .zybtn {
    display: block;
    width: 200px;
    height: 40px;
    text-align: center;
    background: #de6554;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    margin: 30px auto;
    border-radius: 20px;
    transition: all 0.3s;
}

.wxkcbox .wxbtn {
    display: block;
    width: 200px;
    height: 40px;
    text-align: center;
    background: #de6554;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    margin: 50px auto;
    border-radius: 20px;
    transition: all 0.3s;
}

.zszycen .zybtn:hover {
    display: block;
    width: 180px;
    transition: all 0.3s;
}

.wxkcbox .wxbtn:hover {
    display: block;
    width: 180px;
    transition: all 0.3s;
}

.wxkcbg {
    width: 100%;
    height: 650px;
    background: url(wxbg.jpg) no-repeat center;
}

.wxkcbox {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.wktit {
    border-bottom: #fff dashed 1px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    line-height: 50px;
    padding: 10px 0;
    margin-bottom: 30px;
    margin-top: 30px;
}

.qbkc:hover, .qbzy:hover {
    color: #ff0;
}

.kcml {
    width: 1200px;
    margin: 0 auto;
}

    .kcml li {
        width: 100%;
        overflow: hidden;
        background: #fff;
        margin: 40px 0;
    }

        .kcml li > span, .kcml li a {
            float: left;
        }

        .kcml li > span {
            width: 148px;
            height: 42px;
            background: url(jtb.jpg) no-repeat left center;
            font-size: 18px;
            text-align: left;
            line-height: 42px;
            color: #fff;
            padding-left: 24px;
            box-sizing: border-box;
        }

        .kcml li:hover > span {
            background: url(jto.jpg) no-repeat left center;
        }

        .kcml li > a {
            width: 115px;
            text-align: center;
            line-height: 42px;
            padding-left: 5px;
            box-sizing: border-box;
            color: #333;
        }

            .kcml li > a:hover {
                color: #38a6ca;
            }

        .kcml li div {
            float: right;
            text-align: right;
            line-height: 42px;
            font-size: 12px;
            margin-right: 10px;
        }

            .kcml li div a {
                color: #999;
            }

            .kcml li div:hover a {
                color: #de6554;
            }
/*网校背景*/
.major_con {
    background: url(wkbg.png) no-repeat 0 0;
    width: 1001px;
    margin: 50px auto 0;
}

    .major_con > ul {
        overflow: hidden;
    }

        .major_con > ul > li {
            width: 143px;
            float: left;
        }

            .major_con > ul > li:nth-child(even) {
                margin-top: 98px;
            }

.major_shang {
    width: 143px;
    height: 74px;
    padding-top: 24px;
}

.major_con > ul > li:nth-child(even) .major_shang {
    height: 78px;
    padding-top: 20px;
}

.major_icon {
    background: url(major_icon.png) no-repeat 0 0;
    width: 28px;
    height: 28px;
    display: block;
    margin: 0 auto;
}

.major_con > ul > li:nth-child(even) .major_icon {
    margin-top: 10px;
}

.major_icon2 {
    background-position: 0 -28px;
}

.major_icon3 {
    background-position: 0 -56px;
}

.major_icon4 {
    background-position: 0 -84px;
}

.major_icon5 {
    background-position: 0 -112px;
}

.major_icon6 {
    background-position: 0 -140px;
}

.major_icon7 {
    background-position: 0 -168px;
}

.major_h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 1;
    margin: 8px 0 0 0;
}

.major_con > ul > li:nth-child(even) .major_h3 {
    margin-top: 0;
}

.major_list {
    width: 143px;
    height: 253px;
    padding-top: 3px;
    overflow: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

    .major_list::-webkit-scrollbar {
        width: 0 !important;
    }

.major_list_pt {
    height: 220px;
    padding-top: 36px;
}

.major_list li {
    font-size: 14px;
    color: #333;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}

    .major_list li:hover {
        color: #e51e0b;
    }

.major-btn {
    background: #e51e0b;
    width: 300px;
    height: 55px;
    border: none;
    border-radius: 28px;
    display: block;
    margin: 74px auto 0;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

/* .areabg{ background:#f6f6f6; width:100%; overflow:hidden;}
.areabox{ width:1200px; margin:0 auto; overflow:hidden; margin-top:30px; background:url(sdmap.png) no-repeat center top 70px; margin-bottom:30px;} */
.shiqu {
    font-size: 14px;
    width: 1200px;
}

    .shiqu div {
        width: 75px;
        float: left;
    }

    .shiqu span {
        width: 100%;
        float: left;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        height: 20px;
        padding: 0 5px;
    }

        .shiqu span a {
            color: #56bde8;
        }

    .shiqu li {
        width: 100%;
        text-align: center;
        height: 15px !important;
        height: 20px;
        padding: 10px 5px;
        float: left;
    }

        .shiqu li a {
            color: #333;
        }

            .shiqu li a:hover {
                color: #de6554;
            }

/*主要内容区域*/
.zynr {
    width: 100%;
    background: #f9f9f9;
    overflow: hidden;
	margin-top:231px;
}

.position {
    width: 1200px;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    background: url(wzdh.png) no-repeat left center;
    padding-left: 30px;
    box-sizing: border-box;
    font-size: 14px;
    color: #b3b3b3;
}

    .position a, .position span {
        font-size: 14px;
        color: #b3b3b3;
        margin: 0 5px;
    }

.zcform {
    background: #FFF;
    border: #eeeeee solid 1px;
    width: 1200px;
    padding: 15px;
    box-sizing: border-box;
    margin: 0 auto 30px;
}

    .zcform p {
        width: 1000px;
        margin: 0 auto;
        border-bottom: #56bde8 dashed 1px;
        text-align: center;
        line-height: 60px;
        font-size: 18px;
        font-weight: bold;
    }


.info_ul {
    font-size: 0;
    -webkit-text-size-adjust: none;
    padding: 20px 10px 0px 10px;
}

    .info_ul li {
        line-height: 42px;
        margin: 0 auto;
        margin-bottom: 18px;
        font-size: 12px;
        width: 838px;
        text-align: left;
        overflow: hidden;
    }

    .info_ul label {
        width: 175px;
        text-align: right;
        display: inline-block;
        font-size: 14px;
        color: #000;
        margin-right: 10px;
        float: left;
    }

    .info_ul input[type='text'], .info_ul input[type='password'], .info_ul select {
        text-indent: 10px;
        border: 1px solid #D9D9D9;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        display: inline-block;
        box-sizing: border-box;
        float: left;
        margin-top: 6px;
        margin-right: 10px;
    }

        .info_ul input[type='text']:focus, .info_ul input[type='password']:focus, .info_ul select:focus {
            text-indent: 10px;
            border: 1px solid #3c8dbc !important;
            outline: none;
        }

Validform_error, input.error, textarea.error, select.error {
    background-color: #fbe2e2;
    border-color: #c66161 !important;
    color: #c00;
}

input.valid, textarea.valid, select.valid {
    background-color: #fff;
    border-color: #3c8dbc !important;
    outline: none;
}

input.success, textarea.success, select.success {
    background-color: #fff;
    border-color: #1ab394 !important;
    outline: none;
}

.info_ul li .T_minadd {
    float: left;
    width: 300px;
    box-sizing: border-box;
    margin-right: 10px;
    border: 1px solid #D9D9D9;
    padding: 5px;
}

.info_ul .long {
    width: 300px;
}

.info_ul li span.colOrange {
    float: left;
    line-height: 36px;
    color: #666;
    margin-top: 6px;
}

    .info_ul li span.colOrange font {
        color: #C00;
    }

/*客服*/
.side {
    position: fixed;
    width: 78px;
    right: 0;
    top: 50%;
    margin-top: -200px;
    z-index: 100;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-bottom: 0
}

    .side ul li {
        width: 78px;
        height: 78px;
        float: left;
        position: relative;
        border-bottom: 1px solid #e0e0e0;
        color: #333;
        font-size: 14px;
        line-height: 38px;
        text-align: center;
        transition: all .3s;
        cursor: pointer
    }

        .side ul li:hover {
            background: #de6554;
            color: #fff
        }

        .side ul li#qqonline:hover {
            background: #6da9de;
            color: #fff
        }

        .side ul li.sideewm:hover {
            background: #78c340;
            color: #fff
        }

        .side ul li.sideetel:hover {
            background: #fbb01f;
            color: #fff
        }

        .side ul li:hover a {
            color: #fff
        }

        .side ul li i {
            height: 25px;
            margin-bottom: 1px;
            display: block;
            overflow: hidden;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: auto 25px;
            margin-top: 14px;
            transition: all .3s
        }

            .side ul li i.bgs1 {
                background-image: url(right_pic5.png)
            }

            .side ul li i.bgs3 {
                background-image: url(right_pic2.png)
            }

            .side ul li i.bgs4 {
                background-image: url(right_pic1.png)
            }

            .side ul li i.bgs6 {
                background-image: url(right_pic6_on.png)
            }

        .side ul li:hover i.bgs1 {
            background-image: url(right_pic5_on.png)
        }

        .side ul li:hover i.bgs3 {
            background-image: url(right_pic2_on.png)
        }

        .side ul li:hover i.bgs4 {
            background-image: url(right_pic1_on.png)
        }

        .side ul li:hover i.bgs5 {
            background-image: url(right_pic3_on.png)
        }

        .side ul li .sidebox {
            position: absolute;
            width: 78px;
            height: 78px;
            top: 0;
            right: 0;
            transition: all .3s;
            overflow: hidden
        }

        .side ul li.sidetop {
            background: #de6554;
            color: #fff
        }

            .side ul li.sidetop:hover {
                opacity: .8;
                filter: Alpha(opacity=80)
            }

        .side ul li.sideewm .ewBox.son {
            width: 238px;
            display: none;
            color: #363636;
            text-align: center;
            padding-top: 235px;
            position: absolute;
            left: -240px;
            top: 0;
            background-image: url(../images/leftewm.png);
            background-repeat: no-repeat;
            background-position: center center;
            border: 1px solid #e0e0e0
        }

        .side ul li.sideetel .telBox.son {
            width: 240px;
            height: 237px;
            display: none;
            color: #fff;
            text-align: left;
            position: absolute;
            left: -240px;
            top: -79px;
            background: #de6554
        }

        .side ul li.sideetel .telBox dd {
            display: block;
            height: 118.5px;
            overflow: hidden;
            padding-left: 82px;
            line-height: 24px;
            font-size: 18px;
            margin: 0;
        }

            .side ul li.sideetel .telBox dd span {
                display: block;
                line-height: 28px;
                height: 28px;
                overflow: hidden;
                margin-top: 32px;
                font-size: 18px;
            }

            .side ul li.sideetel .telBox dd.bgs1 {
                background: url(../images/right_pic8.png) 28px center no-repeat;
                background-color: #f17666
            }

            .side ul li.sideetel .telBox dd.bgs2 {
                background: url(../images/right_pic9.png) 28px center no-repeat
            }

        .side ul li:hover .son {
            display: block !important;
            animation: fadein 1s
        }

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

/*信息打印*/
.xxbg {
    border-right: #e1e1e1 solid 1px;
    border-bottom: #e1e1e1 solid 1px;
}

    .xxbg tr td {
        border-top: #e1e1e1 solid 1px;
        border-left: #e1e1e1 solid 1px;
        font-size: 16px;
        padding: 5px 10px;
        box-sizing: content-box;
    }

        .xxbg tr td a {
            color: #de6554;
            text-decoration: underline;
        }
/*院校表格*/
.yxtable {
    border-right: #e1e1e1 solid 1px;
    border-bottom: #e1e1e1 solid 1px;
}

    .yxtable tr td {
        border-top: #e1e1e1 solid 1px;
        border-left: #e1e1e1 solid 1px;
        font-size: 16px;
        padding: 5px 10px;
        box-sizing: content-box;
        white-space: nowrap;
    }

        .yxtable tr td a {
            color: #de6554;
            text-decoration: underline;
        }

        .yxtable tr td em {
            color: #58c2c5;
            font-style: normal;
        }

/*推荐id*/
.myid {
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
}

.zcform p.tjsm {
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    width: 90%;
    margin: 0 auto;
    line-height: 30px;
    border-bottom: none;
    margin-bottom: 30px;
}

.form-group {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
}

    .form-group label, .form-group input, .form-group a {
        display: inline-block;
    }

    .form-group label {
        font-size: 14px;
        line-height: 36px;
        width: 150px;
        text-align: right;
    }

    .form-group input {
        width: 380px;
        height: 36px;
        line-height: 36px;
        text-align: left;
        box-sizing: border-box;
        border: #ccc solid 1px;
        padding: 0 10px;
        margin: 0 10px;
        outline: none;
    }

    .form-group a {
        text-align: center;
        background: #fff;
        color: #333;
        border: #CCC solid 1px;
        height: 36px;
        line-height: 36px;
        box-sizing: border-box;
        padding: 0 10px;
    }

        .form-group a:hover {
            text-align: center;
            background: #999;
            color: #fff;
            border: #CCC solid 1px;
            height: 36px;
            line-height: 36px;
            box-sizing: border-box;
            padding: 0 10px;
        }

.zsewm {
    width: 100%;
    margin-top: 30px;
}

    .zsewm h1 {
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-weight: bold;
        font-size: 24px;
        border-top: #56bde8 dashed 1px;
        margin: 0;
        padding: 10px 0;
    }

    .zsewm p {
        border-bottom: none;
    }

    .zsewm img {
        display: block;
        margin: 0 auto;
        width: 280px;
    }

    .zsewm p.tglx {
        font-size: 14px;
        font-weight: normal;
        height: 40px;
        line-height: 40px;
    }

.kfewm {
    width: 100%;
    margin-top: 10px;
}

    .kfewm h1 {
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-weight: bold;
        font-size: 24px;
        margin: 0;
        padding: 10px 0;
    }

    .kfewm p {
        border-bottom: none;
    }

    .kfewm img {
        display: block;
        margin: 0 auto;
        width: 280px;
    }

    .kfewm span {
        display: block;
        width: 100%;
        font-size: 16px;
        font-weight: normal;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin: 20px 0;
    }


/*附件上传*/
.cerate_shop_ul {
    width: 1132px;
    margin: 0 auto;
    margin-top: 30px;
}

    .cerate_shop_ul li {
        display: inline-block;
        position: relative;
        margin-right: 5px;
        line-height: 40px;
        height: 40px;
        width: 181px;
        background: #EBEBEB;
        text-align: center;
    }

        .cerate_shop_ul li:last-of-type {
            margin-right: 0;
        }

        .cerate_shop_ul li:first-child:before {
            border: 0
        }

        .cerate_shop_ul li:last-child:after {
            border: 0
        }

        .cerate_shop_ul li:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 0;
            width: 0;
            border-bottom: 20px inset transparent;
            border-left: 20px solid #fff;
            border-top: 20px inset transparent;
            content: ""
        }

        .cerate_shop_ul li:after {
            position: absolute;
            right: -20px;
            top: 0;
            height: 0;
            width: 0;
            border-bottom: 20px inset transparent;
            border-left: 20px solid #EBEBEB;
            border-top: 20px inset transparent;
            content: "";
            z-index: 2
        }

    .cerate_shop_ul .active {
        color: #fff;
        background: #f58400;
    }

        .cerate_shop_ul .active:after {
            border-left-color: #f58400;
        }

.fjbg {
    border-right: #e1e1e1 solid 1px;
    border-bottom: #e1e1e1 solid 1px;
}

    .fjbg tr td {
        border-top: #e1e1e1 solid 1px;
        border-left: #e1e1e1 solid 1px;
        font-size: 16px;
        padding: 5px 10px;
        box-sizing: border-box;
    }

        .fjbg tr td a {
            color: #fff;
            text-decoration: underline;
        }

        .fjbg tr td.bgtitle strong {
            color: #fff;
        }

        .fjbg tr td .introduce {
            width: 90%;
            text-align: left;
            font-size: 14px;
            line-height: 30px;
            font-weight: normal;
            border: none;
        }

        .fjbg tr td img {
            display: block;
            margin: 10px auto;
        }

        .fjbg tr td span {
            font-size: 14px;
            line-height: 30px;
        }

/*消息中心*/
.xxlb {
    width: 100%;
    margin-top: 20px;
}

.lbtit {
    width: 100%;
    overflow: hidden;
    background: #eeeeee;
    padding: 10px;
    box-sizing: border-box;
}

    .lbtit span {
        float: left;
        font-size: 16px;
    }

    .lbtit em {
        width: 10%;
        float: right;
        font-size: 16px;
        font-style: normal;
        text-align: center;
        font-weight: bold;
    }

.lbnr {
    width: 100%;
    overflow: hidden;
    border-bottom: #CCC dashed 1px;
    height: 40px;
    line-height: 40px;
}

    .lbnr a {
        width: 90%;
        float: left;
        font-size: 16px;
        background: url(redbg.jpg) no-repeat left center;
        padding-left: 15px;
        box-sizing: border-box;
    }

        .lbnr a:hover {
            color: #a21310;
        }

    .lbnr span {
        width: 10%;
        float: left;
        font-size: 16px;
        font-style: normal;
        text-align: center;
        color: #666;
    }

/*考试资讯*/
.zxlieb {
    width: 100%;
}

    .zxlieb li {
        display: block;
        width: 100%;
        margin-top: 10px;
        border-bottom: #eee solid 1px;
        padding-bottom: 10px;
    }

        .zxlieb li a {
            display: block;
            overflow: hidden;
        }

            .zxlieb li a span {
                float: left;
                color: #fff;
                font-size: 14px;
                background: #ee8e82;
                padding: 10px;
                text-align: center;
            }

                .zxlieb li a span i {
                    font-style: normal;
                    font-size: 20px;
                    font-weight: bold;
                }

            .zxlieb li a p {
                float: left;
                width: auto;
                margin-left: 20px;
                border-bottom: none;
                font-weight: normal;
            }

                .zxlieb li a p:hover {
                    color: #de6554;
                }

            .zxlieb li a em {
                font-style: normal;
                float: right;
                line-height: 60px;
                color: #808080;
            }

.fenye {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

    .fenye a {
        padding: 5px 10px;
        border: #eee solid 1px;
        color: #333;
    }

        .fenye a.cur {
            background: #58c2c5;
            color: #fff;
        }


/*专业分类*/
.zyfenlei {
    width: 100%;
    overflow: hidden;
}

    .zyfenlei li {
        float: left;
        margin-right: 20px;
        margin-top: 20px;
        width: 211px;
        height: 40px;
        line-height: 40px;
        border: #eeeeee solid 1px;
        background: #f6f6f6;
        text-align: left;
        padding: 0 10px;
        box-sizing: border-box;
        position: relative;
    }

        .zyfenlei li:hover {
            background: #ee8e82;
            border: #d36c5f solid 1px;
        }

        .zyfenlei li:nth-of-type(5n+5) {
            margin-right: 0;
        }

        .zyfenlei li a {
            padding: 0;
            display: block;
            width: 100%;
            height: 40px;
            color: #636363;
            font-size: 14px;
            float: none;
        }

    .zyfenlei a span {
        display: block;
        width: 12px;
        height: 14px;
        background: url(zyjsicon.png) no-repeat right center;
        position: absolute;
        right: 10px;
        top: 13px;
        z-index: 999;
    }

    .zyfenlei li:hover a {
        color: #fff;
    }

    .zyfenlei li span {
        display: block;
        width: 12px;
        height: 14px;
        background: url(zyjsicon.png) no-repeat right center;
        position: absolute;
        right: 10px;
        top: 13px;
        z-index: 888;
    }

    .zyfenlei li:hover span {
        width: 12px;
        height: 14px;
        background: url(zyjsicon2.png) no-repeat right center;
    }

/*帮助中心*/
.helpbox {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.helpleft {
    background: #fff;
    width: 200px;
    float: left;
    border: #eee solid 1px;
}

    .helpleft a {
        display: block;
        width: 180px;
        margin: 0 auto;
        text-align: center;
        height: 50px;
        line-height: 50px;
        border-bottom: #eee dashed 1px;
        font-weight: bold;
        font-size: 14px;
    }

        .helpleft a:last-of-type {
            border: none;
        }

        .helpleft a:hover {
            color: #56bde8;
        }

.helpright {
    float: right;
    margin-left: 20px;
    width: 978px;
}

    .helpright .buzhou {
        background: #fff;
        border: #eee solid 1px;
        padding: 20px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

        .helpright .buzhou h1 {
            font-size: 20px;
            color: #333;
        }

        .helpright .buzhou p {
            line-height: 30px;
            font-size: 14px;
            text-align: left;
            color: #777;
            margin: 20px 0 0;
            overflow: hidden
        }

            .helpright .buzhou p a {
                font-size: 14px;
                color: #56bde8;
                text-decoration: underline;
            }
/* .helpright .buzhou p span{ display:block; width:100%; height:20px; text-align:left; line-height:20px;} */

#website p {
    overflow: hidden;
}

    #website p a {
        display: block;
        width: 25%;
        float: left;
        text-align: left;
        margin-bottom: 20px;
        color: #666;
        text-decoration: none;
    }

        #website p a:hover {
            color: #56bde8;
        }

#question p {
    border-bottom: #eee dashed 1px;
    padding-bottom: 20px;
}

    #question p a {
        font-size: 16px;
        font-weight: bold;
        color: #333;
        text-decoration: none;
        margin-bottom: 10px;
        display: block;
    }

        #question p a:hover {
            color: #56bde8;
        }

    #question p span {
        display: inline;
    }

/*内容页*/
.content {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    border: #eeeeee solid 1px;
    padding: 30px;
    box-sizing: border-box;
    margin: 0 auto 30px;
}

    .content .neirtit {
        text-align: center;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .content .source {
        background: #eee;
        color: #666;
        display: block;
        text-align: center;
        padding: 10px 0;
    }

    .content p {
        color: #666;
        line-height: 30px;
        margin-bottom: 0;
    }

.xtbtn {
    width: 100%;
    text-align: center;
}

    .xtbtn input {
        width: 150px;
        display: inline-block;
        padding: 10px 20px;
        border-radius: 5px;
        background-color: #56bde8;
        font-size: 16px;
        color: #fff;
        border: none;
        font-weight: bold;
        margin-bottom: 30px;
        margin: 50px 20px;
        outline: none;
    }



/*底部*/
.footer {
    background: #56bde8;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    font-size: 14px;
}

.mybox {
    width: 100%;
    height: 80px;
    background: #eef5f8;
    position: fixed;
    left: 0;
    bottom: 0;
}

.myself {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

    .myself a {
        display: block;
        width: 180px;
        height: 40px;
        margin-top: 20px;
        float: left;
        background: #56bde8;
        color: #fff;
        margin-right: 20px;
        text-align: center;
        line-height: 40px;
        font-size: 14px;
    }

        .myself a:hover {
            color: #ffec15;
        }
/**新加css**/
.ksnum, .ksname {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
}

.ksnum {
    margin-top: 50px;
}

.kemubg {
    border-right: #ededed solid 1px;
    border-bottom: #ededed solid 1px;
    margin: 0 auto;
}

    .kemubg tr td {
        border-left: #ededed solid 1px;
        border-top: #ededed solid 1px;
        font-size: 16px;
    }

        .kemubg tr td span {
            color: #fff;
        }

.smtext {
    width: 1000px;
    margin: 0 auto;
    display: block;
    line-height: 40px;
    font-size: 16px;
    margin-top: 20px;
}

.cxtit {
    font-size: 26px;
    color: #333;
    text-align: center;
    font-weight: normal;
    margin-top: 50px;
}

.cxform {
    width: 450px;
    margin: 50px auto;
}

    .cxform label {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        overflow: hidden;
    }

        .cxform label span {
            font-size: 16px;
            display: block;
            width: 50px;
            height: 40px;
            line-height: 40px;
            float: left;
        }

        .cxform label input {
            font-size: 16px;
            display: block;
            float: left;
            width: 400px;
            height: 40px;
            line-height: 40px;
            padding: 0 10px;
            box-sizing: border-box;
            border: #ededed solid 1px;
            border-radius: 3px;
            outline: none;
        }

.cxbtn {
    width: 450px;
    text-align: center;
    margin-top: 50px;
}

    .cxbtn .chaxun {
        background: #56bde8;
        color: #fff;
        width: 120px;
        height: 36px;
        border-radius: 3px;
        border: none;
        outline: none;
        margin-right: 50px;
    }

    .cxbtn .return {
        background: #f4ab0d;
        color: #fff;
        width: 120px;
        height: 36px;
        border-radius: 3px;
        border: none;
        outline: none;
    }

.zyhot {
    background: #fff;
    margin-bottom: 30px;
    width: 1200px;
    margin: 0 auto;
}

.zyhot_title {
    width: 100%;
    text-align: center;
    background: #56bde8;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}

    .zyhot_title a {
        float: right;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        margin-right: 30px;
    }

.zyhot_lb {
    width: 100%;
    overflow: hidden;
    border-left: #56bde8 solid 1px;
    border-top: #56bde8 solid 1px;
}

    .zyhot_lb li {
        float: left;
        width: 200px;
        box-sizing: border-box;
        border-right: #56bde8 solid 1px;
        border-bottom: #56bde8 solid 1px;
        text-align: center;
    }

        .zyhot_lb li a {
            display: block;
            width: 100%;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            color: #333;
        }

            .zyhot_lb li a:hover {
                color: #56bde8;
            }

.user_headicon img {
    display: block;
    width: 80px;
    height: 107px;
    border-radius: 4%;
    overflow: hidden;
    margin: 10px auto;
}

.user_headicon span {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #333;
}

.headright {
    height: 40px;
    line-height: 40px;
}

    .headright span {
        display: inline-block;
        line-height: 40px;
        margin-right: 20px;
        float: left;
    }

    .headright a img {
        display: inline-block;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        float: left;
        margin: 7px 5px 0;
    }

    .headright a {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
    }
	
	.dlmm{
		background:#fff url(eye.png) no-repeat right 10px center;
	}
	.dlmm_close{
		background:url(eye1.png) no-repeat right 10px center;
	}
	.fixheader {
    background: #f7f7f7;
    box-shadow: #cdcdcd 0px 2px 2px;
}

.fixed {
    position: fixed !important;
    top: 0;
    width: 100%;
    height: 231px;
    z-index: 999;
}