﻿/* CSS Document */
/* 清理浮动 */
.clearfix:after {
 visibility:hidden;
 display:block;
 font-size:0;
 content:" ";
 clear:both;
 height:0;
}
.clearfix {
 zoom:1;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac /*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */
/* end of clearfix */ 

body 
{
    margin:0px; padding:0px; font-family:Arial; font-size:12px; color:#666666;line-height:22px;
}
a
{
    color:#1f1f1f; text-decoration:none;
    }
img{ border:0px;}
li{ list-style-type:none; padding:0px; margin:0px;}
ul{padding:0px; margin:0px;}
div{padding:0px; margin:0px;}

#top{ margin:0px auto;}
#top .top_t{ height:100px; width:1000px; margin:0px auto; background-image:url(../images/map.png);background-repeat: no-repeat;
background-position: 700px top;}
#top .top_t .logo{ float:left;}
#top .top_t .lu{ float:right;padding-top:15px;}
#top .top_t .lu ul li{ float:left; margin-left:10px;}




.feedback{
    background: none repeat scroll 0 0 #ff6d0b;
    border: medium none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    height: 37px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    transition: border 0.2s linear 0s;
    vertical-align: middle;
    width: 120px;
float:left;margin-right:20px;
}
.feedback a{color: #ffffff;}




.nav{height:35px; line-height:35px; width:100%; background-color:#da1d17; font-size:16px;}
.nav ul{width:1000px; margin:0px auto;}
.nav ul li{ float:left;}
.nav ul li a{ display:block; padding-left:25px; padding-right:25px; color:#fff; font-weight:bold;}
.nav ul li:hover{background-color:#050505;}


.nav ul .li_na .navhov{display:block; position:absolute; z-index:9999; background-color:#000; width:210px;filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;}
.nav ul .li_na .navhov li{ width:200px; clear:both;padding-left:10px;height:30px;}
.nav ul .li_na .navhov li a{padding:0px; line-height:30px;}
.nav ul .li_na .navhov li:hover{background-image:none;background-color:#da1d17;}
.nav ul li ul{ display:none;}


#banner{width:100%; overflow:hidden; position:relative; height:503px;}
#banner .banner_w{width:1000px; height:503px; position:relative; z-index:100; margin:0 auto;}
#banner .banner_w .item{position:absolute; top:0px; left:50%; margin-left:-960px; width:1920px;}
#banner .btn{position:absolute; z-index:110; height:13px; bottom:20px; right:20px; text-align:right;}
#banner .btn .bitem{float:left; cursor:pointer; line-height:13px; width:13px; height:13px; overflow:hidden; margin:0 4px; background:url(../images/icon.png) no-repeat 0 0;}
#banner .btn .on{background-image:url(../images/in_icon.png);}


.con_con{background-image:url(../images/con_bg.jpg); background-repeat:repeat-x;}
.con_con .con_ab{ width:400px; float:left; padding-top:50px; line-height:26px;}
.con_con .con_contact{ width:536px; float:right; padding-top:50px; line-height:26px;}
.con_con .con_contact .con_contact_c{ background-image:url(../images/contact_bg.jpg); height:284px; background-repeat:no-repeat;}



#con{width:1000px; margin:0px auto; overflow:hidden;}




#con .kjgn{width:111px; float:left;margin-right:35px;}

#con .kjgn .ico{ margin:0px auto; width:111px; height:97px; display:block;  background-repeat:no-repeat;
     background-position:0px bottom;}
#con .kjgn .fo{  margin-top:3px; height:25px; text-align:center; line-height:25px; width: 110%; margin-left: -5%;}
#con .kjgn .fo a{color:#4b4948;height:25px;font-weight:bold; font-size:12px; text-decoration:none}

 .im1{background-image:url(../images/kjgn1.png);}
 .im2{background-image:url(../images/kjgn2.png);}
 .im3{background-image:url(../images/kjgn3.png);}
 .im4{background-image:url(../images/kjgn4.png);}
 .im5{background-image:url(../images/kjgn5.png);}
 .im6{background-image:url(../images/kjgn6.png);}
 .im7{background-image:url(../images/kjgn7.png);}







#con .kjgn:hover .ico{ margin:0px auto; width:111px; height:97px; display:block; background-repeat:no-repeat;
     background-position:0px 0px;}
#con .kjgn:hover .fo{ margin-top:3px; height:25px; text-align:center; line-height:25px; width: 110%;margin-left: -5%;}
#con .kjgn:hover .fo a{color:#e60012;height:25px;font-weight:bold; font-size:12px; text-decoration:none}












#con .health-care{width: 297px;height: auto;float: left;padding-right: 25px;}

#con .tools{width:100%;height: auto;float: left;padding-right: 37px;padding-left: 25px;}
#con .news{width: 297px;height: auto;float: left;}



#con .con_left{ width:223px;  float:left;}
.con_left_t{ height:32px; line-height:32px; background-color:#da1d17; padding-left:20px; color:#fff; font-size:16px; font-weight:bold;} 


#con .con_left ul li{height:35px; line-height:35px; border-bottom:1px dotted #ccc; padding-left:20px;background-image: url(../images/left_bg.jpg);background-repeat: repeat-x;}

#hot_p{  background-image: url(../images/pro_bg.jpg);background-repeat: no-repeat;
    height: 213px;margin: 0; padding: 20px 10px 0 60px; width: 900px;}


#hot{height: 237px;
width: 940px;
background-image: url(../images/hot_bg.jpg);
background-repeat: no-repeat;
margin: 0px auto;
padding: 20px 20px 0px 20px;}



#con .con_right{ width:1000px; overflow:hidden; float: right;}
#con .con_right .ab{ height:225px; width:356px; float:left; line-height:20px;}
#con .con_right .news{ height:225px; width:356px; float:right;}
#con .con_right .news ul li{height:35px; clear:both; line-height:35px; border-bottom:1px dotted #ccc; padding-left:20px; background-image:url(../images/line.jpg); background-position:5px center; background-repeat:no-repeat;}
#con .con_pro ul{ margin:20px 0 0 0px;; padding:0px; width:110%;}
#con .con_pro ul li{width:177px;height:200px; overflow:hidden; float:left; margin-right:20px; margin-bottom:20px; position:relative;text-align:center;}
#con .con_pro ul li p{background-color:#000;width:220px;height:20px; margin:0px; padding:10px; position:absolute; left:0px; bottom:0px; color:#fff; font-size:12px; line-height:20px;
    filter:alpha(opacity=50); 
-moz-opacity:0.5; 
opacity:0.5;}
#con .con_pro ul li p strong{color:#fff; font-size:14px;height:10px; display:block;}


#ab_info .con_pro ul{ margin:20px 0px; padding:0px; width:105%;}
#ab_info .con_pro ul li{width:240px;height:140px; overflow:hidden; float:left; margin-right:10px; margin-bottom:20px; position:relative;}
#ab_info .con_pro ul li p{background-color:#000;width:220px;height:20px; margin:0px; padding:10px; position:absolute; left:0px; bottom:0px; color:#fff; font-size:12px; line-height:20px;
    filter:alpha(opacity=50); 
-moz-opacity:0.5; 
opacity:0.5;}
#ab_info .con_pro ul li p strong{color:#fff; font-size:14px;height:10px; display:block;}

.ab_new{overflow: hidden;padding-top:20px;}


#footer-container-bottom{
	background-color: #142a76;overflow: hidden;
	margin: 0;
}
.xiaofang{
	background-image: url('../images/abouy.jpg');
	}
	.xiaofang img{ width:1000px; margin:0 auto; display:block;}
