.articleContent {
  background: url(../images/d43057d114966f04ba6da19e9b699e42.jpg) center top no-repeat;
  background-size: cover;
  padding-bottom: 120px; }
  .articleContent .pongeTitle {
    margin-top: 80px; }
  .articleContent .titleDesc {
    margin-top: 20px; }
    .articleContent .titleDesc p {
      font-size: 24px;
      color: #fff;
      text-align: center;
      margin-bottom: 5px; }

.bscroll-vertical-scrollbar {
  background: rgba(255, 255, 255, 0.2);
  width: 4px !important; }
  .bscroll-vertical-scrollbar .bscroll-indicator {
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important; }

.contentSlideTop {
  margin-top: 55px;
  height: 640px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .contentSlideTop .map {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0; }
  .contentSlideTop .left {
    height: 100%;
    width: 475px;
    overflow: hidden;
    padding-right: 15px;
    position: relative;
    margin-right: 27px; }
    .contentSlideTop .left ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .contentSlideTop .left ul li {
        background: rgba(255, 255, 255, 0.1);
        cursor: pointer;
        margin-bottom: 15px; }
        .contentSlideTop .left ul li .headerTop {
          padding: 30px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          .contentSlideTop .left ul li .headerTop.active .iconimg img:nth-of-type(1) {
            display: none; }
          .contentSlideTop .left ul li .headerTop.active .iconimg img:nth-of-type(2) {
            display: block; }
          .contentSlideTop .left ul li .headerTop span {
            color: #fff;
            font-size: 18px; }
          .contentSlideTop .left ul li .headerTop .iconimg {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            .contentSlideTop .left ul li .headerTop .iconimg img:nth-of-type(1) {
              display: block; }
            .contentSlideTop .left ul li .headerTop .iconimg img:nth-of-type(2) {
              display: none; }
        .contentSlideTop .left ul li .content {
          display: none;
          margin-top: 15px;
          padding: 30px;
          background: #0056c1; }
          .contentSlideTop .left ul li .content p {
            font-size: 14px;
            color: #fff;
            margin: 7px 0; }

@media (max-width: 991px) {
  .contentSlideTop .left {
    width: 300px; } }

@media (max-width: 767px) {
  .contentSlideTop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .contentSlideTop .map {
    height: 500px; }
  .contentSlideTop {
    height: auto; }
  .contentSlideTop .left {
    height: 600px;
    width: 100%; }
  .articleContent .titleDesc p {
    font-size: 18px; }
  .articleContent {
    padding-bottom: 30px; } }

@media (max-width: 575px) {
  .articleContent .titleDesc p {
    font-size: 14px; }
  .contentSlideTop .left ul li .headerTop {
    padding: 10px 20px; }
  .contentSlideTop .left ul li .content {
    margin-top: 0;
    padding: 10px 20px; }
  .contentSlideTop .left {
    height: auto; }
  .contentSlideTop .left {
    padding-right: 0; }
  .articleContent .pongeTitle {
    margin-top: 40px; } }

#bjmap {
  width: 100%;
  height: 100%; }