form,div,body,img,p,img,dl,dt,dd,h2,h1,h3,h4,h5,h6{ margin:0px; padding:0px; border:0; }








p.parea{ position:absolute; font-size:18px; border:1px solid #529f78; border-radius:15px; height:55px; line-height:55px; color:#FFF; background:rgba(91,161,126,0.5); font-weight:bold; width:245px; text-align:center; bottom:30px; left:60px;transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;opacity:0; filter:alpha(opacity=0);}
p.parea.select{opacity:1; filter:alpha(opacity=1); bottom:60px;}
p.parea i{}
p.parea em{ font-family:Arial, Helvetica, sans-serif;}

i#area_position{ display:block; font-size:30px; color:#3fac64; clear:both; font-weight:bold; padding:12px 0px 20px 15px}
i#area_position i{ display:inline-block;}
i#area_position em{ text-transform:uppercase; display:inline-block; padding-left:12px;}

.map_list_nr{ position:relative; max-width:1200px;  margin:auto;}
p.parea_list{ transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;opacity:0; filter:alpha(opacity=0); font-size:0px; left:0px; top:0px; position:absolute;display:block; z-index:0; overflow:hidden; width:100%; display:block}
p.parea_list#area_list15{ position:relative!important}
p.parea_list.select{opacity:1; filter:alpha(opacity=1); z-index:9 }
.parea_list a{ display:block;
    text-align: center;
    font-size: 14px;
    color: #17252c;
    border: 1px solid #dcdcdc;
    /*width: 184px;*/ /*padding:0px 20px;*/ width:23%; margin-left:1%; margin-bottom:1%; float:left;
    height: 47px;
    line-height: 45px;
    /*margin: 8px 0 0 7px;*/transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease; overflow:hidden; background:#FFF;}

.parea_list a:hover{color:#FFF;background: #2fa267;}



/*��ϵ����*/
.map{ position:relative; width:880px; height:691px; margin:auto;transform: scale(1.3);-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3); }
#bg_img{ position:absolute; top:0; left:0; width:880px; height:691px; z-index:2; background:url(../images/move.png) no-repeat 0 691px; }
#bg_img.bg_img_ny{ background-image:url(../images/move2.png); }
.map area{ outline:none; position:relative; z-index:99999999; }
.contact { margin-top: 150px; padding-bottom: 150px; }
.contact1{ margin-top: 50px;padding-bottom: 115px; }
.contact .companyBtn {text-align:center; margin:60px 0 30px;}
.contact .companyBtn a {display:inline-block; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; border:1px solid #cfcfcf; width:118px; height:36px; line-height:36px; text-align:center; color:#666; font-size:14px; margin:0 20px;}
.contact .companyBtn a.cur {color:#fff; background:#162b76;}
.contact .company_cont li {width:50%; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.contact .company_cont li:first-child {border-right:1px solid #dadada;}
.contact .company_cont li > img {display:block; margin:auto; padding-bottom:40px; width:210px;}
.contact .company_cont li em {display:block; font-weight:bold; font-size:18px; color:#162b76; padding-left:100px;}
.contact .company_cont li span {padding-left:127px; display:block; color:#666; font-size:16px; margin-top:12px;}
.contact .company_cont li span a {color:#666;}
.contact .company_cont li span.s1 {background:url(../images/icon1.png) no-repeat 100px center;}
.contact .company_cont li span.s2 {background:url(../images/icon2.png) no-repeat 100px center;}
.contact .company_cont li span.s3 {background:url(../images/icon3.png) no-repeat 100px center;}
.contact .company_cont .comBox {display:none;}
.contact .company_cont .comBox > img {display:block; padding:60px 0; width:100%;}
.contact .company_cont .comBox table {width:100%; border:1px solid #a7a7a7; border-spacing:0;}
.contact .company_cont .comBox table tr:nth-child(2n), .jump_map table tr:nth-child(2n) {background:#f8f8f8;}
.contact .company_cont .comBox table tr:first-child, .jump_map table tr:first-child {background:#a7a7a7; color:#fff; text-align:center; font-size:16px;}
.contact .company_cont .comBox table tr:first-child td, .jump_map table tr:first-child td {color:#fff; font-family:"Microsoft YaHei";}
.contact .company_cont .comBox table tr td, .jump_map table tr td {height:50px; line-height:25px; text-align:center; font-size:14px; color:#666; font-family:SimSun; border-left:1px solid #dadada; padding:0 10px;}
.contact .company_cont .comBox table tr td:first-child, .jump_map table tr td:first-child {border-left:0; padding:0 35px; width:45px;}
.jump_map {position:absolute; top:0; left:0; width:100%; height:100%;  z-index:999; display:none;}
.jump_map .jumpBox {position:absolute; width:790px; background:#fff; top:50%; left:0; box-shadow:0 0 10px 0 #888; -webkit-box-shadow:0 0 10px 0 #888; -moz-box-shadow:0 0 10px 0 #888; padding:40px;}
.jump_map .close {display:block; width:30px; height:30px; cursor:pointer; position:absolute; top:10px; right:10px;}
.jump_map table {width:100%; border-spacing:0;}
.contact .company_cont .comBox table tr td:nth-child(2),.contact .company_cont .comBox table tr td:nth-child(3), .jump_map table tr td:nth-child(2), .jump_map table tr td:nth-child(3) {text-align:left;}
.contact .company_cont .comBox table tr:first-child td, .jump_map table tr:first-child td {text-align:center;}


.mapzi{transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;opacity:0; filter:alpha(opacity=0);}
.mapzi.mapxian{opacity:1; filter:alpha(opacity=1);}






/*<span id="landmark1" class="dot-area map-landmark map-landmark-hide landmark-01">
      <span class="dot dot-dot"></span>
	  <div class="dot dot_one"></div>
	  <div class="dot dot_two"></div>
</span>*/
.animates{transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;}
span.map-landmark {
    display: block;
    position: absolute;
     width: 85px;
    height: 85px;
    overflow: hidden;
    z-index: 4;    /*bottom: 403px;
    left: 700px;*/
}


#landmark23{right: 194px;
    top: 226px;}
#landmark24{right: 179px;
    left: auto;
    top: 243px;}
#landmark25{    right: 94px;
    top: 381px;}
#landmark26{left:0px; top:0px;display:none}
#landmark27{right: 115px;
    top: 187px;}
#landmark28{right: 69px;
    top: 140px;}
#landmark29{left:0px; top:0px; display:none}
#landmark30{left:0px; top:0px;display:none}
#landmark31{left:0px; top:0px;display:none}
#landmark32{left:0px; top:0px;display:none}
#landmark33{left:0px; top:0px;display:none}
#landmark34{right: 165px;
    left: auto;
    top: 292px;}
#landmark35{left:0px; top:0px;display:none}
#landmark36{left:0px; top:0px;display:none}
#landmark37{left:0px; top:0px;display:none}
#landmark38{left:0px; top:0px;display:none}
#landmark39{left:0px; top:0px;display:none}
#landmark40{right: 282px;
    bottom: 63px;display:none}
#landmark41{left:0px; top:0px;display:none}
#landmark42{left:0px; top:0px;display:none}
#landmark43{left:0px; top:0px;display:none}
#landmark44{    left: 405px;
    bottom: 185px;}
#landmark45{left: 379px;
    bottom: 79px;display:none}
#landmark46{left:0px; top:0px;display:none}
#landmark47{left: 499px;
    top: 346px;display:none}
#landmark48{left: 424px;
    top: 331px;}
#landmark49{    left: 451px;
    top: 294px;display:none}
#landmark50{left: 501px;
    top: 215px;}
#landmark51{    left: 300px;
    top: 316px;}
#landmark52{left: 175px;
    top: 390px;}
