@charset "utf-8";
/*public*/
.big-title{width:100%;text-align: center;margin:80px 0;display:inline-block;}
.big-title h1{font-size:30px;font-weight: bold;}
.big-title span{font-size:14px;color: #999;}
.container-all{width:100%;margin:0 auto;}
.container {width:1200px;margin:0 auto;}

@media(max-width:1200px){
	.container {width:100%;}
}
@media(max-width:992px){
	.big-title {margin:60px auto;}
}
@media(max-width:767px){
	.big-title {margin:40px auto;}
	.big-title h1 {font-size: 26px;}
}
@media(max-width:568px){
	.big-title h1 {font-size: 24px;}
	.big-title span {font-size: 12px;}
}


/*医院动态*/
.article-container {display: flex;justify-content: space-between;}
.article-box {width:32%;box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 10%);}
.article-box .newsimg{overflow: hidden;height:217.3px;}
.article-box .newsimg img{width:100%;transition: all 0.5s ease;transform: scale(1);}
.article-box .newsimg:hover img{transform: scale(1.1);}
.article-main {padding:20px;}
.article-main .bigtitle {height:35px;color: #444;font-size: 22px; font-weight: bold;}
.article-main .bigtitle a {float: right; font-size: 16px; margin-top: 4px; vertical-align: middle; font-weight: normal;transition: all 0.5s ease;}
.article-main .bigtitle a span{font-size: 22px; vertical-align: middle; color: #187FC4;}
.article-main .bigtitle a:hover{transform: scale(1.3);}
.article-main .newslist {margin-top: 15px;}
.article-main .newslist ul li {height: 45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background: url(../images/dian.jpg) no-repeat 1px 9px;padding-left: 15px;}
.article-main .newslist ul li span{display: block;color:#187FC4;}
.article-main .newslist ul li a:hover{color:#4A9ECF;}
@media(max-width: 1200px) {
	.article-container{padding:0 20px;box-sizing:border-box;}
}
@media(max-width:767px){
	.article-container{flex-direction: column;}
	.article-box {width: 100%;margin-bottom: 20px;}
}
@media(max-width:568px){
	.article-main .bigtitle {font-size: 20px;}
	.article-main .newslist {font-size: 14px;margin-top: 0;}
	.article-main .newslist ul li{padding-top: 10px; box-sizing: border-box;background: url(../images/dian.jpg) no-repeat 1px 17px;}
}

/*就医服务*/
.server-box{width: 100%;height:855px;background: url(../images/bg1.png) right top no-repeat; position: relative;}
.server-box li{
	position: absolute;
	width: 239px;
	height: 193px;
	text-align: center;
    -webkit-transition: all 4s cubic-bezier(.08,.82,.17,1);
    transition: all 4s cubic-bezier(.08,.82,.17,1);
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    visibility: hidden;
}

.server-box li a{display: block;color: #fff;height:100%;padding-top: 30px;box-sizing:border-box;}
.server-box li .img{width: 90px;height: 90px;margin: 0 auto;font-size: 60px; }
.server-box li .fs{font-size: 20px;}

.server-box li.li-1{left:0;top:83px;background-color: #8A1728;}
.server-box li.li-2{left:0;top:276px;background-color: #ad4c4c;}
.server-box li.li-3{left:0;top:469px;background-color: #C99B67;}
.server-box li.li-4{left:0;top:662px;background-color: #ebb822;}

.server-box li.li-5{left:239px;top:83px;background-color: #5A82CF;}
.server-box li.li-6{left:239px;top:276px;background-color: #234382;}
.server-box li.li-7{left:239px;top:469px;background-color: #5A82CF;}
.server-box li.li-8{left:239px;top:662px;background-color: #85b32f;}

.server-box li.li-9{left:478px;top:83px;background-color: #234382;}
.server-box li.li-10{left:478px;top:276px;background-color: #5A82CF;}
.server-box li.li-11{left:478px;top:469px;background-color: #234382;}
.server-box li.li-12{left:478px;top:662px;background-color: #3FB5A5}

.server-box li.li-13{left:717px;top:276px;background-color: #234382;}
.server-box li.li-14{left:717px;top:469px;background-color: #5A82CF;}
.server-box li.li-15{left:717px;top:662px;background-color: #9090d8;}

.server-box li.li-1{-webkit-transition-delay:.4s;transition-delay:.4s}
.server-box li.li-2{-webkit-transition-delay:.2s;transition-delay:.2s}
.server-box li.li-3{-webkit-transition-delay:.8s;transition-delay:.8s}
.server-box li.li-4{-webkit-transition-delay:1.2s;transition-delay:1.2s}
.server-box li.li-5{-webkit-transition-delay:0s;transition-delay:0s}
.server-box li.li-6{-webkit-transition-delay:.4s;transition-delay:.4s}
.server-box li.li-7{-webkit-transition-delay:.6s;transition-delay:.6s}
.server-box li.li-8{-webkit-transition-delay:1s;transition-delay:1s}
.server-box li.li-9{-webkit-transition-delay:.6s;transition-delay:.6s}
.server-box li.li-10{-webkit-transition-delay:1.2s;transition-delay:1.2s}
.server-box li.li-11{-webkit-transition-delay:1.5s;transition-delay:1.5s}
.server-box li.li-12{-webkit-transition-delay:0.5s;transition-delay:0.5s}
.server-box li.li-13{-webkit-transition-delay:1.1s;transition-delay:1.1s}
.server-box li.li-14{-webkit-transition-delay:0.8s;transition-delay:0.8s}
.server-box li.li-15{-webkit-transition-delay:1.2s;transition-delay:1.2s}

.server-box .showd li {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.server-box li:hover .img{
  -webkit-animation: animat-shake .5s;
  animation: animat-shake .5s
}

/*动画：左右晃动*/
@keyframes animat-shake {
	0%,100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	25%,75% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}
/*动画：从右侧移入*/
@-webkit-keyframes anim-right {
	0% {
		-webkit-transform: translateX(50px);
		transform: translateX(50px);
		opacity: 0
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}
/*动画：从下面移入*/
@-webkit-keyframes anim-down {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}
@media(max-width:992px){
	.server-box{height: auto;}
	.server-box ul{display: flex;flex-wrap: wrap;}
	.server-box li{position: static;width: 50%;}
	.server-box li.li-1{order: 13;}
	.server-box li.li-2{order: 15;width: 100%;padding-top: 10%;}
	.server-box li.li-3{order: 1;}
	.server-box li.li-4{order: 2;}
	.server-box li.li-5{order: 3;}
	.server-box li.li-6{order: 5;}
	.server-box li.li-7{order: 7;}
	.server-box li.li-8{order: 12;}
	.server-box li.li-9{order: 4;}
	.server-box li.li-10{order: 6;}
	.server-box li.li-11{order: 8;}
	.server-box li.li-12{order: 11;}
	.server-box li.li-13{order: 9;}
	.server-box li.li-14{order: 10;}
	.server-box li.li-15{order: 14;}
	.article-box .newsimg{height:auto;}
	.server-box li .fs{font-size: 16px;}
}
@media(max-width:568px){
	.server-box li{height: 160px;}
	.server-box li a{padding:20px;}
}

/*科室导航*/
.db-bg{overflow: hidden;background: url(../images/db-bg1.jpg) center top no-repeat; background-size: 100% 100%;}
.department-box{position: relative;width:1200px;margin:30px auto 0 auto;}
.db-menu1,.db-menu2,.db-menu3{float: left;width: 220px;height: 165px;background-color: #00A1E9;text-align: center;color: #fff;cursor: pointer;transition: all 1s ease;opacity: 0;}
.db-menu1{background-color: #177BB9;margin-left:-100px;}
.db-menu2{margin-left:-200px;}
.db-menu3{background-color: #96CCF2;margin-left:-300px;}
.db-menu .img{margin:10px 0;font-size: 70px;}
.db-menu .txt{font-size: 24px;}
.db-menu .showm{margin-left:0;opacity:1;}

.db-list {
	position: absolute;
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	top:165px;
	left:0;
	width: 1035px;
	padding-top:30px;
	overflow: hidden;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	z-index: 0;
}
.db-list li{
	margin:0 0 30px 30px;
	text-align: center;
	width:calc(25% - 37.5px);
	background-color: #fff;
	border-radius: 6px;
	padding:8px;
	color: #666;
	cursor: pointer;
	box-shadow: 3px 3px 5px 3px rgb(0 0 0 / 5%);
	box-sizing: border-box;
}
.db-list li:hover{color:#fff;}

.dbl-bg1,.db-menu1:hover{background-color:rgba(23,123,185,0.3);}
.dbl-bg1 li:hover{background-color: #177BB9;}
.dbl-bg2,.db-menu2:hover{background-color:rgba(0,161,233,0.3);}
.dbl-bg2 li:hover{background-color: #00A1E9;}
.dbl-bg3,.db-menu3:hover{background-color:rgba(150,204,242,0.3);}
.dbl-bg3 li:hover{background-color: #96CCF2;}
.dbl-bg3 li{width:calc(50% - 45px);}

.department-box .db-list.showd{transform: translateY(0); opacity: 1;visibility: visible;z-index: 100;} 

.zd-box{display: flex; justify-content: space-between; flex-wrap: nowrap;margin-top: 50px;}
.zd-box li{width: 23.5%;position: relative;overflow: hidden;}
.zd-box li>img{display: block;transition: all 0.5s ease;width:100%;height:100%;}
.zd-box li>a{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	text-align: center;
	color:#fff;
	font-size: 26px;
	background-color: rgba(0,0,0,0.4);
	transition: all 0.5s ease;
	padding-top: 25%;
    box-sizing: border-box;
}
.zd-box li:hover a{background-color: rgba(0,0,0,0.1);}
.zd-box li:hover img{transform: scale(1.1, 1.1);}

@media(max-width:992px){
	.department-box{width: 100%;margin-top:0;}
	.db-menu1, .db-menu2, .db-menu3{width:33.3333%;}
	.db-list{width: 100%;}
	.db-list li{margin:0 0 20px 26px;}
}
@media(max-width:769px){
	.db-list li{width: calc(33% - 19px); margin:0 0 20px 16px;}
	.zd-box li>a{font-size: 18px;}
	.dbl-bg3 li{width: calc(50% - 26px);}
}
@media(max-width:576px){
	.db-list li{width: calc(50% - 25px); margin:0 0 20px 33px;}
	.db-menu .img{font-size: 50px;}
	.db-menu .txt{font-size: 22px;}
	.db-menu1, .db-menu2, .db-menu3{height: 135px;}
	.db-list{top:135px;}
	.db-bg{background-size: auto 100%;}

	.zd-box{flex-wrap: wrap;padding:0 20px;margin-top: 20px;}
	.zd-box li{width:100%;margin-bottom: 20px;}
	.zd-box li:last-child{margin-bottom: 0;}
	.dbl-bg3 li{width: 91%;}
}
@media(max-width:541px){
	.db-list li{margin:0 0 20px 17px;}
}
@media(max-width:400px){
	.db-list li{margin:0 0 20px 16px;}
}
@media(max-width:386px){
	.db-list li{margin:0 0 20px 15px;}
}


/*健康科普*/
.sb-bg{overflow: hidden;background: url(../images/sb-bg.jpg) center top no-repeat;padding-top:120px;box-sizing:border-box;}
.science-box{position: relative;width: 1200px;height: 865px;margin: 0 auto;}
.science-box li{position: absolute;width: 285px;height: 220px;font-size: 22px;color: #fff;text-align: center;padding-top:35px;box-sizing:border-box;cursor: pointer;}
.science-box li span{display: block; margin-top: 10px;}
.science-box li.sb1{left:0;top:0;background-color: #9fcdf3;}
.science-box li.sb2{left:0;top:220px;background-color: #65a3d5;}
.science-box li.sb3{left:285px;top:0;background-color: #65a3d5;}
.science-box li.sb4{left:285px;top:220px;padding:0;overflow: hidden;}
.science-box li.sb4 img{width: 100%;height:100%;transition: all 0.5s;transform: scale(1);}
.science-box li.sb4:hover img{transform: scale(1.1);}
.science-box li.sb5{left:0;top:440px;padding:0;width: 571px;height: 321px;z-index: 10}
.science-box li.sb5 video {display: none; }
.science-box li.sb5 img {width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.science-box li.sb5 span {
    background: url(../images/video_ico.png) center center no-repeat;
    width: 48px;
    height: 48px;
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    margin: 0 auto;
    transition: all 0.5s;
    transform: scale(1);
}
.science-box li.sb5:hover span{transform: scale(1.2);}
.science-box li.sb6{left:571px;top:541px;background-color: #6586b7;z-index: 5}
.science-box li.sb7{left:856px;top:541px;background-color: #9eafce;z-index: 0}
.science-box li.sb1:hover img,.science-box li.sb2:hover img,.science-box li.sb3:hover img,.science-box li.sb6:hover img,.science-box li.sb7:hover img{
	-webkit-animation: animat-shake .5s;
	animation: animat-shake .5s
}

@media(max-width:992px){
	.sb-bg{padding-top: 0;background-size: auto 100%;}
	.science-box{width: 100%;height: auto;}
	.science-box ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.science-box li{width: 50%;position: relative;}
	.science-box li.sb1,.science-box li.sb2,.science-box li.sb3,.science-box li.sb4,.science-box li.sb5,.science-box li.sb6,.science-box li.sb7{left:auto;top:auto;}
	.science-box li.sb5{width: 100%;order:6;}
	.science-box li.sb1{order: 0;}
	.science-box li.sb2{order: 2;}
	.science-box li.sb3{order: 1;}
	.science-box li.sb4{order: 3;}
	.science-box li.sb6{order: 4;}
	.science-box li.sb7{order: 5;}
}

@media(max-width:576px){
	.science-box li{font-size: 20px;padding-top:20px;height: 190px;}
}