@charset "utf-8";
/* CSS Document */

 .ditu1{
  padding:0px 0;
  width:100%;
  background:none;
  overflow:hidden;
}
 .ditubox{
  width:100%;
  max-width:1920px;
  margin:0 auto;
  position:relative;
}
 .ditubox video{
  margin:0 auto;
  display:block;
  width:100%;
  height:auto;
}
 .line_dianbox{
  position:absolute;

  border-radius:50%;
  transform:translate(-50%,-50%);
}
 .line_dian{
  width:100%;
  cursor:pointer;
  height:100%;
  border-radius:50%;
  position:relative;
}

.line_dian img{
width:70%;
}

 .line_dian span{
  font-size:20px;
  color:#ffffff;
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  transform:translate(-50%,-50%);
}
 .dian1{
    left: 43%;
    top: 72%;
}
 .dian2{
    left: 34.5%;
    top: 54%;
}
.dian2 img{
width:70%;
}


 .dian3{
  left:39%;
  top:18%;
}
 .dian4{
    left: 14%;
    top: 13%;
}
 .dian5{
    left: 41%;
    top: 34%;
}
 .dian6{
    left: 41%;
    top: 37%;
}
 .dian7{
    left: 38%;
    top: 42%;
}
 .dian8{
left: 40%;
    top: 32%;
}
 .dian9{
    left: 38.5%;
    top: 41%;
}
 .dian10{
    left: 40%;
    top: 36%;
}
 .dian11{
    left: 45%;
    top: 28%;
}
 .dian12{
left: 37%;
    top: 45%;
}
 .dian13{
    left: 39%;
    top: 31%;
}
 .dian14{
    left: 39.5%;
    top: 41%;
}
 .dian15{
left: 40%;
    top: 40%;
}
 .dian16{
    left: 39.5%;
    top: 38%;
}
 .dian17{
    left: 39%;
    top: 37%;
}
 .dian18{
left: 41.5%;
    top: 37.5%;
}
 .dian19{
left: 40.5%;
    top: 36.5%;
}
 .dian20{
left: 38%;
    top: 36%;
}
 .dian21{
left: 40%;
    top: 36%;
}
 .dian22{
    left: 33.5%;
    top: 53%;
   
}
 .line_dian::after{

}
 .line_dian::before{

}
 .inner{
  -webkit-transition:all .3s ease-out;
  transition:all .3s ease-out;
  opacity:0;
  visibility:hidden;
  position:absolute;
  left:100%;
  top:0;
  background-color:rgba(255,255,255,1);
  padding:10px;
  border-radius:10px;
  width:24rem;
  color:#333;
  display:flex;
  flex-direction:column;
  z-index:2;
}
 .inner1{

}
 .imgbox{
  width:14rem;
   float:left;
   margin-right: 30px;
}
 .imgbox img{
  display:block;
  width:100%;
  height:auto;
}
 .infobox{
  width:100%;
  padding-top:6px;
}
 .tit1{
  font-size:16px;
  color:#333;
       font-weight: bold;
}

.xq{
color:#999;
  margin-top:10px;
}

 .tit2{
  font-size:14px;
  color:#797979;
  line-heigth:20px;
  margin-top:5px;
}
 .line_dianbox.click{
  z-index:220;
}
 .line_dianbox.click .inner{
  opacity:1;
  visibility:visible;
    border: 1px #ccc solid;
}
.dian12 .inner1{

}
.dian11 .inner1{

}
.dian10 .inner1{

}


 .mb_boxs{

}
@media only screen and (max-width:768px){
  
 .e_box{
        display:none;
    }
 .mb_boxs{
  	display:block;
    width:100%;
    height:auto;
  }
}