* {
  user-select: none;
}

ul li {
  list-style-type: none;
}

html,
body {
  height: 100% !important;
}

.abs {
  position: absolute;
}

.block {
  display: block;
} 
.wrap3840 .mapBox { 
    border-radius: 60px; 
}
ul li .title .common-title2 {
  background-image: url('../images/sprite2.png') !important;
}
  

.header {
  height: 253px;
}
 
.common-title {
  font-size: 24px;
  font-family: myFirstFont;
  font-weight: bold;
  color: #623730;
  line-height: 1;
}

.logo {
  width: 1122px !important;
  height: 141px !important;
  margin-top: 50px;
}

.logo img {
  height: 141px !important;
}

.mapBox {
  border: 3px solid black;
  overflow-y: auto;
  height: calc(100% - 300px);
}

.container .bgs {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    width: 3723px;
    height: 3988px;
    margin: 0 auto;
    background: url('../images/bgs/bg.webp') no-repeat 100%;
    background-size: 100% 100%;
}

.container .bgs::-webkit-scrollbar {
  display: none;
}

.container .bgs img {
  vertical-align: middle;
  /* flex: 1 */
}

/* .container .bgs .bg-img {
  width: 100%;
} */

.contain {
  width: 100%;
  height: 100%;
}

/* 去除滚动条 */
.mapBox::-webkit-scrollbar {
  display: none;
}

.bgs .title {
  top: 146px;
  left: 180px;
}

.bgs .title .border {
  width: 619px;
  height: 10px;
  border: 1px solid #227E85;
  background-color: #227E85;
}

.bgs .title .title-1 {
  padding-top: 20px;
  padding-left: 10px;
  width: 408px;
}

.bgs .title .title-2 {
  padding-top: 11px;
  padding-left: 6px;
  width: 935px
}

.bgs .title .title-3 {
  padding-top: 0;
  width: 282px;
}

.bgs .title .title-4 {
  padding-top: 23px;
  width: 282px;
  font-size: 28px;
  font-family: myFirstFont;
  font-weight: normal;
  color: #02393B;
  white-space: nowrap;
  padding-left: 5px;
}

.bgs .title .border-2 {
  margin-top: 4px;
}

.bgs .title .border-3 {
  margin-top: 13px;
  height: 101px;
}

.ele {
    display: block;
    position: absolute;
}
.ele .map-num, .ele .dot-num,.ele  .img,.ele  .common-text,.ele .map-text {
    display: block;
    position: absolute; 
}
.ele .map-num { 
    z-index:7;
}
.ele .dot-num {
    z-index: 5;
}
.ele .img {
    z-index: 3;
}
.ele .common-text {
    z-index: 4;
}
.ele .map-text {
    z-index: 6;
}

/**右侧列表*/
.lfjy {
    top: 91px;
    left: 2912px;
    width: calc(2965px + 273px - 2912px);
    height: calc(141px - 91px + 154px - 4px);
}
.lfjy .img{ 
    top: calc(141px - 91px);
    left: calc(2965px - 2912px);
    width: 273px;
    height:  154px;
}
.lfjy .common-text{ 
    top: calc(95px - 91px);
    left: calc(2960px - 2912px);
    width: calc(175px);
    height:  29px;
}
.lfjy .dot-num{ 
    top: calc(91px - 91px);
    left: calc(2912px - 2912px);
    width: calc(37px);
    height:  37px;
}
.lfjy .map-num{ 
    top: calc(2460px - 91px);
    left: calc(1478px - 2912px);
}

.byszy{ 
    top: 91px;
    left: 3324px;
    width:  calc(3630px - 3324px);
    height: calc(321px - 91px);
}
.byszy .img{ 
    top: calc(134px - 91px);
    left: calc(3368px - 3324px);
    width: 220px;
    height:  187px;
}
.byszy .common-text{ 
    top: calc(95px - 91px);
    left: calc(3370px - 3324px);
    width: calc(260px);
    height:  29px;
}
.byszy .dot-num{ 
    top: calc(91px - 91px);
    left: calc(3324px - 3324px);
    width: calc(37px);
    height:  37px;
}
.byszy .map-num{ 
    top: calc(2704px - 91px);
    left: calc(2131px - 3324px);
}

.hlwc{ 
    top: 353px;
    left: 2913px;
    width:  calc(3240px - 2913px);
    height: calc(595px - 353px);
}
.hlwc .img{ 
    top: calc(402px - 353px);
    left: calc(2962px - 2913px);
    width: 278px;
    height:  193px;
}
.hlwc .common-text{ 
    top: calc(357px - 353px);
    left: calc(2960px - 2913px);
    width: calc(263px);
    height:  29px;
}
.hlwc .dot-num{ 
    top: calc(353px - 353px);
    left: calc(2913px - 2913px);
    width: calc(37px);
    height:  37px;
}
.hlwc .map-num{ 
    top: calc(2511px - 353px);
    left: calc(907px - 2913px);
}

.cxjd{ 
    top: 353px;
    left: 3315px;
    width:  calc(3642px - 3315px);
    height: calc(553px - 353px);
}
.cxjd .img{ 
    top: calc(455px - 353px);
    left: calc(3315px - 3315px);
    width: 327px;
    height:  98px;
}
.cxjd .common-text{ 
    top: calc(357px - 353px);
    left: calc(3371px - 3315px);
    width: calc(175px);
    height:  29px;
}
.cxjd .dot-num{ 
    top: calc(353px - 353px);
    left: calc(3324px - 3315px);
    width: calc(37px);
    height:  37px;
}
.cxjd .map-num{ 
    top: calc(2401px - 353px);
    left: calc(1512px - 3315px);
}

.bio{ 
    top: 635px;
    left: 2913px;
    width:  calc(3239px - 2913px);
    height: calc(856px - 635px);
}
.bio .img{ 
    top: calc(687px - 635px);
    left: calc(2963px - 2913px);
    width: 276px;
    height:  169px;
}
.bio .common-text{ 
    top: calc(640px - 635px);
    left: calc(2960px - 2913px);
    width: calc(104px);
    height:  29px;
}
.bio .dot-num{ 
    top: calc(635px - 635px);
    left: calc(2913px - 2913px);
    width: calc(37px);
    height:  37px;
}
.bio .map-num{ 
    top: calc(3502px - 635px);
    left: calc(410px - 2913px);
}

