@charset "utf-8";

.box{overflow: hidden;}
.box .header{margin-bottom: .5rem; line-height: 2.5rem; overflow: hidden;}
.box h3 {overflow: hidden;}
.box h3 a{position: relative;; font-size:1.75rem; color:#c00; display:block;  white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.box .more{position: relative; z-index: 2; float:right; margin-top:.5rem; padding:0 1.5rem; line-height: 2rem; border-radius:1rem;overflow: hidden;}
.box a:hover.more{color:#fff;}
.box .more:before,
.box .more:after{content:""; position: absolute; z-index: -1; top:0;left:0;height:100%;width:0; background-color:#c00; border-radius:1rem; transition:all .5s ease 0s;}
.box .more:before{width:100%; z-index: -2; background-color:#ddd;}
.box .more:hover:after{width:100%;}
.box .cont{overflow: hidden;}

/* 标题列表 */
.ttlist{text-align: left;}
.ttlist li{position: relative; line-height: 2rem;font-size:1.2rem; overflow: hidden;padding:.75rem 0; border-bottom:1px dotted #ddd;}
.ttlist li a{position: relative; padding-left: 1rem;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.ttlist li a:before{content: ""; position: absolute;top:50%;left:2px;margin-top:-2px;width:4px;height:4px; background-color:#555;}
.ttlist li .date{ float:right;  margin-left:.5rem;  color: #666;}
/* 图片列表 */
.piclist { margin:0 -1% ; overflow: hidden; }
.piclist li{float:left;width:23%; margin:0 1% 1rem; text-align: center;}
.piclist li .pic img{ display:block;width:100%; height: 180px;}
.piclist li .title{padding-top: 5px; line-height: 1.5rem;height:3rem; font-size:1rem ;overflow: hidden; }
/* 头条列表 */
.toplist .t{ margin-bottom: 12px;overflow: hidden;}
.toplist .t .pic{ float:left;  margin-right:15px; width: 150px;}
.toplist .t .pic img{ display:block;width: 100%;height: auto;}
.toplist .t .title{font-size: 1.25rem; height:2rem; line-height:2rem; font-weight:bold; margin-bottom:8px;}
.toplist .t .title a{display:block; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.toplist .t .intro{ font-size:1rem;  max-height:3rem; line-height: 1.5rem; overflow:hidden;}
.toplist .t .date{margin-top:5px;}
.toplist .n{position: relative; height: 2rem; line-height: 2rem; overflow: hidden; padding: 0 10px 0 0;}
.toplist .n .tit{ position: relative;display: block; overflow: hidden; font-size:1rem;  padding-right: 90px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.toplist .n .tit:before{content: ""; position: absolute;top:50%;left:0;margin-top:-2px;width:4px;height:4px; background-color:#555;}
.toplist .n .date{position: absolute; right:0;top:50%;margin-top:-15px; color: #666;}
/* 图文列表 */
.ptlist li{ padding:1rem ; margin: 0; border-bottom:1px dashed #ddd; overflow: hidden;}
.ptlist li .pic{float:left; margin-right:1rem; width: 220px;}
.ptlist li .pic img{ display:block;width:100%;height: auto;}
.ptlist li .con{overflow: hidden;}
.ptlist li .intro{ font-size:1rem; max-height:3rem; line-height: 1.5rem; overflow:hidden;}
.ptlist li .title{font-size: 1.25rem; height:2rem; line-height:2rem; font-weight:bold; margin-bottom:.5rem;}
.ptlist li .title a{display:block; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.ptlist li .date{margin-top:5px;}
/* 广告图 */
.adgroup{ position: relative;overflow: hidden;}
.adgroup .hd{ position: absolute;right:5px;bottom:10px; z-index: 2; height:8px; overflow:hidden;}
.adgroup .hd ul li{font-size: 0; line-height:90px; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin: 0 2px; width: 8px; height: 8px; background: #ccc; cursor: pointer; border-radius:8px;transition:200ms;}
.adgroup .hd ul li.active{background: #c00; width:15px;}
.adgroup .bd{position: relative; z-index: 0;}
.adgroup .bd .pic img{ display:block;height:90px; width:100%}
.adgroup .bd .con{display: none;}
/* 焦点图 */
.focusgroup{ position: relative; text-align: center;overflow: hidden;}
.focusgroup .hd{position: absolute; width:4rem; z-index: 1; right: .5rem;; height:10px; overflow:hidden; bottom: 1rem;}
.focusgroup .hd ul{overflow: hidden; zoom: 1;}
.focusgroup .hd ul li{display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:0 2px; width: 10px; height: 10px; line-height: 10px; background: #fff; cursor: pointer;  border-radius:0;transition:200ms;text-indent: -999px;overflow: hidden;}
.focusgroup .hd ul li.active{background: #0662C4;color: #fff;}
.focusgroup .hd ul li span{display: none;}
.focusgroup .bd{position: relative; overflow: hidden;}
.focusgroup .bd li{position: relative;}
.focusgroup .bd .pic{position: relative; z-index: 0; line-height: 0;}
.focusgroup .bd .pic img{ display:block;width: 100%;  border: 0;}
.focusgroup .bd .con{position: absolute; width: 100%; z-index: 1; bottom: 0; height: 3rem; line-height: 3rem; text-align: center;}
.focusgroup .bd .con .title{position: absolute;  bottom: 0;left:1rem; right: 5rem; z-index: 1; height: 100%; overflow: hidden;font-size:1rem ; color:#fff;}
.focusgroup .bd .con .title a{color: #fff; display:block;  text-decoration: none; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.focusgroup .bd .con .titleBg{position: absolute; width: 100%; z-index: 0; top:0; right:0; bottom: 0; left: 0; background:linear-gradient(to bottom, rgba(0,0,0,.0), rgba(0,0,0,.8));}

/* 分页 */
.page{text-align: center; padding: 1rem 0; clear: both; overflow:hidden;}
.page a, .page span{ display:inline-block; _display: inline; zoom: 1; border: 1px solid #E1E1E1; padding: 0px .75rem; margin: 0 .3125rem .5rem 0; line-height: 2rem; height: 2rem;}
.page a:hover, .page span:hover{border: 1px solid #c00; text-decoration: none; color: #c00; cursor:pointer;}
.page .current{background: #c00; border: 1px solid #c00; color: #fff !important; font-weight: bold;}
.page select, .page input{margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle;}
.page input{text-align: center; padding: 0 4px; outline: none;}

/* 手机导航 */
#mini-nav{ position: absolute; top: 1.6em; right: 0.75em; width: 2em; height: 2em; z-index: 100;}
#mini-nav [class^="crust"]{ transition: all 300ms ease 0s; position: absolute; top: 50%; left: 50%; margin: 0 3% 0 -50%; width: 94%; height: 2px; background: #fff; overflow: hidden;}
#mini-nav .crust-top{ margin-top: -0.6em;}
#mini-nav .crust-bottom{ margin-top: 0.6em;}
#mini-nav.active .crust-top{ margin-top: 0; transform: rotate(45deg); opacity: .6; background-color: #fff;}
#mini-nav.active .crust-middle{ opacity: 0;}
#mini-nav.active .crust-bottom{ margin-top: 0; transform: rotate(-45deg); opacity: .6; background-color: #fff;}
.mask{ display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; background-color: rgba(0,0,0,.9);}

/* 1000 以下 */
@media screen and (max-width:1000px) {
    .piclist li{width:48%;}
}
/* 767px 以下 */
@media screen and (max-width:767px) {
    .box h3 a{ font-size:1.25rem; }
    .toplist .t .pic,.ptlist li .pic{width:100%;margin:0 0 .5rem; float:none;}
    .toplist .t .intro,.ptlist li .intro{max-height:3rem;}
    .block{display: none;}
}