@charset "utf-8";
/* CSS Document */

body{ width:960px; height:auto; margin:0px auto; padding:0px; font-size:12px; background:#333;   }
div,img,form{ margin:0px; padding:0px; border:0px; }
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#f00;
	text-decoration:none;
}

.clearfix:after {      
content: ".";     
display: block;   
clear: both;     
visibility: hidden;    
line-height: 0;   
height: 0;    
font-size:0;   
}
* html .clearfix {height: 1%;}


#head{ width:100%; height:auto; clear:both; display:block; background:#fff; overflow:hidden; }
#banner{ width:100%; height:auto; clear:both; display:block; background:#fff; overflow:hidden; }
#content{ width:100%; height:auto; clear:both; display:block; background:#fff; overflow:hidden; }
#foot{ width:100%; height:auto; clear:both; display:block; background:#f1f1f1; overflow:hidden; }


.head_top{ width:100%; clear:both; display:block; height:80px; overflow:hidden; }
.head_bottom{ width:100%; height:auto; clear:both; display:block;left:0px; background:url(../images/menubg.gif) repeat-x left top; overflow:hidden; }

.logo{ clear:both; display:block; float:left; }
.t_fun{ float:right; display:inline-block; margin-right:12px; }

.t_fun a{ font-size:12px; line-height:30px; margin:0px; }

ul.topmenu{ width:960px; height:auto; list-style:none; margin:0px auto; padding:0px; }
ul.topmenu li{ width:120px; height:auto; line-height:30px; float:left; display:inline-block; text-align:center; }
ul.topmenu li a{ color:#fff; font-size:13px; font-weight:bold; }
ul.topmenu li a:hover{ color:#FF0; }


.foot_copyright{ width:100%; height:auto; line-height:30px; border-top:1px solid #256db1; clear:both; display:block; margin-top:10px; text-align:right; }

.f_con{ width:100%; height:auto; margin:0px auto; border-top:1px solid #0c457c; overflow:hidden;   }
.f_con_l{ clear:both; display:block; float:left; text-align:left; line-height:24px; }
.f_con_r{ float:right; text-align:right; display:inline-block; }

.content_main{ width:100%; height:auto; clear:both; display:block; overflow:hidden; }

.idx_about{ width:316px; height:204px; margin-top:10px; clear:both; display:block;  float:left; background:url(../images/index002.jpg) repeat-y; overflow:hidden; }
.idx_solutions{ width:316px; height:204px; float:left; display:inline-block; background:url(../images/index002.jpg) repeat-y; margin:10px 6px 0px 6px; overflow:hidden; }
.idx_contact{ width:316px; height:204px; margin-top:10px; float:right;  display:inline-block; background:url(../images/index002.jpg) repeat-y; overflow:hidden; }

.idx_title{ width:100%; height:36px; line-height:44px; background:url(../images/index001.jpg) no-repeat left top; text-indent:23px; font-size:14px; overflow:hidden; }
.idx_title a{ float:right;  padding:20px 15px; }
.idx_title span{ font-size:24px; font-weight:bold; color:#fff; margin-right:10px; }
.idx_con{ height:144px; margin:12px 12px 0px 13px; clear:both; display:block;  overflow:hidden; }
.idx_con p{ margin:0px; padding:0px; line-height:24px; }
.idx_btm{ width:100%; height:12px; font-size:0px;  background:url(../images/index003.jpg) no-repeat left top; overflow:hidden; }


ul.fanganlist{ width:100%; height:auto; list-style:none; margin:0px; padding:0px; overflow:hidden; }
ul.fanganlist li{ height:24px; line-height:24px; background:url(../images/icon101.gif) no-repeat 5px 3px; text-indent:24px; overflow:hidden; }


.inside_banner{ width:100%; height:auto; clear:both; display:block; margin-top:10px; }

.inside_daohang{ width:100%; height:30px; line-height:30px; margin-bottom:0px; background:#f1f1f1; text-indent:198px; text-align:left; font-size:13px;  }

.inside_nav{ width:183px; height:auto; clear:both; display:block; margin-left:5px; float:left; margin-top:10px; background:url(../images/l_c.jpg) repeat-y;   overflow:hidden; }
.inside_main{ width:757px; height:auto; float:left; margin-left:10px; margin-top:10px; margin-right:5px; overflow:hidden;  }


dl.dl_nav01{ width:100%; height:auto; clear:both; display:block; margin:0px; padding:0px; }
dl.dl_nav01 dt{ width:100%; height:36px; line-height:44px; background:url(../images/l_t.jpg) no-repeat left top; text-indent:22px; font-size:14px; overflow:hidden;  }
dl.dl_nav01 dt span{ font-size:24px; font-weight:bold; color:#fff; margin-right:10px; }
dl.dl_nav01 dd{ height:auto; padding:8px 0px; margin:15px 0px; padding:0px; width:100%; background:url(../images/y0101.jpg) repeat; text-indent:10px; overflow:hidden; }
dl.dl_nav01 dd.last{ width:100%; height:15px; margin:0px; background:url(../images/l_f.jpg) no-repeat left top; overflow:hidden; }

dl.dl_nav01 dd a{ padding:8px 0px; margin:0px 2px; display:block; color:#fff; font-size:13px;  font-weight:bold; }
dl.dl_nav01 dd a:hover{ color:#FF0;  }

.inside_article{ clear:both; display:block; min-height:450px; }

ul.list05{ width:100%; height:auto; list-style:none; margin:0px; padding:0px; }
ul.list05 li{ width:150px; height:50px; margin:10px 18px; float:left; display:inline-block; text-align:center; }


.smallclass{ height:auto; clear:both; display:block; overflow:hidden; padding:12px 0px; border:1px dashed #ccc; }
.smallclass a{ line-height:24px; margin:0px 8px; }



ul.list_products{ width:100%; height:auto; list-style:none; margin:0px; margin-top:20px; margin-left:10px; padding:0px; overflow:hidden; }
ul.list_products li{ width:170px; height:170px; float:left; margin:5px 8px; display:inline-block; text-align:center; }
ul.list_products li img{ width:160px; height:120px; padding:4px 4px; border:1px solid #ccc; }
ul.list_products li p{ margin:0px; padding:5px 0px; overflow:hidden; width:160px;}

.fenye{ width:100%; height:30px; line-height:30px; clear:both; display:block; text-align:right; padding-bottom:20px; }

.productpic{ width:100%; height:auto; clear:both; display:block; border:0px solid #ccc;   }
.productpic img{ width:300px; height:225px; padding:5px; border:1px solid #ccc; }

.productTitle{ width:100%; height:36px; line-height:36px; font-size:18px; font-weight:bold; clear:both; display:block; }
.article03{ width:100%; height:auto; clear:both; display:block; overflow:hidden; }

.pre_next{ width:100%; height:36px; line-height:36px; clear:both; display:block; margin-top:100px; }
.pre_next .pre_next_pre{ float:left; text-align:left; border:0px solid #ccc; }
.pre_next .pre_next_next{ float:right; text-align:right; display:inline-block;  border:0px solid #ccc; }
.pre_next a{ color:#06C; margin:0px; padding:0px; }