/* 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;
}
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{height:134px; background-image:url(../images/top_bg.jpg); background-repeat:repeat-x;}
#top .top_t{ height:98px; width:980px; margin:0px auto; padding-top:5px;}
#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;}
#top .nav{height:31px; line-height:31px; width:980px; margin:0px auto; clear:both;}
#top .nav ul li{ float:left;}
#top .nav ul li a{ display:block; padding-left:25px; padding-right:25px; color:#fff; font-weight:bold;}
#top .nav ul li:hover{ background-image:url(../images/nav_lihover.jpg); background-repeat:repeat-x;}


#top .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;}
#top .nav ul .li_na .navhov li{ width:200px; clear:both;padding-left:10px;}
#top .nav ul .li_na .navhov li a{padding:0px;}
#top .nav ul li ul{ display:none;}


#banner{width:100%; overflow:hidden; position:relative; height:409px;}
#banner .banner_w{width:1000px; height:409px; 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{width:980px; margin:20px auto; overflow:hidden;}
#con .con_left{ width:223px;  float:left;}
#con .con_left ul li{height:35px; line-height:35px; border-bottom:1px dotted #ccc; padding-left:20px;}



#con .con_right{ width:730px; 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:105%;}
#con .con_pro ul li{width:240px;height:140px; overflow:hidden; float:left; margin-right:10px; margin-bottom:20px; position:relative;}
#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;}




#footer-container-bottom{
	background-color: #134978;overflow: hidden;
	margin: 0;
}


#footer {
text-align:center;	font-family:Arial, Helvetica, sans-serif;
	padding: 25px 0px 20px 0px;
	font-size: 12px;
	width: 980px;
	margin: 0 auto;
	color: #FFF;
	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:980px; margin:205px auto 0px auto; overflow:hidden;background-position:top; background-image:url(../images/ab_bg.html); 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;}    


#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 {
  border-top: 1px solid #E5E5E5;
  display: block;
  height: 80px;
  padding: 0;
  /*width: 620px;*/
}

.bgShare {
    background: url("../images/bgShareSprites.png") no-repeat scroll right -50px #EEEEEE;
    display: block;
    height: 30px;
}

.shareLeft {
  background: url("../images/bgShareSprites.png") no-repeat scroll 0 -100px rgba(0, 0, 0, 0);
  display: block;
  float: left;
  height: 30px;
  width: 16px;
}

.shareArrow {
  background: url("../images/bgShareSprites.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 10px;
}


.socialbar a.icon_twitter, ul.shareButtons li.icon_twitter {
    background-position: 0 0;
}
 ul.shareButtons li {
    background: url("../images/social_icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 0 none !important;
    display: block;
    float: left;
    height: 22px !important;
    margin-right: 7px;
    padding: 0  !important;
    width: 22px  !important;
}

ul.shareButtons li a {
    border-bottom: 0 none;
    display: block;
    text-decoration: none;
    text-indent: -1200em;
}

ul.shareButtons li.icon_twitter {
    background-position: 0 0;
}

ul.shareButtons li.icon_twitter:hover {
    background-position: 0 -23px;
}

ul.shareButtons li.icon_facebook {
    background-position: -29px 0;
}

ul.shareButtons li.icon_facebook:hover {
    background-position: -29px -23px;
}


ul.shareButtons li.icon_googlep {
    background-position: -58px 0;
}

ul.shareButtons li.icon_googlep:hover {
    background-position: -58px -23px;
}


ul.shareButtons li.icon_xing {
    background-position: -86px 0;
}

ul.shareButtons li.icon_xing:hover {
    background-position: -86px -23px;
}


ul.shareButtons li.icon_linkedin {
    background-position: -173px 0;
}

ul.shareButtons li.icon_linkedin:hover {
    background-position: -173px -23px;
}