/* 医疗特色 */

/* 内容区域 */
.content {
    background-color: #f7f7f7;
    margin-bottom: 80px;
}
/* 科室介绍样式 */
.ksjs {
    width: 100%;
    text-align: center;
    font-size: 34px;
}
.ksjs {
    width: 1180px;
    margin: 0 auto;
}
.ksjs .more {
    float: right;
    display:inline-block;
    width: 95px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #626b8c;
    background: url(../images/yygk/wh_more.png) right center no-repeat;
    font-size: 16px;
    margin-top: -40px;
}
.ksjs ul {
    padding: 40px 0 84px 0;
}
.ksjs li {
    float: left;
    width: 295px;
    height: 210px;
    text-align: center;
    padding: 42px 0;
}
.ksjs li img{
    width: 73px;
    height: 73px;
}
.ksjs li span {
    display: block;
    margin-top: 22px;
    color: #fff;
    font-size: 24px;
}
.ksjs li.zy span,
.ksjs li.yj span {
    color: #5d6378;
}
.yxzx {
    background: url(../images/ylts/yxzx_b.png) center no-repeat;
}
.nk {
    background: url(../images/ylts/nk_b.png) center no-repeat;
}
.wk {
    background: url(../images/ylts/wk_b.png) center no-repeat;
}
.zy {
    background: url(../images/ylts/zy_b.png) center no-repeat;
}
.yj {
    background: url(../images/ylts/yj_b.png) center no-repeat;
}
.gbyl {
    background: url(../images/ylts/gbyl_b.png) center no-repeat;
}
.gjyl {
    background: url(../images/ylts/gjyl_b.png) center no-repeat;
}
.gd {
    background-color: #1b2e75;
}
/* 专家介绍 */
.zjjs {
    width: 1250px;
    margin: 0 auto;
}
.zjjs-head {
    padding: 55px 0;
}
.zjjs-head h3,
.zjjs-head ul {
    float: left;
}
.zjjs-head h3 {
    font-size: 34px;
}
.zjjs-head .more {
    float: right;
    display:inline-block;
    width: 95px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #626b8c;
    background: url(../images/yygk/wh_more.png) right center no-repeat;
    font-size: 16px;
    margin-right: 32px;
}
.zjjs-head li {
    float: left;
}
.zjjs-head ul {
    height: 45px;
    line-height: 45px;
    margin: 0 175px;
}
.zjjs-head input,
.zjjs-head select {
    width: 160px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 5px;
    margin-right: 10px;
}
.search a {
    display: inline-block;
    width: 65px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #008dc9 url(../images/ylts/ss.png) 20% center no-repeat;
    padding-left: 25px;
    color: #fff;
    border-radius: 4px;
}
.zjjs-body {
    position: relative;
    width: 1145px;
    margin: 0 auto;
    padding-bottom: 100px;
}
.zjjs .swiper-container {
    width: 940px;
    height: 540px;
}
.zjjs .swiper-slide a{
    display: inline-block;
    width: 245px;
    padding: 20px;
    text-align: center;
    border: 1px solid #ddd;
    border-bottom: 5px solid #5f6da0;
}
.zjjs .swiper-slide a img{
    width: 100%;
    height: 360px;
}
.zjjs .swiper-slide p {
    color: #adadad;
    font-size: 14px;
    text-align: left;
}
.zjjs .swiper-slide .ks {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 10px 0;
    color: #333;
}
.zjjs .swiper-slide .zc {
    height: 38px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.mc {
    margin-top: 15px;
    text-align: left;
}
.mc h4 {
    display: inline-block;
    font-size: 18px;
}
.mc span {
    float: right;
}
.zjjs .arrow-left {
    background: url(../images/ylts/left.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 60px;
}
.zjjs .arrow-right {
    background: url(../images/ylts/right.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 60px;
}
/* 门诊情况 */
.zbmz {
    position: relative;
    width: 1250px;
    height: 510px;
    margin: 0 auto;
    padding-top: 50px;
}
.zbbg {
    position: absolute;
    top: 0;
    left: -575px;
    width: 1260px;
    height: 465px;
    margin-left: 50%;
    background-color: #991c1a;
}
.zkmz-box {
    position: relative;
    width: 100%;
    height: 460px;
    padding: 60px 40px 70px 50px;
    background: #fff url(../images/ylts/zbmz_b.png) center no-repeat;
}
.ctrls {
    position: absolute;
    top: 14%;
    right: 35px;
    width: 115px;
    height: 40px;
}
.ctrls .arrow-left {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 42px;
    height: 42px;
    background: url(../images/public/arrow_left.png) no-repeat left top;
}
.ctrls .arrow-right {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    width: 42px;
    height: 42px;
    background: url(../images/public/arrow_right.png) no-repeat left top;
}
.zkmz-box h3 {
    font-size: 34px;
    font-weight: normal;
    margin-bottom: 30px;
}
.zkmz-box .swiper-slide {
    float: left;
    width: 235px;
    height: 42px;
    line-height: 42px;
    padding-left: 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-right: 30px;
    margin-bottom: 28px;
}
.zxjh {
    position: relative;
    width: 1250px;
    height: 580px;
    margin: 0 auto;
}
.zxjhbg {
    position: absolute;
    top: 60px;
    left: -60px;
    width: 680px;
    height: 460px;
    background-color: #991c1a
}
.zxjh-box {
    position: relative;
    width: 625px;
    height: 580px;
    padding: 50px 50px 60px;
    background-color: #0093c8;
    color: #fff;
}
.zxjh-box ul {
    margin-top: 10px;
}
.hlw-box {
    width: 625px;
    height: 458px;
    margin-top: 60px;
    padding: 75px 50px;
    background-color: #fff;
    box-shadow: 0 0 5px #888;
}
.zxjh-box h3,
.hlw-box h3 {
    font-size: 34px;
}
.zxjh-box .more,
.hlw-box .more {
    float: right;
    display:inline-block;
    width: 95px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: url(../images/yygk/more.png) right center no-repeat;
    font-size: 16px;
    margin-top: -40px;
}
.zxjh-box li,
.hlw-box li {
    float: left;
    width: 252px;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    border: 1px solid #58a9d3;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.zxjh-box p {
    line-height: 25px;
    margin: 30px 0 43px;
    color: #96c5e0;
}
.zxjh-box a {
    color: #fff;
}
.hlw-box li {
    border: 1px solid #ddd;
}
.hlw-box .more {
    color: #626b8c;
    background: url(../images/yygk/wh_more.png) right center no-repeat;
}
.hlw-box p {
    line-height: 25px;
    padding: 30px 0 35px;
}
.zklt {
    position: relative;
    width: 1250px;
    margin: 0 auto;
    height: 465px;
    background: url(../images/ylts/zkzb_b.png) left bottom no-repeat;
   
}
.zklt-box {
    position: absolute;
    top: 0;
    right: -55px;
    width: 680px;
    height: 465px;
    padding: 45px 105px 45px 45px;
    background-color: #a01a28;
}
.mz-list {
    margin-bottom: 35px;
}
.mz-list li {
    float: left;
    width: 252px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #ab2a2c;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.mz-list li a {
    color: #d5adae;
    font-size: 18px;
}
.mz-list li.active {
    background-color: #fdcccc;
}
.mz-list li.active a {
    color: #9c1e23;
    font-weight: bold;
    font-size: 18px;
}
.mz-content li {
    float: left;
    width: 175px;
    height: 35px;
    line-height: 35px;
    background: url(../images/ylts/sj.png) left center no-repeat;
    padding-left: 15px;
}
.mz-content li a {
    color: #fff;
}
@media screen and (max-width: 991px) {
.content {margin-bottom:0;}
.ksjs {width: 100%;padding: 0 15px;}
.ksjs ul {padding-bottom: 0;}
.ksjs li {width: 50%;}
.zjjs-head h3 {float: none;text-align: left;}
.zjjs-head .more{margin-top: -40px;margin-right: 0;}
.zjjs-body,.zjjs,.zbmz,.zxjh{width: 100%;height:auto;}
.zklt{position:initial;width: 100%;height: 930px;background: transparent;}
.zklt:before{content: '';display: block;height: 465px;background: url(../images/ylts/zkzb_b.png) center no-repeat;background-size: 100% 100%;}
.zjjs .swiper-container {width: 70%;}
.zbbg {width: 100%;left: 0;margin-left: 0;}
.zxjh-box.fl,.hlw-box.fl{float: none;}
.zxjhbg {width: 100%;left:0;}
.zxjh-box,.hlw-box  {width: 100%;padding: 15px;}
.hlw-box{margin-top: 5px;}
.zklt-box {position:iniial;top:unset;width:100%;right: 0;padding: 0 15px;}
.zjjs .swiper-slide a {width: 85%;}
.zkmz-box {padding: 15px;}
.zkmz-box h3{float:left;}
.ctrls{top: 3%;right:0;}
.zjjs-head {padding: 15px;}
.zjjs-body {padding: 30px;}
}
@media screen and (max-width: 360px)  {
.zjjs .swiper-slide a {width: 81%;}
}
@media screen and (max-width: 320px)  {
.zxjh-box h3, .hlw-box h3,.ksjs h3,.zjjs-head h3{font-size: 26px;}
}