/*加入我们*/
.join-list{margin: 50px auto 30px auto;padding: 0;}

.join-list h6{font-size: 18px;color: #666;height: 50px;line-height: 50px;margin-top: 50px;}
.join-list .lb-sx,.zm-sx{background: #E8EAED;overflow: hidden;padding: 0 20px;}
.join-list .lb-sx li a{display: block;float: left;color: #666;font-size: 18px;padding: 10px;text-decoration: none;}
.join-list .lb-sx li a.active{background: #fff;color: #005795;}

.swiper-container {background: #E8EAED;overflow: hidden;padding: 0 20px;font-size: 18px;text-align: center;color: #666;}
.swiper-container .swiper-wrapper .active {background: #fff;color: #005795;}
.swiper-container .swiper-wrapper .swiper-slide{padding: 10px 0;}

.join-list .list-box{margin-top: 70px;height: auto;}
.join-list .list-box li{display: flex;justify-content: space-between;font-size: 18px;color: #666;height: 70px;line-height: 80px;padding: 0 20px;border-bottom: 1px solid #999;}
.join-list .list-box li span{width: 25%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.join-list .list-box li span a{color: #666;text-decoration: none;}
.join-list .list-box li span a:hover{color: #005795;border-bottom: 1px solid #005795;}
.join-list .list-box li:first-child{background: #E8EAED;height: 50px;line-height: 50px;border: 0;}
.join-list .list-box li a{display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*专家列表*/
.dl-box{overflow: hidden;min-height:300px}
.dl-box dl{float: left;width: 21%;margin: 30px 2%;}
.dl-box dl dt img{width: 100%;}
.dl-box dl a{color: #666;font-size: 14px;text-decoration: none;}
.dl-box dl a:hover{color: #BF2629;}
.dl-box dl a dd.name{color: #005795;font-size: 22px;margin: 15px 0;}
.dl-box dl a dd{overflow: hidden;width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
@media only screen and (max-width: 600px) {
	.join-list h6{padding-left: 20px;margin-top: 30px;}
    .join-list .list-box li{font-size: 16px;}
    
    .dl-box dl{width: 46%;margin:15px 2%;}
    .join-list{margin:50px auto 30px auto}
    
}

@media only screen and (min-width: 600px) {
    
    .join-list{margin:50px auto 30px auto}
	.join-list h6{padding-left: 20px;}
    .join-list .zm-sx li{float: left;width: 15%;text-align: center;}
}

@media only screen and (min-width: 768px) {
	.join-list h6{padding-left: 20px;}
    .join-list .zm-sx li{float: left;width: 15%;text-align: center;}
} 

@media only screen and (min-width: 992px) {
	.join-list h6{padding-left: 0px;}
    .join-list .zm-sx li{float: left;width: 3.84%;text-align: center;}
} 

@media only screen and (min-width: 1200px) {
    .example {background: pink;}
}

@media only screen and (min-width: 1680px) {
    .join-list{width: 1440px;}
}