.mapcon .map-cn .li1 {
	top: 215px;
	left: 575px
}

.mapcon .map-cn .li2 {
	top: 335px;
	right: 480px
}

.mapcon .map-cn .li3 {
	top: 430px;
	left: 620px
}

.mapcon .map-cn .li4 {
	top: 478px;
	left: 553px
}

.mapcon .map-cn .li5 {
	top: 205px;
	left: 480px
}

.mapcon {
	position: relative
}

.mapcon .map {
	position: relative
}

.mapcon .map .ul {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.mapcon .map .ul .li {
	min-height: 25px;
	max-width: 500px;
	line-height: 25px;
	background-color: #0068b7;
	color: #fff;
	font-size: 14px;
	padding: 0 15px;
	position: absolute;
	display: inline-block;
	cursor: pointer
}

.mapcon .map .ul .li.active,.mapcon .map .ul .li:hover {
	background-color: #db261d
}

.mapcon .map .ul .li.active .rac.left-dirc,.mapcon .map .ul .li:hover .rac.left-dirc {
	border-color: #db261d transparent transparent #db261d
}

.mapcon .map .ul .li.active .rac.right-dirc,.mapcon .map .ul .li:hover .rac.right-dirc {
	border-color: #db261d #db261d transparent transparent
}

.mapcon .map .ul .li .rac {
	width: 0;
	height: 0;
	border-width: 4px;
	border-style: solid;
	position: absolute;
	top: 25px
}

.mapcon .map .ul .li .rac.left-dirc {
	left: 0;
	border-color: #0068b7 transparent transparent #0068b7
}

.mapcon .map .ul .li .rac.right-dirc {
	right: 0;
	border-color: #0068b7 #0068b7 transparent transparent
}

.mapcon .inner-detail {
	width: 300px;
	height: 350px;
	box-sizing: border-box;
	position: absolute;
	bottom: 45px;
	right: 0;
	border: 1px solid #ccc
}

.mapcon .inner-detail .area {
    padding:20px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.mapcon .inner-detail .area.active {
	display: block
}

.mapcon .inner-detail .h3 {
	line-height: 25px;
	font-size: 20px;
	color: #db261d;
	margin-bottom: 15px
}

.mapcon .inner-detail p {
	line-height: 22px;
	margin-bottom: 10px;
	font-size: 14px
}

.mapcon .inner-detail .section {
	margin-bottom: 20px
}


/* global start */

.mapcon .map-all .ul .li {
	width:0;
	height:0;
	padding:0;
	cursor: pointer
}

.mapcon .map-all .ul .li.active,.mapcon .map-all .ul .li:hover {
	background-color: #db261d
}

.mapcon .map-all .ul .li.active .rac.dirc,.mapcon .map-all .ul .li:hover .rac.dirc {
	border-top:5px solid #db261d;
}

.mapcon .map-all .ul .li .rac{
	top:0;
}

.dirc{
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-bottom:5px solid transparent;
  border-top:5px solid #ffc107;
}

.mapcon .map-all .li1 {
	top: 275px;
	left: 185px
}

.mapcon .map-all .li2 {
	top: 345px;
	left: 570px
}

.mapcon .map-all .li3 {
	top: 310px;
	left: 155px
}

.mapcon .map-all .li4 {
	top: 350px;
	left: 205px
}

.mapcon .map-all .li5 {
	top: 440px;
	left: 220px
}

.mapcon .map-all .li6 {
	top: 380px;
	left: 260px
}

.mapcon .map-all .li7 {
	top: 410px;
	left: 395px
}

.mapcon .map-all .li8 {
	top: 300px;
	left: 490px
}

.mapcon .map-all .li9 {
	top: 325px;
	left: 505px
}

.mapcon .map-all .li10 {
	top: 320px;
	left: 555px
}

.mapcon .map-all .li11 {
	top: 327px;
	left: 562px
}

.mapcon .map-all .li12 {
	top: 315px;
	left: 550px
}

.mapcon .map-all .li13 {
	top: 265px;
	left: 345px
}

.mapcon .map-all .li14 {
	top: 235px;
	left: 350px
}

.mapcon .map-all .li15 {
	top: 245px;
	left: 360px
}

.mapcon .map-all .li16 {
	top: 265px;
	left: 420px
}

.mapcon .map-all .li17 {
	top: 395px;
	left: 610px
}

.mapcon .map-all .li18 {
	top: 305px;
	left: 450px
}

.mapcon .map-all .li19 {
	top: 215px;
	left: 600px
}

/* global end */

/* 移动端 */
@media (max-width: 767px) {
	.mapcon .map .ul .li{
		max-width: 350px;
	}

    .mapcon .map-cn .li1 {
        top: 85px;
        left: 265px;
    }

    .mapcon .map-cn .li2 {
        top: 140px;
        right: 60px;
    }

    .mapcon .map-cn .li3 {
        top: 180px;
        left: 280px;
    }

    .mapcon .map-cn .li4 {
        top: 210px;
        left: 250px;
    }

    .mapcon .map-cn .li5 {
        top: 80px;
        left: 200px;
    }

    .mapcon .map img {
        width: 98%
    }

    .mapcon .map .ul .li {
        padding: 0 .125rem
    }

    .mapcon .inner-detail {
        position: relative;
        bottom: inherit;
		width: auto;
        margin-top: 10px;
        border: 0;
        position: relative;
        bottom: 0;
        right: 0;
    }

	/* global */

	.mapcon .map-all .ul .li{
		padding:0;
	}
	.mapcon .map-all .ul .li .rac{
		top:0;
	}
	
	.dirc{
		border-radius: 50%;
	  border-left:5px solid transparent;
	  border-right:5px solid transparent;
	  border-bottom:5px solid transparent;
	  border-top:5px solid #ffc107;
	}
	
	.mapcon .map-all .li1 {
		top: 130px;
		left: 83px
	}
	
	.mapcon .map-all .li2 {
		top: 155px;
		left: 265px
	}

	.mapcon .map-all .li3 {
		top: 140px;
		left: 70px
	}

	.mapcon .map-all .li4 {
		top: 160px;
		left: 92px
	}

	.mapcon .map-all .li5 {
		top: 205px;
		left: 100px
	}

	.mapcon .map-all .li6 {
		top: 175px;
		left: 120px
	}

	.mapcon .map-all .li7 {
		top: 190px;
		left: 182px
	}

	.mapcon .map-all .li8 {
		top: 135px;
		left: 225px
	}

	.mapcon .map-all .li9 {
		top: 147px;
		left: 232px
	}

	.mapcon .map-all .li10 {
		top: 147px;
		left: 255px
	}

	.mapcon .map-all .li11 {
		top: 150px;
		left: 258px
	}

	.mapcon .map-all .li12 {
		top: 140px;
		left: 250px
	}

	.mapcon .map-all .li13 {
		top: 122px;
		left: 157px
	}

	.mapcon .map-all .li14 {
		top: 105px;
		left: 160px
	}

	.mapcon .map-all .li15 {
		top: 113px;
		left: 167px
	}

	.mapcon .map-all .li16 {
		top: 123px;
		left: 190px
	}

	.mapcon .map-all .li17 {
		top: 180px;
		left: 280px
	}

	.mapcon .map-all .li18 {
		top: 140px;
		left: 210px
	}

	.mapcon .map-all .li19 {
		top: 100px;
		left: 275px
	}
}