@charset "utf-8";
/*shishangliuxing CSS  */
.main {
    padding: 0 4%;
    font-size: 100%;
}

    .main h3 {
        padding: 10px 0;
        font-size: 125%;
        color: #419ac6;
        border-top: 7px solid #419ac6;
        border-bottom: 1px solid #bfbfbf;
    }

        .main h3 span {
            float: right;
        }

            .main h3 span a {
                color: #419ac6;
                font-weight: normal;
            }

    .main .title {
        overflow: hidden;
        position: relative;
        padding: 20px 0;
        border-top: 1px solid #959595;
        border-bottom: 1px solid #959595;
    }

        .main .title img {
            float: left;
            max-width: 50%;
            margin-right: 15px;
        }

        .main .title h4 {
            font-size: 110%;
            color: #419ac6;
        }

        .main .title span {
            position: absolute;
            color: #8e8e8e;
            right: 0;
            bottom: 20px;
        }

    .main .bucket {
        clear: both;
        overflow: hidden;
        padding: 10px 0;
    }

        .main .bucket .division {
            border-bottom: 1px dashed #bfbfbf;
        }

        .main .bucket ul {
            overflow: hidden;
        }

            .main .bucket ul li {
                clear: both;
                margin: 10px 0;
                color: #a1a1a1;
            }

                .main .bucket ul li a {
                    color: #419ac6;
                }

                .main .bucket ul li span {
                    float: right;
                }

.down {
    margin-bottom: 20px;
    text-align: center;
}

.main .info {
    margin-bottom: 20px;
}

    .main .info .info_list {
    }

        .main .info .info_list .detail {
            overflow: hidden;
            padding-top: 10px;
            border-bottom: 1px dashed #d2d2d2;
        }

            .main .info .info_list .detail img {
                max-width: 100%;
            }

        .main .info .info_list .img-responsive {
            float: right;
        }

        .main .info .info_list p {
            font-size: 150%;
            color: #3c88be;
        }

        .main .info .info_list span {
            display: block;
            margin-top: 10px;
            font-size: 80%;
            color: #787878;
        }

.main .show {
    overflow: hidden;
    margin-top: 0;
}

    .main .show .show_list {
        padding: 20px 0;
        float: left;
    }

    .main .show .compact {
        margin-bottom: 10px;
        padding: 0 5px;
    }

    .main .show .thumbnail {
        margin-bottom: 5px;
        border: 0;
    }

    .main .show .caption {
        text-align: center;
        min-height: 51px;
    }

.main .shishang .row {
    border-top: 1px solid #959595;
    margin: 10px 0 0 0;
    padding-top: 20px;
}

.banner {
    position: relative;
    margin-bottom: 20px;
    margin-top: 5px;
    text-align: center;
}

    .banner ul li {
        overflow: hidden;
    }
    .banner .dot {
        -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
        -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
        -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
        -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
        filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    }

    .banner .dots {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .banner .dots li {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin: 0 4px;
            text-indent: -999em;
            border: 2px solid #fff;
            border-radius: 7px;
            cursor: pointer;
            opacity: .4;
            -webkit-transition: background .5s, opacity .5s;
            -moz-transition: background .5s, opacity .5s;
            transition: background .5s, opacity .5s;
        }

            .banner .dots li.active {
                background: #fff;
                opacity: 1;
            }
    .main .show .caption {
        min-height: 84px;
    }

    .main .show .thumbnail img {
        max-height:340px;
    }

@media screen and (max-width: 600px) {
    .banner ul li {
        height: 213px;
        overflow: hidden;
    }
    .main .show .caption {
        text-align: center;
        min-height: 51px;
    }

    .main .show .thumbnail img {
        height: 194px;
    }
}