@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.26666667rem;
  position: absolute;
  left: 50%;
  top: 0.28333333rem;
  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.093333333rem;
  position: relative;
  height: 3.093333333rem;
}

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

.f5z-five-txt {
  font-family: "PingFang-SC-Medium";
  font-size: 0.1166667rem;
  color: #040000;
  text-align: center;
  width: 100%;
  margin-top: 0.01rem;
}
.f5z-Extract {
  width: 100%;
  height: 1.66666667rem;
  background-image: url("/healthcodon/images/5fz/05_f5z-dna.png");
  background-repeat: no-repeat;
  background-size: 100% 1.66666667rem;
  position: relative;
}
.f5z-Extract-txt {
  width: 2.66333333rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%);
  
}
/**/
 .f5z-prodct-box  {
     width: 100%;
     background-image: url("/healthcodon/images/background5fz1.png");
     background-size: 100% 7.93rem!important;
     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;
     height: 7.93rem;
     /*height: 10.436666666666667rem;*/
 }
 .f5z-product-header{
     width: 100%;
     height: 1.35rem;
     /*background-image: url("/healthcodon/images/5fz/07_f5z-bacgrd02.png");*/
     background-repeat: no-repeat;
     background-size: 100%;
     position: relative;
 }
 .f5z-product-header-box {
     width: 2.1666666666666665rem;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
 }

 .f5z-product-list-imgl {
     width: 4.333333333333333rem;
     margin-left: auto;
     margin-right: auto;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 0.6533333333rem;
 }
 .f5z-product-list-text {
     width: 4.333333333333333rem;
     margin-left: auto;
     margin-right: auto;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 1.183333333333rem;
 }
 .f5z-product-list-leftimg {
     width: 1.8333333333rem;
 }
 .f5z-product-list-textlang {
     width: 4.166666666666667rem;
     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.166666666666667rem;
     margin-left: auto;
     margin-right: auto;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 0.71rem;
     margin-top: 1.0766666666666667rem;
 }
 .f5z-product-list-textlang .f5z-product-list-lefttxt{
     width: 1.8333333333rem;

 }
 .f5z-product-list-imglang  .f5z-product-list-leftimg{
     width: 2.1666666666666665rem;
 }
 .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.08666666666666667rem;
     color: #000000;
     font-weight: normal;
 }
 .f5z-product-list-lefttxt p {
     font-family: "PingFang-SC-Regular";
     font-size: 0.08666666666666667rem;
     color: #666666;
     text-align: right;
     margin-bottom: 0.016666666666666666rem;
 }
 .f5z-product-list-righttxt h3{
     font-family: "PingFang-SC-Bold";
     font-size: 0.08666666666666667rem;
     color: #000000;
     font-weight: normal;
 }
 .f5z-product-list-righttxt p {
     font-family: "PingFang-SC-Regular";
     font-size: 0.08666666666666667rem;
     color: #666666;
     text-align: left;
     margin-bottom: 0.016666666666666666rem;
 }

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

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

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

.table-box {
  position: relative;
  /*height: 1230px;*/

}

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

     min-width: 3.3333333333rem;
     /*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: 100px;*/
  /*width: 4.3333333rem;*/
  /*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: 1130px;*/
    top: 0;
    left: 0;
    width:100%;

    min-width: 3.3333333333rem;
    /*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/background5fz6.png);
    /* top: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* min-width: 3.3333333333rem; */
    /* z-index: 1; */
    /* zoom: 1; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* -webkit-background-size: cover; */
    /*-o-background-size: cover;*/
    background-size: 100% 1.78rem;
    background-position: center 0;
    height: 1.78rem;
    position: relative;

}

.copyright_icon {
    width: 1rem;
    padding: 0.2333333333rem 0 60.0166666667rem;
    margin: 0 auto;
}

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

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

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

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

