@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.6rem;
  left: 19.6rem;
  -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
}

.luoyuanw {
  top: 12.3rem;
  left: 26.13rem
}

.huokoux {
  top: 8.13rem;
  left: 6.99rem;
}

.huokoux .kou {
  top: 0.45rem;
  left: 0.02rem;
}

.huokoux .xi {
  top: 0.71rem;
  left: 0.41rem;
}

.huokoux2 {
  top: 9.86rem;
  left: 8.56rem
}

.huokoux2 .kou {
  top: 0.5rem;
  left: 0.38rem
}

.huokoux2 .xi {
  top: 0.84rem;
  left: 0.9rem
}

.binxi {
  top: 8.24rem;
  left: 9.58rem
}

.binxi .xi {
  top: 0.6rem;
  left: -0.28rem
}

.qibux {
  top: 7.75rem;
  left: 15.95rem;
  transform: rotate(13deg);
  -webkit-transform: rotate(13deg);
  -moz-transform: rotate(13deg);
  -o-transform: rotate(13deg);
  -ms-transform: rotate(13deg);
}

.huguox {
  top: 8.1rem;
  left: 19.13rem;
  transform: rotate(26deg);
  -webkit-transform: rotate(26deg);
  -moz-transform: rotate(26deg);
  -o-transform: rotate(26deg);
  -ms-transform: rotate(26deg);
}

.nanmenx {
  top: 10.03rem;
  left: 20.7rem;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
}

/**城市**/
.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.lyxrmzf {
  color: #c11616;
  top: 9.73rem;
  left: 17.6rem;
}

.lyxrmzf .star {
  top: -0.22rem;
  right: -0.42rem;
}


/**路线**/
.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: 8.47rem;
  left: 22rem;
}

.fzrcgs .zhou {
  top: 0.35rem;
  left: -0.11rem;
}

.fzrcgs .rao {
  top: 0.63rem;
  left: -0.28rem;
}

.fzrcgs .cheng {
  top: 1.43rem;
  left: -0.33rem;
}

.fzrcgs .gao {
  top: 1.72rem;
  left: -0.23rem;
}

.fzrcgs .su {
  top: 2.02rem;
  left: -0.12rem;
}

.shgs {
  top: 9.96rem;
  left: 17.68rem
}

.shgs .hai {
  top: 0.36rem;
  left: -0.16rem
}

.shgs .gao {
  top: 0.68rem;
  left: -0.12rem
}

.shgs .su {
  top: 1rem;
  left: 0rem
}

