.location {
  width: 20px;
  height: 27px;
  background-image: url(../images/location.png);
  background-size: 100% 100%;
  display: block;
}

.common-text {
  font-size: 31px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 1;
  display: block;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
  position: absolute;
}

.common-title-bg {
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  position: absolute;
}

.mapBox .box {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
  border-radius: 42px;
}

.title {
  left: 16px;
  top: 29px;
  width: 1107px;
  height: 401px;
}

.ttle .img {
  width: 100%;
  height: 100%;
}

.htgj .img {
  left: 1172px;
  top: 0px;
  width: 285px;
  height: 465px;
}

.htgj .text {
  width: 69px;
  height: 187px;
  left: 1354px;
  top: 14px;
  background-image: url(../images/title/htgj-text.png);
}

.dkdj .img {
  width: 166px;
  height: 309px;
  left: 1440px;
  top: 115px;
}

.dkdj .text {
  left: 1589px;
  top: 171px;
  width: 70px;
  height: 188px;
  background-image: url(../images/title/dkdj-text.png);
}

.ldmmx .img {
  width: 201px;
  height: 342px;
  left: 1678px;
  top: 0;
}

.ldmmx .text {
  width: 70px;
  height: 223px;
  left: 1874px;
  top: 1px;
  background-image: url(../images/title/ldmox-text.png);
}

.nwjxg .img {
  width: 379px;
  height: 299px;
  left: 1906px;
  top: 94px;
}

.nwjxg .text {
  width: 70px;
  height: 223px;
  left: 2255px;
  top: 104px;
  background-image: url(../images/title/nwjxg-text.png);

}

.nwjxg .img {
  width: 379px;
  height: 299px;
  left: 1906px;
  top: 94px;
}

.nwjxg .text {
  left: 2255px;
  top: 104px;
  width: 70px;
  height: 223px;
  background-image: url(../images/title/nwjxg-text.png);

}

.jzdsw .img {
  width: 291px;
  height: 374px;
  left: 1556px;
  top: 447px;
}

.jzdsw .text {
  left: 1794px;
  top: 541px;
  width: 70px;
  height: 223px;
  background-image: url(../images/title/jzdsw-text.png);
}

.lfhmjnzjy .img {
  width: 289px;
  height: 285px;
  left: 2068px;
  top: 558px;
}

.lfhmjnzjy .text {
  left: 2327px;
  top: 468px;
  width: 70px;
  height: 355px;
  background-image: url(../images/title/lfhmjnzjy-text.png);
}

.dkpj .img {
  width: 225px;
  height: 261px;
  left: 1820px;
  top: 298px;
}

.dkpj .text {
  left: 2034px;
  top: 318px;
  width: 70px;
  height: 188px;
  background-image: url(../images/title/dkdj-text.png);
}

.bzx .img {
  left: 1238px;
  top: 454px;
  width: 332px;
  height: 336px;
}

.bzx .text {
  left: 1249px;
  top: 514px;
  width: 70px;
  height: 156px;
  background-image: url(../images/title/bzx-text.png);
}

.jzygw .img {
  left: 2424px;
  top: 61px;
  width: 277px;
  height: 235px;
}

.jzygw .text {
  background-image: url(../images/title/jzygw-text.png);
  width: 71px;
  height: 223px;
  left: 2711px;
  top: 39px;
}

.jsmd .img {
  left: 2790px;
  top: 54px;
  width: 251px;
  height: 211px;
}

.jsmd .text {
  background-image: url(../images/title/jsmd-text.png);
  width: 70px;
  height: 188px;
  left: 2996px;
  top: 40px;
}

.jsmgh .img {
  left: 3078px;
  top: 54px;
  width: 238px;
  height: 241px;
}

.jsmgh .text {
  background-image: url(../images/title/jsmgh-text.png);
  width: 69px;
  height: 223px;
  left: 3312px;
  top: 39px;
  z-index: 9;
}

