*{margin: 0;padding: 0;}
@keyframes slowpulse{
  0% {
    filter: drop-shadow(0 0 2px rgba(100,17,43, 0.4)) drop-shadow(0 0 10px rgba(120,123,36, 0.4)) drop-shadow(0 0 5px rgba(245,251,68, 0.4));
    -webkit-filter: drop-shadow(0 0 2px rgba(100,17,43, 0.4)) drop-shadow(0 0 10px rgba(120,123,36, 0.4)) drop-shadow(0 0 5px rgba(245,251,68, 0.4));
  }
  100% {
    filter: drop-shadow(0 0 2px rgba(100,17,43, 1)) drop-shadow(0 0 10px rgba(120,123,36, 1)) drop-shadow(0 0 5px rgba(255,255,255, 1));
    -webkit-filter: drop-shadow(0 0 2px rgba(100,17,43, 1)) drop-shadow(0 0 10px rgba(120,123,36, 1)) drop-shadow(0 0 5px rgba(255,255,255, 1));
  }
}
.facility{width: 100%;max-width: 1200px;margin: 0 auto;position: relative;}
.facility .bg{display: block;width: 100%;position: relative;z-index: 1;}
.facility .item-wrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.facility .map-img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 5;opacity: 0;}
.facility area{cursor: pointer;}
.facility .item{position: absolute;z-index: 11;}
.facility .item .imgs{position: absolute;}
.facility .item .imgs img{width: 100%;height: 100%;cursor: pointer;display: block;position: absolute;top: 0;left: 0;transition: 1s;}
.facility .item .imgs .img2{opacity: 0;z-index: 3;}
.facility .item.item-on .imgs .img1{opacity: 0;transition: 1s;}
.facility .item.item-on .imgs .img2{opacity: 1;transition: 1s; -webkit-filter: drop-shadow(0 0 3px rgba(250,253,207, 1)) drop-shadow(0 0 10px rgba(255,255,255, 1));filter: drop-shadow(0 0 3px rgba(250,253,207, 1)) drop-shadow(0 0 10px rgba(255,255,255, 1));}
.facility .item .text{position: absolute;z-index: 13;background: rgba(137,98,255,.34);padding: 8px 15px;white-space: nowrap;color: #fff;transition: .4s;transform: translateY(-30px);opacity: 0;}
.facility .item .text h4{font-size: 14px;}
.facility .item .text p{font-size: 10px;}
.facility .item.item-on .text{transition: .4s .6s;transform: translateY(0);opacity: 1;}
.facility .item .line{position: absolute;z-index: 11;}
.facility .item .line span{display: block;width: 100%;height: 0;background: url(/img/line.png) no-repeat center center;background-size: 100% 100%;position: absolute;left: 0;bottom: 0;}
.facility .item.item-on .line span{height: 100%;transition: .2s .4s;}

.facility .item1{width: 15.66%;height: 29.52%;top: 20.8%;left: 34.3%;z-index:88;}
.facility .item1 .imgs1{width: 64.89%;height: 75.8%;left: 0;bottom: 0;}
.facility .item1 .imgs2{width: 51.6%;height: 69.35%;right: 0;top: 0;}
.facility .item1 .line1{left: 3%;bottom: 57%;width: 55.85%;height: 79%;}
.facility .item1 .line2{left: 64%;bottom: 84%;width: 25.53%;height: 48.38%;}
.facility .item1 .text{bottom: 124%;left: 22%;}

.facility .item2{width: 7.58%;height: 15.47%;left: 27.75%;top: 29.76%;z-index: 53;}
.facility .item2 .imgs{width: 100%;height: 100%;}
.facility .item2 .line{width: 48%;height:100%;bottom: 72%;left: 25%;}
.facility .item2 .text{bottom: 150%;left: -5%;}

.facility .item3{width: 20%;height: 26.75%;left: 16.28%;top: 36.5%;z-index:56;}
.facility .item3 .imgs{width: 100%;height: 100%;}
.facility .item3 .line{width: 48%;height: 60%;bottom: 62%;left: 25%;}
.facility .item3 .text{bottom: 110%;left:30%;}

.facility .item4{width:6.91%;height:8.92%;left:21.66%;top:31.42%;z-index:52;}
.facility .item4 .imgs{width: 100%;height: 100%;}
.facility .item4 .line{width: 48%;height:110%;bottom: 72%;left: 25%;}
.facility .item4 .text{bottom: 150%;left: -5%;}


.facility .item5{width:6%;height:5.95%;left:35.25%;top:24.28%;z-index:58;}
.facility .item5 .imgs{width: 100%;height: 100%;}
.facility .item5 .line{width: 48%;height:100%;bottom: 72%;left: 25%;}
.facility .item5 .text{bottom: 150%;left: -5%;}


.facility .item6{width:36.25%;height:53.21%;left:21.66%;top:22.61%;z-index:66;}
.facility .item6 .imgs{width: 100%;height: 100%;}
.facility .item6 .line{width: 48%;height:50%;bottom:0%;left:-15%;}
.facility .item6 .text{bottom:35%;right:65%;}


.facility .item7{width:11.58%;height:12.38%;left:46.75%;top:35.71%;z-index:89;}
.facility .item7 .imgs{width: 100%;height: 100%;}
.facility .item7 .line{width: 48%;height:100%;bottom: 68%;left: 25%;}
.facility .item7 .text{bottom: 140%;left: -5%;}


.facility .item8{width:6.83%;height:15.71%;left:59.75%;top:10.11%;z-index:89;}
.facility .item8 .imgs{width: 100%;height: 100%;}
.facility .item8 .line{width: 48%;height:100%;bottom: 68%;left: 25%;}
.facility .item8 .text{bottom: 140%;left: -5%;}


.facility .item9{width:6.75%;height:14.76%;left:68.33%;top:18.57%;z-index:89;}
.facility .item9 .imgs{width: 100%;height: 100%;}
.facility .item9 .line{width: 48%;height:100%;bottom: 68%;left: 25%;}
.facility .item9 .text{bottom: 140%;left: -5%;}

.facility .item10{width:24%;height:21.19%;left:62.75%;top:32.5%;z-index:89;}
.facility .item10 .imgs{width: 100%;height: 100%;}
.facility .item10 .line{width: 48%;height:100%;bottom: 68%;left: 25%;}
.facility .item10 .text{bottom: 140%;left:35%;}


.facility .item11{width:7%;height:9.4%;left:75.41%;top:51.3%;z-index:89;}
.facility .item11 .imgs{width: 100%;height: 100%;}
.facility .item11 .line{width: 48%;height:110%;bottom: 68%;left: 25%;}
.facility .item11 .text{bottom: 150%;left: -5%;}



.facility .item12{width:10%;height:14.28%;left:62.16%;top:53.92%;z-index:89;}
.facility .item12 .imgs{width: 100%;height: 100%;}
.facility .item12 .line{width: 48%;height:100%;bottom: 68%;left: 25%;}
.facility .item12 .text{bottom: 140%;left:15%;}

.facility .item13{width:9%;height:15.71%;left:54.08%;top:46.19%;z-index:89;}
.facility .item13 .imgs{width: 100%;height: 100%;}
.facility .item13 .line{width: 48%;height:100%;bottom: 68%;left: 25%;}
.facility .item13 .text{bottom: 140%;left: -5%;}

.facility .item14{width:12.41%;height:16.78%;left:47.41%;top:57.73%;z-index:89;}
.facility .item14 .imgs{width: 100%;height: 100%;}
.facility .item14 .line{width: 48%;height:100%;bottom: 68%;left: 25%;}
.facility .item14 .text{bottom: 140%;left: -5%;}

.facility .item15{width:5.6%;height:8.09%;left:40.33%;top:52.73%;z-index:89;}
.facility .item15 .imgs{width: 100%;height: 100%;}
.facility .item15 .line{width: 48%;height:100%;bottom: 68%;left: 25%;}
.facility .item15 .text{bottom: 140%;left: -5%;}

.facility .item16{width:12.75%;height:17.02%;left:26.41%;top:66.66%;z-index:89;}
.facility .item16 .imgs{width: 100%;height: 100%;}
.facility .item16 .line{width: 48%;height:100%;bottom: 68%;left: 25%;}
.facility .item16 .text{bottom: 140%;left: -5%;}


@media screen and (max-width: 768px) {
	.facility{width: 100%;overflow: hidden;}
	.facility .item .line{}
	.facility .item .text{padding:2px 6px;}
	.facility .item .text h4{font-size:12px;}
	.facility .item .text p{font-size:12px;}
	
}