/* ---------- 背景颜色 ---------- */

.bg_gray {
    background: #efefef;
}

.bg_black {
    background: #000;
}

.bg_blue1 {
    background: #036eb8;
}


/* ---------- 字体颜色 ---------- */

.color_gray1 {
    color: #727171;
}

.color_blue1 {
    color: #1a5dad;
}


/* ---------- 间距 ---------- */

.pt_30 {
    padding-top: 1.9rem;
}

.pt_50 {
    padding-top: 3.13rem;
}

.pt_100 {
    padding-top: 6.3rem;
}

.pt_150 {
    padding-top: 9.4rem;
}

.pb_30 {
    padding-bottom: 1.9rem;
}

.pb_50 {
    padding-bottom: 3.13rem;
}

.pb_100 {
    padding-bottom: 6.3rem;
}

.pb_150 {
    padding-bottom: 9.4rem;
}

.mb_30 {
    margin-bottom: 1.9rem;
}


/* 超小屏幕（手机，小于 768px） */

@media screen and (max-width:767px) {
    .vh_80 {
        min-height: 91vh
    }
    .fz20 {
        font-size: 1.1rem;
    }
    .fz50 {
        font-size: 1.6rem;
    }
    .fz54 {
        font-size: 1.7rem;
    }
    .lh16 {
        line-height: 1.2rem;
    }
    .lh22 {
        line-height: 1.4rem;
    }
    .lh50 {
        line-height: 1.7rem;
    }
    .lh100 {
        line-height: 5.3rem;
    }
    .visible_xs {
        display: block;
    }
    .hidden_xs {
        display: none;
    }
    .visible_lg {
        display: none;
    }
    .hidden_lg {
        display: none;
    }
    .leftBg {
        background: url('../images/mobile/rightBg_2x.png ') no-repeat;
        background-size: 70%;
        background-position: right top;
    }
    .h_p1 {
        height: 10.2rem;
    }
}


/* 小屏幕（平板，大于等于 768px） */

@media screen and (min-width:768px) {
    .vh_80 {
        min-height: 70vh
    }
    .fz20 {
        font-size: 1.1rem;
    }
    .fz50 {
        font-size: 1.9rem;
    }
    .fz54 {
        font-size: 2.3rem;
    }
    .lh16 {
        line-height: 1.2rem;
    }
    .lh50 {
        line-height: 1.9rem;
    }
    .lh100 {
        line-height: 5.3rem;
    }
    .visible_xs {
        display: none;
    }
    .hidden_xs {
        display: block;
    }
    .visible_lg {
        display: none;
    }
    .hidden_lg {
        display: block;
    }
    .w_ipad1 {
        width: 400px;
    }
    .w_ipad2 {
        width: 310px;
    }
    .h_p1 {
        height: 7rem;
    }
}


/* 中等屏幕（桌面显示器，大于等于 992px） */

@media screen and (min-width:992px) {
    .vh_80 {
        min-height: 91vh
    }
    .fz20 {
        font-size: 1.1rem;
    }
    .fz50 {
        font-size: 2.6rem;
    }
    .fz54 {
        font-size: 2.8rem;
    }
    .lh16 {
        line-height: 1.2rem;
    }
    .lh50 {
        line-height: 2.6rem;
    }
    .lh100 {
        line-height: 5.3rem;
    }
    .visible_xs {
        display: none;
    }
    .hidden_xs {
        display: block;
    }
    .visible_lg {
        display: none;
    }
    .hidden_lg {
        display: block;
    }
    .h_p1 {
        height: 7rem;
    }
}


/* 大屏幕（大桌面显示器，大于等于 1200px） */

@media screen and (min-width:1200px) {
    .container {
        width: 1140px;
    }
    .vh_80 {
        min-height: 91vh
    }
    .fz20 {
        font-size: 1.25rem;
    }
    .fz50 {
        font-size: 3.13rem;
    }
    .fz54 {
        font-size: 3.2rem;
    }
    .lh16 {
        line-height: 1.2rem;
    }
    .lh20 {
        line-height: 1.4rem;
    }
    .lh50 {
        line-height: 3.13rem;
    }
    .lh100 {
        line-height: 5.3rem;
    }
    .visible_xs {
        display: none;
    }
    .hidden_xs {
        display: block;
    }
    .visible_lg {
        display: block;
    }
    .hidden_lg {
        display: none;
    }
    .h_p1 {
        height: 13.2rem;
    }
}


/* ---------- pc端 Index ---------- */

.positionLeft {
    left: 0;
    bottom: 0;
}

.positionRight {
    right: 0;
    top: 0;
}