﻿.container {
  padding: 0 var(--container);
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.icon-jiantou-bottom:before {
  content: "\e87e";
}


@media (min-width: 567px) {
  .container{max-width: 540px;}
}
@media (min-width: 768px) {
  .container{max-width: 720px;}
}
@media (min-width: 992px) {
  .container{max-width: 960px;}
}
@media (min-width: 1200px) {
  .container {max-width:75vw}
}



.mt100 {
  margin-top: 2.25rem
}

.list_join {
  /* padding-top: 7.5rem; */
  padding-bottom: 6.25rem;
}
.list_join .imgbg {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.list_join .sub_title h3 {
  color: rgb(63, 63, 63);
  font-size: 3rem;
  font-weight: 700;
}
.list_join .sub_title p {
  margin-top: 0.625rem;
  color: rgb(63, 63, 63);;
  font-size: 2rem;
  font-weight: 400;
}
.list_join_three .tablehead {
  background: #767676;
}
.list_join_three .tablehead .table_ul {
  display: flex;
  justify-content: space-between;
}
.list_join_three .tablehead .table_ul .table_li {
  padding: 0.6875rem 0; 
  flex: 1;
  text-align: center;
  color: #FFF;
  font-size: 1.125rem;
  font-weight: 700;
}
.list_join_three .job_list1 .job_li .dt .table_ul {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #FFF;
}
.list_join_three .job_list1 .job_li .dt .table_ul .table_li {
  padding: 1.8125rem 0 1.6875rem;
  flex: 1;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
}
.list_join_three .job_list1 .job_li .dt .table_ul .table_li i {
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  color: #000;
  padding-left: 1.875rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.list_join_three .job_list1 .job_li .dt .table_ul .table_li:hover {
  cursor: pointer;
}
.list_join_three .job_list1 .job_li .wehha-job {
  display: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #F8F8F8;
  padding: 2.875rem 3.3125rem;
}
.list_join_three .job_list1 .job_li .wehha-job .pead_cont h4 {
  color: #333;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}
.list_join_three .job_list1 .job_li .wehha-job .pead_cont p {
  color: #000;
  font-size: 1rem;
  line-height: 2rem;
}
.list_join_three .job_list1 .job_li .wehha-job .pead_cont .bottom {
  margin-top: 2.5rem;
}
.list_join_three .job_list1 .job_li .wehha-job .pead_cont .bottom h3 {
  color: #000;
  font-size: 1.25rem;
  font-weight: 400;
}
.list_join_three .job_list1 .job_li .wehha-job .pead_cont .bottom h3 a {
  color: rgba(147, 42, 43, 1);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.5rem;
}
.list_join_three .job_list1 .job_li.active {
  display: block;
}
.list_join_three .job_list1 .job_li.active .dt .table_ul .table_li i {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transform: rotateX(180deg);
}

.all_title .en {
  color: #22B4E3;
  font-size: 1.625rem;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}
.all_title .en::before {
  content: '';
  display: block;
  width: 2.125rem;
  height: 2.125rem;
  border: 9px solid #22B4E3;
  opacity: 0.1;
  border-radius: 50%;
  position: absolute;
  right: -1.25rem;
  top: -0.3125rem;
}
.all_title .en.white {
  color: #fff;
}
.all_title .en.white::before {
  border-color: #fff;
}
.all_title .cn.white {
  color: rgb(63, 63, 63);
}
.all_title .cn {
  color: #13284A;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}