.zmx .img {
  left: 3345px;
  top: 29px;
  width: 281px;
  height: 246px;
}

.zmx .text {
  background-image: url(../images/title/jszms-text.png);
  left: 3625px;
  top: 49px;
  width: 70px;
  height: 223px;
}

.nthdy .img {
  left: 2502px;
  top: 350px;
  width: 205px;
  height: 291px;
}

.nthdy .text {
  left: 2709px;
  top: 380px;
  width: 70px;
  height: 223px;
  background-image: url(../images/title/ntcdy-text.png);
}

.wss .img {
  left: 2828px;
  top: 335px;
  width: 167px;
  height: 307px;
}

.wss .text {
  left: 3011px;
  top: 377px;
  background-image: url(../images/title/wss-text.png);
  width: 70px;
  height: 156px;
}

.jslyd .img {
  left: 3079px;
  top: 301px;
  width: 246px;
  height: 315px;
}

.jslyd .text {
  left: 3311px;
  top: 377px;
  width: 70px;
  height: 223px;
  background-image: url(../images/title/jslyd-text.png);
}

.dabs .img {
  left: 3394px;
  top: 288px;
  width: 247px;
  height: 300px;
}

.dabs .text {
  left: 3625px;
  top: 377px;
  width: 70px;
  height: 188px;
  background-image: url(../images/title/dabs-text.png);
}

.xc .img {
  left: 2989px;
  top: 674px;
  width: 294px;
  height: 162px;
}

.xc .text {
  left: 3270px;
  top: 637px;
  width: 70px;
  height: 188px;
  background-image: url(../images/title/lfxc-text.png);
}

.jzby .img {
  width: 263px;
  height: 200px;
  left: 3352px;
  top: 628px;
}

.jzby .text {
  left: 3625px;
  top: 637px;
  width: 70px;
  height: 188px;
  background-image: url(../images/title/jzby-text.png);
}

.fqq .img {
  left: 562px;
  top: 731px;
  width: 326px;
height: 368px;
}

.fqq .text {
  width: 70px;
  height: 155px;
  left: 839px;
  top: 866px;
  background-image: url(../images/title/fqq-text.png);
}

.xqx .img {
  left: 1101px;
  top: 681px;
  width: 165px;
  height: 367px;
}

.xqx .text {
  width: 70px;
  height: 156px;
  left: 1252px;
  top: 780px;
  background-image: url(../images/title/xqx-text.png);
}

.zzx .img {
  left: 1518px;
  top: 809px;
  width: 348px;
  height: 318px;
}

.zzx .text {
  width: 70px;
  height: 155px;
  left: 1749px;
  top: 846px;
  background-image: url(../images/title/zzx-text.png);
}

.qgw .img {
  left: 1836px;
  top: 522px;
  width: 205px;
  height: 393px;
}

.qgw .text {
  width: 70px;
  height: 156px;
  left: 1993px;
  top: 600px;
  background-image: url(../images/title/qgw-text.png);
}

.lfpyx .img {
  left: 1922px;
  top: 936px;
  width: 285px;
  height: 227px;
}

.lfpyx .text {
  width: 70px;
  height: 223px;
  left: 1899px;
  top: 920px;
  background-image: url(../images/title/lfpyx-text.png);
}

.lfzdkgy .img {
  left: 2238px;
  top: 838px;
  width: 216px;
  height: 171px;
}

.lfzdkgy .text {
  width: 69px;
  height: 290px;
  left: 2407px;
  top: 778px;
  background-image: url(../images/title/lfzdkgy-text.png);
}

.bmps .img {
  left: 2446px;
  top: 660px;
  width: 268px;
  height: 551px;
}

.bmps .text {
  width: 70px;
  height: 188px;
  left: 2654px;
  top: 865px;
  background-image: url(../images/title/bmps-text.png);
}

.zzgdjyy .img {
  left: 2120px;
  top: 1054px;
  width: 260px;
  height: 328px;
}

