.relevant {
 margin-top: 0px;
 margin-bottom: 30px;
}
.relevant h3 {
 margin-bottom: 20px;
 padding-bottom: 15px;
 font-size: 18px;
 color: #333;
 border-bottom: 1px solid #434343;
 letter-spacing: 2px;
}
.xs6 {
    width: 48%;
    float: left;
    margin: 1%;
}
.area-prot-main {
    background: #dee5f1;
    overflow: hidden;
    display: flex;
}
.area-prot-img {
    padding: 0;
    width: 47%;
    position: relative;
    height: 235px;
    padding: 20px;
}
.area-prot-img img {
    width: 100%;
    height: auto;
}
.area-prot-desc {
    padding: 20px 20px 10px 20px;
    width: 53%;
}
.area-prot-btn p.line2{-webkit-line-clamp: 4}
.area-prot-til {
    font-size: 22px;
    font-weight: bold;
    line-height: 36px;
    padding: 0px 0 0px 0px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 500;
}
.area-prot-btn a span {
    position: relative;
    transition: all .3s;
    font-size: 14px;
    line-height: 30px;
    color: #868686;
}
.relevant li {
 margin-bottom: 20px;
}

.lizi .date {
 background-color: #81878f;
 padding: 4px 6px;
 color: #fff;
 margin-right: 15px;
}

.date .text-center {
 padding-top: 5px;
 font-size: 28px;
}

.text-center {
 text-align: center;
}

.float-left {
 float: left;
}
.relevant li {
    float: left;
    width: 50%;
    line-height: 30px;
}
.relevant li:nth-child(odd){
	padding-right:20px;
}
.relevant .new-title{
	width:100%;
	float:left;
	box-shadow: 0px 0px 16px 0px #ccc;
	padding:15px 20px;
}
.new-title h4 a{color:#232323;font-size:22px;font-weight:500}
.relevant ul.news{padding:0;margin-bottom:70px}
.relevant ul.case{padding:0;margin-bottom:20px}
.relevant .section__header__left h2{
 	font-size: 36px;
  text-align: center;
  line-height: 2;
  margin-bottom: 20px;
  color:#da052a;
 }
 .caseq.section__header__left{margin-top:20px}
 .relevant .project__grid__wrapper{margin-top:20px;margin-bottom:0px}