@charset "UTF-8";
/* 主题色*/
/* 
背景色
由深到浅排序
*/
/*
文本颜色
由深到浅排序
*/
.m-links-model-title { height: 28px; padding-left: 23px; line-height: 28px; font-size: 20px; position: relative; }

.m-links-model-title::before { content: ''; display: block; width: 8px; height: 8px; background-color: #258aff; position: absolute; left: 0; top: 10px; }

.links-banner { width: 100%; height: 260px; margin-top: 30px; position: relative; }

.links-banner img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.links-banner dl { padding: 70px 0 0 40px; position: relative; z-index: 1; }

.links-banner dl dt { height: 33px; padding-bottom: 17px; font-size: 24px; font-weight: 600; line-height: 33px; color: #ffffff; position: relative; }

.links-banner dl dt::after { content: ''; display: block; width: 40px; height: 2px; background-color: #ffffff; position: absolute; bottom: 0; left: 0; }

.links-banner dl dd { width: 169px; margin-top: 30px; font-size: 13px; font-weight: 400; line-height: 21px; color: rgba(255, 255, 255, 0.9); }

.links-us { padding: 37px 200px 40px 0; border-bottom: 1px solid #E8EDF2; position: relative; }

.links-us dl { margin-top: 30px; }

.links-us dl dt { height: 33px; margin-bottom: 20px; font-size: 24px; line-height: 33px; }

.links-us dl dd { line-height: 42px; font-size: 15px; }

.links-us dl dd span { display: inline-block; width: 84px; color: #9FA3B3; }

.links-us dl dd em { color: #258aff; }

.links-us .btn { display: block; width: 164px; padding: 0; margin-top: 40px; text-align: center; }
.m-links-us-qrcode {
  width: 140px;
  border: 1px solid #E8EDF2;
  padding: 15px;
  position: absolute;
  top: 95px;
  right: 0;
}
.m-links-us-qrcode img {
  width: 140px;
  height: 140px;
  display: block;
  position: static;
}
.m-links-us-qrcode p {
  text-align: center;
  margin-top: 15px;
  color: #686F88;
}

.links-us-business { padding: 40px 0; border-bottom: 1px solid #E8EDF2; }

.links-us-business .links-us-business-list { margin-top: 30px; margin-right: -20px; }

.links-us-business .links-us-business-list li { box-sizing: border-box; width: 268px; height: 296px; padding-top: 40px; float: left; margin-right: 20px; background: url("https://img-i.westarcloud.com/2020/0401/f3554uxt0kvjmpef160739.png") no-repeat center center; background-size: 100% 100%; border: 1px solid #E8EDF2; text-align: center; }

.links-us-business .links-us-business-list li img { display: block; width: 100px; height: 100px; margin: 0 auto; }

.links-us-business .links-us-business-list li p { height: 25px; margin: 17px 0 30px; line-height: 25px; font-size: 18px; }

.links-us-business .links-us-business-list li .btn { height: 44px; line-height: 44px; }

.links-us-address { padding-top: 40px; border-bottom: 1px solid #E8EDF2; }

.links-us-address .links-us-address-model { width: 100%; height: 360px; margin-top: 30px; background-color: #CFD9E6; }

.links-visit-process { padding: 40px 0 38px; border-bottom: 1px solid #E8EDF2; }

.links-visit-process ul { margin-top: 30px; margin-right: -20px; }

.links-visit-process ul li { height: 270px; float: left; margin-right: 20px; text-align: center; background-color: #F7F9FA; }

.links-visit-process ul img { display: block; width: 100%; height: 175px; }

.links-visit-process ul h5 { height: 22px; margin-top: 20px; line-height: 22px; font-size: 16px; }

.links-visit-process ul p { height: 18px; margin-top: 15px; line-height: 18px; font-size: 13px; color: #686F88; }

.links-visit-form { padding-top: 40px; }

.links-visit-form form { margin-top: 30px; }

.links-visit-form form .u-input { display: block; margin-bottom: 20px; background-color: #F7F9FA; border-color: #EAEEF3; }

.links-visit-form form .u-input:focus { border-color: #258aff; background-color: rgba(232, 123, 43, 0.01); box-shadow: 0px 0px 6px 0px rgba(232, 123, 42, 0.6); }

.links-visit-form form .u-input:focus::-webkit-input-placeholder { color: #258aff; }

.links-visit-form form .u-input:focus::placeholder, .links-visit-form form .u-input:focus::-webkit-input-placeholder, .links-visit-form form .u-input:focus::-moz-placeholder, .links-visit-form form .u-input:focus:-ms-input-placeholder { color: #258aff; }

.links-visit-form form .u-textarea { width: 100%; height: 130px; background-color: #F7F9FA; border-color: #EAEEF3; }

.links-visit-form form .u-textarea:focus { border-color: #258aff; background-color: rgba(232, 123, 43, 0.01); box-shadow: 0px 0px 6px 0px rgba(232, 123, 42, 0.6); }

.links-visit-form form .u-textarea:focus::-webkit-input-placeholder { color: #258aff; }

.links-visit-form form .u-textarea:focus::placeholder, .links-visit-form form .u-textarea:focus::-webkit-input-placeholder, .links-visit-form form .u-textarea:focus::-moz-placeholder, .links-visit-form form .u-textarea:focus:-ms-input-placeholder { color: #258aff; }

.links-visit-form form .btn { margin-top: 40px; outline: none; border: none; cursor: pointer; }

.links-visit-form form .m-links-form-item { position: relative; }

.links-visit-form form .msg-box { line-height: 40px; position: absolute; top: 0; left: 370px; font-size: 13px; color: #F24949; }

.links-visit-form form .n-err { border-color: #F24949; }

.join-xz-intro { padding: 30px 0 40px; border-bottom: 1px solid #E8EDF2; }

.join-xz-banner { box-sizing: border-box; width: 100%; height: 272px; padding: 40px 40px 0; color: #ffffff; background: #243A79; }

.join-xz-banner h5 { height: 33px; line-height: 33px; font-size: 24px; text-align: center; }

.join-xz-banner span { color: #E8C42B; }

.join-xz-banner p { line-height: 22px; }

.join-xz-work-type { margin-top: 40px; margin-right: -20px; }

.join-xz-work-type li { width: 412px; margin-right: 20px; float: left; background-color: #ffffff; }

.join-xz-work-type li img { display: block; width: 100%; height: 180px; }

.join-xz-work-type .join-xz-work-intro { height: 290px; padding: 0 20px; border: 1px solid rgba(159, 163, 179, 0.5); border-top: none; overflow: hidden; }

.join-xz-work-type .join-xz-work-intro .btn { height: 44px; line-height: 44px; }

.join-xz-work-type .join-xz-work-show { max-height: 160px; margin-top: 6px; overflow: hidden; }

.join-xz-work-type .join-xz-work-show a { display: block; height: 52px; padding-left: 17px; line-height: 52px; font-size: 15px; border-bottom: 1px dashed #9FA3B3; position: relative; }

.join-xz-work-type .join-xz-work-show a::before { content: ''; display: block; width: 6px; height: 6px; background-color: #258aff; position: absolute; left: 1px; top: 23px; }

.join-xz-work-type .join-xz-work-show a span { float: right; font-size: 13px; color: #9FA3B3; }

.join-xz-process { padding: 40px 0; border-bottom: 1px solid #E8EDF2; }

.join-xz-process-notice { margin-top: 20px; }

.join-xz-process-notice dt { height: 20px; margin-bottom: 10px; line-height: 20px; }

.join-xz-process-notice dd { line-height: 21px; color: #686F88; }

.join-xz-proess-intro { padding: 10px 0; margin-top: 30px; background: rgba(232, 123, 43, 0.05); }

.join-xz-proess-intro li { box-sizing: border-box; width: 129px; height: 121px; padding-top: 20px; margin-left: 10px; text-align: center; font-size: 13px; float: left; background-color: #ffffff; position: relative; }

.join-xz-proess-intro li img { display: block; width: 32px; height: 32px; margin: 0 auto; }

.join-xz-proess-intro li p { height: 18px; line-height: 18px; margin-top: 8px; color: #686F88; }

.join-xz-proess-intro li span { display: block; height: 18px; line-height: 18px; margin-top: 5px; color: #258aff; }

.join-xz-proess-intro li i { display: block; width: 50px; height: 40px; background: #FEF8F4 url("https://img-i.gcimg.net/2020/0415/cstbf82msu08kyk3020610.png") no-repeat center center; position: absolute; top: 41px; left: -30px; }

.join-xz-pay-system { padding: 40px 0; border-bottom: 1px solid #E8EDF2; }

.join-xz-pay-system p { height: 20px; margin-top: 30px; line-height: 20px; color: #686F88; }

.join-xz-pay-system ul { margin-top: 20px; margin-right: -20px; }

.join-xz-pay-system ul li { width: 196px; height: 80px; margin-right: 20px; text-align: center; line-height: 80px; color: #258aff; font-weight: 600; float: left; background: url("https://img-i.westarcloud.com/2020/0402/dkkqldz02uavijnf022525.png") no-repeat center center; background-size: 100% 100%; }

.join-xz-boon-system { padding: 40px 0; border-bottom: 1px solid #E8EDF2; }

.join-xz-boon-system p { height: 20px; margin-top: 30px; line-height: 20px; color: #686F88; }

.join-xz-boon-system img { display: block; width: 100%; height: 470px; margin-top: 20px; }

.join-xz-other { padding-top: 40px; margin-right: -20px; }

.join-xz-other li { margin-right: 20px; float: left; }

.join-xz-other li div { box-sizing: border-box; width: 412px; height: 252px; margin-top: 20px; padding: 40px 40px 0; background-color: #F7F9FA; border: 1px solid #E8EDF2; position: relative; }

.join-xz-other li div h5 { height: 28px; line-height: 28PX; font-size: 20px; }

.join-xz-other li div P { width: 100%; height: 80px; margin-top: 20px; line-height: 21px; overflow: hidden; color: #686F88; }

.join-xz-other li div .btn { height: 44px; line-height: 44px; }

.join-xz-other li div img { display: block; width: 134px; height: 176px; position: absolute; bottom: 0; right: 0; }

.join-model-about { box-sizing: border-box; width: 1200px; margin: 60px auto 80px; padding: 60px 400px 60px 60px; background: url("https://img-i.westarcloud.com/2020/0402/6qtjz5iomdw3jwrw025110.png") no-repeat center center; background-size: 100% 100%; color: #ffffff; position: relative; }

.join-model-about h5 { height: 45px; line-height: 45px; font-size: 32px; }

.join-model-about p { height: 105px; margin-top: 20px; overflow: hidden; line-height: 22px; }

.join-model-about .btn { height: 44px; line-height: 44px; }

.join-model-about img { display: block; width: 280px; height: 214px; position: absolute; top: 60px; right: 60px; }

.m-job-item { zoom: 1; }

.m-job-item::after { visibility: hidden; display: block; font-size: 0; content: '.'; clear: both; height: 0; }

.m-job-item li { width: 100px; text-align: center; color: #686F88; float: left; }

.m-job-item .u-job-name { box-sizing: border-box; width: 198px; padding-left: 20px; text-align: left; }

.m-job-item .u-job-ctrl { width: 108px; }

.m-job-item .u-job-ctrl .btn { padding: 0 26px; }

.take-job-main { margin-top: 30px; }

.take-job-header { height: 56px; line-height: 56px; background-color: #F7F9FA; border-top: 4px solid #E87B2A; }

.take-job-list { margin-top: 20px; }

.take-job-list .m-job-item { box-sizing: border-box; height: 80px; line-height: 78px; margin-bottom: 20px; -webkit-box-decoration-break: 1px solid #EAEEF3; box-decoration-break: 1px solid #EAEEF3; background-color: #F7F9FA; }

.take-job-list .m-job-item.active, .take-job-list .m-job-item:hover { background-color: #ffffff; border-color: #ffffff; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); }

.take-job-list .u-job-ctrl { height: 100%; display: flex; align-items: center; width: 120px; }

.take-job-list .u-job-name { color: #2A3457; }

.doings-list { overflow: hidden; }

.doings-list li { margin-top: 80px; position: relative; }

.doings-list img { display: block; width: 360px; height: 240px; position: absolute; top: -40px; z-index: 1; }

.doings-list dl { box-sizing: border-box; width: 524px; height: 240px; background-color: rgba(241, 244, 247, 0.5); position: relative; }

.doings-list dl::before { content: ''; display: block; width: 60px; height: 60px; position: absolute; top: -40px; }

.doings-list dl dt { height: 28px; line-height: 28px; font-size: 20px; position: relative; }

.doings-list dl dt::after { content: ''; display: block; width: 40px; height: 2px; background-color: #E87B2A; position: absolute; bottom: -17px; left: 0; }

.doings-list dl dd { margin-top: 37px; line-height: 21px; font-size: 13px; color: #686F88; }

.doings-list li.odd img { left: 0; }

.doings-list li.odd dl { padding: 40px 64px 0 80px; float: right; }

.doings-list li.odd dl::before { background: url("https://img-i.westarcloud.com/2020/0402/zpiwq7isxjumv56k055015.png") no-repeat center center; background-size: 100% 100%; left: 40px; }

.doings-list li.even img { right: 0; }

.doings-list li.even dl { padding: 40px 104px 0 40px; float: left; }

.doings-list li.even dl::before { background: url("https://img-i.westarcloud.com/2020/0402/b5u8soi1y167azb3055023.png") no-repeat center center; background-size: 100% 100%; right: 40px; }

.education-page-model { padding: 40px 0 40px; border-bottom: 1px solid #E8EDF2; }

.education-page-model .education-page-model-intro { margin-top: 20px; line-height: 21px; font-size: 13px; color: #686F88; }

.education-page-model ul { margin-top: 20px; margin-right: -20px; }

.education-page-model li { margin-right: 20px; float: left; position: relative; }

.education-page-model li img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.education-page-model li p { box-sizing: border-box; width: 158px; height: 46px; padding-left: 28px; line-height: 46px; font-size: 15px; color: #ffffff; background: url("https://img-i.westarcloud.com/2020/0402/jnqd5zi82kn3zdvr070705.png") no-repeat center center; background-size: 100% 100%; position: absolute; left: 0; bottom: 0; z-index: 1; }

.education-page-model li p::before { content: ''; display: block; width: 3px; height: 10px; position: absolute; top: 18px; left: 15px; background-color: #ffffff; }

.education-page-model ul.col-3 li { width: 268px; height: 164px; }

.education-page-model ul.col-2 li { width: 412px; height: 210px; }