html,body {color: #333;margin: 0;height: 100%;font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-weight: normal;}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td, center{ margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
h1,h2,h3,h4,h5{ font-weight:normal; display:block;}
figure, header, section { display: block; }
button {outline: 0;}

li {list-style: none;}
img {border: 0;}
a {text-decoration: none;color: #666;}
a:hover {color: #eee;}

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.fl{ float:left;}
.fr{ float:right;}

.center{ width:100%; overflow:hidden; padding:40px 0;}

.gongdi{ width:100%; overflow:hidden;}
.gongdi li{ width:410px; float:left; margin:0 0 35px 35px; overflow:hidden; background:#fff;}
.gongdi li.no{ margin-left:0;}
.gongdi li figure{ display:block; overflow:hidden; position:relative;}
.gongdi li figure img{ display:block; width:100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.gongdi li:hover figure img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.gongdi li figure b{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:1px #fff solid; z-index:20;
-webkit-transition: -webkit-transform .32s cubic-bezier(.51,1.1,.9,.95);-moz-transition: -moz-transform .32s cubic-bezier(.51,1.1,.9,.95);-ms-transition: -ms-transform .32s cubic-bezier(.51,1.1,.9,.95);-o-transition: -o-transform .32s cubic-bezier(.51,1.1,.9,.95);transition: transform .32s cubic-bezier(.51,1.1,.9,.95);}
.gongdi li:hover figure b{ -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); -o-transform: scale(0.89); transform: scale(0.89);}
.gongdi li figcaption{ position:relative; text-align:center; height:130px; overflow:hidden; padding:0 20px;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.gongdi li figcaption h1{ margin-top:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px;-webkit-transition: margin .3s; -moz-transition: margin .3s;-ms-transition: margin .3s; -o-transition: margin .3s; transition: margin .3s;}
.gongdi li figcaption p{ margin-top:6px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gongdi li figcaption span{ position:absolute; left:0; bottom:-50px; width:100%; height:24px; padding:13px 0; background:#006960; display:block;
-webkit-transition: bottom .3s; -moz-transition: bottom .3s; -ms-transition: bottom .3s; -o-transition: bottom .3s; transition: bottom .3s;}
.gongdi li:hover figcaption span{ bottom:0;}
.gongdi li figcaption span i{ display:block; width:50px; height:24px; background:url(../images/icon.png) -92px -453px no-repeat; overflow:hidden; margin:0 auto;}
.gongdi li:hover figcaption h1{ margin-top:10px;}
.gongdi li:hover figcaption p{ margin-top:0;}