.foot-left{
	
	color:#fff;
	float:left;
	margin-top:30px;
	line-height:30px;
	font-size:14px;
	
	}
.footer{background-image: url('../images/foot_bg.jpg');
height: 181px;clear: both;}
.footer .wrap{    width: 1000px;
    margin: 0px auto;
    padding-top: 20px;
}

.footer .wrap h2{margin: 0px;}



#footer {
text-align:center;	font-family:Arial, Helvetica, sans-serif;
	padding: 30px 0px 30px 0px;
	font-size: 12px;
	width: 1000px;
	margin: 0 auto;
	color: #000;
	clear: both;
	line-height:18px;
}
#footer .f_l
{
    width:240px; height:220px; float:left;
    }

#footer .f_c
{
    width:240px; height:220px; float:left;
    }
#footer .f_r
{
    width:240px; height:220px; float:right;
    }





#about_con
{
    width:1000px; margin:255px auto 0px auto; overflow:hidden;background-position:top; background-image:url(../images/ab_bg.jpg); background-repeat:repeat-x; background-color:#fff;
    }
#ban
{
    background-position:center top; background-repeat:no-repeat; overflow:hidden;clear:both;
    }
    
#ab_left
{
    width:189px; padding-left:15px; padding-top:20px;
    }
#about_con .con_left{ width:223px;  float:left;}
#about_con .con_left ul li{height:35px; line-height:35px; border-bottom:1px dotted #ccc; padding-left:20px;background-image: url(../images/left_bg.jpg);background-repeat: repeat-x;}    


