.content {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
}

.search-none {
    width: 380px;
    height: auto;
    margin: 0 auto;
    display: inline-block;
    margin-top: 100px;
}

.search-none img {
    display: inline-block;
    float: left;
}

.search-none-content {
    text-align: left;
    float: right;
}

.search-none-content p span {
    display: inline-block;
    color: #d22147;
}

.search-none-content p:first-child {
    font-weight: 600;
}

.search {
    margin: 20px 0;
}

.shuru {
    width: 90%;
    line-height: 40px;
    padding-bottom: 3px;
    font-size: 14px;
    border: 1px solid #ccc;
    text-indent: 15px;
    background: #f8f8f8;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.sousuo-icon {
    background: url(../images/icon.png) no-repeat;
    background-position: -14px -129px;
    width: 20px;
    height: 22px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.sousuo {
    width: 9%;
    height: 42px;
    border: none;
    background-color: #2e5991;
    color: #fff;
    font: 500 14px Microsoft Yahei;
    cursor: pointer;
    vertical-align: middle;
}

.sousuo:hover {
    background-color: #2d5488;
}

.social_job li {
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
    font-size: 16px;
}

.social_job li:hover {
    cursor: pointer;
    background: #f2f2f2;
}

.curLine {
    background: #03689e;
    color: #fff;
}

.evenLine {
    background: #fff;
}

.singleLine {
    background: #f5f8fa;
}

.current {
    background-color: #2e5991 !important;
    color: #fff;
}

.social_job_catoger {
    display: inline-block;
    border: 1px solid #D7D7D8;
    margin-top: 5px;
    width: 100%;
}

.social_job_catoger li {
    display: inline-block;
    width: 100%;
}

.social_job_catoger li:first-child {
    font-weight: 600;
    font-size: 16px;
}

.social_job_catoger li span {
    margin-left: 17px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
    font-size: 14px;
}

.social_job_catoger li[name=recruit_item]:hover {
    cursor: pointer;
}

.job_name {
    width: 100%;
    height: 120px;
    background: #ddd;
}

.job_name p {
    text-align: left;
    margin-left: 30px;
    font: 600 16px Microsoft Yahei;
    color: #be0605;
    padding-top: 20px;
}

.job_name ul li {
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #2e588f;
    color: #fff;
    float: left;
    margin-left: 30px;
    margin-top: 20px;
}

.descripe {
    margin-left: 30px;
    margin-top: 30px;
}

.descripe span {
    text-align: left;
    line-height: 28px;
}

.descripe p {
    text-align: left;
    line-height: 28px;
}

.descripe ul li {
    text-align: left;
    line-height: 28px;
}

.descripe button {
    width: 120px;
    height: 40px;
    background: #be0605;
    color: #fff;
    border: none;
    margin-top: 20px;
    float: left;
}

.warefare {
    text-align: center;
}

.campus_job {
    display: inline-block;
}

.campus_job li {
    display: inline-block;
    border: 1px solid #D7D7D8;
}

.campus_job li:first-child {
    font-weight: 600;
    font-size: 16px;
    background-color: #2e5991;
    height: 100px;
    border: none;
}

.campus_job li:first-child span {
    line-height: 100px;
    color: #fff;
}

.campus_job li span {
    width: 239px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    float: left;
    font-size: 16px;
}

.see_all_job {
    width: 160px;
    height: 50px;
    color: #fff;
    background-color: #be0605;
    border: none;
    font: 500 16px Microsoft Yahei;
    margin-top: 60px;
}

.see_all_job:hover {
    cursor: pointer;
}

.campus_job_place {
    height: 80px;
    line-height: 80px;
    text-align: left;
}

.campus_job_place span {
    color: #3d3d3d;
    display: inline-block;
}

.campus_job_place span:nth-child(1) {
    font: 500 28px Microsoft Yahei;
    color: #008cb3;
}

.campus_job_place span:nth-child(2) {
    font: 500 14px Microsoft Yahei;
    margin-left: 15px;
    cursor: pointer;

}

.campus_job_place span:nth-child(2):hover {
    color: #be0605;
}

.compus_job_catogrey span img {
    width: 181px;
    height: 202px;
    display: inline-block;
}

#last {
    background: url(../images/icon.png) no-repeat;
    background-position: -5px -367px;
    width: 180px;
    height: 202px;
    display: inline-block;
}

