.banner-content {
    overflow: hidden;
}

.banner-content .horizontal-item {
    overflow: hidden;
    position: relative;
}

.banner-content .horizontal-item .title {
    display: block;
    position: absolute;
    bottom: 0px;
    background: white;
    opacity: 0.8;
    width: 100%;
    line-height: 25px;
    text-indent: 5px;
}

.banner-content .horizontal-item img {
    width: 100%;
}

.banner-content .vertical-item {
    overflow: hidden;
    position: relative;
}

.banner-content .vertical-item .title {
    display: block;
    position: absolute;
    bottom: 0px;
    background: white;
    opacity: 0.8;
    width: 100%;
    line-height: 25px;
    text-indent: 5px;
}

.banner-content .vertical-item img {
    width: 100%;
    height: 100%;
}

/*begin轮播效果1*/
.slideimage1 {
    position: relative;
    overflow: hidden;
    background: #eeeeee;
}

.slideimage1 ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.slideimage1 li {
    list-style: none;
}

.slideimage1 .hd {
    position: absolute;
    height: 28px;
    line-height: 28px;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.slideimage1 .hd li {
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #333;
    text-indent: -9999px;
    overflow: hidden;
    margin: 11px 6px;
}

.slideimage1 .hd li.on {
    background: #fff;
}

.slideimage1 .bd {
    position: relative;
    z-index: 0;
}

.slideimage1 .bd li {
    position: relative;
    text-align: center;
}

.slideimage1 .bd li img {
    background: url(../images/2.gif) center center no-repeat;
    vertical-align: top;
    width: 100%; /* 图片宽度100%，达到自适应效果 */
}

.slideimage1 .bd li a {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 去掉链接触摸高亮 */
}

.slideimage1 .bd li span {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-indent: 10px;
    height: 28px;
    line-height: 28px;
    background: url(../images/focusBg.png) repeat-x;
    color: #fff;
    text-align: left;
    font-size: 18px;
}
/*end轮播效果1*/

/*begin轮播效果2*/
.slideimage2 {
    position: relative;
    overflow: hidden;
    background: #eeeeee;
}

.slideimage2 ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.slideimage2 li {
    list-style: none;
}

.slideimage2 .prevbtn {
    position: absolute;
    background: url(../images/arrows.png) 0 0 no-repeat;
    width: 34px;
    height: 80px;
    margin-top:-40px;
    top: 50%;
    left: 10%;
    z-index: 1;
}

.slideimage2 .prevbtn:hover {
    background-position:0 -80px;
}

.slideimage2 .nextbtn {
    position: absolute;
    background: url(../images/arrows.png) -34px 0 no-repeat;
    width: 34px;
    height: 80px;
    margin-top:-40px;
    top: 50%;
    right: 10%;
    z-index: 1;
}

.slideimage2 .nextbtn:hover {
    background-position:-34px -80px;
}

.slideimage2 .bd {
    position: relative;
    z-index: 0;
}

.slideimage2 .bd li {
    text-align: center;
}

.slideimage2 .bd li img {
    background: url(../images/2.gif) center center no-repeat;
    vertical-align: top;
    width: 100%; /* 图片宽度100%，达到自适应效果 */
}

.slideimage2 .bd li a {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 去掉链接触摸高亮 */
}
.slideimage2 .bd li span {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-indent: 10px;
    height: 45px;
    line-height: 45px;
    background: black;
    opacity:0.5;
    color: #fff;
    text-align: left;
    font-size: 18px;
}

.ban{overflow:hidden;width:100%;overflow: hidden;position: relative;max-width: 1920px;margin: 0 auto;}
.ban .hd{bottom:20px;width:100%;height:30px;z-index:10}
.ban .hd ul{width:100%;text-align:center}
.ban .swiper-pagination span{display:inline-block;margin:5px;width:40px;height:2px;border:solid 1px #ccc;background-color:#fff;border-radius:2px;cursor:pointer}
.swiper-pagination{position: absolute; bottom: 10px; left: 50%;margin-left: -182px;}
.ban .bd{width:2000%}
.ban .bd li{float:left;width:5%}
.ban .hd ul li.on{background-color:#00131e;border-color:#00131e}
.ban:hover .bana{opacity:1;transition:opacity 2s;z-index: 999;}
.bana{opacity:.5;margin-top:-50px;transition:opacity 2s}
.ban .prev{position:absolute;top:50%;background:url(../images/icon.png) no-repeat 0 -121px;width:50px;height:50px;left:5%}
.prev:hover{background:url(../images/icon.png) no-repeat -51px -121px;transition:background 1s}
.ban .next{position:absolute;top:50%;background:url(../images/icon.png) no-repeat 0 -70px;width:50px;height:50px;right:5%}

/*end轮播效果2*/