@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{-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;transition: 1s;}
.MainCaseList ul li a:hover img{ transform: scale(1.3, 1.3);-ms-transform: scale(1.3, 1.3);-moz-transform: scale(1.3, 1.3);-webkit-transform: scale(1.3, 1.3);-o-transform: scale(1.3, 1.3);}

.caseTitle{position: absolute;bottom:0px; width:100%; font-size:16px; line-height:55px; z-index:888; text-align:left; text-indent:15px; color:#ffffff;display: none;}
.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;}

.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{width:360px}
.MainCaseList ul{
	padding: 0px;list-style: none;margin-bottom: 0px;margin-left: -10px;margin-right: 0px;margin-top: -10px;
}
.MainCaseList ul li{
	border: 1px solid #CCC;width:120px; float:left;	margin-bottom: 0px;margin-left: 10px;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{width:640px}

.MainCaseList ul{
	padding: 0px;list-style: none;margin-bottom: 0px;margin-left: -20px;margin-right: 0px;margin-top:  -20px;
}
.MainCaseList ul li{
	border: 1px solid #CCC;width:190px; float:left;margin-bottom: 0px;margin-left: 20px;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{width:860px}
.MainCaseList ul{
	padding: 0px;list-style: none;margin-bottom: 0px;margin-left: -25px;margin-right: 0px;margin-top: -25px;
}
.MainCaseList ul li{
	border: 1px solid #CCC;width: 270px;float: left;padding: 0px;list-style: none;margin-bottom: 0px;margin-left: 25px;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{width:1060px}
.MainCaseList ul{
	padding: 0px;list-style: none;margin-bottom: 0px;margin-left: -35px;margin-right: 0px;margin-top: -35px;
}
.MainCaseList ul li{
	border: 1px solid #CCC;width: 330px;float: left;padding: 0px;list-style: none;margin-bottom: 0px;margin-left: 35px;margin-right: 0px;margin-top: 35px;
}
.MainCaseList ul li a{
	font-size: 16px;line-height: 25px;color: #666;text-decoration: none;
}
}