@charset "utf-8";
/* CSS Document */

.focus{ position:relative; width:100%; height:600px; float: left; z-index:0;}  
.focus img{ width:100%; height:600px;} 

.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{  height:63px;}
.focus .fcon .fcon_pic2{position:absolute; left:5%; top:8%; z-index:5;}
.focus .fcon .fcon_pic2 img{width:700px; height:449px;}
.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% - 65px); bottom: 3px; position: absolute; width:200px; z-index:100; }  
.focus .fbg div{overflow:hidden;zoom:1;height:15px}    
.focus .D1fBt a{position:relative; display:inline; width:15px; height:15px; border-radius:50%; margin:0 5px;color:#B0B0B0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#0094da;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:40px;background: url(../images/focus_btn.png) no-repeat;border-radius:50%; z-index:100;}
.focus .prev{top:calc(50% - 20px); left:20px;background-position:0 -40px; cursor:pointer; }  
.focus .next{top:calc(50% - 20px); right:20px;  background-position:-40px -40px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  

.banner_img{ display:none;}
@media screen and (max-width:1680px){
.focus{ position:relative; width:100%; height:481px; float: left;}  
.focus img{ width:100%; height:481px;} 
.focus .fcon .fcon_pic2{position:absolute; left:8%; top:12%; z-index:5;}
.focus .fcon .fcon_pic2 img{width:531px; height:341px;}
}
@media screen and (max-width:1440px){
.focus{ position:relative; width:100%; height:412px; float: left;}  
.focus img{ width:100%; height:412px;} 
.focus .fcon .fcon_pic2{position:absolute; left:6%; top:9%; z-index:5;}
.focus .fcon .fcon_pic2 img{width:524px; height:336px;}
}
@media screen and (max-width:1280px){
.focus{ position:relative; width:100%; height:366px; float: left;}  
.focus img{ width:100%; height:366px;} 
.focus .fcon .fcon_pic2{position:absolute; left:6%; top:9%; z-index:5;}
.focus .fcon .fcon_pic2 img{width:464px; height:298px;}
}
@media screen and (max-width:1024px){
.focus{ display:none;}
.banner_img{ display: block; background:url(https://www.shsmzj.com/template/images/banner/banner5_1024.jpg) no-repeat left center; width:100%; height:400px; z-index:0;}
}
@media screen and (max-width:768px){
.banner_img{ display: block; background:url(https://www.shsmzj.com/template/images/banner/banner5_768.jpg) no-repeat left center; width:100%; height:400px; z-index:0;}
}
@media screen and (max-width:640px){
.banner_img{ display: block; background:url(https://www.shsmzj.com/template/images/banner/banner5_640.jpg) no-repeat left center; width:100%; height:333px; z-index:0;}
}
@media screen and (max-width:480px){
.banner_img{ display: block; background:url(https://www.shsmzj.com/template/images/banner/banner5_640.jpg) no-repeat center center; width:100%; height:200px; z-index:0;}
}