/*-----------------------------list列表-----------------------------*/
body{background-color: #FAFAFA;}

.list-fl{width: 22.8%;float: left;}
.list-fl>p{font-size: 22px;color: #fff;text-align: center;background-color: #0F5A98;line-height: 56px;}
.list-lm{border: 1px solid #DEDDDD;}
.list-lm li{line-height: 56px;background: #FCFCFC;border-top: 1px solid #DEDDDD;font-size: 18px;text-align: center;position: relative;}
.list-lm li:first-child{border-top: none;}
.list-lm li:before{content: " ";background: url(../images/icon/lm_ico.png);width: 16px;height: 16px;position: absolute;right: 15px;top: 18px;}
.list-lm li:hover:before,.list-lm li.on:before{background-image: url(../images/icon/lm_ico_on.png);}
.list-lm li a{display: block;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;position: relative;z-index: 2;padding: 0 25px 0 20px;}
.list-lm li.on a,.list-lm li:hover a{color: #0F5A98;}
.list-fr{width: 73%;float: right;}
.list-fr>p{background: #f3f3f3;margin-bottom: 20px;}
.list-fr>p span{font-size: 20px;font-weight: bold;color: #fff;text-align: center;background-color: #0F5A98;line-height: 40px;float: left;padding: 0 50px;}
.list li{line-height: 48px;padding-left: 20px;background: url(../images/icon/list_ico.png) no-repeat 0 center;font-size: 16px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;transition: all .5s;}
/* .list li:hover{transform:translateX(1em);} */
.list li span{float: right;color: #999;margin-left: 20px;position: relative;}
.list hr{margin: 30px 0;border:none;border-bottom: dashed 1px #cccccc;}
.list.pic li+hr{display: none;}
.list.pic li{padding-left:0;background-image:none;margin-bottom:20px;}
.list.pic li:hover{transform:initial;}
.list.pic li:after{display: block;content: " ";clear:both;border-bottom: 1px dashed #ccc;padding-top:20px}
.list.pic li:last-child::after{display: none;}
.list.pic li>a{float:left;width: 23%;margin-right:20px;}
.list.pic li>a img{width:100%;height:150px;border: 1px solid #e5e5e5;}
.list.pic li dl dt{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 20px;transition: all .5s;}
.list.pic li dl dt:hover{transform:translateX(1em);}
.list.pic li dl dd{text-indent: 2em;white-space:initial;color:#8c8c8c}
.list.pic li dl dd a{color:#d20707;}
/*分页*/
#page-div{margin:0 auto;text-align: center;margin-top: 20px;}
.pagination-first,.pagination-last{margin: 10px 0;display:inline-block;}
.pagination-index,.pagination-num{border: 1px solid #3871a6;margin: 0 3px;padding:0 15px;display: inline-block;border-radius: 3px;color: #3871a6;}
.pagination-num.active,.pagination-index:hover,.pagination-num:hover{background: #3871a6;color: white;}
.pagination-last span{margin: 0 5px;}
.pagination-last input{height: 18px;width: 30px;text-align: center;border: 1px solid #333;}
@media (max-width:768px) {.pagination-last small{display: none;}.pagination-index,.pagination-num{padding:0 4px;}}

/*-----------------------------detail详情-----------------------------*/
.detail{background: #FFFFFF;padding-bottom: 20px;}
.detail>h1{font-size: 36px;text-align: center;padding: 18px 50px 20px;font-weight: normal;}
.inform{border-bottom: 1px dashed #ccc;line-height: 40px;text-align: center;color: #333;margin-top: 12px;}
.inform>div{display: inline-block;margin: 0 20px;}
.inform .fontsize img,.inform .fontsize span{margin: 0 5px;cursor: pointer;}
.inform .dywb{cursor: pointer;background: url(../images/icon/print.png) no-repeat 0 center;padding-left: 15px;}
.inform .bdsharebuttonbox{display: inline-block;vertical-align: middle;}
#NewsContent{padding: 20px;}
.zrbj{display: block;margin: 10px 0;text-align: right;}
#div-div,#div-div2{text-align: center;font-size: 12px;color: #999;clear: both;padding-bottom: 20px;}
#div-div>table,#div-div2>table{display:inline-block;}
#div-div p{margin-bottom: 5px;font-size: 14px;}
#div-div canvas{width: 160px;height: 160px;}
.xgxw p{border-bottom: 1px solid #CCCCCC;font-size: 20px;line-height: 50px;margin-bottom: 10px;}
.xgxw p i{width: 5px;height: 20px;background: #3871a6;display: inline-block;margin-right: 15px;vertical-align: -3px;}
.xgxw ul{padding-bottom: 20px;margin: 0 -20px;}
.xgxw li{float: left;width: 50%;padding: 0 20px 0 35px;background: url(../images/icon/dian2.jpg) no-repeat 20px center;line-height: 35px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 16px;}
.xgxw li span{float: right;color: #999;margin-left: 20px;}
.click-top{position: fixed;bottom: 50px;right: 20px;z-index: 1000;cursor: pointer;width: 30px;display: none;}
@media print{.dyyc{display: none !important;}.detail{padding-top: 20px;}}

@media screen and (max-width:1200px) {
    .list-fr{width: 100%;}
}
@media screen and (max-width:450px) {
    .detail>h1{font-size: 26px;padding: 18px 10px 20px;}
    .inform{margin-top: 0;line-height: 30px;}
    .inform .share{display: block;}
}