.aboutUs .about-banner {
    background: url('../img/core/3-0.png') no-repeat;
    background-size: 100% 100%;
}

.aboutUs .about-banner .banner-tit {
    color: #fff;
}

.secGen {
    width: 100%;
}

.secGen .secGenTop {
    display: flex;
    width: 14rem;
    margin: 0.81rem auto 0.57rem;
}

.secGen .secGenTop .topImg,
.secGen .secGenTop .topImg2,
.secGen .secGenTop .topImg3,
.secGen .secGenTop .topImg4,
.secGen .secGenTop .topImg5,
.secGen .secGenTop .topImg6 {
    width: 3.94rem;
    height: 3.94rem;
    margin-left: 1.36rem;
    background: url('../img/core/3-1.png') no-repeat;
    background-size: 100% 100%;
}

.topImgTex,
.topImgTex2,
.topImgTex3,
.topImgTex4,
.topImgTex5,
.topImgTex6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 3.04rem;
    height: 3.04rem;
    background: rgba(68, 146, 192, 0.8);
    padding-left: 0.32rem;
    border-radius: 50%;
    box-sizing: border-box;
    transform: translate(-1.36rem, 0.37rem);
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.6rem;
    color: #FFFFFF;
    line-height: 0.8rem;
}

.topImgTex {
    padding-left: 0.39rem;
}

.secGen .secGenTop .topText {
    display: flex;
    align-items: center;
    margin-top: 0.48rem;
    margin-left: 0.56rem;
    width: 8.11rem;
    height: 2.98rem;
    overflow: auto;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-size: 0.18rem;
    color: #333;
    line-height: 0.36rem;
}

.secGen .secGenBttom,
.secGen .secGenBttom2,
.secGen .secGenBttom3,
.secGen .secGenBttom4,
.secGen .secGenBttom5,
.secGen .secGenBttom6 {
    width: 100%;
    height: 6.37rem;
    background: url('../img/core/3-2.png') no-repeat;
    background-size: 100% 100%;
    padding-left: 7.69rem;
    box-sizing: border-box;
    padding-top: 2rem;
    /* padding-top: 2rem;
    box-sizing: border-box; */
    overflow: auto;
}

.bottomCon,
.bottomCon2,
.bottomCon3,
.bottomCon4,
.bottomCon5,
.bottomCon6 {
    width: 3.83rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}

.ConTit,
.ConTit5 {
    margin-bottom: 0.43rem;
    font-size: 0.3rem;
}

.ConTex {
    font-size: 0.18rem;
    line-height: 0.36rem;
}

/* 三代 */
.secGen .secGenTop .topImg2 {
    background: url('../img/core/3-3.png') no-repeat;
    background-size: 100% 100%;
}

.topImgTex2 {
    background: rgba(129, 214, 22, 0.8);
}

.secGen .secGenBttom2 {
    background: url('../img/core/3-4.png') no-repeat;
    background-size: 100% 100%;
    padding-left: 6.57rem;
    padding-top: 2.25rem;
}

.bottomCon2 {
    width: 6.29rem;
}

/* 第三方 */
.secGen .secGenTop .topImg3 {
    background: url('../img/core/3-5.png') no-repeat;
    background-size: 100% 100%;
}

.topImgTex3 {
    background: rgba(239, 101, 142, 0.8);
}

.secGen .secGenBttom3 {
    background: url('../img/core/3-6.png') no-repeat;
    background-size: 100% 100%;
    padding-left: 6.57rem;
    padding-top: 2.25rem;
}

.bottomCon3 {
    width: 6.57rem;
}

/* 冷冻胚胎 */
.secGen .secGenTop .topImg4 {
    background: url('../img/core/3-7.png') no-repeat;
    background-size: 100% 100%;
}

.topImgTex4 {
    background: rgba(242, 171, 58, 0.8);
}

.secGen .secGenBttom4 {
    background: url('../img/core/3-8.png') no-repeat;
    background-size: 100% 100%;
    padding-left: 6.57rem;
    padding-top: 2.25rem;
}

.bottomCon4 {
    width: 6.57rem;
}

/* 冷冻精子 */
.secGen .secGenTop .topImg5 {
    background: url('../img/core/3-9.png') no-repeat;
    background-size: 100% 100%;
}

.topImgTex5 {
    background: rgba(35, 131, 188, 0.8);
}

.secGen .secGenBttom5 {
    background: url('../img/core/3-10.png') no-repeat;
    background-size: 100% 100%;
    padding-left: 6.98rem;
    padding-top: 1.45rem;
}

.ConTit5 {
    margin-bottom: 0.26rem
}

.bottomCon5 {
    width: 5.28rem;
}

/* 冷冻卵子 */
.secGen .secGenTop .topImg6 {
    background: url('../img/core/3-11.png') no-repeat;
    background-size: 100% 100%;
}

.topImgTex6 {
    background: rgba(150, 76, 196, 0.8);
}

.secGen .secGenBttom6 {
    background: url('../img/core/3-12.png') no-repeat;
    background-size: 100% 100%;
    padding-left: 6.57rem;
    padding-top: 2.07rem;
}

.bottomCon6 {
    width: 5.76rem;
}

@media screen and (max-width: 1024px){
    .secGen .secGenTop{
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    
    .secGen .secGenTop .topText{
        width: 100%;
        height: auto;
        padding: 0 20px;
        box-sizing: border-box;
        margin-left: 0;
        font-size: 14px;
    }
    
    
    .secGen .secGenBttom, .secGen .secGenBttom2, .secGen .secGenBttom3, .secGen .secGenBttom4, .secGen .secGenBttom5, .secGen .secGenBttom6{
        /*height: auto;*/
        background-size: cover;
        background-position-x: 49%;
        padding: 0;
        overflow: hidden;
    }
    
    .bottomCon{
        width: 100%;
        /*padding-left: 2rem;*/
        padding-top: 2rem;
        box-sizing: border-box;
    }
    
    .bottomCon2{
        /*padding-left: 1.5rem;*/
        /*padding-right: 1rem;*/
    }
    
    .ConTit, .ConTit5{
        width: 100%;
        text-align: center;
        font-size: 20px;
    }
    
    .ConTex{
        width: 100%;
        padding: 0 1.5rem;
        overflow: auto;
        font-size: 14px;
        height: 162px;
        box-sizing: border-box;
    }
}