/*投资项目*/

.produts{width: 100%;overflow: hidden;display: block;position: relative; margin-top: 30px;}
.produts ul{zoom: 1;}
.produts ul li{width: 25%;display: block;float: left;position: relative;overflow: hidden;height: 400px;display: table-cell; vertical-align: middle; }
.produts ul li .tiing{ width: 100%; overflow: hidden;height: 400px;}
.produts ul li .tiing img{max-width: 100%; transition: all 0.5s ease 0s;height: 400px;}
.produts ul li:hover .tiing img{transform: scale(1.1,1.1)}
.produts ul li .dituio{width: 100%;position: absolute;left: 0;right: 0;top:0; bottom: 0; z-index: 1; display: none; transition: all .2s ease; height: 400px;display: table-cell; vertical-align: middle;}
.produts ul li .dituio .bingt{  margin-top: 25%;padding: 0 20px; font-size: 70px; font-weight: bold; line-height: 70px; color: #fff; text-align: center; position: relative;}
.produts ul li .dituio .bingt i{margin-top: -30px; color: #fff;position: absolute; top: 0;}
.produts ul li .dituio .tituo{font-size: 20px;color: #fff; margin-bottom: 20px;padding: 0 20px; margin-top: 10px;text-align: center;} 
.produts ul li .dituio .biaot{font-size:16px ; width: 100%; color: #fff;padding: 0 20px; line-height: 25px; height: 54px; overflow: hidden; display: block;text-align: center;}


@media  (max-width:1230px) {	


}


@media  (max-width:860px) {	
.produts ul li{width: 50%;}

}

@media  (max-width:560px) {	
.produts ul li{width: 100%;height: auto; }
.produts ul li .tiing{ width: 100%; overflow: hidden;height: auto;}
.produts ul li .tiing img{max-width: 100%; transition: all 0.5s ease 0s;height: auto;}
}
/*投资项目*/