@font-face {
    font-family: 'PingFang 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 */
}
.wellcontiner_wrap{
    width: 100%;
}
h3{
    margin: 0;
    padding: 0;
}
.item-gird{
    width: 100%;
    overflow: hidden;
}
.item-gird img{
    width: 100%;
    vertical-align: middle;
}
.item1 .imgbox{
    position: relative;
}
.item2 .imgbox{
    position: relative;
}
.item1 .textinfo{
    position: absolute;
    right: 0;
    top: 15%;
    width: 45%;
    padding: 0;
    margin: 0;
}
.item1 .textinfo h3{
    /*font-family: PingFang Regular;*/
    color: #060606;
    font-size: 36px;
    font-weight: normal;
}
.item1 .textinfo h3:after{
    content: "";
    width: 60px;
    height: 2px;
    background: #000;
    margin-top: 30px;
    display: block;
    margin-bottom: 27px;

}
.item1 .textinfo p{
    color: #060606;
    font-size: 24px;
    font-weight: normal;
    line-height: 50px;
}
.item2 .textinfo{
    position: absolute;
    left: 6%;
    top: 48%;
    width: 45%;
    padding: 0;
    margin: 0;
    color: #fff;
}
.item2 .textinfo h3{
    /*font-family: PingFang Regular;*/
    color: #060606;
    font-size: 26px;
    font-weight: normal;
    color: #fff;
    line-height: 60px;

}
.item1 .textinfo h3:after{
    content: "";
    width: 60px;
    height: 2px;
    background: #000;
    margin-top: 30px;
    display: block;
    margin-bottom: 27px;

}
.item2 .textinfo p{
    font-size: 24px;
    font-weight: normal;
    line-height: 50px;
}

/*item3*/
.item3 .imgbox{
    position: relative;
}
.item3 .textinfo{
    position: absolute;
    left: 16%;
    top: 28%;
    width: 45%;
    padding: 0;
    margin: 0;
    color: #060606;
}
.item3 .textinfo h3{
    /*font-family: PingFang Regular;*/
    color: #060606;
    font-size: 36px;
    font-weight: normal;
}
.item3 .textinfo h3:after{
    content: "";
    width: 60px;
    height: 2px;
    background: #000;
    margin-top: 50px;
    display: block;
    margin-bottom: 57px;

}
.item3 .textinfo p{
    font-size: 24px;
    font-weight: normal;
    line-height: 50px;
}
/*item4*/
.item4 .imgbox{
    position: relative;
}
.item4 .textinfo{
    position: absolute;
    right: 10%;
    top: 36%;
    padding: 0;
    margin: 0;
    color: #060606;
}
.item4 .textinfo h3{
    /*font-family: PingFang Regular;*/
    color: #060606;
    font-size: 36px;
    font-weight: normal;
    line-height: 70px;
}

.item4 .textinfo p{
    font-size: 48px;
    font-weight: normal;
    line-height: 50px;
}
/*item5*/
.item5 .imgbox{
    position: relative;
}
.item5 .textinfo{
    position: absolute;
    left: 5%;
    top: 10%;
    width: 50%;
    padding: 0;
    margin: 0;
    color: #fff;
}
.item5 .textinfo h3{
    /*font-family: PingFang Regular;*/
    font-size: 36px;
    font-weight: normal;
    line-height: 70px;
}
.item5 .textinfo h3:after{
    content: "";
    width: 60px;
    height: 2px;
    background: #fff;
    margin-top: 10px;
    display: block;
    margin-bottom: 67px;

}

.item5 .textinfo p{
    font-size: 30px;
    font-weight: normal;
    line-height: 60px;
}
/*item6*/
.item6 .imgbox{
    position: relative;
}
.item6 .textinfo{
    position: absolute;
    left: 5%;
    top: 24%;
    width: 50%;
    padding: 0;
    margin: 0;
    color: #060606;
}

.item6 .textinfo p{
    font-size: 27px;
    font-weight: normal;
    line-height: 60px;
}
/*item6*/
.item7 .imgbox{
    position: relative;
}
.item7 .textinfo{
    position: absolute;
    right: 2%;
    top: 2%;
    width: 33%;
    padding: 0;
    margin: 0;
    color: #fffefe;
}

.item7 .textinfo p{
    font-size: 38px;
    font-weight: normal;
    line-height: 60px;
}
.item7 .textinfo p:after{
    content: "+";
    font-size: 38px;
    font-weight: normal;
    line-height: 20px;
    display: block;
}
/*item8*/
.item8 .imgbox{
    position: relative;
}
.item8 .textinfo{
    position: absolute;
    right: 2%;
    top: 45%;
    padding: 0;
    margin: 0;
    color: #fffefe;
}

.item8 .textinfo p{
    font-size: 48px;
    font-weight: normal;
    line-height: 90px;
}

/*item9*/
.item9 .imgbox{
    position: relative;
}
.item9 .textinfo{
    position: absolute;
    left: 3%;
    top: 5%;
    width: 65%;
    padding: 0;
    margin: 0;
    color: #fff;
}