.fg4801{ 
    top: 636px;
    left: 3324px;
    width:  calc(3599px - 3324px);
    height: calc(885px - 636px);
}
.fg4801 .img{ 
    top: calc(657px - 636px);
    left: calc(3357px - 3324px);
    width: 242px;
    height:  228px;
}
.fg4801 .common-text{ 
    top: calc(640px - 636px);
    left: calc(3371px - 3324px);
    width: calc(126px);
    height:  29px;
}
.fg4801 .dot-num{ 
    top: calc(636px - 636px);
    left: calc(3324px - 3324px);
    width: calc(37px);
    height:  37px;
}
.fg4801 .map-num{ 
    top: calc(3292px - 636px);
    left: calc(973px - 3324px);
}

.yzzg{ 
    top: 925px;
    left: 2913px;
    width:  calc(3232px - 2913px);
    height: calc(1171px - 925px);
}
.yzzg .img{ 
    top: calc(970px - 925px);
    left: calc(2970px - 2913px);
    width: 262px;
    height:  201px;
}
.yzzg .common-text{ 
    top: calc(928px - 925px);
    left: calc(2960px - 2913px);
    width: calc(175px);
    height:  29px;
}
.yzzg .dot-num{ 
    top: calc(925px - 925px);
    left: calc(2913px - 2913px);
    width: calc(37px);
    height:  37px;
}
.yzzg .map-num{ 
    top: calc(3146px - 925px);
    left: calc(984px - 2913px);
}

.najin{ 
    top: 924px;
    left: 3324px;
    width:  calc(3595px - 3324px);
    height: calc(1154px - 924px);
}
.najin .img{ 
    top: calc(987px - 924px);
    left: calc(3362px - 3324px);
    width: 233px;
    height:  167px;
}
.najin .common-text{ 
    top: calc(929px - 924px);
    left: calc(3370px - 3324px);
    width: calc(116px);
    height:  29px;
}
.najin .dot-num{ 
    top: calc(924px - 924px);
    left: calc(3324px - 3324px);
    width: calc(37px);
    height:  37px;
}
.najin .map-num{ 
    top: calc(2624px - 924px);
    left: calc(1771px - 3324px);
}

.pxxy{ 
    top: 1215px;
    left: 2913px;
    width:  calc(3235px - 2913px);
    height: calc(1431px - 1215px);
}
.pxxy .img{ 
    top: calc(1257px - 1215px);
    left: calc(2968px - 2913px);
    width: 267px;
    height:  174px;
}
.pxxy .common-text{ 
    top: calc(1219px - 1215px);
    left: calc(2960px - 2913px);
    width: calc(173px);
    height:  29px;
}
.pxxy .dot-num{ 
    top: calc(1215px - 1215px);
    left: calc(2913px - 2913px);
    width: calc(37px);
    height:  37px;
}
.pxxy .map-num{ 
    top: calc(2468px - 1215px);
    left: calc(1754px - 2913px);
}

.yscx{ 
    top: 1214px;
    left: 3324px;
    width:  calc(3575px - 3324px);
    height: calc(1442px - 1214px);
}
.yscx .img{ 
    top: calc(1246px - 1214px);
    left: calc(3382px - 3324px);
    width: 193px;
    height:  196px;
}
.yscx .common-text{ 
    top: calc(1219px - 1214px);
    left: calc(3371px - 3324px);
    width: calc(203px);
    height:  29px;
}
.yscx .dot-num{ 
    top: calc(1214px - 1214px);
    left: calc(3324px - 3324px);
    width: calc(37px);
    height:  37px;
}
.yscx .map-num{ 
    top: calc(2585px - 1214px);
    left: calc(1040px - 3324px);
}

.yxkjy{ 
    top: 1490px;
    left: 2912px;
    width:  calc(3243px - 2912px);
    height: calc(1704px - 1490px);
}
.yxkjy .img{ 
    top: calc(1555px - 1490px);
    left: calc(2960px - 2912px);
    width: 283px;
    height:  149px;
}
.yxkjy .common-text{ 
    top: calc(1494px - 1490px);
    left: calc(2960px - 2912px);
    width: calc(203px);
    height:  29px;
}
.yxkjy .dot-num{ 
    top: calc(1490px - 1490px);
    left: calc(2912px - 2912px);
    width: calc(37px);
    height:  37px;
}
.yxkjy .map-num{ 
    top: calc(2599px - 1490px);
    left: calc(1243px - 2912px);
}

.mufeng{ 
    top: 1490px;
    left: 3325px;
    width:  calc(3614px - 3325px);
    height: calc(1726px - 1490px);
}
.mufeng .img{ 
    top: calc(1534px - 1490px);
    left: calc(3342px - 3325px);
    width: 272px;
    height:  192px;
}
.mufeng .common-text{ 
    top: calc(1495px - 1490px);
    left: calc(3370px - 3325px);
    width: calc(116px);
    height:  29px;
}
.mufeng .dot-num{ 
    top: calc(1490px - 1490px);
    left: calc(3325px - 3325px);
    width: calc(37px);
    height:  37px;
}
.mufeng .map-num{ 
    top: calc(3398px - 1490px);
    left: calc(2116px - 3325px);
}
.ggfg{ 
    top: 1769px;
    left: 2913px;
    width:  calc(3245px - 2913px);
    height: calc(2038px - 1769px);
}
.ggfg .img{ 
    top: calc(1822px - 1769px);
    left: calc(2957px - 2913px);
    width: 288px;
    height:  216px;
}
.ggfg .common-text{ 
    top: calc(1773px - 1769px);
    left: calc(2959px - 2913px);
    width: calc(115px);
    height:  29px;
}
.ggfg .dot-num{ 
    top: calc(1769px - 1769px);
    left: calc(2913px - 2913px);
    width: calc(37px);
    height:  37px;
}
.ggfg .map-num{ 
    top: calc(2536px - 1769px);
    left: calc(1370px - 2913px);
}

