@import url("./common.css");
.banner { margin-bottom: 72px; }

.jdMain { margin-bottom: 60px; }

.jdMain .personnel { margin-bottom: 135px; }

.jdMain .personnel .emergency { padding-bottom: 120px; background: url(../img/jd/bg-xiangyun.jpg) no-repeat center 188px; }

.jdMain .personnel .emergency .seriesitem { width: 227px; height: 458px; margin-bottom: 20px; padding: 0 10px; background: url("../img/bg-series.png") no-repeat left bottom; position: relative; color: #900606; }

.jdMain .personnel .emergency .seriesitem h3 { margin: 0; font-size: 55px; text-align: center; line-height: 90px; font-family: 'sx'; }

.jdMain .personnel .emergency .seriesitem h4 { width: 40px; font-size: 36px; line-height: 1.6em; color: #900606; font-family: 'qk'; position: absolute; left: 50%; margin-left: -20px; top: 100px; }

.jdMain .personnel .emergency .seriesitem p { width: 100%; line-height: 2em; font-family: 'qk'; font-size: 12px; color: #900606; position: absolute; left: 0; bottom: 40px; font-size: 16px; text-align: center; }

.jdMain .personnel .recruit-list div[class*='col-'] { margin-bottom: 20px; }

.jdMain .personnel .recruit-list .position { width: 600px; min-height: 500px; border: 1px solid #b4a497; }

.jdMain .personnel .recruit-list .position .titlex { width: 309px; font-size: 20px; background-image: url(../img/bg-title2.png); margin-bottom: 32px; color: #1a1a1a; font-family: 'song'; font-weight: normal; }

.jdMain .personnel .recruit-list .position .titlex::after { display: none; }

.jdMain .personnel .recruit-list .position .details { height: 450px; padding: 20px; box-sizing: border-box; border-top: 1px solid #b4a497; color: #1a1a1a; font-size: 14px; line-height: 1.8em; position: relative; }

.jdMain .personnel .recruit-list .position .details span { color: #888; }

.jdMain .personnel .recruit-list .position .details .position-dis { text-indent: 2em; }

.jdMain .personnel .recruit-list .position .details ul { margin-bottom: 12px; }

.jdMain .personnel .recruit-list .position .details .btn-180x36 { background-image: url(../img/btn-18036-zong.png); }

.jdMain .personnel .recruit-list .position .details .btn-180x36:hover { color: #900606; }

.jdMain .personnel .recruit-list .position .details .positioned { position: absolute; width: 100%; bottom: 16px; }

.jdMain .personnel .your-require { position: fixed; width: 100%; height: 100%; padding-top: 6%; box-sizing: border-box; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); z-index: 999; color: #fff; display: none; }

.jdMain .personnel .your-require .form { width: 900px; }

.jdMain .personnel .your-require .form .form-title { margin-bottom: 32px; }

.jdMain .personnel .your-require .form .form-title h3 { font-size: 22px; }

.jdMain .personnel .your-require .form p { margin-bottom: 20px; line-height: 46px; }

.jdMain .personnel .your-require .form p select { width: 80%; height: 44px; border-radius: 8px; outline: none; border: 1px solid #fff; background: none; }

.jdMain .personnel .your-require .form p input { height: 44px; width: 80%; border-radius: 8px; outline: none; border: 1px solid #fff; padding-left: 8px; box-sizing: border-box; background: none; }

.jdMain .personnel .your-require .form p textarea { width: 80%; height: 120px; border-radius: 8px; padding-left: 8px; border: 1px solid #fff; background: none; }

.jdMain .personnel .your-require .form .sure p { width: 50%; text-align: center; }

.jdMain .personnel .your-require .form .sure input[type='submit'], .jdMain .personnel .your-require .form .sure button { width: 80%; height: 46px; font-size: 12px; border: none; background: url("../img/btn-175x44.png") no-repeat center; background-size: contain; outline: none; }

.jdMain .personnel .your-require .form span { color: #fff; }

.jdMain .personnel .your-require .form .required::before { content: '*'; color: #ff0000; }

@media screen and (max-width: 900px) { .your-require .form { width: 100% !important; }
  .your-require .form p { width: 100%; padding-left: 2%; padding-right: 2%; box-sizing: border-box; }
  .your-require .form p input[type='submit'], .your-require .form p button { width: 92%; margin-left: 4%; margin-right: 4%; float: left; }
  .your-require .form p textarea { width: 100% !important; } }

@media screen and (max-width: 768px) { body { background: none; }
  .jdMain .position { width: 100% !important; height: auto; } }