.slideBox{  width: 1200px; margin: 0 auto; overflow:hidden; position:relative; padding-top: 20px;}
.slideBox .hd{ height:30px; width: 100%; left: 0; bottom: 0px; text-align: right; overflow:hidden; position:absolute; z-index: 9;  }
.slideBox .hd ul{ zoom:1; padding-right: 50px; }
.slideBox .hd ul li{margin:0px 2px;  width:12px; height:12px; line-height:11px; text-align:center; background:#fff; color:#FFF; cursor:pointer; display: inline-block; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }
.slideBox .hd ul li.on{ background:#679fd0; color:#679fd0; }
.slideBox .bd{ position:relative; z-index:0;   }
.slideBox .bd li{ width: 100%; zoom:1; position: relative; }
.slideBox .bd li a{}
.slideBox .bd li img{ display: block; width: 100%; }
.slideBox .bd li .txt{ position: absolute; left: 0; bottom: 0; padding: 20px 50px 30px 50px; width: 1100px; font-size: 25px; line-height: 1.5; color:#FFF; background: rgba(0,0,0,0.5);} 
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.art-list{ padding-bottom: 55px;}
.art-list .item{ padding: 15px; background: #F7F7F7; margin-top: 20px;}
.art-list .item .thumb{ display: block; width: 300px; height: 150px; float: left;}
.art-list .item .txt{ width: 690px; float: left; padding-left: 40px;}
.art-list .item .txt h3{ font-size: 18px; color:#000; font-weight: 500; line-height: 1.5;}
.art-list .item .txt p{ font-size: 13px; line-height: 2; padding: 15px 0;}
.art-list .item .txt .href{ font-size: 12px;}
.art-list .item .txt .c9 *{ font-size: 12px; color:#999; line-height: 1.5;}
.art-list .item .txt .c9 .right{}
.art-list .item .txt .c9 .hits-ico{ padding: 7px 8px; background: url('/upload/201702/hits-1.png') center no-repeat;}
.art-list .item .txt .c9 .zan-ico{ padding: 7px 8px; background: url('/upload/201702/zan-1.png') center no-repeat;}
.art-list .item .txt .c9 .tag-ico{ padding: 7px 8px; background: url('/upload/201702/tag-1.png') center no-repeat;}
.art-list .item .txt .c9 .bk{ padding: 7px 8px;}
.art-list .item .time{ width: 75px; float: right; padding: 20px 24px 0 0; text-align: center;}
.art-list .item .time p{ font-size: 60px; line-height: 70px; color:#CCC;}
.art-list .item .time .m{ font-size: 14px; line-height: 2; color:#AAA; border-top: 1px solid #CCC;}
.art-list .item:hover{ background: #679fd0;}
.art-list .item:hover *,
.art-list .item:hover .txt h3,
.art-list .item:hover .time p,
.art-list .item:hover .time .m{ color:#FFF;}
.art-list .item:hover .txt .c9 *{color:#FFF;}
.art-list .item:hover .txt .c9 .hits-ico{ background-image: url('/upload/201702/hits-2.png');}
.art-list .item:hover .txt .c9 .zan-ico{ background-image: url('/upload/201702/zan-2.png');}
.art-list .item:hover .txt .c9 .tag-ico{ background-image: url('/upload/201702/tag-2.png');}
.art-list .item .txt .c9 .right a:hover{color:#FF0;}
@media only screen and (max-width: 768px){
.art-list{ padding: 10px;}
.art-list .item{ padding: 15px; background: #F7F7F7; margin: 10px auto 20px auto;}
.art-list .item .thumb{ display: block; width: 100%; height: auto; float: none;}
.art-list .item .txt{ width: 100%; margin: 0 auto; float: none; padding-left: 0; padding-top: 10px;}
.art-list .item .txt h3{ font-size: 16px;}
.art-list .item .txt p{ font-size: 12px; line-height: 1.5; padding: 10px 0;}
.art-list .item .txt .href{ font-size: 12px;}
.art-list .item .txt .c9 .right{ padding-top: 8px; width: 100%;}
.art-list .item .time2{ font-size: 12px; color:#AAA; line-height: 1.5; padding-top: 5px; }
}