.apai {
    top: 1769px;
    left: 3325px;
    width: calc(3625px - 3325px);
    height: calc(2042px - 1769px);
}
.apai .img{ 
    top: calc(1817px - 1769px);
    left: calc(3391px - 3325px);
    width: 175px;
    height:  225px;
}
.apai .common-text{ 
    top: calc(1773px - 1769px);
    left: calc(3370px - 3325px);
    width: calc(255px);
    height:  29px;
}
.apai .dot-num{ 
    top: calc(1769px - 1769px);
    left: calc(3325px - 3325px);
    width: calc(37px);
    height:  37px;
}
.apai .map-num{ 
    top: calc(2472px - 1769px);
    left: calc(1071px - 3325px);
}

.hscg{ 
    top: 2086px;
    left: 2913px;
    width:  calc(3264px - 2913px);
    height: calc(2364px - 2086px);
}
.hscg .img{ 
    top: calc(2163px - 2086px);
    left: calc(2938px - 2913px);
    width: 326px;
    height:  201px;
}
.hscg .common-text{ 
    top: calc(2089px - 2086px);
    left: calc(2960px - 2913px);
    width: calc(278px);
    height:  62px;
}
.hscg .dot-num{ 
    top: calc(2086px - 2086px);
    left: calc(2913px - 2913px);
    width: calc(37px);
    height:  37px;
}
.hscg .map-num{ 
    top: calc(3296px - 2086px);
    left: calc(2007px - 2913px);
}

.kxcg{ 
    top: 2086px;
    left: 3319px;
    width:  calc(3649px - 3319px);
    height: calc(2349px - 2086px);
}
.kxcg .img{ 
    top: calc(2177px - 2086px);
    left: calc(3319px - 3319px);
    width: 319px;
    height:  172px;
}
.kxcg .common-text{ 
    top: calc(2089px - 2086px);
    left: calc(3371px - 3319px);
    width: calc(278px);
    height:  62px;
}
.kxcg .dot-num{ 
    top: calc(2086px - 2086px);
    left: calc(3325px - 3319px);
    width: calc(37px);
    height:  37px;
}
.kxcg .map-num{ 
    top: calc(2365px - 2086px);
    left: calc(1644px - 3319px);
}

.czzyq{ 
    top: 2411px;
    left: 2913px;
    width:  calc(3245px - 2913px);
    height: calc(2662px - 2411px);
}
.czzyq .img{ 
    top: calc(2468px - 2411px);
    left: calc(2957px - 2913px);
    width: 288px;
    height:  194px;
}
.czzyq .common-text{ 
    top: calc(2415px - 2411px);
    left: calc(2960px - 2913px);
    width: calc(204px);
    height:  29px;
}
.czzyq .dot-num{ 
    top: calc(2411px - 2411px);
    left: calc(2913px - 2913px);
    width: calc(37px);
    height:  37px;
}
.czzyq .map-num{ 
    top: calc(2658px - 2411px);
    left: calc(1774px - 2913px);
}

.cljzg{ 
    top: 2411px;
    left: 3325px;
    width:  calc(3663px - 3325px);
    height: calc(2658px - 2411px);
}
.cljzg .img{ 
    top: calc(2472px - 2411px);
    left: calc(3369px - 3325px);
    width: 219px;
    height:  186px;
}
.cljzg .common-text{ 
    top: calc(2415px - 2411px);
    left: calc(3371px - 3325px);
    width: calc(292px);
    height:  29px;
}
.cljzg .dot-num{ 
    top: calc(2411px - 2411px);
    left: calc(3325px - 3325px);
    width: calc(37px);
    height:  37px;
}
.cljzg .map-num{ 
    top: calc(2202px - 2411px);
    left: calc(2313px - 3325px);
}

.zscq{ 
    top: 2720px;
    left: 2913px;
    width:  calc(3272px - 2913px);
    height: calc(2978px - 2720px);
}
.zscq .img{ 
    top: calc(2790px - 2720px);
    left: calc(2928px - 2913px);
    width: 344px;
    height:  188px;
}
.zscq .common-text{ 
    top: calc(2724px - 2720px);
    left: calc(2959px - 2913px);
    width: calc(175px);
    height:  29px;
}
.zscq .dot-num{ 
    top: calc(2720px - 2720px);
    left: calc(2913px - 2913px);
    width: calc(37px);
    height:  37px;
}
.zscq .map-num{ 
    top: calc(964px - 2720px);
    left: calc(2076px - 2913px);
}
.nhsm{ 
    top: 2720px;
    left: 3324px;
    width:  calc(3605px - 3324px);
    height: calc(2976px - 2720px);
}
.nhsm .img{ 
    top: calc(2797px - 2720px);
    left: calc(3378px - 3324px);
    width: 200px;
    height:  179px;
}
.nhsm .common-text{ 
    top: calc(2724px - 2720px);
    left: calc(3370px - 3324px);
    width: calc(235px);
    height:  63px;
}
.nhsm .dot-num{ 
    top: calc(2720px - 2720px);
    left: calc(3324px - 3324px);
    width: calc(37px);
    height:  37px;
}
.nhsm .map-num{ 
    top: calc(3322px - 2720px);
    left: calc(1617px - 3324px);
}
.gzxxgjgy{ 
    top: 3027px;
    left: 2913px;
    width:  calc(3259px - 2913px);
    height: calc(3246px - 3027px);
}
.gzxxgjgy .img{ 
    top: calc(3087px - 3027px);
    left: calc(2944px - 2913px);
    width: 315px;
    height:  159px;
}
.gzxxgjgy .common-text{ 
    top: calc(3031px - 3027px);
    left: calc(2959px - 2913px);
    width: calc(293px);
    height:  29px;
}
.gzxxgjgy .dot-num{ 
    top: calc(3027px - 3027px);
    left: calc(2913px - 2913px);
    width: calc(37px);
    height:  37px;
}
.gzxxgjgy .map-num{ 
    top: calc(2370px - 3027px);
    left: calc(1676px - 2913px);
}
.xxyz{ 
    top: 3027px;
    left: 3324px;
    width:  calc(3613px - 3324px);
    height: calc(3273px - 3027px);
}
.xxyz .img{ 
    top: calc(3059px - 3027px);
    left: calc(3344px - 3324px);
    width: 269px;
    height:  214px;
}
.xxyz .common-text{ 
    top: calc(3031px - 3027px);
    left: calc(3371px - 3324px);
    width: calc(205px);
    height:  29px;
}
.xxyz .dot-num{ 
    top: calc(3027px - 3027px);
    left: calc(3324px - 3324px);
    width: calc(37px);
    height:  37px;
}
.xxyz .map-num{ 
    top: calc(2436px - 3027px);
    left: calc(1689px - 3324px);
}

