@font-face {
    font-family: 'PingFang-SC-Regular';
    src: url('/healthcodon/fonts/PingFang Regular.eot'); /* IE9 Compat Modes */
    src: url('/healthcodon/fonts/PingFang Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/healthcodon/fonts/PingFangSC-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/healthcodon/fonts/PingFang Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('/healthcodon/fonts/PingFang Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/healthcodon/fonts/PingFang Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face{
    font-family:'PingFang-SC-Medium';
    src: url('/healthcodon/fonts/PingFang Medium.ttf');
}


.F5z-wrapper {
    width: 100%;
    overflow: hidden;
}


.f5z-banner {
    width:  100%;
    height: 2.47rem;
    background-image: url('/healthcodon/images/5fz/01_f5z-bagrd01.png');
    background-repeat: no-repeat;
    background-size: 100% 2.47rem;
    position: relative;
}

.f5z-banner-tubiao {
    width: 0.2667rem;
    position: absolute;
    left: 50%;
    top: 0.2833rem;
    transform: translateX(-50%);
}

.f5z-five {
    width: 100%;
    background-image: url("/healthcodon/images/5fz/03_f5z-five.png");
    background-repeat: no-repeat;
    background-size: 100% 3.0933rem;
    position: relative;
    height: 3.0933rem;
}

.f5z-five-information {
    width: 1.6667rem;
    position: absolute;
    left: 50%;
    bottom: 0.0833rem;
    transform: translateX(-50%);
}

.f5z-five-txt {
    font-family: "PingFang-SC-Medium";
    font-size: 0.1167rem;
    color: #040000;
    text-align: center;
    width: 100%;
    margin-top: 0.01rem;
}
.f5z-Extract {
    width: 100%;
    height: 1.6667rem;
    background-image: url("/healthcodon/images/5fz/05_f5z-dna.png");
    background-repeat: no-repeat;
    background-size: 100% 1.6667rem;
    position: relative;
}
.f5z-Extract-txt {
    width: 2.6633rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%);

}
.f5z-prodct-box  {
    width: 100%;
    background-image: url("/healthcodon/images/productbackground2.png");
    top: 0;
    left: 0;
    width:100%;

    /* min-width: 3.3333rem; */
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    height:3.7033rem
}
.f5z-product-header{
    width: 100%;
    height: 1.35rem;

    background-repeat: no-repeat;
    background-size: 100% 1.35rem;
    position: relative;
}
.f5z-product-header-box {
    width: 2.1667rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.f5z-product-list-imgl {
    width: 4.3333rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.6533rem;
}
.f5z-product-list-text {
    width: 4.3333rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.1833rem;
}
.f5z-product-list-leftimg {
    width: 1.8333rem;
}
.f5z-product-list-textlang {
    width: 4.1667rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.39rem;
    box-sizing: border-box;
}
.f5z-product-list-imglang {
    width: 4.1667rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.71rem;
    margin-top: 1.0767rem;
}
.f5z-product-list-textlang .f5z-product-list-lefttxt{
    width: 1.8333rem;

}
.f5z-product-list-imglang  .f5z-product-list-leftimg{
    width: 2.1667rem;
}
.f5z-product-list-righttxt {
    text-align: left;
    width: 1.5rem;
}
.f5z-product-list-lefttxt {
    text-align: right;
    width: 1.5rem;
}
.f5z-product-list-lefttxt h3{
    font-family: "PingFang-SC-Bold";
    font-size: 0.0867rem;
    color: #000000;
    font-weight: normal;
}
.f5z-product-list-lefttxt p {
    font-family: "PingFang-SC-Regular";
    font-size: 0.0867rem;
    color: #666666;
    text-align: right;
    margin-bottom: 0.0167rem;
}
.f5z-product-list-righttxt h3{
    font-family: "PingFang-SC-Bold";
    font-size: 0.0867rem;
    color: #000000;
    font-weight: normal;
}
.f5z-product-list-righttxt p {
    font-family: "PingFang-SC-Regular";
    font-size: 0.0867rem;
    color: #666666;
    text-align: left;
    margin-bottom: 0.0167rem;
}


.product-bg {
    background-image: url("/healthcodon/images/background5fz2.png");
    top: 0;
    left: 0;
    width:100%;

    /* min-width: 3.3333rem; */
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    height: 3.05rem;

}
.product-bg2 {
    width: 100%;
    background-color: #ebeef3;
    height: 2.0533rem;
}

.table-box {
    position: relative;
    /*height: 4.1rem;*/

}

.table-box .table_img{
    top: 0;
    left: 0;
    width:100%;

    /* min-width: 3.3333rem; */
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}

.detail-table {
    /*position: absolute;*/
    /*top: 0.3333rem;*/
    /*width: 4.3333rem;*/
    /*background: url("/healthcodon/images/5fz/detail_table.png");*/
    /*background-size: 100%;*/
    /*background-repeat: no-repeat;*/
    /*margin-left: 50%;*/
    /*transform: translateX(-50%);*/
    /*z-index: 1;*/
    /*height: 3.7667rem;*/
    top: 0;
    left: 0;
    width:100%;

    /* min-width: 3.3333rem; */
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}

.table_img {
    height: 100%;
}


.detail_copyright {
    background-image: url('/healthcodon/images/end_2.png');
    /* top: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* min-width: 3.3333rem; */
    /* z-index: 1; */
    /* zoom: 1; */
    /* background-repeat: no-repeat; */
     background-size: 100% 1.93rem;
    /* -webkit-background-size: cover; */
    /*-o-background-size: cover;*/
    background-position: center 0;
    height: 1.93rem;

}

.copyright_icon {
    width: 1rem;
    padding: 0.2333rem 0 0.2167rem;
    margin: 0 auto;
}

.copyright_icon img {
    float: left;
    width: 0.35rem;
    height: 0.35rem;
    margin-right: 0.0633rem;
}

.copy_txt {
    float: left;
    color: #4a6ab4;
    letter-spacing: 0.0067rem;
}

.copy_txt .title {
    font-size: 0.1rem;
    line-height: 0.1867rem;
}

.copy_txt .detail {
    font-size: 0.0533rem;
}

.copyright p {
    margin: 0 auto;
    text-align: center;
    font-size: 0.0767rem;
    color: #333;
}
.copyright {
    width: 4.3333rem;
    margin-left: auto;
    margin-right: auto;
}
.copyright .chinese {
    margin-bottom: 0.1233rem;
}

.copyright .english {
    line-height: 0.1333rem;
}
.fz-NewImg {
    /*background-image: url("/healthcodon/images/background5fz4.png");*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/

    /*min-width: 3.3333rem;*/
    /*!*z-index:1;*!*/
    /*zoom: 1;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*-webkit-background-size: cover;*/
    /*-o-background-size: cover;*/
    /*background-position: center 0;*/

    position: relative;
}

.fz-NewImg-img1box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.fz-NewImg h3{
    text-align: center;
    font-family: "PingFang-SC-Mediumedium";
    font-size: 0.1267rem;
    position: absolute;
    top: 0.0667rem;
    left: 47%;


}
.fz-NewImg p{
    text-align: center;
    font-family: "PingFang-SC-Reagular";
    font-size: 0.0667rem;
    position: absolute;
    top: 0.24rem;
    left: 46%;
}
.fz-NewImg-img2box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.fz-wrapper img {
    top: 0;
    left: 0;
    width: 100%;

    /* min-width: 3.3333rem; */
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    /*height: 3.5133rem;*/
}

.f5z-product-show {
    width: 100%;
    height: 4rem;
    padding-top: 0.2733rem;
    background-image: url('/healthcodon/images/5fz/5fz-bacgrd.png');
    background-size: 100% 4rem;
    background-repeat: no-repeat;
    position: relative;
}
.f5z-product-title {
    margin-top: -0.1033rem;
}
.f5z-product-title h3{
    font-weight: normal;
    font-family: PingFang-SC-Medium;
    color: #000000;
    text-align: center;
    font-size: 0.14rem;
}
.f5z-product-title p{
    font-weight: normal;
    font-family: PingFang-SC-Reagular;
    color: #000000;
    text-align: center;
    font-size: 0.1rem;
    margin-top: 0.0333rem;
}
.f5z-product-img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.f5z-product-Newtxt {
    font-family: PingFang-SC-Reagular;
    font-size: 0.1rem;
    color: #333333;
    text-align: center;
    margin-top: 0.2533rem;
}
.f5z-product-Newtxt2 {
    font-family: PingFang-SC-Reagular;
    font-size: 0.1rem;
    color: #000000;
    text-align: center;
    margin-top: 0.0833rem;
}

.f5z-kits-box {
    width: 100%;
    padding: 0.2733rem 0 0.2733rem 0;
    background-image: url('/healthcodon/images/5fz/f5z-bgrd.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.f5z-kits-box h3 {
    font-weight: normal;
    font-size: 0.1333rem;
    font-family: PingFang-SC-Reagular;
    color: #000000;
    text-align: center;
    margin-bottom: 0.2733rem;
}
.f5z-kits-box .f5z-kits-p1 {
    margin-bottom: 0.0533rem;
    font-family: PingFang-SC-Reagular;
    font-size: 0.1rem;
    color: #000000;
    text-align: center;
}
.f5z-kits-box .f5z-kits-p2 {
    margin-bottom:0.2rem;
    font-family: PingFang-SC-Reagular;
    font-size: 0.1rem;
    color: #666666;
    text-align: center;
}
.f5z-figt-box {
    width: 100%;
    background: url("/healthcodon/images/background5fz.png") no-repeat center;
    padding: 0.04rem 0 0.2733rem 0;

}
.f5z-figt-box-img {
    height: 3.2133rem;
    width: 100%;
    text-align: center;
}
.f5z-figt-txt {
    font-family: PingFang-SC-Medium;
    font-size: 0.1133rem;
    color: #ffffff;
    margin-top: 0.2733rem;
    text-align: center;
}
.f5z-figt-txt-eng {
    display: flex;
    justify-content: space-between;
    width: 0.8rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.1733rem;
    font-family: PingFang-SC-Reagular;
    font-size: 0.0667rem;
    text-align: center;
    line-height: 0.1233rem;
    color: #ffffff;
}
.f5z-figt-txt-eng p {
    width: 0.1233rem;
    height: 0.1233rem;
    background: #ffffff;
    border-radius: 100%;
    display: block;
    color: #65c6c7;
}
.f5z-figt-txt-footer {
    font-family: PingFang-SC-Reagular;
    font-size: 0.0667rem;
    text-align: center;
    color: #ffffff;
    font-weight: normal;
}
.f5z-last-incrudes {
    width: 100%;
    text-align: center;
}
.table-box{

}
.photostability{
    background-image: url("/healthcodon/images/tablebackground2.png");
    top: 0;
    left: 0;
    width:100%;

    /*min-width: 3.3333rem;*/
    /*z-index:1;*/
    zoom: 1;
    background-repeat: no-repeat;
    background-size: 100% 2.3167rem;
    /*-webkit-background-size: cover;*/
    /*-o-background-size: cover;*/
    background-position: center 0;
    height: 2.3167rem;
    border-bottom: 0.0033rem solid rgba(34,34,34,0.3);
}
.photostability h3{
    font-family: "PingFang Medium";
    font-size: 0.1rem;
    color: #888888;
    margin-top:0.06rem;
    margin-bottom: 0.1rem;
}
.photostability .specifications_part1 ul li{
    height:0.16rem;
}
.photostability .specifications_part1 ul {
    float: left;
    /*margin-left:0.4233rem;*/
    margin-left: 1.3133000000000004rem;
    margin-top: 0.5433rem;


}
.photostability .specifications_part1 ul .title{
    height: 0.3967rem;
    width: 1.8333rem;
    font: 0.0867rem/0.3967rem "";
    text-align: center;
    font-family: "PingFang Bold";
    color: #fff;

}
.photostability .specifications_part2 ul{
    float:left;
    /*border-right:0.0067rem solid rgb(255,255,255)*/
    margin-top: 0.5433rem;
}
.photostability .specifications_part2 ul .title{
    height: 0.3967rem;
    width: 0.9867rem;
    font: 0.0867rem/0.3967rem "";
    text-align: center;
}
.photostability .specifications_part2 ul li{
    height:0.16rem;
}
.photostability .specifications_part3 ul li{
    height:0.16rem;
}
.photostability .specifications_part3 ul{
    float:left;
    /*border-right:0.0067rem solid rgb(255,255,255);*/
    margin-top: 0.5433rem;
}
.photostability .specifications_part3 ul .title{
    height: 0.3967rem;
    width:0.4867rem;
    text-align: center;
    font-family: "PingFang Medium";
    font: 0.0867rem/0.3967rem "";
}
.photostability .specifications_part4 ul li{
    /*height:0.16rem;*/
}
.photostability .specifications_part4 ul{
    float:left;
    border-right:0.0067rem solid rgb(255,255,255);
    margin-top: 0.5433rem;
}
.photostability .specifications_part4 ul .title{
    height: 0.3967rem;
    width:0.4867rem;
    text-align: center;
    font-family: "PingFang Bold";
    /*font: 0.0867rem/0.3967rem "";*/
}
.photostability .specifications_part4 ul .title p{
    font-size: 0.0867rem;
    font-family: "PingFang Bold";


}

.photostability .specifications_part3 ul li{

    /* text-decoration-color: #ff171b; */
}
.photostability .specifications_part3 ul .bg1{
    text-decoration: none
}
.photostability .specifications_part4 ul{
    float:left;
    border-right: 0.0033rem solid #000;
}
.photostability .specifications_part4 ul .title{
    height:0.3967rem;
    width:0.4667rem;
    text-align: center;
    font-family: "PingFang Bold";
    font: 0.0867rem/0.16rem "";

}
.photostability .specifications_part5 ul{
    float:left;
    border-right: 0.0067rem solid rgb(255,255,255);
}
.photostability .specifications_part5 ul li{
    height:0.16rem;
    /* float: left; */
}
.photostability .specifications_part5 ul .title{
    height:0.16rem;
    width:0.4567rem;
    text-align: center;
    font-family: "PingFang Medium";
    font: 0.0867rem/0.16rem "";
}
.photostability .specifications_part4 ul li{
    height:0.16rem;
}
.photostability .specifications_part6 ul{
    float:left;
    border-right: 0.0067rem solid rgb(255,255,255);
}
.photostability .specifications_part6 ul li{
    height:0.16rem;
    /* float: left; */
}
.photostability .specifications_part6 ul .title{
    height:0.16rem;
    width:0.3233rem;
    text-align: center;
    font-family: "PingFang Medium";
    font: 0.0867rem/0.16rem "";
}
.photostability ul .font{
    font: 0.0667rem/0.16rem "";
    text-align: center;
}
.photostability ul .bg1{
    background-color:#202a41 ;
    text-decoration: none;
    color: #fff;
}
.photostability ul .bg2{
    /*background-color:#fbfbfa;*/
    border: 0.0033rem solid #000;
    border-top: 0;
    border-right: 0;

}
.photostability ul .bg3{
    background-color:#f4f4f4 ;
}
.photostability ul .bg4{
    background-color:#fbfbfa;
}
.photostability ul .bg5{
    background-color:#f4f4f4 ;
}
.photostability ul .bg6{
    background-color:#fbfbfa;
}