#recruit #header { z-index: 100; }

#recruit .banner { margin-bottom: 70px; background: url(/image/recruit-banner-s.png) no-repeat; background-size: 100%; }

#recruit .recruit-info .info-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; width: 1200px; }

#recruit .recruit-info .info-box .way { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

#recruit .recruit-info .info-box .way .way-tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 56px; font-size: 40px; font-weight: 700; color: #121212; }

#recruit .recruit-info .info-box .way .way-tit img { width: 20px; height: auto; }

#recruit .recruit-info .info-box .way .answer { margin-bottom: 300px; line-height: 2; font-size: 16px; color: #373737; }

#recruit .recruit-info .info-box .way .icon { width: 160px; height: 14px; background: #00C16D; opacity: 0.5; }

#recruit .recruit-info .info-box .way-img { margin-top: 43px; }

#recruit .recruit-info .info-box .way-img img { width: 383px; height: 428px; }

#recruit .recruit-info .info-box .way-img .icon { position: relative; z-index: 2; top: -150px; left: -290px; width: 338px; height: 260px; background: #00C16D; opacity: 0.2; }

#recruit .recruit-info .post { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#recruit .recruit-info .post .post-tit { margin: 86px auto 135px; }

#recruit .recruit-info .post .post-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 1200px; }

#recruit .recruit-info .post .post-type .society { background: url(/image/recruit-society.png) center no-repeat; }

#recruit .recruit-info .post .post-type .school { background: url(/image/recruit-school.png) center no-repeat; }

#recruit .recruit-info .post .post-type .society, #recruit .recruit-info .post .post-type .school { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 585px; height: 300px; text-align: center; background-size: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; }

#recruit .recruit-info .post .post-type .society:hover, #recruit .recruit-info .post .post-type .school:hover { background-size: 110%; -webkit-box-shadow: 2px 2px 10px 2px rgba(87, 87, 87, 0.3); box-shadow: 2px 2px 10px 2px rgba(87, 87, 87, 0.3); }

#recruit .recruit-info .post .post-type .society span, #recruit .recruit-info .post .post-type .school span { padding-bottom: 5px; font-size: 40px; cursor: pointer; color: #fff; border-bottom: 2px solid #fff; }

#recruit .recruit-info .welfare { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#recruit .recruit-info .welfare .welfare-tit { margin: 87px auto 60px; }

#recruit .recruit-info .welfare .welfare-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 1200px; }

#recruit .recruit-info .welfare .welfare-type .treatment { background: url(/image/welfare1.png) center no-repeat; }

#recruit .recruit-info .welfare .welfare-type .festival { background: url(/image/welfare2.png) center no-repeat; }

#recruit .recruit-info .welfare .welfare-type .entry { background: url(/image/welfare3.png) center no-repeat; }

#recruit .recruit-info .welfare .welfare-type .welfare-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 379px; height: 470px; text-align: center; background-size: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; }

#recruit .recruit-info .welfare .welfare-type .welfare-info:hover { background-size: 110%; -webkit-box-shadow: 2px 2px 10px 2px rgba(87, 87, 87, 0.3); box-shadow: 2px 2px 10px 2px rgba(87, 87, 87, 0.3); }

#recruit .recruit-info .welfare .welfare-type .welfare-info .type-tit { margin-bottom: 40px; font-size: 40px; font-family: Microsoft YaHei; font-weight: bold; color: #F7F7F7; }

#recruit .recruit-info .welfare .welfare-type .welfare-info .type-info { margin-bottom: 28px; text-align: center; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #F7F7F7; }

#recruit .recruit-info .welfare .welfare-type .welfare-info .other { padding-bottom: 20px; }

#recruit .recruit-post { padding-bottom: 182px; background: #F7F7F7; }

#recruit .recruit-welfare { padding-bottom: 220px; }
/*# sourceMappingURL=recruit.min.css.map */