ul { list-style: none; margin:0; padding:0;}
.bxsider{ position:relative;}
.bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0;  *zoom: 1;}
.pc{display:block;}
.mobile{ display:none;}

/*大的图片*/
 
/*小的图片或序号*/
#pic-page {height:30px; bottom:10px; left:0; text-align: center; margin-top: 0px; position:absolute; width:100%; z-index:999;}
#pic-page a {color:#fff; text-indent:-9999px;  margin: 0 2px; font-size:25px; cursor:pointer; display:inline-block; width:20px; height:20px; background:url(../images/orange_pager.png) 0 0 no-repeat;}
#pic-page a img { width: 40px; padding: 2px; border: solid #ccc 1px; margin-bottom: 5px; }
#pic-page a:hover, #pic-page a.active {color:#000; background:url(../images/orange_pager.png) 0 -20px no-repeat;}
#pic-page a:hover img, #pic-page a.active img{border:1px blue solid;}
/*左右按钮*/
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 30px; height: 30px; text-indent: -9999px; z-index: 999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-prev { left: 10px; background: url(../images/orange_prev.png) no-repeat 0 0px; }
.bx-wrapper .bx-next { right: 10px; background: url(../images/orange_next.png) no-repeat right 0px; }
.bx-wrapper .bx-prev:hover { background-position: 0 -30px; }
.bx-wrapper .bx-next:hover { background-position: 0 -30px; } 
@media(max-width:767px){
.pc{display:none;}
.mobile{ display:block;}
#pic-page{ display:none;}
}