/** 单独设置 **/
.hems-index {
    background-image: url(/templets/default/images/hems/bg.jpg);
    background-repeat: no-repeat;
    background-color: #F7F7F7;
    background-size: 100% auto;
}

.hems-index .content-body * {
    box-sizing: border-box;
}

.hems-index .banner {
    height: 5.03rem;
    padding: 1.53rem 0 2.14rem;
}

.hems-index .content-title {
    font-size: 0.48rem;
    font-weight: 600;
}

.hems-index .content-detail {
    font-size: 0.32rem;
}

.hems-index .content-item {
    padding: 0.32rem;
    background-color: #FFFFFF;
    width: 14.28rem;
}

.hems-index .content-image {
    width: 5.24rem;
    height: 3.32rem;
}

.hems-index .content-right {
    padding-right: 0.66rem;
}

.hems-index .content-app {
    padding: 0.8rem 0;
}

.hems-index .content-app-body {
    background-image: url(/templets/default/images/hems/bg2.png);
    background-repeat: no-repeat;
    background-size: 13.29rem auto;
    background-position: left 0.41rem top 0;
    padding: 0.22rem 0.75rem 0.56rem 0.93rem;
}

.hems-index .flex-item {
    width: 3.19rem;
    padding: 0.29rem 0.26rem 0.39rem;
    background-color: white;
}

.hems-index .flex-item-2 {
    width: 8.6rem;
    padding: 0.37rem 1.33rem;
}

.hems-index .flex-item-3 {
    width: 4.6rem;
    padding: 0.37rem 0.36rem 0.77rem;
}

.hems-index .flex-item-4 {
    width: 6.6rem;
    padding: 0.36rem 0.22rem;
}

.hems-index .flex-item-5 {
    width: 2.56rem;
}

.hems-index .content-ecosystem {
    background-image: url(/templets/default/images/hems/bg3.png);
    background-repeat: no-repeat;
    background-size: 2.8rem auto;
    background-position: right top;
}

