body, input, textarea, select, button,table,tr,td{ font:14px "Microsoft YaHei",Arial, Helvetica, sans-serif; margin:0; padding:0; }
ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset,div,*,strong,span,tr,td,li { margin:0; padding:0; }
* {
    box-sizing: border-box;
}
body{ background:#f8f8f8;}
img{ border:0px;border-style:none;}
em{ font-style:normal;}
ul{ list-style:none}
a{text-decoration:none;}
a:hover{ text-decoration:none;}

.web_btn{ display:inline-block; background:#3a7cea; color:#fff; text-align:center; cursor:pointer;font-size:14px; line-height:30px;padding:0 15px;}
.web_btn:hover{ color:#fff;}
.web_btn_radius{ border-radius:3px;}
.web_btn_block{ display:block;}
.web_btn_sm{font-size:14px; line-height:30px;  }
.web_btn_big{font-size:16px;line-height:40px; }
.web_disabled{ color: #c6c6c6;background: #f3f3f3;}

.width{ width:1200px; margin:0 auto;}

.top_box{ background:#3a7cea; color:#fff; line-height:35px; height:35px;}

.head_box { height:100px; background:#fff; }
.logo{ float:left; margin-top:10px; margin-left:100px;}
.logo img{ height:80px;}
.search_login {width: 60%;float: right;}

.login_tel{ line-height:35px; font-size:16px; text-align:right; }
.login_tel a{ color:#fff; display:inline-block; background:#1957bc; padding:0 10px; float:right;}
.login_tel .tel{ margin-left:20px; display:inline-block;  float:right;}
.login_tel .tel i{ margin-right:10px; display:inline-block;}

.banner_search{ position:absolute; left:0; top:300px; z-index:10000; text-align:center; width:100%;}

.search_box{ width:679px; box-sizing:border-box; margin-left:auto; margin-right:auto; background:#fff; border-radius:5px; overflow:hidden;
}
.search_box select{ width:100px; font-size:16px; height:46px; border:0; float:left; text-align:center; color:#666; padding-left:10px;}
.skeyword{ font-size:16px; padding-left:10px; border:0; height:46px; width:420px; float:left;}
.search_box  .sbtn{ float:right; display:block; height:46px; background:#3a7cea; color:#fff; font-size:18px; line-height:46px; width:150px; cursor:pointer;}

.navs_box{ width:600px; background:#3a7cea; color:#fff; }
.navs{height:35px; padding-top:40px;width:600px; float:right; }
.navs ul{ overflow:hidden;}
.navs li{ float:left; width:20%; }
.navs a{ font-size:16px; color:#000; display:block;line-height:35px; width:100%; text-align:center;border-bottom:5px solid #fff; }
.navs a:hover,.navs .on{ border-bottom:5px solid #1957bc; color:#3a7cea;}

.footer_box{ background:#fff; width:100%; overflow:hidden;}
.footer{ padding:40px 0;overflow:hidden;}
.footer .fl{ width:30%; text-align:center; padding-top:20px;}
.footer dl{ float:left; width:10%; margin-left:5%;}
.footer dt{font-size:18px; line-height:40px;}
.footer a{font-size:16px; color:#949494; line-height:30px;}
.foot_code{ float:right; width:30%;}
.foot_info{ text-align:center; line-height:40px; font-size:14px; color:#757575; border-top:1px solid #e8e8e8;}


/*home*/
.content_box{ padding:20px 0;}
.jobs_company{}
.index_jobs_box{ width:20%; float:left;}
.index_job_login{ margin-right:-1%; overflow:hidden;}
.index_job_login a{ width:49%; border-radius:3px; margin-right:1%; display:block; float:left; line-height:45px; font-size:18px;font-weight:bold; background:#fff; text-align:center; color:#000;}
.index_job_login .on{ background:#3a7cea; color:#fff;}
.index_job_login i{ margin-right:5px; font-size:20px;}
.index_company_box{ width:78%; float:right;background:#fff;}
.index_job_items{ padding:10px 0; background:#fff; margin-top:20px; }
.index_job_items li{ position:relative;}
.index_job_items li a{ line-height:45px; font-size:16px; display:block;color:#111; width:100%; padding:0 30px;}
.index_job_items li a:hover{ background:#f8f8f8;}
.index_job_items i{ float:right;line-height:45px;}
.index_job_items li ul{ display:none; position:absolute; background:#fff; padding:20px; left:240px; top:0; width:400px; border:1px solid #d8d8d8; z-index:100;}
.index_job_items li li{ float:left; width:50%;}

.register_box{}

.index_company_box .t{ padding:10px 20px 0 20px; line-height:50px; font-size:14px;}
.index_company_box .t span{ font-size:18px; font-weight:bold; line-height:20px; border-right:solid 2px #000; display:inline-block; padding-right:10px; margin-right:10px;}
.index_company_items{ overflow:hidden; padding:0; margin-bottom:-1px;}
.index_company_items li{ float:left; width:33.3333333%; position:relative;  border-bottom:1px solid #f5f5f5; padding:20px 0;}
.index_company_items a{ display:block; padding:0 10px;}
.index_company_items .lo{ position:absolute; top:20px; left:0; width:40%; text-align:center;}
.index_company_items .lo img{ max-height:60px; max-width:90%;}
.index_company_items .info{ margin-left:40%;}
.index_company_items span{ display:block; font-size:16px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.index_company_items p{ line-height:25px; color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
.index_company_items em{ color:#ff0000;}
.index_company_items a{ color:#000;}


.index_recruit{ margin-top:20px; padding:20px; background:#fff;}
.index_recruit .t{ padding-left:20px; border-left:5px solid #3a7cea; font-size:16px; line-height:20px;}
.index_recruit .t a{ float:right;}
.index_recruit ul{ margin-right:-1.333333333%; overflow:hidden;}
.index_recruit li{margin-right:1.333333333%; width:32%; margin-top:20px; float:left;}
.index_recruit li a{ border:1px dashed #e3e3e3; display:block; padding:10px;}
.index_recruit li a:hover{border:1px dashed #3a7cea; }
.index_recruit .rt{font-size:18px; line-height:30px; color:#444444;}
.index_recruit .rc{ line-height:20px; color:#60676f; margin-top:10px;}
.index_recruit li em{ color:#ff0000;}
.index_recruit li span{ margin-left:10px; border-left:1px solid #cdcdcd; padding-left:10px;}


.banner{height:430px; overflow: hidden; position:relative;}
.banner li{ height:430px; background-position:center; background-repeat:no-repeat;}
.dbanner{ width:100%; z-index:1;}
.dbanner .bx-prev{z-index:1;}
.dbanner .bx-next{z-index:1;}
.dbanner img{ margin:auto;}
.dbanner .bx-wrapper .bx-viewport{  -webkit-box-shadow:0 0 0px #ccc;box-shadow:0 0 0px #ccc;border:0;left:0;background:none;}
.dbanner.bx-wrapper .bx-viewport { background:none;}
.dbanner .bx-wrapper .bx-pager {
	padding: 3px 0 0 0 ;
	bottom:20px;
}
.dbanner .bx-wrapper .bx-pager div a{ width:15px; height:15px;    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;background: #666;}
.dbanner .bx-wrapper .bx-pager div a.active{ background: #333; }

.banner .bx-wrapper .bx-pager div a{width:20px; height:20px; }

/*岗位列表*/
.searchlist{ background:#fff; padding:20px;font-size:14px;}
.searchlist .item{ margin-bottom:20px;}
.searchlist .t{float:left; display:block;}
.searchlist a{ color:#000; display:inline-block;}
.searchlist .no{ margin-left:15px; padding:0 10px;display:inline-block;line-height:25px; float:left; }
.searchlist .on{ color:#fff; background:#3a7cea; border-radius:3px;line-height:25px; text-align:center;}
.searchlist .list{ overflow:hidden; float:left; margin-left:20px;}
.searchlist .list li{ float:left; height:30px; margin-left:15px;}
.searchlist .list .slist{border: 1px solid #e4e4e4;background: #f4f4f4; margin-left:0; padding-right:15px;     display: list-item; width:100%; clear:both;margin-top:10px;}
.searchlist .list .slist a{ margin-left:15px; color:#999; line-height:30px;}
.searchlist .mlist{ overflow:hidden; float:left;margin-left:20px; }
.searchlist .mlist li{ float:left; height:30px;  margin-left:15px; }
.searchlist .mlist input{ float:left; margin-top:2px;}
.searchlist .mlist label{ float:left; margin-left:4px;}
.searchlist .on{ display:inline-block; padding:0 10px;}
.searchlist .list .slist .son{  font-weight:bold; color:#3a7cea;}

.pagecontent{ margin-top:20px;}
.page_left{ float:left; width:73%;}
.list_tab{ background:#fff; border-bottom:5px solid #3a7cea; height:50px; line-height:50px; font-size:18px; text-align:center;}
.list_tab a{ display:inline-block; float:left; width:18%; border-right:1px solid #e4e4e4; color:#5a5a5a; height:45px;}
.list_tab .on{ background:#3a7cea; color:#fff;border-right:0; }

.moneys_box{ float:left; width:1000px; margin-left:15px; padding-top:10px; position:relative;}
.money_msg{ position:absolute; top:-35px; left:43%;  color:#666; background:#fff; line-height:30px; width:150px;border: 1px solid #ddd;
    box-shadow: 1px 1px 4px #ddd; text-align:center;}
.moneys_num{ margin-top:10px;}
.moneys_num span{ display:inline-block; float:left; text-align:center; width:9%;}

.jobs_list{ margin-top:10px; margin-bottom:50px;}
.jobs_list .item{ margin-top:10px; background:#fff;}
.jobs_list .com_info{position:relative;  border-bottom:1px solid #dbdbdb; padding:20px 0;}
.jobs_list .com_info .lo{ position:absolute; top:20px; left:0; width:30%; text-align:center; line-height:130px;}
.jobs_list .com_info .lo img{ max-height:130px; max-width:90%;}
.jobs_list .com_info .info{ margin-left:30%;}
.jobs_list .com_info .info a{ display:block; font-size:20px; font-weight:bold; color:#393939; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom:20px;}
.jobs_list .com_info p{ line-height:30px; color:#8e8e8e; }
.jobs_list .com_info p span{ margin-right:10px; color:#444;}
.jobs_list .com_info .tabs span{ margin-right:15px; color:#3a7cea;}
.jobs_list .com_info .money{ position:absolute; top:20px; right:20px; color:#999; font-size:14px;}
.jobs_list .com_info .money span{ font-size:18px; color:#f4585c; margin-right:15px;}
.jobs_list .com_info .app{ position:absolute; bottom:20px; right:20px; background:#3a7cea; color:#fff; display:block; padding:0 20px; line-height:40px; font-size:16px;}

.jobs_list .tab{ margin-top:10px; height:40px; line-height:40px; font-size:16px;border-bottom:3px solid #3a7cea;color:#545454;text-align:center;}
.jobs_list .tab li{ float:left; line-height:40px;}
.jobs_list .tab span{background:#3a7cea; width:100px; color:#fff; margin-left:40px; display:block;}
.jobs_list .l1{ width:30%;}
.jobs_list .l2{ width:15%;}
.jobs_list .l3{ width:10%;}
.jobs_list .l4{ width:15%;}
.jobs_list .pas{ padding:10px 0;}
.jobs_list .pas li{ line-height:35px; color:#666; float:left;text-align:center;}
.jobs_list .pas ul{ overflow:hidden;}
.jobs_list .pas a{ color:#fff; background:#f95559; border:1px solid #ce3f44; display:inline-block; line-height:25px; padding: 0 10px;}
.jobs_list .pas .l1{ text-align:left; padding-left:20px;}


.page_right{ float:right; width:25%;}
.new_jobs{ background:#fff;}
.right_title{ padding:15px 10px; border-bottom:1px solid #dbdbdb; font-size:16px;}
.right_title span{ border-left:5px solid #3a7cea; display:inline-block; padding-left:15px; line-height:15px;}
.new_jobs ul{ padding:10px 20px;}
.new_jobs ul li{ line-height:35px;}
.new_jobs a{ color:#454545;}
.right_com_list{ background:#fff; margin-top:15px;}
.right_com_list .img_list{ padding:10px; text-align:left;}
.right_com_list .img_list img{ height:50px;}


/*招聘信息*/
.jobshow_head{ background:#fff; padding:50px; position:relative;}
.jobshow_head .t{ font-size:20px; line-height:50px;}
.jobshow_head p{ line-height:40px; font-size:16px;}
.jobshow_head .money{ position:absolute; top:20px; right:20px; color:#999; font-size:30px; color:#f4585c; font-weight:bold; }
.jobshow_head .app{ position:absolute; bottom:50px; right:50px; background:#f4585c; color:#fff; display:block; padding:0 50px; line-height:40px; font-size:18px;}
.jobshow_head .tab{ margin-right:10px; color:#3a7cea;}


.showtabs{ background:#fff; border-bottom:5px solid #3a7cea; height:50px; line-height:50px; font-size:18px; text-align:left;}
.showtabs span{ background:#3a7cea; color:#fff;height:45px;display:inline-block; text-align:center; padding:0 20px;}
.showcontent{ padding:20px 40px 40px 40px; background:#fff;}
.showcontent .st{ font-size:18px; line-height:40px; color:#3a7cea; margin-top:20px;}
.showcontent  .sc{ line-height:30px; font-size:14px;}

.right_company_info{ background:#fff;}
.right_company_info .more { margin-top:-20px; line-height:50px; text-align:center;}
.right_company_info .more a{ color:#3a7cea;}
.right_company_info .c{ padding:20px;}
.right_company_info .t{ font-size:18px;}
.right_company_info p{ line-height:30px; font-size:14px;}
.other_jobs{ background:#fff; margin-top:15px;}
.other_jobs ul{ padding:10px 20px;}
.other_jobs li{ overflow:hidden; line-height:40px; overflow:hidden;}
.other_jobs a{ display:block;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; float:left; width:60%; }
.other_jobs li span{ float:right;color:#f4585c;}


/*公司信息*/
.companyshow_head{ background:#fff; padding:20px 50px 50px 50px; position:relative;}
.companyshow_head .t{ font-size:20px; line-height:50px; font-weight:bold;}
.companyshow_head p{ line-height:40px; font-size:16px;}
.companyshow_head .img{ position:absolute; top:50px; right:40px; }
.companyshow_head img{ width:200px;}
.companyshow_head .m{ color:#f4585c;}

.company_jobs{ margin:15px 0 0 0; padding:15px 15px 15px 15px; background:#fff;}
.company_jobs .t{ border-bottom: 1px solid #e6e6e6; height:20px; margin-bottom:10px; font-size:16px; font-weight:bold;}
.company_jobs .t span{ background:#fff; display:inline-block; line-height:40px; padding:0 20px;}
.company_jobs ul{ padding:0 20px; overflow:hidden;}
.company_jobs li{ border-bottom:1px dashed #ececec; font-size:14px; line-height:40px; text-align:left; float:left;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.company_jobs .l1{ width:25%;}
.company_jobs .l2{ width:15%;}
.company_jobs .l3{ width:10%;}
.company_jobs .l4{ width:5%;}
.company_jobs .l5{ width:15%;}
.company_jobs .l6{ width:10%; text-align:right;}
.company_jobs .more{ background:#f4585c; color:#fff; display:inline-block; line-height:25px; padding:0 15px;}

.company_showinfo{border-bottom:1px dashed #ececec; padding:30px 50px; background:#fff;}
.company_showinfo p{ line-height:40px; font-size:14px;}

.right_company_img{ background:#fff;}
.com_picture{ padding:10px;}
.com_picture .bx-wrapper{ margin-bottom:10px;}


/*帮助中心*/
.info_class{ width:20%; float:left; background:#fff; padding:50px 0 50px 0; min-height:500px;}
.info_class li{ line-height:25px; text-align:center;border-left:10px solid #fff; margin:15px 0; padding:0 50px; }
.info_class .on{border-left:10px solid #3a7cea; }
.info_content{ width:75%; float:right; background:#fff; min-height:500px;}
.info_title{ height:50px; border-bottom:1px solid #f0f0f0;}
.info_title span{ font-size:18px; border-bottom:5px solid #3a7cea;  line-height:46px; width:100px; text-align:center; padding:0 10px; display:inline-block; margin-left:60px;}
.info_cc{ line-height:25px; font-size:14px; padding:30px;}


/*登录*/
.login_logo{ height:100px; margin:20px 0;}

.login_box{ background:url(images/logobg.jpg) no-repeat left center; height:450px; width:1100px;}

.login_form{ width:400px; height:450px; float:right;  background:#fff; box-shadow: 1px 1px 15px #888888; padding:50px;}
.login_form .t{ border-bottom:1px solid #ddd; height:25px; margin-bottom:40px; text-align:center; font-weight:bold; }
.login_form .t span{ display:inline-block; line-height:50px; background:#fff; font-size:18px; padding:0 20px;}
.login_form .inp{ border-bottom:1px solid #ddd; position:relative;}
.login_form .inp input{ border:0; font-size:16px; height:60px; width:100%;}
.login_form .getcode{ position:absolute; right:0; top:15px;}
.login_form .xy{ margin-top:10px; color:#999;}
.login_form .xy span{ color:#3a7cea; cursor:pointer;}
.login_btn{ margin-top:30px;}

.login_form .layui-tab-brief>.layui-tab-title .layui-this{color:#3a7cea;}
.login_form .layui-tab-brief>.layui-tab-more li.layui-this:after, .login_form  .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #3a7cea;}

.noreg{color:#999; line-height:40px;margin-top:40px;}
.noreg a{ color:#3a7cea; cursor:pointer;}

.register_form{ padding:30px 50px; height:500px;}
.register_form .inp input{ height:50px;}
.register_form .getcode{ top:10px;}
.register_form .noreg{ margin-top:20px;}
.register_form .xy{ margin-top:0px;}
.register_form .t{ margin-bottom:20px;}
.winabout{ padding:20px;}


.topuser{ position:relative; width:150px; float:right; text-align:left;  }
.topuser div{ position:absolute; top:40px; left:0; display:none; background:#fff; width:150px; padding:10px; border:1px solid #eee; }

.topusername{ display:inline-block;overflow:hidden; text-overflow:ellipsis;white-space: nowrap; width:100%;text-align: center; height:40px; } 
.topuser div a{ display:block; text-align:left; line-height:30px; font-size:16px; float:none;padding:0 10px;height:30px;}
.topuser div a:hover{ background:#ddd; color:#000;}
.topuser div a i{ margin-right:10px; display:inline-block;}
.topuser img{ border-radius:50%; width:30px; margin-right:10px;}

/*会员中心*/
.user_head{ float:left; width:30%; background:#fff; padding:50px 0; min-height:300px;}
.user_picture{ text-align:center;}
.user_picture .img{ width:200px; margin:auto;}
.user_picture img{ border-radius:50%; width:200px; height:200px;}
.user_picture .txt{ line-height:40px; font-size:14px; text-align:center;}

.user_menu{ width:60%; background:#f0f0f0; float:right; margin-top:20px;}
.user_menu a{ line-height:50px; font-size:18px; color:#777; display:block; text-align:center;}
.user_menu .on{ background:#3a7cea; color:#fff;}
.user_menu i{font-size:22px; margin-right:20px;}

.user_right{ float:right; width:65%; padding:50px; min-height:500px; background:#fff;}
.user_info .t{ line-height:50px; font-size:14px;}
.user_info  .layui-form-label{ width:130px; font-size:16px;}
.user_info .layui-input-block{ margin-left:150px;font-size:14px;}
.userform{ width:75%; margin:0 auto;}
.user_info  .area{ height:35px; border:1px solid #e6e6e6;}
.user_info  .city-picker-span{ line-height:35px; background:none;}
.user_info   .layui-form-select dl dd.layui-this{ background:#3a7cea;}
.user_info .web_btn{ font-size:16px; line-height:40px; padding:0 50px;}

.user_interview{ padding:0 15px; }
.user_interview li{ margin-top:20px; border:1px solid #e9e9e9; }
.user_interview .status{ background:#f7f7f7; line-height:40px; color:#7a7a7a; height:40px; padding:0 10px;}
.user_interview em{ float:right; color:#ff0000;}
.user_interview .s1{ width:150px;}
.user_interview .info{ position:relative;height:105px;}
.user_interview .txt{ padding-left:135px; line-height:30px;}
.user_interview .img{ width:115px; height:86px; position:absolute; top:10px; left:10px;}
.user_interview .img img{width:115px; height:86px;}
.user_interview a{  color:#7a7a7a; }
.user_interview .money{  color:#ff0000; }
.user_interview .txt{padding-top:10px;color:#7a7a7a;}
.user_interview .txt a{ font-size:16px; display:block; }
.user_interview .qq{ position:absolute; right:10px; top:40px;}
.user_interview a:hover{ color:#3a7cea;}
.user_interview .s1{ width:115px; margin-right:10px; display:inline-block;}

.interview_link{ border-bottom:1px solid #dcdcdc; height:45px; line-height:45px; padding-left:30px;}
.interview_link a{ display:inline-block;  font-size:16px; width:100px; text-align:center; padding-bottom:2px;}
.interview_link .on{ border-bottom:4px solid #3a7cea;margin-bottom:0px; padding-bottom:0;line-height:40px;}


.userinfo_form{ width:400px;padding-top:50px;}
.userinfo_form  .layui-form-label{ width:130px; font-size:16px;}
.userinfo_form .layui-input-block{ margin-left:150px;font-size:14px;}
.userinfo_form   .layui-form-select dl dd.layui-this{ background:#3a7cea;}
.userinfo_form .web_btn{ font-size:16px; line-height:40px; padding:0 50px;}

.user_viewitems{ margin-top:50px; padding:0 15px;}



.msuccess{ background:url(images/success_small.png) no-repeat 50px 70px #fff; padding-top:50px; padding-left:120px; }
.msuccess a{ width:75%; display:inline-block; margin-top:20px; color:#fff;}