[v-cloak] {
  display: none !important;
}

.header {
  background: url(./../images/header01.png) no-repeat;
  background-size: 100% 100%;
  /* height: 114px; */
}

.mapContent>div {
  /* text-align: center; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

#aoMenXiangGang {
  display: none;
}

#aoMenXiangGangMap {
  display: none;
}

.mapContent>div>img {
  width: 12px;
}

.body .bodyLeft {
  width: 23.5%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-around;
  z-index: 2;
}

.body .bodyMiddle {
  width: 49%;
  height: auto;
  z-index: 2;
  /* margin: 0 3%; */
}

.body .bodyRight {
  width: 24.1%;
  height: auto;
  z-index: 2;
}

/* 中间部分 */
.bodyMiddleTop {
  margin-top: 110px;
  background: url(./../images/mapNav.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 250px;
  z-index: 999;
}

.bodyMiddleTopTitle img {
  width: 70px;
  height: 26px;
}

.bodyMiddleTopTitle h1 {
  font-size: 44px;
  font-family: PangMenZhengDao;
  font-weight: 400;
  color: #ffffff;
  margin: 0 14px;
  background: url(./../images/fontBack.png) no-repeat;
  background-size: 100%;
  /* border: 2px solid #fff; */
  width: 200px;
  height: 130px;
  text-align: center;
  line-height: 140px;
}

.bodyMiddleTopTitle {
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: center;
  padding-top: 18px;
}

.bodyMiddleTop ul {
  display: flex;
  width: 78%;
  align-items: center;
  margin: 0 auto;
  margin-top: 14px;
  justify-content: space-between;
}

.bodyMiddleTop ul li {
  margin-left: 50px;
}

.bodyMiddleTop ul li .name {
  font-size: 28px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #ffffff;
}

.bodyMiddleTop ul li p .num {
  font-size: 36px;
  font-family: PangMenZhengDao;
  font-weight: 400;
  color: #8be0ff;
  letter-spacing: 2px;
}

.bodyMiddleTop ul li p .unit {
  font-size: 28px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #88ddff;
  margin-left: 2px;
}

.mapContent {
  position: relative;
  top: 300px;
}

.mapContent .areaContent {
  width: 512px;
  height: 88px;
  position: fixed;
  left: 1040px;
  /* top: 520px; */
  top: 558px;
  background: url(./../images/mapSelectList.png) no-repeat;
  background-size: 100% 100%;
  align-items: center;
  padding-top: 10px;
  z-index: 100;
  display: flex;
  flex-direction: unset;
  justify-content: unset;
}

.mapContent .areaContent select,
.mapContent .areaContent option {
  outline: none;
  border: 0;
  background: none;
  font-size: 34px;
  font-family: Source Han Sans CN;
  font-weight: 800;
  color: #ffffff;
  opacity: 0.9;
}

.mapContent .areaContent select {
  height: 100%;
  margin: 0 58px 0 110px;
}

.mapContent .areaContent option {
  color: #000;
  font-size: 34px;
}

.mapContent .areaContent span {
  font-size: 28px;
  margin-left: 20px;
}

.mapNav {
  background: url(./../images/mapNav1.png) no-repeat;
  background-size: 100% 100%;
  width: 3400px;
  height: 1140px;
  position: absolute;
  left: 192px;
  top: 980px;

}

.mapCharContent {
  width: 1600px;
  height: 848px;
  z-index: 99;
}

/* 右侧内容 */
.boxContent5 {
  background: url(./../images/boxBac005.png) no-repeat;
  background-size: 100% 100%;
  width: 860px;
  height: 780px;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 120px;
  /* opacity: 0.28; */
}

.boxContent6 {
  margin-top: 60px;
  background: url(./../images/boxBac006.png) no-repeat;
  background-size: 100% 100%;
  width: 860px;
  height: 980px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  z-index: 10;
  /* opacity: 0.28; */
}

.titleContent {
  background: rgba(28, 27, 27, 0.4);
  height: 68px;
  line-height: 68px;
  width: 100%;
  display: flex;
}

.titleContent span {
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #ffffff;
}

.titleContent .tc {
  font-size: 28px;
}

.titleName {
  font-size: 32px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #feffff;
  line-height: 72px;
  /* text-shadow: 0px 4px 8px #0b224a; */
  background: linear-gradient(180deg, #fdfffe 28%, #00b7ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-indent: 6rem;
  height: 72px;
}

.dataList ul li {
  height: 68px;
  width: 100%;
  display: flex;
  line-height: 68px;
  font-size: 28px;
}

.dataList ul li .order {
  width: 19%;
  font-size: 28px;
  font-family: PangMenZhengDao;
  font-weight: 400;
  color: #ffffff;
}

.dataList ul li .name {
  text-align: center;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 53%;
}

.dataList ul li .number {
  width: 30%;
  font-size: 32px;
  font-family: PangMenZhengDao;
  font-weight: 400;
  color: #ffcf9b;
}

.ulLiSelect {
  background: url(./../images/_slices/zu\ 427.png) no-repeat;
  background-size: 100% 100%;
}

.dataList {
  height: 730px;
  overflow: hidden;
}

.areaRatioContent {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.areaRatioContent p .name {
  height: 36px;
  font-size: 36px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #ffffff;
}

.areaRatioContent p .ratio {
  font-size: 48px;
  font-family: "DIN-Bold";
  font-weight: bold;
  color: #37b2ec;
  margin-left: 36px;
}

/* 左侧部分 */
.char1 {
  width: 840px;
  height: 560px;
}

.char2 {
  left: -20px;
  top: 120px;
  width: 440px;
  height: 360px;
  margin: 0 auto;
}

.char3 {
  position: absolute;
  width: 398px;
  height: 300px;
}

#char3>div>canvas {
  top: 72px !important;
}

.boxContent1 {
  margin-top: 40px;
  width: 860px;
  height: 630px;
  border-radius: 8px;
  background: url(./../images/boxBac001.png) no-repeat;
  background-size: 100% 100%;
}

.boxContent2LF {
  margin-top: 40px;
  display: flex;
  justify-content: space-around;
}

.boxContent2 {
  width: 418px;
  height: 580px;
  background: url(./../images/boxBac002.png) no-repeat;
  background-size: 100% 100%;
}

.boxContent3 {
  margin-left: 20px;
  width: 418px;
  height: 580px;
  background: url(./../images/boxBac003.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.pieBack {
  position: absolute;
  left: 94px;
  top: 160px;
  background: url(./../images/pieBack.png) no-repeat;
  background-size: 100% 100%;
  width: 208px;
  height: 208px;
}

.boxContent4 {
  margin-top: 120px;
  width: 860px;
  height: 500px;
  border-radius: 8px;
  background: url(./../images/boxBac004.png) no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}

.charBox1 {
  margin-top: 80px;
  display: flex;
  justify-content: space-around;
  height: 288px;
  align-items: center;
}

.char5 {
  background: url(./../images/image2.png) no-repeat;
  background-size: 100% 100%;
  height: 206px;
  width: 206px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.char6 {
  background: url(./../images/image3.png) no-repeat;
  background-size: 100% 100%;
  height: 200px;
  width: 282px;
}

.char7 {
  background: url(./../images/image1.png) no-repeat;
  background-size: 100% 100%;
  height: 206px;
  width: 206px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bodyMiddleTop ul p {
  margin: 0;
}

.char7>p,
.char5>p {
  margin: 0;
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #ffffff;
}

.char5 p span {
  font-size: 40px;
  font-family: PangMenZhengDao;
  font-weight: 400;
  color: #ffffff;
  /* text-shadow: 0px 4px 8px #0B224A; */
  background: linear-gradient(180deg, #fdfffe 0%, #00b7ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.char7 p span {
  font-size: 40px;
  font-family: PangMenZhengDao;
  font-weight: 400;
  color: #ffffff;
  /* text-shadow: 0px 4px 8px #0B224A; */
  background: linear-gradient(180deg, #fdfffe 0%, #eeb044 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* footer */
.footer {
  width: 2112px;
  height: 72px;
  position: absolute;
  background: url(./../images/footer.png) no-repeat;
  background-size: 100% 100%;
  left: 22%;
  top: 97%;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.footer>.status {
  display: flex;
  cursor: pointer;
  align-items: center;
  width: 170px;
  margin-left: 150px;
  justify-content: space-around;
}
.footer>.status img{
  width: 34px;
  height: 34px;
}
.footer>.status>p {
  margin: 0;
  font-size: 36px;
  font-family: YouSheBiaoTiHei;
  font-weight: 400;
  color: #ffffff;
}

.footer>.date>p,
.footer>.date>p>span {
  margin: 0;
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #ffffff;
}

.footer>.date {
  margin: 0;
  line-height: 64px;
  height: 64px;
  margin-left: 1400px;
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #ffffff;
}

.mapNav>ul {
  width: 1520px;
  height: 286px;
  display: flex;
  margin: 0 auto;
  margin-top: 18%;
  justify-content: space-evenly;
  margin-top: 644px;
}

.mapNav>ul>li {
  /* border: 2px solid #fff; */
}

.mapNav ul li:nth-child(1) img {
  width: 162px;
  height: 208px;
}

.mapNav ul li:nth-child(2) img {
  width: 220px;
  height: 246px;
}

.mapNav ul li:nth-child(3) img {
  width: 284px;
  height: 286px;
}

.mapNav ul li:nth-child(4) img {
  width: 208px;
  height: 242px;
}

.mapNav ul li:nth-child(5) img {
  width: 140px;
  height: 204px;
}

/* 
.mapNav ul:nth-child(3) li img{
  width: 162px;
  height: 208px;
}

.mapNav ul:nth-child(4) li img{
  width: 162px;
  height: 208px;
}

.mapNav ul:nth-child(5) li img{
  width: 162px;
  height: 208px;
} */











.mapNav>ul>.icon01 {
  width: 1162px;
  height: 208px;
  background: url(./../images/icon01.png) no-repeat;
  background-size: 100% 100%;
}

.mapNav>ul>.icon02 {
  width: 220px;
  height: 246px;
  background: url(./../images/icon02.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 26px;
}

.mapNav>ul>.icon03 {
  width: 284px;
  height: 286px;
  background: url(./../images/icon03.png) no-repeat;
  background-size: 100% 100%;
}

.mapNav>ul>.icon04 {
  width: 208px;
  height: 242px;
  background: url(./../images/icon04.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 26px;
}

.mapNav>ul>.icon05 {
  width: 138px;
  height: 204px;
  background: url(./../images/icon05.png) no-repeat;
  background-size: 100% 100%;
}

.mapNav>ul>.icon01S {
  width: 162px;
  height: 208px;
  background: url(./../images/icon01S.png) no-repeat;
  background-size: 100% 100%;
}

.mapNav>ul>.icon02S {
  width: 220px;
  height: 246px;
  background: url(./../images/icon02S.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 26px;
}

.mapNav>ul>.icon03S {
  width: 284px;
  height: 286px;
  background: url(./../images/icon03S.png) no-repeat;
  background-size: 100% 100%;
}

.mapNav>ul>.icon04S {
  width: 208px;
  height: 242px;
  background: url(./../images/icon04S.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 26px;
}

.mapNav>ul>.icon05S {
  width: 138px;
  height: 204px;
  background: url(./../images/icon05S.png) no-repeat;
  background-size: 100% 100%;
}

/* 地图定位 */
.xiangGangMap {
  position: absolute;
  left: 1496px;
  top: 496px;
  background: url(./../images/xiangGang.png) no-repeat;
  background-size: 100% 100%;
  width: 352px;
  z-index: 100;
  height: 180px;
  line-height: 66px;
}

.xiangGangMap>p {
  font-size: 24px;
  text-align: center;
  color: #fff;
  width: 360px;
  font-family: "Source Han Sans CN";
  font-weight: 800;
}

.aoMenMap>p {
  font-size: 24px;
  text-align: center;
  color: #fff;
  width: 250px;
  font-family: "Source Han Sans CN";
  font-weight: 800;
  line-height: 110px;
}

.aoMenMap {
  position: absolute;
  left: 1406px;
  top: 640px;
  background: url(./../images/aoMen.png) no-repeat;
  background-size: 100% 100%;
  width: 164px;
  height: 160px;
  z-index: 100;
}

/* 地图柱形 */
.mapNumBack {
  max-width: 98px;
  height: 38px;
  background: url(./../images/image4.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  text-align: center;
  line-height: 38px;
  font-size: 24px;
}

/* 湛江市 */
.zhanJiang {
  position: absolute;
  left: 134px;
  bottom: 138px;
  z-index: 100;
  width: 100px;

}

.zhanJiangZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 茂名 */
.maoMing {
  position: absolute;
  left: 338px;
  bottom: 222px;
  z-index: 100;
  width: 100px;
}

.maoMingZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 云浮 */
.yunFu {
  position: absolute;
  left: 502px;
  bottom: 298px;
  z-index: 100;
  width: 100px;
}

.yunFuZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 阳江市 */
.yangJiang {
  position: absolute;
  left: 458px;
  bottom: 176px;
  z-index: 100;
  width: 100px;
}

.yangJiangZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 肇庆 */
.zhaoQing {
  position: absolute;
  left: 648px;
  bottom: 386px;
  z-index: 100;
  width: 100px;
}

.zhaoQingZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 江门市 */
.jiangMen {
  position: absolute;
  left: 598px;
  bottom: 188px;
  z-index: 100;
  width: 100px;
}

.jiangMenZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 佛山 */
.foShan {
  position: absolute;
  left: 760px;
  bottom: 292px;
  z-index: 100;
  width: 100px;
}

.foShanZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 中山市 */
.zhongShan {
  position: absolute;
  left: 802px;
  bottom: 212px;
  z-index: 100;
  width: 100px;
}

.zhongShanZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 珠海 */
.zhuHai {
  position: absolute;
  left: 726px;
  bottom: 150px;
  z-index: 100;
  width: 100px;
}

.zhuHaiZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 清远 */
.qingYuan {
  position: absolute;
  left: 764px;
  bottom: 532px;
  z-index: 100;
  width: 100px;
}

.qingYuanZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 广州 */
.guangZhou {
  position: absolute;
  left: 866px;
  bottom: 342px;
  z-index: 100;
  width: 100px;
}

.guangZhouZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 东莞 */
.dongGuang {
  position: absolute;
  left: 910px;
  bottom: 272px;
  z-index: 100;
  width: 100px;
}

.dongGuangZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 深圳 */
.shenZhen {
  position: absolute;
  left: 970px;
  bottom: 218px;
  z-index: 100;
  width: 100px;
}

.shenZhenZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 韶关 */
.shaoGuan {
  position: absolute;
  left: 1030px;
  bottom: 520px;
  z-index: 100;
  width: 100px;
}

.shaoGuanZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 惠州市 */
.huiZhou {
  position: absolute;
  left: 1026px;
  bottom: 276px;
  z-index: 100;
  width: 100px;
}

.huiZhouZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 河源 */
.heYuan {
  position: absolute;
  left: 1164px;
  bottom: 376px;
  z-index: 100;
  width: 100px;
}

.heYuanZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 汕尾 */
.shanWei {
  position: absolute;
  left: 1252px;
  bottom: 236px;
  z-index: 100;
  width: 100px;
}

.shanWeiZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 梅州 */
.meiZhou {
  position: absolute;
  left: 1422px;
  bottom: 422px;
  z-index: 100;
  width: 100px;
}

.meiZhouZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 揭阳 */
.jieYang {
  position: absolute;
  left: 1366px;
  bottom: 276px;
  z-index: 100;
  width: 100px;
}

.jieYangZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 潮州 */
.chaoZhou {
  position: absolute;
  left: 1560px;
  bottom: 322px;
  z-index: 100;
  width: 100px;
}

.chaoZhouZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 汕头 */
.shanTou {
  position: absolute;
  left: 1476px;
  bottom: 256px;
  z-index: 100;
  width: 100px;
}

.shanTouZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 香港 */
.xiangGang {
  position: absolute;
  left: 1648px;
  bottom: 120px;
  z-index: 109;
  width: 100px;
}

.xiangGang1 {
  position: absolute;
  left: 1622px;
  bottom: 342px;
  z-index: 109;
  width: 100px;
}

.xiangGangZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 澳门 */
.aoMen {
  position: absolute;
  left: 1324px;
  bottom: 10px;
  z-index: 100;
  width: 100px;
}

.aoMen1 {
  position: absolute;
  left: 1480px;
  bottom: 166px;
  z-index: 100;
  width: 100px;
}

.aoMenZhu {
  background: url(./../images/h-z.png) no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 160px;
  margin: 0 auto;
}

/* 韶关市 */
.leChangShi {
  position: absolute;
  left: 606px;
  bottom: 716px;
  z-index: 100;
  width: 100px;
}

.nanXiongShi {
  position: absolute;
  left: 1068px;
  bottom: 590px;
  z-index: 100;
  width: 100px;
}

.quJiangQuan {
  position: absolute;
  left: 648px;
  bottom: 492px;
  z-index: 100;
  width: 100px;
}

.renHuaXian {
  position: absolute;
  left: 832px;
  bottom: 626px;
  z-index: 100;
  width: 100px;
}

.ruYuanYaoZu {
  position: absolute;
  left: 484px;
  bottom: 578px;
  z-index: 100;
  width: 100px;
}

.shiXingXian {
  position: absolute;
  left: 928px;
  bottom: 494px;
  z-index: 100;
  width: 100px;
}

.wengYuanXian {
  position: absolute;
  left: 768px;
  bottom: 370px;
  z-index: 100;
  width: 100px;
}

.wuJiangQu {
  position: absolute;
  left: 558px;
  bottom: 530px;
  z-index: 100;
  width: 100px;
}

.xinFengXian {
  position: absolute;
  left: 798px;
  bottom: 256px;
  z-index: 100;
  width: 100px;
}

.zhenJiangQu {
  position: absolute;
  left: 708px;
  bottom: 572px;
  z-index: 100;
  width: 100px;
}

.zhuHeader {
  background: url(./../images/h-s.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  /* margin-top: 20px; */
  height: 6px;
  width: 12px;
}

.zhuFooter {
  background: url(./../images/h-x.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  height: 6px;
  width: 12px;
}

/* 广州地区*/
.huaDuQu {
  position: absolute;
  left: 612px;
  bottom: 606px;
  z-index: 100;
  width: 100px;
}

.congHuaShi {
  position: absolute;
  left: 1006px;
  bottom: 682px;
  z-index: 100;
  width: 100px;
}

.baiYunQu {
  position: absolute;
  left: 636px;
  bottom: 520px;
  z-index: 100;
  width: 100px;
}

.zengChengShi {
  position: absolute;
  left: 984px;
  bottom: 494px;
  z-index: 100;
  width: 100px;
}

.yuXunQu {
  position: absolute;
  left: 546px;
  bottom: 458px;
  z-index: 100;
  width: 100px;
}

.tianHeQu {
  position: absolute;
  left: 638px;
  bottom: 452px;
  z-index: 100;
  width: 100px;
}

.mengGangQu {
  position: absolute;
  left: 734px;
  bottom: 462px;
  z-index: 100;
  width: 100px;
}

.liWanQu {
  position: absolute;
  left: 454px;
  bottom: 440px;
  z-index: 100;
  width: 100px;
}

.haiZhuQu {
  position: absolute;
  left: 580px;
  bottom: 376px;
  z-index: 100;
  width: 100px;
}

.huangPuQu {
  position: absolute;
  left: 688px;
  bottom: 402px;
  z-index: 100;
  width: 100px;
}

.panYuQu {
  position: absolute;
  left: 542px;
  bottom: 308px;
  z-index: 100;
  width: 100px;
}

.nanShaQu {
  position: absolute;
  left: 592px;
  bottom: 186px;
  z-index: 100;
  width: 100px;
}

/* 深圳市 */
.nanShanQu {
  position: absolute;
  left: 458px;
  bottom: 466px;
  z-index: 100;
  width: 100px;
}

.yanTianQu {
  position: absolute;
  left: 802px;
  bottom: 438px;
  z-index: 100;
  width: 100px;
}

.baoAnQu {
  position: absolute;
  left: 532px;
  bottom: 570px;
  z-index: 100;
  width: 100px;
}

.fuTianQu {
  position: absolute;
  left: 574px;
  bottom: 446px;
  z-index: 100;
  width: 100px;
}

.longGangQu {
  position: absolute;
  left: 668px;
  bottom: 450px;
  z-index: 100;
  width: 100px;
}

.luoHuQu {
  position: absolute;
  left: 880px;
  bottom: 446px;
  z-index: 100;
  width: 100px;
}

/* 珠海市 */
.douMenQu {
  position: absolute;
  left: 476px;
  bottom: 594px;
  z-index: 100;
  width: 100px;
}

.jinWanQu {
  position: absolute;
  left: 412px;
  bottom: 500px;
  z-index: 100;
  width: 100px;
}

.xiangZhouQu {
  position: absolute;
  left: 842px;
  bottom: 466px;
  z-index: 100;
  width: 100px;
}

/* 汕头市 */
.nanAoXian {
  position: absolute;
  left: 1022px;
  bottom: 448px;
  z-index: 100;
  width: 100px;
  height: auto;
  /* border: 2px solid #fff; */
}

.haoJiangQu {
  position: absolute;
  left: 622px;
  bottom: 460px;
  z-index: 100;
  width: 100px;
}

.jinQingQu {
  position: absolute;
  left: 676px;
  bottom: 542px;
  z-index: 100;
  width: 100px;
}

.longHuQu {
  position: absolute;
  left: 742px;
  bottom: 518px;
  z-index: 100;
  width: 100px;
}

.chengHaiQu {
  position: absolute;
  left: 824px;
  bottom: 568px;
  z-index: 100;
  width: 100px;
}

.chaoYangQu {
  position: absolute;
  left: 424px;
  bottom: 446px;
  z-index: 100;
  width: 100px;
}

.chaoNanQu {
  position: absolute;
  left: 522px;
  bottom: 536px;
  z-index: 100;
  width: 100px;
}

.ratioList {
  width: 110%;
  position: absolute;
  bottom: -20px;
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
}

.ratioList li {
  display: flex;
  flex-direction: row;
  height: 40px;
  /* border: 2px solid #fff; */
  align-items: center;
  /* float: left; */
  margin-left: 6px;
}

.ratioList li .pie {
  width: 20px;
  height: 20px;
  background: red;
  border-radius: 50%;
}

.ratioList li .name {
  font-family: Source Han Sans CN;
  font-weight: 400;
  transform: scale(0.625);
}

.ratioList li .ratio {
  color: red;
  font-size: 20px;
  font-family: "PangMenZhengDao";
  font-weight: 400;
}

.mapCharContent1 {
  /* width: 1752px;
    height: 682px;*/
  width: 1752px;
  height: 696px;
  z-index: 99;
  background: url(./../images/guangDongMap.png) no-repeat !important;
  background-size: 100% 100% !important;
  position: relative;
  top: 104px;
  left: 86px;
  /* border: 2px solid #fff; */
}

.mapContent img {
  width: 12px !important;
}

/* 佛山市 */
.gaoMingQu {
  position: absolute;
  left: 512px;
  bottom: 334px;
  z-index: 100;
  width: 100px;
}

.nanHaiQu {
  position: absolute;
  left: 830px;
  bottom: 428px;
  z-index: 100;
  width: 100px;
}

.sanShuiQu {
  position: absolute;
  left: 846px;
  bottom: 582px;
  z-index: 100;
  width: 100px;
}

.deShunQu {
  position: absolute;
  left: 970px;
  bottom: 248px;
  z-index: 100;
  width: 100px;
}

.chanChengQu {
  position: absolute;
  left: 896px;
  bottom: 350px;
  z-index: 100;
  width: 100px;
}

/* 江门市 */
.jiangHaiQu {
  position: absolute;
  left: 1204px;
  bottom: 572px;
  z-index: 100;
  width: 100px;
}

.pengJiangQu {
  position: absolute;
  left: 1150px;
  bottom: 650px;
  z-index: 100;
  width: 100px;
}

.taiShangShi {
  position: absolute;
  left: 748px;
  bottom: 378px;
  z-index: 100;
  width: 100px;
}

.kaiPingShi {
  position: absolute;
  left: 704px;
  bottom: 552px;
  z-index: 100;
  width: 100px;
}

.enPingShi {
  position: absolute;
  left: 512px;
  bottom: 534px;
  z-index: 100;
  width: 100px;
}

.heShanShi {
  position: absolute;
  left: 1038px;
  bottom: 662px;
  z-index: 100;
  width: 100px;
}

.xinHuiQu {
  position: absolute;
  left: 1000px;
  bottom: 464px;
  z-index: 100;
  width: 100px;
}

/* 湛江区 */
.chiKanQu {
  position: absolute;
  left: 862px;
  bottom: 562px;
  z-index: 100;
  width: 100px;
}

.leiZhouShi {
  position: absolute;
  left: 494px;
  bottom: 396px;
  z-index: 100;
  width: 100px;
}

.lianJiangShi {
  position: absolute;
  left: 752px;
  bottom: 746px;
  z-index: 100;
  width: 100px;
}

.maZhangQu {
  position: absolute;
  left: 748px;
  bottom: 452px;
  z-index: 100;
  width: 100px;
}

.poTouQu {
  position: absolute;
  left: 948px;
  bottom: 546px;
  z-index: 100;
  width: 100px;
}

.suiXiXian {
  position: absolute;
  left: 678px;
  bottom: 570px;
  z-index: 100;
  width: 100px;
}

.wuChuanShi {
  position: absolute;
  left: 1172px;
  bottom: 576px;
  z-index: 100;
  width: 100px;
}

.xiaShanQu {
  position: absolute;
  left: 802px;
  bottom: 514px;
  z-index: 100;
  width: 100px;
}

.xuWen {
  position: absolute;
  left: 572px;
  bottom: 192px;
  z-index: 100;
  width: 100px;
}

/* 茂名市 */
.dianBaiXian {
  position: absolute;
  left: 780px;
  bottom: 298px;
  z-index: 100;
  width: 100px;
}

.gaoZhouShi {
  position: absolute;
  left: 726px;
  bottom: 470px;
  z-index: 100;
  width: 100px;
}

.huaZhouShi {
  position: absolute;
  left: 406px;
  bottom: 448px;
  z-index: 100;
  width: 100px;
}

.maoGangQu {
  position: absolute;
  left: 626px;
  bottom: 278px;
  z-index: 100;
  width: 100px;
}

.maoNanQu {
  position: absolute;
  left: 556px;
  bottom: 326px;
  z-index: 100;
  width: 100px;
}

.xinYiShi {
  position: absolute;
  left: 966px;
  bottom: 636px;
  z-index: 100;
  width: 100px;
}

/* 肇庆市 */
.deQingXian {
  position: absolute;
  left: 616px;
  bottom: 370px;
  z-index: 100;
  width: 100px;
}

.dingHuQu {
  position: absolute;
  left: 930px;
  bottom: 280px;
  z-index: 100;
  width: 100px;
}

.duanZhouQu {
  position: absolute;
  left: 786px;
  bottom: 244px;
  z-index: 100;
  width: 100px;
}

.fengKaiXian {
  position: absolute;
  left: 556px;
  bottom: 542px;
  z-index: 100;
  width: 100px;
}

.gaoYaoShi {
  position: absolute;
  left: 858px;
  bottom: 256px;
  z-index: 100;
  width: 100px;
}

.guangNingXian {
  position: absolute;
  left: 980px;
  bottom: 462px;
  z-index: 100;
  width: 100px;
}

.huaiJiXian {
  position: absolute;
  left: 934px;
  bottom: 592px;
  z-index: 100;
  width: 100px;
}

.siHuiShi {
  position: absolute;
  left: 1054px;
  bottom: 344px;
  z-index: 100;
  width: 100px;
}

/* 惠州市 */
.boLuoXian {
  position: absolute;
  left: 682px;
  bottom: 574px;
  z-index: 100;
  width: 100px;
}

.huiChengQu {
  position: absolute;
  left: 728px;
  bottom: 462px;
  z-index: 100;
  width: 100px;
}

.huiDongQu {
  position: absolute;
  left: 892px;
  bottom: 356px;
  z-index: 100;
  width: 100px;
}

.huiYangQu {
  position: absolute;
  left: 574px;
  bottom: 350px;
  z-index: 100;
  width: 100px;
}

.longMenXian {
  position: absolute;
  left: 622px;
  bottom: 708px;
  z-index: 100;
  width: 100px;
}

/* 梅州市 */
.fengShunXian {
  position: absolute;
  left: 816px;
  bottom: 352px;
  z-index: 100;
  width: 100px;
}

.jiaoLingXian {
  position: absolute;
  left: 966px;
  bottom: 636px;
  z-index: 100;
  width: 100px;
}

.meiJiangQu {
  position: absolute;
  left: 716px;
  bottom: 516px;
  z-index: 100;
  width: 100px;
}

.meiXian {
  position: absolute;
  left: 868px;
  bottom: 536px;
  z-index: 100;
  width: 100px;
}

.daPuXian {
  position: absolute;
  left: 1100px;
  bottom: 476px;
  z-index: 100;
  width: 100px;
}

.pingYuanXian {
  position: absolute;
  left: 818px;
  bottom: 668px;
  z-index: 100;
  width: 100px;
}

.wuHuaXian {
  position: absolute;
  left: 434px;
  bottom: 402px;
  z-index: 100;
  width: 100px;
}

.xingNingShi {
  position: absolute;
  left: 594px;
  bottom: 570px;
  z-index: 100;
  width: 100px;
}

/* 汕尾市 */
.haiFengXian {
  position: absolute;
  left: 584px;
  bottom: 466px;
  z-index: 100;
  width: 100px;
}

.luFengShi {
  position: absolute;
  left: 948px;
  bottom: 372px;
  z-index: 100;
  width: 100px;
}

.luHeXian {
  position: absolute;
  left: 796px;
  bottom: 552px;
  z-index: 100;
  width: 100px;
}

.chengQu {
  position: absolute;
  left: 534px;
  bottom: 344px;
  z-index: 100;
  width: 100px;
}

/* 河源市 */
.ziJinXian {
  position: absolute;
  left: 754px;
  bottom: 224px;
  z-index: 100;
  width: 100px;
}

.dongYuanXian {
  position: absolute;
  left: 698px;
  bottom: 490px;
  z-index: 100;
  width: 100px;
}

.hePingXian {
  position: absolute;
  left: 976px;
  bottom: 648px;
  z-index: 100;
  width: 100px;
}

.lianPingXian {
  position: absolute;
  left: 642px;
  bottom: 692px;
  z-index: 100;
  width: 100px;
}

.longChuanXian {
  position: absolute;
  left: 1094px;
  bottom: 586px;
  z-index: 100;
  width: 100px;
}

.yuanChengQu {
  position: absolute;
  left: 510px;
  bottom: 398px;
  z-index: 100;
  width: 100px;
}

/* 阳江市 */
.yangChunShi {
  position: absolute;
  left: 788px;
  bottom: 574px;
  z-index: 100;
  width: 100px;
}

.yangDongXian {
  position: absolute;
  left: 872px;
  bottom: 380px;
  z-index: 100;
  width: 100px;
}

.jiangChengQu {
  position: absolute;
  left: 708px;
  bottom: 244px;
  z-index: 100;
  width: 100px;
}

.yangXiXian {
  position: absolute;
  z-index: 100;
  width: 100px;
  left: 440px;
  bottom: 310px;
}

/* 清远市 */
.foGangXian {
  position: absolute;
  left: 972px;
  bottom: 278px;
  z-index: 100;
  width: 100px;
}

.lianNanYaoZu {
  position: absolute;
  left: 514px;
  bottom: 632px;
  z-index: 100;
  width: 100px;
}

.lianShanZhuangYaoZu {
  position: absolute;
  left: 418px;
  bottom: 614px;
  z-index: 100;
  width: 100px;
}

.lianZhouShi {
  position: absolute;
  left: 712px;
  bottom: 668px;
  z-index: 100;
  width: 100px;
}

.qingChengQu {
  position: absolute;
  left: 634px;
  bottom: 202px;
  z-index: 100;
  width: 100px;
}

.qingXinXian {
  position: absolute;
  left: 636px;
  bottom: 344px;
  z-index: 100;
  width: 100px;
}

.yangShanXian {
  position: absolute;
  left: 628px;
  bottom: 512px;
  z-index: 100;
  width: 100px;
}

.yingDeShi {
  position: absolute;
  left: 902px;
  bottom: 416px;
  z-index: 100;
  width: 100px;
}

/* 东莞市 */
.dongGuanShi {
  position: absolute;
  left: 748px;
  bottom: 498px;
  z-index: 100;
  width: 100px;
}

/* 中山市 */
.zhongShanShi {
  position: absolute;
  left: 748px;
  bottom: 498px;
  z-index: 100;
  width: 100px;
}

/* 潮州市 */
.chaoAnXian {
  position: absolute;
  left: 514px;
  bottom: 446px;
  z-index: 100;
  width: 100px;
}

.raoPingXian {
  position: absolute;
  left: 936px;
  bottom: 492px;
  z-index: 100;
  width: 100px;
}

.xiangQiaoQu {
  position: absolute;
  left: 588px;
  bottom: 424px;
  z-index: 100;
  width: 100px;
}

/* 揭阳市 */
.rongChengQu {
  position: absolute;
  left: 972px;
  bottom: 520px;
  z-index: 100;
  width: 100px;
}

.huiLaiXian {
  position: absolute;
  left: 748px;
  bottom: 294px;
  z-index: 100;
  width: 100px;
}

.jieDongXian {
  position: absolute;
  left: 1088px;
  bottom: 560px;
  z-index: 100;
  width: 100px;
}

.jieXiXian {
  position: absolute;
  left: 622px;
  bottom: 622px;
  z-index: 100;
  width: 100px;
}

.puNingShi {
  position: absolute;
  left: 682px;
  bottom: 484px;
  z-index: 100;
  width: 100px;
}

/* 云浮市 */
.luoDingShi {
  position: absolute;
  left: 530px;
  bottom: 464px;
  z-index: 100;
  width: 100px;
}

.xinXingXian {
  position: absolute;
  left: 898px;
  bottom: 308px;
  z-index: 100;
  width: 100px;
}

.youNanXian {
  position: absolute;
  left: 714px;
  bottom: 606px;
  z-index: 100;
  width: 100px;
}

.yunAnXian {
  position: absolute;
  left: 848px;
  bottom: 470px;
  z-index: 100;
  width: 100px;
}

.yunChengQu {
  position: absolute;
  left: 988px;
  bottom: 498px;
  z-index: 100;
  width: 100px;
}

.bgGd {
  background: url(../images/_slices/wx_gdMap.png) no-repeat !important;
}