.zzgdjyy .text {
  width: 71px;
  height: 290px;
  left: 2362px;
  top: 1056px;
  background-image: url(../images/title/zzgdjyy-text.png);
}

.qlw .img {
  width: 409px;
  height: 315px;
  left: 205px;
  top: 1145px;
}

.qlw .text {
  left: 608px;
  top: 1231px;
  width: 70px;
  height: 156px;
  background-image: url(../images/title/qlw-text.png);
}

.czyy .img {
  width: 356px;
height: 271px;
  left: 826px;
  top: 1125px;
}

.czyy .text {
  left: 1164px;
  top: 1162px;
  width: 70px;
  height: 188px;
  background-image: url(../images/title/czyy-text.png);
}

.fsmzmh .img {
  width: 216px;
  height: 462px;
  left: 1232px;
  top: 979px;
}

.fsmzmh .text {
  left: 1438px;
  top: 1105px;
  width: 70px;
  height: 255px;
  background-image: url(../images/title/fsmzmh-text.png);
}

.gdjl .img {
  width: 438px;
  height: 211px;
  left: 1694px;
  top: 1110px;
}

.gdjl .text {
  left: 1655px;
  top: 1137px;
  width: 71px;
  height: 187px;
  background-image: url(../images/title/gdjl-text.png);
}

.swyg .img {
  width: 553px;
  height: 334px;
  left: 1126px;
  top: 1346px;
}

.swyg .text {
  left: 1051px;
  top: 1494px;
  width: 70px;
  height: 188px;
  background-image: url(../images/title/swyg-text.png);
}

.xwsmh .img {
  width: 416px;
  height: 205px;
  left: 2181px;
  top: 1354px;
}

.xwsmh .text {
  left: 2123px;
  top: 1346px;
  width: 69px;
  height: 223px;
  background-image: url(../images/title/xwsmh-text.png);
}

.hdhlc .img {
  left: 2718px;
  top: 1082px;
  width: 538px;
  height: 299px;
}

.hdhlc .text {
  left: 2661px;
  top: 1151px;
  width: 68px;
  height: 223px;
  background-image: url(../images/title/hdhlc-text.png);
}

/* 图例 */
.tulist {
  position: absolute;
  left: 3261px;
  top: 982px;
  width: 428px;
  max-width: 428px;
  /* height: 241px; */
  background: #FBFAEE;
  border: 6px solid #EDBB90;
  border-radius: 19px;
  box-sizing: border-box;
}

.tulist .text {
  height: 30px;
  font-size: 31px;
  font-weight: 500;
  color: #532310;
  width: 100%;
  text-align: center;
  padding-top: 13px;
}

.tulist .ul {
  display: flex;
  justify-content: space-around;
  padding: 27px 0;
}

.tulist .ul li {
  display: flex;
  width: 96px;
  /* padding-right: 31px; */
}

.tulist .ul .img {
  width: 56px;
  height: 141px;
  position: unset;
}

.tulist .ul .li-text {
  padding: 14px 0 0 10px;
  writing-mode: vertical-lr;
  font-size: 31px;
  font-weight: 500;
  color: #532310;
  width: 30px;
  line-height: 1;
}

/* 城市名 */
.county .lhx {
  left: 1669px;
  top: 360px;
}

.county .hfx {
  left: 959px;
  top: 1022px;
}

.county .lfs {
  left: 2485px;
  top: 1270px;
}

.county .cq {
  left: 1502px;
  top: 1444px;
  color: #52ACBF;
  font-size: 42px;
}

.county .nh {
  left: 1056px;
  top: 1700px;
  font-size: 57px;
  font-weight: 400;
  color: #2F878E;
  letter-spacing: 75px;
}

.hover:hover .img,
.hover:hover .text,
.hover:hover .db {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.hover:hover .db {
  animation: float ease-in-out .4s infinite;
  -webkit-animation: float ease-in-out .4s infinite;
}

@keyframes float {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
  }
}