@charset "utf-8";
.PhotoList_i1 { }
.PhotoList_i1 li{ width:23.5%; margin-bottom:40px; float:left; margin-left:1.5%;}

.PhotoList_i1 li span{ transition:all 0.5s ease 0s; font-size:16px; line-height:80px; text-align:center; height:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; background: #fff; color:#333;}
.PhotoList_i1 li a{position:relative;display:block;overflow:hidden;text-align: center;overflow: hidden; background:#fff; height:13.72vw; padding:0;}
.PhotoList_i1 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/vertical-align: middle; display: block;}
.PhotoList_i1 li a h4{position: absolute;z-index:10;display:block;transition: 0.6s;color:#fff; top:0%; left:0; width:90%; padding:0 5%; text-align:center; line-height:40px; font-size:22px; opacity:0; font-family:"微软雅黑";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.PhotoList_i1 li a::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background:rgba(0,0,0,.5) url(/images/ico3.png) no-repeat center 70%; background-size:10%;z-index: 1;transition: 0.6s;}
@media only screen and (min-width:721px){
	.PhotoList_i1 li:hover span{ background: #5da739; color:#fff;}

	.PhotoList_i1 li:hover a img{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
	.PhotoList_i1 li a:hover h4{ opacity:1; top:30%;transition: 0.6s;}
	.PhotoList_i1 li a:hover::after{width: 100%; height: 100%;z-index: 1;transition: 0.6s;}

	
	}
	@media only screen and (max-width:1440px){
		.PhotoList_i1 li span{  line-height:5.5vw; text-align:center; height:5.5vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; background: #fff; color:#333;}

		}
@media only screen and (max-width: 720px){
.PhotoList_i1{ padding:0 1%; }
.PhotoList_i1 li{ width:49%; margin-left:2%; margin-bottom:20px; float:left; border:none; }
.PhotoList_i1 li:nth-of-type(2n+1){ margin-left:0;}.PhotoList_i1 li span{  line-height:16vw; text-align:center; height:16vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; background: #fff; color:#333;}

.PhotoList_i1 li a h4{ display:none;}
.PhotoList_i1 li a:hover::after{ display:none;}
.PhotoList_i1 li span{ text-align:center;}
.PhotoList_i1 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/vertical-align: middle; display: inline-block;}
.PhotoList_i1 li a:hover img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s;}
.PhotoList_i1 li a{ height:inherit;}
	}
	.page{ padding:15px; font-size:14px; width:94%; margin:0 auto 40px auto;}
.page a{ display:block; padding:0 20px; height:38px; line-height:38px; float:left; min-width:16px; background:#fff; text-align:center; margin-right:10px; border:1px solid #e3e3e3; color:#666;}
.page span{display:block; padding:0 20px; height:38px; line-height:38px; float:left; color:#666; background:#fff; min-width:16px; text-align:center; margin-right:10px; border:1px solid #e3e3e3;}
.page span.cur{ background:#5da739; color:#fff; height:40px; line-height:40px;}
.pageinfo{ float:right; line-height:28px;}
.conT{ font-size:24px; color:#5da739;font-family:"微软雅黑";}
.PhotoList_i1 li a::after{ display:none;}
.PhotoList_i1 li a h4{ display:none;}
.PhotoList_i1 li a img{ width:100%; min-height :100%;}