@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0;padding:0;font-size:12px;font-family:"微软雅黑",Arial,"宋体";}
table{border-collapse:collapse;}
a img{border:0px;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
input, button, textarea, select {font-family:inherit;}
a{outline: none; text-decoration:none;}
a:hover{text-decoration:underline;}
html{ overflow-y:scroll;}
/****resetend***/
body{background:url(../images/body_bg.jpg) repeat-x top;}

#header{width:982px; padding:18px 0 0 0; margin:0 auto 12px; overflow:hidden;}
#logo{width:156px; height:81px; float:left;}


#menu{ width:667px; height:74px; float:right;padding:7px 0 0 0;}
#menu li{ height:74px; float:left;}
#menu li a{display:block; width:86px; height:74px; background-image:url(../images/menu.jpg); text-indent:-9999px;}

#menu .nav1 a{ width:64px; background-position:0 0;}
#menu .nav2 a{background-position:-64px 0;}
#menu .nav3 a{background-position:-150px 0;}
#menu .nav4 a{background-position:-236px 0;}
#menu .nav5 a{background-position:-322px 0;}
#menu .nav6 a{background-position:-408px 0;}
#menu .nav7 a{background-position:-494px 0;}
#menu .nav8 a{background-position:-580px 0;}

#menu .nav1 a:hover{background-position:0 -74px;}
#menu .nav2 a:hover{background-position:-64px -74px;}
#menu .nav3 a:hover{background-position:-150px -74px;}
#menu .nav4 a:hover{background-position:-236px -74px;}
#menu .nav5 a:hover{background-position:-322px -74px;}
#menu .nav6 a:hover{background-position:-408px -74px;}
#menu .nav7 a:hover{background-position:-494px -74px;}
#menu .nav8 a:hover{background-position:-580px -74px;}

#menu .nav1current a{width:64px; background-position: 0 -74px;}
#menu .nav2current a{background-position:-64px -74px;}
#menu .nav3current a{background-position:-150px -74px;}
#menu .nav4current a{background-position:-236px -74px;}
#menu .nav5current a{background-position:-322px -74px;}
#menu .nav6current a{background-position:-408px -74px;}
#menu .nav7current a{background-position:-494px -74px;}
#menu .nav8current a{background-position:-580px -74px;}



#mybanner{width:982px; margin:0 auto; position:relative; height:348px;}
#mybanner img{ display:block;}
#fla{ position:absolute; width:982px; height:348px; top:0; left:0;}

#searchbox{ width:982px; overflow:hidden; height:36px; background:url(/images/search_bg_m.jpg) no-repeat; margin:0 auto 8px;}
#search{float:left; padding:7px 0 0 16px; width:265px;}
#search input{ vertical-align:middle;}
.inarea{ line-height:14px; font-size:12px; height:14px; margin:0 6px 0 0; padding:1px 5px; border:1px solid #9495a2; color:#6c6c6c; width:140px;}

#deflan{float:right; width:161px; height:36px; padding:0;}
#deflan li{ float:left; height:36px; position:relative; margin:0 -20px 0 0;}
#deflan li a{ display:block; height:36px; line-height:36px; color:#fff; text-indent:-9999px;}

#deflan .lanb1{ z-index:2;}
#deflan .lanb1 a{width:96px; background:url(/images/clan1.gif) no-repeat;}
#deflan .lanb1 a:hover{background:url(/images/clan1_h.gif) no-repeat;}

#deflan .lanb2{ z-index:1;}
#deflan .lanb2 a{width:85px; background:url(/images/clan2.gif) no-repeat;}
#deflan .lanb2 a:hover{background:url(/images/clan2_h.gif) no-repeat;}


/*main*/
#main{ width:982px;height:236px; margin:0 auto 6px; overflow:hidden;background:url(../images/centerbg.jpg);}
#newpro{ height:236px; width:558px; padding:11px 12px 0 15px;; overflow:hidden; float:left; margin:0 6px 6px 0;}
#newpro .more{ display:block; width:32px; height:12px; background:url(../images/more_icon.jpg) no-repeat; text-indent:-9999px; float:right;}
#newpro ul{ width:558px; float:left; height:22px;margin:0 0 15px 0; background:url(../images/lefttitle.gif) no-repeat;}
#newpro ul li{float:left; width:558px; height:22px;}


#newproshow{ clear:both; width:190px; height:130px; overflow:hidden;}
#newproshow a{ text-decoration:none; display:block; width:190px; height:130px; color:#000;}
#newproshow a img{display:block; margin:0 0 6px;}
#newproshow a p{ font-weight:bold;}

#newsbox{ height:206px;  width:378px; float:left; margin:6px 6px 6px 0; background:url(../images/news_bg.jpg) no-repeat left bottom;}
#newsnav{ width:240px; height:27px; overflow:hidden; margin:0 0 -27px 0; position:relative;}
#newsnav li{ width:70px; height:27px; float:left; margin:0 6px 0 0;}
#newsnav li a{display:block; width:70px; height:27px; text-indent:-9999px;}
#newsnav li.na1{ background:url(../images/news1_h.jpg) no-repeat;}

#newslist{height:192px;  width:370px; overflow:hidden; padding:5px 4px 4px;}
#newslist .more{ display:block; width:32px; height:12px; background:url(../images/more_icon.jpg) no-repeat; text-indent:-9999px; float:right;}
#newslist ul{clear:both; padding:16px 0 0; width:350px; height:120px; margin:0 auto; }
#newslist ul li{ line-height:23px; background:url(../images/news_line.jpg) repeat-x left bottom; color:#99999a; font-size:11px;}
#newslist ul li a{ padding:0 0 0 14px; color:#000; text-decoration:none; font-size:12px; }
#newslist ul li a:hover{ color:#666;}
#newslist ul li a span{ font-family:"宋体";}

#pro{ height:150px; width:370px; padding:10px 4px 4px; float:left; background:url(../images/pro_bg.jpg) no-repeat; margin:0 0 6px 0;}
#pro .more{display:block; width:32px; height:12px; background:url(../images/more_icon.jpg) no-repeat; text-indent:-9999px; float:right; margin:0 4px 0 0;}
#portfolio{ clear:both; width:344px; margin:0 auto; padding:16px 0 0 0;}
#portfolio li{ width:344px; overflow:hidden;}
.pimg{ display:block; width:140px; height:90px; float:left;} 
.pimg img{display:block;}
.textbox{ width:190px; float:right;}
.textbox h3{ font-weight:bold; padding:0 0 4px;}
.textbox h3 a{ color:#000; text-decoration:none;}
.textbox h3 a:hover{color:#666;}
.textbox p{ line-height:20px;}


/*footer*/
#footerbox{ height:38px; background:url(../images/bottom_bg.jpg) repeat-x; padding:12px 0;}
#footer{width:976px; margin:8px auto; color:#b8b8b6;}
#footer a{ color:#b8b8b6; }
.cprt{float:center; padding:0 0 0 225px;}
.cprt a{text-decoration:none;}

.btlink{ float:right;} 
.btlink a{ color:#e3e2e2; padding:0 8px;}

#ucan{clear:both; font-size:11px;}