@charset "gb2312";
/* NewAccordition */
.accordionSection {
    height: 296px;
}

.accordionSection .showPics{
    float: left;
    width: 64px;
    overflow: hidden;
}

.accordionSection .showPics:nth-child(1) .btn a {
    background: url(https://www.lanzhou.cn/images/index25/btnSprite_LzfbBtn.png) no-repeat 0 0;
}
.accordionSection .showPics:nth-child(2) .btn a {
    background: url(https://www.lanzhou.cn/images/index25/btnSprite_LzfbBtn.png) no-repeat -64px 0;
}
.accordionSection .showPics:nth-child(3) .btn a {
    background: url(https://www.lanzhou.cn/images/index25/btnSprite_LzfbBtn.png) no-repeat -128px 0;
}
.accordionSection .showPics:nth-child(4) .btn a {
    background: url(https://www.lanzhou.cn/images/index25/btnSprite_LzfbBtn.png) no-repeat -192px 0;
}
.showPics .btn{ float: left;
    width: 64px;
    height: 296px;
}
.showPics .btn a {
    display: block;
    width: 64px;
    height: 296px;

}
.showPics .thePics {
    float: left;
    width: 0px;
    height: 296px;
    visibility: hidden;
    
    transition: width 0.75s ease 0;
}
.accordionSection .on .thePics{
    width: 1140px;
    visibility: visible;
}
.thePics li {
    float: left;
    width: 25%;
    height: 100%;
    background: #859c1f;
    position: relative;
}
.thePics li img {
    width: 285px;
    height: 296px;
}
.thePics li dd{
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: "ºÚÌå";
    font-size: 19px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background: rgb(0, 0, 0,0.5);
}
.accordionSection .btn {
    width: 64px;
    height: 296px;
    background: #233b92;
}

.accordionSection .on{
    width: 1204px;    
}