.clea{clear:both;}
/*主文*/
.about_banner{
  width: 100%;
}
.about_banner img{
  width: 100%;
}
.mian{
  padding-top: 15px;
  font-size: 14px;
  padding-bottom:12px;
  border:1px solid #ccc;
  background-color: #e9e9e9;
}
.mian p .ic{
  font-size: 18px;
}
.mian p .ic1{
  vertical-align: middle;
}
.mian p .lgh{
  color: #cc2c1e;
  font-weight: 600;
}
/*项目展示*/
.xiangmu {
  padding-top: 50px;
  background-color: #e9e9e9;
}
.xiangmu li{
  float: left;
  width: 275px;
  padding: 20px;
  box-sizing:border-box;
  border-radius: 8px;
  background-color: #fff;
  margin-left: 32px;
  margin-bottom: 34px;
}
.xiangmu li:first-child{
  margin-left: 0;
}

.xiangmu li:first-child+li+li+li+li{
  margin-left: 0;
}
.xiangmu li:first-child+li+li+li+li+li+li+li{
  margin-left: 0;
}
.xiangmu li:hover{
  background-color: #60a0d5;
}
.xiangmu li:hover .zi h4{
  color: #e8e6e6;
}
.xiangmu li:hover .zi p{
  color: #e8e6e6;
}
.xiangmu li .tu{
  width: 100%;
}
.xiangmu li .tu img{
  width: 100%;
}
.xiangmu li .zi h4{
   font-size: 1rem;
  color: #2c2c2c;
  width: 100%;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
margin-top: 20px;
}
.xiangmu li .zi p{
  font-size: 0.7rem;
  color: #676767;
  margin-top: 10px;
  line-height: 1.78em;
  height: 6.23rem;
  overflow: hidden;
  margin-bottom: 20px;
}
.fenye{
  margin-bottom: 50px;
  margin-top: 30px;
  text-align: center;
}










@media(max-width: 1200px){
    .telhide{display: none;}
    .zong{width: 100%;margin: auto;padding-left: 10px;padding-right: 10px;box-sizing:border-box;}
   
}   
@media (max-width: 768px){
  html{font-size: 16px;}
.xiangmu li{width: 100%;margin-left: 0;margin-bottom: 16px;}
.xiangmu{padding-top: 20px;}
}
