.public {
  width: 100%;
  height: 0.93333333rem;
  background: #fe0000;
  margin-top: 0.2rem;
}
.public .public-wrap {
  width: 9.2rem;
  height: 100%;
  margin: auto;
}
.public .public-wrap .Chinese {
  float: left;
  display: block;
  height: 0.93333333rem;
  line-height: 0.93333333rem;
  color: #fff;
  font-size: 0.34666667rem;
}
.public .public-wrap .English {
  float: left;
  margin-left: 0.13333333rem;
  margin-top: 0.4rem;
  color: #fff;
  font-size: 0.21333333rem;
}
.public .public-wrap .btn {
  position: relative;
}
.public .public-wrap .btn.down {
  float: right;
  display: block;
  width: 0.93333333rem;
  height: 0.93333333rem;
  background: url("../images/成功案例/bg_07.png") no-repeat center / cover;
}
.public .public-wrap .btn.up {
  float: right;
  display: block;
  width: 0.93333333rem;
  height: 0.93333333rem;
  background: url("../images/成功案例/bg_08.jpg") no-repeat center / cover;
}
.public .public-wrap .btn ul {
  display: none;
  position: absolute;
  right: 0;
  top: 0.93333333rem;
  width: 1.46666667rem;
  height: auto;
  background: #e0e0e0;
  padding-bottom: 0.26666667rem;
  z-index: 5;
}
.public .public-wrap .btn ul li {
  width: 100%;
  height: 0.66666667rem;
  line-height: 0.66666667rem;
  border-bottom: 1px solid #c4c4c4;
  text-align: center;
  color: #727171;
  font-size: 0.24rem;
}
.public .public-wrap .btn ul li.active {
  color: #f00;
  border-color: #f00;
}
/*文章*/
.article {
  position: relative;
  width: 100%;
  padding-bottom: 0.4rem;
}
.article article {
  display: none;
  top: 0;
  left: 0.4rem;
  width: 9.2rem;
  height: auto;
  margin: 0.4rem auto 0;
}
.article article.block {
  display: block;
}
.article article .line {
  width: 0.29333333rem;
  height: 0.05333333rem;
  background: #f00;
}
.article article p.title {
  font-size: 0.29333333rem;
  color: #727171;
  margin-top: 0.2rem;
  margin-bottom: 0.42666667rem;
}
.article article .main {
  width: 100%;
  height: auto;
}
.article article .main li {
  width: 100%;
  height: 1.46666667rem;
  border: 1px solid #c4c4c4;
  margin-bottom: 0.2rem;
}
.article article .main li .img {
  float: left;
  height: 1.5rem;
  width: 2.2rem;
}
.article article .main li .img img {
  height: 100%;
  width: 100%;
}
.article article .main li .txt {
  float: left;
  width: 6.45333333rem;
  margin-left: 0.26666667rem;
}
.article article .main li .txt p:nth-child(1) {
  margin-top: 0.1rem;
}
.article article .main li .txt p:nth-child(1) span.title {
  float: left;
  color: #FF0000;
  font-size: 0.20rem;
  font-weight: bold;
}
.article article .main li .txt p:nth-child(1) span.time {
  float: right;
  color: #FF0000;
  font-size: 0.18rem;
  font-weight: bold;
  margin-top: 0.08rem;
}
.article article .main li .txt p:nth-child(2) {
  margin-top: 0.1rem;
  color: #FF0000;
  font-size: 0.18rem;
  line-height: 1.6;
}
.article article .buttons {
  width: 2.0rem;
  height: 0.34666667rem;
  line-height: 0.34666667rem;
  margin: 0.42666667rem auto 0.4rem;
}
.article article .buttons a{
  display: inline-block;
  width:  0.34666667rem;
  height:  0.34666667rem;
  line-height: 0.34666667rem;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ccc;
}
.article article .buttons a img{
  width: 100%;
  height: 100%;
}
/*
.article article .buttons span {
  float: left;
  width: 0.34666667rem;
  height: 0.34666667rem;
  text-align: center;
  line-height: 0.34666667rem;
  margin: 0 0.2rem;
}
.article article .buttons a.red {
  color: #FF0000;
}
.article article .buttons a.btn {
  vertical-align: middle;
}
.article article .buttons a:nth-child(1) {
  margin: 0 0.2rem 0 0;
}
.article article .buttons a:last-child {
  margin: 0 0 0 0.2rem;
}
.article article .buttons a.num {
  width: auto;
  height: auto;
  font-size: 0.24rem;
  color: #727171;
  vertical-align: bottom;
}
.article article .buttons a.red {
  color: #FF0000;
}
.article article .buttons a img {
  width: 100%;
  height: 100%;
}
*/