/* CSS Document */
.index_list_tit, .index_list_tit span{background: url(../images/section-header.png) repeat-x;}
.index_list_tit{padding:0 0 10px 0;overflow: hidden; margin:0; font-size:14px;}
.index_list_tit span{float: left;margin:5px 10px 0 0;height:35px;color: #bd0103;font-size: 18px;background-position: 0 -165px; display:block}
.index_list_tit a{float:right; margin-top:10px}

.index_img{width:100%; height:250px}
.index_img a{float:left; position:relative; padding:0; width:50%; height:100%; display:inline-block; overflow:hidden; color:#fff}
.index_img a img{width:100%; height:100%}
.index_img a div{position:absolute;left:0; top:69%;width:100%; height:100%; background: rgba(44, 152, 224, 0.87);-moz-transition: top .4s linear;-webkit-transition: top .4s linear;-o-transition: top .4s linear;transition: top .4s linear;}
.index_img a:hover div{top:0;}
.index_img a div,.index_img a:hover div{-moz-transition: top .4s linear;-webkit-transition: top .4s linear;-o-transition: top .4s linear;transition: top .4s linear;}
.index_img a div p{margin:0}
.index_img a div .tit{font-weight:bold; height:3em; line-height:3em; padding:0 10px;overflow:hidden}
.index_img a div .info{background-color: rgba(0, 0, 0, 0.22); padding:5px 10px; font-size:14px}
.index_img a div .summary{padding:10px; margin:0; font-size:14px}

.index_imgs{width:100%; height:120px}
.index_imgs a{float:left; position:relative; padding:0; width:25%; height:100%; display:inline-block; overflow:hidden; color:#fff}
.index_imgs a img{width:120%; height:120%; margin-top:0}
.index_imgs a:hover img{margin-top:-10%}
.index_imgs a img,.index_imgs a:hover img{-moz-transition: margin .2s linear;-webkit-transition: margin .2s linear;-o-transition: margin .2s linear;transition: margin .2s linear;}
.index_imgs a p{position:absolute;left:0;top:55%; height:100%; width:100%; font-size:14px; padding:10px;background: rgba(44, 152, 224, 0.87);}