/*zhaoshangjiame*/

.Joiningbox{
	
position: absolute;
	
left: 430px;
	
top: 110px;
	
width: 1200px;
}
.Joiningbox ul{
    padding: 0;
}
.Joiningbox li{
    width: 30%;
    -ms-flex: 0 0 25%;
    flex: 0 0 31%;
    max-width: 20%;
    height: 280px;
    float: left;
    cursor: pointer;
}
.Joiningbox li .circle-box{
    text-align: center;
    width: 170px;
    background: #434343;
    height: 182px;
    position: relative;
    vertical-align: middle;
    top: 7px;
    left: 6px;
}
.Joiningbox li a{
    content: "01";
    position: relative;
    font-size: 30px;
    line-height: 30px;
    color: #ffffff;
}

.Joiningbox li h2{
       color: #ffffff;
       font-size: 30px;
       line-height: 20px;
       position: relative;
       top: 72px;
}
.Joiningbox li p{
 color: #434343;
 font-size: 18px;
 line-height: 20px;
 position: relative;
 top: 30px;
 text-transform: uppercase;
}

.circle::after{
   content: ">";
    position: relative;
    font-size: 24px;
    top: -126px;
    left: 120px;
    padding: 5px 16px;
    color: #000000;
}

.Joiningbox li:nth-of-type(5) .circle::after{
    content:none;
}

.circle{
	width: 182px;
	text-align: center;
	height: 252px;
	border: 2px solid #434343;
	margin: 0 auto;
	-moz-border-radius: 50px;
}


.Joiningbox li:hover .circle{
   border: 2px solid #d81d1e;
}
.Joiningbox li:hover .circle-box{
 background: #d81d1e;
}

.Joiningbox li:hover p{
    color:#d81d1e ;
}