/*# sourceMappingURL=style.css.map */
.mess{
	max-width: 1500px;
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
}
.mess.on{
	margin-top: 76px;
}
.mmp .footer{padding-top: 0;}
.mess .list ul li{
	width: 100%;
	height: 58px;
	line-height: 58px;
	margin-bottom: 26px;
	position: relative;
}
.mess .list ul .bor{
	border:1px solid #e4e4e4;
}
.mess .list ul li label{
	display: block;
	float: left;
	height: 56px;
	width: 70px;
	text-align: center;
	font-size: 16px;
	color: #666666;
	margin-bottom: 0;
	font-weight: normal;
}
.mess .list ul .bor .inp{
	width: 56px;
	line-height: 56px;
	border:0;
	padding: 0;
	float: left;
	width: 60%;
	float: left;
	display: block;
} 
.mess .list ul li .box{
	border:1px solid #e4e4e4;
	width: 45%;
}
.mess .list ul li .inpp{
	width: 56px;
	line-height: 56px;
	border:0;
	padding: 0;
	float: left;
	width:60%;
	float: left;
	display: block;
} 
.mess .list ul li img{
	display: block;
	float: left;
	margin-left: 18px;
}
.mess .list ul .teat textarea{
	width: 100%;
	display: block;
	height: 310px;
	font-size: 16px;
	line-height: 26px;
	border:1px solid #e4e4e4;
	text-indent: 80px;
	padding: 16px 10px;
	color: #666;
} 
.mess .list ul .teat{height: auto;}
.mess .list ul .teat label{
	display: block;
	float: left;
	height: 56px;
	width: 70px;
	text-align: center;
	font-size: 16px;
	color: #666666;
	margin-bottom: 0;
	font-weight: normal;
	position: absolute;
	top: 0;
	left: 0;
}
.mess .list ul li .reset,.mess .list ul li .submit{
	display: block;
	float: right;
	width: 30%;
	height: 42px;
	line-height: 42px;
	background-color: #ececec;
	text-align: center;
	font-size: 16px;
	color: #666;
	border:0;
	margin-left: 8px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
} 
.mess .list ul li .submit{
	background-color: #0372cd;
	color: #fff;
}
.mess .list ul li .reset:hover{
	background-color: #ccc;
}
.mess .list ul li .submit:hover{
	background-color: #006cb8
}

.map{
	width: 100%;
	height: 970px;
	margin-top: -48px;
	position: relative;
}
.map #allmap{
	width: 100%;
	height: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.map .anchorBL{display: none;}

