/* 幻灯1 */

.focus{ position:relative; width:680px; height:320px; background-color: #000; float: left;}  
.focus img{ width: 680px; height: 320px; border:0px;} 
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;}  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:8px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200;}  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#AD0000;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:30px;height:60px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top:120px;left:0;background-position:0 -60px; cursor:pointer;}  
.focus .next{top:120px;right:0;background-position:-30px -60px; cursor:pointer;}   
.focus .prev:hover{  background-position:0 0; display:block}  
.focus .next:hover{  background-position:-30px 0;display:block}  




em{margin:0;padding:0;border:0;outline:0;font-size:100%;background:0 0;font-weight:400;font-style:inherit;font-family:inherit;vertical-align:top}


/*-----------------自定义按钮样式，移动端不需要，PC端根据实际情况选择----------------*/
.demo {width: 300px;height: 250px;font-size: 14px;position:relative; float:left;}
.demo a.control {position:absolute;display: block;top: 50%;margin-top: -32px;width: 30px;height: 45px;cursor: pointer;z-index: 2;background: url(../images/buttons.png) no-repeat}
.demo a.prev {left: 0;background-position: 0 0}
.demo a.next {right: 0;background-position: -30px 0}
.demo a.prev:hover {background-position: 0 -45px}
.demo a.next:hover {background-position: -30px -45px}
/*----------------------------为保证最佳效果，建议设置如下样式------------------------*/
.slider {width: 300px;height: 250px;}

