/* 加入我们start  */
.contact_sec h2.sub_tit{position: relative; margin-bottom: 30rem;display: flex;gap:15px;align-items: center;}
.contact_sec h2.sub_tit::after{content: '';display: block;width: 77rem;height: 1px;background-color: #000;}

.contact_join_sec1{padding:  130rem 0 110rem;line-height: 1.3;}
.contact_join_sec1 .list{margin-top: 30rem;}
.contact_join_sec1 .list ul{display: grid;grid-template-columns: repeat(2,1fr);gap: 20rem;}
.contact_join_sec1 .list li{background:url(../images/contact_join_sec1_bg.png) no-repeat right bottom/cover;border:1px solid #f7f7f7;transition: all .3s;padding: 30rem 40rem;border-radius: 10px;overflow: hidden;}
@media only screen and (min-width: 1025px){
  .contact_join_sec1 .list li:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);border-color: #9b1f24;background: #fff;color:#9b1f24;}
}
.contact_join_sec1 .list .icon{width: 35px;height: 35px;}
.contact_join_sec1 .list h4{margin-top: 15rem}
.contact_join_sec1 .list .line{background: #d3d3d3;height: 1px;margin: 30rem 0;}
.contact_join_sec1 .list p{}
.contact_join_sec1 .list .tags{font-size: 16px;margin-top: 22rem;display: flex;gap: 10rem;}
.contact_join_sec1 .list .tag{padding:5px 10px;border-radius: 20px;color: #9b1f24;background: #fbf4f1;}

.contact_join_sec2{padding: 120rem 0 130rem;background: url(../images/contact_join_sec2_bg.jpg) no-repeat center top/cover;}
.contact_join_sec2 .list{margin-top: 60rem;}

.contact_join_sec2 .list li{position: relative; display: flex; background: #fff;margin-bottom: 20px;border-radius: 10px;overflow: hidden;transition: all .3s;padding: 35rem 60rem 50rem 60rem;}
.contact_join_sec2 .list li::before{ content: ''; display: block;position: absolute;top: 0;left: 60rem;z-index:2;width: 24px;height: 3px;background: #9b1f24;}
.contact_join_sec2 .list li::after{ content: ''; display: block;position: absolute;left:0;top:0; width: calc(100% - 2px);height: calc(100% - 2px);border-radius: 10px;border:1px solid #f7f7f7;}

@media only screen and (min-width: 1025px){
  .contact_join_sec2 .list li:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);border-color: #9b1f24;}
  .contact_join_sec2 .list li:hover::after{border-color: #9b1f24;}
  .contact_join_sec2 .list li:hover .tit{color: #9b1f24;}
  .contact_join_sec2 .list li:hover .btn_box{background: #9b1f24;}
}
.contact_join_sec2 .list .cont{display: flex;justify-content: space-between;width: 100%;position: relative;z-index: 3;}
.contact_join_sec2 .list .lft{display: flex;width: 1190rem;}
.contact_join_sec2 .list .tit{width: 366rem;transition: color .3s;}

.contact_join_sec2 .list .tags{width: 330rem;display: flex;gap: 20rem;flex-direction: column;color: #373737;}
.contact_join_sec2 .list .tags span{padding-left: 36px;}
.contact_join_sec2 .list .tags span:nth-child(1){background: url(../images/contact_icon05.png) no-repeat left center;}
.contact_join_sec2 .list .tags span:nth-child(2){background: url(../images/contact_icon06.png) no-repeat left center;}
.contact_join_sec2 .list .tags span:nth-child(3){background: url(../images/contact_icon07.png) no-repeat left center;}
.contact_join_sec2 .list .btn_box{display: flex;width:150px;height: 50px;align-items: center;justify-content: center;background: #3f3f3f;border-radius: 8px;color: #fff;}
.contact_join_sec2 .list .desc{width: 500rem;}
.contact_join_sec2 .list a.btn,
.contact_join_sec2 .list a.btn:hover{color: #fff !important;font-size: 16px;}
/* 加入我们end */

/* 联系方式start */
.contact_contact_sec1{
  background: url(../images/contact_sec1_bg.jpg) no-repeat center bottom/cover;
}
.map_box img{max-width: 100%;}
.contact_contact_sec1 .wrap{position: relative;display:grid;}
.contact_contact_sec1 .map_box{grid-area:1 / 1;min-width:0;align-self:start;}
.map_info_list{grid-area:1 / 1;min-width:0;padding:15% 0 32px;pointer-events:none;}
.contact_contact_sec1 .top{position: absolute;top:150rem;left: 0;width: 300px;z-index: 9;}
.contact_contact_sec1 .top .desc{margin-top: 50rem;}
.contact_contact_sec1 .points span{position: absolute;display: block;width: 15px;height: 15px;background: #000;border-radius: 50%;border:3px solid #fff;cursor: pointer;}
.contact_contact_sec1 .points em{white-space: nowrap;color: #424242;line-height: 1; position: absolute;top:0;left: 23px;height: 15px;}
.contact_contact_sec1 .points span.active{transform: scale(1.2);background: #9b1f24;width: 20px;height: 20px;border:4px solid #fff;}
.contact_contact_sec1 .points span.active em{transform:scale(.8);}
.contact_contact_sec1 .points span.p1.active em,
.contact_contact_sec1 .points span.p2.active em,
.contact_contact_sec1 .points span.p5.active em{left: 18px;}

.contact_contact_sec1 .p1{left: 78.928%;top:37.558%;}
.contact_contact_sec1 .p2{left: 82.8595%;top:42.8169%;}
.contact_contact_sec1 .p3{left: 81.3095%;top:43.8497%;}
.contact_contact_sec1 .p4{left: 75.5952%;top:43.3802%;}
.contact_contact_sec1 .p5{left: 81.1904%;top:46.1971%;}
.contact_contact_sec1 .p6{left: 79.8809%;top:46.3849%;}
.contact_contact_sec1 .p7{left: 30.6547%;top:40.0938%;}
.contact_contact_sec1 .p1 em{   left: -50px;}
.contact_contact_sec1 .p3 em{   left: -8px;top: 20px;}
.contact_contact_sec1 .p6 em,
.contact_contact_sec1 .p4 em{left: -8px;top: 20px;}
.contact_contact_sec1 .p7 em{left: -35px;top:0px}

.map_info_list .item{
  --map-button-gap: clamp(10px, 16rem, 16px);
  display: none;
  position: relative;
  left: 45%;
  z-index: 2;
  width: clamp(300px, 380rem, 420px);
  max-width: 55%;
  min-height: 0;
  height: auto;
  background: url(../images/mapinfo_bg.png) no-repeat left top/cover;
  border-radius: 10px;
  color: #fff;
  padding: clamp(24px, 40rem, 40px) clamp(20px, 30rem, 30px);
  padding-bottom: var(--map-button-gap);
  line-height:1.6;
  overflow-wrap:anywhere;
  pointer-events:auto;
}
.map_info_list .mlg{left: 38%;}
.map_info_list .item.active{display: block;}
.map_info_close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;}
.map_info_close:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.map_info_list a,
.map_info_list a:hover{color: #fff;}
.map_info_list .name{margin-bottom: 20px;padding-right:24px;padding-left: 36px;background: url(../images/contact_icon08.png) no-repeat left center;background-size: auto 100%;}
.map_info_list ul{margin-top: clamp(24px, 40rem, 40px);display: flex;gap: 15px;flex-wrap: wrap;}
.map_info_list ul li{width: 100%;padding-left:24px;}
.map_info_list .li1{background: url(../images/contact_icon09.png) no-repeat left center;background-size: auto;}
.map_info_list .li2{background: url(../images/contact_icon10.png) no-repeat left center;background-size: auto;}
.map_info_list .li3{background: url(../images/contact_icon11.png) no-repeat left center;background-size: auto;}
.map_info_list a.btn{display: flex;width:fit-content; color: #9b1f24;background: #fff;padding: 8px 13px;line-height:1.4;border-radius: 10px;align-items: center;gap:10px;max-width:100%;margin-top: var(--map-button-gap);box-shadow: 0 0 10px rgba(0,0,0,.1);}


.contact_contact_sec2{padding: 130rem 0 115rem;background: url(../images/contact_sec2_bg.jpg) no-repeat center top/cover;color: #fff;}
.contact_contact_sec2 .desc{margin-top: 50rem;}
.contact_contact_sec2 h2.sub_tit::after{background: #fff;}

.contact_form_cont{display: flex;flex-direction: column;gap:35rem;margin-top: 100rem;}
.contact_form_cont .groups{display: flex;gap: 37rem;}
.contact_form_cont label{display: block;margin-bottom: 16px;}
.contact_form_cont .groups input,
.contact_form_cont .groups textarea{background: #fff;border-radius: 10px;color: #000;padding: 15px 30rem;width: 100%;}
.contact_form_cont .groups.g1{display: grid;grid-template-columns: repeat(4,1fr);}
.contact_form_cont .groups.g2 .group{width: 100%;}
.contact_form_cont .groups input::-webkit-input-placeholder,
.contact_form_cont .groups textarea::-webkit-input-placeholder{color: #000;}
.contact_form_cont .groups.g3{display: grid;grid-template-columns: repeat(4,1fr);}
.contact_form_cont .submit{color: #fff;background: #9b1f24;padding: 15px 30rem;border-radius: 10px;}
.contact_form_cont .tip{text-align: right;}

/* 下拉选择start */
.contact_form_cont .select_group{position: relative;}
.contact_form_cont .select_box{position: relative;}
.contact_form_cont .select_box .select_input{cursor: pointer;padding-right: 50px;}
.contact_form_cont .select_box .select_input::-webkit-input-placeholder{color: #000;}
.contact_form_cont .select_arrow{position: absolute;top: 50%;right: 20px;color: #000;transform: translateY(-50%);transition: transform .3s;}
.contact_form_cont .select_group.open .select_arrow{transform: translateY(-50%) rotate(-180deg);}
.contact_form_cont .select_list{
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: 100%;
  max-height: 260px;
  overflow-y: auto;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  z-index: 20;
}
.contact_form_cont .select_group.open .select_list{display: block;}
.contact_form_cont .select_list li{
  padding: 10px 30px;
  color: #333;
  cursor: pointer;
  transition: background .2s, color .2s;
}
@media only screen and (min-width: 1025px){
  .contact_form_cont .select_list li:hover{background: #fbf4f1;color: #9b1f24;}
}
.contact_form_cont .select_list li.active{color: #9b1f24;background: #fbf4f1;}
/* 下拉选择end */

/* 图形验证码start */
.contact_form_cont .code_group{grid-column: span 1;}
.contact_form_cont .code_box{display: flex;gap: 12px;align-items: stretch;}
.contact_form_cont .code_input{flex: 1;min-width: 0;}
.contact_form_cont .code_img{display: block;width: 120px;height: 48px;border-radius: 10px;cursor: pointer;background: #fbf4f1;flex-shrink: 0;border: 1px solid #eee;}
/* 图形验证码end */

/* 响应式start */
@media only screen and (max-width: 1024px){
  .map_info_close{display:none;}
  .contact_contact_sec1 .wrap{display:block;}
  .map_info_list{padding:0;}
  /* sec1 地图区 */
  .contact_contact_sec1{padding: 80rem 0 60rem;}
  .contact_contact_sec1 .top{position: static;width: 100%;margin-bottom: 30rem;}
  .contact_contact_sec1 .top .desc{margin-top: 30rem;}
  .contact_contact_sec1 .map_box{position: relative;margin: 0 auto;width: 100%;max-width: 640px;}
  .contact_contact_sec1 .map_box img{display: block;width: 100%;height: auto;}
  .contact_contact_sec1 .points{font-size: 12px;display: none !important;}
  .map_info_list .item{

    position: static;
    display: block;
    width: 100%;
    max-width: 640px;
    min-height: 0;
    height: auto;
    margin: 20rem auto 0;
    padding: 30px;
    padding-bottom: var(--map-button-gap);
    color: #fff;
    background: #9b1f24;
    border-radius: 10px;
  }
  .map_info_list ul{margin-top: 20px;}

  /* sec2 表单区 */
  .contact_contact_sec2{padding: 80rem 0 70rem;}
  .contact_contact_sec2 .desc{margin-top: 30rem;}
  .contact_form_cont{margin-top: 50rem;gap: 25rem;}
  .contact_form_cont .groups{gap: 25rem;}
  .contact_form_cont .groups.g1{grid-template-columns: repeat(2,1fr);}
  .contact_form_cont .groups.g3{grid-template-columns: repeat(2,1fr);}
  .contact_form_cont .groups.g3 > .group:last-child{grid-column: 1 / -1;}
  .contact_form_cont .groups.g3 > .group:last-child .label{display: none;}
  .contact_form_cont .code_group{grid-column: span 1;}
}

@media only screen and (max-width: 767px){
  /* sec1 地图区 */
  .contact_contact_sec1{padding: 50rem 0 50rem;}
  .contact_contact_sec1 .top{margin-bottom: 24rem;}
  .contact_contact_sec1 .top .desc{margin-top: 20rem;}
  .contact_contact_sec1 .map_box{max-width: 100%;}
  .contact_contact_sec1 .points span{width: 11px;height: 11px;}
  .contact_contact_sec1 .points em{font-size: 12px;}
  .map_info_list .item{margin-top: 16rem;padding: 24px;padding-bottom:var(--map-button-gap);display: block !important;}

  /* sec2 表单区 */
  .contact_contact_sec2{padding: 50rem 0 60rem;}
  .contact_form_cont{margin-top: 40rem;gap: 20rem;}
  .contact_form_cont label{margin-bottom: 10rem;}
  .contact_form_cont .groups{gap: 20rem;}
  .contact_form_cont .groups.g1{grid-template-columns: 1fr;}
  .contact_form_cont .groups.g3{grid-template-columns: 1fr;}
  .contact_form_cont .groups.g3 > .group:last-child{text-align: left !important;}
  .contact_form_cont .submit{width: 100%;}
  .contact_form_cont .tip{text-align: center;}
  .contact_form_cont .code_group{grid-column: span 1;}
  .contact_form_cont .code_box{gap: 10px;}
  .contact_form_cont .code_img{width: 96px;height: 49px;}

  /* 下拉列表最大高度更紧凑 */
  .contact_form_cont .select_list{max-height: 200px;}
  .contact_form_cont .select_list li{padding: 12px 20px;}

  .contact_join_sec2 .list .tags span{padding-left: 25px}
}
/* 响应式end */

/* 加入我们响应式start */
/* 平板 ≤1024 */
@media only screen and (max-width: 1024px){
  /* sec1 优势卡片 */
  .contact_join_sec1{padding: 80rem 0 70rem;}
  .contact_join_sec1 .list{margin-top: 40rem;}
  .contact_join_sec1 .list ul{gap: 16rem;}
  .contact_join_sec1 .list li{padding: 24rem 30rem;}
  .contact_join_sec1 .list .line{margin: 20rem 0;}

  /* sec2 招聘岗位 */
  .contact_join_sec2{padding: 80rem 0 90rem;}
  .contact_join_sec2 .list{margin-top: 40rem;}
  .contact_join_sec2 .list li{padding: 30rem 40rem 40rem 40rem;}
  .contact_join_sec2 .list li::before{left: 40rem;}
  .contact_join_sec2 .list .lft{flex-wrap: wrap;width: calc(100% - 160rem);gap: 16rem 20rem;align-content: flex-start;}
  .contact_join_sec2 .list .tit{width: 100%;}
  .contact_join_sec2 .list .tags{width: auto;flex-direction: row;flex-wrap: wrap;align-items: center;}
  .contact_join_sec2 .list .desc{width: 100%;}
}

/* 手机 ≤767 */
@media only screen and (max-width: 767px){
  /* sec1 优势卡片 */
  .contact_join_sec1{padding: 50rem 0 50rem;}
  .contact_join_sec1 .list{margin-top: 30rem;}
  .contact_join_sec1 .list ul{grid-template-columns: 1fr;gap: 16rem;}
  .contact_join_sec1 .list li{padding: 28rem;}
  .contact_join_sec1 .list .icon{width: 30px;height: 30px;}
  .contact_join_sec1 .list .line{margin: 18rem 0;}
  .contact_join_sec1 .list .tags{margin-top: 18rem;}

  /* sec2 招聘岗位 */
  .contact_join_sec2{padding: 50rem 0 60rem;}
  .contact_join_sec2 .list{margin-top: 30rem;}
  .contact_join_sec2 .list li{padding: 28rem;}
  .contact_join_sec2 .list li::before{display: none;}
  .contact_join_sec2 .list .cont{flex-direction: column;gap: 24rem;align-items: stretch;}
  .contact_join_sec2 .list .lft{width: 100%;gap: 14rem;}
  .contact_join_sec2 .list .tit{width: 100%;}
  .contact_join_sec2 .list .tags{width: 100%;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 12rem 20rem;}
  .contact_join_sec2 .list .desc{width: 100%;}
  .contact_join_sec2 .list .btn_box{}


}
/* 加入我们响应式end */
/* 联系方式end */
@media only screen and (min-width: 1025px){
.map_info_list .li2 .tel_link:hover{color: #fff !important;cursor: default;}
.map_info_list .li3 a:hover{color: #fff !important;opacity: 0.8}
}