@charset "utf-8";
/* CSS Document */
.MainCaseList{margin-top:10px; padding-bottom:50px;}
.MainCaseList ul{ display:inline-block;}
.MainCaseList ul li{
	position: relative;overflow:hidden;
}
.MainCaseList ul li img{ border:0px;width: 100%; height:auto;vertical-align:bottom; display:block;}

.MainCaseList ul li a img{transition: .1s transform;  transform: translateZ(0);}
.MainCaseList ul li a:hover img{  transform: scale(1.3, 1.3); transition: 1s transform;}

.caseTitle{position: absolute;bottom:0px; width:100%; z-index:888; text-align:left;  display: none; height: 100%;}
.caseTitle .TBox{ margin:20px;font-size:18px; line-height:30px;color:#ffffff; }
.caseBg{position: absolute;bottom:0px; width:100%;	filter:alpha(opacity=80);/* IE */
	-moz-opacity:0.8;/* Moz FF */
	opacity: 0.8;/* 鏀寔CSS3鐨勬祻瑙堝櫒锛團F 1.5涔熸敮鎸侊級*/
	/*IE6*/
	background-color:#293038;font-size:16px; line-height:55px;z-index:333;display: none;height: 100%;}

.caseShowTitle{
	text-align: left;border-bottom: 1px double #CCCCCC;
}
.caseShowTitle a{
	float: right;color: #FFF;background-color: #000;padding-left: 30px;padding-right: 30px;line-height: 40px;font-size: 16px;border-radius: 4px;text-decoration: none;
}


@media screen and (min-width:100px){/*min-width:800px*/

.MainCaseList ul{
	padding: 0px;list-style: none;margin-bottom: 0px;margin-left: -24px;margin-right: 0px;margin-top: 0px;
}
.MainCaseList ul li{
	border: 1px solid #CCC;width:240px; float:left;	margin-bottom: 0px;margin-left: 24px;margin-right: 0px;margin-top: 24px;padding:0px; list-style:none;
}
.MainCaseList ul li a{
	font-size: 12px;line-height: 25px;color: #666;text-decoration: none;
}
}

@media screen and (min-width:980px){
	

.MainCaseList ul{
	padding: 0px;list-style: none;margin-bottom: 0px;margin-left: -26px;margin-right: 0px;margin-top: 0px;
}
.MainCaseList ul li{
	border: 1px solid #CCC;width:300px; float:left;margin-bottom: 0px;margin-left: 26px;margin-right: 0px;margin-top: 26px;padding:0px; list-style:none;
}
.MainCaseList ul li a{
	font-size: 14px;line-height: 25px;color: #666;text-decoration: none;
}	

}

@media screen and (min-width:1200px){


.MainCaseList ul{
	padding: 0px;list-style: none;margin-bottom: 0px;margin-left: -32px;margin-right: 0px;margin-top: 0px;
}
.MainCaseList ul li{
	border: 1px solid #CCC;width: 370px;float: left;padding: 0px;list-style: none;margin-bottom: 0px;margin-left: 32px;margin-right: 0px;margin-top: 32px;
}
.MainCaseList ul li a{
	font-size: 16px;line-height: 25px;color: #666;text-decoration: none;
}
	
}

@media screen and (min-width:1400px){
.MainCaseList ul{
	padding: 0px;list-style: none;margin-bottom: 0px;margin-left: -25px;margin-right: 0px;margin-top: 0px;
}
.MainCaseList ul li{
	border: 1px solid #CCC;width: 440px;float: left;padding: 0px;list-style: none;margin-bottom: 0px;margin-left: 25px;margin-right: 0px;margin-top: 25px;
}
.MainCaseList ul li a{
	font-size: 16px;line-height: 25px;color: #666;text-decoration: none;
}
}