.public-author {
  float: right;
  line-height: 14px;
  padding-top: 60px;
  padding-bottom: 14px;
}
.public-author span {
  font-size: 14px;
  color: #0f1010;
  margin-right: 14px;
}
.public-author a {
  display: inline-block;
}
.public-author a img {
  height: 14px;
  vertical-align: middle;
}
.details-con {
  text-align: center;
}
.details-con .zero-tit {
  padding-bottom: 26px;
  background: url(../image/public_tit_bg02_right.png) no-repeat bottom center;
}
.details-con .zero-tit h3 {
  font-size: 26px;
  color: #0f1010;
  font-weight: 500;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
/* height: 26px; */
line-height: normal;
}
.details-txt {
  margin-top: 20px;
  text-align: center;
}
.details-txt p {
  font-size: 18px;
  color: #0f1010;
  line-height: 28px;
  margin-bottom: 20px;
}
.details-txt>img {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 10px;
}
.details-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #d7d7d7;
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 100px;
}
.details-switch div {
  margin-bottom: 10px;
}
.details-switch div a {
  font-size: 14px;
  color: #0f1010;
}
.details-switch div a:hover {
  color: #1a4a98;
}
@media only screen and (max-width: 980px) {
  .public-author {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .details-con .zero-tit {
    padding-top: 10px;
    padding-bottom: 26px;
  }
  .details-con .zero-tit h3 {
    font-size: 20px;
  }
  .details-txt p {
    text-align: left;
    text-indent: 0em;
  }
  .details-txt img, .details-txt video{
    width: 100% !important;
    height: auto;
    display: block;
  }
  .details-switch {
    padding-left: 20px;
    width: 100%;
    margin-bottom: 36px;
  }
  .details-switch div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}