.aside_right {
  position: absolute;
  top: 90px;
  right: -340px;
  width: 330px;
  color: #ffffff;
  transition: all 1s ease 0.3s;
}

.aside_left {
  position: absolute;
  top: 100px;
  left: -340px;
  width: 330px;
  color: #ffffff;
  transition: all 1s ease 0.3s;
}

.title {
  position: relative;
  line-height: 45px;
  padding-left: 22px;
  font-weight: bold;
}
.title_En {
  display: inline-block;
  transform: scale(0.7);
}

.first {
  position: relative;
  width: 328px;
  height: 210px;
  background-image: url('../image/aside/bg (2).png');
  background-size: 328px 210px;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

.aside_left .first {
  height: 180px;
  background-size: 328px 180px;
}

.text {
  padding: 5px 10px;
  text-indent: 32px;
  line-height: 25px;
  color: aqua;
}

.gauge_main {
  position: absolute;
  font-size: 14px;
  top: 90px;
  left: 110px;
}

p {
  position: absolute;
  width: 100px;
  top: 20px;
}
p:nth-child(1) {
  left: -38px;
}
p:nth-child(2) {
  left: 90px;
}

.second {
  width: 328px;
  height: 240px;
  background-image: url('../image/aside/bg (2).png');
  background-size: 328px 240px;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

.third {
  width: 328px;
  height: 260px;
  background-image: url('../image/aside/bg (2).png');
  background-size: 328px 260px;
  background-repeat: no-repeat;
}

.aside_right .gauge {
  height: 160px;
}
.aside_right .line {
  height: 190px;
}
.aside_right .bar {
  height: 210px;
}
.aside_left .pie {
  height: 180px;
}
.aside_left .radar {
  height: 200px;
}
.aside_left .line {
  height: 200px;
}
@media screen and (max-width: 768px) {
  .aside_left,
  .aside_right {
    display: none;
  }
  .title_container,
  .footer_container {
    display: none;
  }
}