.wqsy{ 
    top: 3329px;
    left: 2913px;
    width:  calc(3204px - 2913px);
    height: calc(3575px - 3329px);
}
.wqsy .img{ 
    top: calc(3385px - 3329px);
    left: calc(2981px - 2913px);
    width: 223px;
    height:  190px;
}
.wqsy .common-text{ 
    top: calc(3333px - 3329px);
    left: calc(2960px - 2913px);
    width: calc(205px);
    height:  29px;
}
.wqsy .dot-num{ 
    top: calc(3329px - 3329px);
    left: calc(2913px - 2913px);
    width: calc(37px);
    height:  37px;
}
.wqsy .map-num{ 
    top: calc(3179px - 3329px);
    left: calc(1275px - 2913px);
}

.fhyj{ 
    top: 3329px;
    left: 3324px;
    width:  calc(3598px - 3324px);
    height: calc(3564px - 3329px);
}
.fhyj .img{ 
    top: calc(3381px - 3329px);
    left: calc(3353px - 3324px);
    width: 245px;
    height:  183px;
}
.fhyj .common-text{ 
    top: calc(3333px - 3329px);
    left: calc(3370px - 3324px);
    width: calc(204px);
    height:  29px;
}
.fhyj .dot-num{ 
    top: calc(3329px - 3329px);
    left: calc(3324px - 3324px);
    width: calc(37px);
    height:  37px;
}
.fhyj .map-num{ 
    top: calc(2149px - 3329px);
    left: calc(955px - 3324px);
}

.xxs{ 
    top: 3644px;
    left: 2913px;
    width:  calc(3244px - 2913px);
    height: calc(3922px - 3644px);
}
.xxs .img{ 
    top: calc(3706px - 3644px);
    left: calc(2959px - 2913px);
    width: 285px;
    height:  216px;
}
.xxs .common-text{ 
    top: calc(3648px - 3644px);
    left: calc(2960px - 2913px);
    width: calc(175px);
    height:  29px;
}
.xxs .dot-num{ 
    top: calc(3644px - 3644px);
    left: calc(2913px - 2913px);
    width: calc(37px);
    height:  37px;
}
.xxs .map-num{ 
    top: calc(2406px - 3644px);
    left: calc(1481px - 2913px);
}

.yssf{ 
    top: 3644px;
    left: 3324px;
    width:  calc(3633px - 3324px);
    height: calc(3867px - 3644px);
}
.yssf .img{ 
    top: calc(3700px - 3644px);
    left: calc(3335px - 3324px);
    width: 287px;
    height:  167px;
}
.yssf .common-text{ 
    top: calc(3648px - 3644px);
    left: calc(3370px - 3324px);
    width: calc(263px);
    height:  29px;
}
.yssf .dot-num{ 
    top: calc(3644px - 3644px);
    left: calc(3324px - 3324px);
    width: calc(37px);
    height:  37px;
}
.yssf .map-num{ 
    top: calc(3362px - 3644px);
    left: calc(956px - 3324px);
}

/*区域总馆*/
.xiangxueguan{ 
    top: 1130px;
    left: 99px;
    width:  calc(965px - 99px);
    height: calc(1642px - 1130px);
}
.xiangxueguan .img{ 
    top: calc(1190px - 1130px);
    left: calc(99px - 99px);
    width: 866px;
    height:  452px;
}
.xiangxueguan .common-text{ 
    top: calc(1140px - 1130px);
    left: calc(381px - 99px);
    width: calc(288px);
    height:  29px;
}
.xiangxueguan .dot-num{ 
    top: calc(1130px - 1130px);
    left: calc(319px - 99px);
    width: calc(51px);
    height:  51px;
}
.xiangxueguan .map-num{ 
    top: calc(2389px - 1130px);
    left: calc(1783px - 99px);
}
.xiangxueguan .map-text{ 
    top: calc(2465px - 250px - 1130px);
    left: calc(1838px - 58px - 99px);
    width: 75px;
    height:  155px;
}

.dashaguan2{ 
    top: 2185px;
    left: 83px;
    width:  calc(951px - 83px);
    height: calc(2644px - 2185px);
}
.dashaguan2 .img{ 
    top: calc(2258px - 2185px);
    left: calc(83px - 83px);
    width: 868px;
    height:  386px;
}
.dashaguan2 .common-text{ 
    top: calc(2194px - 2185px);
    left: calc(385px - 83px);
    width: calc(288px);
    height:  29px;
}
.dashaguan2 .dot-num{ 
    top: calc(2185px - 2185px);
    left: calc(319px - 83px);
    width: calc(51px);
    height:  51px;
}
.dashaguan2 .map-num{ 
    top: calc(3036px - 2185px);
    left: calc(1251px - 83px);
}
.dashaguan2 .map-text{ 
    top: calc(2999px - 2185px);
    left: calc(1296px - 83px);
    width: calc(260px);
    height:  41px;
}
.kfxq{ 
    top: 3366px;
    left: 2084px;
    width:  calc(2765px - 2084px);
    height: calc(3623px - 3366px);
}
.kfxq .img{ 
    top: calc(3366px - 3366px);
    left: calc(2084px - 2084px);
    width: 681px;
    height:  257px;
}
.kfxq .map-num{ 
    top: calc(3490px - 3366px);
    left: calc(2006px - 2084px);
}
.kfxq .map-text{ 
    top: calc(3310px - 3366px);
    left: calc(2222px - 2084px);
    width: calc(344px);
    height:  41px;
}

