@charset "gb2312";

/* blog */

.rnav { }

.rnav { margin: 30px auto; overflow: hidden; overflow: hidden; padding-left: 100px }

.rnav li { width: 120px; text-align: center; display: inline-block; margin-bottom: 5px; margin-right: 5px; float: left; height: 40px; line-height: 38px; background: rgba(255,255,255,0.2) }

.rnav li a { color: #fff; display: block; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; border: #fff 1px solid }

.rnav ul li a:hover { background: #075498; }

.rnav li:nth-child(1) { background: #FE5187 }

.rnav li:nth-child(2) { background: #339967 }

.rnav li:nth-child(3) { background: #FF8151 }

.rnav li:nth-child(4) { background: #3594cb }

.rnav li:nth-child(5) { background: #66CC9A }

.rnav li:nth-child(6) { background: #079798 }



.blog { margin: 30px 20px; overflow: hidden }

.blog figure { background: #ececec; border: #FFF 10px solid; width: 270px; height: 290px; float: left; margin: 0 8px 20px; overflow: hidden }

.blog figure img { display: block; margin: auto; height: 156px; overflow: hidden; }

.blog figure p { font-size: 14px; text-shadow: #fff 1px 1px 0px; line-height: 26px; text-align: center; font-weight: bold }

.blog figure p a { color: #226039; }

.blog figure figcaption { padding: 10px; line-height: 22px; color: #666; }

.blog figure ul { background: url(../images/yu.png) no-repeat center; overflow: hidden; height: 156px; margin-bottom: 20px }

.blog figure ul span { opacity: 0 }

.blog figure ul:hover span { opacity: 1 }

.blog figure ul a { position: relative; display: block }

.blog figure ul span { position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.5) url(../images/yu.png) no-repeat center 10px; color: #FFF; display: block; width: 100%; height: 100%; line-height: 256px; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; text-decoration: underline }