.hems-index .content-item-get {
    background-image: url(/templets/default/images/hems/bg4.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.hems-index .content-item-contact {
    background-image: url(/templets/default/images/hems/bg5.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom;
}

.hems-index .content-item-ecosystem {
    width: 13.48rem;
    height: 6.96rem;
}

/** 通用型 **/
/** margin-bottom **/
.hems-index .margin_b_015 {
    margin-bottom: 0.15rem;
}

.hems-index .margin_b_016 {
    margin-bottom: 0.16rem;
}

.hems-index .margin_b_02 {
    margin-bottom: 0.2rem;
}

.hems-index .margin_b_022 {
    margin-bottom: 0.22rem;
}

.hems-index .margin_b_024 {
    margin-bottom: 0.24rem;
}

.hems-index .margin_b_028 {
    margin-bottom: 0.28rem;
}

.hems-index .margin_b_03 {
    margin-bottom: 0.3rem;
}

.hems-index .margin_b_032 {
    margin-bottom: 0.32rem;
}

.hems-index .margin_b_04 {
    margin-bottom: 0.4rem;
}

.hems-index .margin_b_042 {
    margin-bottom: 0.42rem;
}

.hems-index .margin_b_044 {
    margin-bottom: 0.44rem;
}

.hems-index .margin_b_048 {
    margin-bottom: 0.48rem;
}

.hems-index .margin_b_054 {
    margin-bottom: 0.54rem;
}

.hems-index .margin_b_06 {
    margin-bottom: 0.6rem;
}

.hems-index .margin_b_061 {
    margin-bottom: 0.61rem;
}

.hems-index .margin_b_09 {
    margin-bottom: 0.9rem;
}

.hems-index .margin_b_174 {
    margin-bottom: 1.74rem;
}


/** margin-left **/
.hems-index .margin_left_036 {
    margin-left: 0.36rem;
}

.hems-index .margin_left_103 {
    margin-left: 1.03rem;
}

/** margin-right **/
.hems-index .margin_right_029 {
    margin-right: 0.29rem;
}

.hems-index .margin_right_078 {
    margin-right: 0.78rem;
}

/** flex **/
.hems-index .flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hems-index .flex-column {
    display: flex;
    flex-direction: column;
}

.hems-index .flex {
    display: flex;
}

.hems-index .flex-column_center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hems-index .flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/** line-height **/
.hems-index .line_h_024 {
    line-height: 0.24rem;
}

.hems-index .line_h_028 {
    line-height: 0.28rem;
}

.hems-index .line_h_036 {
    line-height: 0.36rem;
}

.hems-index .line_h_04 {
    line-height: 0.4rem;
}

/** font-weight **/
.hems-index .font_w_500 {
    font-weight: 500;
}

.hems-index .font_w_600 {
    font-weight: 600;
}

/** color **/
.hems-index .color_white {
    color: white;
}

.hems-index .color_3D3D3D {
    color: #3D3D3D;
}

.hems-index .color_00B940 {
    color: #00B940;
}


/** font-size **/
.hems-index .font_s_014 {
    font-size: 0.14rem;
}

.hems-index .font_s_016 {
    font-size: 0.16rem;
}

.hems-index .font_s_02 {
    font-size: 0.2rem;
}

.hems-index .font_s_024 {
    font-size: 0.24rem;
}

.hems-index .font_s_028 {
    font-size: 0.28rem;
}

.hems-index .font_s_032 {
    font-size: 0.32rem;
}

.hems-index .font_s_04 {
    font-size: 0.4rem;
}

/** gap **/
.hems-index .gap_015 {
    gap: 0.15rem;
}

.hems-index .gap_024 {
    gap: 0.24rem;
}

.hems-index .gap_028 {
    gap: 0.28rem;
}

.hems-index .gap_032 {
    gap: 0.38rem;
}

.hems-index .gap_038 {
    gap: 0.38rem;
}

.hems-index .gap_108 {
    gap: 1.08rem;
}

.hems-index .gap_125 {
    gap: 1.25rem;
}

.hems-index .gap_184 {
    gap: 1.84rem;
}

.hems-index .gap_217 {
    gap: 2.17rem;
}

.hems-index .gap_276 {
    gap: 2.76rem;
}

/** text-align **/
.hems-index .text_a_c {
    text-align: center;
}

/** background-color **/
.hems-index .bg_c_white {
    background-color: white;
}

.hems-index .bg_c_F9F9F9 {
    background-color: #F9F9F9;
}

/** align-self **/
.hems-index .align_start {
    align-self: flex-start;
}

/** padding-left **/
.hems-index .padding_l_087 {
    padding-left: 0.87rem;
}

.hems-index .padding_l_01 {
    padding-left: 0.1rem;
}

/** padding-bottom **/
.hems-index .padding_b_01 {
    padding-bottom: 0.1rem;
}

.hems-index .padding_b_031 {
    padding-bottom: 0.31rem;
}

.hems-index .padding_b_064 {
    padding-bottom: 0.64rem;
}

.hems-index .padding_b_06 {
    padding-bottom: 0.6rem;
}

/** padding-top **/
.hems-index .padding_t_01 {
    padding-top: 0.1rem;
}

.hems-index .padding_t_06 {
    padding-top: 0.6rem;
}

.hems-index .padding_t_041 {
    padding-top: 0.41rem;
}

.hems-index .padding_t_007 {
    padding-top: 0.07rem;
}

/** image **/
.hems-index .image-size {
    width: 1.54rem;
    height: 1.54rem;
}

.hems-index .image-size-2 {
    width: 3.02rem;
    height: 2.24rem;
}

.hems-index .image-size-3 {
    width: 2.97rem;
    height: 1.95rem;
}

.hems-index .image-size-4 {
    width: 3.85rem;
    height: 0.89rem;
}

.hems-index .image-size-5 {
    width: 3.82rem;
    height: 0.89rem;
}

.hems-index .image-size-6 {
    width: 13.48rem;
    height: 8.55rem
}

.hems-index .image-size-7 {
    width: 3.6rem;
    height: 3.6rem;
}

.hems-index .image-size-8 {
    width: 13.48rem;
    height: 7.63rem;
}

.hems-index .image-size-9 {
    width: 0.32rem;
    height: 0.32rem;
}

.hems-index .image-size-10 {
    width: 1.6rem;
    height: 1.38rem;
}