/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: #5a5a5a;
}

.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

.carousel-item>img {
    width: 100%;
}

.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

.marketing h2 {
    font-weight: 400;
}

.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}

.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*主体样式*/

.page-box {
    background: #eee;
}

.banner-bg {
    width: 100%;
    height: 26rem;
    background: url(../images/product-banner.png) no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 5rem;
}

.page-row {
    background: #fff;
    padding: 1rem 0;
}

.page-row ul {
    padding: 0;
}

.page-info h1 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
}

.page-info span {
    width: 63px;
    height: 5px;
    background: #11a5de;
    display: block;
    margin-bottom: 1.5rem;
}

.page-info ul li {
    padding: 0.5rem 0px;
    color: #686767;
    line-height: 24px;
}

.page-info {
    margin-top: 5rem;
    padding-left: 2rem;
}

.page-row .col-sm-5 {
    border-right: 1px solid #e1e1e1;
}

.page-jg {
    padding: 6rem 0 4rem 0;
}

.page-table {
    background: #fff;
}

.page-table h1 {
    background: #03a0dd;
    color: #fff;
    font-weight: 300;
    font-size: 1.8rem;
    padding: 1rem 0 1rem 3rem;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom: 0;
}

.table-bordered tr th:first-child {
    width: 30%;
    text-align: left !important;
}
.table-bordered tr th{background: #f3f1f1;vertical-align: middle;}
.table-bordered {
    text-align: center;
}

.table-bordered tr td:first-child {
    text-align: left !important;
}
.table-bordered tr td{    vertical-align: middle;}













/*移动端适配*/
@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1480px;
    }
}


@media (max-width:480px) {
    .page-info {
        margin-top: 3rem;
    padding-left: 0rem;
}
    .page-jg {
    padding: 1rem 0 4rem 0;
}
    .banner-bg {
        height: 12rem;
        margin-top: 1rem;
    }

.table{font-size: 0.5rem;}


}