* {
  padding: 0;
  margin: 0;
  user-select: none;
}

@font-face {
  font-family: HuXiaoBoFont;
  src: url(../../font/HuXiaoBoNanShenTi-2.otf);
}

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

img {
  vertical-align: middle;
}

.img {
  position: absolute;
}

.common-ms-text {
  background: #D7423C;
  border: 4px solid #FFFFFF;
  border-radius: 10px;
  font-size: 26px;
  font-family: myFirstFont;
  font-weight: normal;
  color: #FFFFFF;
  height: 36px;
  line-height: 36px;
  position: absolute;
}

.common-gs-text {
  border-radius: 5px;
  font-size: 13px;
  font-family: myFirstFont;
  font-weight: normal;
  color: #FFFFFF;
  position: absolute;
  line-height: 1;
}

.common-area-text {
  font-size: 30px;
  font-family: HuXiaoBoFont;
  font-weight: normal;
  color: #FDEE4C;
  padding: 11px 12px 15px 8px;
  background: #4D3F39;
  border-radius: 10px;
  width: 30px;
  position: absolute;
  line-height: 1.2;
}

.star-icon {
  background: url(../images/star.png) no-repeat;
  width: 25px;
  height: 25px;
  background-size: 100% 100%;
  position: absolute;
}

.opacity {
  opacity: 0;
}

.hover {
  cursor: pointer;
}

/*.logo {
  width: 953px !important;
  height: 160px !important;
  margin-top: 60px;
}

.logo img {
  height: 160px !important;
}*/

/* 内容 */
.mapBox {
  width: 3699px;
  height: 1804px;
  position: relative;
  margin: 0 auto;
  background: #ffee87;
  border: solid 3px #5f250d;
  padding: 8px;
  border-radius: 30px;
  /* overflow: hidden; */
}

.mapBox .box {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}

.title .img {
  top: 33px;
  left: 0;
}

.nmmz .img {
  width: 190px;
  height: 186px;
  left: 47px;
  top: 801px;
}

.nmmz .text {
  left: 63px;
  top: 757px;
  padding: 0 13px 0 15px;
}

.hdnmf .img {
  width: 178px;
  height: 133px;
  left: 288px;
  top: 753px;
}

.hdnmf .text {
  padding: 0 10px 0 10px;
  left: 299px;
  top: 712px;
}

.ysjm .img {
  width: 195px;
  height: 182px;
  left: 468px;
  top: 663px;
}

.ysjm .text {
  left: 493px;
  top: 622px;
  padding: 0 12px 0 12px;
}

.yztg .img {
  width: 254px;
  height: 139px;
  left: 714px;
  top: 682px;
}

.yztg .text {
  left: 824px;
  top: 635px;
  padding: 0 16px 0 15px;
}

.hlly .img {
  width: 302px;
  height: 159px;
  left: 1114px;
  top: 584px;
}

.hlly .text {
  left: 1129px;
  top: 542px;
  padding: 0 21px 0 20px;
}

.xjdr .img {
  width: 191px;
  height: 181px;
  left: 969px;
  top: 765px;
}

.xjdr .text {
  left: 1045px;
  top: 720px;
  padding: 0 17px 0 15px;
}

.gmzyb .img {
  width: 249px;
  height: 138px;
  left: 1168px;
  top: 815px;
}

.gmzyb .text {
  left: 1222px;
  top: 773px;
  padding: 0 15px 0 15px;
}

.xgxcnr .img {
  width: 212px;
  height: 185px;
  left: 1515px;
  top: 719px;
}

.xgxcnr .text {
  left: 1531px;
  top: 672px;
  padding: 0 15px 0 11px;
}

.blhbj .img {
  width: 220px;
  height: 225px;
  left: 1752px;
  top: 731px;
}

.blhbj .text {
  left: 1830px;
  top: 689px;
  padding: 0 23px 0 19px;
}

.sttyt .img {
  width: 301px;
  height: 164px;
  left: 1760px;
  top: 1013px;
}

.sttyt .text {
  left: 1818px;
  top: 969px;
  padding: 0 14px 0 14px;
}

.hzngt .img {
  width: 192px;
  height: 167px;
  left: 1990px;
  top: 874px;
}