.map .picScroll-top{ 
	margin:0 auto;  
	width:510px;  
	overflow:hidden; 
	position:absolute;
	z-index: 20;
	right: 20px;
	top: 20%;  
	height:780px;
}
.map .picScroll-top .hd .prev,.map .picScroll-top .hd .next{
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	left: 46%;
	margin-left: -22px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	cursor: pointer;
}
.map .picScroll-top .hd .prev{
	top: 0;
	background: url(../image/img15.png) center no-repeat;
}
.map .picScroll-top .hd .prev:hover{
	background: url(../image/img16.png) center no-repeat;
}
.map .picScroll-top .hd .next{
	bottom: 0;
	background: url(../image/img18.png) center no-repeat;
}
.map .picScroll-top .hd .next:hover{
	background: url(../image/img17.png) center no-repeat;
}
.map .picScroll-top .bd{padding:50px 0;}
.map .picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.map .picScroll-top .bd ul li{
	zoom:1;
	/*padding: 10px 0;*/
	height: 129px;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	margin-bottom: 20px;
}
.map .picScroll-top .bd ul li .list{
	background-color: #fff;
	height: 100%;
	width: 100%;
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	overflow: hidden;
}
.map .picScroll-top .bd ul li.on .list{
	opacity: 1;
	filter: alpha(opacity=100);
}
.map .picScroll-top .bd ul li .pic{
	width: 153px;
	height: 129px;
	float: left;
}
.map .picScroll-top .bd ul li .pic img{
	width: 100%;
	display: block;
}
.map .picScroll-top .bd ul li .box{
	padding-left: 355px;
	float: left;
	width: 350px;
	padding-left: 15px;
}
.map .picScroll-top .bd ul li .box h2{
	font-size: 20px;
	line-height: 30px;
	color: #6f758d;
	margin: 7px 0;
}
.map .picScroll-top .bd ul li .box .add,.map .picScroll-top .bd ul li .box .tel{
	font-size: 13px;
	line-height: 20px;
	color: #a8aab6;
}
.swiper-container {
    width: 100%;
    height: 100%;
    padding: 50px 30px;
}
.swiper-slide{
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-container .mian{
	width: 100%;
}
.swiper-container .mian .pic{
	width: 30%;
	float: left;
}
.swiper-container .mian .pic img{
	display: block;
	width: 100%;
}
.swiper-container .mian .box{
	width:70%;
	padding: 10px 5% 0;
	float: left;
}
.swiper-container .mian .box h2{
	font-size: 22px;
	line-height: 26px;
	color: #333;
}
.swiper-container .mian .box .add,.swiper-container .mian .box .tel{
	font-size:16px;
	line-height: 24px;
	color: #666;
}



.swiper-container{display: none;}
@media (min-width:320px) and (max-width:767px) {
	.mess{
		padding-left:4.5%;
    	padding-right:4.5%;
	}
	.mess .list ul li{
		height: 38px;
		line-height: 38px;
		margin-bottom: 15px;
	}
	.mess .list ul li label,.mess .list ul .teat label{
		height: 36px;
		width: 60px;
		font-size: 18px;
	}
	.mess .list ul .teat label{
		background-color: #fff;
		top: 1px;
		left: 1px;
	}
	.mess .list ul .bor .inp,.mess .list ul li .inpp{
		height: 36px;
		line-height: 36px;
	}
	.mess .list ul li img{
		display: block;
		height: 38px;
		width: auto;
	}
	.mess .list ul .teat textarea{
		height: 130px;
		font-size: 14px;
		line-height: 20px;
		text-indent: 45px;
		padding: 8px 15px;
	}
	.mess .list ul li .reset, .mess .list ul li .submit{
		height: 40px;
		line-height: 40px;
		font-size: 20px;
	}
	.mess .list ul li .box{width: 55%;}
	.picScroll-top{display: none;}
	.swiper-container{display:block;}
	.map{
		width: 100%;
		height: 260px;
		margin-top: -35px;
		position: relative;
	}
	.swiper-container {
	    width: 100%;
	    height: 100%;
	    padding:30px 4.5%;
	}
	.swiper-container .mian .box h2{
		font-size:18px;
		line-height: 24px;
		margin: 0;
	}
	.swiper-container .mian .box .add,.swiper-container .mian .box .tel{
		font-size:16px;
		line-height: 20px;
		margin-top: 5px;
	}
	.swiper-container .mian .box{
		width:70%;
		padding:0 0 0 2%;
		float: left;
	}
	.mess.on{
		margin-top:30px;
	}
}

@media (min-width:768px) and (max-width:992px) {
	.mess{
		padding-left: 30px;
    	padding-right: 30px;
	}
	.mess.on{
		margin-top:30px;
	}
	.picScroll-top{display: none;}
	.map{
		width: 100%;
		height: 370px;
		margin-top: -48px;
		position: relative;
	}
	.swiper-container{display:block;}
}

@media (min-width:993px) and (max-width:1200px) {
	.map .picScroll-top .bd ul li .pic{
		width: 140px;
		height: 118px;
		float: left;
	}
	.map .picScroll-top .bd ul li .box{
		padding-left: 355px;
		float: left;
		padding-left: 15px;
	}
	.map .picScroll-top .bd ul li{
		height: 128px;
		padding: 5px 0;
	}
	.map .picScroll-top .bd ul li .box h2{
		margin: 10px 0 5px;
	}
	.map .picScroll-top{width: 470px;right: 10px;}
	.swiper-container{display: none;}

}