/* 服务点 */
.tengfei{ 
    top: 120px;
    left: 2281px;
    width:  calc(2637px - 2281px);
    height: calc(326px - 120px);
}
.tengfei .img{ 
    top: calc(120px - 120px);
    left: calc(2368px - 2281px);
    width: 208px;
    height:  145px;
}
.tengfei .common-text{ 
    top: calc(285px - 120px);
    left: calc(2321px - 2281px);
    width: calc(316px);
    height:  41px;
}
.tengfei .dot-num{ 
    top: calc(288px - 120px);
    left: calc(2281px - 2281px);
    width: calc(33px);
    height:  33px;
}
.tengfei .map-num{ 
    top: calc(873px - 120px);
    left: calc(2281px - 2281px);
}
.tengfei .map-text{ 
    top: calc(900px - 120px);
    left: calc(2356px - 2281px);
    width: calc(316px);
    height:  41px;
}

.xiangcun{ 
    top: 678px;
    left: 2437px;
    width:  calc(2812px - 2437px);
    height: calc(866px - 678px);
}
.xiangcun .img{ 
    top: calc(721px - 678px);
    left: calc(2437px - 2437px);
    width: 375px;
    height:  145px;
}
.xiangcun .common-text{ 
    top: calc(678px - 678px);
    left: calc(2530px - 2437px);
    width: calc(224px);
    height:  41px;
}
.xiangcun .map-num{ 
    top: calc(837px - 678px);
    left: calc(2424px - 2437px);
}
.linghushuba{ 
    top: 1809px;
    left: 1883px;
    width:  calc(2224px - 1883px);
    height: calc(2008px - 1809px);
}
.linghushuba .img{ 
    top: calc(1809px - 1809px);
    left: calc(1918px - 1883px);
    width: 218px;
    height:  118px;
}
.linghushuba .common-text{ 
    top: calc(1940px - 1809px);
    left: calc(1883px - 1883px);
    width: calc(341px);
    height:  68px;
}
.linghushuba .map-num{ 
    top: calc(1961px - 1809px);
    left: calc(1845px - 1883px);
}
.yunhui{ 
    top: 2274px;
    left: 1076px;
    width:  calc(1320px - 1076px);
    height: calc(2485px - 2274px);
}
.yunhui .img{ 
    top: calc(2316px - 2274px);
    left: calc(1076px - 1076px);
    width: 218px;
    height:  169px;
}
.yunhui .common-text{ 
    top: calc(2274px - 2274px);
    left: calc(1081px - 1076px);
    width: calc(239px);
    height:  41px;
}
.yunhui .map-num{ 
    top: calc(2402px - 2274px);
    left: calc(1033px - 1076px);
}
/*街道分馆*/
.zhixiang{ 
    top: 435px;
    left: 2031px;
    width:  calc(2276px - 2031px);
    height: calc(691px - 435px);
}
.zhixiang .img{ 
    top: calc(480px - 435px);
    left: calc(2031px - 2031px);
    width: 245px;
    height:  211px;
}
.zhixiang .common-text{ 
    top: calc(435px - 435px);
    left: calc(2036px - 2031px);
    width: calc(224px);
    height:  41px;
} 
.zhixiang .map-num{ 
    top: calc(645px - 435px);
    left: calc(1984px - 2031px);
}

.longhujie{ 
    top: 745px;
    left: 1800px;
    width:  calc(2085px - 1800px);
    height: calc(895px - 745px);
}
.longhujie .img{ 
    top: calc(745px - 745px);
    left: calc(1800px - 1800px);
    width: 285px;
    height:  150px;
} 
.longhujie .map-num{ 
    top: calc(898px - 745px);
    left: calc(2185px - 1800px);
}
.longhujie .map-text{ 
    top: calc(912px - 745px);
    left: calc(2018px - 1800px);
    width: calc(165px);
    height:  41px;
}
.xinlongzhen{ 
    top: 1473px;
    left: 2375px;
    width:  calc(2748px - 2375px);
    height: calc(1740px - 1473px);
}
.xinlongzhen .img{ 
    top: calc(1523px - 1473px);
    left: calc(2375px - 2375px);
    width: 373px;
    height:  217px;
}
.xinlongzhen .common-text{ 
    top: calc(1473px - 1473px);
    left: calc(2549px - 2375px);
    width: calc(165px);
    height:  41px;
}
.xinlongzhen .map-num{ 
    top: calc(1433px - 1473px);
    left: calc(2612px - 2375px);
}
.lianhejie{ 
    top: 1919px;
    left: 910px;
    width:  calc(1422px - 910px);
    height: calc(2139px - 1919px);
}
.lianhejie .img{ 
    top: calc(1960px - 1919px);
    left: calc(910px - 910px);
    width: 512px;
    height:  179px;
}
.lianhejie .common-text{ 
    top: calc(1919px - 1919px);
    left: calc(1102px - 910px);
    width: calc(165px);
    height:  41px;
}
.lianhejie .map-num{ 
    top: calc(2158px - 1919px);
    left: calc(1099px - 910px);
}
.clj{ 
    top: 2092px;
    left: 1458px;
    width:  calc(1848px - 1458px);
    height: calc(2262px - 2092px);
}
.clj .img{ 
    top: calc(2092px - 2092px);
    left: calc(1458px - 1458px);
    width: 390px;
    height:  131px;
}
.clj .common-text{ 
    top: calc(2221px - 2092px);
    left: calc(1577px - 1458px);
    width: calc(165px);
    height:  41px;
}
.clj .map-num{ 
    top: calc(2264px - 2092px);
    left: calc(1647px - 1458px);
}
.yonghejie{ 
    top: 1989px;
    left: 2375px;
    width:  calc(2761px - 2375px);
    height: calc(2208px - 1989px);
}
.yonghejie .img{ 
    top: calc(2045px - 1989px);
    left: calc(2375px - 2375px);
    width: 386px;
    height:  163px;
}
.yonghejie .common-text{ 
    top: calc(1989px - 1989px);
    left: calc(2473px - 2375px);
    width: calc(165px);
    height:  41px;
} 
.yonghejie .map-num{ 
    top: calc(2204px - 1989px);
    left: calc(2346px - 2375px);
}
.xiangxuehuiben{ 
    top: 2249px;
    left: 1960px;
    width:  calc(2203px - 1960px);
    height: calc(2439px - 2249px);
}
.xiangxuehuiben .img{ 
    top: calc(2295px - 2249px);
    left: calc(1984px - 1960px);
    width: 196px;
    height:  144px;
}
.xiangxuehuiben .common-text{ 
    top: calc(2249px - 2249px);
    left: calc(1960px - 1960px);
    width: calc(243px);
    height:  41px;
}
.xiangxuehuiben .map-num{ 
    top: calc(2418px - 2249px);
    left: calc(1986px - 1960px);
}
.yupujie{ 
    top: 2698px;
    left: 2213px;
    width:  calc(2601px - 2213px);
    height: calc(2869px - 2698px);
}
.yupujie .img{ 
    top: calc(2712px - 2698px);
    left: calc(2213px - 2213px);
    width: 388px;
    height:  157px;
}
.yupujie .common-text{ 
    top: calc(2698px - 2698px);
    left: calc(2292px - 2213px);
    width: calc(157px);
    height:  41px;
}
.yupujie .map-num{ 
    top: calc(2762px - 2698px);
    left: calc(2173px - 2213px);
}

