body{
    background:#F0F0F0;
}


.medicalWrap{
    padding:100px 0px;
}




.changeBox{
    margin-top:150px;
}
.changeBox ul{
    display:flex;
    align-items:center;
    justify-content: space-between;
}

.changeBox ul li{
    width:23%;
    background:#fff;
    padding:30px;
    text-align: center;
    height:200px;
}

.changeBox ul li img{
    width:80px;
    height:80px;
    display: block;
    margin:0 auto;
}
.changeBox ul li h3{
    margin-top:15px;
    font-weight:600;
}
.changeBox ul li.tabItem{
    cursor: pointer;
}
.changeBox ul li.active{
    border-bottom:5px solid #208B3B;
}

/* .changeBox ul li:hover{
    border-bottom: 5px solid #208B3B;
} */

.contBox{
    background-color:#F7F7F7;
    padding:90px 0px;
}


.contentBd .changeCont{
    display:none;
}
.contentBd .changeCont.active{
    display:block;
}


.contPart ul{
    display:flex;
    /* justify-content: space-around; */
}
.contPart ul li{
    margin-right:70px;
}
.contPart ul li:last-child{
    margin-right:0px;
}
.contPart ul li h2{
    margin-bottom:30px;
    font-weight:800;
}
.contPart ul li p{
    margin-top:20px;
}
.contPart ul li p.addr{
    background:url(../images/addr-t1.png)left center no-repeat;
    background-size:24px;
    padding-left:30px;
}
.contPart ul li p.route{
    background:url(../images/addr-t2.png)left center no-repeat;
    background-size:24px;
    padding-left:30px;
}
.contPart ul li p.tel{
    background:url(../images/tel.png)left center no-repeat;
    background-size:24px;
    padding-left:30px;
}


.contPart ul li:first-child{
    border-right:1px solid #208B3B;
    padding-right:70px;
}

.messageWrap .form{
    display:flex;
    width:100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.messageWrap .inputList{
    width:46%;
    border:1px solid #666666;
    padding:10px 20px;
    margin-top:20px;
}
.messageWrap .inputList.error{
    border:1px solid #b74134
}
.layui-layer-content{font-size: 18px!important}
.messageWrap .inputList input{
    height:45px;
    line-height:45px;
    width:100%;
    font-size:18px;
}
.messageWrap .areaList{
    width:100%;
}
.messageWrap .areaList textarea{
    height:160px;
    font-size: 18px;
    width: 100%;
}

.mainIntro{
    width:100%;
    padding:40px;
    border: 1px solid #666666;
    text-align: center;
    margin-top:30px;
}
.mainIntro .mainTxt{
    max-width:767px;
    margin:auto;
}
.mainIntro .mainTxt h2{
    color:#666;
    margin-bottom:20px;
}
.mainIntro .mainTxt p{
    color:#999;
}
.mainIntro button{
    width:220px;
    height:60px;
    line-height:60px;
    color:#fff;
    text-align: center;
    border-radius:100px;
    margin-top:20px;
    background:#71BA2D;
    border:none;
}



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

@media (max-width: 1440px) {
    .changeBox{
        margin-top:60px;
    }
}

@media (max-width: 1280px) {
    .tabsChange{
        margin-top:40px;
    }
}

@media (max-width: 992px) {
    .medicalWrap {
        padding: 40px 0px;
        padding-bottom: 10px;
    }
    .changeBox ul{
        display:block;
    }
    .changeBox ul li {
        width: 100%;
        padding: 10px;
        text-align: center;
        height: auto;
        margin-bottom: 20px;
    }
    .changeBox ul li img {
        width: 50px;
        height: 50px;
        display: block;
        margin: 0 auto;
    }

    .contBox{
        padding:20px 0px;
    }
    .contPart ul{
        display:block;
    }
    .changeCont ul li{
        width:100%;
        margin: 0px;
        padding: 20px;
    }
    .contPart ul li:first-child{
        border-right:none;
        padding-right:20px;
    }

}

@media (max-width: 767px) {

    .messageWrap .inputList {
        width: 100%;
        border: 1px solid #666666;
        padding: 5px 20px;
        margin-top: 20px;
    }
    .mainIntro button {
        width: 200px;
        height: 48px;
        line-height: 48px;
    }
}
.messageWrap .selectInput{background:#F5F5F5;border-radius: 6px;height: 45px;line-height: 45px;padding: 0 50px 0 15px;width: 100%;color: #bbb;font-size: 18px;position: relative;cursor: pointer;display: flex;align-items: center}
.messageWrap .selectInput::after{content:"";position:absolute;top:50%;right:5px;transform:translateY(-50%);font-family: swiper-icons!important;color: #bbb;width:24px;height:25px;background:url(../images/18.png) no-repeat center;}
.messageWrap .selectBox{position:absolute;right:-1px;height:auto;max-height:240px;overflow-y:auto;background:#fff;top:105%;left:-1px;z-index:10;box-shadow:0 6px 20px rgba(189,206,240,.3);display: none;max-height: 280px;overflow: auto}
.messageWrap .selectBox::-webkit-scrollbar{width:4px;height:4px}
.messageWrap .selectBox::-webkit-scrollbar-track{background:#ddd;border-radius: 5px}
.messageWrap .selectBox::-webkit-scrollbar-thumb{background:#71BA2D;border-radius: 5px}

.messageWrap .selectBox .li{padding:15px 15px;text-align:center;color:#909296;cursor: pointer;font-size: 18px;display: flex;justify-content: center;align-items: center}
.messageWrap .selectBox .li:hover{background:#f9fef7;color:#71BA2D}