.sjdt {
    display: block;
    width: 100%;
    height: auto;
    position: relative
}

.dtbj {
    width: 100%;
    height: auto
}

.dtbj img {
    width: 100%;
    height: auto
}

.maps {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%
}

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

.maps_sm {
    margin: 0px 15px
}

.maps_sm_tb {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 20px;
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    transition: all .5s ease 0s
}

.maps_sm_hx .maps_sm_tb {
    background-color: rgba(24,63,141,1)
}

.maps_sm_ys .maps_sm_tb {
    background-color: rgba(254,140,6,1)
}

.maps_sm_tz .maps_sm_tb {
    background-color: rgba(2,161,226,1)
}

.maps_sm_zg .maps_sm_tb {
    background-color: rgba(230,0,0,1)
}

.maps_sm_wz {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 5px
}

.maps_i {
    text-align: center;
    position: absolute;
    width: auto;
    cursor: pointer;
    transform: translate(-50%,-50%)
}

.maps_i:hover {
    z-index: 99
}

.maps_tb .maps_tb_i i {
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 46px;
    margin: 0 auto;
    position: relative;
    border: 1px solid rgba(255,255,255,0.9);
    box-shadow: 0 0 15px rgba(255,255,255,0.9);
    transition: all .5s ease 0s
}

.maps_tb:before {
    content: '';
    width: 36px;
    height: 36px;
    border-radius: 50px;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    top: 50%;
    margin-top: -18px;
    cursor: pointer
}

.maps_tb .maps_tb_i:before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer
}

.maps_icon {
    position: absolute;
    top: 50%;
    left: -20px;
    cursor: pointer;
    transform: translate(0%,-50%);
    z-index: 999;
    padding-bottom: 8px;
    display: none
}

.maps_icon .icon_jr {
    width: 20px;
    height: 20px;
    fill: rgba(254,140,6,1)
}

.maps_sm_icon {
    text-align: center;
    width: 100%;
    height: 20px;
    line-height: 20px
}

.maps_sm_icon .icon_jr {
    width: 20px;
    height: 20px;
    fill: rgba(254,140,6,1)
}

.maps_hx .maps_tb:before {
    animation: addwarn 1.5s linear 0.4s infinite
}

.maps_hx .maps_tb .maps_tb_i:before {
    animation: addwarn 1.5s linear 0s infinite
}

.maps_ys .maps_tb:before {
    animation: addwarn 1.5s linear 0.6s infinite
}

.maps_ys .maps_tb .maps_tb_i:before {
    animation: addwarn 1.5s linear 0.2s infinite
}

.maps_zg .maps_tb:before {
    animation: addwarn 1.5s linear 0.5s infinite
}

.maps_zg .maps_tb .maps_tb_i:before {
    animation: addwarn 1.5s linear 0.1s infinite
}

.maps_tz .maps_tb:before {
    animation: addwarn 1.5s linear 0.8s infinite
}

.maps_tz .maps_tb .maps_tb_i:before {
    animation: addwarn 1.5s linear 0.4s infinite
}

.maps_hx .maps_tb .maps_tb_i i {
    background-color: rgba(24,63,141,1)
}

.maps_hx:hover .maps_tb .maps_tb_i i {
    border: 1px solid rgba(24,63,141,1)
}

.maps_hx .maps_tb:before {
    border: 1px solid rgba(24,63,141,0.5);
    background-color: rgba(24,63,141,0.3)
}

.maps_hx .maps_tb .maps_tb_i:before {
    border: 1px solid rgba(24,63,141,0.8);
    background-color: rgba(24,63,141,0.6)
}

.maps_zg .maps_tb .maps_tb_i i {
    background-color: rgba(230,0,0,1)
}

.maps_zg:hover .maps_tb .maps_tb_i i {
    border: 1px solid rgba(230,0,0,1)
}

.maps_zg .maps_tb:before {
    border: 1px solid rgba(230,0,0,0.5);
    background-color: rgba(230,0,0,0.3)
}

.maps_zg .maps_tb .maps_tb_i:before {
    border: 1px solid rgba(230,0,0,0.8);
    background-color: rgba(230,0,0,0.6)
}

.maps_ys .maps_tb .maps_tb_i i {
    background-color: rgba(254,140,6,1)
}

.maps_ys:hover .maps_tb .maps_tb_i i {
    border: 1px solid rgba(254,140,6,1)
}