#ab_right
{
    width:720px; padding:20px;
    }
#ab_info
{
    line-height:25px;
    }
#ab_info_cl img{
max-height:107px;
height:expression(document.body.clientHeight > 107?"107px":"auto" );
display:block;
border:0
}
#ab_info_cl ul
{
    width: 110%; margin:10px; padding:0px;
    }
#ab_info_cl ul li
{
   border: 1px solid #ccc;
    display: inline;
    float: left;
    height: 109px;
    line-height: 107px;
    margin-right: 17px;
    margin-top: 25px;
    overflow: hidden;
    padding: 2px;
    text-align: center;
    width: 160px;
    }


.shareThis {

  display: block;
  height: 80px;
  padding: 0;
  /*width: 620px;*/
}

.bgShare {
    background: url("../images/fx.png") no-repeat scroll right -50px #EEEEEE;
    display: block;
    height: 30px;
}

.shareLeft {
  background: url("../images/fx.png") no-repeat scroll 0 -100px rgba(0, 0, 0, 0);
  display: block;
  float: left;
  height: 30px;
  width: 16px;
}

.shareArrow {
  background: url("../images/fx.png") no-repeat scroll 0 -5px rgba(0, 0, 0, 0);
  display: block;
  float: left;
  height: 30px;
  width: 28px;
}

.shareText {
    background-color: #003366;
    float: left;
    height: 20px;
    min-width: 10px;
    padding: 5px 3px;
	font-size: 12px;
    font-weight: normal;
    line-height: 20px;
	color:#fff;
}

ul.shareButtons {
    padding: 10px 0 0 0px;
}


.socialbar a.icon_twitter, ul.shareButtons li.icon_twitter {
    background-position: 0 0;
}
 ul.shareButtons li {
    background-image: url(../images/fx.png);
    background-repeat:no-repeat;
    border-bottom: 0 none !important;
    display: block;
    float: left;
    height: 36px !important;
    margin-right: 0px;
    padding: 0  !important;
    width: 36px  !important;
}

ul.shareButtons li a {
    border-bottom: 0 none;
    display: block;
    text-decoration: none;
    text-indent: -1200em;
     height: 36px;
}

ul.shareButtons li.icon_twitter {
    background-position: 0 0;
}


ul.shareButtons li.icon_facebook {
    background-position: -35px 0;
}




ul.shareButtons li.icon_googlep {
    background-position: -68px 0;
}




ul.shareButtons li.icon_xing {
    background-position: -101px 0;
}




ul.shareButtons li.icon_linkedin {
    background-position: -134px 0;
}




