table.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size: 15px;
    color: #333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}
table.gridtable td {
    border-width: 1px;
    padding: 5px 10px;
    width: 130px;
    text-align: center;
    border-style: solid;
    border-color: #666666;
}

.list_peo li {

    border: 1px solid #e0e0e0;
    overflow: hidden;
    margin-bottom: 18px;
}
.list_peo li .pic {
    position: relative;
    float: left;
    width: auto;
    /* width: 168px; */
    height: 223px;
}
.list_peo li .pic .sanjiao {
    width: 14px;
    height: 22px;
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -11px;
    background: url(../images/sanjiao.png) no-repeat;
}
.list_peo li .info {
    float: left;
    width: 70%;
    padding: 23px 0 0 25px;
}
.list_peo h3 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 20px;
    color: #003f88;
    font-weight: normal;
    padding: 0 10px 15px 0;
}
.list_peo .info span, .list_peo .info span a {
    color: #999;
}
.list_peo .info p {
    color: #3d3d3d;
    font-size: 14px;
    line-height: 26px;

}

.list_peo .even-li .pic {
    float: right;
}
.list_peo .even-li .info {
    margin-right: 20px;
}
.list_peo .even-li .pic .sanjiao {
    background: url(../images/sanjiao_01.png) no-repeat;
    left: 0px;
}
@media screen and (max-width: 1150px) {
.list_peo li .info {
    float: left;
    width:55%;
    padding: 23px 0 0 25px;
}
}
@media screen and (max-width: 850px) {
.list_peo li .info {
    float: left;
    width:55%;
    padding:15px 0 0 25px;
}
}
@media screen and (max-width: 580px) {
.list_peo h3 {
font-size: .2rem
}
.list_peo .info p {
font-size: .14rem;
}
}
@media screen and (max-width: 500px) {

.list_peo li .pic  {
width: 1.68rem;
    height: 2.23rem;
}
.list_peo li .pic img {
width: 1.68rem;
    height: 2.23rem;
}
.list_peo li .info {
    width: 62%;
}
}
.list_peo li .pic img{
   /* width:100%; */
  height:100%;
}


.list-container .right .article .list_ul {
  width: 100%;
  padding-top: 0.43rem;
}
.list-container .right .article .list_ul .list-item {
  width: 100%;
  height: 1.5rem;
  background: #ffffff;
  margin-bottom: 0.23rem;
  transition: all ease 0.5s;
  padding-bottom: 0.2rem;
    border: 1px solid #fff;
}
.list-container .right .article .list_ul .list-item .content {
  padding-top: 0.32rem;
  padding-left: 0.19rem;
  float: left;
}
.list-container .right .article .list_ul .list-item .content .date {
  width: 0.74rem;
  height: 0.74rem;
  border: 1px dashed #d0d0d0;
  border-radius: 50%;
  text-align: center;
  float: left;
}
.list-container .right .article .list_ul .list-item .content .date p {
  width: 0.68rem;
  height: 0.68rem;
  margin: 3px auto;
  background: #f5f5f5;
  line-height: 0.68rem;
  font-size: 0.16rem;
  border-radius: 50%;
  color: #333333;
  transition: all ease 0.5s;
}
.list-container .right .article .list_ul .list-item .content .info {
  height: 100%;
  padding-left: 1.07rem;
  padding-right: 0.28rem;
}
.list-container .right .article .list_ul .list-item .content .info .title {
  color: #333333;
  font-size: 0.22rem;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0.13rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all ease 0.5s;
font-family: "RabiolaSerif";
}
.list-container .right .article .list_ul .list-item .content .info .dec {
  color: #999999;
  font-size: 0.16rem;
  line-height: 0.34rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
font-family: "RabiolaSerif";
}
.list-container .right .article .list_ul .list-item:hover {
  border: 1px solid #003f88;
}
.list-container .right .article .list_ul .list-item:hover .content .info .title {
  color: #003f88;
}
.list-container .right .article .list_ul .list-item:hover .content .date p {
  background: #003f88;
  color: #ffffff;
}
.pagination {
  width: 100%;
  clear: both;
  text-align: center;
  padding: 0.45rem 0 0.43rem;
}
.pagination .other {
  font-size: 0.14rem;
  padding-top: 0.07rem;
  padding-left: 0.17rem;
  padding-right: 0.14rem;
  padding-bottom: 0.08rem;
  color: #333333;
  border: 1px solid #c8c8c8;
}
.pagination a {
  font-size: 0.14rem;
  text-align: center;
  color: #333333;
  padding-top: 0.07rem;
  padding-left: 0.17rem;
  padding-right: 0.14rem;
  padding-bottom: 0.08rem;
  border: 1px solid #c8c8c8;
}
.pagination a:hover {
  border-color: transparent;
  background: #003f88;
  color: #ffffff;
}
.pagination .active {
  border-color: transparent;
  background: #003f88;
  color: #ffffff;
}
@media screen and (max-width: 1200px) {
  .list-container .right .article .list_ul .list-item .content .date {
    width: 1rem;
    height: 1rem;
  }
  .list-container .right .article .list_ul .list-item .content .date p {
    width: 0.93rem;
    height: 0.93rem;
    line-height: 0.93rem;
  }
  .list-container .right .article .list_ul .list-item .content .info {
    padding-left: 1.37rem;
  }
}
@media screen and (max-width: 1024px) {
  .list-container .right .article .list_ul .list-item .content .info .title {
    font-size: 0.26rem;
  }
  .list-container .right .article .list_ul .list-item .content .info .dec a {
    font-size: 0.2rem;
  }
}
@media screen and (max-width: 500px) {
  .list-container .right .article .list_ul .list-item .content {
    padding-top: 0.22rem;
  }
  .list-container .right .article .list_ul .list-item .content > a {
    width: 14%;
  }
  .list-container .right .article .list_ul .list-item .content .date {
    width: 60px;
    height: 60px;
  }
  .list-container .right .article .list_ul .list-item .content .date p {
    width: 53px;
    height: 53px;
    line-height: 53px;
font-family:"RobotoRegular";
    font-size: 0.12rem;
  }
  .list-container .right .article .list_ul .list-item .content .info {
    padding-left: 1.37rem;
    padding-right: 0;
    width: 78%;
  }
}
@media screen and (max-width: 430px) {
  .list-container .right .article .list_ul .list-item .content .info .title {
    font-size: 0.3rem;
  }
  .list-container .right .article .list_ul .list-item .content .info .dec a {
    font-size: 0.24rem;
  }
}
@media screen and (max-width: 386px) {
  .list-container .right .article .list_ul .list-item {
    height: auto;
    box-sizing: inherit;
    padding-bottom: 0.2rem;
  }
  .list-container .right .article .list_ul .list-item .content > a {
    width: 20%;
  }
  .list-container .right .article .list_ul .list-item .content .info {
    padding-left: 1.67rem;
    width: 70%;
  }
}