/*焦点图*/
.focus{position:relative; margin:auto;}
.focus{   width:750px; height:1297px;}  
.focus img{ width: 750px; height: 1297px;} 
 
 
.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:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.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:60px; line-height: 80px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:center; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
*/
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000; height:100%;  }  
.focus .fcon a { display:block; height:100vh; width:75vh;position:relative; left:calc(-1 * (37.5vh - 50vw))}
.focus .fcon img{ display:block; width:100%; height:100%; }  
.focus .fbg{bottom:85px; left:45%; 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:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
 


@media screen and (max-width: 1080px) 
{
   .focus{   width:736px; height:1273px;}  
   .focus img{ width: 736px;height:1273px; } 
   .focus .fbg{left:45%}
}
/*包含736px 768px*/
@media screen and (max-width: 768px) {
   .focus{   width:736px; height:1273px;}  
   .focus img{ width: 736px;height:1273px; } 
   .focus .fbg{left:45%}
}

/*包含 667*/
@media screen and (max-width: 667px) {
   .focus{   width:667px; height:1153px;}  
   .focus img{ width: 667px;height:1153px; } 
   .focus .fbg{left:42%}
}
/*包含640 */
@media screen and (max-width: 640px) {
   .focus{   width:640px;height:1107px;}  
   .focus img{ width: 640px; height:1107px;} 
   .focus .fbg{left:42%}
}
@media screen and (max-width: 598px) {
   .focus{   width:598px;height:1034px; }  
   .focus img{ width: 598px;height:1034px; } 
   .focus .fbg{left:42%}
}
@media screen and (max-width: 568px) {
  .focus{   width:567px; height:981px;}  
   .focus img{ width: 567px; height: 981px;} 
   .focus .fbg{left:42%}
}

@media screen and (max-width: 480px) {
    .focus{   width:480px; height:830px;}  
   .focus img{ width: 480px; height: 830px;} 
   .focus .fbg{left:41%}
}

@media screen and (max-width: 414px) {
   .focus{   width:414px; height:716px;}  
   .focus img{ width: 414px; height: 716px;} 
   .focus .fbg{left:41%}
}
@media screen and (max-width: 375px) {
   .focus{   width:375px; height:649px;}  
   .focus img{ width: 375px; height: 649px;} 
   .focus .fbg{left:40%}
}
/*包含360px*/
@media screen and (max-width: 360px) {
    .focus{   width:360px; height:623px;}  
   .focus img{ width: 360px; height: 623px;} 
   .focus .fbg{left:40%}
}

@media screen and (max-width: 320px) {
   .focus{width:320px;height:553px }  
   .focus img{ width: 320px;height:553px} 
   .focus .fbg{left:40%}
}

.focus .fbg { left:0; width:100%;text-align:center;}
.focus .D1fBt { display:inline-block}