.contact {
	padding:10px 0;
}
.contact-txt {}
.contact-txt h1{
    text-align: center;
    font-size: 22px;
    color: #000;
    margin-top: 50px;
    font-weight: normal;
}

.contact-txt h3{
    text-align: center;
    font-size: 20px;
    color: #3a3a3a;
    margin-top: 20px;
    font-weight: normal;
}
.contact-txt h4 {
	font-size: 18px;
    text-align: center;
    padding: 30px 0;
}
.contact-txt h4 span {
	font-size: 28px;
    color: #df2228;
    padding: 0 15px;
	font-weight:bold;
}
.contact-txt p {
	font-size: 14px;
    text-align: center;
}
.contact-txt p span {
	color:#df2228;
	 padding:0 5px;
}
.contact-txt .contact-box {
    margin:50px 0 0 0;
    text-align:center;
}
.contact-txt .contact-box ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.contact-txt .contact-box li{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    border-left: dashed 1px #d4d4d4;
}
.contact-txt .contact-box li:last-child {
    border-right: dashed 1px #d4d4d4;
}

.contact-txt .contact-box li i {
    display:block;
    font-size:18px;
    color: #000;
    font-style:normal;
    margin-bottom:20px;
}
.contact-txt .contact-box li span {
    display:block;
    font-size:16px;
}
.contact .contact-map{
    margin-top:60px;
    width:100%;
    height:400px;
}

/*以下代码是自适应样式*/

@media screen and (max-width:1320px){}

@media screen and (max-width:1178px){}


@media screen and (max-width:800px){
.contact-txt .contact-box ul{
    display: block;
}
.contact-txt .contact-box li{
    flex: none;
	float:left;
	width:50%;
	padding:10% 0;
    border:none;
}
.contact-txt .contact-box li:last-child {
    border-right:none;
}

.contact .map{ width:100%; height:300px;margin-top:3%;}
.contact .map img{ max-width:none;}
}