/*------------------------头部---------------*/
/*头样式*/
.dingbubox{ background:#f6f6f6;}
.dingbubox ul{background:#f6f6f6;clear:both; overflow:hidden; margin:0 auto; width:1200px; line-height:35px; color:#777777; font-size:12px;}
.dingbubox ul p{ float:left;}
.dingbubox ul li{ float:right; margin:0 0.4%;}
.dingbubox ul li a{ color:#777777;}
.dingbubox ul li a:hover{color: #ff0006;}

.headerbg{clear:both; width:100%; margin:0 auto; height:140px; background:#ffffff; }
.header{ clear:both; width:1200px; margin:0 auto; overflow:hidden}
.header .logo{float:left; margin-top:24px;}
.header .logo img{ vertical-align:middle;}
.header .headright {float:right; color:#ffffff; margin-top:30px; }
.header .headright .dianhua{ color:#777777; font-size:16px; }
.header .headright .dianhua span{ color:#f3a204; font-size:20px; }

.websearch { float:right; width:358px; height:33px; background:#f0f0f0; border-radius:4px; margin:10px 0 0 0;  }
.input{width:290px; line-height:31px; height:31px; margin-left:10px;color: #666666;font-size:14px;background:none; border:#d7d7d7 1px solid; border:0px;outline:none;}
.button{ width:37px; line-height:31px; height:31px;font-size:14px; border-left:0px; background:url(../images/button.png) no-repeat center; border:#FFFFFF 0px solid; margin-top:0px;cursor:pointer;outline:none;}

/******导航*********/
/*PC导航样式*/
.nav{z-index: 9999;background:#326cbe;height: 60px; min-width:1200px;}
.sy_nav{width:1200px;margin:0 auto;}
/*一级导航*/
li.sy1_li{float: left;position: relative;height: 60px;}
li.sy1_li a.sy1_tit{color:#fff;font-size: 16px;height:60px;line-height: 60px;display:inline-block;padding:0 21px;z-index: 9;}
li.sy1_li a.sy1_tit:hover{height: 60px;}
li.sy1_li a.sy1_tit:hover,li.sy1_li a.sy1_tit.Hover{ background:#245cac;}

/*二级导航*/
.sy2_ul{background:#245cac;display: none;position: absolute;z-index: 100000;left:0;top:60px;width:180px;}
li.sy2_li{position: relative;z-index: 100001;line-height: 25px;}
li.sy2_li a.sy2_tit{display: block;color: #fff;padding:10px 19px}
li.sy2_li a.sy2_tit:hover,li.sy1_li a.sy2_tit.Hover{background: #358BC5;padding:10px 19px}
.dl_btn{display:none;}


/* banner */
.banner{width:100%;height:auto}
.banner .swiper-container{width:100%;height:100%}
.banner .swiper-container .swiper-wrapper{width:100%;height:100%}
.banner .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:100%}
.banner .swiper-container .swiper-wrapper .swiper-slide .container{position:absolute;left:50%;top:0;height:100%;transform:translate(-50%,0)}
.banner .swiper-container .swiper-wrapper .swiper-slide>img{width:100%}
#swiper1 .swiper-pagination span{opacity:1;width:16px;height:16px;margin:0 12px;background-color:#fff}
#swiper1 .swiper-pagination .swiper-pagination-bullet-active{background-color:#f89200}


@keyframes bannerview {
0%{transform:scale(1,1)}
16%{transform:scale(1.01,1.01)}
33%{transform:scale(1.02,1.02)}
50%{transform:scale(1.03,1.03)}
66%{transform:scale(1.02,1.02)}
83%{transform:scale(1.01,1.01)}
83%{transform:scale(1,1)}
}

#swiper1 .swiper-wrapper .swiper-slide-active>img {
	/* transition: 8.5s linear; */
	animation-name: bannerview;
	animation-duration: 6.5s;
	animation-timing-function: linear;
	animation-delay: 0.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: bannerview;
	-webkit-animation-duration: 6.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
}

/*****就医导航*****/
.servicebar{position:relative;z-index:1;}
.service{margin:20px auto; width:1170px;}
.service-list li{ float:left;width:144px; height:144px; margin:auto 25px; }
.service-list li a{display:block;color:#3a4d68;font-size:16px;padding:20px;text-align:center;}
.service-list li a img{display:block;margin:0 auto;margin-bottom:20px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.service-list li a:hover img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}