@media only screen and (min-width: 320px) and (max-width: 740px) {
			.product li{width: 100%;}
					}					
	@media only screen and (min-width: 741px) and (max-width:1200px) {	
			.product li{width: 50%;}					    
					}
	@media only screen and (min-width: 1200px)  {					
			.product li{width: 25%;}
					}	
		    .product li{float: left;overflow: hidden;position: relative;}
		    .product li img{width: 100%;margin-bottom: -4px;}
		    .product li .zz{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;}
			.product li .zz h1{font-size: 0.3rem;color: #fff;margin-top: 54%;font-weight: 400;line-height: 37px;height: 74px;}
			.product li:nth-of-type(3) .zz h1{line-height: 74px;}
			.product li .zz p{font-size: 0.14rem;color: rgba(255,255,255,0.5);margin: 1% 0 13% 0;}
            .product li .zz .jiantou{width: 42%;}
			.product li:hover .zz{background: rgba(51,179,113,0.8);}