.maps_ys .maps_tb:before {
    border: 1px solid rgba(254,140,6,0.5);
    background-color: rgba(254,140,6,0.3)
}

.maps_ys .maps_tb .maps_tb_i:before {
    border: 1px solid rgba(254,140,6,0.8);
    background-color: rgba(254,140,6,0.6)
}

.maps_tz .maps_tb .maps_tb_i i {
    background-color: rgba(2,161,226,1)
}

.maps_tz:hover .maps_tb .maps_tb_i i {
    border: 1px solid rgba(2,161,226,1)
}

.maps_tz .maps_tb:before {
    border: 1px solid rgba(2,161,226,0.5);
    background-color: rgba(2,161,226,0.3)
}

.maps_tz .maps_tb .maps_tb_i:before {
    border: 1px solid rgba(2,161,226,0.8);
    background-color: rgba(2,161,226,0.6)
}

.maps_bj {
    height: 0;
    opacity: 0;
    width: 0;
    margin: 0;
    padding: 0px;
    border-radius: 6px;
  white-space:nowrap;
    font-size: 14px;
    line-height: 1.5;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    transition: opacity 0s ease 0s,bottom 0s ease 0s,height 0s ease 0s;
    position: absolute;
    bottom: 15px;
    left: 50%;
    cursor: pointer;
    transform: translate(-50%,0%);
    overflow: hidden
}

.maps_i:hover .maps_bj {
    transition: opacity .5s ease 0s,bottom .5s ease 0s,height 0s ease 0s;
    height: auto;
    width: auto;
    opacity: 1;
    bottom: 25px;
    padding: 10px 15px;
    overflow: visible;
    box-shadow: 0 0 15px rgba(0,0,0,0.3)
}

.maps_bj .maps_i_cn {
    font-size: 15px;
    line-height: 1.2;
    color: var(--themes-color);
    white-space: nowrap;
  display:none;
}
.maps_bj  .maps_i_gj{color:#cb3a4c}
.maps_bj .maps_i_en {
    font-size: 13px;
    line-height: 1.5;
    color: rgba(0,0,0,0.5);
    white-space: nowrap
}

.maps_bj:before {
    content: '';
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translateX(-50%);
    border: 9px solid transparent;
    border-top: 9px solid rgba(255, 255, 255, 1)
}

.maps_i_01 {
    top: 67.5%;
    left: 50.2%
}

.maps_i_02 {
    top: 34.5%;
    left: 44%
}

.maps_i_03 {
    top: 35.2%;
    left: 47.2%
}

.maps_i_04 {
    top: 33%;
    left: 41.2%
}

.maps_i_05 {
    top: 41.5%;
    left: 40.2%
}

.maps_i_06 {
    top: 51.5%;
    left: 36.5%
}

.maps_i_07 {
    top: 22.7%;
    left: 25.1%
}

.maps_i_08 {
    top: 39.2%;
    left: 24.2%
}

.maps_i_09 {
    top: 39.2%;
    left: 22.5%
}

.maps_i_10 {
    top: 67.5%;
    left: 17.8%
}

.maps_i_11 {
    top: 26%;
    left: 19.5%
}

.maps_i_12 {
    top: 22.9%;
    left: 19.5%
}

.maps_i_13 {
    top: 19.3%;
    left: 20.8%
}

.maps_i_14 {
    top: 26%;
    left: 17.2%
}

.maps_i_15 {
    top: 22.5%;
    left: 17.5%
}

.maps_i_17 {
    top: 24.1%;
    left: 16.2%
}

.maps_i_18 {
    top: 22.5%;
    left: 16.4%
}

.maps_i_16 {
    top: 23.2%;
    left: 17%
}

.maps_i_19 {
    top: 62%;
    left: 95.5%
}

.maps_i_20 {
    top: 27.5%;
    left: 70.8%
}

.maps_i_21 {
    top: 34.4%;
    left: 20.4%
}

.maps_i_22 {
    top: 19.9%;
    left: 23.6%
}

.maps_i_23 {
    top: 24%;
    left: 18.2%
}

.maps_i_24 {
    top: 27.6%;
    left: 82.9%
}

.maps_i_25 {
    top: 32.5%;
    left: 72.4%
}

.maps_i_26 {
    top: 27.4%;
    left: 80.8%
}

.maps_i_27 {
    top: 38.8%;
    left: 24.7%
}

.maps_i_28 {
    top: 25.5%;
    left: 18%
}