@charset "utf-8";

/* CSS Document */
.mapBox {
  width: 37.23rem;
  height: 18.28rem;
  font-family: myFirstFont;
}

.beijingBx {
  width: 5.55rem;
  height: 4.09rem;
  position: absolute;
  top: 0.26rem;
  left: 30.9rem;
  -webkit-animation: xuanzhuan 3s linear infinite;
  animation: xuanzhuan 3s linear infinite;
}

.jsCenterBx {
  width: 5.56rem;
  height: 4.09rem;
  background: url(../images/gznameBg.png) no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 9
}

.jsCenterBx h3 {
  font-family: myFirstFont02;
  font-size: 0.58rem;
  color: #1C4860;
  width: 2.85rem;
  height: 0.84rem;
  line-height: 0.84rem;
  background: url(../images/province.png) no-repeat;
  background-size: 100%;
  text-align: center;
  margin-left: 0.36rem;
  margin-top: 0.3rem;
}

.jsPic {
  float: left;
  width: 2.64rem;
  height: 2.37rem;
  margin-left: 0.1rem
}

.minTop {
  width: 1.74rem;
  margin-left: 0.42rem;
}

.jsCenterBx p {
  font-size: 0.28rem;
  line-height: 0.46rem;
  white-space: nowrap;
}

.jsCenterBx p .fb {
  font-weight: bold;
  font-size: 0.3rem
}

/**河流**/
.riverBox a {
  position: absolute;
  font-size: 0.22rem;
  color: #062C77;
  font-weight: bold;
  line-height: 1;
  z-index: 4;
  cursor: default;
}

.riverBox a em {
  position: absolute
}

.minjiang {
  top: 5.9rem;
  left: 22.54rem
}

.minjiang .jiang {
  top: 0.5rem;
  left: -0.38rem
}

.twhx {
  top: 6.32rem;
  left: 34rem
}

.twhx .wan {
  top: 0.5rem;
  left: 0.58rem
}

.twhx .hai {
  top: 1rem;
  left: 0.78rem
}

.twhx .xia {
  top: 1.5rem;
  left: 1.22rem
}

/**城市**/
.cityBx a {
  position: absolute;
  font-size: 0.3rem;
  color: #333;
  font-weight: bold;
  line-height: 1;
  cursor: default;
}

.cityBx a em {
  position: absolute;
}

.cityBx .star {
  position: absolute;
  width: 0.53rem;
  height: 0.52rem;
  background: url(../images/star.png) no-repeat;
  background-size: 100%;
}

.cityBx a.mwqtsg2 {
  color: #cc0000;
  top: 15.88rem;
  left: 14.43rem;
}

.mwqtsg2 .star {
  top: 0.33rem;
  right: -0.16rem;
  display: none;
}

/**路线**/
.lineBox a {
  position: absolute;
  font-size: 0.28rem;
  color: #705951;
  font-weight: bold;
  line-height: 1;
  z-index: 4;
  cursor: default;
}

.lineBox a em {
  position: absolute
}

.fzrcgs {
  top: 7.3rem;
  left: 28.84rem
}

.fzrcgs .zhou {
  top: 0.4rem;
  left: 0.12rem
}

.fzrcgs .rao {
  top: 0.8rem;
  left: 0.06rem
}

.fzrcgs .cheng {
  top: 1.2rem;
  left: -0.1rem
}

.fzrcgs .gao {
  top: 1.48rem;
  left: -0.38rem
}

.fzrcgs .su {
  top: 1.64rem;
  left: -0.72rem
}

.shgs {
  top: 4.3rem;
  left: 21.24rem;
}

.shgs .hai {
  top: 0.4rem;
  left: -0.24rem
}

.shgs .gao {
  top: 0.8rem;
  left: -0.48rem
}

.shgs .su {
  top: 1.2rem;
  left: -0.72rem
}

.fzjcgs {
  top: 11.86rem;
  left: 10.32rem;
}

.fzjcgs .zhou {
  top: 0.06rem;
  left: 0.4rem
}

.fzjcgs .ji {
  top: 0rem;
  left: 0.8rem
}

.fzjcgs .chang {
  top: 0.11rem;
  left: 1.2rem
}

