/*********************职业发展****************************/

.occupation-index-sec01 { padding:6.4285em 0px 7.1428em;  }
.occupation-index-sec01 .page-list { background:#fff; box-shadow:0.625em 0px 2.5em rgba(0,0,0,0.04); margin-top:4.625em; overflow:hidden; }
.occupation-index-sec01 .page-list ul { margin-left:-1px; }
.occupation-index-sec01 .page-list ul li {  width:25%; cursor:pointer; color:#999; position:relative; }
.occupation-index-sec01 .page-list ul li:before { background:#eee; width:1px; height:3.75em; position:absolute; left:0px; top:50%; margin-top:-1.875em; content:""; }
.occupation-index-sec01 .page-list ul li .page-con {height:11.25em; }
.occupation-index-sec01 .page-list ul li dl dt { color:#333; }
.occupation-index-sec01 .page-list ul li .page-ico { width:5em; margin-right:1.875em; height:5em; background:#fcc800; border-radius:50%; }
.occupation-index-sec01 .page-list ul li .page-ico img { width:100%; height:100%; display:none;  }
.occupation-index-sec01 .page-list ul li .page-ico .img01 { display:inline-block; }
.occupation-index-sec01 .page-list ul li:hover {background:#fcc800; color:#fff;  }
.occupation-index-sec01 .page-list ul li:hover .page-ico { background:#fff; }
.occupation-index-sec01 .page-list ul li:hover dl dt { color:#fff; }
.occupation-index-sec01 .page-list ul li:hover .page-ico .img01 { display:none; }
.occupation-index-sec01 .page-list ul li:hover .page-ico .img02 { display:inline-block; }
.occupation-index-sec01 .page-list ul li:hover:before { display:none; }

.occupation-index-sec01 .page-thinking { box-shadow:0.625em 0px 2.5em rgba(0,0,0,0.04); position:relative; margin-top:3.75em; background:#fff; color:#333; }
.occupation-index-sec01 .page-thinking .page-img { width:50%; position:absolute; top:0px; right:0px; height:100%; bottom:0px; }
.occupation-index-sec01 .page-thinking .page-img .bg_container { height:100%; }
.occupation-index-sec01 .page-thinking .page-text { width:50%; padding:5.0625em 5% 0px 12.638%; min-height:25em; }
.occupation-index-sec01 .page-thinking .page-text .page-sub { color:#999; margin-top:-0.375em; }
.occupation-index-sec01 .page-thinking .page-text .page-txt { margin-top:1em; overflow-y:auto; height:4.5em; margin-bottom:6em; }



.occupation-index-sec01 .page-thinking .page-btn { position:absolute; left:0px;bottom:5.625em; width:50%; padding-left:12.638%; }
.occupation-index-sec01 .page-thinking .page-btn .page-wrap { padding-right:50%;  }
.occupation-index-sec01 .page-thinking .page-btn .btn {  border:2px solid #f0bd00; height:2.5em; display:inline-block; float:left; width:5em; background:#f0bd00; position:relative; cursor:pointer; z-index:5; }
.occupation-index-sec01 .page-thinking .page-btn .btn:before { width:9px; height:15px; position:absolute; left:50%; top:50%; margin:-7.5px 0px 0px -4.5px; content:""; }
.occupation-index-sec01 .page-thinking .page-btn .thinking-button-next { background:#fff; }
.occupation-index-sec01 .page-thinking .page-btn .thinking-button-next:before { background:url(../images/pro-jt03.png) no-repeat center center; background-size:100% 100%; }
.occupation-index-sec01 .page-thinking .page-btn .thinking-button-prev:before { background:url(../images/pro-jt04.png) no-repeat center center; background-size:100% 100%; }
.occupation-index-sec01 .page-thinking .page-img-wrap .swiper-slide-active .bg_container { -moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:none;}

@media only screen and (max-width:1200px){
.occupation-index-sec01 .page-thinking .page-text { padding-left:5%; }
.occupation-index-sec01 .page-thinking .page-btn { padding-left:5%; }
}

@media only screen and (max-width:980px){
.occupation-index-sec01 .page-list ul li .page-ico { width:4em; height:4em; margin-right:1em; }
}
@media only screen and (max-width:840px){
.occupation-index-sec01 .page-list ul li .page-ico { width:3em; height:3em; margin-right:0.5em; }
}

@media only screen and (max-width:767px){
.occupation-index-sec01 { padding:2.5em 0px 5em;  }
.occupation-index-sec01 .page-list { margin-top:2em; }
.occupation-index-sec01 .page-list ul li { width:50%; }
.occupation-index-sec01 .page-list ul li .page-con { height:8em; }

.occupation-index-sec01 .page-thinking { margin-top:2em; }
.occupation-index-sec01 .page-thinking .page-img { width:100%; position:relative; width:100%; }
.occupation-index-sec01 .page-thinking .page-text { width:100%; padding:2em; min-height:0px; }
.occupation-index-sec01 .page-thinking .page-img .bg_container { padding-bottom:55.556%; }
.occupation-index-sec01 .page-thinking .page-text .page-txt { padding-bottom:0px; margin-bottom:0px; }
.occupation-index-sec01 .page-thinking .page-btn  { position:relative; bottom:0px; width:100%; padding-left:0px; margin-top:1em; }


}
@media only screen and (max-width:375px){
.occupation-index-sec01 .page-list ul li { width:100%; border-bottom:1px solid #eee; }

}

.ab-index-sec02 { padding:1em 0px 9.375em; }
.ab-index-sec02 .page-content {  position:relative; margin-top:4.625em!important; }
.ab-index-sec02 .bg_container { height:100%;  }
.ab-index-sec02 .swiper-slide { width:19.79%; overflow:hidden; }
.ab-index-sec02 .page-img { overflow:hidden; height:100%; }
.ab-index-sec02 dl { position:absolute; left:0px; bottom:0px; width:100%; color:#fff; padding:2em 3em; }
.ab-index-sec02 dl dd { display:none; line-height:1.875; margin-top:0.4375em; }
.ab-index-sec02 .swiper-slide-active { width:35.41%; }
.ab-index-sec02 .swiper-slide-active .bg_container { }
.ab-index-sec02 .swiper-slide-active  dl dd { display:block; }

.ab-index-sec02 .swiper-slide { transform-origin:center top; -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; }
.ab-index-sec02 .swiper-slide.swiper-slide-active  { transform:scale(1)!important; -moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:none; }

@media only screen and (max-width:767px){
.ab-index-sec02 { padding:0px; }
.ab-index-sec02 .page-content { margin-top:2em!important; }
.ab-index-sec02 dl { padding:2em 1.5em 1em; }
.ab-index-sec02 .swiper-slide-active  dl dd { /*display:none;*/ }

}




/********************员工风采*************************/
.occupation-staff-list { padding:6.4285em 0px 7.1428em; position:relative; }

.page-occu-staff-focus { background:#f7f7f7; margin-top:9.5625em;}
.page-occu-staff-focus .page-img { width:44.44%; position:relative; top:-5em; overflow:hidden; }
.page-occu-staff-focus .bg_container { padding-bottom:75%; }
.page-occu-staff-focus .page-text { width:44.44%; margin-right:5.556%; padding:4.5em 0px; }
.page-occu-staff-focus .page-txt { color:#666; line-height:1.625; max-height:3.25em; height:3.25em; margin-top:1.75em; }
.page-occu-staff-focus .page-ft { color:#999; padding-top:5.9375em; }
.page-occu-staff-focus a:hover .page-ft { color:#000; }

.occupation-staff-list .page-list { padding-top:2.5em; padding-bottom:5em; }
.occupation-staff-list .page-list ul { margin:0px -0.75em; }
.occupation-staff-list .page-list ul li { width:33.33%; float:left; margin-top:2.5em; }
.occupation-staff-list .page-list ul li .page-con { margin:0px 0.75em; }
.occupation-staff-list .page-list ul li .page-img { overflow:hidden; position:relative; }
.occupation-staff-list .page-list ul li .bg_container { padding-bottom:55.91%; }
.occupation-staff-list .page-list ul li .page-text{ padding:2em 1.75em 2.1875em; background:#fff; border:1px solid #eaeaea; }
.occupation-staff-list .page-list ul li h3 { color:#333; margin-top:1.15em; height:3em; }
.occupation-staff-list .page-list ul li .page-txt { color:#999; line-height:1.875; margin-top:1.5em; height:7.5em; max-height:7.5em; }
.occupation-staff-list .page-list ul li .page-time { color:#999; }
.occupation-staff-list .page-list ul li a {display:block; }
.occupation-staff-list .page-list ul li a:hover { color:#fcc800;  }
.occupation-staff-list .page-list ul li a:hover h3 { color:#fcc800; }
/* .occupation-staff-list .page-list ul li .page-more { padding-top:3.5357em; } */



@media only screen and (max-width:1200px){
.page-occu-staff-focus .page-text { padding:2.5em 0px; }	
.page-occu-staff-focus .page-ft { padding-top:3em; }
}
@media only screen and (max-width:980px){
.page-occu-staff-focus .page-text { margin-right:0px; width:50%; }
}
@media only screen and (max-width:767px){
.occupation-staff-list { padding:2.5em 0px; }

.page-occu-staff-focus  { margin-top:2em; }
.page-occu-staff-focus .page-img { width:100%; top:0px; }
.page-occu-staff-focus .page-text { width:100%; }

.occupation-staff-list .page-list { padding-top:0px; padding-bottom:2.5em; }
.occupation-staff-list .page-list ul li { width:100%; }
}



/********************招聘信息*************************/
.occupation-recruit-list {padding:6.4285em 0px 6.25em;}
.occupation-recruit-list .page-list {  margin-top:4.625em; padding-bottom:5em; }
.occupation-recruit-list .page-title { background:#f0bd00; color:#fff; line-height:3.7083; }
.occupation-recruit-list .page-title div { float:left; }
.occupation-recruit-list .wid01 { width:17.0833%; position:relative; padding:0px 0px 0px 1.667em; text-align:left; }
.occupation-recruit-list .wid02 { width:18.0556%; }
.occupation-recruit-list .wid03 { width:12.91%; }
.occupation-recruit-list .wid04 { width:15.97%; }
.occupation-recruit-list .wid05 { width:16.4583%; }
.occupation-recruit-list .wid06 { width:19.5228%; padding-left:4.097%; }
.occupation-recruit-list .wid06 a { display:inline-block; background:#eee; min-width:9.2857em; line-height:2.8571; border-radius:1.42855em; }

.occupation-recruit-list .page-con { color:#999; }
.occupation-recruit-list .page-con dl { border:1px solid #eee; border-bottom:none; }
.occupation-recruit-list .page-con dl dd { border-bottom:1px solid #eee; padding:1.33em 0px; position:relative;  }
.occupation-recruit-list .page-con div { float:left;}
.occupation-recruit-list .page-con div span { display:none; }
.occupation-recruit-list .page-con .wid01:before { position:absolute; right:0px; width:2px; height:20px; top:50%; margin-top:-10px; content:""; background:#f0bd00; }
.occupation-recruit-list .page-con dl dd.on:before { position:absolute; width:2.5em; height:1.22em; background:url(../images/hot.png) no-repeat center center; background-size:100% 100%; content:""; left:-1.22em; margin-top:-0.61em; }
.occupation-recruit-list .page-con dl dd:hover { color:#f0bd00; }
.occupation-recruit-list .page-con dl dd:hover a { color:#f0bd00; }
.occupation-recruit-list .page-con dl dd:hover .wid06 a { background:#f0bd00; color:#fff; }

@media only screen and (max-width:767px){
.occupation-recruit-list {padding:2.5em 0px 2.5em;}	
.occupation-recruit-list .page-title { display:none; }
.occupation-recruit-list .page-list {  margin-top:0em; padding-bottom:2em; }
.occupation-recruit-list .wid01 { width:100%; padding:0.5em 0px; }
.occupation-recruit-list .wid02 { width:100%; }
.occupation-recruit-list .wid03 { width:100%; }
.occupation-recruit-list .wid04 { width:100%; }
.occupation-recruit-list .wid05  { width:100%; }
.occupation-recruit-list .wid06 { width:100%; padding-left:0px; }
.occupation-recruit-list .wid06 a { text-align:center; }
.occupation-recruit-list .page-con dl dd { padding:1em 1em; }
.occupation-recruit-list .page-con dl div { text-align:left; padding:0.5em 0px; }
.occupation-recruit-list .page-con div span { display:inline-block; }
.occupation-recruit-list .page-con dl dd.on:before { top:0px; margin-top:0px; }

}



/**************************招聘信息详情***************************/
.occ-recruit-content { padding:8.625em 0px 9.375em;}
.occ-recruit-content .er-page-title { color:#333; border-bottom:1px solid #eaeaea; }
.occ-recruit-content .er-page-title p:first-child +p { padding-top:0.1667em; padding-bottom:2.2083em; }
.occ-recruit-content .label { color:#000; margin-top:1.5625em; padding-right:10.41%; }
.occ-recruit-content .label ul li { float:left; width:33.33%; padding:0.6875em 0px 0.6875em 2.5em; }

.job-description { margin-top:1.5em;border-top:1px solid #ebebeb; padding-top:4.375em; }
.job-description .page-sub { color:#333; }
.job-description dl {  padding:2.875em 0px 0px 2em; color:#000; }
.job-description dl dt i { position:absolute; left:-2em; width:0.25em; height:1.5em; background:#f0bd00; top:50%; margin-top:-0.75em;  }
.job-description dl dt { position:relative; }
.job-description dl dd {  line-height:2.33; margin-top:1.125em; }
.job-description dl dd a { color:#f0bd00; text-decoration:underline; }
.job-description ol li span { display:block; float:left;  }
.job-description ol li p { overflow:hidden; }

.recruit-con  .back { padding-top:5.125em; }
.recruit-con  .back a { display:inline-block; min-width:9.2857em; line-height:2.8571em; border-radius:1.42855em; color:#fff; background:#f0bd00; }

@media only screen and (max-width:767px){
.occ-recruit-content { padding:2.5em 0px 3em;}
.occ-recruit-content .er-page-title p:first-child +p { padding-bottom:1em; }
.recruit-con  .back { padding-top:2em; }
.job-description { padding-top:2em; }
.job-description dl { padding-top:2em; }
.occ-recruit-content .label { padding-right:0px; }
.occ-recruit-content .label ul li { width:100%; padding:0.6875em 2.5em; }

}




/************************2021-07-21***********************************/
.occupation-recruit-more { padding-top:1.1875em; }
.occupation-recruit-more a { display:block; padding:2.3125em 3.3125em 2.3125em 2.5em; color:#fff; }
.occupation-recruit-more .page-ico { width:5em; height:5em; background:#f1c319; border-radius:50%; margin-right:1.9375em; }
.occupation-recruit-more .page-ico img { width:100%; height:100%; }
.occupation-recruit-more dl dd { padding-top:0.2857em; }
@media only screen and (max-width:767px){
.occupation-recruit-more a { display:block;padding:1.5em; }
.occupation-recruit-more .page-ico { margin-right:1em; width:3.5em; height:3.5em; } 
}
@media only screen and (max-width:414px){
.occupation-recruit-more a { padding:1em 0px 1em 1em; }
.occupation-recruit-more .page-ico { margin-right:0.5em; }
}
@media only screen and (max-width:374px){
.occupation-recruit-more a { padding:1.5em 1em; }
.occupation-recruit-more .page-ico { margin:0px auto; margin-bottom:1em; }

}


.occupation-recruit-logo {  margin-top:1.25em; overflow:hidden; box-shadow:0px 0px 2em rgba(0,0,0,0.03); margin-bottom:3.125em; }
.occupation-recruit-logo ul { margin-bottom:-1px; margin-left:-1px; }
.occupation-recruit-logo ul li { width:20%; border-bottom:1px solid #eee; border-left:1px solid #eee; }
.occupation-recruit-logo ul li a { display:block; height:9.3125em;background:#fff; position:relative; }
.occupation-recruit-logo ul li img { max-height:50%; max-width:50%; }
.occupation-recruit-logo ul li a:hover img { margin-top:-5px; }
.occupation-recruit-logo ul li .page-sub { padding:0.5em; }

@media only screen and (max-width:767px){
.occupation-recruit-logo { margin-bottom:0px; }	
.occupation-recruit-logo ul li { width:33.33%; }
.occupation-recruit-logo ul li a { height:6em; }
}