﻿/*main*/
body{font-size: 12px;margin: 0px auto;font-family:Arial;text-align: center; }
table,td,div{font-size: 12px;font-family: Arial; margin:0px; padding:0px;  color:#666666; }

ul,li,dl,dt,dd{margin:0px;padding:0px;list-style:none; line-height:normal; }
textarea,span{ font-size:12px;}
h1,h2,h3{ font-size:12px; margin:0px; padding:0px; }
form{margin:0;padding:0;}
img{margin:0;padding:0;border:none;}
a{color:#545454;font-family:Arial; text-decoration:none;}
a:hover{color: #FF0000; }
em{font-style:normal;}
.clear{clear:both; padding:0px;  margin:0px; height:0px; font-size:0px; overflow:hidden;}

/*container*/
#container{width:752px;margin:0px auto; text-align:left;}

/*header*/
#header{}
#logo{ width:250px; float:left;}
#ver{ width:502px; float:left; text-align:right; padding-top:8px; }
#ver a{ padding:0px 6px;}

#nav{ height:31px; overflow:hidden; width:100%;}
#nav_left{ float:left; background:url(/images/mn_left.gif) no-repeat; width:9px; height:100%;}
#nav_mid{ float:left; background:url(/images/mn_bg.gif) repeat-x ; width:736px;height:100%;}
#nav_mid ul{ margin-left:10px;}
#nav_mid ul li{ float:left; line-height:31px; vertical-align:middle;  text-align:center;}
#nav_mid ul li a{ padding:0px 16px; font-weight:bold;text-decoration:none;}
#nav_mid ul li.sep{ background:url(/images/mn_mid.gif) no-repeat; width:3px; height:100%; }
#nav_right{ float:left; background:url(/images/mn_right.gif) no-repeat; width:7px;height:100%;}

/*mainbody*/
#mainbody{ width:100%; margin:15px auto;}
#leftbody{ float:left; width:206px; background:url(/images/bg_about_01.gif) no-repeat center top; margin-right:14px;  }
#rightbody{ float:left; width:532px;  overflow:hidden; }

/*leftbody*/
#left_nav{ margin:10px auto; width:170px;}
#left_nav li{ height:32px; line-height:32px; vertical-align:middle; border-bottom:1px #d5d5d5 dashed; background:url(/images/l_mn_b.gif) no-repeat 12px center;}
#left_nav li a{ padding-left:35px; font-weight:bold; color:#0099CC; text-decoration:none;}
#left_nav li a:hover{color: #FF0000;}

#left_pro_top{margin:10px auto; width:170px;border-bottom:1px #d5d5d5 dashed; background:url(/images/l_mn_b.gif) no-repeat 8px center;height:28px; line-height:28px; vertical-align:middle;}
#left_pro_top span{ padding-left:25px;font-weight:bold; color:#0099CC; }
#left_class{margin:10px auto; width:170px;}
#left_class li{ line-height:160%; padding:5px 0px; vertical-align:middle; border-bottom:1px #d5d5d5 dashed; background:url(/images/icon1.jpg) no-repeat 12px center;}
#left_class li div{ margin-left:26px;  }


/*rightbody*/
.pagenav{ background:url(/images/x_about_dq.gif) no-repeat left bottom; width:532px; height:32px; line-height:32px; vertical-align:middle;}
.pagenav span{ background:url(/images/b_home01.gif) no-repeat left center; padding-left:15px;}
.pagenav span a.now{ font-weight:bold;}

.content{ width:520px; margin:10px auto; line-height:200%;}

/*product*/
#product{line-height:170%; width:100%; margin:10px 0px; overflow:hidden;}
#product h3{ background:url(/images/pro_tb.jpg) no-repeat left center; padding-left:10px; margin:5px 0px;  }
#product h3 a{ text-decoration:none; color:#008BC9;  font-size:14px;}
#product h3 a:hover{color: #FF0000;}
#product ul{ margin-left:8px;}
#product ul li{ padding:3px 0px; }
#product #pro_left{ width:255px; float:left;}
#product #pro_mid{  width:21px; float:left; background:url(/images/pro_line.jpg) no-repeat center top; height:514px; text-align:center;  }
#product #pro_right{ float:left; width:256px;}

#prolist{}
#prolist ul li{ margin:5px 0px 10px; padding:0px;}
#prolist ul li .prolist_left{ float:left; width:165px; height:140px; border:1px #ccc solid;
   text-align:center; vertical-align:middle;
    line-height:140px;
    *display: block;
	/* 针对IE的Hack */	
	*font-size: 115px;	/*约为高度的0.873，200*0.873 约为175*/
	*font-family:Arial; }
#prolist ul li .prolist_left img{ vertical-align:middle; text-align:center;}
#prolist ul li .prolist_right{ float:left;}
#prolist ul li .prolist_right dl{ padding-left:8px; width:340px; }
#prolist ul li .prolist_right dl dt{ margin:5px 0px; line-height:140%; vertical-align:middle; font-size:14px; font-weight:bold;}
#prolist ul li .prolist_right dl dd{ line-height:170%;}

#showpt{ text-align:center;}
#showpt h1{ margin:10px auto; font-size:16px; font-weight:bold;}
#showpt .showpt_content{ padding-top:10px; text-align:left; line-height:170%; font-size:14px;}

/*index*/
.index_nav{ border-bottom:1px #d5d5d5 dashed; height:25px;}
.index_nav span{ float:left; color:#3F3F3F; background:url(/images/b_home01.gif) no-repeat left center; padding-left:8px; line-height:25px;  font-weight:bold; }
.index_nav em{ float:right; vertical-align:middle;}
.index_nav em img{ vertical-align:middle; padding-top:8px;}
#index_top_left{ float:left; width:541px; float:left;}
#index_top_right{ float:left; width:203px; margin-left:8px;}

#index_class ul{ margin:8px 0px 5px 0px;}
#index_class ul li{ padding:2px 0px 2px 8px; line-height:160%; background:url(/images/icon1.jpg) no-repeat left 9px;}

#index_about{ float:left; width:383px; margin-right:35px;}
#index_about_c{ margin-top:6px; line-height:160%;}
#index_about_c img{ float:left; margin-right:3px;}



#index_product{ float:left; width:333px;}
#index_product_c{ margin-top:6px; }
#index_product_c ul li{ padding:5px 0px;line-height:160%;}

#index_link{ margin-top:10px;}
#index_link input{ text-align:center;}

#index_news{ float:left; width:290px; margin-right:22px; }
#index_news_r{ margin-top:6px;}
#index_news_r .r1{ float:left; width:135px; text-align:left;}
#index_news_r .r2{ float:left; width:155px;}
#index_news_r .r2 dl dt{ font-weight:bold;  height:22px; line-height:22px; vertical-align:middle;}
#index_news_r .r2 dl dt a{color:#00B1F0;}
#index_news_r .r2 dl dd{ line-height:140%;}
#index_news_c{ margin-top:5px;}
#index_news_c ul li{ line-height:180%; clear:both;}
#index_news_c ul li a{ float:left;}
#index_news_c ul li em{ float:right;}
/*news*/
#news ul{}
#news ul li{ background:url(/images/icon.jpg) no-repeat left center; line-height:150%; padding:3px 0px 3px 12px;}
#shownews{ text-align:center;  }
#shownews h1{ margin:10px auto; font-size:14px;}


/*footer*/
#footer{ border-top:1px #C2D9DE solid; line-height:180%; text-align:center; padding:8px 0px;}
/*sitemap*/
#sitemap ul li{ padding:8px 0px; }
#sitemap ul li a{ font-size:14px;}
#sitemap ul li ul{ margin:5px 0px;}
#sitemap ul li ul li{ float:left; padding:3px 8px; }

