.c-dropdown__list {
	margin: 5px 0 0 0;
	padding: 10px 0;
	list-style: none;
	position: absolute;
	top: 125%;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	border-radius: 3px;
	background: #fff;
	-webkit-transition: opacity 0.25s linear, top 0.25s linear;
	transition: opacity 0.25s linear, top 0.25s linear;
	padding-left: 0.24rem;
}

.c-dropdown.is-open .c-dropdown__list {
	opacity: 1;
	visibility: visible;
	top: 100%;
	z-index: 99;
}

.c-dropdown {
	width: 2.78rem;
	text-align: left;
	position: relative;
}

.c-button::after {
	content: "";
	background-image: url("../img/joinus/many.png");
	position: absolute;
	right: 10px;
	width: 0.13rem;
	height: 0.08rem;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
}

.c-button {
	position: relative;
	width: 100%;
	display: block;
	border-radius: 0.08rem;
	border: 1px solid #C2C2C2;
	padding-left: 0.17rem;
	line-height: 0.39rem;
	font-size: 0.14rem;
	color: #686868;
}

.c-dropdown__list {
	background: #FFFFFF;
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
	border-radius: 4px 4px 4px 4px;
}

.c-dropdown__item {
	padding: 9px 0px;
	font-size: 14px;
	color: rgba(104, 104, 104, 1);
	font-size: 0.14rem;
}

.c-dropdown__item:hover {
	cursor: pointer;
}

.c-dropdown__item:hover {
	color: rgba(7, 105, 178, 1);
}

.registerButtonDiv {
	width: 1.68rem;
	text-align: center;
	background: #015196;
	border-radius: 0.07rem 0.07rem 0.07rem 0.07rem;
	font-size: 0.16rem;
	color: #FFFFFF;
	line-height: 0.42rem;
	display: block;
	transition: var(--s_tran);
	cursor: pointer;
}

.join {
	padding-top: 1rem;
	padding-bottom: 1.1rem;
}

.join_mode1 {
	display: flex;
	justify-content: space-between;
	align-items: end;
	margin-bottom: 0.69rem;
}

.join .inner_subtitle::after,
.join_mode1 .inner_subtitle::after {
	margin-left: 0rem;
}

.list_flex {
	padding-bottom: 0.1rem;
}

.join .list_flex .item {
	flex: 0 0 100%;
}

.list_flex .container {
	padding: 0.45rem 0.6rem 0.4rem 0.6rem;
	background-color: #F6F6F6;
	display: block;
	height: auto;
	margin-bottom: 0.2rem;
	transition: var(--s_tran);
}

.list_flex .container:hover {
	background-image: url("../img/joinus/join_bg.jpg");
	background-size: cover;
}

.list_flex .container:hover .name {

	color: #015196;
}

.list_flex .container:hover .text {
	background-color: #015196;
	color: #fff;
}
.list_flex .container:hover .name,
.list_flex .container:hover .line1,
.list_flex .container:hover .flex_box3>div p{
	color: #333;
}

.list_flex .flex_box1 {
	display: flex;
	justify-content: space-between;
	padding-bottom: 0.09rem;
	border-bottom: 1px solid #E6E6E6;
	width: 100%;
	margin-bottom: 0.24rem;

}

.list_flex .flex_box1 .name {
	font-size: 0.22rem;
	font-family: 'hr';
	font-weight: 400;
	color: #333333;
	transition: var(--s_tran);
}

.list_flex .flex_box1 .text {
	font-size: 0.16rem;
	font-family: 'hr';
	font-weight: 400;
	color: #333333;
	border-radius: 1.21rem 1.21rem 1.21rem 1.21rem;
	opacity: 1;
	border: 0.01rem solid #015196;
	width: 1.16rem;
	padding: 0.06rem 0rem;
	text-align: center;
	transition: var(--s_tran);

}

.join_text p {
	font-size: 0.16rem;
	font-family: 'hr';
	font-weight: 400;
	color: #666666;
}

.list_flex .flex_box2 {
	display: flex;
	justify-content: space-between;
	padding-bottom: 0.1rem;
}

.list_flex .flex_box2 p {
	/* flex:1; */
}

.join .flex_box3 .require {
	padding-top: 0.1rem;
}

.join .flex_box3>div {
	display: flex;
}

.join .flex_box3 .tit {
	white-space: nowrap;
}



/* 投递简历 */
.message {
	background-image: url("../img/joinus/info_bg.jpg");
	background-size: cover;
	padding-top: 1rem;

}

