@media all 
{
.JoinUs_banner img{ max-width:100%;}
.JoinUs_wrap{ padding:15px 0 35px;}
.JoinUs_blue{ color:#2f4ca5;}
.JoinUs_box{ overflow:hidden; border-radius:3px; border:1px solid #7c7e7f;}
.JoinUs_box ul + ul{ border-top:1px dashed #efefef;}
.JoinUs_title{ background-color:#f9f9f9; font-weight:bold; font-size:14px;}
.JoinUs_box ul li{ float:left; padding:15px 5px;}
.JoinUs_box ul li:nth-child(1) i{ display:none;}
.JoinUs_box ul li:nth-child(-n+2){ width:27%; white-space:nowrap; overflow:hidden; height:47px; text-overflow:ellipsis; cursor:pointer;}
.JoinUs_box ul li:nth-child(3),.JoinUs_box ul li:nth-child(4){ width:23%; white-space:nowrap; overflow:hidden; height:47px; text-overflow:ellipsis; cursor:pointer;}
.JoinUs_box ul li:nth-child(5){ padding:20px; width:100%; display:none;}
.JoinUs_box .JoinUs_openLi{ border:1px solid #c7000b;}
.JoinUs_box .JoinUs_openLi li:nth-child(1) >i{ display:block; color:#fff;}
.JoinUs_box .JoinUs_openLi li:nth-child(-n+4){ color:#fff; background-color:#c7000b;}
.JoinUs_box ul li:nth-child(5) >div.ta_c{ width:100%; padding:20px 0 10px;}
.JoinUs_box ul li:nth-child(5) >div.ta_c button{ border-radius:3px; background-color:#c7000b; color:#fff; width:100%; max-width:460px; border:none; line-height:35px; height:35px;}
.JoinUs_box ul li:nth-child(5) >div p{ margin-bottom:5px; font-size:12px;}
.JoinUs_box ul li:nth-child(5) >div h5{ margin-top:15px; margin-bottom:15px;}




}
@media (min-width:768px){
.JoinUs_box ul li{ padding:15px;}
.JoinUs_title{font-size:16px;}
.JoinUs_box ul li:nth-child(1) >i{ display:block; color:#959595;}
.JoinUs_box ul li:nth-child(1) >span{ float:left;}
.JoinUs_box ul li:nth-child(5) >div{ float:left; width:50%; padding:0 20px 20px;}
.JoinUs_box ul li:nth-child(-n+2){ width:35%; cursor:pointer;}
.JoinUs_box ul li:nth-child(3),.JoinUs_box ul li:nth-child(4){ width:15%;}


}
@media (min-width:992px){
.JoinUs_box ul li:nth-child(5) >div p{ font-size:14px;}




}
@media (min-width:1200px){





}