.marketing-map-box{width:962px;margin:0 auto}
.marketing-map{position:relative;color:#fff}
.marketing-map img{display:block;width:100%}
.marketing-map .dot{position:absolute;z-index:9;line-height:1;cursor:pointer;white-space: nowrap;}
.marketing-map .dot>.icon{position:absolute;left:0;right:0;bottom:100%;padding-bottom:2px;text-align:center;font-size:28px}
.marketing-map .dot.act{color:#c70606;z-index:20}
.marketing-map .dot.act .map-info{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible}
.marketing-map .icon:after{content:"";position:absolute;bottom:0;left:50%;margin-left:-10px;width:20px;height:10px;border-radius:50%;background:#fff;-webkit-animation:light 2s infinite;-moz-animation:light 2s infinite;animation:light 2s infinite}

.marketing-map .dot .icon-logo{background: url(maplogo1.png) no-repeat center center;background-size: cover;width: 20px;height: 20px;float: left;}
.marketing-map .dot:hover .icon-logo{background: url(maplogo2.png) no-repeat center center;;background-size: cover;width: 20px;height: 20px;float: left;}


.marketing-map .dot .icon-logo {
  animation: dot 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;
  transform: translate3d(0, 0, 0);
}
.letter:nth-child(1) {
  animation-delay: 0s;
}
.letter:nth-child(2) {
  animation-delay: 0.0833333333s;
}
.letter:nth-child(3) {
  animation-delay: 0.1666666667s;
}
.letter:nth-child(4) {
  animation-delay: 0.25s;
}
.letter:nth-child(5) {
  animation-delay: 0.3333333333s;
}
.letter:nth-child(6) {
  animation-delay: 0.4166666667s;
}


@keyframes dot {
  0% {
    transform: translate3d(0, 0, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 5px;
  }
  100% {
    transform: translate3d(0, -5px, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 5px 5px;
  }
}

.marketing-map .jl{top:194px;right:89px}
.marketing-map .ln{top:256px;right:121px}
.marketing-map .tj{top:313px;right:198px}
.marketing-map .bj{top:292px;right:222px}
.marketing-map .nmg{top:284px;right:319px}
.marketing-map .hb{top:346px;right:237px}
.marketing-map .sd{top:383px;right:184px}
.marketing-map .sx{top:377px;right:295px}
.marketing-map .nx{top:386px;right:382px}
.marketing-map .gs{top:395px;right:425px}
.marketing-map .sxi{top:455px;right:370px}
.marketing-map .xj{top:258px;right:722px}
.marketing-map .sc{top:505px;right:463px}
.marketing-map .sc .icon{color:#c70606}
.marketing-map .sc .icon:after{background:#c70606}
.marketing-map .yn{top:645px;right:494px}
.marketing-map .gx{top:670px;right:342px}
.marketing-map .hn{top:767px;right:323px}
.marketing-map .gd{top:655px;right:253px}
.marketing-map .fj{top:616px;right:168px}
.marketing-map .hna{top:582px;right:289px}
.marketing-map .jx{top:578px;right:216px}
.marketing-map .zj{top:536px;right:140px}
.marketing-map .sh{top:483px;right:113px}
.marketing-map .js{top:454px;right:135px}
.marketing-map .ah{top:468px;right:191px}
.marketing-map .hbe{top:502px;right:251px}
.marketing-map .hena{top:436px;right:265px}
.marketing-map .gzh{top:595px;right:385px}
.marketing-map .hlj,.marketing-map .map1{top:119px;right:59px}
.marketing-map .jl,.marketing-map .map2{top:191px;right:90px}
.marketing-map .qh{top:381px;right:575px}
.marketing-map .xzh{top:470px;right:719px}
.marketing-map .twa{top:657px;right:107px}
.marketing-map .xga{top:694px;right:235px}
.marketing-map .am{top:704px;right:263px}
.marketing-map .chq{top:530px;right:375px}
.marketing-map .map-info{position:absolute;z-index:99;bottom:100%;left:50%;margin-left:-132px;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);opacity:0;visibility:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;cursor:default}
.ser1{padding:55px 0 50px 0}
.map-info{width:264px;padding-bottom:12px;color:#666; line-height: 1.8;}
.map-info.hide{display:none}
.map-info .b{position:relative;padding:20px 35px;border-radius:20px;background:#fff}
.map-info .t{ font-size: 16px; color: #333; font-weight: bold; margin-bottom: 4px;}
.map-info .name{ width: 62px; float: left; line-height: 1.8;}
.map-info .tel:hover{ color: #3E5C9A; text-decoration: underline;}
/* .map-info p{line-height:24px}
.map-info p+p{margin-top:4px}
.map-info .icon,.map-info strong{display:inline-block;vertical-align:bottom}
.map-info .icon{width:25px;color:#ccc}
.map-info strong{width:65px;font-size:16px} */
.map-info .sj{position:absolute;top:100%;left:50%;margin-left:-8px;border-left-width:8px;border-right-width:8px;border-top-width:9px;color:#fff}

@-webkit-keyframes light{
0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}
100%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}
}
@-moz-keyframes light{
0%{opacity:1;-moz-transform:scale(0);transform:scale(0)}
100%{opacity:0;-moz-transform:scale(3);transform:scale(3)}
}
@keyframes light{
0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}
100%{opacity:0;-webkit-transform:scale(3);-moz-transform:scale(3);transform:scale(3)}
}


@media screen and (max-width:1024px){
	.marketing-map-box{width:100%;height:640px;position:relative;overflow:hidden}
	.marketing-map{position:absolute;top:50%;left:50%;margin:-398px 0 0 -481px;width:962px;height:796px;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
	.map-info{display:block!important;position:fixed;z-index:299;top:0;bottom:0;right:0;left:0;padding:0;width:auto;background:rgba(0,0,0,.5);-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
	.map-info.hide{opacity:0;visibility:hidden}
	.map-info .sj{display:none}
	.map-info .b{position:absolute;top:50%;left:50%;width:264px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-box-sizing:border-box;box-sizing:border-box}
	.ip-imgs .nowti{display:block}
	.map-info .close{position:absolute;top:8px;right:8px;width:20px;height:20px;background:#306ea7;border-radius:50%;text-align:center;line-height:20px;color:#fff;font-family:iconfont!important;font-size:12px}
	.map-info .close:before{content:"\e653"}
}
@media screen and (max-width:861px){
	.marketing-map{-webkit-transform:scale(.65);-moz-transform:scale(.65);-ms-transform:scale(.65);transform:scale(.65)}
	.marketing-map-box{height:520px}
}

@media screen and (max-width:601px){
	#map{height:83vw}
	.marketing-map{-webkit-transform:scale(.55);-moz-transform:scale(.55);-ms-transform:scale(.55);transform:scale(.55)}
	.marketing-map-box{height:440px}
}
@media screen and (max-width:481px){
	.marketing-map{-webkit-transform:scale(.4);-moz-transform:scale(.4);-ms-transform:scale(.4);transform:scale(.4)}
	.marketing-map-box{height:320px}
}