/*common css*/
body{ color:#333; font-family:Arial, Helvetica, sans-serif; background:url(images/bej.jpg)  top repeat-y;  }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,th,td,div{margin:0;padding:0; list-style:none; line-height:24px;}
body,div,ul,li,dl,dt,dd{ font-size:12px;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{ color:#333; text-decoration:none}
a:hover{ color:#f00} 
img{ border:none;}
.C{ clear:both}

.wrapper{width:1003px; margin:0 auto;}

/*header css*/
#header{position:relative; height:492px; }
.top{ position:absolute; top:0%; left:50%; margin-left:-501px; width:1003px;}
.top h1{ float:left}
.top .toptel{ float:right; padding-top:54px;}
.top .toplink{ position:absolute; top:20px; right:20px;color:#fff}
.top .toplink a{color:#fff}



/*nav css*/
#nav{ background:url(images/nav_bg.jpg) repeat-x top;height:52px;}
ul.module_menu{ width:100%;}
ul.module_menu li{ float:left;}
ul.module_menu li a{display:block; width:99px; height:58px; line-height:58px;  text-align:center; font-size:14px; font-weight:bold; color:#FFF;}
ul.module_menu li a:hover{background:#fff; color:#14b004;}


#subnav{ background:url(images/nav_bg.jpg) repeat-x top;height:40px;}


/*container css*/
#container{ margin-top:8px; margin-bottom:10px;}
#subcontainer{ margin:auto;}
.left{ float:left; display:inline; width:238px;}
.right{ float:right; display:inline; width:756px;}

/*news css*/
#news{ background:url(images/news_bg.jpg) no-repeat bottom }
#news h2 span{ float:right; margin-top:12px;}

#news .inner{ height:146px; padding-top:10px; }
#news .inner ul{width:215px; margin:auto}
#news .inner ul li{ height:45px; padding-left:15px; line-height:25px; background:url(images/news_ico.jpg) no-repeat 5px 12px;}
#news .inner ul li span{ display:block; background:url(images/news_date.jpg) no-repeat; width:64px; height:16px; line-height:16px; text-align:center; color:#fff}


#serivce{ float:left; width:465px;}
#serivce h2{ background:url(images/title_bg.jpg) repeat-x  }
#serivce h2 span{ float:right;}
#serivce  .inner{ padding:10px 3px 0 8px; line-height:28px;}

/*about css*/
#about{ float:right; display:inline; width:278px;  }
#about h2{ background:url(images/title_bg.jpg) repeat-x  }
#about h2 span{ float:right;}

#about .inner{ width:95%; margin:auto;height:140px; padding-top:15px; line-height:20px;}
#about .inner img{ float:left; margin-right:10px; border:solid 1px #ccc; padding:2px; }

#case{ background:#f4f5f4; height:155px; margin-top:12px; padding:10px;}
.case_content tr td{  background:url(images/case_bg.jpg) no-repeat; padding:0 15px 8px 0; height:151px;}

/*contact css*/
#contact{ margin-top:16px;}
#contact h2 span{ float:right}
#contact .inner{ background:url(images/contact_bg.jpg) no-repeat bottom right; height:135px; padding-top:18px; padding-left:15px;}


/*products css*/
#products{ width:100%; margin:auto;}
#products h2{ color:#003300; font-weight:bold; font-size:14px; margin-bottom:8px; line-height:32px; height:32px; border-bottom:dashed 1px #aaa}
#products h2 span{ float:right;margin-top:5px;}

#products .inner{ width:98%; margin:auto; margin-top:20px; height:180px;}
#products .inner ul li{ padding:0 10px; float:left; text-align: center; display:inline;}
#products .inner ul li img{ border:solid 1px #CCCCCC; margin-bottom:3px;}
#products .inner ul li a{ color:#666}
#products .inner ul li a:hover{ color:#f00}


/*friendlink css*/
#friendlink{}


/*footer css*/
#footer{ background:url(images/footer_bg.jpg) no-repeat center #0083ca; text-align:center; height:57PX; color:#FFF; font-weight:bold; padding-top:10px;}
.feedback a{ color:#fff; margin-right:10px;}
.feedback a:hover{ text-decoration:underline}
.copyright a{ color:#fff;}


#sub_header{ background:url(images/sub_topbg.jpg) no-repeat top center; position:relative; width:1003px;height:111px;}
#sub_header h1{ float:left; }
#sub_header h1 img{ display:block}
#sub_header .toptel{ float:right; margin-top:57px;}
#sub_header .toplink{ position:absolute; top:20px; right:25px; color:#006ca9}
#sub_header .toplink a{color:#006ca9; margin:0 8px;}
#subbanner{ background:url(images/sub_bannerbg.jpg) no-repeat center top; height:346px;}

.main_bg{ background:url(images/sub_mainbg.jpg) repeat-y; padding-top:15px;position:relative  }

.sidebar{ width:234px; float:left; display:inline; padding-bottom:200px; }
.sub_Swf{ position:absolute; bottom:0; left:0}
.subnav ul{}
.subnav img{ display:block}
.subnav .sub1{ background:url(images/sub_bg1.jpg); width:184px; height:35px; line-height:35px; padding-left:50px; color:#fff;  font-weight:bold; margin-top:5px;}
.subnav .sub1 a{ color:#fff; font-size:14px;font-family:Microsoft Yahei}
.subnav .sub1 a:hover{ color:#FF0000}
.subnav .sub2{ background:url(images/sub_bg2.jpg) no-repeat; width:200px; height:40px; line-height:40px; margin-left:5px; padding-left:20px; }
.subnav .sub2 a{ color:#005072;font-family:Microsoft Yahei }
.subnav .sub2 a:hover{ color:#FF0000}

.main{ width:719px; float:right;   display:inline; margin-right:10px; padding-bottom:15px;}
.position{ margin:auto; height:16px; line-height:16px; padding-left:10px; font-weight:bold; font-size:14px; text-align:left; color:#333; border-bottom:solid 1px #CCCCCC; font-family:Microsoft Yahei; padding-bottom:10px; }
.crumb{ background:url(images/crumb_bg.jpg) no-repeat; height:27px; padding-top:5px; line-height:16px; padding-left:30px;font-family:Microsoft Yahei; font-size:16px; font-weight:bold}
.article { width:98%; margin:auto; line-height:24px; text-align:left; padding-top:15px;  }


.channel {height:41px;line-height:41px;position:relative; z-index:1000}
.channel .nav{position:relative;}
.channel li{float:left; list-style:none;margin:0;padding:0;border:0}
.channel a{ cursor:pointer; display:block;margin:0;padding:0;border:0 }
.channel a{float:left;height:41px;line-height:41px;}
/*---------------------------------*/
.channel .nav0 a{width:92px;}
.channel .nav0,.channel .off0 a:visited {background:url(images/menu.jpg) -0px 0;}
.channel .nav0 a:hover{background:url(images/menu.jpg) -0px -41px;}
/*---------------------------------*/
.channel .nav1 a{width:100px;}
.channel .nav1,.channel .off1 a:visited {background:url(images/menu.jpg) -92px 0;}
.channel .nav1 a:hover{background:url(images/menu.jpg) -92px -41px;}
/*---------------------------------*/
.channel .nav2 a{width:103px;}
.channel .nav2,.channel .off2 a:visited {background:url(images/menu.jpg) -192px 0;}
.channel .nav2 a:hover{background:url(images/menu.jpg) -192px -41px;}
/*---------------------------------*/
.channel .nav3 a{width:101px;}
.channel .nav3,.channel .off3 a:visited {background:url(images/menu.jpg) -295px 0;}
.channel .nav3 a:hover{background:url(images/menu.jpg) -295px -41px;}
/*---------------------------------*/
.channel .nav4 a{width:106px;}
.channel .nav4,.channel .off4 a:visited {background:url(images/menu.jpg) -396px 0;}
.channel .nav4 a:hover{background:url(images/menu.jpg) -396px -41px;}
/*---------------------------------*/
.channel .nav5 a{width:96px;}
.channel .nav5,.channel .off5 a:visited {background:url(images/menu.jpg) -502px 0;}
.channel .nav5 a:hover{background:url(images/menu.jpg) -502px -41px;}
/*---------------------------------*/
.channel .nav6 a{width:104px;}
.channel .nav6,.channel .off6 a:visited {background:url(images/menu.jpg) -598px 0;}
.channel .nav6 a:hover{background:url(images/menu.jpg) -598px -41px;}
/*---------------------------------*/
.channel .nav7 a{width:101px;}
.channel .nav7,.channel .off7 a:visited {background:url(images/menu.jpg) -702px 0;}
.channel .nav7 a:hover{background:url(images/menu.jpg) -702px -41px;}
/*---------------------------------*/
.channel .nav8 a{width:100px;}
.channel .nav8,.channel .off8 a:visited {background:url(images/menu.jpg) -803px 0;}
.channel .nav8 a:hover{background:url(images/menu.jpg) -803px -41px;}
/*---------------------------------*/
.channel .nav9 a{width:100px;}
.channel .nav9,.channel .off9 a:visited {background:url(images/menu.jpg) -903px 0;}
.channel .nav9 a:hover{background:url(images/menu.jpg) -903px -41px;}
/*---------------------------------*/



/*css black style pagination*/

div.black {
	padding-right: 3px; padding-left: 3px; font-size: 80%; padding-bottom: 10px; margin: 3px; color: #a0a0a0; padding-top: 10px; background-color: #000; text-align: center; font-family:Verdana; font-size:12px;
}
div.black a {
	 padding-right: 5px; background-position: 50% bottom;  padding-left: 5px;padding-bottom: 2px;color: #c0c0c0; margin-right: 3px; padding-top: 2px;  text-decoration: none
}
div.black span.current {
	border-right: #ffffff 1px solid; padding-right: 5px; border-top: #ffffff 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #ffffff 1px solid; color: #ffffff; margin-right: 3px; padding-top: 2px; border-bottom: #ffffff 1px solid; background-color: #606060
}
div.black span.disabled {
	 padding-right: 5px; padding-left: 5px; padding-bottom: 2px;  color: #808080; margin-right: 3px; padding-top: 2px;}