.contact-box {
	overflow:hidden;
	padding:20px 0;
}
.contact-txt {
	width: 40%;
}
.contact-txt h1 {
	font-size:28px;
	color: #ffffff;
	visibility: visible;
	animation-name: fadeInUp;
	animation-delay: 0.2s;
}
.contact-txt .contact-box {
	padding:20px 0;
	/* color: #fff; */
}
.contact-txt .contact-box p{
	font-size: 16px;
	color: #eaeaea;
	visibility: visible;
	animation-name: fadeInUp;
	animation-delay: 0.4s;
	text-indent: 2em;
}
.contact-txt .contact-box .gaode {
	padding:30px 0 0 10px;
	
	visibility: visible;
    animation-name: fadeInUp;
	animation-delay: 0.8s;
}
.contact-txt .contact-box .gaode a{
	display: block;
    width: 40%;
    padding: 10px 0 10px 10px;
    font-size: 14px;
    color: #3a3a3a;
    text-align: center;
    border-radius: 25px;
	border:1px solid #ccc;
    background: #fff url(../images/gaode.svg) no-repeat 10px center;
    background-size: 20px;
}
.contact-txt .contact-weixin {
	width:100%;
	
	visibility: visible;
    animation-name: fadeInUp;
	animation-delay: 1.8s;
}
.contact-txt .contact-weixin .code {
	float:left;
	width:15%;
	margin-right:1%;
}
.contact-txt .contact-weixin .code .p1{}
.contact-txt .contact-weixin  .code .p2{
	font-size:14px;
	color:#666;
	text-align:center;
}

.contact-map {
	width:50%;
}
.contact .contact-map{
    height:400px;
}