@charset "utf-8";

/*基本格式设置*/
html{color: #333;background: #fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0;}
body,button,input,select,textarea {font:12px/1.5 \5FAE\8F6F\96C5\9ED1,tahoma,arial,\5b8b\4f53;color:#666;}
address,cite,dfn,em,var,caption,strong,th,i,code,kbd,pre,samp{font-style:normal;font-weight: 400;}
ul,ol {list-style:none;}
sub, sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
fieldset,img, button {border: 0 none;}
button,input,select,textarea {font-size:100%;vertical-align:middle;font-family:inherit;}
textarea {overflow: auto;vertical-align: top;}
table {border-collapse:collapse;border-spacing:0;}
th{ text-align: inherit;}
caption,th{text-align: left;}
a {text-decoration: none;color:#333;}
a:hover { color:#e8400b;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
q:before,q:after{content: ""}
.clear { clear:both;}
iframe{display: block;}
abbr,acronym{border: 0 none;font-variant: normal;}
del{text-decoration: line-through;}
.fl{float: left;}
.fr{float: right;}
.fc{clear: both;}
.fz{zoom:1;}

/*基本格式设置结束   */


#header {
   width: 100%;
   background: #fff;
   z-index: 100;
   padding-top: 15px;
   height: 110px;
   top: -2px;
   position: fixed;
  background-color:#FAFAFA;
}
#header .con{
   width: 87%;
   margin: 0 auto;
  
}

#header .logo img{
	height:80px;
	width:127px;
   float: left;
   margin-left:6em;
}

#header .con li button{	
	margin-left:5px;
}

#header .menu{
	width:1070px;
   height: 100px;
   margin:1em 6em 0 0;
   float: right;
}

#header .biao{
   /*display: block;*/
   width:100%;
 
}
#header .menu li{
	display: inline-block;
	width: 12.3%;
}
/*#header .biao li{
   list-style-type: none;
   float: left;
   display: block;
   font-size: 14px;
   color: #000;
   
}*/
#header .carte li {
	width:100%;
	
}
#header .biao li a{
   display: block;
   padding: 0 24px;
   height: 46px;
   line-height: 46px;
   text-align: center;
   color: #000;
 
}
#header .biao li a:hover{	
   color: #fff;
   background-color:#5CB85C;
   height:46px;
   line-height: 46px;
}



#header .xiala ul li{
   display: block;
   font-size: 14px;
   color: #000;
}
#header .xiala:hover{
	display:block;
}
#header .xiala li a{
	font-size:14px;
	color:#888;
	height:40px;
	line-height: 40px;
	width:100%;
}
#header .xiala li a:hover{
	display:block;
	width:100%;
	font-size:15px;
	color:#fff;
	height:40px;
	background-color: #58D558;
	line-height: 40px;
}
/*产品与服务结束*/



/*解决方案样式*/
#header .solve{
	/*height:200px;
	width:100px;
	box-shadow: 5px 5px 4px #aaa;*/
}

#header .solve ul li{
   display: block;
   font-size: 14px;
   color: #000;
}
#header .solve:hover{
	display:block;
	/*box-shadow: 5px 5px 4px #888;*/
}
#header .solve li a{
	font-size:14px;
	color:#888;
	height:40px;
	line-height: 40px;
}
#header .solve li a:hover{
	display:block;
	font-size:15px;
	color:#fff;
	background-color:#58D558;
	height:40px;
	line-height: 40px;
	/*box-shadow: 10px 10px 5px #888888;*/
}
/*解决方案样式结束*/

/*健康商城样式*/
/*健康商城样式结束*/

/*关于我们开始*/
#header .about_us{
	/*height:200px;*/
	/*width:100px;*/
	/*box-shadow: 5px 5px 4px #aaa;*/
}

#header .about_us ul li{
   display: block;
   font-size: 14px;
   color: #000;
}
#header .about_us:hover{
	display:block;
	/*box-shadow: 5px 5px 4px #888;*/
}
#header .about_us li a{
	font-size:14px;
	color:#888;
	height:40px;
	line-height: 40px;
}
#header .about_us li a:hover{
	display:block;
	font-size:15px;
	color:#fff;
	background-color:#58D558;
	height:40px;
	line-height: 40px;
	/*box-shadow: 10px 10px 5px #888888;*/
}
/*关于我们结束*/

/*联系我们开始*/
#header .contact_us ul li{
   display: block;
   font-size: 14px;
   color: #000;
}

#header .contact_us li a{
	font-size:14px;
	color:#888;
	height:40px;
	line-height: 40px;
}
#header .contact_us li a:hover{
	display:block;
	font-size:15px;
	color:#fff;
	background-color:#58D558;
	height:40px;
	line-height: 40px;
}
/*联系我们结束*/

