.serviceTit{text-align:center;margin-bottom:70px;}
.serviceTit h2{font-size:30px;color:#000;}
.serviceTit p{font-size:16px;line-height:30px;margin-top:25px;}

/*涓撳崠搴�*/
.storeItem .container{max-width:1200px;}
.map-intro{padding:50px 0 100px;}
.map-intro .serviceTit{float:left;max-width:515px;text-align:left;padding-top:125px;}
.map-intro .serviceTit:after{content: '';display: block;width:52px;height:1px;margin-top:55px;background:#737474;}
.map-box{float:right;position: relative;width:640px;}
.map-box > img{display: none;}

.map-area-con{position:relative;z-index:2;margin-top:-68px;}
.map-area-con .container{background:#fff;border:1px solid #ededed;padding:35px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.map-area-province{position: relative;font-size:22px;color:#272727;line-height:30px;padding-right:25px;padding-left:30px;}
.map-area-province:before{content:'';position: absolute;width:22px;height:24px;left:0;top:4px;background:url(/static/houlang/images/icon_42.png) no-repeat center;background-size:100% 100%;}
.map-area-city{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border-left:1px solid #E0E0E0;padding-left:30px}
.map-area-city a{display:inline-block;vertical-align:top;height:30px;border:1px solid #ededed;padding:0 13px;background:#F9F9F9;margin:0 13px 15px 0;font-size:14px;color:#272727;cursor:pointer;line-height:28px;-webkit-transition:.2s ease all;transition:.2s ease all}
.map-area-city a.on,.map-area-city a:hover{border-color:#434343;background:#434343;color:#FEFEFE}

.map-area-list{padding:45px 0 100px;}
.map-area-store{margin-top:-40px;}
.map-area-store .item{padding:40px 0 0;border-bottom:1px solid #dadada;}
.map-area-store h2{font-size:20px;font-weight:700;margin-bottom:15px;}
.map-area-store .contentText{font-size:18px;line-height:30px;}
.aSImgShow{margin:40px -17px 0;}
.aSImgShow .column{float:left;width:33.33%;padding:0 17px;margin-bottom:40px;}
.aSImgShow .img{width:100%;overflow: hidden;}
.aSImgShow .img img{width:100%;-webkit-transition: all 0.5s;transition: all 0.5s;}
.aSImgShow .img:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}



/*闃蹭吉鏌ヨ*/
.checkList{max-width:1380px;margin:-30px auto 0;}
.checkList .column{float:left;width:25%;padding:30px;cursor: default;}
.checkList .item{border:1px solid #cfcdcd;text-align:center;border-radius: 5px;-webkit-transition: all 0.3s;transition: all 0.3s;cursor: pointer;}
.checkList .iTop{font-size:16px;color:#000;padding:30px 15px 40px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.checkList .icon{position: relative;width:100px;margin:0 auto 15px;}
.checkList .icon img{width:100%;-webkit-transition: all 0.3s;transition: all 0.3s;}
.checkList .hover{position: absolute;left:0;top:0;opacity: 0;visibility: hidden;}
.checkList .iBottom{border-top:1px solid #cfcdcd;padding:15px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.checkList .item:hover,
.checkList .item:hover .iBottom{border-color:#f39800;color:#f39800;}
.checkList .item:hover .iTop{color:#f39800;}
.checkList .item:hover .hover{visibility: visible;opacity: 1;}
.checkList .item:hover .default{visibility: hidden;opacity: 0;}
.checkList .modal-body{display: none;}

.modal{position: fixed;width:100%;height:100%;left:0;top:0;z-index:20;display: none;}
.modal-bg{position: fixed;width:100%;height:100%;background:rgba(0,0,0,0.2);left:0;top:0;z-index: 1;visibility: hidden;opacity: 0;-webkit-transition: all 1s;transition: all 1s;}
.modal-content{position: absolute;width:920px;max-width:90%;left:50%;top:50%;-webkit-transform: translate(-50%,-120%);transform: translate(-50%,-120%);background:#fff;border-radius: 5px;z-index: 2;overflow: hidden;-webkit-transition: all 1s;transition: all 1s;}
.modal-header{position: relative;width:100%;padding:15px 20px;border-bottom:1px solid #e9e8e8;background:#fff;}
.modal-header h1{font-size:18px;padding-right:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.modal-header .close{position: absolute;width:55px;height:100%;right:0;top:0;background:url(/static/houlang/images/close.png) no-repeat center;cursor:pointer;-webkit-transition: all 0.3s;transition: all 0.3s}
.modal-header .close:hover{background:url(/static/houlang/images/closeH.png) no-repeat center;}
.modal-body{padding:40px 15px;}
.modal-body-inner{width:100%;min-height:50vh;max-height:60vh;overflow-y:auto;display: flex;justify-content: center;align-items: center;}
.modal-body-inner .contentText{width:100%;}
.modal-body-inner::-webkit-scrollbar{width:6px;}
.modal.open{display: block;}
.modal.open .modal-bg{visibility: visible;opacity: 1;}
.modal.open .modal-content{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}



#map-container,
#map-container .jsmap-svg-container{}
#map-container svg{display: block;}
@media screen and (min-width:1400px) and (max-width:1599px){
	.serviceTit{margin-bottom:60px;}
	.serviceTit h2{font-size:28px;}
	.serviceTit p{margin-top:20px;}
}
@media screen and (min-width:1200px) and (max-width:1399px){
	
	.serviceTit{margin-bottom:55px;}
	.serviceTit h2{font-size:28px;}
	.serviceTit p{margin-top:20px;}
	
	/*闃蹭吉鏌ヨ*/
	.checkList{margin:-30px -30px 0;}
	.checkList .icon{width:90px;}
	
	/*涓撳崠搴�*/
	.map-intro .serviceTit{width:490px;}
	.map-area-store h2{font-size:18px;}
	.map-area-store .contentText{font-size:16px;line-height:28px;}
	.map-area-store .item{padding-top:35px;}
	.aSImgShow .column{margin-bottom:35px;}
	.aSImgShow{margin-top:35px;}
}
@media screen and (min-width:992px) and (max-width:1199px){
	
	.serviceTit{margin-bottom:50px;}
	.serviceTit h2{font-size:26px;}
	.serviceTit p{margin-top:20px;font-size:14px;line-height:26px;}
	
	/*闃蹭吉鏌ヨ*/
	.checkList{margin:-20px -20px 0;}
	.checkList .icon{width:80px;}
	.checkList .column{padding:20px;}
	
	/*涓撳崠搴�*/
	.map-intro .serviceTit{width:275px;padding-top:100px;}
	.map-intro .serviceTit:after{margin-top:50px;}
	.map-area-con .container{padding:30px;}
	.map-area-province{font-size:20px;}
	.map-area-store h2{font-size:18px;}
	.map-area-store .contentText{font-size:16px;line-height:28px;}
	.map-area-store .item{padding-top:35px;}
	.aSImgShow .column{margin-bottom:35px;padding:0 15px;}
	.aSImgShow{margin:35px -15px 0;}
}
@media screen and (min-width:768px) and (max-width:991px){
	
	.serviceTit{margin-bottom:40px;}
	.serviceTit h2{font-size:24px;}
	.serviceTit p{margin-top:20px;font-size:14px;line-height:26px;}
	.serviceTit p br{display: none;}
	
	
	/*闃蹭吉鏌ヨ*/
	.checkList{margin:-20px -20px 0;}
	.checkList .icon{width:70px;}
	.checkList .column{width:33.33%;padding:20px;}
	.checkList .iTop{padding:25px 15px;font-size:15px;}

	.modal-header{padding:15px;}
	.modal-header h1{font-size:16px;padding-right:60px;}
	.modal-body{padding:35px 15px;}
	
	/*涓撳崠搴�*/
	.map-intro .serviceTit{float:none;padding-top:0;margin-bottom:30px;}
	.map-intro .serviceTit:after{margin-top:45px;}
	.map-intro{padding-bottom:80px;}
	.map-area-con .container{padding:30px;}
	.map-box{float:none;margin:0 auto;}
	.map-area-province{font-size:20px;}
	.map-area-store h2{font-size:18px;}
	.map-area-store .contentText{font-size:16px;line-height:28px;}
	.map-area-store .item{padding-top:30px;}
	.aSImgShow .column{margin-bottom:30px;padding:0 10px;}
	.aSImgShow{margin:30px -10px 0;}
	
}
@media screen and (min-width:0px) and (max-width:767px){
	
	.serviceTit{margin-bottom:35px;}
	.serviceTit h2{font-size:22px;}
	.serviceTit p{margin-top:15px;font-size:14px;line-height:26px;}
	.serviceTit p br{display: none;}
	
	
	/*闃蹭吉鏌ヨ*/
	.checkList{margin:-10px -10px 0;}
	.checkList .icon{width:60px;margin-bottom:10px;}
	.checkList .column{width:50%;padding:10px;}
	.checkList .iTop{font-size:14px;padding:20px 10px;}
	.checkList .iBottom{padding:12px;}
	
	.modal-header{padding:12px 15px;}
	.modal-header h1{font-size:16px;padding-right:55px;}
	.modal-header .close{width:48px;background-size:16px auto;}
	.modal-header .close:hover{background-size:16px auto;}
	.modal-body{padding:25px 15px;}
	.modal-body-inner{min-height:10px;}
	
	
	/*涓撳崠搴�*/
	.map-intro .serviceTit{float:none;padding-top:0;margin-bottom:30px;}
	.map-intro .serviceTit:after{margin-top:45px;}
	.map-intro{padding-top:40px;padding-bottom:40px;}
	
	.map-area-con{margin-top:0;}
	.map-area-con .container{padding:20px 15px;display: block;}
	.map-area-city{padding-left:0;border-left:0;}
	.map-area-city a{margin:0 11px 11px 0;font-size:13px;}
	.map-box{float:none;margin:0 auto;}
	.map-area-province{font-size:18px;width:100%;margin-bottom:15px;padding-left:25px;}
	.map-area-province:before{width:16px;height:20px;top:6px;}
	.map-area-store h2{font-size:16px;margin-bottom:5px;}
	.map-area-store .contentText{font-size:14px;line-height:26px;}
	.map-area-store .item{padding-top:25px;padding-bottom:13px;}
	
	.map-area-list{padding:35px 0 80px;}
	.aSImgShow .column{width:50%;margin-bottom:12px;padding:0 6px;}
	.aSImgShow{margin:20px -6px 0;}
	
	
}
@media screen and (min-width:0px) and (max-width:669px){
	.map-box{width:450px;background:none;height:300px;}
	.map-box > img{display: block;width:100%;}
	
	#map-container,
	#map-container .jsmap-svg-container{width:100%!important;height:100%!important;}
	#map-container svg{display: block;width:100%!important;height:100%!important;margin-left:-30px!important;transform: scale(1.2);}
}
@media screen and (min-width:0px) and (max-width:479px){
	/*闃蹭吉鏌ヨ*/
	.checkList{margin:-6px -6px 0;}
	.checkList .column{padding:6px;}
	
	.map-box{width:345px;background:none;height:248px;}
}
@media screen and (min-width:0px) and (max-width:360px){
	/*闃蹭吉鏌ヨ*/
	.checkList .icon{width:50px;}
	.checkList .iTop p{height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
	
	.map-box{width:320px;background:none;height:230px;}
	#map-container svg{transform: scale(1.1);margin-left:-40px!important;}
}