@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");
  }
.margin{
    width: 1200px;
    margin: 0 auto;  
    padding: 0;
    list-style: none;
}
.margin1{
    width: 986px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.innopagetop{
    position: relative;
    height: 950px;
    background-image: url(/healthcodon/images/innopagenew/innopagetop.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;
}
.innopagetop .innopagetopfont{
    margin-left: 268px;

    color: #003d48;
    font-family: "PingFang Regular";
 
}
.innopagetop .innopagetopfont h3{
    font-size: 40px;
}
.innopagetop .innopagecenter{
    margin-left: 206px;
    margin-top: -66px;
    font-size: 40px;
    color: #003d48;
    font-family: "PingFang Bold";
}
.innopagetop .innopagetopfontright{
    float: right;
    margin-top: -183px;
    margin-right: 83px;
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
}
.innopagetop .innopagebottom i{
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Medium";
    margin-top: 56px;
    display: inline-block;
}
.innopagetop .innopagebottomone{
    font-size: 16px;
    color: #003d48;
    font-family: "PingFang Medium";
    margin: 20px 0 0 112px;
}

.innopagesecond {
    position: relative;
    height: 950px;
    background-image: url(/healthcodon/images/innopagenew/innopagesecond.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;
}
.innopagesecond .innopagesecondtop{
    font-size: 40px;
    color: #003d48;
    font-family: "PingFang Bold";
    padding-top: 47px;
    margin-left: 6px;
}
.innopagesecond .innopagesecondcenter{
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
    margin-left: 6px;
    margin-top: 91px;
}
.innopagesecond .innopagesecondcenterone{
    margin-top: 109px;
    margin-left: 6px;
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
}
.innopagesecond .innopagebottom{
    margin-top: 250px;
    margin-left: 6px;
    font-size: 14px;
    color: #003d48;
    font-family: "PingFang Bold";

}
.innoopagethree{
    position: relative;
    height: 950px;
    background-image: url(/healthcodon/images/innopagenew/innoopagethree.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;

}
.innoopagethree .innopagethreetop{
    font-size: 40px;
    color: #003d48;
    font-family: "PingFang Bold";
    padding-top: 47px;
    margin-left: 6px;
}
.innoopagethree .innopagethreecenter{
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
    margin-left: 6px;
    margin-top: 91px;
}
.innoopagethree .innopagethreecenterone{
    margin-top: 109px;
    margin-left: 6px;
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
}

.innoopagethree .innopagethreebottom{
    margin-top: 291px;
    margin-left: 6px;
    font-size: 14px;
    color: #003d48;
    font-family: "PingFang Bold";
}
.innoopagefour{
    position: relative;
    height: 950px;
    background-image: url(/healthcodon/images/innopagenew/innoopagefour.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;

}
.innoopagefour .innopagethreetop{
    font-size: 40px;
    color: #fff;
    font-family: "PingFang Bold";
    padding-top: 47px;
    margin-left: 6px;
}
.innoopagefour .innopagethreecenter{
    font-size: 20px;
    color: #fff;
    font-family: "PingFang Bold";
    margin-left: 6px;
    margin-top: 91px;
}
.innoopagefour .innopagethreecenterone{
    margin-top: 113px;
    margin-left: 6px;
    font-size: 20px;
    color: #fff;
    font-family: "PingFang Bold";
}

.innoopagefive{
    position: relative;
    height: 950px;
    background-image: url(/healthcodon/images/innopagenew/innoopagefive.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;

}
.innopagesix{
    position: relative;
    height: 950px;
    background-image: url(/healthcodon/images/innopagenew/innopagesix.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;

}
.innopagesix .innopagethreetop{
    font-size: 40px;
    color: #003d48;
    font-family: "PingFang Bold";
    padding-top: 47px;
    margin-left: 6px;
}
.innopagesix .innopagethreecenter{
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
    margin-left: 6px;
    margin-top: 91px;
}
.innopagesix .innopagethreecenterone{
    margin-top: 110px;
    margin-left: 6px;
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
}

.innopagesix .innopagethreebottom{
    margin-top: 291px;
    margin-left: 6px;
    font-size: 14px;
    color: #003d48;
    font-family: "PingFang Bold";
}
.innopageseven{
    position: relative;
    height: 950px;
    background-image: url(/healthcodon/images/innopagenew/innopageseven.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;

}
.innopageseven .innopagethreetop{
    font-size: 40px;
    color: #003d48;
    font-family: "PingFang Bold";
    padding-top: 47px;
    margin-left: 6px;
}
.innopageseven .innopagethreecenter{
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
    margin-left: 6px;
    margin-top: 91px;
}
.innopageseven .innopagethreecenterone{
    margin-top: 111px;
    margin-left: 6px;
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
}

.innopageseven .innopagethreebottom{
    margin-top: 291px;
    margin-left: 6px;
    font-size: 14px;
    color: #003d48;
    font-family: "PingFang Bold";
}
.innopageeight{
    position: relative;
    height: 950px;
    background-image: url(/healthcodon/images/innopagenew/innopageeight.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;

}
.innopageeight .innopagethreetop{
    font-size: 40px;
    color: #fff;
    font-family: "PingFang Bold";
    padding-top: 47px;
    margin-left: 6px;
}
.innopageeight .innopagethreecenter{
    font-size: 20px;
    color: #fff;
    font-family: "PingFang Bold";
    margin-left: 6px;
    margin-top: 91px;
}
.innopageeight .innopagethreecenterone{
    margin-top: 106px;
    margin-left: 6px;
    font-size: 20px;
    color: #fff;
    font-family: "PingFang Bold";
}

.innopageeight .innopagethreebottom{
    margin-top: 212px;
    margin-left: 6px;
    font-size: 14px;
    color: #fff;
    font-family: "PingFang Bold";
}

.innopagenine{
    position: relative;
    height: 950px;
    background-image: url(/healthcodon/images/innopagenew/innopagenine.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;

}
.innopagenine .innopagethreetop{
    font-size: 40px;
    color: #003d48;
    font-family: "PingFang Bold";
    padding-top: 47px;
    margin-left: 6px;
}
.innopagenine .innopagethreecenter{
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
    margin-left: 6px;
    margin-top: 73px;
}
.innopagenine .innopagethreecenterone{
    margin-top: 138px;
    margin-left: 6px;
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
}

.innopagenine .innopagethreebottom{
    margin-top:86px;
    margin-left: 6px;
    font-size: 14px;
    color: #003d48;
    font-family: "PingFang Bold";
}

.innopageten{
    position: relative;
    height: 950px;
    background-image: url(/healthcodon/images/innopagenew/innopageten.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;

}
.innopageten .innopagethreetop{
    font-size: 40px;
    color: #fff;
    font-family: "PingFang Bold";
    padding-top: 47px;
    margin-left: 6px;
}
.innopageten .innopagethreecenter{
    font-size: 20px;
    color: #fff;
    font-family: "PingFang Bold";
    margin-left: 6px;
    margin-top: 91px;
}
.innopageten .innopagethreecenterone{
    margin-top: 139px;
    margin-left: 6px;
    font-size: 20px;
    color: #fff;
    font-family: "PingFang Bold";
}

.innopageten .innopagethreebottom{
    margin-top: 172px;
    margin-left: 6px;
    font-size: 14px;
    color: #fff;
    font-family: "PingFang Bold";
}

.innopagetank{
    position: relative;
    height: 950px;
    background-image: url(/healthcodon/images/innopagenew/innopagetank.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;

}
.innopagetank .innopagethreetop{
    font-size: 40px;
    color: #003d48;
    font-family: "PingFang Bold";
    padding-top: 47px;
    margin-left: 6px;
}
.innopagetank .innopagethreecenter{
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
    margin-left: 6px;
    margin-top: 91px;
}
.innopagetank .innopagethreecenterone{
    margin-top: 138px;
    margin-left: 6px;
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
}

.innopagetank .innopagethreebottom{
    margin-top: 183px;
    margin-left: 6px;
    font-size: 14px;
    color: #003d48;
    font-family: "PingFang Bold";
}


.innopagetime{
    position: relative;
    height: 950px;
    background-image: url(/healthcodon/images/innopagenew/innopagetime.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;

}
.innopagetime .innopagethreetop{
    font-size: 40px;
    color: #003d48;
    font-family: "PingFang Bold";
    padding-top: 47px;
    margin-left: 6px;
}
.innopagetime .innopagethreecenter{
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
    margin-left: 6px;
    margin-top: 91px;
}
.innopagetime .innopagethreecenterone{
    margin-top: 109px;
    margin-left: 6px;
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
}

.innopagetime .innopagethreebottom{
    margin-top: 248px;
    margin-left: 6px;
    font-size: 14px;
    color: #003d48;
    font-family: "PingFang Bold";
}

.innopageproduct{
    position: relative;
    height: 950px;
    background-image: url(/healthcodon/images/innopagenew/innopageproduct.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;

}
.innopageproduct .innopagethreetop{
    font-size: 40px;
    color: #003d48;
    font-family: "PingFang Bold";
    padding-top: 47px;
    margin-left: 6px;
}
.innopageproduct .innopageright{
    float: right;
    font-size: 20px;
    color: #003d48;
    font-family: "PingFang Bold";
    margin-right: 13px;
    margin-top: -59px;

}
.innopageproduct ul li{
    margin-top: 80px;
    float: left;
    font-size: 18px;;
    font-family: "PingFang Bold";
}
.innopageproduct ul li h3{
    color: #003d48;
    font-size: 18px;
}

.innopageproduct ul li p{
    color: #999999;
}
.innopagebottomfooter{
    height: 710px;
    background-color: #f1f0f1;
}
.innopagebottomfooter p{
    color: #262626;
    font-size: 18px;;
    font-family: "PingFang Bold";
    text-align: justify;

}