@charset "utf-8";
/* CSS Document */
body { background:url(../images/bg.gif) repeat-x top; margin:0; }
div, input, td { font:12px/1.5em Arial, Helvetica, sans-serif, "宋体"; color:#5b5b5b; }
a img { border:none; }

div.wrap { width:955px; margin:auto; overflow:auto; }
*html div.wrap { height:1%; }
div.top { height:62px; background:url(../images/top_bg.gif) no-repeat 358px top; }
div.top a.logo { display:inline; float:left; margin-left:18px; } 
div.top div.lang { float:right; width:174px; margin-top:38px; }
div.top div.lang img { float:left; margin:2px 3px 0 11px; display:inline;  }
div.top div.lang a { color:#4e4d4d; text-decoration:none; display:inline; float:left; }
div.top div.lang a:hover { color:#FF0000; }

div#mnav { clear:both; height:28px; line-height:28px; padding-left:207px; }
div#mnav a { 
	display:inline; float:left; height:28px; line-height:24px; padding:0 11px; margin:0 3px; color:#FFFFFF;
	text-decoration:none; white-space:nowrap; 
}
div#mnav a:hover, div#mnav a.sel { background:#000000 url(../images/mnav_bg.gif) repeat-x top;  }

div.idx_swf { height:242px; margin-bottom:14px; }

div.idx_news { width:433px; float:left; padding:0 16px; }
div.idx_news h1 { display:block; padding:0 0 11px 0; margin:0; }
div.idx_news table { margin-bottom:17px; }
div.idx_news table tr { background:url(../images/td_line.gif) repeat-x bottom; }
div.idx_news table td { padding:7px 5px 5px; }
div.idx_news table td.arrow { width:15px; }
div.idx_news table td.date { color:#03add8; }
div.idx_news table td a { color:#5b5b5b; text-decoration:none; }
div.idx_news table td a:hover { color:#0066FF; }
div.idx_news a.more { display:inline; width:34px; height:11px; float:right; margin-right:77px; }

div.wrap_r { width:489px; float:right; }

div.hot { float:right; width:489px; height:126px; margin-bottom:5px; }
div.hot h1 { display:block; padding:0 0 11px; margin:0; }
div.hot div.con { background:url(../images/hot_bg.gif) repeat-x bottom; height:115px; }
div.hot div.con div.s1 { float:left; width:5px; height:115px; background:url(../images/hot_s1.gif) no-repeat; background-position:bottom; }
div.hot div.con div.s2 { float:right; width:5px; height:115px; background:url(../images/hot_s2.gif) no-repeat; background-position: bottom; }
div.hot div.con div.content  { float:left; width:449px; padding:9px 15px 0; }
div.hot div.con div.content div.l { float:left; width:300px; }
div.hot div.con div.content div.r { float:right; width:128px; }
div.hot div.con div.content div.l div#t { 
	padding:0 0 5px 13px; background:url(../images/arrow2.gif) no-repeat left 5px;
	font-weight:bold; 
}
div.hot div.con div.content div.r img { display:block; margin:auto; width:126px; height:70px; }
div.hot div.con div.content div.r div#lk { clear:both; padding-left:7px; }
div.hot div.con div.content div.r div#lk a { 
	display:inline; width:20px; height:16px; background:#666666; color:#FFFFFF;
	float:left; margin:0 1px; text-align:center;
}
div.hot div.con div.content div.r div#lk a:hover { background:#999999; }
div.hot div.con div.content div.r div#lk a.sel { background:#FF0000; }

div.oth { float:right; width:489px; height:65px; }
div.oth img.tel { float:left; }
div.oth img.case { float:right; }

div.branch { float:right; width:467px; padding:11px; }

div.fo { clear:both; padding-top:11px; }
div.fo div.nav { 
	width:300px; height:30px; float:left; background:#e4e4e4 url(../images/fnav_s2.gif) no-repeat right;
	line-height:30px; color:#757474; padding-left:21px; 
}
div.fo div.nav a { color:#757474; text-decoration:none; line-height:30px; }
div.fo div.nav a:hover { color:#FF0000; }
div.fo div.copyright { width:600px; float:right; padding-right:9px; text-align:right; padding-right:11px; }

div.oth_swf { height:146px; }
div.oth_s1 { height:10px; background:url(../images/con_s1.gif) no-repeat 181px top; font-size:1px; }
div.sidbar { width:197px; float:left; background:url(../images/sid_bg.gif) no-repeat right top; }
div.sidbar img.tel { display:block; margin:0 0 10px; }
div.sidbar img.email { display:block; margin:0 0 10px; }

div.oth_wrap { width:724px; float:right; background:#FFFFFF; padding:14px 17px; }
div.oth_wrap div.b { background:url(../images/arrow_2.gif) no-repeat left 5px; padding:3px 26px 10px; }
div.oth_wrap div.b_bottom { height:5px; background:#d4d3d3 url(../images/b_bline.gif) no-repeat left; font-size:1px; }
div.oth_wrap div.info { padding:19px 31px 0; }
div.oth_wrap div.info p { text-indent:2em; }

div.catalog { padding:25px 16px 0 4px; }
div.catalog img.t { display:block; margin:auto; }
div.catalog div#catalog { padding:11px 0; }
div.catalog div#catalog a { 
	display:block; height:22px; line-height:22px; background:url(../images/icon_1.gif) no-repeat 10px center;
	color:#000000; padding-left:30px; text-decoration:none; font-size:14px; font-weight:bold; 
}
div.catalog div#catalog a:hover, div.catalog div#catalog a.sel {
	background:#a3e0f1 url(../images/icon_1.gif) no-repeat 10px center; 
}

div.catalog  div#catalog div ul { padding:0; margin:0; list-style:none; display:none; }
div.catalog  div#catalog div.sel ul { display:block; }
div.catalog  div#catalog div ul li a { 
	color:#333333; font-weight:normal; padding-left:31px; font-size:12px; font-weight:normal;
	background:url(../images/list_i1.gif) no-repeat 17px center;
}
div.catalog  div#catalog div ul li a:hover, div.catalog  div#catalog div ul li a.sel { 
	background:#dad9d7 url(../images/list_i1.gif) no-repeat 17px center;
}
div.catalog  div#catalog div ul li a.sel { font-weight:bold; }

div.prolist { padding:11px 0 11px 7px; }
div.prolist div.pro { width:154px; height:170px; float:left; display:inline; margin:0 11px; }
div.prolist div.pro div { background:#c6e2f3; padding:7px; }
div.prolist div.pro div img { display:block; margin:auto; width:140px; height:105px; }
div.prolist div.pro a { 
	display:block; margin-top:5px; padding:3px 0; text-align:center; color:#0033FF; background:#c6e2f3;
	text-decoration:none; 
}
div.prolist div.pro a:hover { background:#0066FF; color:#FFFFFF; }

div#pageno { padding:3px 0 9px;  text-align:center; clear:both; }

div.procon { padding:21px 11px; }
div.procon img.pro { float:right; margin:17px 0 17px 23px; width:300px; height:196px; }

div.customer { padding:21px 11px 21px 51px; background:url(../images/customer.jpg) no-repeat right 31px; margin-right:31px; }
div.customer h1 { 
	display:block; padding:9px 0 3px 13px; margin:0; font-size:14px; background:url(../images/arrow2.gif) no-repeat left 11px;
}

div.case { padding:9px 11px 21px; }
div.case div#pro_pic { width:100%; overflow:hidden; margin-bottom:21px; }
div.case div#pro_pic table a img { margin:0 2px; border:solid 1px #e2e2df; }

div.case div.cust { width:45%; float:left; display:inline; margin:9px; }
div.case h1 { font-size:14px; margin:0; padding:0; color:#0066FF; }
div.case ul { padding:0; margin:9px 0; height:60px; }
div.case ul li { 
	display:block; background:url(../images/arrow_1.png) no-repeat left center; list-style:none;
	padding-left:17px;
}
div.case ul li a { text-decoration:none; color:#333333; font-weight:bold; }
div.case ul li a:hover { color:#FF0000; }
div.case div.more { text-align:right; padding-right:31px; }

table#news thead tr { background:url(../images/tab_hbg.gif) repeat-x; }
table#news thead tr td { height:22px; padding-top:7px; font-weight:bold; text-align:center; }
table#news thead tr td.s1 { width:9px; padding-top:0; background:url(../images/tab_s1.gif) no-repeat left; }
table#news thead tr td.s2 { width:13px; padding-top:0; background:url(../images/tab_s2.gif) no-repeat right; }

table#news tbody tr { background:url(../images/td_l.gif) repeat-x bottom; }
table#news tbody tr.ou { background:#d9edf6 url(../images/td_l.gif) repeat-x bottom; }
table#news tbody tr td { padding:7px 7px; text-align:left; }
table#news tbody tr td.date { text-align:center; }
table#news tbody tr td a { color:#0d8ed3; text-decoration:none; }
table#news tbody tr td a:hover { color:#FF0000; }

img.arrow4 { margin:0 5px -2px 0; }

h1.news { font-size:16px; color:#0c8fd4; }
div.news_content { padding:9px 21px; text-align:left; }

table.tab_form { width:70%; }
table.tab_form td { padding:3px 5px; }
table.tab_form td input { width:300px; } 
table.tab_form td textarea { width:300px; height:100px; }
div.bn { padding:9px 21px; }
div.bn input { width:130px; margin:0 7px; }
font.m { font-weight:bold; color:#FF0000; }

div.info div.abs_swf { padding:0 0 21px 21px; float:right; }

table.contact td { padding:11px 0; line-height:2em; border-bottom:solid 1px #CCC; }
