.home-case{
	background-color: #fff;
	    position: relative;
	    z-index: 2;
}
.clearfix {
    zoom: 1;
}
.home-case li a {
    position: relative;
    display: block;
}
.home-case li a:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 5;
    content: '';
    opacity: 0;
    transition: 0.5s;
}
.home-case li .hide {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
    padding: 0 5%;
    opacity: 0;
    transition: 0.5s;
    z-index: 10;
}
.home-case li img {
    display: block;
    width: 100%;
    transition: 0.5s ease-in-out;
}
.ytable {
    display: table;
    width: 100%;
    height: 100%;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.ytable-cell {
    display: table-cell;
    vertical-align: middle;
}

.home-case li{ float:left; width:25%;overflow:hidden;}
.home-case li a{ position:relative;  display:block;}
.home-case li a:before{ position:absolute; left:0; width:100%; height:100%; top:0; z-index:5; content:'';opacity:0;transition:0.5s;}
.home-case li img{ display:block; width:100%; transition:0.5s ease-in-out;max-width: 500px;max-height: 500px;}
.home-case li .hide{ position:absolute; left:0; width:100%; height:100%; top:0; text-align:center; font-size:18px; color:#fff; padding:0 5%; opacity:0; transition:0.5s; z-index:10;display: block !important;}
.home-case li.hover a:before{ opacity:1;background:rgba(255,108,0,0.9);}
.home-case li.hover .hide{opacity:1;}
.home-case li.hover a img{ transform:scale(1.2);}
.home-case li.has-black a:before{opacity:1;  background:rgba(0,0,0,0.5);}

.home-news .home-title{ position:relative; text-align:left; padding-top:66px; padding-bottom:50px;}
.home-news .home-title .tab{ position:absolute; right:0; top:76px; width:620px;}