﻿
.banner .focus,
.banner .focus .fcon,
.banner .focus .fcon>a{ position:relative; width:100%; display:block; overflow: hidden; margin: 0 auto;}
.banner .focus:after{content: ''; display: block; position: absolute; bottom: 0; background: url(../images/bannerbottombg.jpg) center repeat-x; height: 240px; width: 100%;}
.banner .focus img{display: block; width: 100%; height: 100%;}
.banner .focus img:hover{transform: scale(1);}
.banner .focus .shadow .title{width: 260px; height: 50px;padding-left: 30px;padding-top: 20px;}
.banner .focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden;}
.banner .focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.banner .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:rgba(255,255,255,.5);}
.banner .focus .btn a:hover,.banner .focus .btn a.current{  cursor:pointer;background:rgba(255,255,255,1);}
.banner .focus .fPic{width: 100%; overflow: hidden;}
.banner .focus .D1fBt{ overflow:hidden; zoom:1;  height:50px; z-index:10;}
.banner .focus .shadow{ width:100%; position:absolute; bottom:100px;  z-index:10; display:block;  text-align:center;}
.banner .focus .shadow h1{font-size: 36px; font-weight: 600; line-height: 1;}
.banner .focus .shadow h1::after{content: ''; display: block; clear: both;}
.banner .focus .shadow h1 a{
    color: #ffffff;
    font-size: 24px;
    display: block;
    line-height: 1;
    overflow: hidden;}
.banner .focus .shadow h1 a:hover{text-decoration: underline;}
.banner .focus .shadow h1 a span{
    display: block;
    font-size: 16px;
    margin-top: 10px;}

.banner .focus .shadow> p{
    font-size: 24px;
    margin-left: 18px;
    color: #ffffff;
    margin-top: 14px;
    width: 1000px;
    overflow: hidden
;}

.banner .focus .fcon{ position:relative; width:100%; float:left;  display:none;}
.banner .bannerPNt{position: absolute; width: 1200px; top: 50%; height: 30px; margin-left: -600px; left: 50%;}
.banner .focus .fbg{bottom:50px; position:absolute; height:30px;  z-index: 200; width: 100%; text-align: center;}
.banner .focus .fbg .D1fBt{margin:4px auto 0;overflow:hidden;zoom:1;height:30px; width: 100%; text-align: center;}
.banner .focus .D1fBt a{ display:inline-block; width:16px; height:16px; border-radius:10px; margin:10px 8px;text-decoration:none; text-align:center; outline:0; background:rgba(255,255,255,.5);}
.banner .focus .D1fBt .current,.banner .focus .D1fBt a:hover{background:rgba(255,255,255,1);}
.banner .focus .D1fBt img{display:none;}
.banner .focus .D1fBt i{display:inline-block; font-style:normal; margin-top: 3px;}
.banner .focus .prev,.banner .focus .next{position:absolute;width:36px;height:36px; opacity: 0.2; z-index: 9999;transition: all 0.5s;}
.banner .focus .prev{top: 50%;margin-top: -37px; left: 46px;background: url(../images/banner_a_l.jpg) no-repeat; cursor:pointer; background-size: 36px;}
.banner .focus .next{top: 50%;margin-top: -37px; right: 46px;  background: url(../images/banner_a_r.jpg) no-repeat; cursor:pointer; background-size: 36px;}
.banner .focus .prev:hover,
.banner .focus .next:hover{opacity: 1;}