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

/*banner*/
.banner{ position:relative;}
.banner img{width:100%;}
.banner-font{ font-size:58px; color:#FFF; position:absolute; left:calc(50% - 116px); top:calc(50% - 38px);}

.center-font{ float:left; width:50%; margin-top:10px;}

.center-right{ width:50%; float:left;}
.map{padding:60px 0 60px 0; position:relative; width:100%; float:left;}
.map img{width:100%; display:block; margin:0 auto}


.region .region-box{float: left;}
.region .region-box span{width: 50px;height: 20px;display: block;background: #000;}
.region .region-box p{}
.lianxi_con_list1 h1{font-size: 18px;font-size: 1.8rem;color: #fff;font-weight: 600;}
.lianxi_con_list1 p{font-size: 14px;font-size: 1.4rem;color: #fff;padding: 10px 0;line-height: 1.6;}

.map2{padding:60px 0 60px 0; position:relative; width:100%; float:left;}
.map2 img{width:100%; display:block; margin:0 auto}
.map3{padding:60px 0 60px 0; position:relative; width:100%; float:left;}
.map3 img{width:100%; display:block; margin:0 auto}
.map4{padding:60px 0 60px 0; position:relative; width:100%; float:left;}
.map4 img{width:100%; display:block; margin:0 auto}


.map-a1{ position:absolute; top:25%; right:8%; cursor:pointer;}
.map-a1-img{ width:25px;}
.map-a1-img img{width:50%;}
.map-a1-font1{ margin:0 auto; font-size:12px; text-align:center;}
.map-a1-font2{position:absolute; top:-95%; right:-213%; margin:0 auto; font-size:12px;width:155px; background-color:#000; display:none; color:#FFF; padding:8px 24px; border-radius:6px; z-index:99;}

.map-a2-font2{position:absolute; top:-95%; right:-337%; margin:0 auto; font-size:12px;width:155px; background-color:#000; display:none; color:#FFF; padding:8px 24px; border-radius:6px; z-index:99;line-height: 1.6;}
.map-a1:hover .map-a1-font2{ display:block;}

.map-a2{ position:absolute; top:38%; right:17%; cursor:pointer;}
.map-a2:hover .map-a1-font2{ display:block;}
.map-a3{ position:absolute; top:49%; right:26%; cursor:pointer;}
.map-a3:hover .map-a1-font2{ display:block;}
.map-a4{ position:absolute; top:45%; right:30%; cursor:pointer;}
.map-a4:hover .map-a1-font2{ display:block;}
.map-a5{ position:absolute; top:39%; right:26%; cursor:pointer;}
.map-a5:hover .map-a1-font2{ display:block;}
.map-a6{ position:absolute; bottom:17%; right:33%; cursor:pointer;}
.map-a6:hover .map-a1-font2{ display:block;}
.map-a7{ position:absolute; bottom:26%; right:36%; cursor:pointer;}
.map-a7:hover .map-a1-font2{ display:block;}
.map-a8{ position:absolute; bottom:10%; right:39%; cursor:pointer;}
.map-a8:hover .map-a1-font2{ display:block;}
.map-a9{ position:absolute; bottom:18%; right:41%; cursor:pointer;}
.map-a9:hover .map-a1-font2{ display:block;}
.map-a10{ position:absolute; bottom:18%; right:53%; cursor:pointer;}
.map-a10:hover .map-a1-font2{ display:block;}
.map-a11{ position:absolute; bottom:25%; right:43%; cursor:pointer;}
.map-a11:hover .map-a1-font2{ display:block;}
.map-a12{ position:absolute; bottom:21%; right:26%; cursor:pointer;}
.map-a12:hover .map-a1-font2{ display:block;}
.map-a13{ position:absolute; bottom:25%; right:30%; cursor:pointer;}
.map-a13:hover .map-a1-font2{ display:block;}
.map-a14{ position:absolute; top:35%; right:11%; cursor:pointer;}
.map-a14:hover .map-a1-font2{ display:block;}
.map-a15{ position:absolute; bottom:33%; right:27%; cursor:pointer;}
.map-a15:hover .map-a1-font2{ display:block;}
.map-a16{ position:absolute; bottom:38%; right:33%; cursor:pointer;}
.map-a16:hover .map-a1-font2{ display:block;}
.map-a17{ position:absolute; bottom:29%; right:21%; cursor:pointer;}
.map-a17:hover .map-a1-font2{ display:block;}
.map-a18{ position:absolute; top:29%; left:21%; cursor:pointer;}
.map-a18:hover .map-a1-font2{ display:block;}
.map-a19{ position:absolute; top:49%; left:47%; cursor:pointer;}
.map-a19:hover .map-a1-font2{ display:block;}
.map-a20{ position:absolute; top:52%; left:34%; cursor:pointer;}
.map-a20:hover .map-a1-font2{ display:block;}
.map-a21{ position:absolute; top:46%; left:51%; cursor:pointer;}
.map-a21:hover .map-a1-font2{ display:block;}
.map-a22{ position:absolute; top:52%; left:56%; cursor:pointer;}
.map-a22:hover .map-a1-font2{ display:block;}
.map-a23{ position:absolute; top:39%; left:56%; cursor:pointer;}
.map-a23:hover .map-a1-font2{ display:block;}
.map-a24{ position:absolute; top:47%; right:35%; cursor:pointer;}
.map-a24:hover .map-a1-font2{ display:block;}
.map-a25{ position:absolute; bottom:34%; right:37%; cursor:pointer;}
.map-a25:hover .map-a1-font2{ display:block;}
.map-a26{ position:absolute; bottom:37%; right:23%; cursor:pointer;}
.map-a26:hover .map-a1-font2{ display:block;}
.map-a27{ position:absolute; bottom:36%; right:19%; cursor:pointer;}
.map-a27:hover .map-a1-font2{ display:block;}
.map-a28{ position:absolute; bottom:31%; left:44%; cursor:pointer;}
.map-a28:hover .map-a1-font2{ display:block;}
.map-a29{ position:absolute; bottom:33%; left:54%; cursor:pointer;}
.map-a29:hover .map-a1-font2{ display:block;}
.map-a30{ position:absolute; bottom:33%; left:21%; cursor:pointer;}
.map-a30:hover .map-a1-font2{ display:block;}
.map-a31{ position:absolute; top:40%; right:29%; cursor:pointer;}
.map-a31:hover .map-a1-font2{ display:block;}
.map-b1{top: 66%;}
.map-b2{top: 40%;right: 80%;}
.map-b3{top: 62%;right: 68%;}
.map-b4{top: 55%;right: 43%;}

/*
.font2{ background-color:#ebe8e6;}
.font2-title{ font-size:24px; text-align:center; padding:36px 0;}
.font2-content{padding-bottom:36px;}
.font2-a{width:30%;background-color:#FFF;  float:left;margin-left: calc((1200px - 1080px)/4)}
.font-a-1{padding:40px 0 0px 5px; width:90%; margin:0 auto;}
.font-a-1 p{font-size:14px;color:#61605F; line-height:22px; padding:5px 0;}

.font3-title{ font-size:24px; text-align:center; padding:36px 0;}*/
.lianxi_con_list1{padding: 30px 0;}
.lianxi_con_right{background-color: #00a051;box-sizing: border-box;padding:2em 3em 0;min-height:600px;}
.lianxi_con_list1 li{text-align: left;color:#fff;font-size: 14px;padding-top: 10px;}
.lianxi_con_list2{width: 60px;height: 300px;float: left;margin-left: -1em;}
.lianxi_con_list2 li{text-align: left;padding:2.6em 0;}
.lianxi_con_list2 li img{width: 60%;display: block;}
.lianxi_con_list2 li.clock img{width: 50%;display: block;}
.lianxi_con_list3{padding-left: 3em;height: 100px; background:url(/img/contact/lxwm_tel.png) center left no-repeat; background-size:6%;}
.lianxi_con_list3 li{text-align: left;color: #fff;font-size: 14px;padding:0.5em;}
.lianxi_con_list4{padding:1em 1em;padding-left: 3em;height:80px;background:url(/img/contact/lxwm_time.png) center left no-repeat; background-size:6%;}
.lianxi_con_list4 li{text-align: left;color: #fff;font-size: 14px;padding:0.5em}
.lianxi_con_list5{padding:1em;padding-left: 3em;height:70px;background:url(/img/contact/lxwm_email.png) center left no-repeat; background-size:6%;}
.lianxi_con_list5 li{text-align: left;color: #fff;font-size: 14px;padding:0.5em}

.hd-list{ margin:10px 10px;z-index: 10;position: relative;}
.hd-list ul{ border-bottom:3px solid #00a051;}
.hd-list ul li{ float:left; width:25%; line-height:56px; text-align:center; font-size:16px; background-color:#FFF; cursor:pointer;}
.there{ background-color:#00a051 !important; color:#FFF;}
.map-auto{position: relative;top: -40px;z-index: 1;}
.map-auto2{display: none;}
.phone-map{padding: 0 8px;display:none;}
.phone-map .map-list span{font-size: 18px;font-size: 1.8rem;display: block;}
.phone-map .map-list p{font-size: 14px;font-size: 1.4rem;padding: 10px 0;text-align: center; }

@-webkit-keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.map-a1-img{
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.footer{margin-top:30px;}


@media(max-width: 1219px){

}
@media(max-width: 1024px){
	.center-font{width: 100%;}
	.lianxi_con_right{min-height: auto;}
	.center-right{width: 100%;}
	.lianxi_con_list3 , .lianxi_con_list4 , .lianxi_con_list5{background-size: 5%;}
}
@media(max-width: 768px){
	.phone-map{ }
	.hd-list{margin: 15px 0;}
	.pc-map{display: none;}
	.lianxi_con_right{padding: 0 20px 10px;}
	.lianxi_con_list1{padding: 20px 0;}
	.lianxi_con_list1 li{padding-top: 0;}
	.lianxi_con_list2 li img{margin: 0 auto;}
	.lianxi_con_list4{padding: 1em 0;padding-left: 3em;}
	.hd-list ul li{line-height: 40px;}
	.lianxi_con_list5{padding: 0;padding-left: 3em;}
	.footer{margin-top: 25px;}
	.lianxi_con_list2 li{padding: 2.9em 0;}
	.hd-list ul{border-bottom: 1px solid #00a051;}
	.map{padding: 20px 0;}
	.phone-map .map-list span{font-size: 16px;font-size: 1.6rem;background: #f7f7f7;  padding-left: 5%;  line-height: 25px;margin: 8px 0 5px;}
	.map-auto2{display: block;}
	.map-auto{display: none;}
	.phone-map .map-list p{padding: 3px 0;}
	
}
@media(max-width: 650px){
	.lianxi_con_list3 , .lianxi_con_list4 , .lianxi_con_list5{background-size: 6%;}
}
@media(max-width: 500px){
	.lianxi_con_list3 , .lianxi_con_list4 , .lianxi_con_list5{background-size: 8%;}
}
@media(max-width: 430px){
	.lianxi_con_list3 , .lianxi_con_list4 , .lianxi_con_list5{background-size: 10%;}
}
@media(max-width: 350px){
	.lianxi_con_list3 , .lianxi_con_list4 , .lianxi_con_list5{background-size: 12%;}
}
@media(max-width: 322px){
	.phone-map{padding: 0 4px;}
}