.content {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  position: relative;
  min-height: 790px;
    width: 1440px;
  margin: auto;
}
.content::after {
  content: "";
  background: url("../images/mountain-bg.png") no-repeat right bottom/70%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.3;
  z-index: -1;
}
.content .left {
  width: 230px;
}
.content .left a {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #dedede;
  margin-top: 20px;
}
.content .left a span {
  position: relative;
  line-height: 45px;
  display: flex;
  align-items: center;
  font-weight: bolder;
  color: #009143;
  transition: all 0.2s;
}
.content .left a span:nth-last-of-type(1) {
  width: 14px;
  height: 14px;
  overflow: hidden;
}
.content .left a span img {
  position: absolute;
  top: -40px;
  left: -40px;
  filter: drop-shadow(40px 40px #009143);
}
.content .left .active span {
  color: #f15921;
}
.content .left .active span img {
  filter: drop-shadow(40px 40px #f15921);
}
.content .left a:hover span {
  color: #f15921;
}
.content .left a:hover span img {
  filter: drop-shadow(40px 40px #f15921);
}
.content .right {
  padding-top: 20px;
  margin-left: 60px;
}
.content .right .item {
  margin-bottom: 20px;
}
.content .right .item h1 {
  color: #0c9b4a;
  font-size: 20px;
  font-weight: bolder;
  line-height: 2em;
}
.content .right .item h2 {
  color: #0c9b4a;
  line-height: 40px;
}
.content .right .item h3 {
  color: #0c9b4a;
  line-height: 30px;
}
.content .right .item p {
  color: #666;
  line-height: 30px;
}
.content .right .item span {
  color: #0c9b4a;
}