body{ padding:0px; margin:0px; background:#9c9b89 url(../images/strip.png) repeat-x left top; color:#282828; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
p, form{ padding:0px; margin:0px;}
h1, h2, h3{ padding:0px; margin:0px;}
a{ color:#FF0000; text-decoration:underline;}
a:hover{ color:#FF0000; text-decoration:none;}
img{ border:0px;}
.img_left{ float:left;}
.img_right{ float:right;}
#wrapper{ width:916px; margin:0px auto;}
#doc_width{ width:916px; float:left;}
#doc_cont{width:890px; float:left; background:url(../images/shadow_bg.png) repeat-y left top; padding:0px 13px;}
#cont_text{width:890px; float:left; background:url(../images/bg_top_2.jpg) repeat-x left top;}
#header{ width:860px; float:left; padding:0px 15px;}
.top_phone{ float:right; margin:10px 0px 0px 0px; }
.header_pt1{ width:860px; float:left;  background:#625f5e; height:38px; margin-top:12px;}
.left_navi{ width:88px; float:left; background:url(../images/navi_lc.jpg) no-repeat left top; line-height:38px; text-align:center; }
.left_navi a{ width:88px;  float:left; color:#ffffff; text-decoration:none;}
.left_navi a:hover{ width:88px; height:38px; float:left; color:#ffffff; background:url(../images/navi_lc_h.jpg) no-repeat left top;}
.left_navi a.active{ width:88px; height:38px; float:left; color:#ffffff; background:url(../images/navi_lc_h.jpg) no-repeat left top;}
.top_menu{ width:760px; float:left;}
.top_menu ul{ padding:0px; margin:0px; list-style-type:none;}
.top_menu li{ height:38px; margin:0px; list-style-type:none;  background:url(../images/top_navi_line.jpg) no-repeat left top; padding:0px 0px 0px 1px; line-height:38px; float:left;}
.top_menu li a{ color:#FFFFFF; text-decoration:none; float:left; background:none; display:block; padding:0px 10px;}
.top_menu li a:hover{ background:url(../images/t_n_h.jpg) repeat-x left top; display:block; padding:0px 10px;}
.top_menu li a.active{ background:url(../images/t_n_h.jpg) repeat-x left top; display:block; padding:0px 10px;}
#banner{ width:870px; float:left; padding:6px 10px 7px 10px; }
#doc_area{ width:860px; padding:0px 15px; }
.top_box{ background:url(../images/t_bm.jpg) repeat-y left top; float:left; width:860px; margin-bottom:20px;}
.top_box_cont{ width:860px; float:left;}
.top_box_cont ul{ padding:0px 0px 0px 10px; margin:0px; list-style-type:none;}
.top_box_cont li{list-style-type:none; padding:0px 0px 5px 15px; margin:0px; background:url(../images/arrow.png) no-repeat left 5px;}
.top_box p.content{ width:836px; float:left; color:#c61625; font-size:12px; line-height:18px; text-align:justify; padding:2px 12px 5px 12px;}

.doc_left{ width:504px; float:left;}
.left_cbox{ width:504px; float:left;}
.line_ml{ background:url(../images/line_m1.jpg) repeat-x left top; width:504px; float:left; height:25px;}
.left_cbox .title1{ width:504px; float:left; padding-bottom:3px; }
.left_cbox .title1 h2{ padding:0px; margin:0px; color:#002377; font-size:12px;}
.left_cbox .title1 h2 a{ text-decoration:none; color:#002377; }
.left_cbox .title1 h2 a:hover{ text-decoration:underline; color:#002377; }
.left_cbox p{ width:504px; float:left;}
.doc_right{ width:335px; float:right;}
.right_box{ width:335px; float:left; background:url(../images/r_mbg.jpg) repeat-y left top;}
.right_box .title{ width:335px; background:url(../images/rc_tm.jpg) repeat-x left top; height:35px;}
.right_box .title h2{ color:#ffffff; font-size:12px; line-height:35px; padding-left:14px; float:left;}
.right_box ul{ padding: 10px 0px 0px 20px; margin:0px; list-style-type:none;}
.right_box li{list-style-type:none; padding:8px 0px 11px 15px; margin:0px; background:url(../images/arrow.png) no-repeat left 10px;}
.click_here{ width:860px; float: left; border-top:1px solid #cccccc; margin-top:25px; line-height:42px; font-weight:bold; text-align:center;}
.click_here a{ color:#c61424; text-decoration:underline;}
.click_here a:hover{ color:#c61424; text-decoration:none;}
#footer{ width:916px; float:left; color:#2b2b2b; font-size:11px; padding:10px 0px; text-align:center; line-height:17px;}
#footer a{color:#2b2b2b; text-decoration:none;}
#footer a:hover{color:#2b2b2b; text-decoration:underline;}
<!--About_us-->
.cont_area{ width:860px; float:left;}
.title_inn { border-bottom:1px solid #dbd9d9; padding-bottom:8px;}
.title_inn h1{ color:#c61625; font-size:14px;}
.cont_area p.text{ padding:8px 0px 0px 0px; }
.cont_area p.download{ background:url(../images/line_m1.jpg) repeat-x left top; height:15px;}

.heading{ padding:12px 0px 7px 0px;  color:#001e73; font-weight:bold; font-size:13px;}
.heading h2{ padding:0px;  color:#001e73; font-size:13px;}
.heading h2 span.bigfont{font-size:15px;}
.heading h2 span.dfont{ color:#ff0000; font-size:13px;}

<!--product-->
.prod_box_l{ background:url(../images/line_m1.jpg) repeat-x left top; width:860px; float:left; height:25px;}
.prod_box{ width:860px; float:left; padding:10px 0px 0px 0px;}
.line_ml{ background:url(../images/line_m1.jpg) repeat-x left top; width:504px; float:left; height:25px;}
.prod_box .title1{ width:700px; float:left; padding-bottom:10px; }
.prod_box .title1 h1{ padding:0px; margin:0px; color:#002377; font-size:12px; font-weight:normal;}
.prod_box_b{ width:838px; float:left; background:#f6f6f6; padding:10px; border:1px solid #dcdcdc;}
.prod_box_b ul{ padding:0px; margin:0px; list-style-type:none;}
.prod_box_b li{list-style-type:none; padding:8px 0px 11px 15px; margin:0px; background:url(../images/arrow.png) no-repeat left 10px;}
.align_r{ text-align:right;}
.bord{ border-right:0px;}

/*specification*/
.specification{ background:url(../images/t_bm.jpg) repeat-y left top; float:left; width:860px; margin-bottom:10px;}
.specification .left{ width:350px; float:left; padding:0px 40px 10px 10px;}
.specification h2{ color:#002377; font-size:12px; padding-bottom:12px; border-bottom:1px solid #CCCCCC; margin-bottom:10px;}
.specification .box{ width:170px; float:left;}
.specification  h3{ color:#c61625; font-size:12px; font-weight:normal; padding:5px 0px 0px 0px;}
.specification ul{ padding:0px 0px 10px 0px; margin:0px; list-style:none;}
.specification li{ padding:5px 0px 0px 15px; margin:0px; list-style:none; background:url(../images/arrow_w.jpg) no-repeat 5px 10px; font-size:11px;}
.specification .right{ width:380px; float:left;padding:0px 10px 10px 50px;  border-left:1px solid #CCCCCC;}
.specification .box1_main{ width: 360px; padding:10px 0px 0px 0px;}
.specification .box1{ background:url(../images/s_m.jpg) repeat-y; width: 330px; padding:0px 15px;}
 p.fsize{ font-size:11px;}

/*news*/
.news_doc{ width:860px; float:left;}
.news{ width:858px; float:left; border:1px solid #dcdcdc;}
.news p { background:#f3f4f5; width:843px; height:27px; padding:10px 0px 0px 15px; font-weight:bold; float:left; font-size:11px;}
.news b { background:#f9f9f9; width:843px; height:27px; padding:10px 0px 0px 15px; float:left; font-size:11px;}
.news span.l_text{ padding:0px 0px 0px 0px; width:200px; float:left; color:#002276;}
.news span.normal{ font-weight:normal; font-size:11px; padding:5px 0px 0px 200px; float:left}
.news_doc a{ color:#282828; text-decoration:none;}
.news_doc a span{ color:#FF0000; text-decoration:none;}

/*contact-us*/
.contact_us_box{ width:860px; float:left;}
.contact_us{ background:url(../images/t_bm.jpg) repeat-y left top; float:left; width:860px; margin:10px 0px 0px 0px;}
.contact_us .title{ width:860px; background:url(../images/rc_tm.jpg) repeat-x left top; height:35px;}
.contact_us .title h2{ color:#ffffff; font-size:12px; line-height:35px; padding-left:14px; float:left;}
.contact_us .content{ width:800px; float:left; padding:10px 0px 0px 15px;}
.contact_us .content .row{ width:800px; float:left;  margin:15px 0px 0px 0px;}
.contact_us label{ width:130px; float:left; padding:0px 0px 0px 0px;}
.contact_us input.textfield{ width:300px; float:left; border:1px solid #cccccc; height:20px;}
.contact_us textarea.textfield{ width:300px; float:left; border:1px solid #cccccc; height:80px;}
.contact_us .button{ margin-top:10px;}
.contact_us span{ color:#FF0000;}
/*graph*/
.graph_box{width:500px; float:left; border:1px solid #dcdcdc;}
.graph_box td{ border-bottom:1px solid #dcdcdc; height:30px;}
.graph_box th{ background:#686561; height:45px; color:#FFFFFF; font-size:13px; text-align:center;}
.graph_box th.alt{ border-right:1px solid #dcdcdc;}
.graph_box tr.alt2{ background:#F3F4F5}
.graph-right{ float:left; width:250px; padding: 0px 0px 0px 0px; margin-right:80px;}
.graph-right { float:left; width:250px;}
.graph-right  ul{ padding:0px; margin:0px; list-style-type:none;}
.graph-right li{ padding:0px; margin:0px; background:url(../images/arrow.png) no-repeat left 3px; padding:0px 0px 10px 15px; color:#c61424; font-size:13px; list-style-type:none; font-weight:bold;}
.graph-right li a{ color:#c61424; text-decoration:none;}
.graph-right li a:hover{ color:#c61424; text-decoration:underline;}
.graph_box td{ border-right:1px solid #dcdcdc; text-align:center;}
.graph_box .big-size{ font-size:13px; font-weight:bold;}
.line_g{ width:820px; float:left; border-bottom:1px solid #ecebeb; height:20px; margin-bottom:0px;}
.graph-right h3{color:#002377; font-size:12px; padding-bottom:10px; border-bottom:1px solid #CCCCCC; margin-bottom:10px;}

