@charset "utf-8";




.pro-item01{padding-top: 1.77rem;background: #f7f7f7;}
.product{width:100%;margin-bottom: .75rem;left:0;top:.65rem;z-index:5;}
.product .pro-tit{margin-bottom: .2rem;margin-left:0rem;font-size: .24rem;color: #25436d;}
/*.product .pro-content{max-width:14.9rem;margin:0 auto;}*/

.product .pro-content .pro-right{}
.product .pro-content .pro-right .pro-item{width:100%;left:0;color:#fff;border-radius:.02rem;background:#fff;}

.product .pro-content .pro-right .pro-item .click{width:90%;height:1.5rem;    padding-top: .3rem; padding-left: .2rem; cursor: pointer; padding-bottom: .3rem; }
.product .pro-content .pro-right .pro-item .click .tit{position: relative;  font-size:.17rem; color:#777777;   line-height:1.8; }
.product .pro-content .pro-right .pro-item .click .tit sup{margin-top: -0.1rem;}
.product .pro-content .pro-right .pro-item .click .entit{ font-size:.17rem; color:#777777;}
.product .pro-content .pro-right .pro-item .click .context{position: relative; width:6.8rem; word-break: break-all; font-size:.17rem; color:#777777; 

overflow:hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
text-overflow:ellipsis;
 }

.product .pro-content .pro-right ul li a{display:block;font-size:.18rem;line-height:.6rem;color:#777777;text-align:center;}
.product .pro-content .pro-right > ul{display: flex; flex-wrap: wrap;}
.product .pro-content .pro-right > ul > li{position:relative;float:left;margin-right:1.25%;margin-bottom: .15rem; width: 32.5%;}
.product .pro-content .pro-right > ul > li:nth-child(3n){
    margin-right: 0;
}
.product .pro-content .pro-right > ul > li >.pro-item > .click{border-bottom:.02rem solid transparent;display:flex;align-items:center;}

.product .pro-content .pro-right .gongmeian .click  i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background:url(/uploads/image/apsimages/宫美安蓝.webp) no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right > ul > li.has-menu:hover i{background:url(/uploads/image/apsimages/宫美安白.webp) no-repeat center center;}

.product .pro-content .pro-right > ul > li .youyi > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background: no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .youyi i{background: no-repeat center center;}

.product .pro-content .pro-right > ul > li .youxu > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background: no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .youxu i{background: no-repeat center center;}

.product .pro-content .pro-right > ul > li .youti > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background: no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .youti i{background: no-repeat center center;}

.product .pro-content .pro-right > ul > li .youpuli > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background: no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .youpuli i{background: no-repeat center center;}

.product .pro-content .pro-right > ul > li .gonglian > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background: no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .gonglian i{background: no-repeat center center;}

.product .pro-content .pro-right > ul > li .youxinan > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background: no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .youxinan i{background: no-repeat center center;}

.product .pro-content .pro-right > ul > li .youxinansj > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background: no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .youxinansj i{background: no-repeat center center;}

.product .pro-content .pro-right > ul > li .youxinanzhenxuan > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background: no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .youxinanzhenxuan i{background: no-repeat center center;}


.product .pro-content .pro-right > ul > li .youxinyi > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background: no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .youxinyi i{background: no-repeat center center;}

.product .pro-content .pro-right > ul > li .youxinyi-xinshai > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background:url(/uploads/image/apsimages/新筛蓝.webp) no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .youxinyi-xinshai i{background:url(/uploads/image/apsimages/新筛白.webp) no-repeat center center;}

.product .pro-content .pro-right > ul > li .youxinyi-jisui > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background: no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .youxinyi-jisui i{background: no-repeat center center;}

.product .pro-content .pro-right > ul > li .youxinyi-cuixing > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background: no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .youxinyi-cuixing i{background: no-repeat center center;}

.product .pro-content .pro-right > ul > li .youxinyi-erlong > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background:url(/uploads/image/apsimages/耳聋蓝.webp) no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .youxinyi-erlong i{background:url(/uploads/image/apsimages/耳聋白.webp) no-repeat center center;}

.product .pro-content .pro-right > ul > li .youxinyi-dipin > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background:url(/uploads/image/apsimages/地贫蓝.webp) no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .youxinyi-dipin i{background:url(/uploads/image/apsimages/地贫白.webp) no-repeat center center;}

.product .pro-content .pro-right > ul > li .youxinyi-yesuan > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background:url(/uploads/image/apsimages/叶酸蓝.webp) no-repeat center center;display:inline-block;vertical-align:middle;margin-right:.08rem;}
.product .pro-content .pro-right  ul  li.has-menu:hover > .youxinyi-yesuan i{background:url(/uploads/image/apsimages/叶酸白.webp) no-repeat center center;}



.product .pro-content .pro-right > ul > li .xinguan > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background:url(/uploads/image/apsimages/呼吸道图标.webp) no-repeat center center;display:inline-block;vertical-align:middle;margin-left:.14rem;}
.product .pro-content .pro-right > ul > li .nuoru > .click i{width:.94rem;height:.93rem;display:block;margin:0 auto;;background:url(/uploads/image/apsimages/消化道图标.webp) no-repeat center center;display:inline-block;vertical-align:middle;margin-left:.14rem;}

.product .pro-content .pro-right > ul > li .xinguan{width:14rem;background:url(/uploads/image/apsimages/呼吸道-bg.webp) no-repeat center center; }
.product .pro-content .pro-right > ul > li .nuoru{width:14rem;background:url(/uploads/image/apsimages/消化道-bg.webp) no-repeat center center; }

/*.product .pro-content .pro-right > ul > li.has-menu:hover .gongmeian,
.product .pro-content .pro-right > ul > li.has-menu:hover .youyi,
.product .pro-content .pro-right > ul > li.has-menu:hover .youxu,
.product .pro-content .pro-right > ul > li.has-menu:hover .youti,
.product .pro-content .pro-right > ul > li.has-menu:hover .youpuli,
.product .pro-content .pro-right > ul > li.has-menu:hover .gonglian{color:#fff;background:#25436d;border:0}
*/
/*.product .pro-content .pro-right > ul > li.has-menu:hover > .pro-item{color:#fff;background:#25436d;border:0}*/

 /*.product .pro-content .pro-right  ul  li.has-menu:hover .gongmeian .click .tit,
 .product .pro-content .pro-right  ul  li.has-menu:hover .youyi .click .tit,
 .product .pro-content .pro-right  ul  li.has-menu:hover .youxu .click .tit,
 .product .pro-content .pro-right  ul  li.has-menu:hover .youti .click .tit,
 .product .pro-content .pro-right  ul  li.has-menu:hover .youpuli .click .tit,
 .product .pro-content .pro-right  ul  li.has-menu:hover .gonglian .click .tit{color:#fff;}
 */


/*.product .pro-content .pro-right > ul > li.has-menu:hover .gongmeian .click .entit,
.product .pro-content .pro-right > ul > li.has-menu:hover .youyi .click .entit,
.product .pro-content .pro-right > ul > li.has-menu:hover .youxu .click .entit,
.product .pro-content .pro-right > ul > li.has-menu:hover .youti .click .entit,
.product .pro-content .pro-right > ul > li.has-menu:hover .youpuli .click .entit,
.product .pro-content .pro-right > ul > li.has-menu:hover .gonglian .click .entit{color:#fff;}
*/

.product .pro-content .pro-right > ul > li.has-menu:hover >.pro-item>.click .context{color:#fff;}

.product .pro-content .pro-right > ul > li ul{position:absolute;width:100%;background:#fff;z-index:12;}
/*.product .pro-content .pro-right > ul > li:hover{color:#fff;background:#25436d;}*/
.product .pro-content .pro-right > ul > li ul li a{display:none;}
.product .pro-content .pro-right > ul > .more_product:hover ul li a{display:block;}
.product .pro-content .pro-right > ul > li .wxfaddclass {top:100%;}
.product .pro-content .pro-right > ul > li ul li a{border-top:.01rem solid #e6e9ed;}

.product .pro-content .pro-right > ul > li.has-menu:hover > a{color:#fff;background:#25436d;}
.product .pro-content .pro-right > ul > li.has-menu:hover > a i,.product .pro-content .pro-right > ul > li.on > a i{background:url(/uploads/image/apsimages/icon-nav-h.png) no-repeat center center;}


.product .pro-content .pro-right > ul > li.on > a{border-bottom:.02rem solid #fff;color:#fff;}

.product .pro-content .pro-right > ul > li.product-menu{}
.product .pro-content .pro-right > ul > li.product-menu:hover .wxfaddclass{
    box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0, 0, 0, .2);
}
.product .pro-content .pro-right > ul > li.product-menu a{text-align:center;}
.product .pro-content .pro-right > ul > li.product-menu a:hover{color:#27456a;}
.product .pro-content .pro-right > ul > li.product-menu i{margin-left:-0.2rem; border-radius: 50%; float:left;}


.bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:501;display:none;}
.model .tit2{font-size:.24rem;color:#777;margin-top:.2rem;margin-bottom:.1rem;cursor:pointer;}
.model .tit2 sup{margin-top: -0.1rem;}
.model{width:9.8rem;height:6.2rem;background:#fff;position:fixed;display:none;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);z-index:502;padding-top:.7rem;padding-left:.45rem;overflow: auto;}

.model .close{width:.18rem;height:.18rem;cursor:pointer;background:url(/uploads/image/apsimages/close.png) no-repeat center top;background-size: contain; position:absolute;right:.25rem;top:.25rem;}
.model .img2{width:1.95rem;height:1.95rem;border-radius:100%;overflow:hidden;}
.model .con{color:#777;height:1.95rem;display:table;text-align:left;padding-left:.45rem;padding-bottom: .45rem;width:8rem;}
.model .con > div{display:table-cell;vertical-align:middle;background:#fff;}
.model .con > div .tit2{color:#25436d;margin-bottom:.3rem;margin-top: 0;}
.model .con > div .ms2{color:#25436d;}
.model .con > div .contxt2{margin-top:.2rem;margin-bottom: .2rem;line-height: .24rem;}




.product-item03{padding-top:.03rem;margin-bottom: 1rem;padding-left:1rem;}
.product-item03 > .tit{font-size:.3rem;text-align:center;background:url(/uploads/image/apsimages/join-icon02.png) no-repeat center bottom;color:#25436d;padding-bottom:.35rem; }
.product-item03 > .list > .tit{margin-top:.23rem;}
.product-item03 .list{width:1.8167rem;float:left;text-align:center;color:#777;font-size:.18rem;margin-top:.7rem;position:relative;}

.product-item03 .list i{display:block;height:1.3rem;}
.product-item03 .list i.icon01{background:url(/uploads/image/apsimages/知情同意.webp) no-repeat center top; background-size: contain;}
.product-item03 .list i.icon02{background:url(/uploads/image/apsimages/样本采集.webp) no-repeat center top; background-size: contain;}
.product-item03 .list i.icon03{background:url(/uploads/image/apsimages/基因检测.webp) no-repeat center top; background-size: contain;}
.product-item03 .list i.icon04{background:url(/uploads/image/apsimages/出具报告.webp) no-repeat center top; background-size: contain;}


@media only screen and (min-width:1025px){
    /*99 36*/
    .product .pro-content .pro-right > ul > li.has-menu:hover > .pro-item{color:#fff;background:#25436d;border:0}
     .product .pro-content .pro-right  ul  li.has-menu:hover > .pro-item>.click .tit{color:#fff;}
 .product .pro-content .pro-right > ul > li.has-menu:hover >.pro-item>.click .entit{color:#fff;}
}



@media only screen and (max-width:1024px){
    
    .product .pro-content .pro-right > ul > li.has-menu:active > .pro-item{color:#fff;background:#25436d;border:0}
     .product .pro-content .pro-right  ul  li.has-menu:active > .pro-item>.click .tit{color:#fff;}
 .product .pro-content .pro-right > ul > li.has-menu:active >.pro-item>.click .entit{color:#fff;}
    
    
    
    .pro-item01{
        padding: 15px;
    }
    .product .pro-content .pro-right > ul > li{
        width: 100%;
        margin: 0;
        margin-bottom: .15rem;
    }
    .product .pro-content .pro-right > ul > li i{
        margin: 0!important;
        border-radius: 50%;
        width: .68rem!important;
        height: .68rem!important;
        background-size: 100% 100%!important;
    }
    .product .pro-content .pro-right .pro-item{
        width: 100%;
        height: auto;
    }
    .product .pro-content .pro-right .pro-item .click .tit,
    .product .pro-content .pro-right .pro-item .click .entit{
        font-size: 12px;
        margin: 0;
    }
    .product{
        margin-bottom: 15px;
    }
    .product-item03 > .tit{
        margin-bottom: 15px;
        background-size:0.24rem 0.15rem;
    }
    .product-item03 .list{
        margin: 0!important;
        width: 25%;
    }
    .product .pro-content .pro-right > ul > li .xinguan,
    .product .pro-content .pro-right > ul > li .nuoru{
        width: 100%;    
        background: #fff;
    }
   
    .product .pro-content .pro-right .pro-item .click .context{
     -webkit-line-clamp:100!important;
        margin: 0 0 15px 0 !important;
    }
    
    .model{
        width: 90%;
        height: 8.85rem;
        padding: 0;
        margin: 5%;
        left: 45%;
        top: 48%;
    }
     ::-webkit-scrollbar { display: none; }
    
    .model .con{
        padding: 0 .77rem;
        width: auto;
    }
    .product .pro-content .pro-right > ul > li >.pro-item > .click{
        padding: .3rem;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        position: relative;
            align-items: center;
    }
    .product .pro-content .pro-right > ul > li .xinguan .click,
    .product .pro-content .pro-right > ul > li .nuoru .click{
            flex-direction: column-reverse;
            align-items: flex-end;
    }
    .xinguan .click .context,
    .nuoru .click .context{
        width: 100%!important;
    }
    .xinguan .click .context p,
    .nuoru .click .context p{
        overflow: visible!important;
        display: block!important;
        line-height: 1.5;
    }
    .product .pro-content .pro-right .pro-item .click .entit{
        padding-top: 20px;
        overflow:hidden;
        display: -webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        text-overflow:ellipsis;
    }
    .product .pro-content .pro-right .pro-item .click .tit{
        position: absolute;
        top: 15px;
        left: .3rem;
        line-height: 1.8;
    }
    .product .pro-content .pro-right .pro-item .click .entit{
        width: auto;
        line-height: 1.8;
    }
    .model .close{
        position: sticky;
        width: 100%!important;
        height: 0.72rem!important;
        left: 0;
        top: -1px;
        z-index: 100;
        background: #fff url(/uploads/image/apsimages/close.png) no-repeat;
        background-size: .3rem .3rem;
        background-position: 95% bottom;
    }
    .model .con > div .tit2{
        font-size: 14px;
        position: sticky;
        left: 0;
        top: 20px;
        background: #fff;
        width: 100%;
        background: #fff;
        margin: 0;
        padding: 0.3rem 0 !important;
    }
    .model .con > div .ms2{
        font-size: 12px!important;
        font-weight: bold;
    }
    .model .con > div .ms2 *{
         font-size: 12px!important;
        font-weight: bold;
    }
    .model .con > div .contxt2 {
         font-size: 12px!important;
        line-height: 2;
        margin: 0.15rem 0!important;
    }
    .model .con > div .contxt2 *{
        font-size: 12px!important;
        line-height: 2;
        margin: 0.15rem 0!important;
    }
    .product .pro-tit{
        font-size: 18px;
        font-weight: bold;
        margin-left: 0!important;
    }
    .product .pro-content .pro-right > ul > li .wxfaddclass{
        top: auto;
        /*box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0, 0, 0, .2);*/
    }
    .pro-item01 .w1200{
        padding: 0;
    }
    .product .pro-content .pro-right .pro-item .click .context{
        font-size: 12px;
       
        
    }
    .model .con > div .ms2:nth-child(2){
        margin-top: 10px!important;
    }
    .product-item03{
        padding-left: 0;
    }
    .product .pro-content .pro-right > ul > li.product-menu a{
        padding: 0.1rem 0 ;
    }
    .product .pro-content .pro-right .pro-item .click{
        height: auto!important;
        width: 100%!important;
       
    }
   
}