body { }
@charset "utf-8";
/* CSS Document */

.czlogo{ width: 400px !important; }
.czlogo a:first-child{ float:left; width: 140px !important;}
.czlogo span{ display: block; float: left;background: #666;color: #fff;font-size: 14px;padding: 0 8px;border-radius: 3px; margin: 18px 0 0 10px;}

.logo1 { width: 110px !important; height: 35px !important; padding-top: 7px; }
.logo2 { width: 145px !important; height: 35px !important; margin-left: 65px; }

h1 { position: relative; }
    h1 span { font-weight: normal; background: #666; color: #fff; font-size: 14px; padding: 3px 8px; border-radius: 3px; position: absolute; top: 13px; left: 122px; }

/*.nav { width: 620px !important; }*/
.login_nav a { font-size: 12px !important; }
.login_nav .other_login { width: 115px !important; margin-left: 0 !important; }

.step { width: 1200px; margin: 60px auto 0; text-align: center; padding-bottom: 42px; border-bottom: solid 1px #f2f2f2; }
    .step dl { display: inline-block; width: 210px; }
        .step dl img { width: 60px; height: 60px; }
        .step dl dt { font-size: 18px; color: #333; margin-top: 5px; }
        .step dl dd { font-size: 12px; color: #666; }
    .step p { display: inline-block; width: 30px; height: 110px; text-align: center; background: url(image/ll05.png) no-repeat 0 30px; }

.joblist { width: 1200px; margin: 25px auto 0; padding-bottom: 30px; border-bottom: solid 1px #f2f2f2; }
.list-pic { width: 90px; height: 90px; float: left; border: solid 1px #f2f2f2; border-radius: 5px; }
    .list-pic img { width: 90px; height: 90px; border-radius: 5px; }
.list-info { width: 460px; float: left; margin-left: 20px; }
    .list-info .title { }
        .list-info .title a { font-size: 18px; color: #004080; }
        .list-info .title span { font-size: 12px; color: #666; margin-left: 20px; padding: 5px 0 5px 23px; background: url(image/ll06.png) no-repeat 0 center; }
    .list-info p { font-size: 14px; color: #666; margin-top: 8px; padding-left: 22px; background: url(image/ll07.png) no-repeat 0 center; }
    .list-info .tag { margin: 10px 0 0 22px; }
        .list-info .tag span { padding: 3px 8px; display:inline-block; background: #f2f2f2; color: #6699FF; font-size: 12px; margin-right: 10px; margin-top:10px; border-radius: 3px; }
.pay { font-size: 24px; color: #FF3300; float: left; margin-top: 35px; }
    .pay span { font-size: 14px; }
.btn { width: 138px; text-align: center; float: right; margin-top: 10px; }
    .btn p { font-size: 14px; color: #666; }
    .btn a { display: block; width: 138px; height: 46px; line-height: 46px; color: #fff; border-radius: 5px; background: #0099ff; font-size: 16px; margin-top: 5px; }
        .btn a:hover { text-decoration: none; background: #018ae6; }

.more { width: 1000px; height: 42px; line-height: 42px; margin: 40px auto 60px; text-align: center; }
    .more a { display: block; width: 100%; height: 100%; color: #333; font-size: 14px; background: #f2f2f2; }
        .more a:hover { text-decoration: none; background: #ddd; }
         
.sign {  width: 400px; border: solid 12px #dedede; border-radius: 10px; background: #fff; height: 430px; }
    .sign h3 { height: 56px; line-height: 56px; background: #0099ff; color: #fff; text-indent: 20px; font-size: 16px; font-weight: normal; }
        .sign h3 span { float: right; margin: 0 11px 0 0; }
            .sign h3 span img { width: 34px; height: 34px; cursor: pointer; }
    .sign .sign-box { padding: 20px; }
        .sign .sign-box dt { width: 100%; height: 50px; line-height: 50px; border-bottom: solid 1px #f2f2f2; }
        .sign .sign-box input { border: 0; outline: none; }
            .sign .sign-box input.text { width: 100%; margin-top:13px;}
            .sign .sign-box input.phone { width: 70%;  margin-top:13px;}
            .sign .sign-box input.codebtn{ width: 100px; height: 26px; text-align: center; line-height: 26px; font-size: 12px; color: #333; background: none; border: none; border: solid 1px #999; border-radius: 3px; cursor: pointer;   margin-top:13px;}
            .sign .sign-box input.pressed { width: 102px; height: 28px; text-align: center; line-height: 28px; background: #ddd; cursor: default; border: none; color: #aaa; }
        .sign .sign-box p { font-size: 12px; color: #333; margin-top: 30px; }
            .sign .sign-box p span { color: #ff3300; font-size: 12px; }
        .sign .sign-box dd { margin-top: 35px; }
        .sign .sign-box input.btn { width: 100%; height: 48px; background: #0099ff; color: #fff; font-size: 16px; border-radius: 5px; cursor: pointer; }

.content-bg { padding: 35px 0 60px; background: #ececec; }

.job-left { width: 720px; float: left; }
.job-right { width: 270px; float: right; }

.job-summary { height: 296px; padding: 35px 24px; background: #fff; }
    .job-summary h2 { font-weight: normal; font-size: 28px; color: #000; }
    .job-summary .job-pay { font-size: 28px; color: #FF3300; margin: 15px 0 10px; }
        .job-summary .job-pay span { font-size: 14px; margin-left: 5px; }
    .job-summary p { font-size: 14px; color: #333; margin-top: 8px; padding-left: 22px; background: url(image/ll07.png) no-repeat 0 center; }
    .job-summary .tag { margin: 20px 0 0 0; }
        .job-summary .tag span { padding: 3px 8px; display:inline-block; background: #f2f2f2; color: #6699FF; font-size: 12px; margin-right: 10px; border-radius: 3px; }
    .job-summary .job-btn { width: 460px; height: 56px; line-height: 56px; margin-top: 50px; }
        .job-summary .job-btn span { float: right; padding-left: 20px; background: url(image/ll09.png) no-repeat 0 center; font-size: 12px; color: #666; }
        .job-summary .job-btn a { display: block; width: 281px; text-align: center; height: 56px; line-height: 56px; background: #0099ff; color: #fff; font-size: 22px; border-radius: 5px; }
            .job-summary .job-btn a:hover { text-decoration: none; background: #018ae6; }

.job-info { padding: 25px 24px; background: #fff; margin-top: 10px; }
    .job-info h3 { font-weight: normal; color: #000; font-size: 22px; }
    .job-info .about { padding: 10px 34px 20px; background: #edf8fe; margin-top: 22px; }
        .job-info .about p { font-size: 12px; color: #666; margin-top: 10px; }
            .job-info .about p span { background: #fff; border: solid 1px #0099ff; color: #0099ff; font-size: 12px; border-radius: 3px; margin-right: 10px; display: inline-block; width: 70px; height: 22px; text-align: center; line-height: 22px; }
    .job-info .content { width: 672px;  margin-top: 20px; font-size: 14px; line-height: 26px; color: #333; }
        .job-info .content img{ width: 100%;}

.company-info { padding: 25px 24px; background: #fff; margin-top: 10px; }
    .company-info h3 { font-weight: normal; color: #000; font-size: 22px; }
    .company-info .content { width:672px; margin-top: 20px; font-size: 14px; line-height: 26px; color: #333; }
        .company-info .content img{ width: 100%; margin-bottom: 10px;}

.company-summary { height: 316px; background: #fff; padding: 25px 21px; position: relative; }
    .company-summary .company-logo { text-align: center; }
        .company-summary .company-logo img { width: 90px; height: 90px; border: solid 1px #e4e4e4; border-radius: 3px; }
    .company-summary h3 { margin-top: 15px; }
        .company-summary h3 a { font-weight: normal; font-size: 18px !important; color: #000 !important; }
    .company-summary p { font-size: 12px; padding: 0 5px; margin-top: 10px; line-height: 16px; }
        .company-summary p span { font-size: 12px; color: #666; }
    .company-summary .company-tip { width: 228px; padding-top: 20px; border-top: solid 1px #e4e4e4; position: absolute; left: 21px; bottom: 20px; text-align: center; }
        .company-summary .company-tip dt, .company-summary .company-tip dd { display: inline-block; text-align: center; width: 110px; font-size: 20px; color: #000; line-height: 18px; }
        .company-summary .company-tip dt { border-right: solid 1px #e4e4e4; }
        .company-summary .company-tip span { font-size: 12px; color: #666; }

.company-wx { padding: 25px 21px; background: #fff; margin-top: 10px; }
    .company-wx h3 { font-size: 18px; color: #333; text-align: center; }
    .company-wx .ewm { text-align: center; margin-top: 20px; }
        .company-wx .ewm img { width: 161px; height: 161px; }
    .company-wx p { text-align: center; margin-top: 15px; }

.bm-news { padding: 25px 21px; background: #fff; margin-top: 10px; }
    .bm-news h3 { font-size: 22px; color: #000; font-weight: normal; }
    .bm-news ul { margin-top: 20px; }
    .bm-news li { height: 40px; line-height: 40px; border-bottom: solid 1px #e4e4e4; }
        .bm-news li strong { font-weight: normal; display: inline-block; width: 76px; }
        .bm-news li span { float: right; color: #666; }
        .bm-news li em { font-style: normal; color: #FF6600; }

.ui-dialog-grid { width: auto; margin: 0; border-spacing: 0;   background: none; border: 0px solid #009966;   min-width: 200px; }
.ui-dialog-footer button.ui-dialog-autofocus { height: 30px; line-height: 30px; background: #ffffff; text-align: center; color: #FF9900; font-size: 12px; font-weight: bold; padding: 0px 20px; outline: none; border-radius:3px; }
    .ui-dialog-footer button.ui-dialog-autofocus:hover, .ui-dialog-footer button.ui-dialog-autofocus:focus, .ui-dialog-footer button.ui-dialog-autofocus:active { display: inline-block; height: 30px; line-height: 30px; background: #fff; text-align: center; color: #FF9900; font-size: 12px; font-weight: bold; padding: 0px 20px; border-radius: 3px; }


.fixed{ position:fixed; top:0; left:50%; margin-left:-500px; width:1000px !important; height:80px; padding:15px 0; background:#fff; margin-top:0 !important; z-index:999; border-bottom:solid 1px #ececec;}
.fixed a{ margin-left:15px;}
.fixed span{ margin-right:520px;}