.hp08imgitems .grid {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.hp08imgitems .grid li a{
  outline: none;
  border: none;
  display: block;
  width: 100%;
  border:1px solid #ddd;
  padding:6px;
  webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hp08imgitems .grid li img {
  outline: none;
  border: none;
  display: block;
  width: 100%;
}
.hp08imgitems .grid li {
  display: block;
  float: left;
  padding:7px;
  width: 25%;
  margin-bottom: 10px;
}


.hp08imgitems .news-items {
  -moz-box-shadow: 6px 6px 0px 0px #d6d6d6;
  -webkit-box-shadow: 6px 6px 0px 0px #d6d6d6;
  box-shadow: 6px 6px 0px 0px #d6d6d6;
  background-color: #fff;
  cursor: pointer;
}
.hp08imgitems .news-item-info {
  padding: 0 6%;
}
.hp08imgitems .news-item-info h5 {
  font-size: 16px;
  line-height: 34px;
  padding:0;
  margin:0;
  margin-top:8px;
  color:#333;
  overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;
}
.hp08imgitems .news-item-info .dpts{background: url(../images/edi.jpg) no-repeat right center;
border-top: 1px solid #ddd; padding:10px 0; color:#6B6B6B; font-size:12px;}
.hp08imgitems .news-item-txt {
  line-height: 25px;
  color: #666;
  padding-bottom: 20px;
}
.hp08imgitems .news-item-bt {
  *zoom: 1;
  line-height: 20px;
  padding: 5px 0px;
}
.hp08imgitems .news-item-bt:after {
  content: "";
  display: table;
  clear: both;
}
.hp08imgitems .news-item-bt i {
  float: right;
  width: 14px;
  height: 15px;
  background: url(../images/ico_file.jpg) 0 0 no-repeat;
}
.hp08imgitems .news-item-more {
  float: left;
  color: #666;
  font-size: 14px;
}
.hp08imgitems .magz-tab ul li {
  float: left;
  width: 25%;
  padding: 0 17px 35px;
}
.hp08imgitems .magz-tab ul li a {
  display: block;
  padding: 5px;
  background-color: #fff;
  -moz-box-shadow: 6px 6px 0px 0px #d6d6d6;
  -webkit-box-shadow: 6px 6px 0px 0px #d6d6d6;
  box-shadow: 6px 6px 0px 0px #d6d6d6;
}
.hp08imgitems .magz-tab ul li img {
  width: 100%;
}
.hp08imgitems .magz-tab ul li h5, .hp08imgitems .magz-tab ul li dl, .hp08imgitems .magz-tab ul li i {
  display: none;
}


@media (max-width: 900px){
.hp08imgitems .grid li {width: 33%;}
}

@media (max-width: 640px){
.hp08imgitems .grid li {width: 50%;}
}

@media (max-width: 480px){
.hp08imgitems .grid li {width: 100%;}
}