.item9 .textinfo p{
    font-size: 48px;
    font-weight: normal;
    line-height: 90px;
}
/*item10*/
.item10 .imgbox{
    position: relative;
}
.item10 .textinfo{
    position: absolute;
    left: 6%;
    top: 30%;
    width: 65%;
    padding: 0;
    margin: 0;
    color: #fdfcfc;
}

.item10 .textinfo p{
    font-size: 48px;
    font-weight: normal;
    line-height: 90px;
}
.item10 .textinfo p:after{
    content: ">>";
    font-size: 38px;
    font-weight: normal;
    line-height: 60px;
    display: block;
}
/*item11*/
.item11 .imgbox{
    position: relative;
}
.item11 .textinfo{
    position: absolute;
    right: 1%;
    top: 23%;
    padding: 0;
    margin: 0;
}
.item11 .textinfo h3{
    color: #010101;
    font-size: 36px;
    font-weight: normal;
}
.item11 .textinfo h3:after{
    content: "";
    width: 60px;
    height: 2px;
    background: #0f7ad1;
    margin-top: 50px;
    display: block;
    margin-bottom: 57px;

}
.item11 .textinfo p{
    font-size: 30px;
    font-weight: normal;
    line-height: 60px;
    color: #060606;
}
/*item11*/
.item12 .imgbox{
    position: relative;
}
.item12 .textinfo{
    position: absolute;
    left: 13%;
    top: 30%;
    width: 43%;
    padding: 0;
    margin: 0;
    color: #fffefe;
}
.item12 .textinfo h3{
    font-size: 36px;
    font-weight: normal;
    line-height: 77px;
}
.item12 .textinfo h3:after{
    content: "";
    width: 60px;
    height: 2px;
    background: #fffefe;
    margin-top: 50px;
    display: block;
    margin-bottom: 57px;

}
.item12 .textinfo p{
    font-size: 36px;
    font-weight: normal;
    line-height: 60px;
}
/*item13*/
.item13 .imgbox{
    position: relative;
}
.item13 .textinfo{
    position: absolute;
    right:2%;
    top: 30%;
    padding: 0;
    margin: 0;
    color: #010101;
}
.item13  h3{
    font-size: 36px;
    font-weight: normal;
    color: #010101;
    text-align: center;
    position: absolute;
    left: 17%;
    top:10%;
}
.item13 .textinfo p{
    font-weight: normal;
    line-height: 60px;
    font-size: 24px;
    border-bottom: #ccc solid 1px;
    margin-bottom: 20px;
}
.b-item8 .textinfo{
    left:10% ;
    top:10%
}
.b-item8 .textinfo p{
    font-size: 42px;
}
.b-item9 .textinfo{
    right: 6%;
}
.b-item9 .textinfo{
    right: 6%;
}
.b-item9 .textinfo p,
.b-item9 .textinfo h3{
    color: #fff;
}
.b-item10 .textinfo{
    right: 6%;
    left: 4% ;
}
.b-item10 .textinfo h3{
    font-size: 39px;
}
.b-item10 .textinfo p{
    font-size: 34px;
}
.b-item11 .textinfo{
    top: 15%;
}
.b-item11 .textinfo h3{
    font-size: 42px;
    font-weight: normal;
    line-height: 78px;

}
.b-item11 .textinfo h3:after{
    content: ">>";
    font-size: 38px;
    font-weight: normal;
    line-height: 60px;
    display: block;
}
.b-item11 .textinfo p:after{
    display: none;
}

@media screen and (min-width: 1855px) {
    .item1 .textinfo {
        top: 26%;
    }

    .item1 .textinfo p {
        color: #060606;
        font-size: 32px;
        font-weight: normal;
        line-height: 50px;
    }

    .item2 .textinfo h3 {
        font-size: 36px;
        line-height: 60px;
    }

    .item4 .textinfo {
        position: absolute;
        right: 20%;
        top: 36%;
        padding: 0;
        margin: 0;
        color: #060606;
    }

    .item5 .textinfo {
        position: absolute;
        left: 11%;
        top: 19%;
        width: 50%;
        padding: 0;
        margin: 0;
        color: #fff;
    }

    .item6 .textinfo {
        top: 33%;
    }

    .item7 .textinfo {
        top: 16%;
    }

    .item7 .textinfo p {
        font-size: 48px;
        line-height: 80px;
    }

    .item8 .textinfo {
        top: 55%;
        right: 15%;
    }

    .item9 .textinfo {
        left: 5%;
        top: 11%;
    }

    .item11 .textinfo {
        right: 7%;
    }

    .item13 .textinfo {
        position: absolute;
        right: 10%;
        top: 40%;
        padding: 0;
        margin: 0;
        color: #010101;
    }

    .item13 h3 {
        left: 25%;
    }

    .b-item8 .textinfo {
        top: 20%;
    }

    .b-item9 .textinfo {
        right: 13%;
        top: 26%;
    }

    .b-item10 .textinfo {
        left: 6%;
    }
    .b-item11 .textinfo {
        top: 24%;

    }
}