.reproductive-medicine-content{
    padding: 0.68rem 0.68rem 0.95rem;
    background-image: linear-gradient(107deg,
    #06beb6 0%,
    #48b1bf 100%),
    linear-gradient(0deg,
            #eafdff 0%,
            #ffffff 48%,
            rgba(245, 254, 255, 0.49) 74%,
            #eafdff 100%);
    background-blend-mode: normal,
    normal;
    opacity: 0.7;
}
.sy_con4_t img{
    width: 100%;
    height: 5.5rem;
    border-radius: 0.3rem;
    overflow: hidden;
}
.reproductive-medicine-title{
    font-family: NotoSansHans-Medium;
    font-size: 0.5rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #ffffff;
    margin-top: 0.66rem;
}
.reproductive-medicine-line{
    border: solid 0.02rem #ffffff;
    opacity: 0.3;
    margin-top: 0.4rem;
}
.reproductive-medicine-info{
    font-family: NotoSansHans-DemiLight;
    font-size: 0.38rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.65rem;
    letter-spacing: 0.006rem;
    color: #ffffff;
    opacity: 0.9;
    margin-top: 0.4rem;
}
/*scientific-research-content*/
.scientific-research-content{
    padding: 0.9rem 0.68rem;
}
.scientific-research-bg{
    width: 100%;
    height: 5.5rem;
    box-shadow: 0rem 0.14rem 0.232rem 0.038rem
    rgba(42, 88, 89, 0.33);
    border-radius: 0.3rem;
    background-image: url("http://cache.xaangel.net/scientific-research-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.scientific-research-title-en{
    font-family: NotoSansHans-Medium;
    font-size: 0.6rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #ffffff;
    line-height: 0.6rem;
}
.scientific-research-title{
    font-family: NotoSansHans-Medium;
    font-size: 0.6rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #ffffff;
    line-height: 0.6rem;
    margin-top: 0.4rem;
}
.scientific-research-btn{
    width: 5.4rem;
    height: 1rem;
    border-radius: 0.5rem;
    margin-top: 0.6rem;
}

/*environment-container*/
.environment-container{
    padding: 0.68rem;
    /*background-color: #ffffff;*/
}
.environment-title{
    font-family: NotoSansHans-Medium;
    font-size: 0.5rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #2c3e50;
    opacity: 0.9;
    line-height: 0.5rem;
}
.environment-container .banner-img{
    height: 5.5rem;
    background-color: #dcdcdc;
    border-radius: 0.3rem;
    margin-top: 0.7rem;
}

#topSwiper{
    width: 100%;
    height: 5.5rem;
    margin-top: 0.7rem;
    border-radius: 0.3rem;
}
.swiper-pic{
    width: 100%;
    height: 5.5rem;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 0.115rem;
}
.swiper-pagination{
    bottom: 0.22rem !important;
    padding-right: 0.22rem;
    width: calc(100% - 0.22rem) !important;
    text-align: right;
}
.swiper-pagination .swiper-pagination-bullet{
    width: 0.22rem;
    height: 0.22rem;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
.swiper-pagination .swiper-pagination-bullet-active{
    background: #74d5d5;
    opacity: 1;
}
/*service-items-container*/
.service-items-container{
    padding: 0.88rem 0.68rem;
    background-color: #ffffff;
}
.service-items-top{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.service-items-title{
    font-family: NotoSansHans-Medium;
    font-size: 0.5rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #2c3e50;
    opacity: 0.9;
}
.expand-collapse-btn{
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: NotoSansHans-Regular;
    font-size: 0.38rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.49rem;
    letter-spacing: 0.006rem;
    color: #009aad;
    /*opacity: 0.6;*/
}
.expand-collapse-btn-name{

}
.expand-collapse-icon{
    width: 0.7rem;
}

/*service-items-list*/
.service-items-list{
    margin-top: 0.55rem;
    border-bottom: solid 0.02rem rgba(61,57,57,0.3);
}
.service-items-ul .service-items-li{
    font-family: NotoSansHans-DemiLight;
    font-size: 0.38rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: rgba(44,62,80,0.6);
    border-top: solid 0.02rem rgba(61,57,57,0.3);
    padding: 0.25rem 0;
}
.service-items-more{
    display: none;
}
.reproductive-services-container{
    background-color: #f6fbfc;
    padding: 0.8rem 0.68rem;
}
.reproductive-services-title{
    font-family: NotoSansHans-Medium;
    font-size: 0.5rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #2c3e50;
    opacity: 0.9;
}
.reproductive-services-ul{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 0.4rem;
}
.reproductive-services-li{
    width: 3.01rem;
    height: 3.01rem;
    background-color: #ffffff;
    box-shadow: 0rem 0.14rem 0.232rem 0.038rem
    rgba(42, 88, 89, 0.33);
    border-radius: 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0.2rem;
}
.reproductive-services-name{
    width: 100%;
    font-family: NotoSansHans-Light;
    font-size: 0.375rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.015rem;
    color: #2c3e50;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.reproductive-services-icon{
    width: 1.31rem;
    height: 1.31rem;
    margin-top: 0.39rem;
}
/*medical-advantage-container*/
.medical-advantage-container{
    padding: 0.9rem 0.68rem;
    background-color: #ffffff;
    /*border-bottom: solid 0.02rem rgba(61,57,57,0.3);*/
}
.medical-advantage-title{
    font-family: NotoSansHans-Medium;
    font-size: 0.5rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #2c3e50;
    opacity: 0.9;
}
.medical-advantage-ul{
    margin-top: 0.6rem;
}
.medical-advantage-li{

}
.medical-advantage-li:first-child{
    border-top: solid 0.02rem rgba(61,57,57,0.3);
}
.medical-advantage-item{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 0.02rem rgba(61,57,57,0.3);
    padding: 0.25rem 0;
}
.medical-advantage-item .medical-advantage-name{
    width: 8.61rem;
    font-family: NotoSansHans-Regular;
    font-size: 0.38rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: -0.006rem;
    color: rgba(0,154,173,0.6);
}
.medical-advantage-item .medical-advantage-icon{
    width: 0.7rem;
}
.medical-advantage-li-info{
    display: none;
    font-family: NotoSansHans-DemiLight;
    font-size: 0.38rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.65rem;
    letter-spacing: 0.006rem;
    color: #2c3e50;
    opacity: 0.6;
    padding-top: 0.3rem;
}