@font-face {
    font-family: "PingFang Bold";
    src: url("../fonts/PingFang\ Bold.ttf");
  }
  @font-face {
    font-family: "PingFang Medium";
    src: url("../fonts/PingFang\ Medium.ttf");
  }
  @font-face {
    font-family: "PingFang Regular";
    src: url("../fonts/PingFang\ Regular.ttf");
  }

.prAuto{
    position: relative;
    /*height: 950px;*/
    height: 950px;
    background: url(/healthcodon/images/PrAuto/1B.png);
    top: 0;
    left: 0;
    width:100%;

    min-width: 1000px;
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.prAutoContent{
    position: absolute;
    top: 110px;
    left: 194px;

}
.prAutoContent .prAutoContent1{
    font-family: "PingFang Regular";
    font-size: 40px;
    color: #5d5d5d;
}
.prAutoContent .prAutoContent2{
    font-family: "PingFang Bold";
    font-size: 28px;
    color: #5d5d5d;
    margin-top: 27px;
}
.prAutoContent .prAutoContent3{
    font-family: "PingFang Medium";
    font-size: 20px;
    color: #5d5d5d;
    margin-top: 6px;
    height: 34px;
}
.prAutoContent .prAutoContent3 p{
    display: inline-block;
    float: left;
}
.prAutoContent .prAutoContent3 span{
    display: block;
    float: left;
    margin: 0 26px;
}
.prAutoContent .prAutoContent4{
    font-family: "PingFang Medium";
    font-size: 16px;
    color: #5d5d5d;
    margin-top: 46px;
    width: 563px;
}
.inTheWrold{
    position: relative;
    height: 950px;
    background: url(/healthcodon/images/PrAuto/2B.png);
    top: 0;
    left: 0;
    width:100%;

    min-width: 1000px;
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.inTheWrold .inTheWroldContent{
    color: #5d5d5d;

}
.inTheWrold .inTheWroldContent p{
    font-size: 40px;
    font-family: "PingFang Medium";
    padding-top: 40px;
    display: flex;
    justify-content: center;
}
.inTheWrold .inTheWroldContent span{
    display: inline-block;
    font-size: 24px;
    font-family: "PingFang Medium";
    margin-top: 7px;
    display: flex;
    justify-content: center;
}
.inTheWrold .inTheWroldContent1{
    color: #5d5d5d;
    left: 0;
    /* top: 803px; */
    right: 0;
    bottom: 31px;
    margin: auto;
    position: absolute;

}
.inTheWrold .inTheWroldContent1 p{
    font-size: 20px;
    font-family: "PingFang Medium";
    /* padding-top: 40px; */
    display: flex;
    justify-content: center;
}
.inTheWrold .inTheWroldContent span{
    display: block;
    font-size: 24px;
    font-family: "PingFang Medium";
    /* margin-top: 7px; */
    display: flex;
    justify-content: center;
}
.qualityRawMaterials{
    position: relative;
    /*height: 814px;*/
    height: 950px;
    background: url(/healthcodon/images/PrAuto/3B.png);
    top: 0;
    left: 0;
    width:100%;

    min-width: 1000px;
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.qualityRawMaterials .qualityRawMaterialsContent{
    color: #5d5d5d;

}
.qualityRawMaterials .qualityRawMaterialsContent p{
    font-size: 40px;
    font-family: "PingFang Medium";
    padding-top: 40px;
    display: flex;
    justify-content: center;
}
.qualityRawMaterials .qualityRawMaterialsContent span{
    display: inline-block;
    font-size: 24px;
    font-family: "PingFang Medium";
    margin-top: 7px;
    display: flex;
    justify-content: center;
}
.qualityRawMaterials .qualityRawMaterialsContent1{
    color: #5d5d5d;
    left: 0;
    /* top: 803px; */
    right: 0;
    bottom: 31px;
    margin: auto;
    position: absolute;

}
.qualityRawMaterials .qualityRawMaterialsContent1 p{
    font-size: 20px;
    font-family: "PingFang Medium";
    /* padding-top: 40px; */
    display: flex;
    justify-content: center;
}
.qualityRawMaterials .qualityRawMaterialsContent span{
    display: block;
    font-size: 24px;
    font-family: "PingFang Medium";
    /* margin-top: 7px; */
    display: flex;
    justify-content: center;
}
.magneticBeads{
    position: relative;
    /*height: 950px;*/
    height: 950px;
    background: url(/healthcodon/images/PrAuto/4B.png);
    top: 0;
    left: 0;
    width:100%;

    min-width: 1000px;
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.magneticBeads .magneticBeadsContent{
    position: absolute;
    left: 467px;
    top: 216px;
    color: #5d5d5d;
}
.magneticBeads .magneticBeadsContent h3{
    font-size: 40px;
    font-family: "PingFang Medium";

}
.magneticBeads .magneticBeadsContent h4{
    font-size: 16px;
    font-family: "PingFang Medium";
    margin-top: 10px;
}

.magneticBeads .magneticBeadsContent p{
    font-size: 16px;
    font-family: "PingFang Medium";
}
.magneticBeads .magneticBeadsContent span{
    display: block;
    font-size: 16px;
    font-family: "PingFang Medium";
    width: 481px;
    margin-top: 10px;
}
.convenient{
    position: relative;
    height: 950px;
}
.convenient .convenientContent{
    font-family: "PingFang Medium";
    color: #5d5d5d;
   
}
.convenient .convenientContent p{
    font-size: 40px;
    font-family: "PingFang Medium";
    display: flex;
    justify-content: center;
    padding-top: 50px;
}
.convenient .convenientContent span{
    display: inline-block;
    font-size: 24px;
    font-family: "PingFang Medium";
    display: flex;
    justify-content: center;
}
.convenient .convenientimg{
    display: flex;
    justify-content: center;
    margin-top: 45px;
}
.convenient .convenientContent1{
    font-family: "PingFang Medium";
    color: #5d5d5d;
   
}
.convenient .convenientContent1 p{
    font-size: 16px;
    font-family: "PingFang Medium";
    justify-content: center;
    display: flex;

}

.efficient{
    position: relative;
    height: 950px;
}
.efficient .efficientContent{
    font-family: "PingFang Medium";
    color: #5d5d5d;
   
}
.efficient .efficientContent p{
    font-size: 40px;
    font-family: "PingFang Medium";
    display: flex;
    justify-content: center;
    padding-top: 50px;
}
.efficient .efficientContent span{
    display: inline-block;
    font-size: 24px;
    font-family: "PingFang Medium";
    display: flex;
    justify-content: center;
}
.efficient .efficientimg{
    display: flex;
    justify-content: center;
    margin-top: 45px;
}
.efficient .efficienttContent1{
    font-family: "PingFang Medium";
    color: #5d5d5d;
   
}
.efficient .efficienttContent1 p{
    font-size: 16px;
    font-family: "PingFang Medium";
    justify-content: center;
    display: flex;

}
.capacity{
    position: relative;
    height: 950px;
    background: url(/healthcodon/images/PrAuto/7B.png);
    top: 0;
    left: 0;
    width:100%;

    min-width: 1000px;
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.capacity .capacityContent{
    color: #5d5d5d;

}
.capacity .capacityContent p{
    font-size: 40px;
    font-family: "PingFang Medium";
    padding-top: 40px;
    display: flex;
    justify-content: center;
}
.capacity .capacityContent span{
    display: inline-block;
    font-size: 24px;
    font-family: "PingFang Medium";
    margin-top: 7px;
    display: flex;
    justify-content: center;
}
.capacity .capacityContent1{
    color: #5d5d5d;
    left: 0;
    /* top: 803px; */
    right: 0;
    bottom: 31px;
    margin: auto;
    position: absolute;

}
.capacity .capacityContent1 p{
    font-size: 20px;
    font-family: "PingFang Medium";
    /* padding-top: 40px; */
    display: flex;
    justify-content: center;
}
.capacity .capacityContent span{
    display: block;
    font-size: 24px;
    font-family: "PingFang Medium";
    /* margin-top: 7px; */
    display: flex;
    justify-content: center;
}
.throughput{
    position: relative;
    height: 950px;
    background: url(/healthcodon/images/PrAuto/8B.png);
    top: 0;
    left: 0;
    width:100%;

    min-width: 1000px;
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.throughput .throughputContent{
    color: #5d5d5d;

}
.throughput .throughputContent p{
    font-size: 40px;
    font-family: "PingFang Medium";
    padding-top: 40px;
    display: flex;
    justify-content: center;
}
.throughput .throughputContent span{
    display: inline-block;
    font-size: 24px;
    font-family: "PingFang Medium";
    margin-top: 7px;
    display: flex;
    justify-content: center;
}
.throughput .throughputContent1{
    color: #5d5d5d;
    left: 0;
    /* top: 803px; */
    right: 0;
    bottom: 31px;
    margin: auto;
    position: absolute;

}
.throughput .throughputContent1 p{
    font-size: 20px;
    font-family: "PingFang Medium";
    /* padding-top: 40px; */
    display: flex;
    justify-content: center;
}
.throughput .throughputContent span{
    display: block;
    font-size: 24px;
    font-family: "PingFang Medium";
    /* margin-top: 7px; */
    display: flex;
    justify-content: center;
}
.PluotoAutoPurifier{
    position: relative;
    height: 950px;
    background: url(/healthcodon/images/PrAuto/9B.png);
    top: 0;
    left: 0;
    width:100%;

    min-width: 1000px;
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.PluotoAutoPurifier .PluotoAutoPurifierContent{
    color: #5d5d5d;

}
.PluotoAutoPurifier .PluotoAutoPurifierContent p{
    font-size: 30px;
    font-family: "PingFang Medium";
    padding-top: 77px;
    display: flex;
    justify-content: center;
}
.PluotoAutoPurifier .PluotoAutoPurifierContent span{
    display: inline-block;
    font-size: 24px;
    font-family: "PingFang Medium";
    margin-top: 7px;
    display: flex;
    justify-content: center;
}
.efficiency{
    position: relative;
    height: 950px;
    background: url(/healthcodon/images/PrAuto/11B.png);
    top: 0;
    left: 0;
    width:100%;

    min-width: 1000px;
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.efficiency .efficiencyContent{
    color: #fff;

}
.efficiency .efficiencyContent p{
    font-size: 30px;
    font-family: "PingFang Medium";
    padding-top: 49px;
    display: flex;
    justify-content: center;
}
.efficiency .efficiencyContent span{
    display: inline-block;
    font-size: 24px;
    font-family: "PingFang Medium";
    margin-top: 7px;
    display: flex;
    justify-content: center;
}
.efficiency .efficiencyContent1{
    color: #fff;
    left: 0;
    /* top: 803px; */
    right: 0;
    bottom: 31px;
    margin: auto;
    position: absolute;

}
.efficiency .efficiencyContent1 p{
    font-size: 20px;
    font-family: "PingFang Medium";
    /* padding-top: 40px; */
    display: flex;
    justify-content: center;
}
.efficiency .efficiencyContent span{
    display: block;
    font-size: 24px;
    font-family: "PingFang Medium";
    /* margin-top: 7px; */
    display: flex;
    justify-content: center;
}
.protocol{
    position: relative;
    /*height: 767px;*/
    height: 950px;
    background: url(/healthcodon/images/PrAuto/12B.png);
    top: 0;
    left: 0;
    width:100%;

    min-width: 1000px;
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.protocol .protocolContent{
    color: #5d5d5d;

}
.protocol .protocolContent p{
    font-size: 30px;
    font-family: "PingFang Medium";
    padding-top: 49px;
    display: flex;
    justify-content: center;
}
.protocol .protocolContent span{
    display: inline-block;
    font-size: 24px;
    font-family: "PingFang Medium";
    margin-top: 7px;
    display: flex;
    justify-content: center;
}
.protocolContent2{
    height: 950px;
    background-color: #f9feff;
}
.protocolContent2 .protocolContent3{
    /*margin-top: 98px;*/
    display: flex;
    justify-content: center;
}
.protocolContent2 .protocolContent3 .protocolContent3Left{
    float: left;
    margin-left: 176px;
}
.protocolContent2 .protocolContent3 ul li{
    font-size: 16px;
    font-family: "PingFang Medium";
    /* float: left; */
    margin-bottom: 127px;
    margin-right: 71px;
}
.protocolContent2 .protocolContent3 ul li h4{
    /* float: left; */
}
.protocolContent2 .protocolContent3 ul li p{
    /* margin-left: 483px; */
}
 
.protocolContent2 .protocolContent3 ul li p span{
    display:block;
    
}
.protocolContent2 .protocolContent3 .protocolContent3Right{
    float: left;
}

.specification{
    height: 950px;
    position: relative;
}
.specification .specificationlContent{
    color: #5d5d5d;

}
.specification .specificationContent p{
    font-size: 30px;
    font-family: "PingFang Medium";
    padding-top: 49px;
    display: flex;
    justify-content: center;
}
.specification .specificationContent span{
    display: inline-block;
    font-size: 24px;
    font-family: "PingFang Medium";
    margin-top: 7px;
    display: flex;
    justify-content: center;
}
.specification .specificationimg{
    display: flex;
    justify-content: center;;
}
.specification .specificationimg .specificationimg-1{
    float: left;
    
}
.specification .specificationimg .specificationimg-1 p{
    justify-content: center;
    display: flex;
    font-size: 16px;
    font-family: "PingFang Bold";
    color: #5d5d5d;
}
.specification .specificationContent1{
    color: #5d5d5d;
    left: 0;
    /* top: 803px; */
    right: 0;
    bottom: 73px;
    margin: auto;
    position: absolute;

}
.specification .specificationContent1 p{
    font-size: 20px;
    font-family: "PingFang Medium";
    /* padding-top: 40px; */
    display: flex;
    justify-content: center;
}
.parameters{
    /* height: 950px; */
}
.parameters .parametersContent{
    color: #5d5d5d;

}
.parameters .parametersContent p{
    font-size: 30px;
    font-family: "PingFang Medium";
    padding-top: 49px;
    display: flex;
    justify-content: center;
}
.parameters .parametersContent span{
    display: inline-block;
    font-size: 24px;
    font-family: "PingFang Medium";
    margin-top: 7px;
    display: flex;
    justify-content: center;
   
}
.parameters .parametersContent h4{
    height: 1px;
    width: 1000px;
    background-color: #dfdfde;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 71px;
}
.parameters .parametersContent3{
    margin-top: 98px;
    display: flex;
    justify-content: center;
}
.parameters .parametersContent3 .parametersContent3Left{
    float: left;
    margin-left: 176px;
}
.parameters .parametersContent3 ul li{
    font-size: 16px;
    font-family: "PingFang Medium";
    /* float: left; */
    margin-bottom: 127px;
    margin-right: 71px;
}
.parameters .parametersContent3 ul li h4{
    /* float: left; */
}
.parameters .parametersContent3 ul li p{
    /* margin-left: 483px; */
}
 
.parameters .parametersContent3 ul li p span{
    display:block;
    
}
.parameters .parametersContent3 .parametersContent3Right{
    float: left;
}
.packingList{
    height: 950px;
    position: relative;
}
.packingList .packingListContent{
    color: #5d5d5d;

}
.packingList .packingListContent p{
    font-size: 30px;
    font-family: "PingFang Medium";
    padding-top: 49px;
    display: flex;
    justify-content: center;
}
.packingList .packingListContent span{
    display: inline-block;
    font-size: 24px;
    font-family: "PingFang Medium";
    margin-top: 7px;
    display: flex;
    justify-content: center;
}
.packingList .packingListimg{
    display: flex;
    justify-content:space-around;
    width: 1476px;
    margin: 0 auto;
}
.packingList .packingListimg .packingListimg-1{
    float: left;
    margin-top: 10px;
    
}
.packingList .packingListimg .packingListimg-1 p{
    justify-content: center;
    display: flex;
    font-size: 16px;
    font-family: "PingFang Bold";
    color: #5d5d5d;
}
.packingList .packingListimg .packingListimg-2 img{
    margin-top: 114px;
    margin-left: -290px;
}
.packingList .packingListimg .packingListimg-2 p{
    justify-content: center;
    display: flex;
    font-size: 16px;
    font-family: "PingFang Bold";
    color: #5d5d5d;
    margin-left: -375px;
}
.packingList .packingListimg .packingListimg-3 img{
    margin-top: 114px;
    margin-left: -250px;
}
.packingList .packingListimg .packingListimg-3 p{
    justify-content: center;
    display: flex;
    font-size: 16px;
    font-family: "PingFang Bold";
    color: #5d5d5d;
    margin-left: -317px;
}
.packingList .packingListContent h4{
    height: 1px;
    width: 1000px;
    background-color: #dfdfde;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 71px;
}
.annotation{
    height: 950px;
    position: relative;
}
.annotation .annotationContent{
    color: #5d5d5d;

}
.annotation .annotationContent p{
    font-size: 30px;
    font-family: "PingFang Medium";
    padding-top: 49px;
    display: flex;
    justify-content: center;
}
.annotation .annotationContent  span{
    display: inline-block;
    font-size: 24px;
    font-family: "PingFang Medium";
    margin-top: 7px;
    display: flex;
    justify-content: center;
}
.annotation .annotationContent  h4{
    height: 1px;
    width: 1200px;
    background-color: #dfdfde;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 71px;
}
.annotation .annotationContent1{
    color: #5d5d5d;
    left: 0;
    /* top: 803px; */
    right: 0;
    top: 372px;
    margin: auto;
    position: absolute;
    width: 1122px;

}
.annotation .annotationContent1 p{
    font-size: 20px;
    font-family: "PingFang Medium";
    /* padding-top: 40px; */
    display: flex;
    justify-content: space-between;
    text-align: justify;
}