@charset "UTF-8";
/*解决浏览器不兼容Html5的问题*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    background-color: #f0f0f0;
}

#pro-detail {
    margin-top: 3em;
    height: auto;
    background-color: white;
    padding-top: 10px;
    padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
    #pro-detail {
        height: auto;
    }

    #proCarousel {
        width: 100%;
        height: 50vw;
    }

    #proCarousel .carousel-inner div img {
        width: 100%;
        height: 50vw;
    }

    #proCarousel .carousel-indicators {
        bottom: 0;
    }

    #pro-detail .title {
        height: 100%;
        margin-top: 30px;
    }

    #pro-detail .title p {
        font-size: 1.5em;
    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #pro-detail {
        height: auto;
    }

    #proCarousel {
        width: 100%;
        height: 50vw;
    }

    #proCarousel .carousel-inner div img {
        width: 100%;
        height: 50vw;
    }

    #proCarousel .carousel-indicators {
        bottom: 0;
    }

    #pro-detail .title {
        height: 100%;
        margin-top: 30px;
    }

    #pro-detail .title p {
        font-size: 1.5em;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #pro-detail {
        height: auto;
    }

    #proCarousel {
        width: 100%;
        height: 15vw;
    }

    #proCarousel .carousel-inner div img {
        width: 100%;
        height: 15vw;
    }

    #proCarousel .carousel-indicators {
        bottom: 0;
    }

    #pro-detail .title {
        height: 100%;
    }

    #pro-detail .title p {
        font-size: 1em;
    }
}

/*!* 大屏幕（大桌面显示器，大于等于 1200px） *!*/
@media (min-width: 1200px) {
    #pro-detail {
        height: auto;
    }

    #proCarousel {
        width: 100%;
        height: 15vw;
    }

    #proCarousel .carousel-inner div img {
        width: 100%;
        height: 15vw;
    }

    #proCarousel .carousel-indicators {
        bottom: 0;
    }

    #pro-detail .title {
        height: 100%;
    }

    #pro-detail .title p {
        font-size: 1.5em;
    }
}