.xiaoeryanke-container{ background-color: #E7F8FF;box-sizing: border-box;}
.bottom { margin-top: 0;}
.title{ text-align: center;}
.title h1{ font-size: 26px;}
.title .txt{ text-align: center; color: #4EA1C9; font-size: 24px;}
.title .txt span{ display: inline-block; margin: 0 10px; }
.mt40{ padding-top: 80px;}
.mb40{ padding-bottom: 60px;}

.introduce{}
.introduce .am-fl{width: 520px; overflow: hidden;}
.introduce .am-fr{ width: 640px; position: relative;}
.introduce .am-fr h1{ font-size: 24px; border-bottom: 1px solid #4E4E4E; padding-bottom: 20px;}
.introduce .am-fr p{ font-size: 18px; line-height: 28px; height: 250px;}
.introduce .am-fr a{position:absolute; bottom:0; color: #4DA0C8; border:1px solid #4DA0C8; padding: 10px 15px; width: 120px; text-align: center; border-radius: 15px; font-size: 16px;}
.introduce .am-fr a:hover{ color: #000; border-color: #000;}

.project{}
.project .bgb{ background-color: #FFF; margin-bottom: 20px; height: 260px; border-radius: 20px; padding: 60px; position: relative;}
.project .bgb:hover{ background-color: #4DA0C8; color: #FFF; background-image: url("../images/xryk/ks-bg.png"); background-repeat: no-repeat; background-position: center center; background-size: 70%;}
.project .bgb .title-icon{ padding-left: 120px;}
.project .bgb .title-icon.icon1{ background: url("../images/xryk/ks-icon-4.png") no-repeat left center;}
.project .bgb .title-icon.icon2{ background: url("../images/xryk/ks-icon-3.png") no-repeat left center;}
.project .bgb .title-icon.icon3{ background: url("../images/xryk/ks-icon-1.png") no-repeat left center;}
.project .bgb .title-icon.icon4{ background: url("../images/xryk/ks-icon-2.png") no-repeat left center;}
.project .bgb:hover .title-icon.icon1{ background-image: url("../images/xryk/ks-icon-4-1.png")}
.project .bgb:hover .title-icon.icon2{ background-image: url("../images/xryk/ks-icon-3-1.png")}
.project .bgb:hover .title-icon.icon3{ background-image: url("../images/xryk/ks-icon-1-1.png")}
.project .bgb:hover .title-icon.icon4{ background-image: url("../images/xryk/ks-icon-2-1.png")}

.project .bgb .title-icon .t{ font-size: 26px;}
.project .bgb .title-icon .p{ font-size: 14px;}
.project .bgb .cont{ font-size: 16px; line-height: 35px; position: relative;}
.project .bgb a{color: #024999; border: 1px solid #024999; padding: 4px 10px;  font-size: 13px; position: absolute; border-radius: 15px; right: 54px;}
.project .bgb:hover a{ color: #FFF; border-color: #FFF;}


.xiaoeryanke-container .doctor{}
.xiaoeryanke-container .doctor .doctor-img{ width: 420px; overflow: hidden; background-color: #4DA0C8; text-align: center;}
.xiaoeryanke-container .doctor .doctor-info{ width: 710px; padding-top: 80px; position: relative;}
.xiaoeryanke-container .doctor .doctor-info h2{ font-size: 34px;}
.xiaoeryanke-container .doctor .doctor-info .doctor-post{ font-size: 20px; margin-bottom: 15px; margin-top: 20px;}
.xiaoeryanke-container .doctor .doctor-info .doctor-dep{ font-size: 20px;}
.xiaoeryanke-container .doctor .doctor-info .doctor-intro{ margin-top: 40px;}
.xiaoeryanke-container .doctor .doctor-info .doctor-intro .doctor-intro-title{ font-size: 26px;}
.xiaoeryanke-container .doctor .doctor-info .doctor-intro .doctor-intro-body{ margin-top: 15px; line-height: 30px; font-size: 20px;}
.xiaoeryanke-container .doctor .doctor-info a{color: #024999; border: 1px solid #024999; padding: 8px 16px;  font-size: 15px; position: absolute; border-radius: 15px; right: 0; bottom: -120px;}
.xiaoeryanke-container .doctor .doctor-info a:hover{ background-color: #4DA0C8; color: #FFF; border-color: #4DA0C8;}

.problem{ padding-bottom: 80px; overflow: hidden;}
.problem .am-fr{ overflow: hidden;}
.problem .line-a{ display: inline-block; overflow: hidden; height: 200px; width: 290px; position: relative;}
.problem .line-a.a2{ margin-left: 20px;}
.problem .line-a img{height: 200px;}
.problem .line-a p{ display: block; position: absolute; left: 0; bottom: -16px; -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    font-size: 18px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    background-color: rgba(0,0,0,.6);
    line-height: 40px;
    color: #FFF;
}
.problem .am-fl .li{ margin-top: 20px; border-bottom: 1px dotted #0C0C0C; padding: 0 10px; line-height: 40px; }

@media only screen and (max-width: 992px){
    .xiaoeryanke{ padding: 0 20px;}
    .title h1{ font-size: 18px;}
    .title .txt{ text-align: center; color: #4EA1C9; font-size: 16px;}

    .introduce .am-fr{ width: 100%;}
    .introduce .am-fr h1{ font-size: 18px; padding-bottom: 20px;}
    .introduce .am-fr p{ font-size: 15px; height: auto;}
    .introduce .am-fr p img{ width: 160px;  float: left; margin-right: 20px;}

    .project .bgb{ padding: 10px;height: 260px;margin-bottom: 10px; padding-top: 20px;}
    .project .am-u-sm-6{ padding-left: .6rem;padding-right:.6rem;}
    .project .bgb .title-icon{ padding-left: 50px; background-size: 30% !important;}
    .project .bgb .title-icon .t{ font-size: 18px;}
    .project .bgb .cont{ font-size: 14px;line-height: 28px; overflow: hidden;}
    .project .bgb a{ display: block;bottom: 12px; width: 90%; text-align: center;margin-left: 0;font-size: 12px; right: 9px;}

    .xiaoeryanke-container .doctor .am-fl{ width: 40%;}
    .xiaoeryanke-container .doctor .am-fr{ width: 56%;}
    .xiaoeryanke-container .doctor .doctor-img{ width: 100%;}
    .xiaoeryanke-container .doctor .doctor-img img{ width: 100%;}
    .xiaoeryanke-container .doctor .doctor-info{ width: 100%;padding-top: 0; }
    .xiaoeryanke-container .doctor .doctor-info h2{ font-size: 20px;}
    .xiaoeryanke-container .doctor .doctor-info .doctor-post{ font-size: 14px;}
    .xiaoeryanke-container .doctor .doctor-info .doctor-dep{ font-size: 14px;}
    .xiaoeryanke-container .doctor .doctor-info .doctor-intro{margin-top:20px;}
    .xiaoeryanke-container .doctor .doctor-info .doctor-intro .doctor-intro-title{ font-size: 16px;}
    .xiaoeryanke-container .doctor .doctor-info .doctor-intro .doctor-intro-body{
        margin-top: 13px; line-height: 26px; font-size: 13px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        height: auto;
        max-height: 126px;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
    }
    .xiaoeryanke-container .doctor .doctor-info a{ bottom: 0px;padding: 4px 8px;  font-size: 12px; bottom: -30px;}

    .problem{ padding-bottom: 40px; margin-bottom: 0;}
    .problem .am-fl{ width: 100%; overflow: hidden;}
    .problem .line-a img{ height: 170px;}
    .problem .line-a{ width: 48%; height: 120px;}
    .problem .line-a.a2{ margin-left: 0; margin-top: 10px;}
    .problem .line-a p{ font-size: 14px;}
    .problem .am-fl .li{ margin-top: 10px; border-bottom: 1px dotted #0C0C0C; padding: 0 8px; line-height: 30px; }
}