/**元素**/
.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;
  z-index: 5;
  /* 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);
}

.lyswazfyz {
  width: 4.01rem;
  height: 2.31rem;
  top: 2.15rem;
  left: 15.63rem;
}

.lyswazfyz .db {
  top: 2.09rem;
  left: 0.56rem;
}

.lyswazfyz span {
  background: url(../images/ZGHDK05FJKFZLY00030.png) no-repeat;
  background-size: 100%;
}

.lyswazfyz em {
  top: -0.36rem;
  left: 0.67rem;
}

.ctwg {
  width: 3.66rem;
  height: 2.39rem;
  top: 4.4rem;
  left: 11.68rem;
}

.ctwg .db {
  top: -0.3rem;
  left: 1.9rem;
}

.ctwg span {
  background: url(../images/ZGHDKO5FJKFZ00099.png) no-repeat;
  background-size: 100%;
}

.ctwg em {
  top: 2.39rem;
  left: 0.78rem;
}

.ljcjm {
  width: 2.71rem;
  height: 1.46rem;
  top: 5.08rem;
  left: 15.29rem
}

.ljcjm .db {
  top: -0.24rem;
  left: 0.36rem;
}

.ljcjm span {
  background: url(../images/ZGHDK05FJKFZLY00026.png) no-repeat;
  background-size: 100%;
}

.ljcjm em {
  top: 1.47rem;
  left: 0.67rem;
}

.hkfhycfqjz {
  width: 4.2rem;
  height: 2.22rem;
  top: 11.84rem;
  left: 7.66rem;
}

.hkfhycfqjz .db {
  top: -0.66rem;
  left: 1.89rem;
}

.hkfhycfqjz span {
  background: url(../images/ZGHDK05FJKFZLY00045.png) no-repeat;
  background-size: 100%;
}

.hkfhycfqjz em {
  top: -0.27rem;
  left: 0.55rem;
}

.fsgy {
  width: 2.74rem;
  height: 2.37rem;
  top: 15.46rem;
  left: 11.2rem;
}

.fsgy .db {
  top: -0.58rem;
  left: 4.36rem;
}

.fsgy span {
  background: url(../images/ZGHDK05FJKFZLY00013.png) no-repeat;
  background-size: 100%;
}

.fsgy em {
  top: 0.47rem;
  left: 2.49rem;
}

.fsgy em.em2 {
  top: -0.52rem;
  left: 3.2rem;
}

.mlgy {
  width: 3.03rem;
  height: 1.26rem;
  top: 7.91rem;
  left: 16.25rem;
}

.mlgy .db {
  bottom: -0.12rem;
  right: -0.95rem;
}

.mlgy span {
  background: url(../images/ZGHDK05FJKFZLY00014.png) no-repeat;
  background-size: 100%;
}

.mlgy em {
  bottom: -0.07rem;
  right: -0.66rem;
}

.lyxtsg {
  width: 2.06rem;
  height: 1.97rem;
  top: 7.25rem;
  left: 20.02rem;
}

.lyxtsg .db {
  top: 2.14rem;
  left: 0.3rem;
}

.lyxtsg span {
  background: url(../images/ZGHDK05FJKFZLY00018.png) no-repeat;
  background-size: 100%;
}

.lyxtsg em {
  bottom: -0.39rem;
  left: 0.6rem;
}

.dtcgyt {
  width: 2rem;
  height: 2.5rem;
  top: 8.01rem;
  left: 22.5rem;
}

.dtcgyt .db {
  top: 1.5rem;
  left: -1.84rem;
}

.dtcgyt span {
  background: url(../images/ZGHDK05FJKFZLY00017.png) no-repeat;
  background-size: 100%;
}

.dtcgyt em {
  top: 1.65rem;
  left: -1.55rem;
}

.lfy {
  width: 2.73rem;
  height: 1.64rem;
  top: 10.3rem;
  left: 17.79rem;
}

.lfy .db {
  top: -0.41rem;
  left: 2.38rem;
}

.lfy span {
  background: url(../images/ZGHDK05FJKFZLY00007.png) no-repeat;
  background-size: 100%;
}

.lfy em {
  top: -0.03rem;
  left: 1.73rem;
}

.lywhysj {
  width: 3.49rem;
  height: 2.36rem;
  top: 9.97rem;
  left: 20.52rem;
  z-index: 9;
}

.lywhysj .db {
  top: 0.27rem;
  left: -0.03rem;
}

.lywhysj span {
  background: url(../images/ZGHDKO5FJKFZ00041.png) no-repeat;
  background-size: 100%;
}

.lywhysj em {
  top: 2.37rem;
  left: 0.37rem;
  background-color: rgba(255, 255, 255, .6);
}

.jjbd {
  width: 3.74rem;
  height: 2rem;
  top: 6.98rem;
  left: 26.28rem
}

.jjbd .db {
  top: -0.15rem;
  left: 1.17rem;
}

.jjbd span {
  background: url(../images/ZGHDK05FJKFZLY00025.png) no-repeat;
  background-size: 100%;
}

.jjbd em {
  top: -0.48rem;
  left: 0.62rem;
}

.biys {
  width: 3.81rem;
  height: 2.72rem;
  top: 9.74rem;
  left: 26.46rem
}

.biys .db {
  top: 0.22rem;
  left: 0.18rem;
}

.biys span {
  background: url(../images/ZGHDK05FJKFZLY00035.png) no-repeat;
  background-size: 100%;
}

.biys em {
  top: -0.32rem;
  left: 1.38rem;
}

.ljzrqgl {
  width: 2.24rem;
  height: 2.5rem;
  top: 1.94rem;
  left: 13.1rem;
}

.ljzrqgl .db {
  top: 2.56rem;
  right: -0.11rem;
}

.ljzrqgl span {
  background: url(../images/ZGHDK05FJKFZLY00048.png) no-repeat;
  background-size: 100%;
}

.ljzrqgl em {
  top: -0.33rem;
  left: 0.12rem;
}

/**分类**/
.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;
}

.artBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  top: 1.24rem;
  left: 4.06rem;
}

.lkyzb {
  width: 2.47rem;
  height: 2.88rem;
  background: url(../images/ZGHDK05FJKFZLY00001.png) no-repeat;
  background-size: 100%;
  top: 1.94rem;
  left: -2.6rem;
  opacity: 0
}

.lkyzb em {
  top: 2.94rem;
  left: 0.6rem;
}

.houzx {
  width: 3.7rem;
  height: 2.3rem;
  background: url(../images/ZGHDK05FJKFZLY00012.png) no-repeat;
  background-size: 100%;
  top: 1.84rem;
  left: 3.84rem;
  opacity: 0
}

.houzx em {
  top: -0.2rem;
  left: 1.48rem;
}

.bzltpu {
  width: 3.86rem;
  height: 3.17rem;
  background: url(../images/ZGHDK05FJKFZLY00028.png) no-repeat;
  background-size: 100%;
  top: 0.5rem;
  left: 9.4rem;
  opacity: 0
}

.bzltpu em {
  top: -0.1rem;
  left: 0.8rem;
}

.layz {
  width: 2.57rem;
  height: 1.29rem;
  background: url(../images/ZGHDK05FJKFZLY00002.png) no-repeat;
  background-size: 100%;
  top: 5.8rem;
  left: -2.6rem;
  opacity: 0
}

.layz em {
  top: 0.96rem;
  left: 0.48rem;
}

.beimx {
  width: 3.86rem;
  height: 2.88rem;
  background: url(../images/ZGHDK05FJKFZLY00022.png) no-repeat;
  background-size: 100%;
  top: 8.96rem;
  left: -2.24rem;
  opacity: 0
}

.beimx em {
  top: 3rem;
  left: 1.78rem;
}

.xiaox {
  width: 2.54rem;
  height: 3.3rem;
  background: url(../images/ZGHDK05FJKFZLY00019.png) no-repeat;
  background-size: 100%;
  top: 13.14rem;
  left: -1.76rem;
  opacity: 0
}

.xiaox em {
  top: 1.6rem;
  left: 2.6rem;
}

.liyb {
  width: 3.04rem;
  height: 2.64rem;
  background: url(../images/ZGHDK05FJKFZLY00023.png) no-repeat;
  background-size: 100%;
  top: 10.8rem;
  left: 3.7rem;
  opacity: 0
}

.liyb em {
  top: 2.1rem;
  left: 0.92rem;
}

.skcgs {
  width: 3.5rem;
  height: 3.02rem;
  background: url(../images/ZGHDK05FJKFZLY00029.png) no-repeat;
  background-size: 100%;
  top: 16.36rem;
  left: 6.06rem;
  opacity: 0
}

.skcgs em {
  top: 3.06rem;
  left: 1.42rem;
}

.msfjq {
  width: 2.2rem;
  height: 1.76rem;
  background: url(../images/ZGHDK05FJKFZLY00041.png) no-repeat;
  background-size: 100%;
  top: 15.35rem;
  left: 11.54rem;
  opacity: 0
}

