/* 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:΢ÈíÑźÚ; 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:201px; margin:0px auto; background-image:url(../images/top_bg.jpg); background-repeat:repeat-x;}
#top .top_t{ height:150px; width:980px; margin:0px auto;}
#top .top_t .top_top{ height:27px; line-height:27px;} 
#top .top_t .logo{ float:left;position: relative;}
#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:51px; line-height:51px; 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:120px; 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:#297295; width:150px;filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;}
.nav ul .li_na .navhov li{ width:140px; clear:both;padding-left:10px;height:25px; background-image:none;}
.nav ul .li_na .navhov li:hover{ background-color:#ff8617;}
.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:473px;}
#banner .banner_w{width:1000px; height:473px; position:relative; z-index:0; 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:960px; margin:10px auto; overflow:hidden;}



#con .hzhb{ overflow:hidden;}
#con .hzhb .hzhb_t{ height:43px; background-image:url(../images/dhty.jpg); background-repeat:no-repeat; line-height:43px; font-size:14px; font-weight:bold;
     color:#fff; padding-left:25px;} 
#con .hzhb .hzhb_c{ height:140px; padding-top:16px; padding-left:8px; border:1px solid #d6d6d6; border-top:none;}


#con .pro{ overflow:hidden;}
#con .pro .pro_t{ height:43px; background-image:url(../images/dhty.jpg); background-repeat:no-repeat; line-height:43px; font-size:14px; font-weight:bold;
     color:#fff; padding-left:45px;} 
#con .pro .pro_c{ overflow:hidden;border:1px solid #d6d6d6; border-top:none; padding:20px;}
#con .pro .pro_c ul{ width:110%;}
#con .pro .pro_c ul li{ width:295px; height:200px; float:left; margin-right:15px; text-align:center; line-height:20px;}

#wdys{ overflow:hidden; background-image:url(../images/5dys_bg.jpg); background-position:left top; background-repeat:repeat-x; text-align:center;}

#sdyy{ height:1733px; background-image:url(../images/4dyy.jpg); background-position:center center; background-repeat:no-repeat; text-align:center;}

#al{ width:960px; overflow:hidden; margin:0px auto;}
#al .al_left{ width:220px; float:left; height:500px; background-color:#f1f1f1;}
#al .al_left .al_left_t{ height:31px; background-image:url(../images/al_t.jpg); background-repeat:no-repeat; font-size:14px;font-weight:bold;padding-left:15px;line-height:31px;color:#fff;}
#al .al_left .al_left_c{border:1px solid #e3e3e3; padding:25px; height:419px;}
#al .al_left .al_left_c ul li{ height:42px; width:131px; background-image:url(../images/al_li_bg.jpg); background-repeat:no-repeat; line-height:42px; 
    padding-left:30px; margin-bottom:15px;}
#al .al_left .al_left_c ul li:hover{background-image:url(../images/al_li_hover.jpg);}
#al .al_left .al_left_c ul li:hover a{color:#fff;}
#al .al_right{width:720px; padding:9px; border:1px solid #e3e3e3; border-left:none; height:482px; float:right; background-image:url(../images/al_c_bg.jpg); background-position:left top;
     background-repeat:no-repeat;}
#al .al_right ul{ width:110%;}
#al .al_right ul li{ width:229px; height:215px; float:left;  margin-right:15px; margin-bottom:35px; text-align:center;}
#al .al_right ul li img{ width:229px; height:195px; float:left; padding:2px; margin-right:8px; border:1px solid #e8e8e8; }

.min_ab_top_bg{ height:5px; background-image:url(../images/min_ab_tbg.jpg); background-repeat:repeat-x;}
#min_ab{ padding-top:20px; background-color:#f4f4f4; height:575px;}
#min_ab .min_ab{width:960px; margin:0px auto;}
#min_ab .min_ab .ab{ width:690px; height:216px; padding-top:40px; float:left;}
#min_ab .min_ab .ryzz{ width:210px; float:right;}

#min_news{ width:960px; margin:0px auto;}
#min_news .news{ width:321px; float:left;}
#min_news .hydt{ width:322px; float:left;  margin-left: 15px;}
#min_news .jszc{ width:221px; float:right;}







#con .con_left{ width:223px;  float:left;}
.con_left_t{ height:32px; line-height:32px; background-color:#3084ac; padding-left:20px; color:#fff; font-size:14px; 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 .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: #333333;overflow: hidden;
	margin: 0;
}

#foot_t{ height:60px; background-color:#3084ac;}
#foot_t ul{ width:960px; margin:0px auto;} 
#foot_t ul li{ float:left; margin-right:50px; line-height:60px;}
#foot_t ul li a{ color:#fff;}
#footer {
 height:120px; padding-top:30px; padding-bottom:30px; width:960px; margin:0px auto; line-height:21px;
}
#footer .f_l
{
    width:570px;  float:left; text-align:left;
    }


#footer .f_r
{
    width:150px;  float:right; text-align:right;
    }





#about_con
{
    width:980px; margin:237px 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;margin-top:20px;}
#about_con .con_left .border{border:1px solid #ccc;}
#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;
}



.float_r{
position: fixed;
top: 100px;
left: 5px;
width: 150px;
height: 480px;
z-index: 8000;
margin: 0px;
padding: 0px;
overflow: hidden;
cursor: pointer;
}
.float_r .float_r_c{
width: 149px;
height:453px;
float: right;
background-image:url(../images/ft1111.jpg); 
}






#ryzl{width:960px; margin:10px auto; overflow:hidden;}



#ryzl .hzhb{ overflow:hidden; }
#ryzl .hzhb .hzhb_t{ height:43px; line-height:43px; font-size:14px; font-weight:bold; background-image:none;
     color:#fff;background-image: url(../images/dhty.jpg);} 
#ryzl .hzhb .hzhb_c{ height:230px; padding-top:30px; padding-left:8px;border:1px solid #d6d6d6; border-top:none;}


#pro_new_hot .pro_new_t{
   
   background-image: url(../images/pro_new_t_bg.jpg);
   background-repeat: repeat-x;
    color: #063778;
font-weight:bold;
    height: 36px;
 font-size: 14px;
    line-height: 36px;
    padding-left: 27px;
    border:1px solid #cdcbcb;
}

#pro_new_hot .pro_new_c{
   border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding-top: 8px;
    overflow: hidden;
padding-bottom:10px;
border-color:#cdcbcb;
}
#pro_new_hot .pro_new_c ul{
width:752px;
}
#pro_new_hot .pro_new_c ul li{
 float: left;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding: 0 17px 0 10px;
    width: 335px;
}












 #pro_qie span{float:left; font-size:14px; font-weight:bold;margin-right:10px; padding:0px 10px 0px 10px;}
  #pro_qie .hov{background-color:#3084AC; color:#fff;}
#anli ul li{float:left;}
#anli ul li a{padding:0px 10px 0px 10px;font-size:14px; font-weight:bold;margin-right:10px;line-height:30px;display:block;}
#anli ul li .hov{background-color:#3084AC; color:#fff;}

#jj_q{border-bottom: 1px dashed #DEDEDE;height: 132px;padding: 15px 10px 5px;}
#jj_q dt{float: left;width: 180px;}
#jj_q dt img{height: 123px;
width: 180px;
border: 1px solid #CCC;}

#jj_q dd{color: #666;
float: left;
height: 110px;
line-height: 24px;
padding-left: 10px;
width: 510px; margin:0px;}

#jj_q dd h4{font-size: 14px;font-weight:bold;margin:0px;}