/*联系我们*/


/*$$


{"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: 33.34px;


	color: #ffffff;


	padding-left: 20px;


}


#contact_147 .contactCharTel{


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


	margin-top: 20px;


}


#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: 14px;


	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: 14px;


	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: 60px 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;


	}


	


}