@charset "utf-8";
.nyService .filter-section{padding:.2rem .2rem .05rem; }
.nyService .filter-row{display:flex;flex-wrap:wrap; margin-bottom:15px}
.nyService .filter-row.sp{border:1px solid #ddd;border-radius:.5rem;}
.nyService .filter-group{flex:1;position: relative;}
.nyService .filter-group.ser:before{content: '';width: 1px;height: .2rem;background: #ddd;position: absolute;left: 0;top: 50%;margin-top: -.1rem;}
.nyService .filter-group.arr{width: 1.2rem;flex: inherit;}
.nyService .filter-group.arr:after{content: '';width: .12rem;height: .06rem;background: url(../images/map/arr.png) no-repeat center;background-size: 100% 100%;position: absolute;right: .15rem;top: 50%;margin-top: -.03rem;z-index: 4}
.nyService label{display:block;margin-bottom:5px;font-weight:700;color:#555}
.nyService input[type=text],select{width:100%;padding:0 .2rem 0 .15rem; height: .42rem;font-size: .14rem;color: #888}
.nyService input[type=text]{padding:0 .4rem 0 .1rem;}
.nyService .btn-group{display:flex;gap:10px;margin-top:5px}
.nyService .btn{background:#e0e0e0;color:#333;border:none;padding:.1rem .2rem;border-radius:5px;cursor:pointer;transition:all .3s;font-size: .14rem}

.nyService button{cursor:pointer;transition:background .3s;}
.nyService button.sub{position: absolute;top: 0;right: 0;bottom: 0;background: url(../images/map/ss.png) no-repeat center;background-size: .16rem .16rem;width: .42rem}
.nyService .btn-group button{background: transparent;border: 1px solid #ddd;border-radius: .5rem;padding: 5px .15rem} 
.nyService button:hover{ }
.nyService .btn.center{background:url(../images/map/center.png) no-repeat .1rem center;background-size: .13rem .12rem;padding-left: .28rem}
.nyService .btn.stars{background:url(../images/map/sx.png) no-repeat .1rem center;background-size: .14rem .13rem;padding-left: .28rem}

.nyService .btn.center.active{background:url(../images/map/centerw.png)#81c548 no-repeat .1rem center;background-size: .13rem .12rem;padding-left: .28rem;color: #fff;border-color: #81c548}
.nyService .btn.stars.active{background:url(../images/map/sxw.png)#81c548 no-repeat .1rem center;background-size: .14rem .13rem;padding-left: .28rem;color: #fff;border-color: #81c548}

.nyService .search-box{display:flex; ;position: relative;}
.nyService .search-box input{flex:1}

.nyService .result-count{padding:.1rem .2rem;font-weight:700;font-size:.18rem}
.nyService .result-count span{ }
.nyService .list-section{padding:0;height: 6.48rem;overflow: auto}
.nyService .list-item{padding:15px 20px;border-bottom:1px solid #eee;cursor:pointer;transition:background .2s}

.nyService .list-item.center .item-title{background: url(../images/map/center.png) no-repeat left center;background-size: .13rem .12rem;padding-left: .18rem}
.nyService .list-item.three-star .item-title{background: url(../images/map/sx.png) no-repeat left center;background-size: .13rem .12rem;padding-left: .18rem}

.nyService .list-item.center.three-star{ }
.nyService .item-title{font-weight:700;font-size:.16rem;margin-bottom:5px;color:#333;padding-left: .18rem}


.nyService .item-address,.nyService .item-phone{color:#666;font-size:.14rem;margin-bottom:3px;padding-left: .18rem}
.nyService .item-phone{background: url(../images/map/tt.png) no-repeat .18rem center;background-size: .12rem .12rem;padding-left: .36rem}
.nyService .modal{ position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);z-index:1000;justify-content:center;align-items:center;padding-left: 25%;display: none}
.nyService .modals{display: flex;align-items: center;height: 100%}
.nyService .modal-content{background:#fff;width:90%;max-width:3.8rem;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.3)}
.nyService .modal-header{  padding:10px ;display:flex;justify-content:flex-end;align-items:center}
.nyService .modal-header h2{font-size:20px}
.nyService .modal .close-btn{background:0 0;border:none; font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center}
.nyService .modal-body{padding:0 .2rem .2rem;max-height:70vh;overflow-y:auto}
.nyService .modal .info-row.fwbh{margin-bottom: 0;padding-bottom: 0;border-top: 1px solid #eee;padding-top: .15rem;font-size: .14rem;color: #666}
.nyService .modal  .city{font-size: .24rem;font-weight: bold;}
.nyService .modal  .address{font-size: .14rem;color: #666666;padding: 0 15%}
.nyService .modal  .info-label-ico{width: .54rem;height: .54rem;background: url(../images/map/tel.png) no-repeat center;background-size: 100% 100%;margin:  0 auto .1rem}
.nyService .modal .info-row{ margin-bottom:10px;padding-bottom:10px;text-align: center}
.nyService .modal .info-label{width:120px;font-weight:700;color:#555}
.nyService .modal .info-value{flex:1}
.nyService .modal .stars{ background-repeat: no-repeat;background-position: center;background-size: auto .15rem;height: .2rem;padding-bottom: 0;margin-bottom: .25rem}
.nyService .modal .stars.s3{background-image: url(../images/map/3x.png);}

header{border-bottom: 1px solid #eee}
.nyService{padding-top: 1rem;}
.nyService .row-b{border-top: 1px solid #eee}
.nyService  .left{width: 24%;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
/* .nyService  .right{width: 76%;position: relative;padding-top: .8rem;padding-bottom: .5rem} */
.nyService  .right{position: relative;padding-top: .8rem;padding-bottom: .5rem;flex: 1;min-height: 9.3rem;}
.nyService  .left .tit{padding: .2rem .2rem 0;font-weight: bold;}
.nyService  .right .about-map{height: 100%;position: relative;}
.nyService  .right .about-map .tabs-box{position: absolute;top: -.15rem;left: .4rem;z-index: 8; display: flex;align-items: center}
.nyService  .right .about-map .tabs-box .one{padding: 0 .25rem;height: .4rem;border-radius: .5rem;background: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 0 .2rem rgba(0,0,0,.1);font-size: .16rem}
.nyService  .right .about-map .tabs-box .one.active{background: #81c548;color: #fff}
.nyService  .right .about-map .tabs-box .one+.one{margin-left: .3rem}
.nyService  .right .about-map .maps-box .item{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;opacity:0;pointer-events:none;visibility:hidden;-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;overflow:hidden}
.nyService  .right .about-map .maps-box .item.active{opacity:1;pointer-events:auto;visibility:visible}
.nyService .row-a{padding: .8rem 0; }
.nyService .row-a .container{max-width: 12.8rem}
.nyService .row-a .slog{font-size: .48rem;font-weight: bold;line-height: 1.2em}
.nyService .row-a .slogData {color: #666}
.nyService .row-a .slogData .item+.item{margin-left: .8rem}
.nyService .row-a .slogData .num {font-size: .24rem; }
.nyService .row-a .slogData .num span{font-size: .5rem;color: #222;margin-right: .1rem }

@media (max-width: 1200px){
header .header-box{border-bottom: 1px solid #ddd}


}
@media (min-width: 1025px){
.nyService .list-item:hover{background:#f5f5f5}
.nyService .btn.center:hover{background:url(../images/map/centerw.png)#81c548 no-repeat .1rem center;background-size: .13rem .12rem;padding-left: .28rem;color: #fff}
.nyService .btn.stars:hover{background:url(../images/map/sxw.png)#81c548 no-repeat .1rem center;background-size: .14rem .13rem;padding-left: .28rem;color: #fff}
.nyService .btn:hover{background:#81c548;color: #fff;border-color: #81c548}
}
@media (max-width: 1024px){
.nyService .left{width: 100%; }
.nyService .right{width: 100%;height: 70vw;padding-top: .8rem}
.nyService .left .tit{font-size: .3rem}
.nyService  .right .about-map .tabs-box .one{padding: 0 .35rem;height: .6rem;font-size: .24rem}
.nyService .result-count{font-size: .24rem}
.nyService .btn{font-size: .22rem}
.nyService .filter-group.arr{width: 20%}
.nyService input[type=text],select{width:100%;padding:0 .4rem 0 .25rem; height: .62rem;font-size: .22rem;color: #888}
.nyService button.sub{width: .6rem;background-size: .32rem .32rem}
.nyService .filter-group.arr:after{width: .23rem;height: .12rem}
.nyService input[type=text]{padding:0 .6rem 0 .2rem;}
.nyService .btn.center{background:url(../images/map/center.png) no-repeat .15rem center;background-size: .25rem .23rem;padding-left: .44rem;}
.nyService .btn.stars{background:url(../images/map/sx.png) no-repeat .15rem center;background-size: .25rem .23rem;padding-left: .44rem;}
.nyService .right .about-map .tabs-box{top: -.4rem}
.nyService .btn.center.active{background:url(../images/map/centerw.png)#81c548 no-repeat .15rem center;background-size: .25rem .23rem;padding-left: .44rem;color: #fff;border-color: #81c548}
.nyService .btn.stars.active{background:url(../images/map/sxw.png)#81c548 no-repeat .15rem center;background-size: .25rem .23rem;padding-left: .44rem;color: #fff;border-color: #81c548}
.nyService .btn-group button{padding: .1rem .3rem}
.nyService .item-title{font-size: .24rem;padding-left: .35rem}
.nyService .item-address,.nyService .item-phone{font-size: .22rem}
.nyService .item-phone{background: url(../images/map/tt.png) no-repeat .35rem center;background-size: .22rem .22rem;padding-left: .6rem}
.nyService .list-section{max-height: 5.1rem}
.nyService .item-address, .item-phone{padding-left: .35rem}
.nyService .list-item.center .item-title{background: url(../images/map/center.png) no-repeat left center;background-size: .25rem .23rem;padding-left: .35rem}
.nyService .list-item.three-star .item-title{background: url(../images/map/sx.png) no-repeat left center;background-size: .25rem .23rem;padding-left: .35rem}
.nyService .modal{padding:0 ;}
.nyService .modals{justify-content: center}
.nyService .modal .info-row{font-size: .22rem}
.nyService .modal-content{max-width: 4.8rem;}
.nyService .modal .city{font-size: .36rem}
.nyService .modal .info-row.address{font-size: .22rem}
.nyService .modal .info-row.title{font-size: .26rem}
.nyService .modal .info-row.fwbh{font-size: .22rem}
.nyService .modal .stars{height: .2rem}
.nyService .modal .stars{background-size: auto 100%}
.nyService .modal .info-label-ico{width: .64rem;height: .64rem}

}
@media (max-width: 597px){
.nyService .row-a .slog{width: 100%}  
.nyService .row-a .slogData{width: 100%;margin-top: .4rem}  
.nyService .row-a .slogData .item+.item{margin-left: 0}
.nyService .left .tit{padding-top: .3rem}
.nyService .filter-group.arr{width: 26%}
.nyService .right{padding-top:1.5rem}
.nyService .right .about-map .tabs-box{top: -.9rem}
.nyService .right{width: 100%;height: 100vw;min-height: 100vw;}
.nyService .list-section{max-height: 5.3rem;height: auto;}
.nyService .item-title{font-size: .26rem}
.nyService .item-address,.nyService .item-phone{font-size: .24rem}
.nyService .result-count{font-size: .28rem}

	.nyService .row-b{flex-direction: column-reverse;}
	.nyService .right .about-map .maps-box .item{height: 100vw;}
}



.nyService{
  z-index: 20;
}