.wrap {
  max-width: 1420px;
  margin: 0 auto;
  width: 85.652%;
  padding-left: 15px;
  padding-right: 15px; }

.clearfix:after {
  content: "";
  display: inline-block;
  display: inline;
  zoom: 1;
  display: block;
  visibility: hidden;
  height: 0;
  clear: both; }

.clearfix {
  zoom: 1; }

@keyframes circle-opacity1200 {
  from {
    width: 100%;
    height: 100%; }
  to {
    width: 1200%;
    height: 1200%; } }
@keyframes circle-opacity2500 {
  from {
    width: 100%;
    height: 100%; }
  to {
    width: 2500%;
    height: 2500%; } }
@keyframes circle-opacity600 {
  from {
    width: 100%;
    height: 100%; }
  to {
    width: 600%;
    height: 600%; } }
@keyframes dotAnimation {
  to {
    opacity: 0;
    filter: alpha(opacity=0); } }
.page-map {
  background: url(/static/jindie/content/./images/st/bg-7.jpg) no-repeat center top;
  overflow: hidden;
  padding: 40px 0; }
  .page-map .pageMap-box {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center; }
  .page-map .pageMap-header {
    font-size: 4.166vw;
    font-weight: bold;
    line-height: 1.2;
    color: #000000;
    padding-left: 2.8vw; }
    .page-map .pageMap-header .num span {
      padding-right: 3.4vw;
      background: url(/static/jindie/content/./images/st/ic-3.png) no-repeat right center;
      background-size: auto 50%; }
  .page-map .pageMap-info {
    background: url(/static/jindie/content/./images/st/bg-8.png) no-repeat left center;
    height: 11.458vw;
    background-size: auto 100%;
    padding-left: 2.8vw;
    font-size: 1.25vw;
    color: #000000;
    line-height: 2;
    margin-top: 10%;
    display: flex;
    align-items: center; }
    .page-map .pageMap-info span {
      color: #00b1b9; }
  .page-map .pageMap-fl {
    width: 35%; }
    .page-map .pageMap-fl .pageMap-dot {
      display: flex;
      align-items: center;
      padding-left: 2.8vw;
      margin-top: 9%; }
      .page-map .pageMap-fl .pageMap-dot span {
        width: 10px;
        height: 10px;
        background: #f1964c;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        margin-right: 10px;
        position: relative; }
        .page-map .pageMap-fl .pageMap-dot span::after {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          background: #00b1b9;
          -webkit-animation: dotAnimation 0.8s infinite linear;
          -moz-animation: dotAnimation 0.8s infinite linear;
          -o-animation: dotAnimation 0.8s infinite linear; }
        .page-map .pageMap-fl .pageMap-dot span:nth-child(1)::after {
          -webkit-animation-delay: 0.24s;
          -moz-animation-delay: 0.24s;
          -o-animation-delay: 0.24s; }
        .page-map .pageMap-fl .pageMap-dot span:nth-child(2)::after {
          /* css3 animation */
          -webkit-animation-delay: 0.48s;
          -moz-animation-delay: 0.48s;
          -o-animation-delay: 0.48s; }
        .page-map .pageMap-fl .pageMap-dot span:nth-child(3)::after {
          /* css3 animation */
          -webkit-animation-delay: 0.72s;
          -moz-animation-delay: 0.72s;
          -o-animation-delay: 0.72s; }
  .page-map .pageMap-fr {
    width: 65%; }
    .page-map .pageMap-fr .pageMap-map .img {
      position: relative;
      width: 100%; }
      .page-map .pageMap-fr .pageMap-map .img img {
        width: 100%; }
      .page-map .pageMap-fr .pageMap-map .img .list {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
        .page-map .pageMap-fr .pageMap-map .img .list .item {
          position: absolute;
          cursor: pointer;
          width: 1%;
          padding-bottom: 1%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          background: #ffffff; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.active {
            background: #f1964c; }
            .page-map .pageMap-fr .pageMap-map .img .list .item.active .dot::after {
              background: rgba(241, 150, 76, 0.2) !important;
              border-color: #f1964c !important;
              opacity: 1;
              filter: alpha(opacity=100); }
          .page-map .pageMap-fr .pageMap-map .img .list .item .dot {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            cursor: pointer; }
            .page-map .pageMap-fr .pageMap-map .img .list .item .dot::after {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              width: 100%;
              height: 100%;
              transform: translate(-50%, -50%);
              background: rgba(255, 255, 255, 0.7);
              border: 3px solid #ffffff;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              -ms-border-radius: 50%;
              -o-border-radius: 50%;
              border-radius: 50%;
              opacity: 0.72;
              filter: alpha(opacity=72); }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-beijing {
            left: 66.9527896996%;
            top: 35.8333333333%; }
            .page-map .pageMap-fr .pageMap-map .img .list .item.item-beijing .dot::after {
              animation: circle-opacity1200 3s infinite;
              background: rgba(255, 255, 255, 0.1);
              opacity: 0.72;
              filter: alpha(opacity=72); }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-gansu {
            left: 49.1416309013%;
            top: 52.3611111111%; }
            .page-map .pageMap-fr .pageMap-map .img .list .item.item-gansu .dot::after {
              animation: circle-opacity1200 3s infinite;
              animation-delay: 0.6s;
              background: rgba(255, 255, 255, 0.2); }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-qinghai {
            left: 36.0515021459%;
            top: 51.8055555556%; }
            .page-map .pageMap-fr .pageMap-map .img .list .item.item-qinghai .dot::after {
              animation: circle-opacity600 4s infinite;
              animation-delay: 1.6s;
              background: rgba(255, 255, 255, 0.1);
              opacity: 0.5;
              filter: alpha(opacity=50); }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-hubei {
            left: 62.339055794%;
            top: 59.4444444444%; }
            .page-map .pageMap-fr .pageMap-map .img .list .item.item-hubei .dot::after {
              animation: circle-opacity2500 2s infinite;
              animation-delay: 1s;
              background: rgba(255, 255, 255, 0.1);
              opacity: 0.5;
              filter: alpha(opacity=50); }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-anhui {
            left: 71.3519313305%;
            top: 58.4722222222%; }
            .page-map .pageMap-fr .pageMap-map .img .list .item.item-anhui .dot::after {
              animation: circle-opacity1200 3.4s infinite;
              animation-delay: 2.1s;
              background: rgba(255, 255, 255, 0.1);
              opacity: 0.8;
              filter: alpha(opacity=80); }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-heilongjiang {
            left: 77.6824034335%;
            top: 16.5277777778%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-jiling {
            left: 79.0772532189%;
            top: 24.4444444444%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-liaoning {
            left: 76.6094420601%;
            top: 33.0555555556%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-neimenggu {
            left: 58.4763948498%;
            top: 35.2777777778%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-hebei {
            left: 65.0214592275%;
            top: 41.5277777778%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-tianjing {
            left: 68.347639485%;
            top: 38.1944444444%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-shanxi {
            left: 60.5150214592%;
            top: 44.7222222222%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-henan {
            left: 64.2703862661%;
            top: 50.1388888889%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-shandong {
            left: 71.4592274678%;
            top: 45.4166666667%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-jiangsu {
            left: 74.7854077253%;
            top: 53.8888888889%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-shanghai {
            left: 76.9313304721%;
            top: 56.3888888889%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-zhejiang {
            left: 74.356223176%;
            top: 61.3888888889%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-jiangxi {
            left: 68.025751073%;
            top: 65.2777777778%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-fujian {
            left: 71.8884120172%;
            top: 70%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-hunan {
            left: 61.4806866953%;
            top: 67.5%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-guangdong {
            left: 63.7339055794%;
            top: 77.6388888889%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-guangxi {
            left: 58.4763948498%;
            top: 77.6388888889%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-guizhou {
            left: 54.8283261803%;
            top: 69.1666666667%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-chongqing {
            left: 54.6137339056%;
            top: 62.0833333333%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-sichuan {
            left: 49.1416309013%;
            top: 64.3055555556%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-shanxi2 {
            left: 54.5064377682%;
            top: 52.3611111111%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-ningxia {
            left: 51.6094420601%;
            top: 44.1666666667%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-xinjiang {
            left: 22.8540772532%;
            top: 31.9444444444%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-xizang {
            left: 24.8927038627%;
            top: 57.6388888889%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item.item-hainan {
            left: 58.4763948498%;
            top: 88.1944444444%; }
          .page-map .pageMap-fr .pageMap-map .img .list .item .title {
            display: none; }

@media only screen and (max-width: 768px) {
  .page-map {
    background: url(/static/jindie/content/./images/st/bg-7.jpg) no-repeat center top;
    overflow: hidden;
    padding-top: 9%; }
    .page-map .pageMap-box {
      position: relative;
      overflow: hidden;
      display: block; }
    .page-map .pageMap-header {
      font-size: 24px;
      font-weight: bold;
      padding-left: 5%; }
      .page-map .pageMap-header .num span {
        padding-right: 20px; }
    .page-map .pageMap-info {
      height: 130px;
      background-size: auto 100%;
      padding-left: 5%;
      font-size: 14px;
      margin-top: 10%; }
    .page-map .pageMap-fl {
      float: none;
      width: 100%; }
      .page-map .pageMap-fl .pageMap-dot {
        padding-left: 5%;
        margin-top: 9%; }
        .page-map .pageMap-fl .pageMap-dot span {
          width: 5px;
          height: 5px;
          margin-right: 5px; }
    .page-map .pageMap-fr {
      float: none;
      width: 100%;
      margin-top: 5%; } }

/*# sourceMappingURL=map.css.map */