.tx-joins1-main{background: url('../img/joins1-bg.png') center center no-repeat;padding: 75px 105px;color: #fff;background-size: cover;}
.tx-joins1-main h3{position: relative; font-size: 28px;line-height: 40px;padding-bottom: 7px;margin-bottom: 40px;}
.tx-joins1-main h3:before{content:'';position: absolute;width: 34px;height: 2px;background: #fff;bottom:0;left:0;}
.tx-joins1-main em{display: block;line-height: 24px;}

.tx-joinl{margin-bottom: 60px;}
.tx-joinl-main{margin-bottom: 50px;}
.tx-joinl-main li{width: 100%;cursor: pointer;}
.tx-joinl-main li:nth-child(2n-1){background: #F6F9FC;}
.tx-joinl-main li .nav{padding: 0 37px;}
.tx-joinl-main li .nav p{float: left; width: 15%;font-size:16px;padding:0 20px; line-height: 84px;height: 84px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.tx-joinl-main li.one .nav p{font-size: 18px;font-weight: bold;}
.tx-joinl-main li .nav p:first-child{width:30%;}
.tx-joinl-main li .nav p:last-child{width:10%;}
.tx-joinl-main li .nav p.onclick{display: flex;justify-content: center;align-items: center;}
.tx-joinl-main li .nav p.onclick i{cursor: pointer;font-size:18px;font-family: '宋体';width: 37px;height: 37px;padding-right:3px; text-align: center;line-height: 34px; border-radius: 50%;border:1.5px solid #999;transform: rotate(-90deg);font-weight: bold;}

.tx-joinl-main li .content{display: none;padding:35px 57px;overflow: hidden;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-joinl-main li .content h3{font-size: 18px;line-height: 25px;font-weight: bold;margin-bottom:12px;margin-top:35px;}
.tx-joinl-main li .content h3:nth-child(1){margin-top:0px;}
.tx-joinl-main li .content p{font-size: 14px;line-height: 23px;color:#999;}
.tx-joinl-main li .content span{font-size: 16px;color: #666;}

.tx-joinl-main li.cur .nav p.onclick i{transform: rotate(-270deg);border-color: var(--mColor);color: var(--mColor);}

@media screen and (min-width: 769px){

    .tx-joinl-main li .nav p.onclick:hover i{color: #fff;background:var(--mColor);border-color: var(--mColor);}

}


@media screen and (max-width: 1465px){

    .tx-joinl{margin-bottom: 20px;}
    .tx-joinl-main{margin-bottom: 20px;}
    .tx-joins1-main{padding:60px 80px;}
    .tx-joins1-main h3{font-size: 24px;}

    .tx-joinl-main li.one .nav p{font-size: 17px;}
    .tx-joins1-main{padding: 20px;}
    .tx-joins1-main h3{font-size: 17px;line-height: 30px;margin-bottom: 12px;}
    .tx-joins1-main em{font-size: 12px;line-height: 22px;}
    
    .tx-joinl-main li .nav{padding: 0;}
    .tx-joinl-main li .nav p{padding:0 15px;line-height: 60px;height: 60px;}
    .tx-joinl-main li .nav p:nth-child(2),.tx-joinl-main li .nav p:nth-child(3),.tx-joinl-main li .nav p:nth-child(4),.tx-joinl-main li .nav p:nth-child(5){display: none;}
    .tx-joinl-main li .nav p:first-child{width: 75%;}
    .tx-joinl-main li .nav p:last-child{width: 25%;}
    .tx-joinl-main li .nav p.onclick i{font-size: 12px;width: 25px;height: 25px;line-height: 23px;padding-right: 1px;}

    .tx-joinl-main li .content{padding:20px;}
    .tx-joinl-main li .content h3{font-size: 16px;margin-top: 20px;margin-bottom: 8px;}
    .tx-joinl-main li .content p{font-size: 12px;line-height: 21px;}
    .tx-joinl-main li .content span{font-size: 13px;}
}