.fzjcgs .gao {
  top: 0.24rem;
  left: 1.6rem
}

.fzjcgs .su {
  top: 0.5rem;
  left: 2rem
}


/**元素**/
.elementBox a {
  position: absolute;
  color: #333;
}

.fenleiBox a,
.tjBox,
.hdj,
.db,
.jsCenterBx,
.jsCenterBx h3,
.elementBox span {
  background-size: 100% 100% !important;
}

.elementBox a em {
  position: absolute;
  font-size: 0.24rem !important;
  font-weight: bold;
  line-height: 1.2;
  white-space: nowrap;
}

.elementBox a em.em2 {
  background-color: rgba(255, 255, 255, .6);
  padding: 0.04rem 0.08rem;
}

.elementBox a span {
  display: block;
  height: 100%
}

.elementBox a i {
  position: absolute;
  font-size: 0.18rem;
  line-height: 0.26rem;
  font-style: normal;
  color: #c82938;
}

.db {
  position: absolute;
  width: 0.29rem;
  height: 0.39rem;
  background: url(../images/db.png) no-repeat;
  /* display: none; */
}

.elementBox a:hover .db {
  -webkit-animation: float ease-in-out .4s infinite;
  animation: float ease-in-out .4s infinite;
}

.elementBox a:hover span,
.elementBox a:hover em {
  transform: scale(1.1);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}

.bmcbmht {
  width: 2.51rem;
  height: 1.67rem;
  top: 4.63rem;
  left: 13.54rem
}

.bmcbmht .db {
  top: 1.64rem;
  left: 1.16rem;
}

.bmcbmht span {
  background: url(../images/ZGHDKO5FJKMW00012.png) no-repeat;
  background-size: 100%;
}

.bmcbmht em {
  top: 0.5rem;
  left: 2rem;
}

.wzlsjnb {
  width: 1.58rem;
  height: 2.14rem;
  top: 4.14rem;
  left: 18.68rem
}

.wzlsjnb .db {
  top: 2.99rem;
  left: 1.41rem;
}

.wzlsjnb span {
  background: url(../images/ZGHDKO5FJKMW00030.png) no-repeat;
  background-size: 100%;
}

.wzlsjnb em {
  top: 2.1rem;
  left: 0rem;
}

.mxjq {
  width: 3.54rem;
  height: 2.14rem;
  top: 9.94rem;
  left: 11.54rem
}

.mxjq .db {
  top: 1.84rem;
  left: 0.36rem;
}

.mxjq span {
  background: url(../images/ZGHDKO5FJKMW00021.png) no-repeat;
  background-size: 100%;
}

.mxjq em {
  top: 2.18rem;
  left: 1.1rem;
}

.jinglongq {
  width: 3.61rem;
  height: 1.72rem;
  top: 7.31rem;
  left: 14.68rem;
}

.jinglongq .db {
  top: 1.85rem;
  left: 2.4rem;
}

.jinglongq span {
  background: url(../images/ZGHDKO5FJK00197.png) no-repeat;
  background-size: 100%;
}

.jinglongq em {
  top: 2.31rem;
  left: 2.18rem;
}

.fzsstw {
  width: 2.02rem;
  height: 1.37rem;
  top: 11.06rem;
  left: 17.18rem
}

.fzsstw .db {
  top: -0.34rem;
  left: 1.31rem;
}

.fzsstw span {
  background: url(../images/ZGHDKO5FJKMW00020.png) no-repeat;
  background-size: 100%;
}

.fzsstw em {
  top: -0.3rem;
  left: -1.1rem;
  background-color: rgba(255, 255, 255, .6);
}

.djbgy {
  width: 3.94rem;
  height: 1.62rem;
  top: 12.38rem;
  left: 8.19rem
}

.djbgy .db {
  top: 1.33rem;
  left: 3.88rem;
}

.djbgy span {
  background: url(../images/ZGHDKO5FJKMW00013.png) no-repeat;
  background-size: 100%;
}

.djbgy em {
  top: 1.74rem;
  left: 1.1rem;
}

.mwqtsg {
  width: 3.77rem;
  height: 2.55rem;
  top: 12.39rem;
  left: 12.75rem;
}

.mwqtsg .db {
  top: 4.67rem;
  left: 2.27rem;
}

