@charset "utf-8";
/*加入我们 页面开始*/

.joins_content{}
.joins_content .rencai_con{ position:relative;}
.joins_content .rencai_con .rencai_img{ float:left; width:30%; height:350px; overflow:hidden;background-position: center center;
background-repeat: no-repeat;
background-size: cover;box-shadow: 0px 10px 50px 0 rgba(0,0,0,0.06);}
.joins_content .rencai_con .rencai_img img{ width:100%;-o-object-fit: cover;
    object-fit: cover;}
.joins_content .rencai_con .rencai_font{ float:right; width:65%; line-height: 2; color: #666}
.joins_content .rencai_con .rencai_font .rencai_titile{ position:relative; padding-left:50px;}
.joins_content  .mySwiper {
  width: 100%;
  height: 500px;
}
.joins_content .rencai_con .rencai_font .rencai_titile::before {
    content: '';
    position: absolute;
    left:0px;
    top:50%;
    z-index: 0;
    width:50px;
    height:20px; margin-top: -10px; background: url("../images/rencai.png") center center no-repeat; background-size: auto 100%;
}
.joins_content .rencai_con .rencai_font .rencai_titile h3{ color:#4c4c51;  font-weight:bold;margin-bottom: 25px; font-size: 20px; line-height: 1; margin-top: 15px;}
.joins_content .rencai_con .rencai_font .rencai_titile p{}


.join_list_con{ padding-top: 30px;
text-align: center;}
.join_list_con .titile_show_en{ position: relative; line-height: 1;display: none;}
.join_list_con .titile_show_cn{ position: relative; line-height: 1; color: #107cc9; font-size: 24px; margin-top: 15px;}
.join_list_con .titile_show_cn::after {
  content: '';
  position: absolute;
  right:0px;
  top: 50%;
  z-index: 2;
  width:360px;
  height: 1px;
  background-color: #107cc9;
}
.join_list_con .titile_show_cn::before {
  content: '';
  position: absolute;
  left:0px;
  top: 50%;
  z-index: 2;
  width:360px;
  height: 1px;
  background-color: #107cc9;
}


.join_list_con .join_list{ margin-top:30px;}

.join_list_con .join_list{ position:relative;}
.join_list_con .join_list li{ margin-bottom:10px;}
.joinTit{ background:#f9f9f9; height:52px; line-height:52px;  cursor:pointer;}
.joinTit .li{ color:#333; float:left; text-align:center;}
.joinTit .li1{ width:30%; text-align:left; padding-left:20px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; box-sizing:border-box;}
.joinTit .li2{ width:10%;overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.joinTit .li3{ width:20%;overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.joinTit .li4{ width:10%; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.joinTit .li5{ width:16%;overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.joinTit .lermore_box{ width:60px; float:right; }
.joinTit .lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(../images/btn_06.png) no-repeat center;  transition: all 0.1s ease-out 0s;}

.joinTit.curr .lermore{ background:url(../images/btn_06_h.png) no-repeat center;}
.joinTit.curr{background: #f9f9f9;}
.joinTit.curr .li{ color:#107cc9; font-weight: bold}

.joinFirst{ margin-top:0;}
.joinFirst .joinTit{ background:#107cc9;height:52px; font-weight: bold}
.joinFirst .joinTit .pd{ color:#333333; line-height:52px;  font-weight:bold;}
.joinFirst .joinTit .li{ color:#fff;}
.joinFirst .joinTit.curr .li{ color:#333333;}

.joinDeta{ display:none; overflow:hidden; background:#fff; padding:30px 0 30px 0; line-height:2; font-size:13px; color:#666666; position:relative; border:1px solid #eee;width: fit-content; text-align: left}
.joinDeta:before{ content:''; position:absolute; background:#eee; left:50%; width:1px; top:30px; bottom:60px;}
.joinDeta span{ color:#ed6d00;}
.joinDeta strong{ color:#000000;}
.joinDeta strong a{ font-weight:bold;}
.joinFl{ width:50%; padding:0 50px; float:left; box-sizing:border-box;border-right: #eee 1px solid;}
.joinFr{ width:50%; padding:0 50px; float:right; box-sizing:border-box;}
.joinFr span{ display:block;}


@media (max-width:768px) {
	.joins_content .rencai_con .rencai_img {
    float: none;
		width: auto;}
	.joins_content .rencai_con .rencai_font {
    float: none;
    width: auto;
    line-height: 2;
    color: #666;
    padding-top: 15px;
}
	.join_list_con .titile_show_cn::before,.join_list_con .titile_show_cn::after{ width: 30%;}
	.joinTit .lermore_box {
    width: 10%;
    float: right;
}
	.joinDeta{ width: 100%}
	.joinFl {
    width: 100%;
    padding: 0 5%;
    float: none;
    box-sizing: border-box;
    border-right: none;
}
	.joinFr {
    width: auto;
    padding: 0 5%;
    float: none;
    box-sizing: border-box;
    margin-top: 20px;
}
	.joinDeta:before{ display: none}
	
}