.hzngt .text {
  left: 2002px;
  top: 835px;
  padding: 0 10px 0 10px;
}

.yzf .img {
  width: 197px;
  height: 147px;
  left: 2198px;
  top: 1233px;
}

.yzf .text {
  left: 2252px;
  top: 1196px;
  padding: 0 10px 0 13px;
}

.hznrm .img {
  width: 205px;
  height: 145px;
  left: 2088px;
  top: 1084px;
}

.hznrm .text {
  left: 2090px;
  top: 1045px;
  padding: 0 14px 0 17px;
}

.qbl .img {
  width: 165px;
  height: 113px;
  left: 2309px;
  top: 906px;
}

.qbl .text {
  left: 2323px;
  top: 873px;
  padding: 0 20px 0 13px;
}

.jstts .img {
  width: 166px;
  height: 142px;
  left: 2450px;
  top: 923px;
}

.jstts .text {
  left: 2496px;
  top: 878px;
  padding: 0 16px;
}

.lycj .img {
  left: 2602px;
  top: 992px;
}

.lycj .text {
  left: 2664px;
  top: 946px;
  padding: 0 14px 0 14px;
}

.tqpg .img {
  width: 245px;
  height: 170px;
  left: 2896px;
  top: 790px;
}

.tqpg .text {
  left: 2943px;
  top: 747px;
  padding: 0 16px 0 15px;
}

.yzbj .img {
  width: 214px;
  height: 215px;
  left: 3294px;
  top: 822px;
}

.yzbj .text {
  left: 3324px;
  top: 776px;
  padding: 0 19px 0 20px;
}

.hxhg .img {
  width: 269px;
  height: 149px;
  left: 3023px;
  top: 1037px;
}

.hxhg .text {
  left: 3107px;
  top: 993px;
  padding: 0 20px;
}

.xjxyb .img {
  width: 226px;
  height: 200px;
  left: 2613px;
  top: 1467px;
}

.xjxyb .text {
  left: 2638px;
  top: 1422px;
  padding: 0 15px 0 17px;
}

.yw .img {
  width: 173px;
  height: 139px;
  left: 2608px;
  top: 1266px;
}

.yw .text {
  left: 2621px;
  top: 1222px;
  padding: 0 14px 0 15px;
}

.hsyb .img {
  width: 179px;
  height: 111px;
  left: 2371px;
  top: 1457px;
}

.hsyb .text {
  left: 2376px;
  top: 1418px;
  padding: 0 8px 0 9px;
}

.yczj .img {
  width: 219px;
  height: 196px;
  left: 2242px;
  top: 1603px;
}

.yczj .text {
  left: 2273px;
  top: 1562px;
  padding: 0 25px 0 14px;
}

.ds .img {
  width: 219px;
  height: 152px;
  left: 2052px;
  top: 1528px;
}

.ds .text {
  left: 2006px;
  top: 1510px;
  padding: 0 23px 0 21px;
}

.jd .img {
  width: 147px;
  height: 146px;
  left: 2081px;
  top: 1354px;
}

.jd .text {
  left: 2026px;
  top: 1323px;
  padding: 0 16px 0 15px;
}

.ymg .img {
  left: 1632px;
  top: 1284px;
  width: 238px;
  height: 187px;
}

.ymg .text {
  left: 1700px;
  top: 1240px;
  padding: 0 14px 0 16px;
}

.cszxdy .img {
  width: 257px;
  height: 191px;
  left: 1468px;
  top: 967px;
}

.cszxdy .text {
  left: 1514px;
  top: 922px;
  padding: 0 10px 0 9px;
}

.yzzxb .img {
  width: 254px;
  height: 233px;
  left: 969px;
  top: 1266px;
}

.yzzxb .text {
  left: 998px;
  top: 1222px;
  padding: 0 14px;
}

.gmft .img {
  width: 241px;
  height: 181px;
  left: 745px;
  top: 1097px;
}

.gmft .text {
  left: 821px;
  top: 1047px;
  padding: 0 19px 0 21px;
}

.bdjzy .img {
  width: 294px;
  height: 202px;
  left: 317px;
  top: 1050px;
}

.bdjzy .text {
  left: 405px;
  top: 1007px;
  padding: 0 21px 0 20px;
}

.gmsf .img {
  width: 194px;
  height: 185px;
  left: 632px;
  top: 912px;
}