.mwqtsg span {
  background: url(../images/ZGHDKO5FJKMW00008.png) no-repeat;
  background-size: 100%;
}

.mwqtsg em {
  top: 5rem;
  left: 2.71rem;
  background-color: rgba(255, 255, 255, .6);
}

.maweig {
  width: 3.69rem;
  height: 1.06rem;
  top: 15.94rem;
  left: 15.39rem
}

.maweig .db {
  top: 0.75rem;
  left: 0.07rem;
}

.maweig span {
  background: url(../images/ZGHDKO5FJKMW00011.png) no-repeat;
  background-size: 100%;
}

.maweig em {
  top: 1.07rem;
  left: 1.49rem;
}

.luoxingt {
  width: 2.19rem;
  height: 2.56rem;
  top: 13.08rem;
  left: 18.18rem
}

.luoxingt .db {
  top: 4.14rem;
  left: -3.79rem;
}

.luoxingt span {
  background: url(../images/ZGHDKO5FJK00171.png) no-repeat;
  background-size: 100%;
}

.luoxingt em {
  top: 0.8rem;
  left: 1.56rem;
}

.luoxingt em.em2 {
  top: 4.19rem;
  left: -4.8rem;
}

.ttpt {
  width: 3rem;
  height: 1.42rem;
  top: 7.76rem;
  left: 19.83rem;
}

.ttpt .db {
  top: 1.15rem;
  left: -0.02rem;
}

.ttpt span {
  background: url(../images/ZGHDKO5FJKFZ00029.png) no-repeat;
  background-size: 100%;
}

.ttpt em {
  top: -0.36rem;
  left: 1.08rem;
}

.ndyjd {
  width: 3.16rem;
  height: 1.94rem;
  top: 3.52rem;
  left: 23.06rem
}

.ndyjd .db {
  top: 1.66rem;
  left: 1.99rem;
}

.ndyjd span {
  background: url(../images/ZGHDKO5FJKMW00024.png) no-repeat;
  background-size: 100%;
}

.ndyjd em {
  top: 1.89rem;
  left: 0.67rem;
}

.hghgy {
  width: 3.11rem;
  height: 0.71rem;
  top: 6.84rem;
  left: 22.8rem
}

.hghgy .db {
  top: -0.44rem;
  left: 0.42rem;
}

.hghgy span {
  background: url(../images/ZGHDKO5FJKMW00059.png) no-repeat;
  background-size: 100%;
}

.hghgy em {
  top: -0.3rem;
  left: 1.3rem;
}

.lzhz {
  width: 2.75rem;
  height: 1.51rem;
  top: 5.07rem;
  left: 29.63rem;
}

.lzhz .db {
  top: -0.26rem;
  left: 0.65rem;
}

.lzhz span {
  background: url(../images/ZGHDKO5FJKMW00016.png) no-repeat;
  background-size: 100%;
}

.lzhz em {
  top: -0.56rem;
  left: -0.17rem;
}

.langzhid {
  width: 3.48rem;
  height: 0.89rem;
  top: 5.6rem;
  left: 26.01rem
}

.langzhid .db {
  top: -0.38rem;
  left: 1.73rem;
}

.langzhid span {
  background: url(../images/ZGHDKO5FJKMW00015.png) no-repeat;
  background-size: 100%;
}

.langzhid em {
  top: -0.64rem;
  left: 1.91rem;
}

.jppt {
  width: 3.5rem;
  height: 1.7rem;
  top: 1.98rem;
  left: 26.39rem;
}

.jppt .db {
  top: 1.87rem;
  left: 1.29rem;
}

.jppt span {
  background: url(../images/ZGHDKO5FJKMW00017.png) no-repeat;
  background-size: 100%;
}

.jppt em {
  top: 1.97rem;
  left: 1.61rem
}

.lzlydjc {
  width: 4.53rem;
  height: 1.69rem;
  top: 6.68rem;
  left: 29.43rem;
}

.lzlydjc .db {
  top: 1.93rem;
  left: 2.09rem;
}

.lzlydjc span {
  background: url(../images/ZGHDKO5FJKMW00022.png) no-repeat;
  background-size: 100%;
}

