body{
    padding-top:5rem;
}
html{height:100%;}
body{
    min-height:100%;
    height:auto;
    position:relative;
    padding-bottom:50px;
}
.public-bottom{
    position:absolute;
    bottom:0;
    left:0;
}
#main-body{
    width:1000px;
    margin:0 auto;
}
.breadcrumb *{font-size:16px;}
.details{
    background-color:#f4f4f4;
    padding:40px;
}
.carousel>img{
    width:100%;
    max-width:650px;
}
.carousel>.thumb{
    width:100%;
    height:65px;
    margin-top:10px;
}
.details .carousel .active-img{
    width:100%;
    height:400px;
}
.carousel .thumb img{
    height:65px;
    width:95px;
    margin-right:6px;
    border:2px solid #fff;
}
.carousel .thumb .img-items.active{
    border:2px solid #0062c1;
}
.introduce{margin-bottom:20px;}
.introduce>h3{
    font-size:24px;
    color:#0062c1;
    margin-bottom:10px;
}
.tab-content>.tab-pane{
    padding:20px 0;
}
.introduce p{font-size:16px;line-height:20px;}
.nav-tabs li a{
    font-size:16px;
    padding:10px 20px;
    font-weight:bold;
}
.tab-content>.tab-pane p,.tab-content>.tab-pane *{
    line-height:24px;
}


@media screen and (max-width:767px){
    body{padding-top:2.5rem;}
    #main-body{width:100%;}
    .details{
        padding:20px;
    }
    .carousel>.thumb{height:auto;}
}