html{
     overflow-x: hidden;
     font-size:100px;
}
body {
     color: #333;
     margin: 0;
     height: 100%;
     font-family: "微软雅黑";
     font-size:100px;
 }
 * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 ul,li{
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 #map_bg{
     width: 19.20rem;
     height: 12.42rem;
     position: relative;
     background: url("../images/bg.jpg") no-repeat;
     text-align: center;
     background-size: 19.2rem;
 }
 .kuang{
     width: 12.00rem;
     display: inline-block;
 }
 #map{
     width: 12rem;
     height: 11rem;
     background: url("../images/map_03.png") no-repeat center;
     position: relative;
     background-size: 11.99rem;
 }
 .map-dot {
     position: absolute;
     text-align: center;
     font-size: 0.12rem;
     cursor: pointer;
 }
 .tianjin {
     left: 7.74rem;
     top: 5.15rem;
 }
 .dot{
     width: 0.20rem;
 }
 .tianjin_point1{
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     bottom: -0.08rem;
 }
 .tianjin_text{
     position: absolute;
     font-size: 0.15rem;
     width: 0.50rem;
     font-weight: bolder;
     left: 0.23rem;
     top: 0.15rem;
 }
 .jump{
         /* 设置图片跳动动画 */
         animation: jump 2s ease infinite;
     }
 @keyframes jump{
     0%{ transform:translateY(0) scale(1,1);}
     /* 中间状态图片位移并且拉伸 */
     50%{transform:translateY(-5px) scale(0.97,1.03);}
     100%{transform:translateY(0) scale(1,1);}
 }
 .dots{
   animation: dots 2s ease infinite;
 }
 @keyframes dots {
   100% {transform:translateX(-50%) scale(1);opacity:1}
   50% {transform:translateX(-50%) scale(1.5);opacity:.7}
 }

 .hebei{
     left: 7.35rem;
     top: 5.32rem;
 }
 .hebei_point1{
     position: absolute;
     left: 0.2rem;
     margin: auto;
     bottom: -0.08rem;
 }
 .hebei_text{
     position: absolute;
     font-size: 0.15rem;
     width: 0.5rem;
     font-weight: bolder;
     right: 0.23rem;
     top: 0.25rem;
 }
 .hblf{
   left: 7.30rem;
   top: 5.82rem;
 }
 .branch-map-data {
   position: absolute;
   box-sizing: border-box;
   width: 4.3rem;
   border: 0.05rem solid #e79995;
   background-color: #fff;
   z-index: 1;
   display: none;
}
.branch-map-data-title img{
  vertical-align: middle;
  margin-right: 0.10rem;
}
.branch-map-data-title p{
  font-size: 0.16rem;
}
 .branch-map-data-info span{
   width: 50%;
   display: inline-block;
   height: 0.35rem;
   line-height: 0.35rem;
 }
