@charset "UTF-8";
/* CSS Document */
/* reset.css V1.2  Start*/

@-webkit-keyframes fadeInUp { 
	0% { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } 
}
@-moz-keyframes fadeInUp { 
	0% { opacity: 0; -moz-transform: translateY(20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } 
}
.webkit_fu { -webkit-animation: fadeInUp 1s .2s ease both;
				-moz-animation: fadeInUp 1s .2s ease both;
					 animation: fadeInUp 1s .2s ease both; 
}


/*caseList*/
.pro_bigimg{ text-align:center; font-weight: bold;}
.caseList { padding-top: 5px; min-height: 200px; *padding-bottom: 25px; }
.caseList li { float: left; margin: 0 20px 25px; width: 200px; -webkit-opacity: 0;opacity: 0; }
.caseList li a { display: block; width: 211px; }
.caseList li a:hover p { color: #fff; background: #2c941a; }
.caseList li .img { position: relative; width: 210px; height: 145px; overflow: hidden; }
.caseList li .img img { width: 210px; height: 145px; }
.caseList li .img i { position: absolute; display: block; top: -60px; left: 50%; margin-left: -23px; width: 56px; height: 56px; background: url(../images/tit3.png) no-repeat; z-index: 50; }
.caseList li .img b { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/nblue30.png); -webkit-opacity: 0; opacity: 0; filter: alpha(opacity=0); }
.caseList li p { width: 100%; height: 30px; line-height: 30px; text-align: center; background: #84c878; font-size: 13px; color: #0d305a; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; margin:0;}