.lzlydjc em {
  top: 2.54rem;
  left: 1.91rem;
}

.magz {
  width: 3.45rem;
  height: 1.76rem;
  top: 10.24rem;
  left: 19.8rem
}

.magz .db {
  top: 0.36rem;
  left: -0.77rem;
}

.magz span {
  background: url(../images/ZGHDKO5FJKMW00009.png) no-repeat;
  background-size: 100%;
}

.magz em {
  top: 0.74rem;
  left: -0.82rem;
  background-color: rgba(255, 255, 255, .6);
}

.mwzcc {
  width: 2.76rem;
  height: 1.76rem;
  top: 13.48rem;
  left: 5.76rem;
  opacity: 0;
}

.mwzcc .db {
  top: 2.21rem;
  left: 8.04rem;
}

.mwzcc span {
  background: url(../images/ZGHDKO5FJKMW00007.png) no-repeat;
  background-size: 100%;
}

.mwzcc em {
  top: 1.94rem;
  left: 7.7rem;
}

.mwzcc em.em2 {
  top: 2.24rem;
  left: 6.53rem;
}

.zgczwhbwg {
  width: 4.58rem;
  height: 1.76rem;
  top: 13.58rem;
  left: 0.68rem;
  opacity: 0;
}

.zgczwhbwg .db {
  top: 2.49rem;
  left: 13.41rem;
  z-index: 5;
}

.zgczwhbwg span {
  background: url(../images/ZGHDKO5FJK00160.png) no-repeat;
  background-size: 100%;
}

.zgczwhbwg em {
  top: 1.86rem;
  left: 1.06rem;
}

.zgczwhbwg em.em2 {
  top: 2.64rem;
  left: 10.92rem;
}

.shaozc {
  width: 3.33rem;
  height: 2.45rem;
  top: 15.5rem;
  left: 8.5rem;
  opacity: 0;
}

.shaozc .db {
  top: 1.06rem;
  left: 5.69rem;
}

.shaozc span {
  background: url(../images/ZGHDKO5FJKMW00026.png) no-repeat;
  background-size: 100%;
}

.shaozc em {
  top: -0.36rem;
  left: 1rem;
}

.shaozc em.em2 {
  top: 1.21rem;
  left: 4.68rem;
}

.xgmt {
  top: 9.4rem;
  left: 19.98rem;
  width: 1rem;
  height: 1rem;
}

.xgmt .db {
  left: -0.42rem;
  top: 0.17rem;
}

/**分类**/
.btnFont {
  position: absolute;
  overflow: hidden;
  width: 2.3rem;
  height: 0.67rem;
  line-height: 0.67rem;
  background: #B45E5F;
  border-radius: 0.1rem;
  color: #F5F5F5;
  font-family: myFirstFont;
  letter-spacing: 0.01rem;
  text-align: center;
  font-size: 0.38rem;
  font-weight: bold;
  box-shadow: 0.02rem 0.06rem 0.05rem #232323;
}

.fenleiBox a {
  position: absolute;
  color: #333 !important;
}

.fenleiBox a em {
  position: absolute;
  font-size: 0.28rem !important;
  font-weight: bold;
  line-height: 1.2;
  white-space: nowrap;
}

.fenleiBox a:hover,
.fenleiBox a:hover em {
  transform: scale(1.1);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
}

.Brn:hover {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webksit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.cultureBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  top: 1.32rem;
  left: 1.62rem;
}

.yhcw {
  width: 4.77rem;
  height: 2.31rem;
  background: url(../images/ZGHDKO5FJKMW00060.png) no-repeat;
  background-size: 100%;
  top: 2.5rem;
  left: -1.5rem;
  opacity: 0
}

.yhcw em {
  top: 2.34rem;
  left: 1.76rem;
}

.czxtyz {
  width: 4.82rem;
  height: 3.28rem;
  background: url(../images/ZGHDKO5FJKMW00018.png) no-repeat;
  background-size: 100%;
  top: 1.3rem;
  left: 4.6rem;
  opacity: 0
}

.czxtyz em {
  top: 3.4rem;
  left: 1.45rem;
}

