/* -------------------------------------------------- */
/* body */
/* -------------------------------------------------- */
*{
	margin: 0;
	padding: 0;
	border: 0;
	font: '微软雅黑';
	vertical-align: baseline;
	color:#333;
	font-size:14px;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
    font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
    line-height: 24px;
    padding: 0;
    color:#000;
}
a {
    text-decoration: none;
}

.wrapper{
	width:1200px;
	margin:0 auto;
}
.f_l{
	float: left;
}
.f_r{
	float:right;
}
.floor_ti{
	line-height: 70px;
	font-size:40px;
	font-weight: normal;
	color:#175a36;
	text-align: center;
}
/* -------------------------------------------------- */
/* heading */
/* -------------------------------------------------- */

.header{
    filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;
    width: 100%; height:72px;
    z-index:100;
    position:relative;
    vertical-align:middle;
    padding:20px 0 20px 0;
    border-bottom:solid #eee 1px;
    margin:auto;
}
.container{
    background:#fff;
    width: 1200px;
    height:48px;
    margin:0 auto;
    vertical-align:middle;
}

.container .logo{
    float:left;
	margin:0 0 0 15px;
}
.container .logo img{
    width:190px;
}

.login{
    float:right;
    text-align:center;
    vertical-align:middle;
}
.login a:hover{
    color:#fff000;
    font-size:16px;
}
.gongying{
    float:right;
    width:114px;
    height:36px;
    background:#c69e45;
    border-radius:2px 0 0 2px;
    padding-top:10px;
}
.fabu{
    float:right;
    width:114px;
    height:36px;
    background:#184d31;
    border-radius:0 2px 2px 0;
    padding-top:10px;

}
.gongying a{
    text-align:center;
    vertical-align:middle;
    text-decoration:none;
    color:#fff;

}
.fabu a{
    text-align:center;
    vertical-align:middle;
    text-decoration:none;
    color:#fff;
}
.content {
    text-align:center;
    margin:0 auto;
}

/* -------------------------------- 
   nav 
-------------------------------- */
.nav{
	width:100%; height: 48px;
	background: #f2f2f2;
}
.nav .navBox li{
	width:180px;
	margin:0 10px;
	float: left; 
}
.nav .navBox li.title{
	width:220px; margin: 0;
	font-size: 24px; line-height: 48px;
	color: #145534;
	font-weight: bold; text-align: center;
}
.nav .navBox li a{
	display: block; 
	line-height: 48px; text-align: center;
	font-size: 18px; font-weight: bold;
}
.nav .navBox li.on a,.nav .navBox li a:hover{
	color:#ffffff; 
	background: url(../images/navBi.png) 16px 3px no-repeat;
}


/* -------------------------------- 
Main content
-------------------------------- */
.healStan{
	overflow: hidden;
	padding:36px 0 48px 0; 
}
/*-------------------------------
	健康目录list
--------------------------------*/
.healStan .healthMenu{
	width:220px;
	float: left;
}
.healStan .healthMenu li{
	margin:0 0 2px 0;
}
.healStan .healthMenu input[type=checkbox] {
	opacity: 0;
	position: absolute;
}
.healStan .healthMenu li label{
	display: block; padding: 0 0 0 58px;
	line-height: 68px; letter-spacing: 2px;
	font-size: 20px; 
	color:#ffffff;
	background:#1f9559 url(../images/arrow_l_c.png) 18px center  no-repeat;
}
.healStan .healthMenu li input[type=checkbox]:checked + label{
	background-image: url(../images/arrow_l_o.png)
}

.healStan .healthMenu ul.menuList {
  	/* by default hide all sub menus */
  	display: none;
	padding:5px 0;
	background-color: #eff2f7;
}
.healStan .healthMenu li.on  ul.menuList {
  /* by default hide all sub menus */
  display:block;
}
.healStan .healthMenu ul.menuList li{
}
.healStan .healthMenu ul.menuList li a{
	display: block; padding: 0 0 0 58px;
	line-height: 48px; font-size: 16px;
	color: #333333;
	
}
.healStan .healthMenu ul.menuList li.chosen a{
	color:#1f9559;
	background: url(../images/chosen.png) right center no-repeat;
}
.healStan .healthMenu ul.menuList li a:hover{
	color:#1f9559;
}