/*侧边客服开始*/
a:link {
	font-size:14px; font-family:"微软雅黑";  color: #333; text-decoration: none;
 }
a:visited {
	font-size:14px; font-family:"微软雅黑"; color: #333; text-decoration: none;
	
}
a:hover {
	font-size:14px; font-family:"微软雅黑"; color:#F00; text-decoration: none;
	
}
.text{font-size:12px; font-family:"微软雅黑"; color:#CCC;}

.mt10 { margin-top:10px }
.fs14 { font-size:13px;font-family:"微软雅黑"; color:#666}
.service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #ece8e5; background:#fff; }
.service_box .tab_nav{ position:absolute;left:-34px;top:-1px;}
.service_box .tab_nav > li {background:#70E2FA;border-bottom:1px solid #dfdbd9;}
.service_box .tab_nav > li.active{ background:#0b9efc;}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{ display:block; width:34px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;}
.service_box .tab_nav > li.active > a{ color:#fff;}
.service_box .tab_nav .icon{ display:block; height:28px;width:28px;  overflow:hidden;margin:3px 10px 5px -5px;*margin:0px 0;}
.service_box .tab_nav .icon_1{ background:url(../../img/chni/qq2.png) no-repeat;}
.service_box .tab_nav .icon_2{ background-position:-28px 10px ;}
.service_box .tab_nav .icon_3{ background:url(../../img/chni/weixin2.png) no-repeat;}
.service_box .tab_nav .active .icon_1{ background:url(../../img/chni/qq1.png) no-repeat left center;}
.service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;}
.service_box .tab_nav .active .icon_3{ background:url(../../img/chni/weixin1.png) no-repeat;}
.service_box .tab_content{padding:20px 5px 10px; position:relative;height:233px;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333;}
.service_box .tab-tel {background:url(../../img/chni/tel.png) no-repeat left center;padding-left: 25px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#06C;}
DIV.digg { TEXT-ALIGN: center } 
/*侧边客服结束*/

/*响应式调节开始*/
@media only screen  and (min-width:1456px){
	#header .biao li a{
		text-align: center;
		font-size:17px;
	}
	#header .pro a {
		font-size: 16px;
		width:114%;
	}
	/*#header .carte li{
		display: block;
	}*/
	#header .carte li a{
		font-size:15px;
		color:#888;
		height:40px;
		line-height: 40px;
		width:100%;
	}
	#header .carte li a:hover{
		width:100%;
		font-size:15px;
		color:#fff;
		height:40px;
		background-color: #5CB85C;
		line-height: 40px;
		
	}
	#header .con button{		
		height:45px;
		padding:3px 0 0 0;
		width:100%;
		font-size:17px;
		text-align: center;	
	}
}
@media only screen and (max-width: 1481px) and (min-width:1455px){
	#header .menu{
    	width:1070px;
    	float: right;
    	height:50px;
    }
    #header .con button{		
		height:45px;
		padding:3px 0 0 0;
		width:100%;
		font-size:16px;
		text-align: center;	
	}
}
@media only screen and (max-width: 1455px){
	
	#header .logo{
		margin: 0 0 0 -5px;
	}
	#header .menu{
    	width:80%;
    	float: right;
    	height:50px;
    }
	#header .pro a {
		display: inline-block;
		font-size: 15px;
		width:115%;
	}
	#header .carte li a{
		font-size:15px;
		color:#888;
		height:36px;
		line-height: 36px;
		width:100%;
	}
	#header .carte li a:hover{
		display:block;
		width:100%;
		font-size:15px;
		color:#fff;
		height:36px;
		line-height: 36px;
		background-color: #58D558;
	}
	#header .biao li a{
	    height: 36px;
	    line-height: 36px;
	    font-size: 15px;
	    padding:0 10px 5px 10px;
	    
	}
	#header .biao li a:hover{	
	   color: #fff;
	   background-color:#5CB85C;
	   height: 36px;
	   line-height: 36px;
	   font-size: 15px;
	   padding:0 6px 5px 6px;
	  
	}
	#header .con button{		
		height:35px;
		padding:3px 0 0 0;
		width:100%;
		font-size:15px;
		text-align: center;	
	}
}

