

.zhuanti .flex{margin-bottom: 10px;display: flex;justify-content: space-around;}
    .zhuanti .flex a.four {
        padding: 0;
        width: 10.6%;
        display: block;
    }
    .zhuanti .flex .four {
        text-align: center;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 114px;
        cursor: pointer;
        background: #f2f2f2;
        padding-top:2% !important;
    }
        .zhuanti .flex > .four > div:last-child {
            z-index: 2;
        }
.zhuanti .flex .four h4{margin-top: 15px;color: #333;}
.zhuanti .flex>.fourbg{background:#02637a;}
.zhuanti .flex>.fourbg h4{color:#fff !important;}
.zhuanti .flex>div ul{display: inline-block;}
.zhuanti .flex>div ul li{display: inline-block;width:100%;line-height: 36px;position: relative;
list-style-type:none;padding-left: 40px;background:url(../img/lijt.png) no-repeat left;background-position: left 20px center;border-bottom:1px solid #efefef;}

		.zhuanti ul li{
    float: right;
}
.four img{width: 26%;}
.four div:hover{
	/*animation: shaking 0.25s linear infinite;
	-webkit-animation: shaking 0.25s linear infinite;*/
	/*animation: shaking 0.25s;
	-webkit-animation: shaking 0.25s;*/
}

@keyframes shaking{
	
	25% {
		margin-left:-10px;
	}
	50% {
		margin-right:20px;
	}
	/*75% {
		margin-top:10px;
	}
	100% {
		margin-top:10px;
	}*/
}
/*新版样式*/
/*banner轮播*/
#banner {
	position: relative;
	height: 338px;
	overflow: hidden;
	margin-top:10px ;
	width: 97%;
    border:1px solid #e0e0e0;
}
#banner_list {
	overflow: hidden;
}
#banner_list img {
	border: 0px;
	height: 100%;
	width: 100%;
}

#banner_bg {
	position: absolute;
	bottom: 0;
	background-color: #000;
	height: 30px;
	filter: Alpha(Opacity=30);
	opacity: 0.3;
	z-index: 10;
	cursor: pointer;
	width: 100%;
}

#banner_info {
	position: absolute;
	bottom: 0;
	left: 5px;
	height: 22px;
	color: #fff;
	z-index: 1001;
	cursor: pointer;
	width: 60%;overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	float: left;
	
}

#banner_text {
	position: absolute;
	width: 120px;
	z-index: 1002;
	right: 3px;
	bottom: 3px;
}

#banner ul {
	position: absolute;
	list-style-type: none;
	filter: Alpha(Opacity=80);
	opacity: 0.8;
	z-index: 1002;
	margin: 0;
	padding: 0;
	bottom: 3px;
	right: 5px;
}

#banner ul li {
	padding: 1px 7px;
	float: left;
	display: block;
	color: #fff;
	background: #02637a;
	cursor: pointer;
	/*border: 1px solid #154e7e;*/
	/*border: 0;*/
	border-radius: 50%;
	text-align: center;
	margin-right: 3px;
    font-size:12px;
    line-height:18px;
}

#banner ul li.on {
	background-color: #fff;
	color: #154e7e;
	/*border: 1px solid #154e7e;*/
}

#banner_list a {
	position: absolute;
    width:100%;
    height:100%;
}
/*轮播结束*/
zwyw_cont_top{
	background: #fff;
	position: relative;
	top: -56%;
	max-width: 1170px;
	/*width: 94%;*/
	padding: 10px 15px 15px;
}
.zwyw_cont_top>div{width: 50%;}

