.contact{
	margin-top: 20px;
	width: 100%;
	padding:0 90px;
	border:#eee solid 1px;
	background:#fff;
	box-sizing: border-box;
}
.contact dl{
	margin-top: 30px;
	padding:0 25px 15px;	
	height: 46px;
	border-bottom:#e4e4e4 solid 1px;	
	display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;    
}
.contact dl dd{
	width: 207px;
	height: 46px;
	font-size: 20px;
	color:#666;
	font-weight: bold;
	text-align: center;
	line-height: 46px;
	background:#eee;	
    border-radius: 46px;
	float:left;
	position:relative;
	cursor: pointer;
}
.contact dl dd:after{
	content:'';
	width: 5px;
	height: 5px;
	border:#fff solid 5px;
	background:#d6d6d6;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -3px;
}
.contact dl dd.on/*,.contact dl dd:hover*/{
	color:#fff;
	background-image:-webkit-linear-gradient(90deg, #009cff, #67c4ff);
    background-image:linear-gradient(90deg, #009cff, #67c4ff);
}
.contact dl dd.on:before/*,.contact dl dd:hover:before*/{
	content:'';
	width:95px;
	height: 3px;
	background:#009cff;
	position: absolute;
	bottom: -17px;
	left: 50%;
	margin-left: -43px;	
}
.contact dl dd.on:after/*,.contact dl dd:hover:after*/{
	background:#009cff;
}
.contact dl dd a{
	font-size: 20px;
	color:#666;
	font-weight: bold;
}
.contact dl dd.on a/*,.contact dl dd:hover a*/{	
	color:#fff;	
	transition: all 0s;
}
.contact dl dd.on a:after/*,.contact dl dd:hover a:after*/{
	content: '';
    border-width: 10px;
    border-style: solid;
    border-color: #32afff transparent transparent transparent;
    position: absolute;
    bottom: -17px;
    left: 50%;   
    margin-left: -5px;
    display: inline-block;

}
.contact dl dd:hover{
	transition: all 0s;
}
.contact ul{
	padding: 0 0 30px;
	display: inline-block;
}
.contact ul li{
	display:none;
}
.contact ul li p{
	padding-top: 30px;
	font-size: 14px;
	color:#1d1d1d;
	line-height: 34px;
}
.contact ul li b{
	font-size:16px;
	font-weight: bold;
}
.footer{
	margin-top: 40px;
}