.joinMain{

}
.joinMain .section1{
    
}
.joinMain .section1 .bd{
    opacity: 1;
}
.joinMain .section1 .list{
    
padding-bottom: 40px;
}
.joinMain .section1 .list li{
    
margin-bottom: 13px;
}
.joinMain .section1 .list li.current .h2tit:after{
    background: url(../images/arr5.png) no-repeat center center;
    background-size: 100%;
}
.joinMain .section1 .list li .h2tit:after{
    content: "";
    position: absolute;
    right: 40px;
    top: 0px;
    width: 24px;
    height: 100%;
    background: url(../images/arr4.png) no-repeat center center;
    background-size: 100%;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.joinMain .section1 .list li .h2tit{
    
line-height: 54px;
    
background: #F2F2F2;
    
font-size: 20px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #FFFFFF;
    
padding-left: 36px;
    
position: relative;
    
cursor: pointer;
    
color: #4B4B4B;
}
.joinMain .section1 .list .slideOn{
    
padding: 0px 40px;
    
padding-bottom: 52px;
    
padding-top: 33px;
    
display: none;
}
.joinMain .section1 .list .slideOn .infor1{
    
font-size: 16px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #4C4948;
    
/* line-height: 38px; */
    
padding-bottom: 29px;
    
zoom: 1;
    
overflow: hidden;
    
width: 1272px;
    
max-width: 100%;
    
border-bottom: 1px solid #ddd;
}
.joinMain .section1 .list .slideOn .infor1 p{
    
float: left;
    
width: 25%;
    
line-height: 38px;
}
.joinMain .section1 .list .slideOn .infor1 p b{
    
font-weight: normal;
    
color: #0068B6;
}
.joinMain .section1 .list .slideOn .infor2{
    
padding-top: 31px;
    
font-size: 16px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
color: #4C4948;
    
/* line-height: 38px; */
    
zoom: 1;
    
overflow: hidden;
    
max-width: 100%;
    
margin-bottom: 35px;
}
.joinMain .section1 .list .slideOn .infor2 p{
    
line-height: 38px;
    
min-height: 23px;
}
.joinMain .section1 .list .slideOn .infor2 p b{

color: #0068B6;

font-weight: normal;
}


.joinMain .section1 .list .slideOn .more span{
    display: block;
    position: relative;
    z-index: 4;
    line-height: inherit;
    color:inherit;
}
.joinMain .section1 .list .slideOn .more:hover:after{
left: 0px;
top: 0px;
opacity: 1;
}
.joinMain .section1 .list .slideOn .more:after{
    left: -100%;
    top: 100%;
    border-radius: 300px;
    z-index: 3;
    opacity: 0;
    
}
.joinMain .section1 .list .slideOn .more:hover:before{
    left: 100%;
    top: -100%;
}
.joinMain .section1 .list .slideOn .more:before{
background: #0068B6;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 400px;
    content: "";
    z-index: 2;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.joinMain .section1 .list .slideOn .more{
    
width: 117px;
    
line-height: 33px;
    
border-radius: 16px;
    
display: block;
    
text-align: center;
    
font-size: 17px;
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
position: relative;
    
color: #FFFFFF;
    
overflow: hidden;
}

.joinMain{

}
.joinMain .section2{
    
padding-bottom: calc(140/1920*100vw);
}

.joinMain .section2 .list{
    position: relative;
}
.joinMain .section2 .list a{
    display: block;
        border: 1px solid #d9d9d9;
        overflow: hidden;
}
.joinMain .section2 .list a .imgbox{
 display: block;   
 overflow: hidden;
}
.joinMain .section2 .list a .imgbox img{
width: 100%;
height: 20vw;
    object-fit: cover;
}
.joinMain .section2 .list a .title span{
    display: block;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #888888;
    text-align: center;
    position: relative;
    z-index: 4;

    line-height: 67px;
    border-top: none;
    /* box-shadow: 0px 0px 10px rgb(204 204 204 / .5) inset; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px 15px;
}
.joinMain .section2 .list a .title{
    display: block;
position: relative;
overflow: hidden;
}