@charset "utf-8";

.box{overflow: hidden;}
.box .header{margin-bottom: 1rem; overflow: hidden;}
.box h3 {overflow: hidden;}
.box h3 a{position: relative; font-size:1.75rem; color:#344F7E; 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:#344F7E; 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.25rem; overflow: hidden; padding:0 5px;}
.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-top: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:5px;}
.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));}
/* 大号日期 */
#bigdate li{ position: relative; margin:0; padding:1rem ; line-height:2rem;border-bottom:1px dotted #ccc;overflow: hidden; transition:all .5s ease 0s;}
#bigdate li>a,#bigdate li .title>a{padding-right: 0; transition:all .2s ease 0s;}
#bigdate li a:before{display: none;}
#bigdate .date{padding-right:1rem;}
#bigdate .dates { float: left;margin:-.25rem .5rem 0 0 ; padding:0 .5rem ; line-height:1rem; text-align:center; color: #344F7E;transition:all .5s ease 0s;}
#bigdate .dates i{ display:block; line-height:1.75rem; font-size:1.5rem; font-style: normal; font-weight:bold;}
#bigdate .dates em{font-style: normal;}
#bigdate .con{overflow: hidden;}
#bigdate .t .dates{ margin-top:1.25rem; }
#bigdate li:hover,#bigdate li.active{ z-index: 2; background-color:#344F7E; border-color:#344F7E;color:#fff; transform:translateY(-0.5rem); box-shadow: 0 .25rem .5rem rgba(0,0,0,.1);}
#bigdate li:hover a,#bigdate li.active a,#bigdate li:hover .dates,#bigdate li.active .dates,#bigdate li:hover .intro,#bigdate li.active .intro,#bigdate li:hover .date,#bigdate li.active .date{color:#fff;}
#bigdate li:hover .intro *,#bigdate li.active .intro *{ background:none !important; color:#fff !important;}
/* 新媒体 */
.newmedia li{ position: relative;}
.newmedia i{ position: absolute; z-index: 10; top:0; left:0; width:1.5rem; height:1.5rem; background:#0060C7; overflow: hidden;}
.newmedia i:before{content:"\e613";width:1.5rem;height:1.5rem;line-height: 1.5rem; font-style: normal; font-family: "iconfont" !important; font-size:.875rem; color:#fff;}
.newmedia i.wx:before{content: "\e627"; }
.newmedia i.sph:before{content: "\e623"; }
.newmedia i.wb:before{content: "\e600"; }
.newmedia i.dy:before{content: "\e603"; }
.newmedia i.blbl:before{content: "\e602"; }
.newmedia i.ks:before{content: "\e8dc"; }
.newmedia i.wx{ background-color:#04B355;}
.newmedia i.sph{ background-color:#fb9c42;}
.newmedia i.wb{ background-color:#D52C2B;}
.newmedia i.dy{ background-color:#000;}
.newmedia i.blbl{ background-color:#24ADE4;}
.newmedia i.ks{ background-color:#f50;}

/* 方块 */
.block i{position: absolute; width:100px; height:100px; background-color:#f3f3f3; border-radius:1rem; box-shadow: 0 1rem 2rem rgba(0,0,0,.2); opacity:.5;}
.block i:nth-child(1){top:80%; left:-30%; width:400px; height:400px; transform:rotate(45deg);}
.block i:nth-child(2){top:10%; left:auto; right:-10%; width:200px; height:200px; transform:rotate(45deg); }
.block i:nth-child(3){top:60%; left:35%;}
.block i:nth-child(4){top:120%; left:auto; right:20%; width:200px; height:200px;}

/* 分页 */
.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 #344F7E; text-decoration: none; color: #344F7E; cursor:pointer;}
.page .current{background: #344F7E; border: 1px solid #344F7E; 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: fixed; top: 0.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%;}
    #bigdate li:hover, #bigdate li.active{transform: none;}
}
/* 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;}
    #bigdate li{padding: .75rem .5rem;}
    #bigdate .dates{ padding:0; }
}