.red_tit{
  background: #ca1414;
  color: #fff;
  font-size: 0.16rem;
  font-weight: bold;
}
.branch-map-data-info span:first-child{
  border-right: 1px solid #e0e0e0;
}
.branch-map-data-info-list li{
  display: grid;
}
.branch-map-data-info-list li a{
  font-size: 0.14rem;
  color: #000;
}
.branch-map-data-info-list li:nth-child(2n){
  background: #ebebeb;
}
.branch-map-data-info-list li:hover{
  background: #000;
}
.branch-map-data-info-list li:hover {
  background: #bbb;
}
.shandong{
  left:8.00rem;
  top: 5.80rem;
}
.shandong_text{
  position: absolute;
  font-size: 0.15rem;
  width: 0.5rem;
  font-weight: bolder;
  left: 0.15rem;
  top: 0.30rem;
}
.shandong_point1 {
  position: absolute;
  left: -0.10rem;
  margin: auto;
  bottom: -0.25rem;
 }
 .shandong_point2 {
   position: absolute;
   left: -0.40rem;
   margin: auto;
   bottom: -0.33rem;
  }
 .sdns{
     left: 7.70rem;
     top: 5.95rem;
 }
 .jiangsu{
   left: 8.10rem;
   top: 6.30rem;
 }
 .jiangsu_text{
     position: absolute;
     font-size: 0.15rem;
     width: 0.5rem;
     font-weight: bolder;
     left: 0.60rem;
     top: 0.35rem;
 }
 .dots img{
   position: absolute;
   margin: auto;
   width: 0.14rem;
 }
 .jiangsu_point2{
   left: 0.35rem;
   top: 0.55rem;
 }
 .jiangsu_point3{
   top: 0.82rem;
   left: 0.25rem;
 }
 .jsze{
   left: 8.35rem;
   top: 6.52rem;
 }
 .jsdg{
   left: 8.2rem;
   top: 6.85rem;
 }
 .jsqn{
   left: 8.5rem;
   top: 7.02rem;
 }
 .fujian{
   left: 8.2rem;
   top: 8.10rem;
 }
 .fujian_text {
   position: absolute;
   font-size: 0.15rem;
   width: 0.5rem;
   font-weight: bolder;
   left: 0.10rem;
   top: 0.5rem;
 }
 .fujian_point2 {
     left: -0.15rem;
     top: 0.70rem;
 }
 .fjmt{
   left: 8.05rem;
   top: 8.45rem;
 }
 .guangdong{
   left: 7.10rem;
   top: 8.80rem;
 }
 .guangdong_point1{
     left: 0.30rem;
 }
 .guangdong_text {
     position: absolute;
     font-size: 0.15rem;
     width: 0.5rem;
     font-weight: bolder;
     left: 0.25rem;
     top: 0.10rem;
 }
 .branch-map-data:before {
     content: "";
     position: absolute;
     left: -0.2rem;
     top: 50%;
     transform: translateY(-50%);
     width: 0;
     height: 0;
     border: 0.08rem solid;
     border-color: transparent #e79995 transparent transparent;
 }
 .ningxia {
    left: 5.75rem;
    top: 5.8rem;
 }
 
 .ningxia_text {
     position: absolute;
     font-size: 0.15rem;
     width: 0.5rem;
     font-weight: bolder;
     left: 0.25rem;
     top: 0.10rem;
 }
 .shanxi{
    left: 6.3rem;
    top: 6.5rem;
 }
 .shanxi_text {
     position: absolute;
     font-size: 0.15rem;
     width: 0.5rem;
     font-weight: bolder;
     left: 0.25rem;
     top: 0.10rem;
 }
.henan {
    left: 7rem;
    top: 6.8rem;
}
.henan_text {
     position: absolute;
     font-size: 0.15rem;
     width: 0.5rem;
     font-weight: bolder;
     left: 0.15rem;
     top: 0.10rem;
 }
.hubei {
    left: 7.35rem;
    top: 7.1rem;
}
.hubei_text {
     position: absolute;
     font-size: 0.15rem;
     width: 0.5rem;
     font-weight: bolder;
     left: 0.15rem;
     top: 0.10rem;
 }
 .yexm{
    left: 7.15rem;
    top: 7.2rem;
 }
 #company_shandong .branch-map-data-info-list li:nth-child(8){
     height: 0.9rem;
 }
  #company_shandong .branch-map-data-info-list li:nth-child(8) span:first-child{
     height: 0.9rem;
     line-height: 0.9rem;
     vertical-align: top;
 }
  #company_shandong .branch-map-data-info-list li:nth-child(8) span:last-child{
    line-height: 0.25rem;
    vertical-align: top;
    margin-top: 0.2rem;
}
 @media screen and (max-width: 1500px) {
     html,body{font-size:78.125px;}
  }
 @media screen and (max-width: 1200px) {
     html,body{font-size:62.5px;}
  }
@media screen and (max-width: 1000px) {
    html,body{font-size:52px;}
 }
 @media screen and (max-width: 600px) {
     html,body{font-size:31.25px;}
  }
@media screen and (max-width: 500px) {
     html,body{font-size:26px;}
     #map_bg{
         width: 16.2rem;
     }
  }