.banner{height:400px;border-top:solid 1px #fff;background: url("../images/active-banner_01.png") no-repeat center / cover;position:relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/history-banner_01.png', sizingMethod='crop')";}
 .wrap .inner{width:1045px;margin: 30px auto;}
.wrap .inner .content .picbox{width:990px;height: 523px;border:solid 10px #fff;border-right-width: 5px; overflow :hidden; display: none;}
.wrap .inner .content .picbox .picleft{float: left;width: 737px; position: relative;overflow :hidden;}
.wrap .inner .content .picbox .picleft ul{width: 100000px;position: relative;}
.wrap .inner .content .picbox .picleft li{float: left;position: relative;}
.wrap .inner .content .picbox .picleft li img{width: 737px;height: 524px;}
.wrap .inner .content .picbox .picleft li h4{float: left;position: absolute;left: 0;bottom: 0;line-height: 60px;font-size: 20px;background:rgba(0,0,0,0.5);color: #fff;width: 100%;text-align: center;}

.wrap .inner .content .picbox .picscroll{float:right;height: 523px;width:252px;overflow:hidden;}
.wrap .inner .content .picbox .picscroll .zUIpanelScrollBox,.zUIpanelScrollBar{
    width:10px;
    top:4px;
    right:0;
    border-radius:20px;
}
.wrap .inner .content .picbox .picscroll .zUIpanelScrollBox{
    background:#ddd;opacity:0.8;
    filter:alpha(opacity=10);
    height: 523px;
}
.wrap .inner .content .picbox .picscroll .zUIpanelScrollBar{
    background:#333;opacity:0.8; height: 63px;
    filter:alpha(opacity=80);
}
.wrap .inner .content .picbox .picscroll li{border:solid 10px #fff;border-top: none;border-left-width: 5px;}
.wrap .inner .content .picbox .picscroll li img{width: 230px;height: 151px;}
.wrap .inner .content .picbox .picscroll li h4{display: none}
.wrap .inner .content .picleft .but{position: absolute;top:50%;margin-top:-30px;width:38px;height:60px;line-height:60px;text-align:center;font-size: 30px;background:rgba(0,0,0,0.5);color:#fff;cursor:pointer;font-family:"consolas";}
.wrap .inner .content .picleft .but-aleft{left:0;}
.wrap .inner .content .picleft .but-aright{right:0;}



#gallerycontainer{height: 250px; }
#gallerycontainer .mouseslider{margin-top:50px; }
#gallerycontainer .mouseslider li{position: relative;height: 250px;width: 300px;float: left;border:solid 5px #fff;top:55px;}
#gallerycontainer .mouseslider .img-container img{width:300px;height:200px;float: left;}
#gallerycontainer .mouseslider .landing-tile-copy{position: absolute;top:20%;left: 25%;text-align: center;z-index: 2}
#gallerycontainer .mouseslider .landing-tile-copy h3{font-size: 58px;line-height: 90px;color:#fff;}
#gallerycontainer .mouseslider .landing-tile-copy a{font-size:19px;line-height:40px;color:#fff;display: inline-block;height:40px;width: 143px;border: solid 2px #fff;border-radius: 20px;}
#gallerycontainer .mouseslider .colorbox{width: 100%;height:50px;}
#gallerycontainer .mouseslider .colorshadow{width: 100%;height: 100%;position:absolute;top:0;left:0;}
#gallerycontainer .mouseslider li:nth-child(1) .colorshadow{background:rgba(0,183,238,0.5)}
#gallerycontainer .mouseslider li:nth-child(1) .colorbox{background: #00b7ee;}
#gallerycontainer .mouseslider li:nth-child(2) .colorshadow{background:rgba(62,81,193,0.5)}
#gallerycontainer .mouseslider li:nth-child(2) .colorbox{background: #3e51c1;}
#gallerycontainer .mouseslider li:nth-child(3) .colorshadow{background:rgba(140,69,178,0.5)}
#gallerycontainer .mouseslider li:nth-child(3) .colorbox{background: #8c45b2;}
#gallerycontainer .mouseslider li:nth-child(4) .colorshadow{background:rgba(240,53,53,0.5)}
#gallerycontainer .mouseslider li:nth-child(4) .colorbox{background: #f03535;}
#gallerycontainer .mouseslider li:nth-child(5) .colorshadow{background:rgba(241,145,73,0.5)}
#gallerycontainer .mouseslider li:nth-child(5) .colorbox{background: #f19149;}
#gallerycontainer .mouseslider li:nth-child(6) .colorshadow{background:rgba(255,241,0,0.5)}
#gallerycontainer .mouseslider li:nth-child(6) .colorbox{background: #fff100;}
#gallerycontainer .mouseslider li:nth-child(7) .colorshadow{background:rgba(143,195,31,0.5)}
#gallerycontainer .mouseslider li:nth-child(7) .colorbox{background: #8fc31f;}
#gallerycontainer .mouseslider li:nth-child(8) .colorshadow{background:rgba(0,0,0,0.5)}
#gallerycontainer .mouseslider li:nth-child(8) .colorbox{background: #8fc31f;}
#gallerycontainer .mouseslider li:nth-child(9) .colorshadow{background:rgba(255,255,255,0.5)}
#gallerycontainer .mouseslider li:nth-child(9) .colorbox{background: #8fc31f;}