.indexPro_list {width:90%; margin:65px auto 0;}
.indexPro_list li { float: left; display: block; width: 33.33333%; position: relative; overflow: hidden; }

.cssanimations .bluebg { background: #000;filter:alpha(opacity=50);  -moz-opacity:0.50; opacity:0.50;  }
.indexPro_list a:link, .indexPro_list a:visited { color: #fff; }
.indexPro_list a:active, .indexPro_list a:hover { color: #fff; }
.indexPro_list .bluebg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: none; }
.indexPro_list img { width: 100%; display: block; transition: all 0.3s ease 0s; }
.indexPro_list .txt { position: absolute; left: 5%; width: 90%; top: 45%; text-align: center; color: #fff; }
.indexPro_list .txt .t { font-size: 30px; line-height: 1.5; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); position: relative; margin-top: 0px; }
.indexPro_list .txt .c { font-size: 14px; line-height: 1.5; margin-bottom: 24px; display: none; position: relative; margin-top: 30px; }
.indexPro_list .txt .more { width: 98px; height: 30px; display: block; margin: 0px auto; text-align: center; line-height: 30px; color: #333; background-color: #fff; display: none; position: relative; margin-top: 50px; }
.indexPro_list a:hover .bluebg { display: block; }
.indexPro_list a:hover .txt .t { text-shadow: none; }
.indexPro_list a:hover img { transform: scale(1.05,1.05); }