body{
    background:#F0F0F0;
}


.medicalWrap{
    padding:100px 0px;
}

.tabsChange{
    display:flex;
    justify-content: center;
    margin-top:80px;
}


.tabsChange ul{
    display:flex;
    align-items:center;
}
.tabsChange ul li{
    min-width:235px;
    background:#fff;
    margin:10px;
    text-align: center;
    height:60px;
    line-height:60px;
    cursor: pointer;
}
.tabsChange ul li.active {
    background: #208B3B;
    color: #fff;
}


.changeCont{
    margin-top:60px;
}
.changeCont ul{
    display:flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content: stretch;
}
.changeCont ul li{
    width:30%;
    background:#fff;
    margin:20px 1.66%;

}

.imgTop img{
    width:100%;
}
.listItem h3{
    margin-top:5px;
    color:#000;
    font-weight:600;
}

.listItem .intro{
    margin-top:20px;
}
.listItem .botBox{
    padding:30px 20px;
}



.btnMore{
    display:flex;
    align-items:center;
    margin-top:30px;
    color:#208B3B;
}
.btnMore img{
    width:26px;
    height:26px;
    display: block;
    margin-left:15px;
}


.pubPage{
    margin:16px;
    margin-top:60px;
}

.listItem .imgTop{
    width: 100%;
    position: relative;
    padding-top: 63.3%;
    /*border-radius: 8px 8px 0px 0px;*/
    overflow:hidden;
}
.listItem .imgTop img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 101%;
    height: 101%;
    object-fit: cover;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}



/* 适配 */
@media (max-width: 1680px) {}

@media (max-width: 1440px) {
    .tabsChange{
        margin-top:40px;
    }
    .changeCont ul li {
        width: 30%;
        background: #fff;
        margin: 19px 1.66%;
    }
}

@media (max-width: 1280px) {
    .tabsChange{
        margin-top:40px;
    }
    .changeCont ul li {
        width: 28%;
        background: #fff;
        margin: 30px 2.66%;
    }
}

@media (max-width: 992px) {
    .medicalWrap {
        padding: 40px 0px;
    }
    .tabsChange{
        margin-top:20px;
    }
    .tabsChange ul li {
        min-width: 120px;
        margin: 10px;
        text-align: center;
        height: 42px;
        line-height: 42px;
    }
    .changeCont {
        margin-top: 20px;
    }
    .changeCont ul li{
        width:100%;
        margin:0px;
        margin-bottom:20px;
    }
}

@media (max-width: 767px) {

    .tabsChange ul li {
        min-width: auto;
        margin: 5px;
        padding:0px 10px;
        text-align: center;
        height: 42px;
        line-height: 42px;
    }

}