@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/*焦点图*/
.focus{position:relative;width:750px;height:400px;background-color:#000;}  
.focus img{width:750px;height:400px;} 
.focus .shadow .title{width:260px;height:65px;padding-left:30px;padding-top:20px;}
.focus .shadow .title a{text-decoration:none;color:#fff;font-size:14px;font-weight:bolder;overflow:hidden;}
.focus .btn{position:absolute;bottom:34px;left:510px;overflow:hidden;zoom:1;} 
.focus .btn a{position:relative;display:inline;width:13px;height:13px;border-radius:7px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#dd0101;}  
.focus .btn a:hover,.focus .btn a.currented{cursor:pointer;background-color:#dd0101;}  
.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:36px;line-height:36px;background:rgba(0,0,0,0.2);  
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";width: 80%;white-space: nowrap;display: block;
text-overflow: ellipsis;}  
.focus .fcon{position:relative;width:100%;float:left;display:none;background:#000  }  
.focus .fcon img{display:block;}  
.focus .fbg{bottom:9px;right:20px;position:absolute;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:9px;height:9px;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 .currented,.focus .D1fBt a:hover{background:#dd0101;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none;font-style:normal;}    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background:url(../image/focus_btn.png) no-repeat;}
.focus .prev{top:50%;margin-top:-37px;left:0;background-position:0 -74px;cursor:pointer;}  
.focus .next{top:50%;margin-top:-37px;right:0;background-position:-40px -74px;cursor:pointer;}  
.focus .prev:hover{background-position:0 0;}  
.focus .next:hover{background-position:-40px 0;}  

.focuss{position:relative;width:505px;height:294px;background-color:#000;}  
.focuss img{width:505px;height:294px;} 
.focuss .shadow .title{width:260px;height:65px;padding-left:30px;padding-top:20px;}
.focuss .shadow .title a{text-decoration:none;color:#fff;font-size:14px;font-weight:bolder;overflow:hidden;}
.focuss .btn{position:absolute;bottom:34px;left:510px;overflow:hidden;zoom:1;} 
.focuss .btn a{position:relative;display:inline;width:13px;height:13px;border-radius:7px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#dd0101;}  
.focuss .btn a:hover,.focuss .btn a.currented{cursor:pointer;background-color:#dd0101;}  
.focuss .fPic{position:absolute;left:0px;top:0px;}
.focuss .D1fBt{overflow:hidden;zoom:1;height:16px;z-index:10;}  
.focuss .shadow{width:100%;position:absolute;bottom:0;left:0px;z-index:10;height:36px;line-height:36px;background:rgba(0,0,0,0.2);  
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;display:block;text-align:left;}  
.focuss .shadow a{text-decoration:none;color:#fff;font-size:16px;overflow:hidden;
margin-left:10px;font-family:"\5FAE\8F6F\96C5\9ED1";width: 58%;white-space: nowrap;display: block;
text-overflow: ellipsis;}  
.focuss .fcon{position:relative;width:100%;float:left;display:none;background:#000  }  
.focuss .fcon img{display:block;}  
.focuss .fbg{bottom:9px;right:20px;position:absolute;text-align:center;z-index:200;}  
.focuss .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focuss .D1fBt a{position:relative;display:inline;width:9px;height:9px;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;}    
.focuss .D1fBt .currented,.focuss .D1fBt a:hover{background:#dd0101;}    
.focuss .D1fBt img{display:none}    
.focuss .D1fBt i{display:none;font-style:normal;}    
.focuss .prev,.focuss .next{position:absolute;width:40px;height:74px;}
.focuss .prev{top:50%;margin-top:-37px;left:0;background-position:0 -74px;cursor:pointer;}  
.focuss .next{top:50%;margin-top:-37px;right:0;background-position:-40px -74px;cursor:pointer;}  
.focuss .prev:hover{background-position:0 0;}  
.focuss .next:hover{background-position:-40px 0;}  
.focuss .prev,.focuss .next{position:absolute;width:40px;height:74px;background:url(../image/focus_btn.png) no-repeat;}


@media screen and (max-width:768px){
    .focus{position:relative;width:100%;height:300px;background-color:#000;}  
    .focus img{width:100%;height:300px;} 
    .focus .fPic{position: relative;}
    .focuss{position:relative;width:100%;height:300px;background-color:#000;}  
    .focuss img{width:100%;height:300px;} 
    .focuss .fPic{position: relative;}
}

@media screen and (max-width:415px){
    .focus{height: 200px;width:100%;}
    .focus img{height:200px;width:100%;} 
    .focuss{height: 200px;width:100%;}
    .focuss img{height:200px;width:100%;} 
    .focus .shadow a{width: 70%;}
}
@media screen and (max-width:376px){
    .focus .shadow a{width: 65%;font-size: 13px;}
}
@media screen and (max-width:321px){
    .focus .shadow a{width: 60%;}
    
}