#last:hover {
    cursor: pointer;
}

.compus_job_catogrey {
    margin-top: 60px;
}

.compus_job_catogrey li {
    width: 295px;
    height: 302px;
    line-height: 60px;
    vertical-align: top;
    margin-bottom: 100px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.compus_job_catogrey li h1 {
    font: 600 1.8em Microsoft Yahei;
    line-height: 60px;
}

.compus_job_catogrey li button {
    width: 100px;
    height: 40px;
    background-color: #be0605;
    color: #fff;
    border: none;
    font-size: 14px;
    line-height: 40px;
}

.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=88);
}

.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 0;
    width: 40%;
    height: 40%;
    padding: 20px;
    border-radius: 10px;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}

.white_content > div {
    font-size: 1.4em;
    font-weight: 700;
    color: #353535;
    margin-bottom: 20px;
}

.white_content > ul {
    overflow: hidden;
    padding-left: 20px;
}

.white_content > ul > li {
    float: left;
    overflow: hidden;
    background-color: #008CB3;
    margin-right: 10px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.white_content > ul > li:hover {
    background-color: #00799b;
}

.white_content > ul > li > a {
    display: inline-block;
    line-height: 40px;
    color: #fff;
    padding: 0 15px;
    font-size: 1.2em;
    text-decoration: none;
}

.white_content > span {
    font-weight: 600;
    font-size: 1.1em;
    position: absolute;
    top: 10px;
    right: 20px;
}

.white_content > span:hover, .compus_job_catogrey li button:hover {
    cursor: pointer;
}

.popup {
    width: 290px;
    height: 208px;
    position: absolute;
    top: -208px;
}

.detail-popup {
    position: relative;
    z-index: 99;
    vertical-align: middle;
    display: inline-block;
    font: 600 16px Microsoft Yahei;
    line-height: 34px;
    margin-top: 30px;
}

.detail-popup p span {
    display: inline-block;
}

.popup-back {
    background: #e4e4e4;
    opacity: 0.8;
    width: 290px;
    height: 208px;
    position: absolute;
    top: 0;
    z-index: 10;
    border-radius: 10px;
}

.pages li {
    display: inline-block;
    margin-left: 10px;
    width: 25px;
    height: 25px;
}

.pages li:hover {
    width: 25px;
    height: 25px;
    background: #117ad4;
    border-radius: 5px;
    cursor: pointer;
}

.pages li:hover a {
    color: #fff;
}

.current-position {
    width: 25px;
    height: 25px;
    background: #117ad4;
    border-radius: 5px;
}

.current-position a {
    color: #fff;
}

#pre, #next, #last-page {
    width: 60px;
    height: 25px
}

.question-content {
    margin-top: 20px;
    text-align: left;
}

.question-content ul li {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}

.question-content ul li p {
    margin-top: 10px;
}

.question-content ul li p span {
    display: inline-block;
}

.question-content ul li p:first-child {
    font: 600 16px Microsoft Yahei;
    margin: 0;
}

.shang {
    font: 600 20px Micorsofot Yahei;
    color: #117ad4;
    border-left: 3px solid #117ad4;
    padding-left: 10px;
    height: 18px;
    line-height: 18px;
}

.faqs-message {
    text-align: left;
    margin-bottom: 90px;
    overflow: hidden;
}

.faqs-list li {
    padding: 15px 0;
    border-bottom: 1px dashed #ddd;
}

.from {
    color: #777;
}

.c-question {
    color: #333;
    padding: 6px 0;
}

.c-time {
    float: right;
}

.t-time {
    position: absolute;
    top: 0;
    right: 0;
}

.msg-cont {
    padding: 10px;   
    text-indent: 1em;
	background: #fafafa;
    word-break: break-all;
    overflow: hidden;
}