.dashajie{ 
    top: 2737px;
    left: 607px;
    width:  calc(876px - 607px);
    height: calc(2926px - 2737px);
}
.dashajie .img{ 
    top: calc(2785px - 2737px);
    left: calc(607px - 607px);
    width: 269px;
    height:  141px;
}
.dashajie .common-text{ 
    top: calc(2737px - 2737px);
    left: calc(682px - 607px);
    width: calc(157px);
    height:  41px;
}
.dashajie .dot-num{ 
    top: calc(2737px - 2737px);
    left: calc(634px - 607px);
    width: calc(40px);
    height:  41px;
}
.dashajie .map-num{ 
    top: calc(3049px - 2737px);
    left: calc(1158px - 607px);
}

.hpjfg{ 
    top: 2852px;
    left: 893px;
    width:  calc(1114px - 893px);
    height: calc(3105px - 2852px);
}
.hpjfg .img{ 
    top: calc(2852px - 2852px);
    left: calc(893px - 893px);
    width: 188px;
    height:  208px;
}
.hpjfg .common-text{ 
    top: calc(3064px - 2852px);
    left: calc(957px - 893px);
    width: calc(157px);
    height:  41px;
}
.hpjfg .dot-num{ 
}
.hpjfg .map-num{ 
    top: calc(3089px - 2852px);
    left: calc(1117px - 893px);
}

.wenchongjie{ 
    top: 2963px;
    left: 1434px;
    width:  calc(1796px - 1434px);
    height: calc(3084px - 2963px);
}
.wenchongjie .img{ 
    top: calc(2963px - 2963px);
    left: calc(1595px - 1434px);
    width: 201px;
    height:  121px;
}
.wenchongjie .common-text{ 
    top: calc(3040px - 2963px);
    left: calc(1434px - 1434px);
    width: calc(157px);
    height:  41px;
}
.wenchongjie .dot-num{ 
}
.wenchongjie .map-num{ 
    top: calc(3044px - 2963px);
    left: calc(1387px - 1434px);
}

.nangang{ 
    top: 2958px;
    left: 2139px;
    width:  calc(2545px - 2139px);
    height: calc(3195px - 2958px);
}
.nangang .img{ 
    top: calc(2984px - 2958px);
    left: calc(2139px - 2139px);
    width: 406px;
    height:  170px;
}
.nangang .common-text{ 
    top: calc(2958px - 2958px);
    left: calc(2275px - 2139px);
    width: calc(157px);
    height:  41px;
}
.nangang .dot-num{ 
    top: calc(3154px - 2958px);
    left: calc(2205px - 2139px);
    width: calc(41px);
    height:  41px;
}
.hdjfg{ 
    top: 3112px;
    left: 1726px;
    width:  calc(2023px - 1726px);
    height: calc(3394px - 3112px);
}
.hdjfg .img{ 
    top: calc(3112px - 3112px);
    left: calc(1748px - 1726px);
    width: 275px;
    height:  181px;
}
.hdjfg .common-text{ 
    top: calc(3353px - 3112px);
    left: calc(1726px - 1726px);
    width: calc(157px);
    height:  41px;
}
.hdjfg .dot-num{ 
}
.hdjfg .map-num{ 
    top: calc(3356px - 3112px);
    left: calc(1889px - 1726px);
}
.yuzhujie{ 
    top: 3123px;
    left: 618px;
    width:  calc(957px - 618px);
    height: calc(3307px - 3123px);
}
.yuzhujie .img{ 
    top: calc(3156px - 3123px);
    left: calc(618px - 618px);
    width: 339px;
    height:  151px;
}
.yuzhujie .common-text{ 
    top: calc(3123px - 3123px);
    left: calc(744px - 618px);
    width: calc(157px);
    height:  41px;
}
.yuzhujie .dot-num{ 
}
.yuzhujie .map-num{ 
    top: calc(3124px - 3123px);
    left: calc(909px - 618px);
}

