/*联系我们*/

/*$$

{"color":[{"val":"#ffffff","title":"字体颜色"},{"val":"rgba(255,255,255,0.67)","title":"英文标题文字颜色"},{"val":"rgba(255,255,255,0.65)","title":"底部文字背景颜色"}],"background":[{"val":"#ffffff","title":"地图底色"},{"val":"#2b2b2b","title":"底部背景颜色"}],"border":[]}

$$*/ 

#contact_147{

	width: 100%;

	background: url(./../../../static/images/NP00009_01.jpg) no-repeat center;

	background-size:cover ;

}

#contact_147 .contactBody{

	width: 1200px;

	margin: 0 auto;

	padding: 60px 0;

}

#contact_147 .contactMap{

	width: 66.7%;

	height: 450px;

	float: left;

	background: #ffffff;

	padding: 56px 52px;

	box-sizing: border-box;

}

#contact_147 #container{

	width: 100%;

	height: 100%;

}

#contact_147 .contactChar{

	width: 33.3%;

	float: left;

	background: url(./../../../static/images/NP00009_02.jpg) no-repeat center;

	background-size:cover ;

	padding:80px 45px  85px 50px;

	box-sizing: border-box;

	position: relative;

}

#contact_147 .contactCharTit{

	font-size: 28px;

	font-weight: bold;

	line-height: 33.34px;

	color: #ffffff;

}

#contact_147 .contactCharTit span{

	font-family: arial;

	font-size: 14px;

	line-height: 33.34px;

	color: #ffffff;

}

#contact_147 .contactCharTel,.contactCharMail,.contactCharAdd{

	font-size: 14px;

	line-height: 31px;

	color: #ffffff;

	padding-left: 20px;

}

#contact_147 .contactCharTel{

	background: url(./../../../static/images/IC00006_06.png) no-repeat left center;

	margin-top: 5px;

}

#contact_147 .contactCharMail{

	background: url(./../../../static/images/IC00006_07.png) no-repeat left center;

}

#contact_147 .contactCharAdd{

	background: url(./../../../static/images/IC00006_08.png) no-repeat left center;

}

#contact_147 .contactQR{

	margin-top: 20px;

}

#contact_147 .contactQR img{

	width: 36.7%;

	object-fit: contain;

	float: left;

}

#contact_147 .contactQR p{

	font-size: 14px;

	color: #ffffff;

	line-height: 110px;

	margin-left: 20px;

	float: left;

}

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

	#contact_147 .contactBody{

		width: 96%;

		padding-bottom: 50px;

	}

	#contact_147 .contactChar{

		padding: 65px 10px;

	}

}

/* ipad */

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

	#contact_147 .contactBody{

		width: 96%;

		padding-bottom: 50px;

	}

	#contact_147 .contactChar{

		padding: 65px 10px;

	}

}

/* 手机 */

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

	#contact_147 .contactBody{

		width: 96%;

		padding: 0 0 10px 0;

	}

	#contact_147{

		padding: 20px 0;

	}

	#contact_147 .contactMap{

		width: 100%;

		float: none;

		height: 200px;

		padding:10px;

		display: none;

	}

	#contact_147 .contactChar{

		width: 100%;

		float: none;

		padding: 20px 10px;

	}



	

}



#contact_147 .footer{

	width: 100%;

	background: #2b2b2b;

}

#contact_147 .footerBody{

	width: 1200px;

	margin: 0 auto;

	padding: 80px 0 60px 0;

}

#contact_147 .footerLeft{

	float: left;

	width: auto;

}

#contact_147 .footerNav{

	width: auto;

}

#contact_147 .footerNav ul{

	width: auto;

	justify-content: space-between;

	align-items: center;

}

#contact_147 .footerNav ul li{

	font-size: 20px;

	line-height: 34px;

	position: relative;

	padding:0 20px;

	float: left;

}

#contact_147 .footerNav ul li a{

	color: rgba(255,255,255,0.65);

	cursor: pointer;

	display: block;

	width: 100%;

	position: relative;

}

#contact_147 .footerNav ul li i{

	opacity: 1;

}

#contact_147 .footerNav ul li a::after{

	position: absolute;

	top: 0;

	left: 0;

	line-height: 34px;

	height: 34px;

	overflow: hidden;

	max-width: 0;

	border-bottom:#1e73ff 1px solid;

	color: #1e73ff;

	word-break: keep-all;

	content: attr(data-hover);

	-webkit-transition: max-width 0.5s;

	-moz-transition: max-width 0.5s;

	transition: max-width 0.5s;

}

#contact_147 .footerNav ul li:hover a::after{

	max-width: 100%;

}

#contact_147 .footerNav ul li:after{

	position: absolute;

	content: "";

	width: 1px;

	height: 15px;

	background: #696969;	

	top: 50%;

	margin-top: -7.5px;

	right: 0;

}

#contact_147 .footerNav ul li:hover i{

	opacity: 0;

}

#contact_147 .footerNav ul li:first-child{

	padding: 0 20px 0 0;

}

#contact_147 .footerNav ul li:last-child:after{

	display: none;

}

#contact_147 .footerChar{

	color: rgba(255,255,255,0.65);

	margin-top: 40px;

	font-size: 18px;

	line-height: 33.34px;

}

#contact_147 .footerChar a{

	color: rgba(255,255,255,0.65);



}

#contact_147 .footerShare{

	float: right;

	width: 16%;

	display:flex;

	justify-content: space-between;

	align-items: center;

}

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

	#contact_147 .footerBody{

		width: 96%;

	}

	#contact_147 .footerShare{

		width: 22%; 

	}

}

/* ipad */

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

	#contact_147 .footerBody{

		width: 96%;

	}

	#contact_147 .footerShare{

		width: 22%; 

	}

	#contact_147 .footerNav ul li:after{

		right: -8px;

	}

}

/* 手机 */

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

	#contact_147{

		/* margin-bottom:60px; */

	}

	#contact_147 .footerNav{

		display: none;

	}

	#contact_147 .footerBody{

		width: 96%;

		padding: 0;

	}

	#contact_147 .footerLeft{

		width: 100%;

	}

	#contact_147 .footerShare{

		width: 40%;

		margin-top: 20px;

		display: none;

	}

	#contact_147 .footerNav ul li:after{

		right: -6px;

	}

	#contact_147 .footerChar{

		margin-top: 20px;

		margin-bottom: 20px;

		line-height: 50px;

	}

	#contact_147 .footerChar{

		margin-top: 0;

		margin-bottom: 0;

		padding: 10px 0;

		line-height: 30px;

		text-align: center;

	}

	#contact_147 .footerChar a{

		width: 100%;

		display: block;

		text-align: center;

	}

	#contact_147 .contactCharTit{

		line-height: 30px;

		font-size: 24px;

	}

	#contact_147 .contactCharTel{

		margin-top: 0;

		padding-left: 0;

		width: 60%;

		line-height: 30px;

	}

	#contact_147 .contactQR{

		margin-top: 5px;

		position: absolute;

		left:60%;

		top:0;

		padding-left: 10px;

		padding-top: 20px;

	}

	#contact_147 .contactQR img{

		width: 70%;

		margin: 0 15%;

	}

	#contact_147 .contactQR p{

		padding-left: 0;

		margin-left: 0;

		line-height: 40px;

		width: 100%;

		text-align: center;

	}

	#contact_147 .contactCharMail{

		padding-left: 0;

		width: 60%;

		line-height: 30px;

	}

	#contact_147 .contactCharAdd{

		padding-left: 0;

		width: 60%;

		line-height: 30px;

	}

	

}