@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/PingFang 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/product1.png");*/
      top: 0;
      left: 0;
      /*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:11.3067rem;
      /*height: 7.93rem;*/
      position: relative;
  }
 .f5z-prodct-box img{
     width: 100%;
     height: 100%;
 }
 .f5z-product-header{
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    /*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;
  }
  .f5z-product-list-text {
    width: 4.3333rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .f5z-product-list-leftimg {
    width: 1.8333rem;
    height: 1.71rem;
  }
  .f5z-product-list-textlang {
    width: 4.1667rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
      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;
  }
  .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-size: 100% 3.05rem;
      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_1.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-repeat: 100% 1.6733rem;
      background-position: center 0;
      height: 1.6733rem;
  
  }
  
  .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: 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/tablebackground1.png");
       top: 0;
       left: 0;
       width:100%;
  
       /*min-width: 3.3333rem;*/
       /*z-index:1;*/
       zoom: 1;
       background-repeat: no-repeat;
       background-size: 100% 4.04rem;
       /* -webkit-background-size: cover;
       -o-background-size: cover; */
       background-position: center 0;
       height: 4.04rem;
       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.49rem;*/
       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;
   }