@charset "utf-8";
/* CSS Document */
.focus{ position:relative; width:100%; height:160px;} 
.focus img{ width:100%; height:160px;} 
.banner1{ background:url(../images/banner1.jpg) no-repeat center bottom; background-size:130%; height:160px;display:block;}
.banner2{ background:url(../images/banner2.jpg) no-repeat center bottom; background-size:130%; height:160px;display:block;}
.banner3{ background:url(../images/banner3.jpg) no-repeat center bottom; background-size:130%; height:160px;display:block;}
.banner4{ background:url(../images/banner4.jpg) no-repeat center bottom; background-size:130%; height:160px;display:block;}
.banner5{ background:url(../images/banner5.jpg) no-repeat center bottom; background-size:130%; height:160px;display:block;}
.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; width:100%; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  

.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#fff;  }  
.focus .fcon img{ display:block; } 
.focus .fcon .fcon_pic{position:absolute; right:12%; top:5%; padding:10px 20px; z-index:5; background:rgba(255,255,255,0.4);}
.focus .fcon .fcon_pic img{ width:150px; height:63px;}
.focus .fcon a .shadow{  position:absolute; z-index:10; background:rgba(0,0,0,0.5);   
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  text-align:center; text-decoration:none;height:60px; bottom:20px; right:12%; line-height:60px; font-size:20px; color:#fff; font-weight:500; text-align:left; padding:0 30px;} 
.focus .fcon a .shadow span{ font-size:16px; padding-left:20px;}

.focus .fbg{margin: 0px auto; padding: 0px; left:calc(50% - 40px); bottom:10px; position: absolute; width:80px; z-index:100; }  
.focus .fbg div{overflow:hidden;zoom:1;height:15px}    
.focus .D1fBt a{position:relative; display:inline; width:5px; height:15px; margin:0 5px;color:#B0B0B0; float:left; background:#ddd; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#ea5404;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:44px;height:64px;background: url(../images/focus_btn.png) no-repeat; z-index:0;}
.focus .prev{top:calc(50% - 30px); left:10px;background-position:0 -64px; cursor:pointer; }  
.focus .next{top:calc(50% - 30px); right:10px;  background-position:-44px -64px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-44px 0;}

@media (min-width:640px){
.focus{ position:relative; width:100%; height:210px;}
.focus img{ width:100%; height:210px;} 
.banner1{ background:url(../images/banner1.jpg) no-repeat center bottom; background-size:110%;height:280px; display:block;}
.banner2{ background:url(../images/banner2.jpg) no-repeat center bottom; background-size:110%;height:280px; display:block;}
.banner3{ background:url(../images/banner3.jpg) no-repeat center bottom; background-size:110%;height:280px; display:block;}
.banner4{ background:url(../images/banner4.jpg) no-repeat center bottom; background-size:110%;height:280px; display:block;}
.banner5{ background:url(../images/banner5.jpg) no-repeat center bottom; background-size:110%;height:280px; display:block;} 
.focus .fbg{margin: 0px auto; padding: 0px; left:calc(50% - 40px); bottom:20px; position: absolute; width:80px; z-index:100; }  
}
@media (min-width:768px){
.focus{ position:relative; width:100%; height:252px;}
.focus img{ width:100%; height:252px;} 
.banner1{ background:url(../images/banner1.jpg) no-repeat center bottom; background-size:110%;height:280px; display:block;}
.banner2{ background:url(../images/banner2.jpg) no-repeat center bottom; background-size:110%;height:280px; display:block;}
.banner3{ background:url(../images/banner3.jpg) no-repeat center bottom; background-size:110%;height:280px; display:block;}
.banner4{ background:url(../images/banner4.jpg) no-repeat center bottom; background-size:110%;height:280px; display:block;}
.banner5{ background:url(../images/banner5.jpg) no-repeat center bottom; background-size:110%;height:280px; display:block;} 
.focus .prev{top:calc(50% - 20px); left:20px;background-position:0 -64px; cursor:pointer; }  
.focus .next{top:calc(50% - 20px); right:20px;  background-position:-44px -64px;  cursor:pointer;}  
.focus .fbg{margin: 0px auto; padding: 0px; left:calc(50% - 40px); bottom:20px; position: absolute; width:80px; z-index:100; }  
}
@media (min-width:992px){
.focus{ position:relative; width:100%; height:326px;}
.focus img{ width:100%; height:326px;}  
.banner1{ background-size:120%;height:350px; display:block;}
.banner2{ background-size:120%;height:350px; display:block;}
.banner3{ background-size:120%;height:350px; display:block;}
.banner4{ background-size:120%;height:350px; display:block;}
.banner5{ background-size:120%;height:350px; display:block;}
.focus .prev{top:calc(50% - 20px); left:30px;background-position:0 -64px; cursor:pointer; }  
.focus .next{top:calc(50% - 20px); right:30px;  background-position:-44px -64px;  cursor:pointer;} 
.focus .fbg{margin: 0px auto; padding: 0px; left:calc(50% - 40px); bottom:20px; position: absolute; width:80px; z-index:100; }  
}
@media (min-width:1024px){
.focus{ position:relative; width:100%; height:337px;}
.focus img{ width:100%; height:337px;}  
.focus .prev{top:calc(50% - 20px); left:30px;background-position:0 -64px; cursor:pointer; }  
.focus .next{top:calc(50% - 20px); right:30px;  background-position:-44px -64px;  cursor:pointer;}   
}
@media (min-width:1200px){
.focus{ position:relative; width:100%; height:395px;} 
.focus img{ height:395px;} 
.focus .prev{top:calc(50% - 20px); left:90px;background-position:0 -64px; cursor:pointer; }  
.focus .next{top:calc(50% - 20px); right:90px;  background-position:-44px -64px;  cursor:pointer;} 
.focus .fbg{bottom:30px;}  
}
@media (min-width:1440px){
.focus{ position:relative; width:100%; height:474px;} 
.focus img{ height:474px;} 
.focus .prev{top:calc(50% - 20px); left:90px;background-position:0 -64px; cursor:pointer; }  
.focus .next{top:calc(50% - 20px); right:90px;  background-position:-44px -64px;  cursor:pointer;} 
.focus .fbg{bottom:30px;}  
}
@media (min-width:1600px){
.focus{ position:relative; width:100%; height:526px;} 
.focus img{ width:100%; height:526px;} 
.focus .prev{top:calc(50% - 20px); left:90px;background-position:0 -64px; cursor:pointer; }  
.focus .next{top:calc(50% - 20px); right:90px;  background-position:-44px -64px;  cursor:pointer;} 
.focus .fbg{bottom:30px;}  
}
@media (min-width:1920px){
.focus{ position:relative; width:100%; height:632px;} 
.focus img{ width:100%; height:632px;} 
.focus .prev{top:calc(50% - 20px); left:90px;background-position:0 -64px; cursor:pointer; }  
.focus .next{top:calc(50% - 20px); right:90px;  background-position:-44px -64px;  cursor:pointer;} 
.focus .fbg{bottom:30px;}  
}