@media only screen and (max-width: 1389px){
	
	#header .menu{
    	width:80%;
    	float: right;
    	height:50px;
    }
    #header .pro a {
		display: inline-block;
		font-size: 14px;
		width:104%;
	}
	#header .carte li a{
		font-size:14px;
		color:#888;
		height:36px;
		line-height: 36px;
		width:100%;
	}
	#header .carte li a:hover{
		display:block;
		width:100%;
		font-size:14px;
		color:#fff;
		height:36px;
		line-height: 36px;
		background-color: #58D558;
	}
	#header .biao li a{
	    height: 36px;
	    line-height: 36px;
	    font-size: 14px;
	    padding:0 10px 5px 10px;
	    
	}
	#header .biao li a:hover{	
	   color: #fff;
	   background-color:#5CB85C;
	   height: 36px;
	   line-height: 36px;
	   font-size: 14px;
	   padding:0 6px 5px 6px;
	  
	}
	#header .con button{		
		height:35px;
		padding:3px 0 0 0;
		width:110%;
		font-size:15px;
		text-align: center;	
	}
}

@media only screen and (max-width: 1169px){
	#header .menu{
    	width:80%;
    	height:50px;
    }
	#header .logo img{
		height: 60px;
		width:87px;
		position: absolute;
		left:5%;
		margin:0 0 0 ;
	}
	#header .carte li a{
		font-size:12px;
		color:#888;
		height:36px;
		line-height: 36px;
		width:100%;
	}
	#header .carte li a:hover{
		display:block;
		width:100%;
		font-size:12px;
		color:#fff;
		height:36px;
		line-height: 36px;
		/*background-color: #58D558;*/
	}
	#header .biao li a{
	    height: 36px;
	    line-height: 36px;
	    font-size: 12px;
	    padding:0 5px 3px 5px;
	}
	 #header .pro a {
		display: inline-block;
		font-size: 12px;
		width:110%;
	}
	#header .biao li a:hover{	
	   color: #fff;
	   background-color:#5CB85C;
	   height: 36px;
	   line-height: 36px;
	   font-size: 12px;
	   padding:0 3px 2px 3px;
	}
	#header .con button{		
		height:35px;
		padding:3px 0 0 0;
		width:120%;
		font-size:12px;
		text-align: center;	
	}
	
}


@media only screen and (max-width: 957px) {
	#header .menu{
    	width:80%;
    	height:50px;
    }
	#header .logo img{
		height: 60px;
		width:87px;
		position: absolute;
		left:5%;
		margin:0 0 0 ;
	}
	#header .biao li a{
	    height: 30px;
	    line-height: 30px;
	    font-size: 8px;
	    padding:0 3px 2px 3px;
	}
	 #header .pro a {
		display: inline-block;
		font-size: 8px;
		width:104%;
	}
	#header .biao li a:hover{	
	   color: #fff;
	   background-color:#5CB85C;
	   height: 30px;
	   line-height: 30px;
	   font-size: 8px;
	   padding:0 3px 2px 3px;
	}
	#header .con button{		
		height:30px;
		padding:2px 0 0 0;
		width:120%;
		font-size:8px;
		text-align: center;	
	}
}
@media only screen and (max-width: 768px) {
	#header .menu{
    	width:80%;
    	height:50px;
    }
	#header .logo img{
		height: 60px;
		width:87px;
		position: absolute;
		left:5%;
		margin:0 0 0 ;
	}
	#header .biao li a{
	    height: 30px;
	    line-height: 30px;
	    font-size: 8px;
	    padding:0 3px 2px 3px;
	}
	 #header .pro a {
		display: inline-block;
		font-size: 8px;
		width:104%;
	}
	#header .biao li a:hover{	
	   color: #fff;
	   background-color:#5CB85C;
	   height: 30px;
	   line-height: 30px;
	   font-size: 8px;
	   padding:0 3px 2px 3px;
	}
	#header .con button{		
		height:30px;
		padding:2px 0 0 0;
		width:120%;
		font-size:8px;
		text-align: center;	
	}
	
}
@media only screen and (max-width: 767px){
	
	#header .menu{	
		position: absolute;
		top:60px;
		right:-70px;
    	width:40%;
    	height:310px;
    	background-color:#fff;
    }
	#header .biao{
	  display: inline-block;
	  width:90%;
	  height:310px;
	} 
	#header .menu li{
		display: inline-block;
		width: 100%;
	}
	#header .biao li a{
	    height: 36px;
	    line-height: 36px;
	    font-size: 14px;
	    padding:0 3px 2px 3px;
	    margin:0 5px;
	}
	#header .biao li a:hover{
	   color: #fff;
	   background-color:#5CB85C;
	   height: 36px;
	   line-height: 36px;
	   border-radius: 3px;
	   font-size: 14px;
	   padding:0 3px 2px 3px;
	   margin:0 5px;
	}
	#header .con button{		
		height:36px;
		padding:2px 0 0 0;
		width:96%;
		font-size:14px;
		text-align: center;	
		margin:5px 0;	
	}
	
 	#header .carte {
        position: absolute;
        top:10px;
        background-color:#fff;
        color:#666;
	} 
	
	.service_box{
		display: none;
	}
}