.header{
    background-image: url(../images/reagent_banner.png);
}


/* .bghover:hover .bgchange{
    background-color: rgb(4,58,156);
}
.bghover:hover p{
    color: white;
} */

.bgchange{
    background-color: rgb(248,248,248);
}

.recommend-reagent{
    position: relative; 
    margin-top: 1.00rem;
}
/* 左上 */
.reagentmenu1{
    position: absolute;
    left:0;
    top:0;
    width: 65%;
    height: 50%;
}

.reagentmenu1 div{
    display: inline-block;
}
.reagentmenu1_pic{
    width: 70%;
    height: 100%;
}
.reagentmenu1_pic>img{
    width: 100%;
    height: 100%;
}
.reagentmenu1text{
    position: absolute;
    left: 70%;
    width: 30%;
    height: 100%; 
}
.reagentmenu1text>p{
    padding-left: 0.2rem;
    padding-top: 0.2rem;
}

/* 左下左 */
.reagentmenu2{
    position: absolute;
    left:0;
    top:53%;
    width: 31.5%;
    height: 47%;
}

.reagentmenu2_pic{
    width: 100%;
    height: 75%;
}
.reagentmenu2_pic>img{
    width: 100%;
    height: 100%;
}
.reagentmenu2text{
    position: absolute;
    top: 75%;
    width: 100%;
    height: 25%; 
}
.reagentmenu2text>p{
    padding-left: 0.2rem;
    padding-top: 0.2rem;
}

/* 左下右 */

.reagentmenu3{
    position: absolute;
    left:33.5%;
    top:53%;
    width: 31.5%;
    height: 47%;
}

.reagentmenu3_pic{
    width: 100%;
    height: 75%;
}
.reagentmenu3_pic>img{
    width: 100%;
    height: 100%;
}
.reagentmenu3text{
    position: absolute;
    top: 75%;
    width: 100%;
    height: 25%;
    
    
}
.reagentmenu3text>p{
    padding-left: 0.2rem;
    padding-top: 0.2rem;
}

/* 右上 */

.reagentmenu4{
    position: absolute;
    left:67%;
    top:0;
    width: 33%;
    height: 55%;
}

.reagentmenu4_pic{
    width: 100%;
    height: 75%;
}
.reagentmenu4_pic>img{
    width: 100%;
    height: 100%;
}
.reagentmenu4text{
    position: absolute;
    top: 75%;
    width: 100%;
    height: 25%;   
}
.reagentmenu4text>p{
    padding-left: 0.2rem;
    padding-top: 0.2rem;
}

/* 右下 */

.reagentmenu5{
    position: absolute;
    left:67%;
    top:58%;
    width: 33%;
    height: 42%;
}

.reagentmenu5_pic{
    width: 100%;
    height: 72%;
}
.reagentmenu5_pic>img{
    width: 100%;
    height: 100%;
}
.reagentmenu5text{
    position: absolute;
    top: 72%;
    width: 100%;
    height: 28%;  
}
.reagentmenu5text>p{
    padding-left: 0.2rem;
    padding-top: 0.2rem;
}

/* 试剂分类 */

.Reagent_type{
    background-image: url(../images/menu_background.png);
    height: 18.0rem;
}
.type-up{
    position: relative;
    height: 6.0rem;
    margin-top: 1.0rem;
}
.type-down{
    position: relative;
    height: 6.0rem;
    margin-top: 0.5rem;
}

.type img,.type div{
    width: 100%;
}

.type-up .picsty,.type-down .picsty{
    display: inline-block;
}

.type{
    display: inline-block;
    height: 2.2rem;
    width: 10%;
    position: absolute;
    z-index: 1;
}

.typediv{
    position: relative;
    width: 100%;
    height: 6.0rem;
}

.type1,.type8{
    top: 5%;
    left: 8%;
}
.type2,.type9{
    top: 5%;
    left: 32%;
}
.type3,.type10{
    top: 5%;
    left: 56%;
}
.type4,.type11{
    top: 5%;
    left: 80%;
}

.branch1{
    position: absolute;
    top: 38%;
    left: 0;
    width: 100%;

}
.branch1 img{
    width: 100%;
}

.type5,.type12{
    top: 58%;
    left: 21%;
}


.type6,.type13{
    top: 58%;
    left: 44%;
}

.type7,.type14{
    top: 58%;
    left: 68%;
}


.textup{
    margin-bottom: 0.1rem;
    text-align: center;
}
.textdown{
    margin-top: -0.2rem;
    text-align: center;
}

.branch2{
    position: absolute;
    top: 38%;
    left: 0;
    width: 100%;

}
.branch2 img{
    width: 100%;
}

.picsty1:hover>img{
    transform: scale(1.1);
}