.copyright p {
    margin: 0 auto;
    text-align: center;
    font-size: 0.0766666666667rem;
    color: #333;
}
.copyright {
  width: 4.3333333rem;
  margin-left: auto;
  margin-right: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.copyright .chinese {
    margin-bottom: 0.12333333334rem;
}

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

     /*min-width: 3.3333333333rem;*/
     /*!*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.1266666667rem;
     position: absolute;
     top: 0.06666667rem;
     left: 47%;


 }
 .fz-NewImg p{
     text-align: center;
     font-family: "PingFang-SC-Reagular";
     font-size: 0.06666667rem;
     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.3333333333rem;
     /*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: 1054px;*/
 }

 .f5z-product-show {
     width: 100%;
     height: 4rem;
     padding-top: 0.2733333333rem;
     background-image: url('/healthcodon/images/5fz/5fz-bacgrd.png');
     background-size: 100%;
     background-repeat: no-repeat;
     position: relative;
 }
 .f5z-product-title {
     margin-top: -0.10333333333rem;
 }
 .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.03333333rem;
 }
 .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.25333333333rem;
 }
 .f5z-product-Newtxt2 {
     font-family: PingFang-SC-Reagular;
     font-size: 0.1rem;
     color: #000000;
     text-align: center;
     margin-top: 0.0166666667rem;
 }

 .f5z-kits-box {
    width: 100%;
     padding: 0.2733333333rem 0 0.2733333333rem 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.1333333333rem;
     font-family: PingFang-SC-Reagular;
     color: #000000;
     text-align: center;
     margin-bottom: 0.2733333333rem;
 }
 .f5z-kits-box .f5z-kits-p1 {
     margin-bottom: 0.05333333333rem;
     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.2733333333rem 0;

 }
 .f5z-figt-box-img {
     height: 3.2133333333rem;
     width: 100%;
     text-align: center;
 }
 .f5z-figt-txt {
     font-family: PingFang-SC-Medium;
     font-size: 0.1133333333rem;
     color: #ffffff;
     margin-top: 0.2733333333rem;
     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.17333333333333rem;
     font-family: PingFang-SC-Reagular;
     font-size: 0.06666667rem;
     text-align: center;
     line-height: 0.12333333334rem;
     color: #ffffff;
 }
 .f5z-figt-txt-eng p {
     width: 0.12333333334rem;
     height: 0.12333333334rem;
     background: #ffffff;
     border-radius: 100%;
     display: block;
     color: #65c6c7;
 }
 .f5z-figt-txt-footer {
     font-family: PingFang-SC-Reagular;
     font-size: 0.06666667rem;
     text-align: center;
     color: #ffffff;
     font-weight: normal;
 }
 .f5z-last-incrudes {
     width: 100%;
     text-align: center;
 }
 .table-box{

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

     /*min-width: 3.3333333333rem;*/
     /*z-index:1;*/
     zoom: 1;
     background-repeat: no-repeat;
     /*background-size: cover;*/
     /*-webkit-background-size: cover;*/
     /*-o-background-size: cover;*/
     background-size: 100% 2.41rem;
     background-position: center 0;
     height: 2.41rem;
     border-bottom: 0.0033333333333rem 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: 1.38rem;
     margin-top: 0.5433333333rem;


 }
 .photostability .specifications_part1 ul .title{
     height: 0.39666666667rem;
     width: 1.76rem;
     font: 0.0866666667rem/0.39666666666666667rem "";
     text-align: center;
     font-family: "PingFang Bold";
     color: #fff;

 }
 .photostability .specifications_part2 ul{
     float:left;
     /*border-right:0.006666667rem solid rgb(255,255,255)*/
     margin-top: 0.543333333rem;
 }
 .photostability .specifications_part2 ul .title{
     height: 0.39666666666666667rem;
     width: 0.9866666666666667rem;
     font: 0.0866666667rem/0.39666666666666667rem "";
     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.006666667rem solid rgb(255,255,255);
     margin-top: 0.543333333333rem;
 }
 .photostability .specifications_part3 ul .title{
     height: 0.39666666666666667rem;
     width: 0.98666666667rem;
     text-align: center;
     font-family: "PingFang Medium";
     font: 0.0866666667rem/0.39666666666666667rem "";
 }
 .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.006666667rem solid rgb(255,255,255);
 }
 .photostability .specifications_part4 ul .title{
     height:0.16rem;
     width: 0.93rem;
     text-align: center;
     font-family: "PingFang Medium";
     font: 0.0866666667rem/0.16rem "";
 }
 .photostability .specifications_part5 ul{
     float:left;
     border-right: 0.006666667rem 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.45666666666666667rem;
     text-align: center;
     font-family: "PingFang Medium";
     font: 0.0866666667rem/0.16rem "";
 }
 .photostability .specifications_part4 ul li{
     height:0.16rem;
 }
 .photostability .specifications_part6 ul{
     float:left;
     border-right: 0.006666667rem 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.3233333333333333rem;
     text-align: center;
     font-family: "PingFang Medium";
     font: 0.0866666667rem/0.16rem "";
 }
 .photostability ul .font{
     font: 0.06666667rem/0.16rem "";
     text-align: center;
 }
 .photostability ul .bg1{
     background-color:#202a41 ;
     text-decoration: none;
     color: #fff;
 }
 .photostability ul .bg2{
     /*background-color:#fbfbfa;*/
     border: 0.003333333333rem solid #000;
     border-top: 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;
 }