.slide-box {
  position: relative;
  overflow: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cursor-point{ cursor:pointer}
.slide-box > .outer {
  padding-bottom: 24%;
}
.slide-box > .outer > .inner {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide-box svg .point {
  fill: #FFFFFF;
  stroke: #377C78;
  stroke-width: 8;
  opacity: 0;
}
.slide-box svg .title {
  text-anchor: middle;
  font-size: 48px;
  fill: #377C78;
  opacity: 0;
}
.slide-box svg .title.title3 {
  font-size: 74px;
}
.slide-box svg .point.active,
.slide-box svg .title.active {
  cursor: pointer;
  opacity: 1;
}
.slide-box svg .info {
  font-size: 48px;
  fill: #FFFFFF;
}