.mwzclsclg {
  width: 3.34rem;
  height: 3.09rem;
  background: url(../images/ZGHDKO5FJKMW00061.png) no-repeat;
  background-size: 100%;
  top: 3.9rem;
  left: 3.7rem;
  opacity: 0
}

.mwzclsclg em {
  top: 3.18rem;
  left: 0.32rem;
}

.mjhxlsm {
  width: 2.73rem;
  height: 2.44rem;
  background: url(../images/ZGHDKO5FJKMW00003.png) no-repeat;
  background-size: 100%;
  top: 5.5rem;
  left: 7.34rem;
  opacity: 0
}

.mjhxlsm em {
  top: 2.6rem;
  left: 0.38rem;
}

.mwlsly {
  width: 3.51rem;
  height: 2.34rem;
  background: url(../images/ZGHDKO5FJKMW00062.png) no-repeat;
  background-size: 100%;
  top: 8rem;
  left: -0.46rem;
  opacity: 0
}

.mwlsly em {
  top: 2.46rem;
  left: 0.9rem;
}

.czgzy {
  width: 2.91rem;
  height: 0.89rem;
  background: url(../images/ZGHDKO5FJKMW00010.png) no-repeat;
  background-size: 100%;
  top: 8.86rem;
  left: 5.18rem;
  opacity: 0
}

.czgzy em {
  top: 0.86rem;
  left: 0.6rem;
}

.fjczthg {
  width: 3.24rem;
  height: 2.58rem;
  background: url(../images/ZGHDKO5FJKMW00025.png) no-repeat;
  background-size: 100%;
  top: 10.24rem;
  left: 3.56rem;
  opacity: 0
}

.fjczthg em {
  top: 2.62rem;
  left: 0.58rem;
}

.myjy {
  width: 3.59rem;
  height: 1.77rem;
  background: url(../images/ZGHDKO5FJKMW00029.png) no-repeat;
  background-size: 100%;
  top: 16rem;
  left: 4.66rem;
  opacity: 0
}

.myjy em {
  top: 0.58rem;
  left: -1.12rem;
}

.artBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  bottom: 3.4rem;
  right: 11.1rem;
}

.zhaohl {
  width: 2.67rem;
  height: 1.79rem;
  background: url(../images/ZGHDKO5FJKMW00019.png) no-repeat;
  background-size: 100%;
  bottom: 5rem;
  right: 7.8rem;
  opacity: 0
}

.zhaohl em {
  top: 1.88rem;
  left: 0.9rem;
}

.kqgmgy {
  width: 3.14rem;
  height: 1.15rem;
  background: url(../images/ZGHDKO5FJKMW00031.png) no-repeat;
  background-size: 100%;
  bottom: 1.44rem;
  right: 13.04rem;
  opacity: 0
}

.kqgmgy em {
  top: 1.2rem;
  left: 0.58rem;
}

.mjhzyz {
  width: 1.83rem;
  height: 1.71rem;
  background: url(../images/ZGHDKO5FJKMW00023.png) no-repeat;
  background-size: 100%;
  bottom: 0.63rem;
  right: 14.76rem;
  opacity: 1
}

.mjhzyz em {
  top: 1.76rem;
  left: 0rem;
}

.folkloreBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  bottom: 3.6rem;
  right: 5.52rem;
}

.mabjw {
  width: 4.06rem;
  height: 3.5rem;
  background: url(../images/ZGHDKO5FJKMW00036.png) no-repeat;
  background-size: 100%;
  bottom: 4.48rem;
  right: -2.9rem;
  opacity: 0
}

.mabjw em {
  top: 1.86rem;
  left: 3.9rem;
}

.dmsj {
  width: 4.09rem;
  height: 2.04rem;
  background: url(../images/ZGHDKO5FJKMW00034.png) no-repeat;
  background-size: 100%;
  bottom: -0.8rem;
  right: 5.56rem;
  opacity: 0
}

.dmsj em {
  top: 2.14rem;
  left: 1.1rem;
}

.bandw {
  width: 5.06rem;
  height: 2.23rem;
  background: url(../images/ZGHDKO5FJKMW00035.png) no-repeat;
  background-size: 100%;
  bottom: -2.78rem;
  right: 0.3rem;
  opacity: 0
}

.bandw em {
  top: 2.26rem;
  left: 2.18rem;
}