/****下载按钮的样式*********/
/*
			.child {margin:0 auto; width:100%;height: 100%;text-align: center ;border:0px solid #000;margin-top: 30px;margin-left: 30px;
				margin-top: 10px;
				margin-left: 25px; }
				*/
			/*.child div{
				width: 150px;
				height: 140px;
				float: left;
				text-align: center ;
				margin-top: 20px;
				margin-left: 25px;
			}*/
			.child div img{
				width: 144px;
				height: 110px;
				margin: 0 auto;
				margin-top: 3px;
				background-color: #FFEBA4;
			 	border-radius:10px;
			}
			.zidiv{
				width: 150px;
				margin-top: 0px;
				margin-left: 0px;
			}
			.zidiv a{
				display:block; 
				width: 130px;
				color: #FFFFFF;
				font-size: 18px;
				margin-top: 0px;
				margin-left: 10px;
				
				
				white-space:nowrap;
				overflow:hidden;
				text-overflow:ellipsis;
				/*
	            background-color:rgba(0,139,204,0.3);*/
			}
 			.box{
			    overflow: hidden;
			    position: relative;
			    
				width: 150px;
				height: 150px;
				float: left;
				text-align: center ;
				margin-top: 40px;
				margin-left: 25px;
				background-color: #47C0B1;
			 	border-radius:10px;
			}
			.box:before,
			.box:after{
			    content: '';
			    background-color: rgba(255,255,255,0.7);
			    height: 25%;
			    width: 100%;
			    opacity: 0;
			    transform: translateX(-50%);
			    position: absolute;
			    left: 50%;
			    top: -100%;
			    transition: all 0.3s;
			}
			.box:hover:before{
			    transform: translateX(-50%) translateY(0);
			    top: 0;
			}
			.box:hover:after{
			    transform: translateX(-50%) translateY(0);
			    top: auto;
			    bottom: 0;
			}
			.box:hover:before,
			.box:hover:after{
			    height: 50%;
			    opacity: 1;
			    animation: animate 0.5s linear;
			}
			
			 /****下载按钮的样式结束*********/