/*标题*/
.contact_title {
	text-align: center;
	margin-top: 80px;
	font-size: 24px;
}

/*地图*/
.contact_map {
	width: 80%;
	margin: 60px auto 0;
	height: 380px;
}

/*联系人信息*/
.contact_person {
	width: 60%;
    margin: 0 auto 60px;
	
    display: flex;
    display: -webkit-flex;
    /*flex-direction: row;
    -webkit-flex-direction: row;*/
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    /*justify-content: flex-start;
    -webkit-justify-content: flex-start;*/
    /*align-items: flex-start;
    -webkit-align-items: flex-start;*/
    /*align-content: flex-start;
    -webkit-align-content: flex-start;*/
}
.contact_person:last-child {
	margin-bottom: 150px;
}

.person_line {
	width: 80%;
	height: 1px;
	background: #dcdcdc;
	margin: auto;
}

.person_panel {
	width: 50%;
	margin-top: 60px;
}
.person_panel .panel {
    float: right;
	width: 330px;
	margin-right: 70px;
	margin-left: 0;
	
	/* font-family: "MicrosoftYaHei"; */
    font-family: 'Source Han Sans SC';
	line-height: 30px;
	color: #666;
}
.person_panel:nth-child(2n) .panel {
	float: left;
	margin-left: 70px;
	margin-right: 0;
}

.panel_title {
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
    color: #1c5db6;
    margin-bottom: 10px
}
.panel_line {
	width: 90%;
	height: 1px;
	background: #1c5db6;
	margin: 20px 0;
}
.panel_name {
    /* font-family: "MicrosoftYaHei-Bold"; */
    font-family: 'Source Han Sans SC';
    font-weight: 700;
    margin-left: 30px;
}
.panel_tel {
    margin-left: 30px;
}
.panel_email {
    margin-left: 30px;
}
.panel_address {
    margin-left: 30px;
}

@media only screen and (min-width: 1200px) {
	.contact_person1 .person_panel {
		width: 45%;
		min-width: 300px;
    }
    .contact_person2 .person_panel {
		width: 33%;
		min-width: 300px;
    }
	.contact_person1 .person_panel .panel {
	    float: none;
		width: 330px;
        /* font-family: "MicrosoftYaHei"; */
        font-family: 'Source Han Sans SC';
		line-height: 30px;
		color: #666;
		margin: auto;
	}
	/* .contact_person1 .person_panel:nth-child(3n+1) .panel {
		float: right;
		margin: auto;
	}
	.contact_person1 .person_panel:nth-child(3n) .panel {
		float: left;
		margin: auto;
    } */
    .contact_person2 .person_panel:nth-child(3n+1) .panel {
		float: right;
		margin: auto;
	}
	.contact_person2 .person_panel:nth-child(3n) .panel {
		float: left;
		margin: auto;
	}
}

@media only screen and (max-width: 1000px) {
	.person_panel .panel {
		margin-right: 30px;
		margin-left: 0;
	}
	.person_panel:nth-child(2n) .panel {
		margin-left: 30px;
		margin-right: 0;
	}
}
@media only screen and (max-width: 900px) {
	.person_panel .panel {
		margin-right: 10px;
		margin-left: 0;
	}
	.person_panel:nth-child(2n) .panel {
		margin-left: 10px;
		margin-right: 0;
	}
}
@media only screen and (max-width: 800px) {
	.person_panel {
		width: 100%;
		margin-top: 60px;
	}
	.person_panel .panel {
    	float: none;
		margin: auto;
	}
	.person_panel:nth-child(2n) .panel {
		float: none;
		margin: auto;
	}
}


@media only screen and (max-width: 370px){
    .contact_person {
        width: 90%;
        margin: 0 auto 60px;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .panel_address {
        font-size: 14px;
    }
    .panel_tel,
    .panel_email{
        font-size: 15px;
    }
}