/* 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{height:185px; margin:0px auto; background-image:url(../images/top_bg.jpg); background-repeat:repeat-x;}
#top .top_t{ height:137px; width:980px; margin:0px auto;}
#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;}


.the{ height:172px; background-image:url(../images/thanksthe.jpg); background-position:center center; background-repeat:no-repeat;}
.con_con{ height:430px; background-image:url(../images/con_b_bj.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_pro{ height:730px; background-image:url(../images/pro_bg.jpg); background-position:center center; background-repeat:no-repeat;}
.con_pro_c{ width:980px; padding-top:45px; margin:0px auto;}
.con_pro_c .pro_t{ height:75px; background-color:#3a89c9; border-bottom:10px solid #036aaf;}
.con_pro_c .pro_t ul{  width:760px; float:right; padding-top:10px;}
.con_pro_c .pro_t ul li{ float:left; width:165px; height:25px; line-height:25px; background-color:#fff; padding-left:15px; margin-bottom:5px; margin-right:5px;}
.con_pro_c ul{ padding-top:30px; width:110%}
.con_pro_c ul li{ width:185px; height:250px; float:left; line-height:18px; margin-right:13px;}

.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:48px; line-height:48px; width:100%; margin:0px auto; clear:both;}
.nav ul{width:980px; margin:0px auto;}
.nav ul li{ float:left;}
.nav ul li a{ display:block; text-align:center; width:138px; color:#fff; font-weight:bold;}
.nav ul li:hover{ background-image:url(../images/nav_hover.jpg); background-repeat:no-repeat;  background-position: center bottom;}

.nav ul li.hover{ background-image:url(../images/nav_hover.jpg); background-repeat:no-repeat;  background-position: center bottom;}

.nav ul .li_na .navhov{display:block; position:absolute; z-index:9999; background-color:#000; width:240px;filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;}
.nav ul .li_na .navhov li{ width:230px; clear:both;padding-left:10px;height:25px; background-image:none;}
.nav ul .li_na .navhov li:hover{ background-color:#3a89c9;}
.nav ul .li_na .navhov li a{padding:0px; line-height:25px; width:auto; text-align:left;}
.nav ul li ul{ display:none;}


#banner{width:100%; overflow:hidden; position:relative; height:363px;}
#banner .banner_w{width:1000px; height:363px; 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);}



.youshi{width:980px; height:656px; margin:0px auto;background-image:url(../images/youshi.jpg);position: relative; background-repeat:no-repeat; line-height:18px;}

.youshi h3{font-size:16px; font-weight:bold; color:#0033CC;padding:0px; margin:0px;}



#con{width:980px; margin:20px auto; overflow:hidden;}
#con .con_left{ width:223px;  float:left;}
.con_left_t{ height:32px; line-height:32px; background-color:#f65e03; 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;}

#hot_p{height: 219px;margin: 0px auto; width:980px;}

#con .con_ab{ width:357px; float:left;}
#con .con_product{width:356px; float:left; margin-left:20px;}
#con .con_services{width:220px; float:right;}
#con .con_solution{width:375px; padding-left:30px; padding-top:10px; float:right; height:224px; background-image:url(../images/solution_bg.jpg); background-repeat:repeat-x;}



.con_pro1{width:980px;margin:0px auto}
.con_pro1 ul{ margin:20px 0 0 0px;; padding:0px; width:105%;}
.con_pro1 ul li{   float: left;
    height: 164px;
    margin-bottom: 20px;
    margin-right: 15px;
    overflow: hidden;
    position: relative;
    width: 315px;}
.con_pro1 ul li:hover img{ opacity: 0.4; filter:alpha(opacity=40); 
-moz-opacity:0.4;}
.con_pro1 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_pro1 ul li p strong{color:#fff; font-size:14px;height:10px; display:block;}








#con .con_right{ width:980px; 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:151px; overflow:hidden; float:left; margin-right:8px; 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;}

.ab_new{overflow: hidden;padding-top:20px;}


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


#footer {
text-align:center;	font-family:Arial;
	padding: 35px 0px 35px 0px;
	font-size: 12px;
	width: 980px;
	margin: 0 auto;
	color: #FFF;
	clear: both;
	line-height:18px;
}
#footer .f_l
{
    width:430px; height:135px; float:left; text-align:left;
    }

#footer .f_c
{
    width:140px; height:135px; float:left; line-height:135px;
    }
#footer .f_r
{
    width:340px; height:135px; float:right; text-align:right; font-size:14px; font-weight:bold; line-height:135px;
    }





#about_con
{
    width:980px; margin:205px 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;}    


#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: 50px;
  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: 5px 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;
}