/**************联系我们*******************/
.contact_bk_01 ul { padding-top:5.4%; margin:0px 1.5px; padding-bottom: 5.4%;}
.contact_bk_01 ul li { margin: auto; width:60%; }
.contact_bk_01 ul li dl { border:1px solid #a72126; height:308px; padding:32px 40px; margin:7.5px; }
.contact_bk_01 dl dt { position:relative; padding-bottom:7px; }
.contact_bk_01 dl dt i { position:absolute; left:0px; bottom:0px; width:50px; height:2px; background:#c1c1c1; }
.contact_bk_01 dl dt { color:#333; }
.contact_bk_01 dl dd { padding-top:32px; }
.contact_bk_01 dl dd i { position:absolute; left:0px; top:5px; }
.contact_bk_01 dl dd i img { width:25px; height:25px; }
.contact_bk_01 dl dd p { padding:5px 0px 5px 34px; position:relative; }
.contact_bk_01 dl dd p>img{padding-top:3px;}
.contact_bk_01 a { color:#666; }
.contact_bk_01 a:hover { color:#a72126; }
.contact_bk_01 .tab { padding-bottom:18px; margin-top:-7px; }
.contact_bk_01 .tab span { color:#333; margin-right:24px; cursor:pointer; }
.contact_bk_01 .tab span.on { color:#a72126; }
.contact_bk_01 .tab_con { color:#999; }
.contact_bk_01 .tab_con a { color:#999; }
.contact_bk_01 .tab_con a:hover { color:#a72126; }
.contact_bk_01 ul li:first-child +li { width:29.7%; }
.contact_bk_01 ul li:first-child +li+li { width:42.68%; }



.con_tit { padding:7.3% 0px 0px; color:#333; }

.contact_bk_02 { margin:5.3% 0px 9.2%; position:relative; }
.contact_bk_02 .img img { width:100%; }
.c-map-dot {
	position:absolute;
	width:16px;
	height:16px;
	border-radius:50%;
	cursor:pointer;
	background-color:#da444a;
}
.c-map-dot.star { width:80px; height:80px; background:url(../images/star.png) no-repeat center center;}
.c-map-dot:after {
	content:'';
	position:absolute;
	width:16px;
	height:16px;
	-webkit-box-shadow:inset #da444a 0 0 5px;
	box-shadow:inset #da444a 0 0 5px;
	border-radius:50%;
	top:0;
	left:0;
	opacity:0
}
.c-map-dot.star:after { width:80px; height:80px; }
.c-map-dot.star .c-map-dot-text { left:100%; top:50%; }
.c-map-dot-text {
	position:absolute;
	left:-0.75em;
	top:100%;
	line-height:20px;
	color:#111;
	width:3em;
	text-align:center;
	white-space:nowrap;
	padding-top:2px;
}

.c-map-dot-text.rt { left:100%; padding-left:6px; width:auto; top:-2px; }
.c-map-dot-layer {
	position:absolute;
	bottom:100%;
	width:560px;
	left:-160px; z-index:-1; padding-bottom:20px;
	cursor:pointer;
	opacity:0;
	color:#333;transition:0.5s all; -webkit-transition:0.5s all;
}
.c-map-dot-layer b { width:20px; height:20px; position:absolute; left:150px; bottom:0px; background:url(../images/jt12.png) no-repeat; }
.c-map-dot-layer dl { padding:23px 58px;/*background:url(../images/con_map_bg.png);*/ background:#fff; border:1px solid #a72126;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);
	box-shadow:0 0 30px rgba(0,0,0,0.2);
 }
.c-map-dot-layer dl dt { position:relative; padding-bottom:4px; }
.c-map-dot-layer dl dt i { position:absolute; left:0px; bottom:0px; width:46%; height:1px; opacity:0.3; background:#fff; }
.c-map-dot-layer dl dd  { padding-top:11px; }
.c-map-dot-layer dl dd i { position:absolute; left:0px; top:9px; }
.c-map-dot-layer dl dd i img { width:16px; height:18px; }
.c-map-dot-layer dl dd p { padding:5px 0px 5px 28px; position:relative; }
.c-map-dot-layer dl dd p>img{padding-top:2px;}
.c-map-dot-layer dl dd a { color:#333; } 
.c-map-dot-layer dl dd a:hover { color:#a72126; }


.c-map-dot.animate:after {
-webkit-animation:warn 2s ease-out .1s infinite;
animation:warn 2s ease-out .1s infinite
}
.c-map-dot.animate:hover .c-map-dot-layer {opacity:1; z-index:10; }



@-webkit-keyframes warn {
0% {
opacity:0;
-webkit-transform:scale(.1);
transform:scale(.1)
}
5% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:scale(4);
	transform:scale(4)
}
}
@keyframes warn {
0% {
opacity:0;
-webkit-transform:scale(.1);
transform:scale(.1)
}
5% {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:scale(4);
	transform:scale(4)
}
}


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

.c-map-dot-layer {
	width:560px;
	left:-360px; 
}
.c-map-dot-layer b { left:350px; }


}


@media only screen and (max-width:1400px){
.contact_bk_01 ul li dl { padding:20px 20px 20px 30px;height:auto;}

.contact_bk_02 { margin:7.3% 10% 9.2%;  }


}

@media only screen and (max-width:1240px){
.contact_bk_01 { font-size:14px; }	
.contact_bk_01 .tab { font-size:16px; }
.contact_bk_01 dl dd i img { width:20px; height:20px; }
.contact_bk_01 dl dd p { padding-left:26px; }
.contact_bk_01 dl dd p>img {padding-top: 0;}
}

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

.contact_bk_01 ul li { width:80%; }
.contact_bk_01 ul li:first-child +li { width:50%; }
.contact_bk_01 ul li:first-child +li+li { width:100%; }

.c-map-dot {
	width:10px;
	height:10px;
}
.c-map-dot.star { width:40px; height:40px; background-size:100% 100%; }
.c-map-dot:after {
	width:10px;
	height:10px;
}
.c-map-dot.star:after { width:40px; height:40px; }

.c-map-dot-layer {
	width:410px;
	left:-240px; 
}
.c-map-dot-layer dl { padding:23px 28px; }
.c-map-dot-layer b { left:223px; }
.c-map-dot-text { left:-1em; }


}



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


.contact_bk_01 ul li { width:100%; }
.contact_bk_01 ul li:first-child +li { width:100%; }
.contact_bk_01 ul li dl { height:auto; }
.contact_bk_01 dl dd { padding-top:20px; }

.contact_bk_02 { margin:7.3% 0% 9.2%;}
.contact_bk_02 .img { margin-bottom:30px; }

.c-map-dot {
	position:relative; left:auto!important; top:auto!important; width:100%; height:auto;
}
.c-map-dot-layer dl { background-size:cover; }
.c-map-dot.star {width:100%; height:auto; }
.c-map-dot-layer { position:relative; z-index:1; opacity:1; left:auto; width:100%; float:left; }
.c-map-dot-layer b { display:none; }
.c-map-dot-text { display:none; }
.c-map-dot-layer dl dd i { top:8px; }

}


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

.contact_bk_01 ul li dl { padding-left:20px; }

}