.container{width:1026px;margin:0 auto;margin-bottom:10px;}#naside_lef{width:0px;float:left;}#naside_rig{width:1026px;float:right;overflow:hidden;margin-bottom:15px;}.con20{padding:15px 15px 10px 15px;padding-top:10px;margin-top:10px;border:1px solid #dfdfdf;}.title{border-bottom:1px solid #dfdfdf;height:33px;font-family:"΢ÈíÑźÚ";}.title h2{font-size:18px;font-weight:normal;border-bottom:2px solid #80CC72;display:inline-block;height:30px;line-height:32px;position:relative;top:1px;}.title em{float:right;line-height:32px;}.module-list{position:relative;width:988px;overflow:hidden;}.module-list ul{width:1000px;padding-top:10px;}.module-list li{position:relative;width:160px;float:left;margin-right:16px;padding-top:10px;overflow:hidden;zoom:1}.list-article-title{text-align:center;font-size:14px;color:#111;padding-top:5px;}.list-article-title p{height:22px;overflow:hidden;line-height:22px;font-size:14px;}.module-list .dotted{width:992px;margin-top:15px;border-top:1px dashed #c5c5c5;}.side_box{}.rank-list{padding:6px 9px 0 9px;width:240px;overflow:hidden;background:url(/images/orank.gif) no-repeat 4px 11px;}.rank-list li{width:280px;height:35px;line-height:35px;overflow:hidden;text-indent:28px;border-bottom:1px dashed #f0f0f0;font-size:14px;}.page{margin-top:15px;margin-bottom:10px;text-align:center;}.page a{position:relative;display:inline-block;overflow:hidden;padding:2px 10px;width:auto;border:1px solid #ccc;background:#fff;color:#333;text-align:center;font-size:13px;zoom:1;_display:inline;}.page a[disabled]{border:1px solid #ccc;background:#e4e4e4;color:#333;cursor:not-allowed;}.page a[disabled]:hover{border:1px solid #ccc;background:#e4e4e4;color:#333;}.page a.on,.page a:hover{border-color:#78AC1D;background:#86BA2A;color:#fff;text-decoration:none;}

.liegg{width:1026px;overflow:hidden;zoom:1;margin-bottom:10px;}

/*module-list*/
.module-list { position:relative;width:1016px; overflow: hidden;}
.module-list ul { width:1016px;}
.module-list li { position:relative;border:1px solid #c5c5c5;border-radius:4px; width:310px; float:left; margin-left:9px; margin-top:12px; overflow:hidden; zoom:1;box-shadow: 3px 3px 9px rgba(0,0,0,.1)}
.list-icon { position:relative; width:308px; height:195px;margin:0 auto;  overflow:hidden;}
.list-icon img { position:relative; width:100%; height:100%;}
.list-article-title {text-align:center; font-size:14px; color:#111;background: #fff}
.list-article-title p{ padding:0 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; line-height:20px; font-size: 14px;text-overflow:ellipsis; overflow: hidden;white-space: nowrap;width: 100%;}
.module-list .dotted{width:1000px; margin-top:15px; border-top:1px dashed #c5c5c5;}

.module-list li:hover{
  box-shadow: 0 5px 20px rgba(0,0,0,0.5);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.pc_top{
  width: 100%;
  height: 70px;
  position: absolute;
  right: 0;
  top: -70px;
  background-image: url(../img/bg_1.png);
  background-position: left top;
  background-repeat: repeat-x;
  transition: .3s;
}
.pc_bom{
      /*display: none;*/
    width: 100%;
    height: 50px;
    background-image: url(../img/bg_2.png);
    /*background-image: linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.2));*/
    background-position: left bottom;
    background-repeat: repeat-x;
    position: absolute;
    left: 0;
    bottom: -50px;
      transition: .3s;
}
.list-icon:hover .pc_top{
  top:0;
}
.list-icon:hover .pc_bom{
  bottom:0;
}