img{
    object-fit: contain;
    object-position: center;
}

.width-full{
    width: 100%;
}
.con-container{
    width: 120rem;
    margin: 0 auto;
}

.white-bg{
    background-color: #fff;
}
.gray-bg{
    background-color: #F6F6F6;
}
.orange-bg{
    background-color: #F7B18C;
}

.banner-top{
    width: 100%;
    height: 37.7rem;
    background: url('../images/linghu/top-img.png') 0 0 no-repeat;
    background-size: cover;
}
.banner-top .title{
    font-size: 5rem;
    font-family: PingFang SC;
    font-weight: 800;
    color: #FFFFFF;
    line-height: 4.2rem;
}
.banner-top .sub-title{
    margin: 1rem 0 2rem 0;
    font-size: 2.5rem;
    font-family: PingFang-SC-Medium;
    font-weight: Medium;
    color: #FFFFFF;
    line-height: 4.2rem;
}
.banner-top .btn{
    padding: 0 1rem;
    font-size: 2.9rem;
    font-family: PingFang-SC-Medium;
    font-weight: Medium;
    color: #fff;
    border-radius: .4rem;
    background: #3DAEEB;
}



.arrow{
    padding: 1rem 0;
}
.arrow img{
    height: 9rem;
}


/* -======= */
.moshi{padding-bottom: 10.5rem;}
.moshi .con-row-item div.img-wrap{
    height: 22rem;
}
.moshi .con-row-item img{
    width: 12rem;
    height: auto;
    margin-bottom: 3.2rem;
    object-fit: cover;
    object-position: center;
}
.moshi .con-row-item div.text{
    font-size: 1.7rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #2E2D2D;
}

.con-btns{
    transform: translateY(-50%);
}


.con-btns .con-btns-item div{
    /* margin-bottom: 1.5rem; */
    width: 22rem;
    height: 8.4rem;
    background: #D6D6D6;
    border-radius: .6rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 3rem;
    color: #FFFFFF;
    cursor: pointer;
}
.con-btns .con-btns-item.active div {
    background: #E5895C;
}

.changeCon{
    overflow: hidden;
}
.changeCon > div{
    min-width: 100%;
}
.changeCon-item-con{
    overflow: hidden;
}




/* ======== */
.img-bg{
    background:url('../../website/images/linghu/pro_bg.png') 0 0 no-repeat;
    object-fit: cover;
    background-size: cover;
}
/* .moshi-detail{
    height: 96.8rem
} */
.moshi-detail .pro-img{
    width: 45.6rem;
    max-width: none;
}

.text-wrap{
    margin-top: 9rem;
    min-width: 100%;
}
.con-container .text-wrap  .title{
    font-size: 2.9rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #383838;
    line-height: 4.2rem;
}
.con-container .text-wrap .line{
    margin: 2rem 0;
    width: 4.3rem;
    height: .4rem;
    background: #3DAEEB;
    border-radius: .2rem;
}
.con-container .text-wrap .desc{
    font-size: 1.7rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #383838;
    line-height: 1.5;
    text-align: center;
}
.con-container .text-wrap .big-img{
    margin: 7rem;
    height: 47.3rem;
}



.step-wrap{
    width: 100%;
    margin: auto;
}
.step-wrap .step{
    height: 4.3rem;
    margin-bottom: .7rem;
    color: #AFAFAF;
    font-size: 4rem;
    font-weight: bold;
}
.step-wrap .step-text{
    font-size: 2.3rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #AFAFAF;
}

.step-wrap > div{
    cursor: pointer;
    margin-left: 10rem;
}
.step-wrap.step-wrap-two div:first-child{
    flex: 2;
    text-align: center;
    margin-left: 0;
}
.step-wrap.step-wrap-two > div{
    margin-left: 0;
}
.step-wrap .active .step-text{
    color: #E5895C
}

.pro_17 img.pro-img{
    width: auto;
    height: 35rem;
}