.czjfg{ 
    top: 3446px;
    left: 751px;
    width:  calc(1129px - 751px);
    height: calc(3600px - 3446px);
}
.czjfg .img{ 
    top: calc(3469px - 3446px);
    left: calc(751px - 751px);
    width: 378px;
    height:  131px;
}
.czjfg .common-text{ 
    top: calc(3446px - 3446px);
    left: calc(836px - 751px);
    width: calc(157px);
    height:  41px;
}
.czjfg .dot-num{ 
}
.czjfg .map-num{ 
    top: calc(3400px - 3446px);
    left: calc(897px - 751px);
}
/*社会力量分馆*/
.liantang{ 
    top: 571px;
    left: 1525px;
    width:  calc(1727px - 1525px);
    height: calc(767px - 571px);
}
.liantang .img{ 
    top: calc(623px - 571px);
    left: calc(1525px - 1525px);
    width: 202px;
    height:  144px;
}
.liantang .common-text{ 
    top: calc(571px - 571px);
    left: calc(1551px - 1525px);
    width: calc(132px);
    height:  41px;
} 
.liantang .map-num{ 
    top: calc(769px - 571px);
    left: calc(1597px - 1525px);
}
.yinyueli{ 
    top: 717px;
    left: 2115px;
    width:  calc(2322px - 2115px);
    height: calc(868px - 717px);
}
.yinyueli .img{ 
    top: calc(717px - 717px);
    left: calc(2115px - 2115px);
    width: 207px;
    height:  107px;
}
.yinyueli .common-text{ 
    top: calc(827px - 717px);
    left: calc(2142px - 2115px);
    width: calc(152px);
    height:  41px;
} 
.yinyueli .map-num{ 
    top: calc(906px - 717px);
    left: calc(2240px - 2115px);
}
.zhongxinzhihui{ 
    top: 945px;
    left: 2238px;
    width:  calc(2520px - 2238px);
    height: calc(1161px - 945px);
}
.zhongxinzhihui .img{ 
    top: calc(994px - 945px);
    left: calc(2238px - 2238px);
    width: 282px;
    height:  167px;
}
.zhongxinzhihui .common-text{ 
    top: calc(945px - 945px);
    left: calc(2285px - 2238px);
    width: calc(209px);
    height:  41px;
}
.zhongxinzhihui .map-num{ 
    top: calc(907px - 945px);
    left: calc(2281px - 2238px);
}
.wankeshan{ 
    top: 2016px;
    left: 1951px;
    width:  calc(2194px - 1951px);
    height: calc(2243px - 2016px);
}
.wankeshan .img{ 
    top: calc(2016px - 2016px);
    left: calc(1951px - 1951px);
    width: 243px;
    height:  227px;
}
.wankeshan .common-text{ 
    width: calc(29px);
    height:  29px;
}
.wankeshan .map-num{ 
    top: calc(2065px - 2016px);
    left: calc(1990px - 1951px);
}
.wankeshan .map-text{ 
    top: calc(2060px - 2016px);
    left: calc(1769px - 1951px);
    width: calc(219px);
    height:  41px;
}
.hxyfg{ 
    top: 2683px;
    left: 1426px;
    width:  calc(1630px - 1426px);
    height: calc(2803px - 2683px);
}
.hxyfg .img{ 
    top: calc(2683px - 2683px);
    left: calc(1426px - 1426px);
    width: 204px;
    height:  120px;
}
.hxyfg .map-num{ 
    top: calc(2636px - 2683px);
    left: calc(1337px - 1426px);
}
.hxyfg .map-text{ 
    top: calc(2634px - 2683px);
    left: calc(1375px - 1426px);
    width: calc(164px);
    height:  41px;
}

.laidi{ 
    top: 2604px;
    left: 1832px;
    width:  calc(2043px - 1832px);
    height: calc(2754px - 2604px);
}
.laidi .img{ 
    top: calc(2653px - 2604px);
    left: calc(1849px - 1832px);
    width: 194px;
    height:  101px;
}
.laidi .common-text{ 
    top: calc(2604px - 2604px);
    left: calc(1871px - 1832px);
    width: calc(137px);
    height:  41px;
}
.laidi .dot-num{ 
    top: calc(2610px - 2604px);
    left: calc(1832px - 1832px);
    width: calc(33px);
    height:  33px;
}
.gny{ 
    top: 2834px;
    left: 1091px;
    width:  calc(1347px - 1091px);
    height: calc(3022px - 2834px);
}
.gny .img{ 
    top: calc(2834px - 2834px);
    left: calc(1098px - 1091px);
    width: 249px;
    height:  145px;
}
.gny .common-text{ 
    top: calc(2981px - 2834px);
    left: calc(1091px - 1091px);
    width: calc(164px);
    height:  41px;
}
.gny .dot-num{ 
    top: calc(2986px - 2834px);
    left: calc(1258px - 1091px);
    width: calc(34px);
    height:  34px;
}
.yishan{ 
    top: 3510px;
    left: 132px;
    width:  calc(415px - 132px);
    height: calc(3727px - 3510px);
}
.yishan .img{ 
    top: calc(3555px - 3510px);
    left: calc(132px - 132px);
    width: 283px;
    height:  172px;
}
.yishan .common-text{ 
    top: calc(3510px - 3510px);
    left: calc(218px - 132px);
    width: calc(138px);
    height:  41px;
}
.yishan .dot-num{ 
    top: calc(3515px - 3510px);
    left: calc(359px - 132px);
    width: calc(34px);
    height:  34px;
}
/* 社区分馆 */ 
.yongshunshequ{ 
    top: 1827px;
    left: 1467px;
    width:  calc(1772px - 1467px);
    height: calc(2050px - 1827px);
}
.yongshunshequ .img{ 
    top: calc(1827px - 1827px);
    left: calc(1467px - 1467px);
    width: 273px;
    height:  174px;
}
.yongshunshequ .common-text{ 
    top: calc(2009px - 1827px);
    left: calc(1490px - 1467px);
    width: calc(282px);
    height:  41px;
} 
.yongshunshequ .map-num{ 
    top: calc(2014px - 1827px);
    left: calc(1779px - 1467px);
}

.jlyfg{ 
    top: 3578px;
    left: 1191px;
    width:  calc(1518px - 1191px);
    height: calc(3751px - 3578px);
}
.jlyfg .img{ 
    top: calc(3619px - 3578px);
    left: calc(1191px - 1191px);
    width: 327px;
    height:  132px;
}
.jlyfg .common-text{ 
    top: calc(3582px - 3578px);
    left: calc(1247px - 1191px);
    width: calc(219px);
    height:  25px;
}
.jlyfg .dot-num{ 
    top: calc(3578px - 3578px);
    left: calc(1207px - 1191px);
    width: calc(34px);
    height:  34px;
}
.jlyfg .map-num{ 
    top: calc(3109px - 3578px);
    left: calc(1269px - 1191px);
}
.jlyfg .map-text{ 
    top: calc(3142px - 3578px);
    left: calc(1291px - 1191px);
    width: calc(231px);
    height:  41px;
}

.hphy{ 
    top: 3228px;
    left: 1208px;
    width:  calc(1489px - 1208px);
    height: calc(3466px - 3228px);
}
.hphy .img{ 
    top: calc(3307px - 3228px);
    left: calc(1208px - 1208px);
    width: 281px;
    height:  159px;
}
.hphy .common-text{ 
    top: calc(3264px - 3228px);
    left: calc(1229px - 1208px);
    width: calc(260px);
    height:  41px;
}
.hphy .dot-num{ 
    top: calc(3228px - 3228px);
    left: calc(1281px - 1208px);
    width: calc(34px);
    height:  34px;
}

