@charset "utf-8";
* { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { width: 100%; }
*, a, a:hover, a:visited, a:link { list-style: none; text-decoration: none!important; outline: none;  blr: expression(this.onFocus=this.blur());
}
* { box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0; }
body, html { width: 100%; height: 100%; }
html { line-height: 1; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; }
body { font-size: 14px; margin: 0; padding: 0; color: #666; }
ul, dl { margin: 0; padding: 0; list-style: none outside none; }
img { border: none; max-width: 100%; vertical-align: middle; }
input, button, select, textarea { outline: none; }
button { cursor: pointer; }
input[type="button"], input[type="submit"], select,input[type="text"],button{-webkit-appearance:none; }
em, i { font-style: normal; }
h1, h2, h3 { font-weight: normal; }
html, body { font-family: "Microsoft Yahei","PingFangSC-Regular"; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; overflow: hidden; }
.clearfix { zoom: 1;}
.clear { clear: both; }

.left{ float: left; }
.right{ float: right; }

.header { width: 100%; height: 270px; background: url("../images/header-bg.png") no-repeat center top; background-size: 100% 100%; position: relative;}
.content{ width: 1024px; margin: 0 auto; }
.header_top {color: white;line-height: 40px;background: rgba(0, 0, 0, 0.2);font-size: 14px;}
.header_top a {color: #fff;}
.header_top ul li{ float: left; line-height: 40px; }
.header_top ul li a{color:#fff;width:52px;height:22px;border-radius:2px;padding:3px 13px; margin-left: 10px; font-size: 14px;}
.header_top ul li a::after{content:""}
.header_top ul li a i{ padding-right: 5px;}


.h_logo{ }
.h_logo .content{position: relative; }
.logo_img{margin-top: 50px;height: 40px; line-height: 40px;}
.logo_img img{ height: 40px; margin-left: 10px; float: left; }
.logo_img p{font-size: 26px; color: #fff; font-weight: bold; float: left; margin-left: 10px;}



.s_title{ height: 50px; line-height: 50px; border-bottom: 1px solid #eee; margin-bottom: 30px; position: relative; }
.s_title  p{font-size: 22px; color: #000; font-weight: bold;}

.service{width: 100%; min-height: 600px; }
.service .content{position: relative;}
.service_con{overflow: hidden;width: 100%; position: relative;top:50px; }
.serItem{float:left;width:238px;padding:20px;background:#fff;box-shadow:4px 4px 5px 4px rgba(144,147,153,.22);margin:5px 24px 34px 0;cursor:pointer;height:115px; overflow: hidden; border: 1px solid #eee;}
.serItem:nth-of-type(4n){margin-right:0}
.serItem .serItem_top{display: block;transition: 0.5s all;overflow: hidden;margin-top: 8px;}
.serItem img{float:left;width:56px}
.serItem .serItem_text{width:116px;margin-left:20px;float:left}
.serItem .serItem_text h4{font-size:18px;color:#303133;line-height:24px;margin-bottom:10px; margin-top: 5px; height: 50px; overflow: hidden;}
.serItem .serItem_text .itemBox{position:relative}
.serItem .serItem_text .itemBox p{line-height:19px;color:#909399;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.serItem .serItem_text .itemBox p:hover{color:#ff5b24}
.serItem .serItem_text .itemBox span{display:none;float:left}

.serItem .serItem_con{margin-top: 40px;transition: 0.5s all; text-align: center;}
.serItem .serItem_con h4{font-size:15px;color:#fff;line-height:24px;margin-bottom:3px;}
.serItem .serItem_con p{font-size:13px;line-height:16px;color:#fff; height: 32px; overflow: hidden;}
.serItem .serItem_con span{ display: inline-block; padding: 0 12px; color: #fff; background-color: #f00; border-radius: 5px; margin-top: 5px; font-size: 12px; height: 26px; line-height: 26px; }
.serItem:hover .serItem_top{transform: translateY(-100px);}
.serItem:hover .serItem_con{transform: translateY(-100px);margin-top: 20px;}
.serItem:hover .serItem_con h4{color:#303133;}
.serItem:hover .serItem_con p{color:#909399;}

.tabBox{height:50px;display:flex;line-height:50px;position:absolute;top:-50px; width: 100%;}
.tabBox .tabItem{float:left;height:50px;line-height:50px;width:147px;background:#fff;opacity:.81;text-align:center;color:#6a6a6b;font-size:16px;margin-right:2px;cursor: pointer;border-radius: 5px 5px 0px 0px;}
.tabBox .tabItem.active{opacity:1;color:#303133;border-top:4px solid #d6572c}


.footer{margin-top: 30px; overflow: hidden;width: 100%;  height: 45px; line-height: 45px; background: #4d0200; color: #fff; font-size: 14px;}
.footer span{padding-right: 20px;}
.footer .footer_span3{ float: right; padding-right: 0; }



/*分页*/
.page-list ul{padding:3px 10px;height:38px; margin: 20px;overflow:hidden; text-align:center;}
.page-list ul li{ line-height:30px; padding:0 12px; background:#fff; border:1px #dbdbdb solid; color:#333; margin:0 2px; font-size:13px; float: left;}
.page-list ul li a{color:#333;font-size:13px;}
.page-list ul li.active{ background: #f00;border: 1px #f00 solid;  }
.page-list ul li.active a{color: #fff;}

/*报名流程*/
.bmlcCont{ padding-top: 20px;}
.bmlcCont h4 {font-size: 24px;color: #303133;line-height: 32px;letter-spacing: 1px;font-weight: bold;padding: 16px 0 24px;}
.bmlcCont li {border-radius: 10px;text-align: center;float: left;width: 237px;height: 152px;background: #FFFFFF;box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 8%);padding-top: 23px;margin-right: 25px;margin-bottom: 20px;}
.bmlcCont li:last-child{margin-right: 0;}
.bmlcCont li p{ padding-top: 10px;}
.bmlcCont .icon_1{border: 2px solid #d6572c;background: #d6572c;color: #fff;width: 26px;height: 26px;line-height: 26px;border-radius: 50%;display: inline-block;margin-right: 5px;font-size: 20px;}
.bmlcCont .z-label {font-size: 26px !important;height: 36px;line-height: 36px;}
.bmlcCont .over_btn{background: #285fc3;display: inline-block;}
.bmlcCont .sign_no {background: #fe7a3f !important;}
.bmlcCont .login_no {background: #fe7a3f !important;}

/*招聘项目*/
.zpxmCont{ padding-top: 20px;}
.zpxmCont h4 {font-size: 24px;color: #303133;line-height: 32px;letter-spacing: 1px;font-weight: bold;padding: 16px 0 24px;}
.zpxmCont li { border-bottom: 1px solid #dedede; margin-bottom: 10px; padding-bottom: 5px;display: flow-root;}
.zpxmCont li .theme_title{/* width:700px;*/display: inline-block;}
.zpxmCont li .theme_title_a{font-size: 20px;color: #0355c5; font-weight: bold; padding: 10px 0; max-width: 705px;}
.zpxmCont li .theme_title_a a{ color: #00008b;}
/*.zpxmCont li .theme_title_a a.state_1 span{ color: #f00;}*/
.zpxmCont li .theme_title_a a.state_3{ color: #a9a9a9;pointer-events:none; cursor: default;}
.zpxmCont li .theme_title_p{ font-size: 16px; color: #000; line-height: 32px;}
.zpxmCont li .theme_title_p p .span1{color: #f00;}
.zpxmCont li .theme_title_p p .span2{color:#0355c5;}

.zpxmCont li .theme_title_span{font-size: 16px;color: #0355c5;padding: 5px 0;}
.zpxmCont li .theme_operation{float: right; font-size: 16px;color: #0157c7;font-weight: normal;    width: 220px;}
.zpxmCont li .theme_operation .over_btn{background: #285fc3;display: inline-block;width: 100px;text-align: center;height: 26px;line-height: 26px;font-size: 16px;margin-top:5px;margin-bottom: 5px;}
.zpxmCont li .theme_operation.state_3 a{pointer-events:none; cursor: default;}
.zpxmCont li .theme_operation.state_3 .over_btn{background: #a9a9a9;}

.zpxmCont li .theme_pay{float: right; font-size: 14px;color: #717171;font-weight: normal;width: 250px;}
.zpxmCont li .theme_pay p{ line-height: 30px;}
.zpxmCont li .theme_pay p span{ font-size: 12px;}
.zpxmCont li .theme_pay .over_btn{background: #d6572c;display: inline-block;width: 150px;text-align: center;height: 26px;line-height: 26px;font-size: 16px;margin-top:5px;margin-bottom: 5px;}


/**/
.state_3{ color: #a9a9a9;}
.over_btn {background: #d5d5d5;width: 154px;height: 36px;line-height: 32px;border-radius: 50px;border: none;font-size: 18px;color: #fff;margin-top: 12px; cursor: pointer;}

/*招聘列表*/
.recruit_con{ padding:20px 0; display: none;}
.recruit_con ul div.not{ padding:20px 0; font-size: 20px; text-align: left;}
.recruit_con ul li{ padding:10px 0; padding-left:20px;border-bottom: 1px solid #dedede;background: url("../images/arrow-right.png") no-repeat 0 center;position: relative;}
.recruit_con ul li.lieven{ background:#F0F2F3;}
.recruit_con ul li p{ height:24px; line-height:24px; font-size: 18px;color: #0355c5; font-weight: bold;}
.recruit_con ul li p span{float: right; font-size: 16px;color: #0157c7;font-weight: normal;}
.recruit_con ul li p span i{color:#929292}


/**/
.form{ }
.form-box{ padding: 30px 10% 40px;width: 100%; margin:0 auto; margin-top: -50px;box-shadow:4px 4px 5px 4px rgba(144,147,153,.32); background-color: #fff;
    position: relative;z-index: 9; border-radius: 5px;}
.form-box .form-title{ height: 60px; line-height: 60px; text-align: center; font-size: 24px; font-weight: bold; color: #000; margin-bottom: 20px; }
.form-box .form-desc{ text-align: center; font-size: 14px; height: 30px; line-height: 30px; margin-bottom: 20px;}
.form-box .form-item{ border: 1px solid rgba(220,223,230,1); display: block; margin-top: 20px; position: relative;}
.form-box .form-item .form-item-tit{ width: 20%;font-size:16px; color: #333; float: left;height:50px; line-height: 50px; text-align: center; border-right: 1px solid #eee; font-weight: bold;}
.form-box .form-item .form-item-tit span{ margin-right: 5px; color: #f00; top: 4px; position: relative;}
.form-box .form-item select{ width: 70%;color: #666;vertical-align: middle; border: none; font-size: 16px;height: 50px; line-height: 50px;background-color: #fff; }
.form-box .form-item select option{ height: 40px; line-height: 40px; }
.form-box .form-item input{ width: 80%;color: #666;vertical-align: middle; border: none; font-size: 16px;height:50px; line-height: 50px; background:none; text-indent: 10px;}
.form-box .form-item .verCode{ width: 20%; float: right;height: 50px;line-height: 50px;display: list-item;}
.form-box .form-textarea .form-item-tit{ width: 100%;font-size: 0.85rem; color: #333; float: left;height: 1.5rem; line-height: 1.5rem;}
.form-box .form-textarea .form-item-tit span{ margin-right: 0.2rem; color: #f00; top: 0.2rem; position: relative;}
.form-box .form-textarea textarea{color: #666; font-size: 0.85rem;width: 93%; min-height: 6rem; padding: 0.5rem;border: #eee solid 1px; margin-top: 0.8rem; border-radius: 5px;}
.form-box .form-textarea p{font-size: 0.7rem; color: #666; margin-top: 0.5rem;}
.form_but{ margin-top: 20px; text-align: center;}
.form-item-disc{font-size:14px; color: #adadad; height:24px; line-height: 24px; text-align: left}

.submit{ background-color: #2b55bd; color: #fff; border-radius:5px; font-size: 15px; border: none; height: 45px; line-height: 45px;
    text-align: center; cursor: pointer; margin-top: 20px;}
.submit:hover{ background-color: #2b55bd; }
.login_btn{width: 200px; background-color: #2b55bd; color: #fff; border-radius:5px; font-size: 15px; border: none; height: 40px; line-height: 40px;
    text-align: center; cursor: pointer; margin: 50px auto 30px;}