.mess_box {
	margin: 0.68rem 0.84rem;
	border: 0.1rem solid #015196;
	padding: 0.7rem 1.39rem 0.82rem 1.39rem;
	background-color: #fff;
}

.mask {
	font-size: 0.16rem;
	font-weight: 400;
	color: #3D3D3D;
	position: relative;
	padding-left: 0.14rem;
	display: block;
	margin-bottom: 0.14rem;
}

.mask::after {
	content: '*';
	color: red;
	position: absolute;
	top: 0;
	left: 0;
}

.mess_form {
	display: flex;
	flex-wrap: wrap;
}

.mess_form>div {
	width: 3.72rem;
	margin-right: 0.8rem;
	margin-bottom: 0.3rem;
}

.mess_form>div:nth-child(2n) {
	margin-right: 0;
}

.mess_form input,
.mess_form span {
	border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
	border: 0.01rem solid #CECECE;
	width: 3.72rem;
	height: 0.42rem;
}

.control-group input {}

.down_but {
	display: flex;
	font-size: 0.14rem;
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	color: #A8A8A8;
	white-space: nowrap;
	align-items: center;
}


.but_txt {
	width: 1.38rem;
	background: #EE4444;
	border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
	font-size: 0.16rem;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	padding: 0.11rem 0rem;
	margin-right: 0.15rem;
}

.e_textarea {
	width: 100% !important;
	display: block;
	margin-right: 0 !important;
}

.e_textarea .p_lable {}

.e_textarea .p_input {
	width: 100%;
	border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
	opacity: 1;
	border: 0.01rem solid #CECECE;
	height: 1.05rem;
	margin-top: 0.1rem;
}






/* 招贤纳士 */
.join3 {
	padding-top: 1rem;
	padding-bottom: 0.9rem;
	background: linear-gradient(172deg, #FBFBFB 0%, rgba(225, 243, 254, 0.71) 100%);
}

.conent_mode1 {
	background: #FFFFFF;
	padding: 0.4rem 0.35rem 0.4rem 0.6rem;
	display: flex;
	box-shadow: -0.01rem 0.03rem 0.2rem 0.01rem rgba(0, 0, 0, 0.16);
}

.conent_mode1 .flex_box1 {
	width: 4.72rem;
}

.conent_mode1 .flex_box1 .tit {
	font-size: 0.28rem;
	font-weight: bold;
	color: #333333;
	line-height: 0.3rem;
	padding-bottom: 0.25rem;
	border-bottom: 0.01rem solid #CCCCCC;
	margin-bottom: 0.4rem;
}

.conent_mode1 .info1 {
	display: flex;
	align-items: center;
	padding-bottom: 0.2rem;
}

.conent_mode1 .infobox .info1 img {
	width: 0.27rem;
	height: 0.27rem;
	object-fit: contain;
	margin-right: 0.19rem;
}

.conent_mode1 .flex_box2 {
	width: 0.83rem;
}
.conent_mode1 .flex_box3 {
	flex: 0 0 6.5rem;
}
.scan img {
	width: 1.13rem;
	margin-top: 0.2rem;
	height: 1.13rem;
}





@media only screen and (max-width: 768px){
    #mapCotainer{
      height:300px !important;
    }
  }
  .amap-layers{
    border:1px solid #dadada;
  }
  #mapCotainer{
    width: 100%;
    height: 5.2rem;
  }
  #tip{
    height:0.3rem;
    background-color:#fff;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    position:absolute;
    font-size: 0.12rem;
    right: 0.1rem;
    bottom: 0.2rem;
    border-radius: 0.03rem;
    line-height: 0.3rem;
    border: 0.01rem solid #ccc;
  }
  div.info-top {
    position: relative;
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 0.01rem solid #CCC;
    border-radius: 0.05rem 0.05rem 0 0;
  }
  div.info-top div {
    display: inline-block;
    color: #333333;
    font-size: 0.14rem;
    font-weight: bold;
    line-height: 0.31rem;
    padding: 0 0.3rem;
    text-align: left;
  }
  div.info-top img {
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
	width: 0.1rem;
	height: 0.1rem;
    transition-duration: 0.25s;
  }
  div.info-top img:hover{
    box-shadow: 0px 0px 0.05rem #000;
  }
  div.info-middle {
    font-size: 0.12rem;
    padding: 0.1rem;
    line-height: 0.21rem;
    text-align:left
  }
  div.info-bottom {
    height: 0.23rem;
    width: 0.3rem;

    clear:both;
    text-align:center;
  }
  div.info-bottom img{
    position: relative;
    z-index:104;
  }
  .amap-icon img {
	  width: auto;
	  height: auto;
  }

