/* map css */
.map-content {
    padding: 30px 0;
}

.map-module {
    width: 1080px !important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}
.map-title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -23px;
    left: 50%;
    transform: translatex(-50%);
    border: 6px solid;
    border-color: #20b09f transparent transparent;
}

.map-title:after {
    content: "";
    position: absolute;
    width: 52px;
    height: 3px;
    background-color: #20b09f;
    bottom: -12px;
    left: 50%;
    transform: translatex(-50%);
}

.map-content-info {
    position: relative;
    margin-bottom: 30px;
}

.branch-map-l {
    width: 1080px;
    height: 745px;
    position: relative;
}

.map-content-box {
    width: 100%;
    height: 100%;
    background:  no-repeat center;
    position: relative;
}

.map-dot {
    position: absolute;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.beijing {
    left: 710px;
    top: 255px;
}

.tianjin {
    left: 730px;
    top: 274px;
}

.hebei {
    left: 695px;
    top: 310px;
}

.shanxi {
    left: 643px;
    top: 326px;
}

.liaoning {
    left: 820px;
    top: 220px;
}

.jilin {
    left:865px;
    top: 175px;
}

.heilongjiang {
    left: 860px;
    top: 100px;
}
.neimenggu{ 
	left: 729px;
    top: 170px;
}
.shanghai {
    left: 826px;
    top: 434px;
}

.jiangsu {
    left: 794px;
    top: 400px;
}

.zhejiang {
   left: 807px;
   top: 484px;
}

.anhui {
    left: 746px;
    top: 436px;
}

.fujian {
    left: 774px;
    top: 548px;
}
.taiwan{
   left: 840px;
   top: 592px;	
}
.jiangxi {
   left: 722px;
   top: 525px;
}

.shandong {
    left: 748px;
    top: 340px;
}

.henan {
   left: 672px;
   top: 396px;
}

.hubei {
    left: 655px;
    top: 452px;
}

.hunan {
   left: 645px;
   top: 520px;
}

.guangdong {
    left: 685px;
    top: 606px;
}

.guangxi {
    left: 596px;
    top: 602px;
}
.hainan{
	left: 616px;
	top: 697px;
}
.chongqing {
    left: 570px;
    top: 477px;
}

.sichuan {
	left: 484px;
	top: 471px;
}

.guizhou {
	left: 558px;
	top: 544px;
}

.yunnan {
    left: 445px;
    top: 598px;
}

.shanxi1 {
    left: 587px;
    top: 392px;
}
.ningxia{
	left: 537px;
	top: 321px;
}
.gansu{
	left: 369px;
	top: 261px;
}
.xinjiang{
	left: 189px;
	top: 221px;
}
.qinghai{
	left: 349px;
	top: 361px;
}
.xizang{
	left: 219px;
	top: 441px;
}
.map-dot:after {
    content: "";
    display: block;
    width: 10px;
    height:10px;
    margin: 0 auto;
    background-color: #d04854;
    border-radius: 50%;
}

.map-dot.beijing:after {
    width: 13px;
    height: 12px;
    border-radius: 0;
    background:  no-repeat center;
}

.branch-map-data {
    position: absolute;
    box-sizing: border-box;
    width: 300px;
    box-shadow: 4px 0 7px rgba(134,131,132,.3);
    background: #fff;
	border-radius: 10px;
    padding: 10px;
	box-sizing: border-box;
    z-index: 1;
    display: none;
}

.branch-map-data-info {
    max-height: 236px;
    overflow-y: auto;
}

.data-branch {
	
}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.data-branch p{
	font-size: 16px!important;
	color: #000;
	height: 28px;
	line-height: 28px;
}
.data-branch p em{ width: 8px; height: 8px; border-radius: 50%; display: block;float: left;margin: 11px 5px 0 0;}
.data-branch p label{ float: left;width: 50px;}
.data-branch p span{ float: left;width: 215px;}
.data-branch .data-area em {
   background: #487ed0;
}
.data-branch .data-visit em {
   background: #60a53e;
}
.branch-map-data:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translatey(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #fff transparent transparent;
}

.branch-map-data:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translatey(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #fff transparent transparent;
}

.map-dot.cur:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    transform: translatex(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #d04854;
    animation: dot 4s infinite;
}

@keyframes dot {
    100% {
        transform: translatex(-50%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translatex(-50%) scale(1.5);
        opacity: .1;
    }
}