.contact_box{
	width:90%;
	max-width:1400px;
	padding:60px 0;
	margin:auto;
}
.contact_box .title{
	margin-bottom:40px;
}
.contact_box .title h2{
	font-size:28px;
	color:#333;
	font-weight:400;
}
.contact_box .title p{
	font-size:18px;
	color:#999;
	font-family:Helvetica;
}

#address{
	overflow:hidden;
}
#address li{
	width:49%;
	margin-right:2%;
	float:left;
	border:1px solid #e0e0e0;
	padding:25px 30px;
	margin-bottom:20px;
	-webkit-transition-duration:1s;
	        transition-duration:1s;
	cursor:pointer;
}
#address li:hover,#address li.active{
	border-color:#4799e4;
}

#address li:nth-child(2n){
	margin-right:0;
}
#address li h3{
	font-size:20px;
	color:#333;
	margin-bottom:10px;
	font-weight:400;
	-webkit-transition-duration:.5s;
	        transition-duration:.5s;
}
#address li p{
	padding-left:25px;
	line-height:30px;
	padding-top:3px;
	padding-bottom:3px;
	-webkit-transition-duration:.5s;
	        transition-duration:.5s;
}
@media(max-width:1300px) and (min-width:768px){
	#address li p{
		height:60px;
	}
}
#address li:hover h3,#address li.active h3{
	color:#4799e4;
}
#address li:hover p,#address li.active p{
	color:#4799e4;
}

#address li .address{
	background:url('../images/address.jpg') left 9px no-repeat;
	background-size:13px;
	-webkit-transition-duration:.5s;
	        transition-duration:.5s;
}
#address li .tel{
	background:url('../images/tel.jpg') left 9px no-repeat;
	background-size:16px;
	-webkit-transition-duration:.5s;
	        transition-duration:.5s;
}
#address li:hover .address,#address li.active .address{
	background:url('../images/address_01.png') left 9px no-repeat;
	background-size:13px;
	-webkit-transition-duration:.5s;
	        transition-duration:.5s;
}
#address li:hover .tel,#address li.active .tel{
	background:url('../images/tel_01.png') left 9px no-repeat;
	background-size:16px;
	-webkit-transition-duration:.5s;
	        transition-duration:.5s;
}


#dituContent{
	width:100%;
	height:578px;
	margin-top:20px;
}

@media(max-width:1024px){
	#dituContent{
		height:400px;
	}
	#address li{
		height:224px;
	}
}
@media(max-width:768px){
	#address li{
		height:208px;
		padding:15px;
		margin-bottom:20px;
	}
}
@media(max-width:767px){
	.contact_box{
		padding:30px 0;
	}
	#address li{
		width:100%;
		margin-right:0;
		height:auto;
		padding:3vw;
	}
}