@charset "utf-8";
/* CSS Document */

html{ font-size:1px;}

body{ background:#e6e6e6;}

.left{ float:left;}
.right{ float:right;}
.wrap{ min-height:100vh; box-sizing:border-box; background:#fff; padding-bottom:132rem; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; background:#5bac19; position:relative; left:0; top:0; z-index:9999;}
.header .head{ position:relative; margin:0 30rem;}
.header h1.logo{ display:block; overflow:hidden; padding:42rem 0;}
.header h1.logo a{ display:inline-block; vertical-align:top; position:relative; overflow:hidden;}
.header h1.logo a img{ display:block; height:96rem; box-sizing:border-box;}
.header h2.title{ display:block; overflow:hidden;}
.header h2.title a{ display:inline-block; vertical-align:top; position:relative; overflow:hidden;}
.header h2.title a img{ display:block; height:120rem; box-sizing:border-box;}

/*底部菜单*/
ul.footNav{ display:block; width:100%; font-size:26rem; overflow:hidden; background:#fff; position:fixed; left:0; bottom:0; z-index:99; box-shadow:0 -2rem 5rem rgba(231,231,231,0.75);}
ul.footNav li{ display:block; width:33.33%; float:left; position:relative;}
ul.footNav li a{ display:block; height:132rem; overflow:hidden; padding:20rem 0 0; box-sizing:border-box;}
ul.footNav li a img{ display:block; height:2.077em; margin:0 auto; filter:brightness(0) invert(0.6);}
ul.footNav li a span{ display:block; line-height:1; color:#666; text-align:center; padding:0.5em 0 0;}
ul.footNav li.cur a img{ filter:brightness(1) invert(0);}
ul.footNav li.cur a span{ color:#5bac19;}

/*主体样式*/
.main{ margin:0 auto; position:relative; z-index:2;}
.main::before,
.main::after{ content:''; display:block; width:100%; height:0; overflow:hidden; clear:both;}

/*左侧样式*/
.main p.menu{ display:block; line-height:92rem; font-size:36rem; text-align:center; overflow:hidden; padding:22rem 30rem 0;}
.main p.menu a{ display:block; color:#999; position:relative; margin-right:52rem; float:left;}
.main p.menu a.cur{ color:#6eb92b; font-size:40rem; font-weight:bold;}
.main p.menu a.cur::after{ content:''; display:block; width:48rem; height:7rem; background:#6eb92b; border-radius:4rem; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}

/*内容样式*/
.main .attr{ margin:0 30rem;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; font-size:14rem; font-weight:normal; text-align:center; padding:3.5em 0 2.5em; position:relative;}
.main .attr h2.title b{ display:block; line-height:1.285; color:#000; font-size:2.625em; text-transform:uppercase; opacity:0.1; position:relative; z-index:1;}
.main .attr h2.title em{ display:block; line-height:1.5; color:#e71f19; font-size:2.25em; font-weight:bold; position:relative; z-index:3; margin:-1.5em 0 0;}
.main .attr h2.title span{ display:block; line-height:1.5; color:#333; font-size:1.5em; padding:0.75em 0 0;}

.main .attr p.subMenu{ display:block; font-size:16rem; text-align:center; padding:60rem 0;}
.main .attr p.subMenu a{ display:inline-block; vertical-align:top; width:10.5em; line-height:3; color:#666; background:#f1f4f5; text-align:center; margin:0 0.8em;}
.main .attr p.subMenu a.cur{ color:#fff; background:#e71f19;}

.main p.position{ display:block; line-height:3; color:#5bac19; font-size:30rem; overflow:hidden; padding:0 30rem;}

.main .attr h3.title{ display:block; line-height:1.5; color:#333; font-size:28rem; font-weight:normal; text-align:center; padding:1.2em 0; margin:0.5em 0 0;}
.main .attr p.mark{ display:block; line-height:3; color:#999; font-size:20rem; text-align:center; background:#f8f8f8;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ min-height:10em; line-height:2.25; color:#444; font-size:22rem; text-align:justify; padding:1.5em 0;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ font-size:22rem; overflow:hidden; padding:1.25em 0; border-top:1rem solid #ddd; margin:30rem 0;}
.main .change p{ display:block; line-height:2.25; color:#999; overflow:hidden;}
.main .change p a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; max-width:100%;}

/*页码样式*/
.pages{ text-align:center; font-size:20rem; padding:0 0 60rem;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:16rem; color:#999; height:24rem; line-height:24rem; text-align:center; padding:7rem 12rem; border:1rem solid #d2d2d2; margin:0 5rem;}
.pages span{ color:#fff; background:#e71f19; border-color:#e71f19;}

.main form.search{ display:block; font-size:26rem; background:#f6f6f6; overflow:hidden; padding:20rem 0; border-radius:42rem; margin:44rem 0 0;}
.main form.search input.txt{ display:block; width:83%; height:44rem; color:#616161; padding:0 1em 0 2.6em; background:url(../images/search.png) left 1em center no-repeat; background-size:auto 100%; border:0; float:left; box-sizing:border-box;}
.main form.search input.btn{ display:block; width:17%; height:44rem; color:#5bac19; padding-right:10rem; background:none; border:0; border-left:2px solid #ccc; float:left; cursor:pointer;}

/*招聘列表*/
.main ul.jobList{ display:block; font-size:26rem; overflow:hidden; margin:12rem 0 60rem;}
.main ul.jobList li{ display:block; overflow:hidden; padding:8rem 4rem; border-bottom:1px solid #e5e5e5;}
.main ul.jobList li a{ display:block; line-height:2.94; color:#333; font-size:1.38em; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.jobList li p{ display:block; overflow:hidden;}
.main ul.jobList li p em{ display:block; line-height:2; color:#333; background:#f8f8f8; padding:0 16rem; float:left; margin-right:14rem;}
.main ul.jobList li span{ display:block; line-height:1.65; color:#969696; overflow:hidden; padding:1em 0 0.8em;}
.main ul.jobList li .info{ display:none;}

.shadow{ width:100%; height:100%; background:rgba(0,0,0,0.3); position:fixed; left:0; top:0; z-index:9999; visibility:hidden; opacity:0; transition:all ease 0.4s;}
.jobInfo{ width:100%; max-height:95vh; background:#fff; overflow:hidden; padding:98rem 30rem 0; border-radius:27rem 27rem 0 0; position:fixed; left:0; bottom:0; z-index:10000; box-sizing:border-box; visibility:hidden; transform:translateY(100%); transition:all ease 0.4s;}
.jobInfo a.close{ display:block; width:86rem; height:98rem; background:url(../images/close.png) center no-repeat; background-size:auto 100%; position:absolute; left:0; top:0;}
.jobInfo .content{ max-height:calc(95vh - 98rem); overflow:hidden; overflow-y:auto;}
.jobInfo h3{ display:block; line-height:88rem; color:#333; font-size:36rem; overflow:hidden;}
.jobInfo h3 span{ margin-left:1.5em;}
.jobInfo h3 + p{ display:block; font-size:26rem; overflow:hidden; padding:0 0 32rem;}
.jobInfo h3 + p span{ display:block; line-height:1; padding-left:1.25em; float:left; margin-right:1.3em;}
.jobInfo h3 + p span.type{ background:url(../images/type.png) left center no-repeat; background-size:auto 1em;}
.jobInfo h3 + p span.area{ background:url(../images/addr.png) left center no-repeat; background-size:auto 1em;}
.jobInfo span.date{ display:block; line-height:64rem; color:#969696; font-size:26rem; background:#f5f5f5; padding:0 22rem; margin:0 0 1em;}
.jobInfo h4{ display:block; line-height:86rem; color:#333; font-size:34rem; overflow:hidden;}
.jobInfo h4::before{ content:''; display:block; width:6rem; height:34rem; background:#5bac19; float:left; margin:28rem 18rem 0 0;}
.jobInfo .txt{ line-height:1.75; color:#333; font-size:28rem; overflow:hidden; padding:0 0 1em;}
.jobInfo a.btn{ display:block; width:200rem; line-height:80rem; color:#fff; font-size:28rem; text-align:center; background:#5bac19; border-radius:9rem; margin:28rem auto 76rem;}

.shadow.show{ visibility:visible; opacity:1;}
.jobInfo.show{ visibility:visible; transform:translateY(0);}

form.apply{ display:block; background:#f6f6f6; padding:0 30rem; overflow:hidden;}
form.apply .box{ background:#fff; padding:24rem; border-radius:26rem; margin:24rem 0 0;}
form.apply h4{ display:block; line-height:74rem; color:#333; font-size:34rem; font-weight:normal; overflow:hidden; padding:0 10rem; border-bottom:1px solid #e5e5e5;}
form.apply h4 font{ color:#ec1717; font-size:32rem; margin-left:0.25em;}
form.apply h4 a.add{ display:block; width:48rem; height:74rem; background:url(../images/add.png) center no-repeat; background-size:auto 90%; float:right;}
form.apply .pLine{ font-size:32rem; overflow:hidden; padding:0 10rem;}
form.apply label{ display:block; /*width:5em;*/ line-height:98rem; color:#333; float:left;}
form.apply label font{ color:#ec1717; margin-left:0.25em;}
form.apply input.text{ display:block; width:calc(100% - 5em); height:98rem; text-align:right; background:none; border:0; box-sizing:border-box; overflow:hidden; float:left;}
form.apply ::placeholder{ color:#999;}
form.apply select{ display:block; max-width:calc(100% - 5em); height:98rem; text-align:right; direction:rtl; background:url(../images/select.png) right center no-repeat; background-size:1em auto; padding:0 1.25em 0 0; border:0; box-sizing:border-box; overflow:hidden; float:right; -webkit-appearance:none;}
form.apply select.short{ width:auto; height:50rem; text-align:left; direction:ltr; padding:0 38rem 0 14rem; background-color:#f6f6f6; background-size:22rem auto; background-position:right 12rem center; border-radius:6rem; margin:24rem 8rem; float:left;}
form.apply select.short + span{ display:block; line-height:98rem; color:#333; float:left;}
form.apply textarea{ width:100%; height:8em; min-height:8em; line-height:1.5; background:#f6f6f6; padding:0.625em 1em; border:0; border-radius:10rem; box-sizing:border-box; float:left; resize:vertical;}
form.apply label.photo{ width:230rem; float:none; margin:0 auto; clear:both;}
form.apply label.photo input{ display:none;}
form.apply label.photo span{ display:block; line-height:3.28; color:#999; font-size:28rem; text-align:center;}
form.apply label.photo em{ display:block; height:276rem; background:#f6f6f6; position:relative;}
form.apply label.photo em::before{ content:''; display:block; width:100%; height:100%; background:url(../images/upload.png) center no-repeat; background-size:86rem auto; position:absolute; left:0; top:0; z-index:1;}
form.apply label.photo em img{ display:block; width:100%; height:100%; position:relative; z-index:3; opacity:0;}
form.apply label.photo em.show{ background:#fff;}
form.apply label.photo em.show img{ opacity:1;}
form.apply label.photo em.show::after{ content:''; display:block; width:100%; height:100%; box-shadow:inset 0 0 10px rgba(0,0,0,0.07); position:absolute; left:0; top:0; z-index:5;}
form.apply .jiaoyu + .jiaoyu{ border-top:1px solid #e5e5e5;}
form.apply .gongzuo + .gongzuo{ border-top:1px solid #e5e5e5; margin-top:16rem;}
form.apply input.date{ width:120rem; text-align:center;}
form.apply input.date + span{ display:block; line-height:98rem; color:#666; font-size:32rem; float:left; margin:0 18rem;}
form.apply .box .pLine:last-child textarea:last-child{ margin-bottom:12rem;}
form.apply p.btns{ display:block; text-align:center; overflow:hidden; padding:70rem 0;}
form.apply p.btns input{ display:inline-block; vertical-align:top; width:5.92em; height:2.4em; color:#5bac19; font-size:28rem; background:#fff; border:1px solid #5bac19; border-radius:9rem; margin:0 1em;}
form.apply p.btns input.submit{ color:#fff; background:#5bac19;}





/**/
















/**/