.healthleft {
    width: 18%;
    float: left;
    height: 100%;
}

.healthright {
    width: 82%;
    float: left;
    height: 100%;
}

.healthleft .menu {
    height: 50px;
    width: 150px;
    background-color: #152C6D;
    color: white;
    font-size: 16px;
    padding: 10px;
    cursor: pointer;
}

.healthleft .unchoose1 {
    background-color: white;
    color: #101010;
    border-top: solid 1px lightgray;
}

.healthleft .unchoose2 {
    background-color: white;
    color: #101010;
    border-bottom: solid 1px lightgray;
}

.healthcard {
    height: 226px;
    width: 180px;
    float: left;
    margin: 10px;
    cursor: pointer;
}

.healthcard:hover .healthcardinfo {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

content img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.healthcard1 {
    /* background: url(../images/jiankang/jiuzhengjilv.png) no-repeat;
    background-size: cover; */
}

.healthcard2 {
    background: url(../images/jiankang/tijianbaogao.png) no-repeat;
}

.healthcard3 {
    background: url(../images/jiankang/jiankangjiance.png) no-repeat;
}


.healthcardinfo {
    height: 200px;
    width: 200px;
    border: solid 1px lightgray;
    float: left;
    box-shadow: 1px 1px 1px lightgray;
    padding: 10px;
    /*display: none;*/
    position: absolute;
    margin-left: -12px;
    margin-top: -190px;
    position: absolute;
    z-index: 99;
    background: white;
    opacity: 0;
    transition: all .8s cubic-bezier(.23, 1, .32, 1);
}

.description {
    text-align: left;
    margin-top: 20px;
    font-size: 16px;
    line-height: 36px;
    padding-left: 5px;
    word-wrap: break-word;
    /* max-width: 300px; */
}

.otherService .description {
    text-align: left;
    margin-top: 20px;
    font-size: 16px;
    line-height: 30px;
    padding-left: 5px;
    word-wrap: break-word;
}

.zixun {
    height: 300px;
    width: 250px;
    float: left;
}


.likezixun {
    background: url(../images/jiankang/lijizixun.png) no-repeat;
    height: 45px;
    width: 140px;
    position: absolute;
    background-size: 80%;
    opacity: 0.5;
}

.jiangyitop {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

    .jiangyitop div {
        float: left;
    }


.jiangyititle {
    font-size: 16px;
    margin-left: 30px;
    margin-top: 8px;
}


.otherService {
    width: 420px;
    height: 300px;
    background: white;
    border: solid 1px lightgray;
    box-shadow: 1px 1px 1px #F7F7F7;
    color: #101010;
    position: absolute;
    padding: 20px;
    transition: all .8s cubic-bezier(.23, 1, .32, 1);
}

.other1 {
    margin-top: 30px;
    transform: translate3d(-50px, 0px, 0px);
}

.other2 {
    margin-top: 30px;
    transform: translate3d(400px, 0px, 0px);
}

.other3 {
    margin-top: 30px;
    transform: translate3d(850px, 0px, 0px);
}

.other {
    /*margin-left: 825px;
    */
    margin-top: 30px;
    opacity:0;
}

.newsnext{
    float:left;width:30px;text-align:center;cursor:pointer;
}

.newsnext:hover{
        box-shadow: 0px 1px 0px white;
}

.appcategory {
    width: 250px;
    height: 250px;
    box-shadow: 1px 1px 1px #F7F7F7;
    margin: 10px;
    position: absolute;
    cursor: pointer;
}

/*.appcategory:hover .appcategoryinfo{
    opacity:1,
}*/

.unappcategory {
    width: 250px;
    height: 250px;
    box-shadow: 1px 1px 1px #F7F7F7;
    margin: 10px;
    position: absolute;
    cursor: pointer;
}

.appcategory1 {
    margin-left: 50px;
    margin-top: 10px;
}

.appcategory2 {
    margin-left: 310px;
    margin-top: 10px;
}

.appcategory3 {
    margin-left: 570px;
    margin-top: 10px;
}

.appcategory4 {
    margin-left: 50px;
    margin-top: 270px;
}

.appcategory5 {
    margin-left: 310px;
    margin-top: 270px;
}

.appcategory6 {
    margin-left: 570px;
    margin-top: 270px;
}


.appcategory7 {
    margin-left: 50px;
    margin-top: 530px;
}

.appcategory8 {
    margin-left: 310px;
    margin-top: 530px;
}

.appcategory9 {
    margin-left: 570px;
    margin-top: 530px;
}

.appcategoryinfo {
    /*height: 300px;
    width: 300px;
    border: solid 1px lightgray;
    float: left;
    box-shadow: 1px 1px 1px lightgrey;
    padding: 10px;
    position: absolute;
    margin-left: -20px;
    margin-top: -275px;
    position: absolute;
    z-index: 99;
    background: white;
    opacity: 0;
    transition: all .8s ease-out;*/

    height: 300px;
    width: 300px;
    border: solid 1px lightgray;
    float: left;
    box-shadow: 1px 1px 1px lightgray;
    padding: 10px;
    /*display: none;*/
    position: absolute;
   margin-left: -20px;
    margin-top: -275px;
    position: absolute;
    z-index: 99;
    background: white;
    opacity: 0;
    transition: all .8s cubic-bezier(.23, 1, .32, 1);
}

.appcategory:hover .appcategoryinfo {
    opacity: 1;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.appcategorypage {
    width: 30px;
    height: 30px;
    border: solid 1px lightgray;
    box-shadow: 1px 1px 1px white;
    color: #101010;
    padding-left: 11px;
    float: left;
    margin: 10px;
    padding-top: 5px;
    cursor: pointer;
}

.appcategorypageck {
    color: white;
    background: #152C6D;
}