.special-notes{
  overflow-x: hidden;
}
.notes-swiper-container{
  margin-bottom: 80px;
  position: relative;
  width: 980px;
}
.notes-slide{
  width:30%!important;
  margin: 0 1.6%;
  display: inline-block\9;
  /* height: 441px!important; */
  /* margin-right: 17px; */
  border-bottom: 7px solid #005540;
  box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.30);
}
.notes-shadow{
  padding-bottom: 34px;
  /* padding-left: 3px; */
}
.notes-slide_img{
  width:100%;
  /* height:251px; */
}
.notes-slide_h3{
  font-size:47px;
  font-weight:100;
  color:#C3C3C3;
  margin: 33px 0 25px;
  padding: 0 38px;
}

.notes-slide_p{
  font-size:16px;
  font-weight:400;
  color:#303133;
  padding: 0 38px;
  line-height:28px;
}

.note-left, .note-right{
  width:51px;
  height:51px;
  position: absolute;
  left: 20px;
  top: 275px;
  cursor: pointer;
}
.note-left{
  opacity: 0.3;
}
.note-right{
  left: inherit;
  right: 20px;
}

.notes-time-wrapper{
  /* margin-top: 117px; */
  padding: 0px 12px 56px 12px;
  box-sizing: border-box;
}
.notes-time-item{
  padding-bottom: 32px;
  position: relative;
  overflow: hidden;
}
.notes-time_date{
  display: block;
  margin-right: 64px;
  font-size:35px;
  font-weight:100;
  color:#303133;
  line-height:38px;
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}
.notes-time_circle{
  display: block;
  height: 10px;
  width: 10px;
  background: #005540;
  border-radius: 50%;
  position: absolute;
  /* top:12.5px; */
  top: 50%;
  left: 20%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}

.notes-time_p{
  min-height: 147px;
  max-height: 261px;
  overflow-y: auto;
  width: 895px;
  display: block;
  box-sizing: border-box;
  /* margin-top: -130.5px; */
  /* transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%; */
  padding: 40px 69px;
  font-size:16px;
  font-weight:400;
  color:#303133;
  line-height:32px;
  background: #eaecef;

}
.notes-time_line{
  background: #eaecef;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0%;
  /* left: 20.3%; */
  left: 239px;
  /* transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%; */
}
.notes-time_line_first{
  top: 50%;
}
.notes-time_line_last{
  top: -50%;
}
.notes-time_32{
  margin: 16px 0;
  display: block;
}