.faqs-message-title {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.answer-box {
    width: 100%;
    height: 200px;
    line-height: 20px;
    padding: 5px;
    margin-top: 10px!important;
    border: 1px solid #ddd;
    background: #f7f7f7;
    resize: none;
}

.answer-button {
    width: 120px;
    height: 40px;
    background: #117ad4;
    border: none;
    font-size: 16px;
    display: block;
    color: #fff;
    margin-top: 10px;
    float: right;
}

.answer-button:hover {
    background: #2e588f;
}

.captcha-box {
    margin-top: 15px;
    text-align: right;
}

#captcha {
    border: 1px solid #ccc;
    margin-right: 5px;
    height: 38px;
    padding: 5px;
}

.user_recharge_header {
    background-color: #ddd;
}

.user_recharge_tr {
    background-color: #fff;
}

.back-answerpop {
    width: 500px;
    height: 320px;
    margin: 0 auto;
    background: #fff;
    position: absolute;
    top: 200px;
    left: 40%;
    border: 5px solid #DDD;
}

.back-answerpop-content {
    width: 440px;
    margin: 0 auto;
    padding-top: 25px;
}

.back-answerpop-content p {
    display: inline-block;
    width: 230px;
}

.back-answerpop-content p:first-child {
    width: 110px;
    text-align: left;
    float: left;
}

.back-answerpop-content p#content {
    display: inline-block;
    width: 300px;
    overflow: auto;
    height: 55px;
    background: #f2f2f2;
    text-indent: 4px;
}

.back-answerpop-box {
    width: 300px;
    height: 60px;
    border: 1px solid #ddd;
    background: #f2f2f2;
    margin-top: 5px;
}

p#creater {
    text-align: left;
    float: left;
    width: 110px;
}

.back-answerpop-button {
    width: 80px;
    height: 30px;
    background: #117ad4;
    border: none;
    font-size: 14px;
    display: block;
    color: #fff;
    margin: 0 auto;
    position: absolute;
    top: 245px;
}

.back-answerpop-button:hover {
    background: #2e588f;
}

.back-answerpop-cuo {
    display: inline-block;
    float: right;
    margin-right: 10px;
    font-size: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-top: 10px;
    cursor: pointer;
}

.back-answerpop-cuo:hover {
    background: #117ad4;
    color: #fff;
}

.bax, .dex {
    cursor: pointer;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    text-decoration: none;
}