/*-------------------------------
	健康目录content
--------------------------------*/
.healStan .healthCont{
	width:978px; float: left;
}
.healStan .healthCont li.list{	
	margin:0 0 18px 35px; padding:12px 0 10px 0; 
	box-shadow: 0 0 4px #e1e1e1;
}
.healStan .healthCont input[type=checkbox] {
	opacity: 0;
	position: absolute;
}

.healStan .healthCont label{
	display: block;
	line-height: 56px; margin:0 40px 0 40px;
	font-size:16px; font-weight: bold;
	letter-spacing:2px;
	background-image: url(../images/arrow_c_t_c.png); background-repeat: no-repeat;
	background-position: right center;
}
.healStan .healthCont input[type=checkbox]:checked + label{
	color:#1f9559;
	background-image: url(../images/arrow_c_t_o.png);
}
.healStan .healthCont label:hover{	
	cursor: pointer; color:#1f9559;
}
/* 子列表内容*/
.healStan .healthCont .menuList{
	display: none;
	padding:30px 0 20px 0; position: relative;
	margin:0 40px 0 40px; border-top: solid 1px #ccc;
	overflow: hidden;
}
.healStan .healthCont li.on .menuList{
	display: block;
}
.healStan .healthCont .menuList .imgBox{
	width:210px; min-height:210px;
	border-radius:12px; overflow: hidden;
	float:left;
	text-align: center;
}
.healStan .healthCont .menuList .imgBox img{
	height:210px; display:block;}

.healStan .healthCont .menuList .contBox{
	width:580px; height:210px;
	float: left; margin: 0 0 0 32px;
}
.healStan .healthCont .menuList .more{
	width: 130px; padding:0 20px 0 0; height:36px; 
	background-color: #1f9559; border-radius: 20px;
	position: absolute; right: 50px; bottom: 30px;
}
.healStan .healthCont .menuList .more a{
	display: block;
	line-height:36px; text-align: center;
	font-size: 16px; color:#ffffff;
	background: url(../images/arrow_more.png) 114px 10px no-repeat;
}


/* 风琴子目录展开-高度*/
.healthMenu input[type=checkbox]:checked + label + ul,
.healthMenu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}




/* -------------------------------------------------- */
/* footer */
/* -------------------------------------------------- */
footer{
    width:100%;
    background:#2b3b4f;
    border-top:#33455d 14px solid;
    margin:auto;
    min-width:1200px;
}
.footer{
    background:#2b3b4f;
    width:1200px;
    margin:0 auto;
    text-align:left;
    padding:30px 0;
}
.footer a{
    color:#fff;
}

.footer ul{
    text-align:center;
    list-style: none;
    padding-left:0;
}
.footer li{
    display: inline-block;
    vertical-align:top;
    padding:0;
}
.footer strong{
    font-size:14px;
    color:#fff;
}

.footer2 {
    text-align:center;
    color:#fff;
    margin-top:30px;
    line-height:28px;
}

/*右侧悬挂的客服*/
.consult_contact{position:fixed;bottom:42%;right:0;width:114px;height:114px;cursor:pointer;}
.consult_wrap{position:relative;width:114px;height:114px;}
.consult_wrap .tip{position:absolute;right:95px;top:45px;display:none;width:160px;height:24px;border-radius:3px;font-size:14px;line-height:24px;text-align:center;background:#1f9559;color:#fff;-webkit-transition:display 1s ease;transition:display 1s ease;}
.consult_wrap .tip:after{position:absolute;right:-8px;top:50%;content:"";width:0;height:0;border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #3091f2;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.consult_contact img{position:absolute;left:50%;top:50%;width:auto;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);}
.consult_contact .staff_img{z-index:999;}
@keyframes ballRotate{0%{transform:rotate(0);}
 100%{transform:rotate(360deg);}
}
.consult_contact .ball{top:20px;width:auto;transform-origin:0 38px;animation:ballRotate 2.5s infinite linear;z-index:9999;}
@keyframes bg2Animation{0%{opacity:0;}
 50%{opacity:1;}
 100%{opacity:0;}
}
.consult_contact .bg-2{animation:bg2Animation 2.5s infinite linear;}
.consult_contact:hover .tip{display:block;}