@charset "UTF-8";
/* CSS Document */

div.contact{
	background-image: url(https://img.plateno.cc/plateno/resource9/contact/contact.jpg);
	background-size: cover;
	background-repeat: no-repeat;

	margin-top: 4.44rem;
	height: 18rem;/*24rem;*/
	width: 100%;

	position: relative;
}
h2{
	font-size: 1.6rem;
}
div.contact div.bg{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;

	background-color: #000000;
	opacity: 0.8;
}
div.contact div.wrap{
	position: absolute;
	width: 100%;

	padding: 0 10%;
}
div.contact div.content{
	font-size: 1rem;
	position: relative;
	color: #b0b0b0;
}
div.contact h2{
	margin-top: 2rem;
}
div.contact div.content div.block{
	display: inline-block;
	width: 49%;
	padding: 2rem 0 0 5rem;
}
div.contact div.logo{
	width: 2.1rem;
	height: 2.1rem;
	background-repeat: no-repeat;
	background-size: contain;

	position: absolute;
}
div.contact div.call div.logo{
	background-image: url(https://img.plateno.cc/plateno/resource9/contact/tel.png);
}
div.contact div.address div.logo{
	background-image: url(https://img.plateno.cc/plateno/resource9/contact/addr.png);
}
div.contact div.link div.logo{
	background-image: url(https://img.plateno.cc/plateno/resource9/contact/web.png);
}
div.contact div.email div.logo{
	background-image: url(https://img.plateno.cc/plateno/resource9/contact/email.png);
}
div.contact div.text{
	margin-left: 3rem;
}

iframe.map-container,
div.baidu-map{
	width: 100%;
	height: 24rem;
}


div.contact_detail{
	width:100%;
	min-height:50rem;
	overflow: hidden;
	background:#Fff;
}
div.contact_detail_in{
	width:80%;
	min-height:50rem;
	margin:0 auto;
}
.contact_detail_in h2{
	font-size: 1.6rem;
	color:#000;
	line-height:3.6rem;
	padding-top:2rem;
	font-weight: 800;
}
.contact_detail_in .box_in{
	border-bottom: 5px solid #ddd;
	padding:2rem 0;
	overflow:hidden;
}
.contact_detail_in .box_in:last-child{border:0;}
.contact_detail_in .box_in .box{
	width:33.3333%;
	float:left;
	color:#333;
	margin-bottom: 1rem;
	padding:0 0 0 5rem;
}
.box h3{
	font-size: 1.2rem;
	color:#000;
	padding:1.4rem 0;
}
.box dl dt{
	font-size: 1rem;
	color:#555;
	line-height: 1.6rem;
	padding-top:1rem;
}
.box dl dd{
	font-size: 14px;
	color: #ff7800;
	line-height: 1.6rem;
}
.box dl dd a{
	color: #ff7800;
}
.box_in .box_other{
	width:66% !important;
}
.box_other dl{
	float:left;
	width:35%;
}
.box_other span{
	font-size: 1rem;
	line-height: 1.6rem;
	color:#333;
}
/*.box_in_brands .box h3{
	max-width:8rem;
}*/
.box_in_brands .box h3 img{height:60px;}

div.share-bar{
	background-color: #151716;
	position: relative;
}
div.qr-container{
	margin-left: 2rem;
}
div.share-container{
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 2rem;
}
div.share-bar div.qr{
	width: 8rem;
	margin: 1rem 0.5rem;
	display: inline-block;
}
div.share-container div{
	display: inline-block;
	margin: 3rem 0.5rem;
}
a.btn-share{
	display: block;
	width: 4rem;
	height: 4rem;

	background-size: contain;
	background-repeat: no-repeat;
}
a.btn-share.weibo{
	background-image: url(https://img.plateno.cc/plateno/resource9/contact/share-weibo.png);
}
a.btn-share.qq{
	background-image: url(https://img.plateno.cc/plateno/resource9/contact/share-qq.png);
}

div.map-container{
	width: 100%;
}

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

div.contact div.content div.block{
	display: inline-block;
	width: 49%;
	padding: 2rem 0 0 2rem;
}
.contact_detail_in .box_in .box{
	width:100%;
	float:left;
	color:#333;
	margin-bottom: 1rem;
	padding:0 0 0 2rem;
}
.box h3{
	font-size: 1.4rem;
	color:#000;
	padding:1.4rem 0;
}
.box dl dt{
	font-size: 1rem;
	color:#333;
	line-height: 1.6rem;
	font-weight: 800;
}
.box dl dd{
	font-size: 1rem;
	color:#333;
	line-height: 1.6rem;
}
.box_in .box_other{
	width:100% !important;
}
.box_other dl{
	float:left;
	width:45%;
}
.box_other span{
	font-size: .8rem;
	line-height: 1.6rem;
	color:#333;
}

}

@media (min-width:513px) and (max-width: 980px){

div.contact div.content div.block{
	display: inline-block;
	width: 49%;
	padding: 2rem 0 0 2rem;
}
.contact_detail_in .box_in .box{
	width:50%;
	float:left;
	color:#333;
	margin-bottom: 1rem;
	padding:0 0 0 2rem;
}
.box h3{
	font-size: 1.4rem;
	color:#000;
	padding:1.4rem 0;
}
.box dl dt{
	font-size: 1rem;
	color:#333;
	line-height: 1.6rem;
	font-weight: 800;
}
.box dl dd{
	font-size: 1rem;
	color:#333;
	line-height: 1.6rem;
}
.box_in .box_other{
	width:100% !important;
}
.box_other dl{
	float:left;
	width:45%;
}
.box_other span{
	font-size: .8rem;
	line-height: 1.6rem;
	color:#333;
}

}