body{background-color:#f8f8f8; }
.joinBanner{position:relative;height:100vh}
.joinBanner .bimg,.joinBanner .bimgM{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover}
.joinBanner .bimgM{display:none}

.joinBanner .joinBanbox{
	position:absolute;top:40%;left:0;z-index:10;width:100%;transform:translateY(-50%);text-align:center;color:#fff;
}
.joinBanTitle{font-size: clamp(18px,2vw,30px);font-weight:bold;line-height:1.35;text-shadow:0 2px 0 rgba(33,43,57,0.3)}

.joinBanbtn {
	position:relative;margin-top:3.5vh;
	font-size: clamp(14px,0.75vw,18px);
	z-index:5;display:inline-flex; align-items:center; justify-content:center;
	padding:15px;border-radius:50px;
	background-color:#148FFA;color:#fff;cursor:pointer;
	transition:all .3s;border:1px solid #148FFA;overflow:hidden
}
.joinBanbtn::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100%;
	background-color:#fff;
	border-radius:25px;
	transform:scaleX(0);
	transform-origin:right;
	-webkit-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
	-moz-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
	-o-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
	transition:transform .6s cubic-bezier(.785,.135,.15,.86)
}
.joinBanbtn img, .joinBanbtn svg {
    position: relative; z-index: 5; margin-left: 8px; width: 12px; height: 12px; transition: all .3s;
}
.joinBanbtn:hover {color:#148FFA}
.joinBanbtn:hover::before {transform:scaleX(1);transform-origin:left}
.joinBanbtn:hover svg path {fill:#148FFA}


.joinOne {padding:50px 0; color: #000;}
.joinOne .c-top {height: 120px; position: relative;z-index: 1;margin-bottom: 10px;}
.joinOne .c-top img {position:absolute; top:50%; left:50%; z-index:1; transform:translate(-50%,-50%); max-height:100% }
.joinOne .c-top .c-title {
	position:relative; z-index:5;font-size: clamp(20px,1.8vw,24px); line-height:1.2; top: 30px;
	font-weight:bold; text-align:center;
}
.joinOne .c-list {display:flex; flex-wrap:wrap; }
.joinOne .c-list li {display:flex; width:50%; padding:10px}
.joinOne .c-list li>div {width:100%; padding:30px; background-color:#fff; border-radius:10px }
.joinOne .c-list li>div .c-title {font-weight:500;font-size: clamp(20px,1.8vw,24px); line-height:1.8 }
.joinOne .c-list li>div .c-text {margin:10px 0;font-size: 16px; color:#666;line-height: 1.2; }
.joinOne .c-list li>div img {height:60px }
.joinTwo{padding-bottom: 50px;}
.navTitle{font-weight:bold;font-size: clamp(20px,1.8vw,24px);text-align: center;padding:5.8vw 0 4.2vw 0;}
.zplc{display: flex;}
.zplc .item{flex: 1;margin-right: 15px;background-color: #fff;padding: 15px;}
.zplc .item .tit {font-weight:500;font-size: clamp(20px,1.8vw,24px); line-height:1.8 }
.zplc .item .text {margin:10px 0;font-size: 14px; color:#666;line-height: 1.2; }
.zplc .item .text span{padding: 0 5px;}
@media (max-width: 769px){
	.joinBanner .bimg{display:none}
	.joinBanner .bimgM{display:block}
	.joinOne {padding:30px 0}
	.joinOne .c-top {height: 100px; }
	.joinOne .c-list li {width:100% }
	.joinOne .c-list li>div img {height:50px }
	.joinTwo{padding-bottom: 0;}
	.navTitle {padding: 40px 0 30px 0;}
  .zplc {flex-flow: column; }
  .zplc .item {width: 100%; margin-bottom: 15px; }
}


.joinBanner.zpBanner{height: 60vh;}
.zpBanner .joinBanbox{top:50%}
.zpBanner .joinBanTitle{color: #000!important;font-size: 30px;font-weight: normal;text-shadow: none;}
.zp-form {width: 500px; height: 40px; display: flex; justify-content: flex-start; align-items: center; border-radius: 5px; overflow: hidden; margin: 20px auto 0; }
.zp-form input {background-color: #fff; width: 82.75%; height: 100%; color: #000; padding: 0 10px; }
.zp-form input::placeholder {color: #999999; }
.zp-form button {background-color: #148ffa; width: 17.25%; height: 100%; color: #fff;}
.x-join2 {border-bottom: 1px solid #f0f0f0; padding-top: 50px;font-size: 0.9vw; }
.x-join2 .x-con {display: flex; justify-content: center; }
.x-join2 .x-con a {display: inline-block; color: #666666; margin: 0 40px; padding-bottom: 30px; position: relative; }
.x-join2 .x-con a::before {
  content: ""; width: 0; height: 3px; background-color: #1a91f9; border-radius: 10px; position: absolute;
  left: 50%; bottom: 0; transform: translateX(-50%); opacity: 0; transition: 0.3s all;
}
.x-join2 .x-con a.on {color: #148ef9; font-weight: bold; }
.x-join2 .x-con a.on::before {opacity: 1; width: 100%; }
.x-join3 {padding: 30px 0;font-size: 14px; }
.x-join3 .x-lb ul li {display: flex; justify-content: flex-start;}
.x-join3 .x-lb ul li span {color: #666666; flex-shrink: 0;}
.x-join3 .x-lb ul li .x-a {margin-left: 8px; }
.x-join3 .x-lb ul li .x-a a {
  display: inline-block; color: #000; margin-right: 15px; margin-bottom: 30px; transition: 0.3s all;
}
.x-join3 .x-lb ul li .x-a a.on {color: #148ffa; }
.x-join3 .x-lb ul li .x-a a:hover {color: #148ffa; }
.x-join3 .x-xia-con .x-top {
  background-color: #148ffa; display: flex; justify-content: flex-start;height: 36px;line-height: 36px; border-radius: 5px;
  overflow: hidden;box-sizing: border-box;
}
.x-join3 .x-xia-con .x-top h3 {color: #fff;font-size: 14px; padding-left: 15px;}
.x-join3 .x-xia-con .x-top h3:nth-of-type(1) {
  flex: 1;padding-right: 10px;padding-left: 30px;
}
.x-join3 .x-xia-con .x-top h3:nth-of-type(2) {
  width: 20%;padding-right: 0.1rem;
}
.x-join3 .x-xia-con .x-top h3:nth-of-type(3) {
  width: 50%;
}

@media (max-width: 991px) {
  .x-join3 .x-xia-con .x-top h3:nth-of-type(2) {width: 20%; }
  .x-join3 .x-xia-con .x-top h3:nth-of-type(3) {display: none; }
}
@media (max-width: 769px) {
  .joinBanner.zpBanner{height: 40vh;}
  .zpBanner .joinBanTitle {font-size: 20px; }
  .zp-form {width: 80%; }
  .zp-form input {width: 78%; }
  .zp-form button {width: 22%; }
  .x-join2 {padding-top: 30px;font-size: 14px; }
  .x-join2 .x-con a {margin: 0 20px; }
  .x-join2 .x-con a::before {height: 2px; }
  .x-join3 {padding-bottom: 1.2rem; }
  .x-join3 .x-xia-con .x-top h3:nth-of-type(2) {display: none; }
}

.x-join3 .x-xia-con .x-xia ul li {
  margin-top: 10px; border-radius: 5px; overflow: hidden; background-image: url(/static/home/images/x-join4.jpg);
  background-position: center; background-repeat: no-repeat; background-size: cover;
}
.x-join3 .x-xia-con .x-xia ul li .x-tit {
  display: flex; justify-content: flex-start;height: 40px;line-height: 40px;
  cursor: pointer;position: relative;
}
.x-join3 .x-xia-con .x-xia ul li .x-tit i {
  display: block; width: 16px; height: 16px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);
}
.x-join3 .x-xia-con .x-xia ul li .x-tit i::before {
  content: ""; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -10px;
  width: 15px; height: 3px; background: #148ef9;
}
.x-join3 .x-xia-con .x-xia ul li .x-tit i::after {
  content: ""; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -10px; width: 15px;
  height: 3px; background: #148ef9; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: 0.3s all;
}
.x-join3 .x-xia-con .x-xia ul li .x-tit h3 {
  display: flex; align-items: center; padding-left: 15px; color: #666666;
}

.x-join3 .x-xia-con .x-xia ul li .x-tit h3:nth-of-type(1) {
  flex: 1; padding-left: 30px; color: #131313; font-size: 16px; transition: 0.3s all; padding-right: 10px;
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.x-join3 .x-xia-con .x-xia ul li .x-tit h3:nth-of-type(2) {
  width: 20%; padding-right: 0.1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.x-join3 .x-xia-con .x-xia ul li .x-tit h3:nth-of-type(3) {
  background:url(/static/home/images/x-join3.svg) no-repeat 10px 50%;width: 50%;
}
.x-join3 .x-xia-con .x-xia ul li .x-tit h3:nth-of-type(3) span{
  width: 90%;box-sizing: border-box;overflow: hidden;padding-left: 15px;
  white-space: nowrap;text-overflow: ellipsis;
}
.x-join3 .x-xia-con .x-xia ul li .x-bjq {
  padding: 20px 30px; border-top: 1px solid #e3eaf2; display: none;
  font-size: clamp(14px,0.73vw,16px); line-height: 1.75em; text-align: left;
}
.x-join3 .x-xia-con .x-xia ul li .x-bjq .zpemail{color: #186abe;}
.x-join3 .x-xia-con .x-xia ul li .x-bjq .zpemail img{width: 30px;height: 30px;}

.x-join3 .x-xia-con .x-xia ul li.on .x-tit h3:nth-of-type(1) {
  font-size: 18px;
}
.x-join3 .x-xia-con .x-xia ul li.on .x-tit i::after {
  opacity: 0;
}

@media (max-width: 991px) {
  .x-join3 .x-xia-con .x-xia ul li .x-tit h3:nth-of-type(2) {width: 20%; }
  .x-join3 .x-xia-con .x-xia ul li .x-tit h3:nth-of-type(3) {display: none; }
}
@media (max-width: 768px) {
  .x-join3 .x-xia-con .x-xia ul li .x-tit h3:nth-of-type(1) {font-size: 14px;}
  .x-join3 .x-xia-con .x-xia ul li.on .x-tit h3:nth-of-type(1) {font-size: 16px;}
  .x-join3 .x-xia-con .x-xia ul li .x-tit h3:nth-of-type(2) {display: none; }
}

.x-join3 .x-xia-con .x-xia ul li .x-bjq .x-aa {
  margin-top: 4px;
}
.x-join3 .x-xia-con .x-xia ul li .x-bjq .x-aa a {
  padding: 0 24px;
  height: 36px;
}
@media (max-width: 1580px) {
  .x-join3 .x-xia-con .x-xia ul li .x-bjq .x-aa a {
    padding: 0 22px;
  }
}


.jobForm{ width:100%; max-width:700px; padding:0 0 4vw 0; margin:0 auto}
.jobForm li{width:100%; padding:0 0 1.5vw 0; display:inline-block; position:relative}
.jobForm li i{display:inline-block; font-size:clamp(14px,0.9375vw,18px); line-height:1em; width:16%; vertical-align:middle}
.jobForm li i font{letter-spacing:2em}
.jobForm li input[type="text"]{display:inline-block; vertical-align:middle;}
.jobForm li input[type="file"]{display:inline-block; vertical-align:middle; width:84%;}
.divRadio{ padding:1vw 0 0 0}
.divRadio label{display:inline-block;font-size:clamp(12px,0.83vw,16px); color:#888; line-height:1em; margin:0 1.8vw 0 0}
.divRadio input{margin:0 5px 0 0}
.jobForm .divRadio{ display:inline-block; vertical-align:middle;padding:0!important;}
.formTips{font-size:clamp(12px,0.73vw,14px); line-height:1.5em; color:#888; padding:5px 0 0 16%;}
.msgInput{width:84%; border:1px solid #e5e5e5; height:48px; padding:0 10px; border-radius:6px; }
.liLong{width:100%!important}
.msgSubmit{width:100%;max-width:120px;max-height:44px; min-height:36px; height:2.3vw;padding:0 1vw;background:#194d97;font-size:clamp(14px,0.9375vw,18px);color:#fff; border-radius:22px; cursor:pointer; text-align:center;display:inline-block; margin:0 1vw 0 1vw;}
.msgSubmit:hover{background:#2b6dca}
@media (max-width: 768px) {
  .jobForm{ padding:0 0 30px 0;}
  .boxMsg li{width:100%; padding:0 0 20px 0; }
  .jobForm li{width:100%; padding:0 0 20px 0; display:inline-block; position:relative}
  .jobForm li i{font-size:14px;width:25%; }
  .jobForm li input[type="file"]{width:75%;}
  .jobForm .divRadio{width:75%;}
  .formTips{font-size:12px;padding:5px 0 0 25%;}
  .msgInput{width:75%;  height:42px;}
  .divRadio{ padding:10px 0 0 0}
  .divRadio label{display:inline-block; width:33%;font-size:12px;line-height:2em; margin:0}
  .divRadio input{margin:0 2px 0 0}
  .msgSubmit{ max-width:100px; height:40px;font-size:12px;border-radius:20px;margin:10px 10px 0 10px; }
  .msgSubmit:hover{background:#2b6dca}
}<!--0.00020194053649902-->