﻿
.picBtnTop {
    width: 500px;
    height: 460px;
    border: 0px solid #ccc;
    padding: 0px;
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.picBtnTop .hd {
    width: auto;
    height: 80px;
    position: absolute;
    bottom: 5px;
    overflow: hidden;
}

    .picBtnTop .hd ul li {
        width: 93px;
        text-align: center;
        padding: 0 0 5px 5px;
        float: left;
    }

        .picBtnTop .hd ul li img {
            width: 85px;
            height: 60px;
            border: 4px solid #ddd;
            cursor: pointer;
            vertical-align: bottom;
            border-radius: 8px;
        }

        .picBtnTop .hd ul li.on {
            background: url("images/icoleft.gif") no-repeat 0 28px;
        }

            .picBtnTop .hd ul li.on img {
                border-color: #f60;
            }

.picBtnTop .bd {
    width: 400px;
    height: 360px;
    position: relative;
}

    .picBtnTop .bd li {
        position: relative;
        zoom: 1;
        vertical-align: middle;
    }

        .picBtnTop .bd li .pic {
            position: relative;
            z-index: 0;
        }

            .picBtnTop .bd li .pic img {
                width: 500px;
                height: 360px;
                vertical-align: bottom;
                border-radius: 8px;
            }

        .picBtnTop .bd li .bg {
            width: 400px;
            height: 30px;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 1;
            background: #000;
            filter: alpha(opacity=60);
            opacity: 0.6;
        }

        .picBtnTop .bd li .title {
            width: 400px;
            height: 30px;
            line-height: 30px;
            left: 0;
            bottom: 0;
            position: absolute;
            z-index: 2;
        }

            .picBtnTop .bd li .title a {
                color: #fff;
                padding-left: 15px;
            }

#demo1, #demo2 {
    margin-bottom: 20px;
}

/* tab选项切换效果 */
.slideTxtBox {
    width: 510px;
    border: 1px solid #ddd;
    text-align: left;
}

    .slideTxtBox .hd {
        height: 30px;
        line-height: 30px;
        background: #f4f4f4;
        padding: 0 20px;
        border-bottom: 1px solid #ddd;
        position: relative;
    }

        .slideTxtBox .hd ul {
            float: left;
            position: absolute;
            left: 20px;
            top: -1px;
            height: 32px;
        }

            .slideTxtBox .hd ul li {
                float: left;
                padding: 0 15px;
                cursor: pointer;
            }

                .slideTxtBox .hd ul li.on {
                    height: 30px;
                    background: #fff;
                    border: 1px solid #ddd;
                    border-bottom: 2px solid #fff;
                }

    .slideTxtBox .bd ul {
        padding: 15px;
        zoom: 1;
    }

    .slideTxtBox .bd li {
        height: 24px;
        line-height: 24px;
    }

        .slideTxtBox .bd li .date {
            float: right;
            color: #999;
        }

p.MsoNormal {
    margin: 0cm;
    text-indent: 168.0pt;
    font-size: 12.0pt;
    font-family: 等线;
    font-weight: bold;
}



.slideBox {
    width: 100%;
    height: 323px;
    overflow: hidden;
    position: relative;
}

    .slideBox .hd {
        height: 30px;
        overflow: hidden;
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 2;
        line-height: 30px;
        padding: 5px;
    }

        .slideBox .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left;
            list-style-type: none;
        }

            .slideBox .hd ul li {
                float: left;
                margin-right: 0px;
                text-align: left;
                width: 15px;
                height: 15px;
                margin-top: 5px;
                color: #fff;
                line-height: 15px;
                text-align: center;
                border-radius: 50%;
                cursor: pointer;
                background-color: #fff;
                margin-right: 5px;
            }

                .slideBox .hd ul li.on {
                    background: #b83e21;
                    color: #fff;
                    display: block;
                    height: 15px;
                }

    .slideBox .bd {
        position: absolute;
        background-color: #fff;
        padding: 0px;
        z-index: 0;
        width: 100%;
    }

        .slideBox .bd li {
            position: relative;
            zoom: 1;
            vertical-align: middle;
        }

        .slideBox .bd img {
            width: 100%;
            height: auto;
            display: block;
            z-index: 0;
            float: left;
        }

        .slideBox .bd .titlebg {
            position: absolute;
            color: #fff;
            z-index: 9;
            left: 0px;
            bottom: 0px;
            background: #000 none repeat scroll 0% 0%;
            filter: alpha(Opacity=40);
            -moz-opacity: 0.4;
            opacity: 0.4;
            width: 100%;
            height: 40px;
            line-height: 40px;
            font-weight: bold;
        }

        .slideBox .bd .sc-title {
            position: absolute;
            z-index: 99;
            width: 100%;
            left: 0px;
            bottom: 0px;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
        }

            .slideBox .bd .sc-title a {
                color: #fff;
            }

            .slideBox .bd .sc-title h6 {
                font-size: 14px;
                padding: 0px 5px;
            }