@charset "utf-8";
.ProductList_d1 { padding:0;}
.ProductList_d1 li{ width:28%; margin:0 2.5% 30px;float:left;border: #e0e0e0 solid 1px;}
.ProductList_d1 li div{ padding:0 10px; font-size:14px; line-height:40px; height:40px; background-color:#f2fbff; }
.ProductList_d1 li div span{ float:left; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; z-index:9999;}
.ProductList_d1 li div em{float:right; display:block; margin-top:10px; width:20px; height:20px; background:url(../images/ico_arrow_20.png) left top no-repeat;}
.ProductList_d1 li:hover div{background-color:#0064b3; color:#fff;}
.ProductList_d1 li:hover div  em{background:url(../images/ico_arrow_20.png) left bottom no-repeat;}
.ProductList_d1 li a{position:relative;display:block;overflow:hidden;}
.ProductList_d1 li a img{ display:block;transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/ max-width:720px; max-height:480px;}
.ProductList_d1 li a:hover img{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.ProductList_d1 li a h4{position: absolute;z-index:10;display:block;transition: 0.6s;color:#fff; top:0%; left:0; width:100%; text-align:center; line-height:40px; font-size:20px; opacity:0; font-family:"微软雅黑";}
.ProductList_d1 li a:hover h4{ opacity:1; top:30%;transition: 0.6s;}
.ProductList_d1 li a::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background:rgba(0,0,0,.5) url(../images/ico5.png) no-repeat center 70%; background-size:30px auto;z-index: 1;transition: 0.6s;}
.ProductList_d1 li a:hover::after{width: 100%; height: 100%;z-index: 1;transition: 0.6s;}

@media only screen and (max-width: 1200px){
.ProductList_d1 li{ width:44%; margin-left:4%; margin-bottom:30px; float:left; }
.ProductList_d1 li a h4{ font-size:20px;}
.ProductList_d1 li a:hover h4{ opacity:1; top:28%;transition: 0.6s;}
	}
@media only screen and (max-width: 800px){
.ProductList_d1 li{ width:98%; margin-left:1%; margin-bottom:25px; float:left; }
.ProductList_d1 li a h4{ display:none;}
.ProductList_d1 li a:hover::after{ display:none;}
.ProductList_d1 li div{ text-align:center;}
	}