.mapx {
            display: flex;
            justify-content: center;
            align-items: center;

        }

        .historyx h2 {position: relative; font-size: 33px; color: #000; line-height: 1;}
        .historyx h2:before {
            content:""; position: absolute;
            left:-48px; top:50%; transform: translateY(-50%);
            width: 17px; height: 17px; border-radius: 100%;
            background:#fff; border: 5px solid #ff5a2b;
            box-sizing: border-box;
        }

        .historyx div {position: relative; padding: 0 0 0 48px;}
        .historyx div:before { content:""; position:absolute; left:8px; top:0;
              width: 2px; height:100%; background:#ddd;}
        .historyx div:first-child:before { top:10px; height:calc(100% - 10px);}

        .historyx ol { padding: 20px 0 74px; }
        .historyx li {font-size: 17px; color:#000; line-height: 29px;  }

        #history > ul,li {
          list-style: none;
        }

        #history > a {
          text-decoration: none
        }

        #history {

          margin: 0 auto;
        }

        #history h2 {
          text-align: left;
          font-size: 24px;
          color: #444;
          line-height: 1;
          margin-top: 30px;
        }

        .list_right {
          display: table;
          width: 100%;

          padding-left: 26px;
        }

        .list_right span {
          display: table-cell;
          vertical-align: top;
        }

        .list_right div {
          position: relative;
          display: table-cell;
          vertical-align: top;
        }

        .list_right div:before {
          content: "";
          position: absolute;
          left: 0;
          width: 1px;
          height: 100%;
          background: #dfdfdf;
        }

        .list_right div ul {
          margin-top: 0px;
        }

        .list_right div ul li {
          display: list-item;
          position: relative;
          width: 100%;
          padding-left: 20px;
        }

        .list_right div ul li+li {
          margin-top: 20px;
        }

        .list_right div ul li:before {
          content: "";
          position: absolute;
          left: -8px;
          top: 4px;
          width: 12px;
          height: 12px;
          border: 3px solid #0a4a9f;
          border-radius: 50%;
        }

        .list_right dl {
          text-align: left;
          display: table;
          width: 100%;
        }

        .list_right dl dt {
          width: 10%;
          display: table-cell;
          vertical-align: middle;
          font-size: 14px;
          color: #444;
          font-weight: bold;
          text-align: left;
        }

        .list_right dl dd {
          width: 90px;
          display: table-cell;
          vertical-align: middle;
          font-size: 13px;
          color: #444;
          text-align: left;
        }

        .list_left {
          display: table;
          width: 100%;
          table-layout: fixed;
        }

        .list_left span {
          display: table-cell;
          vertical-align: top;
        }

        .list_left div {
          position: relative;
          display: table-cell;
          vertical-align: top;
        }

        .list_left div:before {
          content: "";
          position: absolute;
          right: -1px;
          width: 1px;
          height: 100%;
          background: #dfdfdf;
        }

        .list_left div ul {
          margin-top: 20px;
        }

        .list_left div ul li {
          display: table;
          position: relative;
          width: 100%;
          padding-left: 20px;
        }

        .list_left div ul li+li {
          margin-top: 20px;
        }

        .list_left div ul li:before {
          content: "";
          position: absolute;
          right: -10px;
          top: 4px;
          width: 12px;
          height: 12px;
          border: 3px solid #0a4a9f;
          border-radius: 50%;
        }

        .list_left dl {
          text-align: right;
          display: table;
          width: 100%;
          padding-right: 20px;
        }

        .list_left dl dt {
          width: 10%;
          display: table-cell;
          vertical-align: middle;
          font-size: 14px;
          color: #444;
          font-weight: bold;
          text-align: right;
        }

        .list_left dl dd {
          width: 90px;
          display: table-cell;
          vertical-align: middle;
          font-size: 13px;
          color: #444;
          text-align: right;
        }

        .year_img {
            margin-left: 30px;
        }

        .padding_LR_0 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .scroll_down {
            position: sticky;
            top: 150px;
        }

        .history1 {
          display: block;
          width: 840px !important;
        }

        .history2 {
          display: none;
          width: 320px !important;

          image-rendering: -moz-crisp-edges;
          image-rendering: -o-crisp-edges;
          image-rendering: -webkit-optimize-contrast !important;
          image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;

          transform: translateZ(0) !important;
          backface-visibility: hidden !important;
        }

        @media (max-width: 992px) {
            .scroll_down {
                position: unset;
                top: 150px;
            }

            .history1 {
              display: block;
            }

            .history2 {
              display: none;
            }
        }
        @media (max-width: 768px) {
            .scroll_down {
                position: unset;
                top: 150px;
            }

            .year_img {
                margin-left: 10px;
            }

            .list_right {
                padding-left: 0px;
            }

            .history1 {
              display: none;
            }

            .history2 {
              display: block;
            }
        }
        @media (max-width: 576px) {
            .scroll_down {
                position: unset;
                top: 150px;
            }

            .year_img {
                margin-left: 10px;
            }

            .list_right {
                padding-left: 0px;
            }

            .history1 {
              display: none;
            }

            .history2 {
              display: block;
            }
        }

        @media (max-width: 480px) {
            .scroll_down {
                position: unset;
                top: 150px;
            }

            .year_img {
                margin-left: 10px;
            }

            .list_right {
                padding-left: 0px;
            }

            .history1 {
              display: none;
            }

            .history2 {
              display: block;
            }
        }

        @media (max-width: 380px) {
           .scroll_down {
                position: unset;
                top: 150px;
            }

            .year_img {
                margin-left: 10px;
            }

            .list_right {
                padding-left: 0px;
            }

            .history1 {
              display: none;
            }

            .history2 {
              display: block;
            }
        }

        @media (max-width: 280px) {
           .scroll_down {
                position: unset;
                top: 150px;
            }

            .year_img {
                margin-left: 10px;
            }

            .list_right {
                padding-left: 0px;
            }

            .history1 {
              display: none;
            }

            .history2 {
              display: block;
            }
        }