/*------------------------头部---------------*/
/*
	颜色：#41A68A #39a07e #8db0c0
*/
.header{ width:960px; margin:0 auto; font-size:12px}
/*顶部*/
.top{ line-height:31px; height:31px;}
.loginBox{ width:250px; float:left;}
.headLinks{ float:right;}
.headLinks li{ float:left; background:url(../images/headLinksLi_Bg.jpg) right center no-repeat; width:75px; margin-right:10px;}
.headLinks li a{ display:block; padding-left:20px; background-image:url(../images/index_icon.png)}
.headLinks li a:hover{ color:#41A68A; text-decoration:none}
.headLinks li.inside a{ background-position:0 0}
.headLinks li.mail a{ background-position:0 -31px}
.headLinks li.question a{ background-position:0 -59px}
.headLinks li.query a{ background-position:0 -92px}
.headLinks li.addToPocket a{ background-position:0 -123px}

.headLinks li.inside a:hover{ background-position:0 -147px}
.headLinks li.mail a:hover{ background-position:0 -179px}
.headLinks li.question a:hover{ background-position:0 -207px}
.headLinks li.query a:hover{ background-position:0 -239px}
.headLinks li.addToPocket a:hover{ background-position:0 -270px}
/*登录模块*/
.User{ padding:5px; color:#41A68A}
.login{ color:#41A68A}
.register{ color:#666}
/*logo*/
.logo{ float:left; width:310px; height:85px; margin:15px 0 5px 0}
.logo a{ display:block; background:url(../images/hospital_logo.jpg) left center no-repeat; width:100%; height:100%}
/*搜索模块、热门疾病，天气*/
.searchBox{ width:500px; float:right; margin:15px 0 5px 0}
.searchinput{ width:376px; padding:2px 8px 1px 8px; border:#8db0c0 solid 1px; height:18px; line-height:18px;}
.searchbtn{ width:56px; height:23px; background:url(../images/index_icon.png) right top no-repeat; color:#FFF; text-indent:center; border:#39a07e solid 1px; cursor:pointer; margin-left:-7px;}
.searchBox .hover{background:url(../images/index_icon.png) right -23px no-repeat;}

.hotDeseases{ padding:5px 0; line-height:30px; height:30px; overflow:hidden; width:449px}
.hotDeseases img{ float:left; margin:10px 0 0 0}
.hotDeseases ul{ float:left; padding-left:10px; width:415px; overflow:hidden; height:30px; overflow:hidden}
.hotDeseases ul li{ float:left; margin-right:8px}
.hotDeseases a{ color:#999}
.hotDeseases a:hover{ text-decoration:none; color:#41A68A}

.weatherBar{ text-align:right; height:30px;}
.weatherBar iframe { float:right;}
#headTime{ line-height:25px; height:25px; display:block; float:right; margin:0 15px 0 0; font-family:Arial, Helvetica, sans-serif; color:#79b5a8}

/*头部banner图片*/
.slider-carousel{ width:960px; height:191px; overflow:hidden; position:relative}
.slidesjs-container .item{width:960px;height:340px; position:absolute; left:0; top:0}
.slidesjs-container .item img{width:960px;height:191px;}
.slider-carousel .slidesjs-navigation{width:42px;height:69px;display:none;position:absolute;fint-size:0;top:52px;z-index:2000;}
.slidesjs-previous{background:url(../images/indexbanner/index_btn03.png) no-repeat;left:0px}
.slidesjs-next{background:url(../images/indexbanner/index_btn04.png) no-repeat;right:0px}
.slidesjs-previous:hover{background:url(../images/indexbanner/index_btn01.png) no-repeat;}
.slidesjs-next:hover{background:url(../images/indexbanner/index_btn02.png) no-repeat;}
.slidesjs-pagination{overflow:hidden;zoom:1;position:absolute;bottom:0;width:960px;height:4px;z-index:2500;overflow:hidden; display:none}
.slidesjs-pagination-item{float:left;width:193px;height:4px;}
.slidesjs-pagination-item a{float:left;display:block;width:190px;height:4px;text-indent:-9999em;margin:0 2px 0 0;background-color:#004986;}
.slidesjs-pagination-item a.active{background-color:#b20000}


@media only screen and (max-width:768px){
.top{ background: #fff url(../images/body_bg.jpg) left top repeat-x; }
	.header,.slider-carousel { width: 100%;}
  .loginBox { float: right;width: auto; padding-right: 10px;}
  .searchBox,.headLinks{ display: none;}
.slidesjs-container .item img,.slidesjs-container .item { width: 100%; height: auto;}
.slider-carousel { height: 150px;}
.slider-carousel{ display: none;}
}
@media only screen and (max-width:600px){
.slider-carousel { height: 130px;}
}
@media only screen and (max-width:500px){
.slider-carousel { height: 100px;}
}


@media only screen and (max-width:450px){

.logo a { background-size: 80%;}
.logo{ margin: 0 0 0 10px;height: 80px;}
}