/*
@font-face {
    font-family: 'nr';
    src: url('../css/bb4171.ttf');
}

@font-face {
    font-family: 'pingfang01';
    src: url('../css/苹方 常规.ttf');
}*/
.warebanner{
    width:100%;
    height:710px;
    

}
.contentbor{
    width:100%;
    height:80vh;
    padding-top:120px;
   
}
.prodoctimg {
    width: 20vw;
    height: 40vh;
    float: left;
    margin-top: 0vh;
    margin-left: 20vw;
}
.product {
    width: 30vw;
    height: 10vh;
    float: left;
    margin-top: 0vh;
    margin-left: 10vw;
    line-height: 10vh;
    font-weight: 700;
    font-family: '微软雅黑';
    font-size: 28px;
}
.productcontent {
    width: 40vw;
    height: 38vh;
    float: left;
    margin-left: 10vw;
    font-family: '微软雅黑';
    line-height: 30px;
}
.relevantbor {
    width: 100%;
    height: 80vh;
    background-color: #F2F2F2;
    
}
.relevantname {
    width: 100%;
    height: 25vh;
    float: left;
    line-height: 25vh;
    font-weight: 700;
    font-family: '微软雅黑';
    text-align: center;
    font-size: 28px;
    visibility: visible;
}
.relevantlist {
    width: 100%;
    height: 50vh;
    margin: auto;
    display: flex;
    justify-content:center;
        overflow: hidden;
}
.relevant {
    height: 400px;
    box-sizing: border-box;
    padding: 10px;
}
.relevants {
    width: 420px;
    height: 320px;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 50px 27px 0 27px;
    background-color: #FFFFFF;
}
.relevantimg {
    display: block;
    width: 280px;
    margin: 0 auto;
    height: 220px;

}
.relevanttext {
    width: 400px;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    color: black;
    text-align: center;
    margin-left: 5px;
    font-weight: 600;
    font-family: '微软雅黑';
}