#landmark53{left: 150px;
    top: 215px;}



.dot-area {
    text-align: center;
    position: relative;
    width: 60px;
    height: 60px;
    transition: opacity .5s ease-out;
}

.dot-dot {
    z-index: 1;
    background-color: #ff884f;
    border: 2px solid rgba(255,136,79,.8);
}





.dot {
    width: 2px;
    height: 2px;
    margin: auto;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    /* border-radius: 50%; */
    /* background: 0 0; */
}

.dot, .dot_one:after, .dot_two:after {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;




}
.dot_one, .dot_two, .fixed-wrap {
    width: 100%;
    height: 100%;
}
.dot_one:after {
    border-radius: 50%;
    border: 1px solid #ff884f;
    -webkit-animation: ripple 4.5s ease-out 225ms infinite;
    animation: ripple 4.5s ease-out 225ms infinite;
}
.dot_two:after {
    border-radius: 50%;
    border: 1px solid #ff884f;
    -webkit-animation: ripple 4.5s ease-out 1575ms infinite;
    animation: ripple 4.5s ease-out 1575ms infinite;
}

.dot_one:after, .dot_two:after {
    content: "";
    display: block;
    opacity: 0;
	/*变大后的范围strat*/
	/*width: 30px;
	height: 30px; */
	/*变大后的范围end*/

}


