.h_case{ padding: 20px 0 40px;
    margin: 0 auto;
    max-width: 90%;}
.h_case .wp{ overflow: hidden;}
.hcul{ margin-right: -1%;}
.hcul li{ width: 48%; overflow: hidden; float: left; margin: 0 1% 1% 0;     border-radius: 0;}
@media(max-width: 1100px){ 
.hcul li{ width:48.5%; overflow: hidden; float: left; margin: 0 1.5% 1.5% 0;     border-radius: 0;}

	}

 .hcItem{}
.hcItem a{ display: block; position: relative;}
.hcItem .tparea{ font-size: 0; overflow: hidden; position: relative;}
.hcItem .tparea .tp{ width: 100%;}
.tagss{ text-align:center; height:55px; line-height:55px; border:1px #E1E1E1 solid; font-size:1rem;}


.hcItem .shade{ position: absolute; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; left: 0; top: 0; width: 100%; height: 100%; color: #fff; text-align: center;}
.hcItem .shade .box{ padding: 0 10%; min-width: 0;}
.hcItem .shade .tit{ font-size: 36px; font-weight: bold;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.hcItem .shade .subtit{ font-size: 20px;}
.hcItem .shade .subtit span{ display: inline-block; position: relative;}
.hcItem .shade .subtit span::before,.hcItem .shade .subtit span::after{ content: ""; display: block; font-size: 20px; width: 1.5em; height: 1px; background-color: #b3b3b3; position: absolute; top: 50%; margin-top: -0.5px;}
.hcItem .shade .subtit span::after{ left: -2em;} 
.hcItem .shade .subtit span::before{right: -2em;}
.hcItem .shade .mandiv{ margin-top: 30px; overflow: hidden; display: none; }
.hcItem .shade .mandiv .iconfont{ display: inline-block; width: 46px; height: 46px; text-align: center; line-height: 46px; font-size: 24px; border: 2px solid #b3b3b3; color: #b3b3b3;border-radius:100%;}
.hcItem .shade .tags{ margin-top: 30px; font-size: 20px;  display: none;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis}
.hcItem a:hover .tparea .tp{ filter: blur(5px); -webkit-filter: blur(5px); }
.hcItem a:hover .shade{ background-color: rgba(0, 0, 0, 0.6);}
.hcItem a:hover .mandiv{  display: block;}
.hcItem a:hover .tags{ display: block;}
.hcItem .shade .mandiv .iconfont:hover{ color: #fff; border-color: #fff;}
.h_case .mandiv2 .sbtn{ font-size: 16px; padding: 4px 34px;}