.conent_mode2 {
	margin-top: 0.8rem;
}

.conent_mode2 .loop {
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.17rem;
	margin-right: -0.17rem;
}

.conent_mode2 .item {
	margin-bottom: 0.4rem;
	flex: 0 0 calc(100% / 3);
	padding: 0 0.17rem;
}

.conent_mode2 .item .container {

	padding: 0.42rem 0.3rem 0.27rem 0.3rem;
	background-color: #fff;
	border: 0.01rem solid #DCDCDC;
}

.conent_mode2 .item:nth-child(3n) {
	margin-right: 0;

}

.conent_mode2 .item .tit {
	font-size: 0.2rem;
	font-weight: bold;
	color: #333333;
	line-height: 0.3rem;
	padding-bottom: 0.1rem;
	position: relative;
}

.conent_mode2 .item .tit::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0.37rem;
	height: 0.03rem;
	background: #015196;
}

.conent_mode2 .item .info {
	padding-top: 0.2rem;
	padding-bottom: 0.15rem;
	height: 1.55rem;
}

.conent_mode2 .item .info p {
	font-size: 0.16rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.3rem;
}

.conent_mode2 .item .com_pic {
	max-width: 3.5rem;
	height: 2.15rem;
}



/* 新增联系我们 */
.join_contact {
	background: url('../img/joinus/j3.jpg') no-repeat;
	background-size: cover;
	padding-left: 0.7rem;
	height: 1.2rem;
}
.join_contact .flex_box2 img,
.join_contact .flex_box3 img {
	max-width: 0.56rem;
}

.join_contact .flex_box1 p {
	font-size: 0.3rem;
	color: #015196;
}

.join_contact .box p {
	font-size: 0.2rem;
	color: #015196;
	margin-bottom: 0.06rem;
}

.join_contact.flex_box .box {
	margin-left: 0.1rem;
	display: block;
}

@media only screen and (max-width: 768px) {
	#mapCotainer{
		height:300px !important;
	}
	.conent_mode1{
		display:block;
		height:auto;
		overflow:hidden;padding: 0.4rem 0.35rem 0.4rem 0.35rem;}
	.conent_mode1 .flex_box1{
		width:100%;}
	.conent_mode1 .info1,.conent_mode1 .info1 p{
		font-size:0.24rem;}
	.conent_mode2 .loop{
		margin-left:0;
		margin-right:0;}
	.conent_mode2 .item{
		flex: 0 0 calc(100% / 2);}

	.conent_mode2 .item .tit{
		font-size:0.24rem;}

	.conent_mode2 .item .info{
		height:auto;}

	.conent_mode2 .item .info p{
		font-size:0.21rem;}
	.conent_mode2 .item .container{
		padding:.2rem}
	.join_contact{
		height:auto;
		overflow:hidden;}

	.join_contact .box p{
		font-size:0.24rem;}
	.c-dropdown{
		width:35%;}
	.c-button{
		font-size:0.22rem;}
	.c-dropdown__list{
		padding-left:.2rem;
		padding-right:.2rem;}
	.list_flex .flex_box1 .name{
		font-size:0.24rem;}

	.join .list_flex .item{
		width:100%;}
	.list_flex .container{
		padding:.3rem;
		height: auto;
		overflow: hidden;}
	.join_text p span{
		font-size:0.24rem;}
	.list_flex .flex_box2{
		display:block;
		width: 100%;
		margin: .1rem 0;}
	.join_text p{
		font-size:0.24rem;}
	.list_flex .flex_box3{
		margin:.1rem 0;}
	.join_contact.flex_box .box{
		font-size:0.24rem;}
	.c-dropdown__item{
		font-size:0.2rem;}
	.conent_mode1 .flex_box3{
		width:100%;}
	.conent_mode1 .flex_box2{
		display:none;}
	.scan img{
		width:40%;
		height:auto;}

	.mess_box{
		margin:0;
		padding: 0.7rem 0.5rem 0.82rem 0.5rem;}

	.mess_form > div{
		width:100%;}
	.mask{
		font-size:0.24rem;}
	.but_txt{
		font-size:0.24rem;}

	.e_textarea .p_lable{
		font-size:0.24rem;}

	.registerButtonDiv{
		font-size:0.24rem;}
	.down_but{
		font-size:0.22rem;}



















}