* {text-decoration:none;list-style-type:none;}
body {font-family:"ËÎÌå", Arial, Helvetica, sans-serif;font-size:12px;color:#333;line-height:22px;font-weight:normal;text-align:center;margin:0;padding:0px;background:#ffffff;}
div { word-wrap:break-word; word-break:break-all; }
a {color:#333;line-height:22px;text-decoration: none;}
a:hover {text-decoration:none;}
img  {border:0px;}

/*header*/
#header {width:778px;height:83px;margin:auto;padding:0;background:url(index_top_bg.jpg) repeat-x;clear:both;}
#web_logo {width:198px;height:68px;margin-top:10px;background:url(top_logo_bg.jpg) right top no-repeat;float:left;}
#web_title {width:350px;line-height:80px;height:80px;float:left;margin-left:20px;font-size:22px;font-weight:bold;}
#top_menu {width:172px;height:24px;float:right;text-align:center;color:#fff;background:url(top_menu.gif) right top no-repeat;}
#top_menu a,#top_menu a:hover {color:#fff;}
.menu_area {width:100%;}
.web_menu {width:560px;height:36px;margin-right:14px;display:inline;float:right;clear:both;}
.clear {clear:both;height:0; overflow:hidden;}

.menu_sub {width:542px;font-size:12px;height:auto;margin:0;float:left;background:url(menu_m.gif) left top repeat-x;}
.menu_sub ul {margin:0;padding:0;text-decoration:none;}
.menu_sub li {height:36;line-height:36px;margin:0 3px;color:#000;float:left;display:inline;}
.menu_sub a {line-height:36px;background:url(sub_l.gif) no-repeat left top;padding:0 0 0 8px;text-decoration:none;display:block;float:left;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menu_sub a span {float:none;}
/* End IE5-Mac hack */
.menu_sub a span {line-height:33px;background:url(sub_r.gif) no-repeat right top;padding:3px 8px 0 0;color:#000;display:block;float:left;cursor:pointer;text-decoration:none;font-size:14px;color:#fff;font-weight:bold;text-decoration:none;}
.menu_sub a:hover {background-position:0% -36px;}
.menu_sub a:hover span {color:#000;background-position:100% -36px;font-size:14px;color:#fff;font-weight:bold;text-decoration:none;}
.menu_sub a:active {background-position:0% -72px;}
.menu_sub a:active span {color:#000;background-position:100% -72px;}


.menu_l {width:9px;height:36px;background:url(menu_l.gif) left top no-repeat;float:left;}
.menu_r {width:9px;height:36px;background:url(menu_r.gif) left top no-repeat;float:right;}
#banner {width:778px;height:180px;margin:auto;padding:0;clear:both;background: url(banner.jpg) left top no-repeat;}
/*main*/
#main {width:778px;margin:-36px auto 0 auto;clear:both;text-align:left;}
#main_area {width:778px;height:auto;background:#eee url(main_bg.jpg) repeat-x;clear:both;}
#main_left {width:196px;height:auto;float:left;margin:36px 0;}
#main_left dl {clear:both;}
#main_left dl dt {width:196px;height:29px;line-height:29px;background:url(left_menu.jpg) right top no-repeat;text-align:center;font-weight:bold;font-size:14px;color:#fff;}
#main_left dl dd {width:150px;height:24px;line-height:24px;margin-top:12px;margin-left:8px!important;margin-left:4px;margin-right:8px!important;margin-right:4px;padding-top:3px;padding-left:30px;float:left;text-align:left;background:url(left_sub.gif) left top no-repeat;}
#main_left dl dd a,.#main_left dl dd a:hover {height:24px;line-height:24px;}

#main_right {width:576px;height:auto!important;height:500px;min-height:500px;margin-top:1px;float:left;background:#fff url(right_bg.jpg) left top repeat-y;}
.right_area {clear:both;width:550px;margin-left:15px;}
.right_top {width:576px;height:26px;background:#fff url(right_top.jpg) left top no-repeat;}
.right_area dl {clear:both;margin:0;padding:0;}
.right_area dl dt {height:18px;text-align:right;margin:auto;padding-top:10px;background:#fff url(columns_bg.gif) left top repeat-y;margin-bottom:10px;}
.right_area dl dd {margin:0;}
.right_area dl dt span {margin-top:-2px;line-height:18px;float:left;padding-left:22px;font-weight:bold;}
dl.web_news dd,dl.news_list dd {width:408px;height:22px;line-height:22px;padding-left:20px;background:url(icon1.gif) left top no-repeat;}
dl.news_list dd a {width:auto;float:left;}
dl.news_list dd i {width:auto;color:#999;padding-left:15px;float:left;height:22px;line-height:22px;}

.about_area {width:346px;float:left;}
.about_pic {width:180px;float:right;}
.pro_area {width:558px;height:auto;}
.pro_list_area dl dd,dl.web_pro dd {width:120px;float:left;margin-top:10px;margin-bottom:10px;margin-left:6px!important;margin-left:3px;text-align:center}
.pro_list_area dl dd p,dl.web_pro dd p {width:118px;height:98px;margin:0;border-left:3px solid #e5e5e5;border-right:3px solid #ccc;border-top:3px solid #e5e5e5;border-bottom:3px solid #ccc;}
.pro_list_area dl dd span,dl.web_pro dd span {font-weight:bold;}

.contact {width:190px;padding:5px;text-align:left;float:left;}

.list_paging {margin:30px 0;text-align:center;clear:both;}
.main_info_area {}
.main_info_area h1  {font-size:16px;font-weight:bold;line-height:36px;margin:10px 0px;text-align:center;border-bottom:#ccc 1px dashed;}
.news_info {clear:both;margin:10px 5px;}
.main_img_area {width:360px;margin:auto;clear:both;text-align:center;}
.main_img {border:#ccc 1px solid;}
.pro_list_area dl dt {width:526px;height:auto;text-align:left;line-height:26px;height:26px;border:#ddd 1px solid;background:#eee;padding:0 5px;margin:10px 0!important;margin:10px 0 10px 10px;}
.pro_list_area dl dt b {width:auto;float:left;color:#990033;font-size:14px;margin:0;padding:0;}
.pro_list_area dl dt span {width:60px;float:right;display:block;font-weight:normal;line-height:26px;}
.gb_area {float:left;}

.gb_list_area { width:538px;float:left;margin-top:8px;padding-bottom:6px;line-height:24px;text-align:left;}

.gb_list_area dl {width:528px;margin:0;padding-top:0;}
.gb_list_area h4 {width:528px;color:#990033;font-size:14px;font-weight:bold;line-height:26px;text-align:left;border:#ddd 1px solid;background:#eee;padding:0 5px;}
.gb_list_area dl dt  {margin:6px 0;padding:0;border-bottom:1px dashed #ccc;line-height:24px;background:none;}
.gb_list_area dl dt i,.gb_list_area dl dt strong {margin:0px 5px;}
.gb_list_area dl dd {margin:10px;}

#guestbook_add {width:528px;height:26px;line-height:26px; text-align:right;color:#990033;font-size:14px;font-weight: bold;}
#guestbook_add a{color:#990033;font-size:14px;font-weight: bold;}
#guestbook_add a:hover{color:#990033;font-size:14px;font-weight: bold;text-decoration: underline;}


#guestbook_add {width:528px;height:26px;line-height:26px; text-align:right;color:#990033;font-size:14px;font-weight: bold;}
#guestbook_add a{color:#990033;font-size:14px;font-weight: bold;}
#guestbook_add a:hover{color:#990033;font-size:14px;font-weight: bold;text-decoration: underline;}

/*footer*/
#footer {width:778px;height:86px;margin:auto;padding:0;background:url(foot_mid.jpg) left top repeat-x;border-top:3px solid #033B9C;clear:both;}
.footer_l {width:15px;height:86px;float:left;background:url(foot_left.jpg) left top no-repeat;}
.footer_m {width:748px;height:86px;float:left;position:relative;}
.foot_logo {width:141px;position:absolute;height: 34px;left: 3px;top: 28px;}
.footer_r {width:15px;height:86px;float:right;background:url(foot_right.jpg) left top no-repeat;}
.foot_menu {width:auto;padding-top:10px;}
.foot_menu ul {margin:0;padding:0;text-align:center;}
.foot_menu ul li {width:66px;list-style-type: none;display:inline;}
.copyright {width:100%;font-family:Arial;}