.msfjq em {
  top: -0.34rem;
  left: 0.4rem;
}

.faithBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  top: 0.92rem;
  right: 5.64rem;
}

.sblhx {
  width: 1.95rem;
  height: 2.42rem;
  background: url(../images/ZGHDK05FJKFZLY00003.png) no-repeat;
  background-size: 100%;
  top: 0.8rem;
  right: 0.72rem;
  opacity: 0
}

.sblhx em {
  top: 0.76rem;
  left: 1.3rem;
}

.xiyg {
  width: 3.87rem;
  height: 1.91rem;
  background: url(../images/ZGHDK05FJKFZLY00004.png) no-repeat;
  background-size: 100%;
  top: 2.28rem;
  right: 8.56rem;
  opacity: 0
}

.xiyg em {
  top: 1.9rem;
  left: 0.56rem;
}

.xinfg {
  width: 3.09rem;
  height: 1.45rem;
  background: url(../images/ZGHDK05FJKFZLY00032.png) no-repeat;
  background-size: 100%;
  top: 3.48rem;
  right: 3.62rem;
  opacity: 0
}

.xinfg em {
  top: 1.44rem;
  left: 0.86rem;
}

.shengss {
  width: 2.75rem;
  height: 2.01rem;
  background: url(../images/ZGHDK05FJKFZLY00024.png) no-repeat;
  background-size: 100%;
  top: 2.62rem;
  right: 0.46rem;
  opacity: 0
}

.shengss em {
  top: 2.06rem;
  left: 0.98rem;
}

.foodBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  top: 8.8rem;
  right: 1.1rem;
}

.blxly {
  width: 2.09rem;
  height: 2.07rem;
  background: url(../images/ZGHDK05FJKFZLY00008.png) no-repeat;
  background-size: 100%;
  top: 6rem;
  right: 3.06rem;
  opacity: 0
}

.blxly em {
  top: 0.82rem;
  left: 2.02rem;
}

.yjwmf {
  width: 1.7rem;
  height: 1.45rem;
  background: url(../images/ZGHDK05FJKFZLY00009.png) no-repeat;
  background-size: 100%;
  top: 11.22rem;
  right: 1.12rem;
  opacity: 0
}

.yjwmf em {
  top: 1.52rem;
  left: 0.2rem;
}

.folkwaysBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  bottom: 4.2rem;
  right: 5.8rem;
}

.yinyy {
  width: 2.48rem;
  height: 3.7rem;
  background: url(../images/ZGHDK05FJKFZLY00011.png) no-repeat;
  background-size: 100%;
  bottom: 0.34rem;
  right: 9.3rem;
  opacity: 0
}

.yinyy em {
  top: 0.5rem;
  left: -0.48rem;
}

.bajq {
  width: 4.69rem;
  height: 4.84rem;
  background: url(../images/ZGHDK05FJKFZLY00010.png) no-repeat;
  background-size: 100%;
  bottom: 1.84rem;
  right: -1.06rem;
  opacity: 0
}

.bajq em {
  top: 2.1rem;
  left: 3.76rem;
}

.celebrityBtn {
  position: absolute;
  width: 0rem;
  height: 0.65rem;
  bottom: 2.9rem;
  left: 18.4rem;
}

.chenzhen {
  width: 2.43rem;
  height: 3.69rem;
  background: url(../images/ZGHDK05FJKFZLY00016.png) no-repeat;
  background-size: 100%;
  bottom: 0.4rem;
  left: 14.24rem;
  opacity: 0
}

.chenzhen em {
  top: 1.6rem;
  left: -0.32rem;
}

.linky {
  width: 2.57rem;
  height: 3.2rem;
  background: url(../images/ZGHDK05FJKFZLY00020.png) no-repeat;
  background-size: 100%;
  bottom: 0.64rem;
  left: 22.5rem;
  opacity: 0
}

.linky em {
  top: 1.52rem;
  left: 2.08rem;
}