.job-title { font-size: 2em; color: #333; text-align: center; font-weight: bold; width: 100%; clear: both; padding: 2.6% 0 1.7%; } .job-des { color: #666; text-align: center; margin: auto; font-size: 1em; line-height: 1.875em; margin-bottom: 1.8%; width: 80%; } .job-thead { background-color: #252525; text-align: center; color: #fff; line-height: 3.3em; font-size: 1em; } .job-line { border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; margin-top: 5px; text-align: center; padding-top: 5%; height: 3.3em; font-size: 0.875em; vertical-align: middle; overflow: hidden; color: #444444; border-spacing: 5px; line-height: 2em; } .job-line-L { border-left: 1px solid #cecece; } .job-line-R { border-right: 1px solid #cecece; } .job-Margin { height: 7px; width: 100%; } /*加入我们*/ .join_img_l { padding-top: 4%; } .join_img_l img { max-width: 100vw; } .join_staff_t { text-align: center; padding: 2% 0; font-size: 1.125em; color: #737373; line-height: 2em; } .bx-wrapper .bx-controls-direction a { width: 66px; height: 66px; } .bx-wrapper .bx-prev { left: 10px; background: url(../../images/job/join_us_controls_l.png) no-repeat; } .bx-wrapper .bx-next { right: 10px; background: url(../../images/job/join_us_controls_r.png) no-repeat; } @media screen and (min-width: 1440px) { .bx-wrapper .bx-controls-direction a { width: 66px; height: 66px; } } @media screen and (max-width: 1439px) { .bx-wrapper .bx-prev { display: none; } .bx-wrapper .bx-next { display: none; } } /*你将获得*/ .join_icon li { font-size: 1em; float: left; line-height: 3.5em; } .join_icon { text-align: center; margin: auto; padding: 2.2% 0 0 0; } @media screen and (min-width: 1080px) { .join_w_icon { width: 1080px; margin: auto; } .join_icon li { width: 20%; } .join_icon li:nth-child(1), .join_icon li:nth-child(4) { padding-left: 10%; } .join_icon li:nth-child(5), .join_icon li:nth-child(6), .join_icon li:nth-child(7), .join_icon li:nth-child(8), .join_icon li:nth-child(9) { width: 20%; } } @media screen and (max-width: 1079px) { .join_w_icon { width: 96%; margin: auto; } .join_icon li { width: 32.3%; padding: 1% 0; } .join_icon li img { width: 80%; } } @media screen and (max-width: 479px) { .join_icon li { float: left; line-height: 2em; height: 150px; padding: 3% 0; font-size: 1em; } .join_icon li p { width: 70%; text-align: center; margin: auto; } } /*video*/ .join_t_big { margin: 1.7% 0 0; } /*联系方式*/ .job-Contact { width: 96%; margin: 3% auto; overflow: hidden; color: #444; font-size: 1em; } .job-Contact-title { margin: 3% 0; } .job-Contact .job-title { margin-top: 10%; } .job-Contact li { width: 24.6%; float: left; margin-right: 5%; } .job-Contact li:nth-child(2) { width: 21%; } .job-Contact li:last-child { width: 44%; margin-right: 0px; } .job_office_i img { max-width: 100%; } @media screen and (min-width: 1000px) { .job-Contact li p { padding: 15px 0; } } @media screen and (max-width: 999px) { .job_office_i { display: none; } .job-Contact li p { padding: 10px 0; } } .job-Table a, .job-Contact li a { color: #009fdf; line-height: 1.75em; text-decoration: none; } @media screen and (min-width: 980px) and (max-width: 1439px) { .job-Contact li { width: 100%; margin-right: 3.5%; text-align: center; } .job-Contact li:nth-child(2) { width: 33%; text-align: left; float: left; } .job-Contact li:last-child { width: 63%; margin-right: 0px; text-align: left; float: left; } } @media screen and (max-width: 979px) { .job-Contact { width: 90%; margin: 6% auto; } .job-Contact li { width: 100%; text-align: center; } .job-Contact li:nth-child(2) { text-align: left; margin-top: 10px; } .job-Contact li:last-child { text-align: left; } .job-des { width: 80%; } } /*I WANT YOU*/ .job-Table { display: table; width: 100%; margin-top: 3%; margin-bottom: 3%; overflow: hidden; } .job-Table .Table-Row { display: table-row; } .job-Table .Table-Row .Table-Cell { display: table-cell; margin: 0; padding: 0; } @media screen and (max-width: 768px) { .job-Table .Table-Row li:nth-child(5) { display: none; } .job-title { margin-bottom: 1.4%; margin-top: 1%; font-size: 1.5em; } .job-Join .job-title-01 { margin-top: 4%; margin-bottom: 3.5%; font-size: 1.5em; } .job-Contact-title { margin: 4% 0 3.5%; font-size: 1.5em; } .job-Table a, .job-Contact li a { line-height: 1.5em; } } @media screen and (max-width: 640px) { .job-Table .Table-Row li:nth-child(1) { display: none; } } @media screen and (max-width: 480px) { .job-Table .Table-Row li:nth-child(6) { display: none; } } /*简历详情弹出*/ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.8); z-index: 10000; top: 0; left: 0; overflow: hidden; display: none; } .reveal-modal { top: 8%; left: 12.5%; width: 58%; padding: 5% 7%; background: #f5f5f5; position: absolute; z-index: 10001; display: block; } .reveal-modal .close-reveal-modal { font-size: 2.3em; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6); cursor: pointer; } .job-title-ly { border-bottom: 1px solid #ddd; padding-bottom: 1%; overflow: hidden; } .job-title-h1 { float: left; font-size: 1.625em; color: #333; } .job-r-text { float: right; width: 35%; } .job-blue { color: #009fdf; font-size: 1.375em; padding-right: 8%; font-weight: 100; } .job-imess { overflow: hidden; padding: 3% 0; } .job-imess li { display: inline-block; padding-right: 5%; font-size: 1.125em; color: #101010; } .job-descript p { line-height: 2em; } .icon-c-p { position: absolute; top: 2%; right: 2%; } .job-btn-deliver { width: 24%; margin: auto; background: #009fdf; color: #fff; text-align: center; border-radius: 10px; padding: 1% 0; } .job-btn-deliver a:hover { background: #000; }