/*科室导航、专家介绍*/
.keshizhuanjia>div{margin-bottom: 30px;overflow: hidden;}
.keshidh{padding-right: 15px;}
    .keshidh .dtgg_tit{border-bottom:2px solid #55bbbd;}
    .keshidh ul {
        padding: 15px;
        border: 1px solid #e1e1e1;
        width: 100%;
        margin-top: 10px;
    }
        .keshidh ul li {
            display: inline-flex;
            border-bottom: 1px dashed #e1e1e1;
            width: 12%;
        }
            .keshidh ul li a:hover {
                color: #cd6666 !important;
            } 
        .keshidh ul li a {
            color: #333;
            line-height: 56px;
            width:100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis !important;
        }
.keshidh>ul li:last-child a{color: #55bbbd;}

/*专家介绍*/
/*科室介绍*/
.contain {
    overflow: hidden;
    /*border: 1px solid #efefef;*/
    margin-top: 10px;
}

        .single {
            width: 100%;
            height: 100%;
            position: relative;
            font-size: 0;
        }

.pre {
    position: absolute;
    width: 50px;
    height: 24px;
    background-color: #fff;
    cursor: pointer;
    position: absolute;
    top: 24%;
    right: 126px;
    bottom: 2px;
    border: 1px solid #c49d66;
    padding: 2px 2%;
}

        .pre:hover {
            background-color: rgba(0, 0, 0, 0.08);
        }

    .pre::before {
        content: "";
        width: 12px;
        height: 12px;
        border: solid #c49d66;
        border-width: 2px 0 0 2px;
        transform: translate(-50%, -50%) rotate(-45deg);
        position: absolute;
        left: 50%;
        top: 50%;
    }

.next {
    position: absolute;
    right: 0;
    width: 50px;
    height: 24px;
    background-color: #fff;
    cursor: pointer;
    position: absolute;
    top: 24%;
    bottom: 2px;
    border: 1px solid #c49d66;
    padding: 2px 2%;
    right: 70px;
}

    .next:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

    .next::before {
        content: "";
        width: 12px;
        height: 12px;
        border: solid #c49d66;
        border-width: 0 2px 2px 0;
        transform: translate(-50%, -50%) rotate(-45deg);
        position: absolute;
        left: 50%;
        top: 50%;
    }

        .single ul {
            list-style: none;
            white-space: nowrap;
            display: inline-flex;
            height: 100%;
        }

        .single ul li {
            display: inline-block;
            /*background: url(../img/zhuanjiabg.png);*/
        }
            .single ul li {
                min-width: 182px;
                height: 100%;
                margin-right: 5px;
                margin-left: 3px;
                border: 1px solid #efefef;
                cursor: pointer;
                text-align: center;
            }
            .single ul li:hover{
                box-shadow:0 0 10px #ccc !important;
            }
            .single ul li a {
                display: inline-block;
                margin: 20px auto;
            }
            .single ul li img {
                vertical-align: top;
                width: 111px;
                height: 153px;
                margin-top: 10px;
                display: inline-block;
                margin: 0 auto;
            }
        .single ul li div{text-align: center;color: #333;}
            .single ul li div h4,h5{margin-bottom:0 !important;margin-top:15px !important;}

            .single ul li div h5 {
                margin-bottom: 0 !important;
                margin-top: 5px !important;
            }
                .single ul li div h4{font-size:16px;}
                /*健康科普、医护天地*/
                .xxxw02 {
                    margin-bottom: 30px;
                }
.xxxw02 .dtgg_tit{color: #154e7e;line-height: 30px;}
.xxxw02 .dtgg{width: 50%;}
.xxxw02 .dtgg:first-child{margin-right: 15px;}
.xxxw02 .dtgg_tit a{color: #154E7E;font-size: 12px;cursor:pointer;}
.xxxw02 .liebiao {
    padding: 25px 15px;
    border-top: 2px solid #02637a;
    height: 250px;
    overflow: hidden;
}
.xxxw02 .liebiao ul li{
	clear: both;
    border-bottom:1px dashed #ccc;
}
 .xxxw02 .liebiao ul li a{display: flex;font-size: 14px;justify-content: space-between;line-height: 26px;clear: both;color: #333;}
 .xxxw02 .liebiao ul li a span{color: #bbb;}
 .xxxw02 .liebiao ul li a p:hover{
 	color: #54a1a7 !important;
 }
 .foot_tit{margin-bottom: 0;}
    .foot_tit span {
        padding: 8px 20px;
        background: #02637a;
        background-image: url(/img/tit_bg.png);
        background-repeat:no-repeat;
        background-size:100% 100%;
        border-radius:5px 5px 0 0;
        color: #fff;
    }
.xxxw02 .dtgg_tit a {
    color: #c49d66;
    padding: 0px 10px;
    cursor: pointer;
    font-size:14px;
}
.xxxw02 .liebiao ul li a p{
	color: #010101;
	width:78%;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
float: left;
margin-bottom:0;
line-height:34px;
}

.fright{float: right;}



/*最新科室导航样式*/
.newks{background:#169fb2;margin-bottom:30px;}
.newks .container{padding:20px 15px 50px 15px;}
.newks ul li{display:inline-block;width:12%;text-align:center;color:#fff;font-size:14px;margin:15px 0 0 0;}
.newks ul li img{width:70px;height:70px;border:1px solid #fff;border-radius:50%;padding:10px;display:inline-block;}
.newks ul li a{color:#fff;}
    .newks ul li p {
        margin-bottom: 0;
        line-height: 24px;
        display: inline-block;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
.newks ul{width:100% !important;padding-left:30px;}
.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 64px;
    margin-top: -46px;
    z-index: 10;
    cursor: pointer;
    background-size: 36px 64px;
    background-position: center;
    background-repeat: no-repeat;
}
/*jq分页按钮样式*/
#pager{text-align:center;}
    #pager button {
        background: #169fb2;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 3px;
        padding: 3px 10px;
        margin-right: 5px;
    }
    #pager .active {
        background: #fff;
        color: #169fb2;
    }
    /*头部轮播*/
.lunbo .swiper-container .swiper-slide img{width:100% !important;height:100% !important;}

/*tab切换*/
.table_card {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    height:240px;
    overflow:hidden;
    border-bottom:1px solid #d6d6d6;
    margin-bottom:30px;
}

    .table_card .tab {
        height: 37px;
        font-size: 14px;
    }

        .table_card .tab li {
            float: left;
            height: 36px;
            line-height: 36px;
            padding: 0 25px;
            border:1px solid #f0f0f0;
            border-radius:5px 5px 0 0;
            margin-right:1px;
            border-bottom:0;
        }

            .table_card .tab li:hover {
                height: 37px;
                background: #027a79;
                color: #fff;
                cursor: pointer
            }

    .table_card .activ {
        height: 37px !important;
        background-image: url(/img/nav_bg.png) !important;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        color: #333;
        color:#fff;
        border:0 !important;
    }

    .table_card .tabCon {
        background: #fff;
        padding: 15px;
        border:1px solid #d6d6d6;
        border-radius:3px;
        margin-bottom:30px;
        border-top:2px solid #02637a;
        min-height:220px;
    }

        .table_card .tabCon div {
            display: none
        }

        .table_card .tabCon .on {
            display: block
        }

.newslist01 {
    font-size: 14px;
}

    .newslist01 a {
        line-height: 36px;
        color:#333;
        width:20%;
        display:inline-block;
    }
        .newslist01 a:hover{color:#02637a;}
        .newslist01 a .ding {
            color: #F30;
            margin-left: 5px
        }

        .newslist01 a .time {
            float: right;
            font-size: 12px;
            color: #888
        }