.bax {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.bax:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.dex {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.dex:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.page_number {
    padding-top: 40px;
    padding-bottom: 60px;
    margin: 0 auto;
}

.page {
    float: right;
}

.page_number li {
    float: left;
    margin: -4px 2px;
    background: #d3d3d3;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    padding: 2px 5px;
    cursor: pointer;
}

.page_number .thisclass {
    background: #117ad4;
    color: #fff;
}

.page_number li a {
    color: #fff;
    padding: 3px 10px;
}

.tomtop-swf {
    float: right;
}

.colorful-section {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.colorful-banner {
    float: right;
    margin: 20px 0 -5px;
}

.colorful-nav {
    width: 82px;
    height: 725px;
    margin: 178px 57px 0 0;
    background: url("../images/colorful-left.png") no-repeat;
    position: fixed;
    top: -80px;
}

.colorful-nav > li {
    width: 30px;
    line-height: 17px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: 27px;
}

.colorful-nav > li > a {
    color: #fff;
}

.colorful-nav .color0 {
    color: #720405;
}

.colorful-nav .color1 {
    color: #772301;
}

.colorful-nav .color2 {
    color: #6c6a16;
}

.colorful-nav .color3 {
    color: #356201;
}

.colorful-nav .color4 {
    color: #225a64;
}

.colorful-nav .color5 {
    color: #0c2d4a;
}

.colorful-nav .color6 {
    color: #410a6d;
}

.colorful-nav > li > .click-a {
    color: #fff;
}

.colorful-nav, .colorful-right {
    float: left;
}

.colorful-right > li:first-child {
    margin-top: 5px;
    overflow: hidden;
}

.colorful-right > li:first-child img {
    float: left;
}

.colorful-right {
    margin-left: 139px;
}

.colorful-right-content {
    border-left: 5px solid #ddd;
    padding-left: 30px;
}

.colorful-right-content > li > h1 {
    display: block;
    width: 190px;
    height: 40px;
    background-image: url("../images/colorful-spirit.png");
    background-repeat: no-repeat;
    margin-bottom: 15px;
    position: relative;
    color: #fff;
    font-size: 23px;
    text-align: center;
    line-height: 38px;
}

.colorful-right-content > li {
    padding-top: 56px;
}

.colorful-right-content > li > p {
    margin-bottom: 15px;
}

.colorful-right-content h1 i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/colorful-spirit.png") 0 -328px no-repeat;
    position: absolute;
    top: 14px;
    left: -41px;
}

.pencil-jacinth {
    background-position: 0 -46px;
}

.pencil-yellow {
    background-position: 0 -92px;
}

.pencil-green {
    background-position: 0 -138px;
}

.pencil-skyBlue {
    background-position: 0 -182px;
}

.pencil-darkBlue {
    background-position: 0 -228px;
}

.pencil-purple {
    background-position: 0 -275px;
}

.right-content-2 > div > img:last-child {
    width: 600px;
    float: right;
}

.right-content-4 > ul {
    overflow: hidden;
    text-align: center;
}

.content-4-left i,
.content-4-right i {
    height: 332px;
    background: url("../images/colorful-spirit.png") no-repeat;
    position: relative;
    display: inline-block;
}

.content-4-left a,
.content-4-right a {
    text-align: center;
    display: block;
}

.content-4-left {
    float: left;
}

.content-4-right {
    float: right;
}

.content-4-left i {
    width: 514px;
    background-position: -220px 0;
}

.content-4-right i {
    width: 315px;
    background-position: -220px -344px;
}

.describe > img {
    display: block;
    margin: 10px auto;
}

.describe > b {
    color: #3d3d3d;
}

.train {
    width: 290px !important;
    height: 290px;
    line-height: 302px;
    text-indent: 6px;
    font-size: 22px;
    text-align: center;
    background: url(../images/icon.png) no-repeat -144px -87px;
    display: inline-block;
    cursor: default;
}

.finger-left, .finger-right {
    width: 33px;
    height: 30px;
    background: url(../images/icon.png) no-repeat;
    vertical-align: top;
    display: inline-block;
}

.finger-left {
    background-position: -45px -80px;
    margin-left: 30px;

}

.finger-right {
    background-position: -88px -80px;
    margin-right: 30px;
}

.right-content-atlas {
    text-align: center;
    margin-bottom: 23px;
}

.right-content-atlas a {
    margin: 0 10px;
    display: inline-block;
}

.right-content-atlas img:hover {
    box-shadow: #122b40 0 3px 10px;
}

.right-content-5 .describe {
    display: none;
    min-height: 70px;
}

.wrap {
    margin: 50px auto;
    width: 875px;
    height: 437px;
    position: relative;
    overflow: hidden;
}

.pic {
    width: 800px;
    height: 465px;
    cursor: pointer;
}

.wrap .pic_num {
    width: 35px;
    height: 465px;
    position: absolute;
}

.wrap .pic_num .pic_num_mask {
    width: 35px;
    height: 465px;
    position: absolute;
    background-color: #19A7C0;
    opacity: .4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    z-index: 400;
}

.wrap .pic_num span {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    z-index: 500;
    padding-left: 6px;
}

.pic1 {
    background: url('../images/img_1138.jpg');
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.pic_num1 {
    display: none;
}

.pic2 {
    background: url('../images/1i8a0038.jpg');
    position: absolute;
    top: 0;
    left: 770px;
    z-index: 3;
}

.pic3 {
    background: url('../images/img_6925.jpg');
    position: absolute;
    top: 0;
    left: 805px;
    z-index: 5;
}

.pic4 {
    background: url('../images/img_0153.jpg');
    position: absolute;
    top: 0;
    left: 840px;
    z-index: 7;
}