.lxiasha{ 
    top: 3646px;
    left: 569px;
    width:  calc(810px - 569px);
    height: calc(3857px - 3646px);
}
.lxiasha .img{ 
    top: calc(3695px - 3646px);
    left: calc(582px - 569px);
    width: 227px;
    height:  162px;
}
.lxiasha .common-text{ 
    top: calc(3646px - 3646px);
    left: calc(606px - 569px);
    width: calc(204px);
    height:  41px;
}
.lxiasha .dot-num{ 
    top: calc(3648px - 3646px);
    left: calc(569px - 569px);
    width: calc(34px);
    height:  34px;
}
.lxiasha .map-num{ 
    top: calc(3111px - 3646px);
    left: calc(1222px - 569px);
}
.lxiasha .map-text{ 
    top: calc(3134px - 3646px);
    left: calc(1057px - 569px);
    width: calc(204px);
    height:  41px;
}

.liyuan{ 
    top: 3183px;
    left: 1001px;
    width:  calc(1209px - 1001px);
    height: calc(3431px - 3183px);
}
.liyuan .img{ 
    top: calc(3262px - 3183px);
    left: calc(1014px - 1001px);
    width: 183px;
    height:  169px;
}
.liyuan .common-text{ 
    top: calc(3217px - 3183px);
    left: calc(1001px - 1001px);
    width: calc(208px);
    height:  41px;
}
.liyuan .dot-num{ 
    top: calc(3183px - 3183px);
    left: calc(1169px - 1001px);
    width: calc(34px);
    height:  34px;
}

/* 图例 */
.cutline {
  left: 87px;
  top: 2749px;
  width: 433px;
  background: rgba(255, 255, 255, .7);
  border-radius: 10px;
}

.cutline-title {
  font-family: myFirstFont;
  font-weight: bold;
  color: #1B1B1B;
  text-align: center;
  font-size: 32px;
}

.cutline .title {
  padding-top: 13px;
  font-size: 60px;
}

.cutline .cutline-red,
.cutline .cutline-orange,
.cutline .cutline-green,
.cutline .cutline-blue,
.cutline .cutline-purple {
  height: 51px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}

.cutline .cutline-red {
  padding-left: 65px;
}

.cutline .cutline-orange {
  padding-left: 70px;
}

.cutline .cutline-green,
.cutline .cutline-blue,
.cutline .cutline-purple {
  padding-left: 73px;
}

.cutline .dot {
    background-size: 112px 637px;
}

.cutline-red .dot {
  background-image: url(../images/sprite.png);
  background-position: -51px -586px;
  width: 51px;
  height: 51px;
  display: inline-block;
}

.cutline-red .red-title {
  height: 32px;
  font-size: 32px;
  padding-left: 19px;
}

.cutline-orange .dot {
  background-image: url(../images/sprite.png);
  background-position: -38px -494px;
  width: 40px;
  height: 41px;
  display: inline-block;
}

.cutline-orange .orange-title {
  height: 32px;
  padding-left: 26px;
}

.cutline-green .dot {
  background-image: url(../images/sprite.png);
  background-position: -33px -236px;
  width: 33px;
  height: 33px;
  display: inline-block;
}

.cutline-green .green-title {
  height: 32px;
  line-height: 32px;
  padding-left: 30px;
}

.cutline-blue .dot {
  background-image: url(../images/sprite.png);
  background-position: 0 -236px;
  width: 33px;
  height: 34px;
  display: inline-block;
}

.cutline-blue .blue-title {
  padding-left: 30px;
}

.cutline-purple .dot {
  background-image: url(../images/sprite.png);
  background-position: 0 -66px;
  width: 33px;
  height: 33px;
  display: inline-block;
}

.cutline-purple .purple-title {
  padding-left: 29px;
}

.cutline .bottom {
  margin-top: 39px;
  background: #227E85;
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: flex;
  align-items: center;
}

.bottom .dTod {
  width: 52px;  
  height: auto; 
  padding-left: 64px;
}

.bottom .bottom-title {
  font-size: 32px;
  font-family: myFirstFont;
  font-weight: bold;
  color: #FFFFFF;
  padding-left: 19px;
  padding-right: 41px;
}

.w37 {
    display:block;
    height:37px;
    width:37px;
}

/* 右边列表 */
/*.right-list {
  width: 809px;
  background-color: rgba(255, 255, 255, .67);
  border-radius: 30px;
  left: 2850px;
  top: 48px;
}*/
           

.common-scale,
.pointer {
  cursor: pointer;
}
                

.GoBack {
  /* position: fixed;
  right: -30px;
  bottom: 14px; */
}

.bg-img {
  width: 25%;
}

.litter-img {
  vertical-align: middle;
  width: 100%;
}

.mapBox {
  background-color: rgb(255, 238, 135);
}


.litter-map {
  width: 15%;
  border: 1px solid red;
  border-radius: 20px;
  position: fixed;
  bottom: 3%;
  right: 2.2%;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  z-index:10;
}
.itemshow {
    animation: itemShow 3s infinite;
    -webkit-animation: itemShow 3s infinite;
}
.show {
  animation: lmShow 15s infinite;
  -webkit-animation: lmShow 15s infinite;
}

.litter-map .kuang {
  content: '';
  position: absolute;
  width: 100%;
  /* height: 10%; */
  top: 0%;
  box-shadow: 0 0 0 999vw rgb(0 0 0 / 50%);
}

.wrap3840 {
  height: 100%;
}

@keyframes lmShow {
    0% {
        opacity: 100%;
    }

    35% {
        opacity: 0%;
    }

    50% {
        opacity: 0%;
    }

    70% {
        opacity: 100%;
    }

    100% {
        opacity: 100%;
    }
}

@keyframes itemShow {
    0% {
        transform: scale(1);
    }
    /* 35% {
     transform: scale(1.8);
  }*/

    50% {
        transform: scale(2);
    }
    /*70% {
    transform: scale(1.8);
  }*/

    100% {
        transform: scale(1);
    }
}