.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/about/a5.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%);
	cursor: pointer;
}

.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: var(--c);
	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 .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; */
}

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

.flex_box3>div {
	display: flex;
}

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



/* 投递简历 */
.mess {
	background-image: url('../img/about/a4.jpg');
	background-size: cover;

}

.message {
	
	padding-top: 1rem;
}

.mess_box {
	margin: 0.68rem 0.84rem 1.47rem;
	border: 0.1rem solid var(--c);
	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;
}

.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;
}

@media (max-width: 768px) {
    .mess_box {
        padding: 10px;
    }
    .mask,.e_textarea .p_lable  {
        font-size: 14px;
    }
    input::-webkit-input-placeholder { 
        /* Chrome/Safari/Opera */
        font-size: 12px;
    }
    input:-moz-placeholder {
        /* Firefox 4 - 18 */
        font-size: 12px;
    }
    input::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 12px;
    }
    input:-ms-input-placeholder {
        /* IE 10+  */
        font-size: 12px;
    } 
    .mess_form input, .mess_form span,
    .c-dropdown__item {
        width: 100%;
        font-size: 12px;
    }
    .mess_form>div {
        margin-right: 0;
        flex: 0 0 100%;
    }
    .but_txt,
    .registerButtonDiv {
        font-size: 14px;
    }
    .down_but {
        font-size: 12px;
    }
}