.case_show {
	width: 100%;
	height: auto;
  padding-top: 40px;
  overflow: hidden;
}
.case_show .child {
	position: relative;
	width: 20%;
  float: left;
	height: 285px;

}
.case_show .child .childImg {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.case_show .child:hover .childHide{
	display:block;
}
.childHide {
	position: absolute;
	top: 0px;
  left: 0px;
 	display: none;
	width: 100%;
  height: 100%;  
  background: #df1020;
}
.case_show .child .childTag {
	position: absolute;
  top: 0px;
  left: 0px;
  padding: 6%;
  width: 60%;
  font-size: 24px;
  font-weight: 100;
  font-stretch: condensed;
  text-align: left;
  letter-spacing: 0.1em;
  color: #fff;
}
.case_show .child .childTag p{
	font-size: 13px;
}
.case_show .child .childSub {
  width: 21px;
  height: 2px;
  margin: 10px 0px;
  background: #fff;
}
.case_show .child .childPointer {
	position: absolute;
  bottom: 0;
  right: 0;
  width: 70px;
}
.case_show .child .childContent {
  position: absolute;
  top: 50%;
  left: 0px;
  height: 54px;
  width: 100%;
  margin-top: -27px;
  text-align: center;
  color: #fff;
}
.case_show .child .childContent .case-title {
	width: 100%;
	padding: 0;
	margin: 0 auto;
  font-size: 21px;
  color: #fff;
}
.case_show .child .childContent .info {
	margin-top: 10px;
	font-size: 16px;
  color: #fff;  
}
/* 大屏幕 */

@media (min-width: 1200px) { 
	.case_show .child .childTag {
		font-size: 24px;
	}
	.case_show .child .childContent {
	  top: 50%;
	  margin-top: -27px;
	}
	.case_show .child .childContent .case-title {
	  font-size: 21px;
	}
	.case_show .child .childContent .info {
		margin-top: 10px;
		font-size: 16px; 
	}
	.case_show .child .childPointer {
	  bottom: 17px;
	  right: 20px;
	  width: 71px;
	}
}
@media (max-width: 1200px) { 
	.case_show .child .childContent .case-title {
		font-size: 16px;
	}
 	.case_show .child .childPointer {
 		width: 40px;
 	}
 	.case_show .child .childContent .info {
 		margin-top: 0;
 		font-size: 14px;
 	}
}
@media (max-width: 1024px) { 
	.case_show  .child .childTag {
    font-size: 15px;
	}
	.case_show  .child .childContent {
    height: 33px;
    margin-top: -30px;
	}
	.case_show  .child .childContent .case-title {
    font-size: 14px;
	}
	.case_show  .child .childContent .info {
    font-size: 12px;
    margin-top: 5px;
	}
	.case_show  .child .childPointer {
    bottom: 10px;
    right: 13px;
    width: 36px;
	}
}


/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
	
}
 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
	.case_show .child {
		width: 50%;
	}
	.case_show .child .childContent .info {
		display: none;
	}
	.case_show .child .childContent {
		height: auto;
		margin-top: -12px;
	}
}
 
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {

}