.dot-area {
	text-align: center;
	position: relative;
	width: 150px;
	height: 150px;
	transition: opacity .5s ease-out
}

.dot,.dot_one:after,.dot_two:after {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	left: 0
}

.dot {
	width: 4px;
	height: 4px;
	margin: auto;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background: 0 0
}

.dot_one,.dot_two,.fixed-wrap {
	width: 100%;
	height: 100%
}

.dot-dot {
	z-index: 1;
	background-color: #ff884f;
	border: 2px solid rgba(255,136,79,.37)
}

.dot_one:after {
	border-radius: 50%;
	border: 3px solid #ff884f;
	-webkit-animation: ripple 4.5s ease-out 225ms infinite;
	animation: ripple 4.5s ease-out 225ms infinite
}

.dot_two:after {
	border-radius: 50%;
	border: 3px solid #ff884f;
	-webkit-animation: ripple 4.5s ease-out 1575ms infinite;
	animation: ripple 4.5s ease-out 1575ms infinite
}




@-webkit-keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1)
	}
}

@keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes show-map-info {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes show-map-info {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes show-city {
	from {
		opacity: 0;
		-webkit-transform: translateY(-80px);
		transform: translateY(-80px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes show-city {
	from {
		opacity: 0;
		-webkit-transform: translateY(-80px);
		transform: translateY(-80px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}



.shylmap{ width:74%; margin:50px auto;}
.shylmap li{  width:25%; margin-bottom:30px; float:left;   position:relative;}
.shylmap li a{ border:1px solid #009a41;border-radius:6px;height:58px; line-height:58px; font-weight:bold; font-size:24px; color:#349d64; text-align:center; display:block; width:90%; }
.shylmap li:hover a{ color:#FFF; background:#009a41}
.shylmap li .dot-area{ position:absolute; top:-13px; left:15px; }

.contact1{ display:none}
.map_list_nr{ margin-top:30px;}
@media screen and (max-width:1440px){
.contact{ margin:auto; padding-bottom: 40px; }
.map{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1); }
.contact1{ margin-top: 0px;padding-bottom: 0px; }


.shylmap{ width:90%; }
.shylmap li{  }
.shylmap li a{ }
.shylmap li .dot-area{ left:4px; }


}

@media screen and (max-width:1100px){
.shylmap li .dot-area{ left:0px; }
	}
@media screen and (max-width:800px){
p.parea_list a{
   padding:0px 12px;
    height: 32px;
    line-height: 32px;
    }
}