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

  body{
    /*overflow-x: hidden;*/
      margin: 0;
      padding: 0;
  
}
h3{
    margin: 0;
}
.margin{    width: 4rem;
    margin: 0 auto;}

.nav{
    position: relative;
    height: 950px;
    background: url(/healthcodon/images/innopage1/bg.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;
}
.nav .bg1{
    width: 100%;
    height: 100%;
    top:0;
    z-index: -1;

}
.nav .bg1 img{
    display: block;
    outline: none;
    border:0;
    height: 100%;
    width: 100%;
}
.title{

    text-align: center;
    /* margin-top: 50px; */
    font-family: "PingFang Bold";
    position: absolute;
    top: 42px;
    left: 36%;

}
.title h3{
    font-size: 76px;
    color: #ffffff;
}
.nav .img1{
    top: 100px;
    z-index: 2;
    position: absolute;
    top: 114px;
    left:50px

}
.nav .img1 img{
    display: block;
    outline: none;
    border: 0;
    /* height: 100%; */
    width: 77%;
}
.nav .product{  
    font-size: 32px;
    color: #ffffff;
    font-family: "PingFang Bold";
    text-align: center;
    margin-top: -8%;
}

.banner{
    /*height: 950px;*/
    height: 3.166667rem;
    background-color: #141414;
    color: #ffffff;
    text-align: center;
    font-family: "PingFang Bold";
}
.banner .p1{
    /*font-size: 76px;*/
    font-size: 0.253333rem;
    padding-top: 0.5rem;
    
}
.banner .p2{
    /*font-size:30px ;*/
    font-size: 0.1rem;
    color: rgba(255, 255, 255, 0.6);
    /*margin-top: 50px;*/
    margin-top: 0.166667rem;
}
.banner .p3{
    /*font-size:30px ;*/
    font-size: 0.1rem;
    color: rgba(255, 255, 255, 0.6);
    /*margin-bottom: 90px;*/
}

.banner img{
    /*width: 47.25%;*/
    /*margin-top: 33px;*/
    width: 2.72rem;
    height: 1.726667rem;
    margin-top: 0.13rem;
}
 .tu{
    width: 100%;
    height: 100%;
    top:0;
    z-index: -1;
     /* position: absolute; */
}
.tu img{
    display: block;
    outline: none;
    border:0;
    height: 100%;
    width: 100%;
}

.tris{
    height: 3.166667rem;
    background-color: #262626;
    /* text-align: center; */
}
.tris .tris1{
    width: 35.4%;
    /*height: 890px;*/
    height: 2.9666667rem;
    background-color: #141414;
    margin-left: 3%;
    float: left;
    margin-right: 3%;
}

.tris .tris1 h3{
    /*font-size: 50px;*/
    font-size: 0.166667rem;
    color: #ffffff;
    margin-left: 19%;

}
.tris .tris1 p{
    /* text-align: left; */
    /*font-size:26px;*/
    font-size: 0.086667rem;
    color: rgba(255, 255, 255, 0.6);
    margin-left: 19%;
}
.tris .tris1 img{
    margin-left: 22%;
    margin-top: 26%;
    
}
.tris .tris2 {

    top:0;
    z-index: -1;
    margin-left: 5%;
}
.tris .triss2 img{
    /* display: block;
    outline: none;
    border: 0;
    height: 93%; */
    /*height: 83.8%;*/
    height: 2.486667rem;
    width: 2.8766667rem;
    /*width: 83%;*/
    /*margin-top: 144px;*/
    /*margin-left: 88px;*/
    /*margin-top: 15%;*/
    /*margin-left: 8.461%;*/
    margin-top: 0.48rem;
    margin-left: 0.29333333rem;
}

.bris .briss2 {

    /* top:0;
    z-index: -1;
    margin-left: 5%; */
}
.bris .briss2 img{
    /* display: block;
    outline: none;
    border: 0;
    height: 93%; */
    /*height: 84%;*/
    /*margin-top: 17.2%;*/
    margin-top: 0.5233333rem;
    margin-left: 0.233333rem;
    /*width: 84%;*/
    width: 2.946667rem;
    height: 2.443333rem;
}

.bris .bris1{
    /*width:545px;*/
    /*height: 890px;*/
    width: 2.3333333rem;
    height: 2.966667rem;
    background-color: #141414;

    float: left;

}

.bris .bris1 h3{
    /*font-size: 50px;*/
    font-size: 0.166667rem;
    color: #ffffff;
    margin-left: 15%;


}
.bris .bris1 p{
    /* text-align: left; */
    /*font-size:26px;*/
    font-size: 0.086667rem;
    color: rgba(255, 255, 255, 0.6);
    margin-left: 19%;
}

.bris .bris1  img{
    margin-left: 42%;
    margin-top: 22%;
}



/* .bris{
    height: 739px;
    background-color: #262626;

}
.bris .bris1 {

    height: 100%;
    top:0;
    z-index: -1;
    margin-left: 3%;
    float: left;
}
.bris .bris1 img{
    display: block;
    outline: none;
    border: 0;
    height: 93%;
  

}

.bris .bris2{
    width: 530px;
    height: 686px;
    background-color: #141414;
 margin-left: 3%;
    float: left;
    margin-right: 3%;
}

.bris .bris2 h3{
    font-size: 50px;
    color: #ffffff;
    margin-right: 14%;
    text-align: right;

}
.bris .bris2 p{
    font-size:26px;
    color: rgba(255, 255, 255, 0.6);
    margin-right: 14%;
    text-align: right;
} */

.part1{
    /*height: 950px;*/
    height: 3.166667rem;
    background-color: #141414;
    color: #ffffff;
    text-align: center;
    position: relative;
}
/*.part1 h3{*/
/*    !*font-size: 76px;*!*/
/*    font-size: 0.25333333rem;*/
/*    !*padding-top: 150px;*!*/
/*    padding-top: 0.5rem;*/
/*    !*margin-bottom: 50px;*!*/
/*    margin-bottom: 0.166667rem;*/
/*    margin: 0;*/
/*}*/
.part1 p{
    /*font-size: 30px;*/
    font-size: 0.1rem;
    color: rgba(255, 255, 255, 0.6);
}

.part1 .glue{
    /*top: 470px;*/
    top: 1.566667rem;
    /* z-index: -1; */
    position: absolute;
    left: 37%;
    top: 54%;
}
.part1 .glue img{
    display: block;
    outline: none;
    border: 0;
    /* height: 100%; */
    /*width: 70.8%;*/
    width: 1.72rem;
    height: 1.6533333rem;
}
.solo{
    background-color: #141414;
    /*height: 950px;*/

    text-align: center;
    padding-top: 0.4833333333rem;
}
.solo img {
    width: 4rem;
    height: 2.1666666rem;
}
.part2{
    /* height: 950px; */
    background-color: #141414;
    color: #ffffff;
    /*padding-bottom: 140px;*/
    padding-top: 0.3rem;
    position: relative;
}
.part2 h3{
    font-family: "PingFang Bold";
    /*font-size: 70px;*/
    font-size: 0.16666666666666rem;
    /*padding-left: 10%;*/
    padding-left: 1.2rem;
    margin: 0;
}
.part2 p{
    font-family: "PingFang Bold";
    /*font-size: 26px;*/
    font-size: 0.086667rem;
    margin-left: 1.2rem;
}

.solo2{
    background-color: #262626;
    /*height: 900px;*/
    height: 3.1666667rem;
    text-align: center;
    /*padding-top: 50px;*/
    padding-top: 0.166667rem;
}

.part3{
    background-color: #262626;
    color: #ffffff;
    /*padding-bottom: 64px;*/
    padding-bottom: 0.2133333rem;
}
 .part3 ul li {

    /*font-size: 18px;*/
     font-size: 0.06rem;
    color: rgba(255, 255, 255, 0.6);
    font-family: "PingFang Medium";


text-align:justify;

text-justify:distribute-all-lines;
 }

.partlast{
    background-color: #262626;
    color: #ffffff;
    font-family: "PingFang Bold";
    /*font-size: 24px;*/
    font-size: 0.08rem;
    text-align: left;
    /*padding-bottom: 70px;*/
    padding-bottom: 0.2333333rem;
}