.gmsf .text {
  left: 660px;
  top: 867px;
  padding: 0 20px 0 18px;
}

.syszf .star-icon {
  width: 34px;
  height: 34px;
  left: 2288px;
  top: 1430px;
}

.syszf .text {
  width: 30px;
  height: 173px;
  background: url(../images/syszf.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 2332px;
  top: 1380px;
}


.jc .img {
  width: 50px;
  height: 46px;
  left: 1881px;
  top: 1196px;
}

.jc .text {
  font-size: 15px;
  font-family: myFirstFont;
  font-weight: normal;
  color: #555452;
  position: absolute;
  left: 1846px;
  top: 1243px;
}

.yzzz .img {
  width: 240px;
  height: 207px;
  left: 1122px;
  top: 1005px;
}

.yzzz .text {
  left: 1168px;
  top: 961px;
  padding: 0 19px 0 20px;
}

.yrhg .img {
  width: 209px;
  height: 233px;
  left: 2366px;
  top: 1074px;
  z-index: 9;
}

.yrhg .text {
  left: 2288px;
  top: 1050px;
  padding: 0 21px 0 17px;
}

.star .star-1 {
  left: 969px;
  top: 1028px;
}

.star .star-2 {
  left: 2549px;
  top: 1311px;
}

.star .star-3 {
  left: 3217px;
  top: 861px;
}

.gs .G98 {
  background: #1DBCA0;
  padding: 4px 9px 4px 8px;
}

.gs .G98-1 {
  left: 427px;
  top: 922px;
}

.gs .G98-2 {
  left: 995px;
  top: 1164px;
}

.gs .G98-3 {
  left: 1823px;
  top: 1180px;
}

.gs .G98-4 {
  left: 2762px;
  top: 1157px;
}

.gs .G98-5 {
  left: 3155px;
  top: 934px;
}

.gs .G223,
.gs .G224,
.gs .G225 {
  background: #C7303E;
  padding: 3px 9px 4px 10px;
}

.gs .G225-1 {
  left: 277px;
  top: 1004px;
}

.gs .G225-2 {
  left: 1500px;
  top: 1221px;
}

.gs .G225-3 {
  left: 2113px;
  top: 1292px;
}

.gs .G225-4 {
  left: 2247px;
  top: 1475px;
}

.gs .G225-5 {
  left: 277px;
  top: 1004px;
}

.gs .G223 {
  left: 2891px;
  top: 1353px;
}

.gs .G224 {
  left: 2506px;
  top: 1442px;
}

.gs .S314 {
  background: #FFC41F;
  padding: 4px 11px 4px 10px;
  font-size: 12px;
  font-family: myFirstFont;
  font-weight: normal;
  color: #1E1A1A;
}

.gs .S314-1 {
  left: 1445px;
  top: 654px;
}

.gs .S314-2 {
  left: 1501px;
  top: 885px;
}


/* 地方区域 */
.area .yzq {
  left: 998px;
  top: 984px;
}

.area .tyq {
  left: 1994px;
  top: 1175px;
}

.area .htq {
  left: 3247px;
  top: 770px;
}

.area .jyq {
  left: 2496px;
  top: 1292px;
}

.common-river-text {
  font-size: 20px;
  font-family: myFirstFont;
  font-weight: normal;
  font-style: italic;
  color: #284786;
  position: absolute;
}

.text .ctsk {
  left: 3090px;
  top: 759px;
}

.text .tlg {
  left: 2955px;
  top: 1331px;
}

.text .nh {
  left: 1409px;
  top: 1468px;
  font-size: 45px;
  letter-spacing: 92px;
}

.common-conty-text {
  font-size: 47px;
  font-family: KTXP;
  font-weight: bold;
  color: #A17B5C;
  position: absolute;
  line-height: 1;
}

.county .lstzzzx {
  left: 3532px;
  top: 454px;
  width: 49px;
  line-height: 1.42;
  font-size: 46px;
}

.county .lgyzzzx {
  left: 1094px;
  top: 114px;
  letter-spacing: 18px;
}

.county .btyzmzzzx {
  left: 2475px;
  top: 513px;
  letter-spacing: 17px;
}














.hover:hover .img,
.hover:hover .text {
  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);
  }
}