@charset "utf-8";
/* CSS Document */
.bottom_scroll span.scroll_l {
    background-image: url(../images/buttongroup.png);
    background-repeat: no-repeat;
    background-position: center 0px;
}

.bottom_scroll span.scroll_r {
    background-image: url(../images/buttongroup.png);
    background-repeat: no-repeat;
    background-position: center -16px;
}

.bottom_scroll span.scroll_t {
    background-image: url(../images/buttongroup.png);
    background-repeat: no-repeat;
    background-position: center -32px;
}

.bottom_scroll span.scroll_b {
    background-image: url(../images/buttongroup.png);
    background-repeat: no-repeat;
    background-position: center -32px;
}

.scroll_block .content {
    max-height: 395px;
    overflow: hidden;
}

.scroll_block .content_mid {
    width: 100%;
}

.scroll_block .bottom_scroll {
    width: 16px;
    height: 395px;
    position: absolute;
    right: 5px;
    top: 30px;
}

    .scroll_block .bottom_scroll span {
        float: left;
        width: 20px;
        height: 16px;
        text-align: center;
        line-height: 16px;
        cursor: pointer;
        text-indent: 99em;
        overflow: hidden;
    }

.scroll_block .scroll_border {
    width: 100%;
    height: 100%;
    position: relative;
    background: url(../images/bg1.png) repeat-y center 0;
}

.scroll_block .scroll_btn {
    cursor: pointer;
    width: 12px;
    height: 12px;
    background: #ffffff;
    border-radius: 6px;
    position: absolute;
    left: 2px;
    top: 0;
}

    .scroll_block .scroll_btn.now {
        background: #ccc;
    }

.scroll_block .bottom_scroll span.scroll_left {
    background-image: url(../images/buttongroup.png);
    background-repeat: no-repeat;
    background-position: center -32px;
}

.scroll_block .bottom_scroll span.scroll_rig {
    background-image: url(../images/buttongroup.png);
    background-repeat: no-repeat;
    background-position: center -48px;
}

.con_mid {
    width: 100%;
    margin: 0 auto;
}

.content {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: auto;
}

.content_mid {
    width: 5040px;
}

    .content_mid ol {
        margin: 5px 0;
    }

        .content_mid ol li {
            width: 200px;
            height: 30px;
            text-align: center;
            margin: 0 20px;
            font-size: 18px;
        }

    .content_mid dl {
        width: 100%;
        height: 5px;
        background: #dddddd;
        margin: 5px 0;
    }

        .content_mid dl dd {
            width: 200px;
            height: 5px;
            margin: 0 20px;
        }

            .content_mid dl dd i {
                display: block;
                width: 5px;
                height: 5px;
                background: #01a13f;
                margin: 0 auto;
            }

    .content_mid ul {
        margin: 5px 0;
    }

        .content_mid ul li {
            width: 200px;
            background:url(../images/li_bg.png) top center;
            text-align: left;
            margin: 3px 10px;
            padding: 20px 10px 10px 10px;
            line-height:26px;
            font-size:12px; height:330px;
        }

.clear::after {
    height: 0;
    display: block;
    clear: both;
    content: '';
}

ul li {
    list-style: none;
    float: left;
}

.bottom_scroll {
    width: 100%;
    height: 16px;
    margin-top: 20px;
}

    .bottom_scroll span {
        float: left;
        width: 20px;
        height: 16px;
        text-align: center;
        line-height: 16px;
        cursor: pointer;
        text-indent: 99em;
        overflow: hidden;
    }

.scroll_border {
    float: left;
    margin: 5px auto;
    width: 100%;
    height: 6px;
    position: relative;
    background: #dddddd;
}

.scroll_btn {
    cursor: pointer;
    width: 20px;
    height: 12px;
    background: #01a13f;
    border-radius: 6px;
    position: absolute;
    left: 0px;
    top: -3px;
}

    .scroll_btn.now {
        /*background: #ff0000;*/
    }
.aaabbb { padding:10px 5px;}