@charset "utf-8";
/* CSS Document */
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px}
a{ text-decoration:none}
.fl{ float:left}
.fr{ float:right}
.cls{ clear:both}
 #main_top{ background:url(../images/header.png) repeat-x;height:111px; width:100%}
 #top{ width:983px;margin:0 auto;position:relative;height:111px}
 #top .logo{ padding-top:19px;float:left;width:242px}
 #top .right_top{ width:741px;float:left; }
 #top .right_top .banner{ padding-top:19px}
 #main{ background:url(../images/body.png) repeat; width:100%;height:100%;clear:both;overflow:hidden}
 #menu_top{  background:url(../images/menu.png) no-repeat;width:739px; height:33px;position:absolute; bottom:0; left:243px; font-size:12px}
 #menu_top li{ list-style:none;text-transform:uppercase; font-weight:bold; float:left;background:url(../images/line_menu.png) no-repeat right top}
 #menu_top li a{color:#fff;display:block; }
 #menu_top li span{display:block;/*padding:9px 14px 9px 16px;*/padding:9px 18px; margin-right:1px}
  #menu_top li.last{ background:none}
 #menu_top li.active a,  #menu_top a:hover{background:url(../images/left_menu_hov.png) no-repeat top left}
 #menu_top li.active a span, #menu_top a:hover span{ background:url(../images/left_menu_hov.png) no-repeat top right }
 
 #quick_link{ position:absolute; top:8px; right:0; color:#fff; font-size:12px}
 #quick_link a{ color:#fff}
  #quick_link a:hover{ color:#ff0000}
 #toolbar_search{ position:absolute; right:0; top:42px}
 #toolbar_search input{ border:1px solid #a5a8ab; background:#fff;width:146px; border-right:0 none; height:19px; color:#797979; font-size:11px; padding-left:7px}
 #toolbar_search a{ display:block; margin-top:0px;float:right}
 .title{ font-size:18px; color:#0153b0; text-transform:uppercase}
 #main #main_body{ width:971px;margin:0 auto; background:#fff; padding-top:4px;  padding-left:6px; padding-right:6px; }
 #banner_slide{ }
 #banner_slide .right_banner{}
 #banner_slide .right_banner li{ list-style:none;clear:both}
  
 .box_470{ width:470px}
 .mt_23{ margin-top:23px}
 .dot_width_full{ background:url(../images/dot.png) repeat-x 0 27px;}
 .left_hot_product{ margin-top:11px}
 .left_hot_product img{ border:1px solid #cbcbcb}
  .right_hot_product{ width:244px; height:225px; background:#007bbb; margin-top:11px}
  .right_hot_product .content{ width:210px;margin:0 auto; color:#fff; margin-top:19px}
  .right_hot_product .content h4{ text-transform:uppercase; font-weight:bold; margin-bottom:15px}
 .box_470 .body_box{ clear:both}
 .box_470 .ft_box{ background:url(../images/ft_box.png) no-repeat;width:469px; height:6px}
body .border_none{ border:none 0}
 
 .right_hot_news{ width:245px; background:#000; margin-top:11px;height:225px;}
 .right_hot_news .content{ width:217px;margin:0 auto}
 .right_hot_news .content ul{ margin-top:20px}
 .right_hot_news .content li{ clear:both; list-style:none; margin-bottom:7px; padding-bottom:6px; border-bottom:1px solid #656565}
 .right_hot_news .content  a{ color:#fff; font-size:12px; font-weight:bold;background:url(../images/icon_news.png) no-repeat right 3px ; display:block}
 .right_hot_news .content  a:hover{ color:#ff0000}
 .right_hot_news .content li.none{ border:none}
 #list_new_product{ position:relative;width:960px; padding-top:12px; background-position:0 40px; height:275px}
  #list_new_product .left_icon{ position:absolute; left:-28px;width:40px; top:124px}
  #list_new_product .right_icon{ position:absolute;right:-38px;width:40px; top:124px}
   #list_new_product .body_list{ position:absolute;width:930px; height:215px;left:20px;margin-top:17px;margin-left:24px}
   #list_new_product .body_list ul{ }
 #list_new_product .body_list li{ list-style:none;float:left; border:1px solid #e7e7e7; background:#e7e7e7; height:209px;width:169px;margin-right:14px} 
 #list_new_product .body_list li a{ font-weight:bold; color:#000;padding-left:5px; padding-top:9px}
 #box_intro{ background:url(../images/box_intro.png) no-repeat;width:715px;height:187px}
 #box_support{ background:url(../images/box_support.png) no-repeat;width:225px;height:150px}
 .wrap_clear{ clear:both;overflow:hidden}
  #box_intro .left_intro{ width:240px;float:left; margin-top:11px; margin-left:11px}
    #box_intro .right_intro{ width:460px;float:left; font-size:11px; color:#2d2d2d; line-height:17px}
	#box_intro .right_intro h3{ font-size:18px; font-weight:bold; color:#00a2ff;margin-top:11px;margin-bottom:5px}
	#box_intro .right_intro h3 a{ color:#00a2ff;}
	.col-support{ margin-left:18px}
	.col-support h3{ margin-bottom:13px; font-size:20px}
	#box_support li{ clear:both; list-style:none;margin-bottom:15px;overflow:hidden}
	#box_support ul{ margin-top:15px;margin-left:17px}
	#box_support .icon_yahoo{ width:32px; float:left}
	#box_support .icon_yahoo img{ width:32px}
	#box_support .right_nick{float:left;color:#4b4b4b;font-weight:bold;padding-top:1px; font-size:13px;margin-left:5px}
	#footer_body{ background:url(../images/ft_body.png) repeat-x;width:983px; height:7px;margin:0 auto; clear:both}
	#footer{ width:983px;margin:0 auto;margin-top:11px; background:url(../images/dot_footer.png) no-repeat top center;padding-top:8px;color:#fff; font-size:11px;margin-bottom:45px}
	#footer a{ color:#fff}
	#footer a:hover{ color:#FF0}
	#two-col{}
	#two-col .left_col{ width:240px ; margin-top:15px}
	#menu_left{ margin-top:8px;width:226px;}
	#menu_left li{ list-style:none}
	#menu_left li a{ color:#696969; font-weight:bold;display:block; background:url(../images/menu_left.png) repeat-x; padding-top:8px; padding-bottom:4px; padding-left:20px;border:1px solid #e4e4e4}
	#menu_left li.active a,#menu_left li a:hover{ background:url(../images/menu_left_hov.png) repeat-x; color:#fff}
	#menu_left li.active li a{ background:#fcfcfc; color:#696969}
	#menu_left li ul{ margin-top:8px; display:none}
	#menu_left li li { list-style:none; margin-bottom:8px}
	#menu_left li li a{ padding-left:29px; background:#fcfcfc; border-top:none; border-bottom:none; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; font-weight:normal}
	#menu_left li li.active a,#menu_left li li a:hover{ background:none; color:#0153b0}
#box_new_product .ft,	#box_news .ft,#menu_left .ft{ background:url(../images/bg_left_ft.png) top center no-repeat;width:226px; height:9px}
	#two-col .right_col{ width:715px ; margin-top:8px}
	#box_news{}
	#box_news ul{ width:210px; margin:0 auto; margin-top:8px; margin-bottom:10px} 
	#box_news li{ list-style:none;padding-bottom:7px; margin-bottom:7px;background:url(../images/dot_left_news.png) no-repeat bottom center }
	
	#box_news .body_box_news{ border:1px solid #e9e9e9;width:223px; margin-top:6px}
	#box_news .body_box_news a{ color:#000; font-weight:bold; display:block;background:url(../images/icon_news_left.png) no-repeat left 2px ; padding-left:17px}
	#box_news .body_box_news a:hover{ color:#0153b0}
	#box_new_product{ margin-top:14px}
	#box_new_product .body_box{ width:223px; height:256px; border:1px solid #e9e9e9; margin-top:9px}
	#box_new_product .body_box li{ list-style:none; margin-top:15px; margin-left:14px}
	#box_new_product .body_box li img{ border:1px solid #dfdfdf; margin-bottom:11px}
	#box_new_product .body_box li a{ color:#434343; font-weight:bold}
	#box_new_product .body_box li a:hover{color:#0153b0}
	.right_col .title{ background:url(../images/dot.png) repeat-x bottom left; padding-bottom:7px}
	.right_col .body_right{ margin-top:15px; font-size:12px; color:#2d2d2d; line-height:19px}
	#list_all_news{ width:725px;clear:both}
	#list_all_news li{ list-style:none;float:left;width:323px; margin-bottom:25px; margin-left:20px; margin-right:18px}
	#list_all_news li .right_news{ width:181px}
	#list_all_news li .right_news a{ color:#0048bb; font-weight:bold}
	#list_all_news li .right_news a:hover{ color:#ff0000}
	#list_all_news li .right_news p{ font-size:11px; color:#2d2d2d; line-height:15px}
	h4.other{ font-size:14px;font-weight:bold;text-transform:uppercase;color:#0153B0 ;padding-top:10px; background:url(../images/dot.png) repeat-x top left}
	ul.list_other{ margin-left:10px; margin-top:10px}
	ul.list_other li{ list-style:none; margin-bottom:5px; background:url(../images/icon_news_left.png) no-repeat left 4px; padding-left:20px}
	ul.list_other li a{color:#000}
	ul.list_other li a:hover{color:#0048bb}
	#list_all_news li .right_news a.detail{ color:#ff6000; font-size:11px; font-weight:normal}
	#list_all_news li .right_news a.detail:hover{color:#000}
	
	/*pagination*/
	.pagination{ clear:both;float:right; margin-top:20px; margin-bottom:10px}
	.pagination li{ list-style:none;float:left; margin-right:5px;color:#0048bb; font-weight:bold; margin-left:5px}
	.pagination li a{ color:#717171;}
	/*contact us*/
	
	#form_contact{ width:710px; margin-top:15px}
	#form_contact .list_contact{ width:375px}
	#form_contact .map{ width:320px}
	#form_contact h2{ background:none} 
	#form_contact h4{ font-size:12px; color:#0153b0; font-weight:bold; text-transform:uppercase; margin-top:3px}
	#form_contact p{ color:#313131; line-height:15px; font-size:12px}
	#form_submit{ margin-top:22px}
	#form_submit ul{}
	#form_submit li{ list-style:none; overflow:hidden; margin-bottom:1px}
	#form_submit li label{ display:block; width:82px;float:left}
	#form_submit li .input{ float:right;width:286px; height:16px; border-top:1px solid #abadb3; border-bottom:1px solid #e3e9ef; border-left:1px solid #e2e3ea; border-right:1px solid #e2e3ea}
	#form_submit li .textarea{ float:right;width:286px; height:100px; border-top:1px solid #abadb3; border-bottom:1px solid #e3e9ef; border-left:1px solid #e2e3ea; border-right:1px solid #e2e3ea}
	#error_msg{background:#FFC; border:#CF9 1px solid; margin-bottom:5px; margin-top:5px; padding:10px}
	#error_msg p{ color:#ff0000; }
	
	#homeBanner{ margin-top:15px}
	#homeBanner li{float:left; list-style:none; margin-right:5px; height:30px; min-width:90px}
	#list_main{}
	#list_main li{ list-style:none;float:left}
	
	#list_other_product{ background:#f3f3f3; overflow:hidden; padding:10px}
	#list_other_product li{ list-style:none;float:left; margin-right:11px; margin-bottom:30px}
	#list_other_product li.last{ margin-right:0}
	#list_other_product li .thumbnail{ background:url(../images/thumbnail_product.png) no-repeat;width:224px; height:173px}
	#list_other_product li img{ padding:5px; padding-top:8px; padding-left:6px}
	#list_other_product li a.name{ background:url(../images/icon_oproduct.png) left top no-repeat; padding-left:23px; color:#313131; font-weight:bold; display:block}
	#thumbnail_news_home img{ display:none}
	.data_tt{ display:none}
	#divToolTip{ z-index:99; font-family:Tahoma, Geneva, sans-serif; font-size:12px}
	#divToolTip p.title{ color:#434343; font-size:11px; font-weight:bold; padding:3px 0 3px 3px}
	.data_tooltip_content{ padding:1px; background:#fff; font-size:12px}
	.data_tooltip_content p{ margin:3px; font-size:12px}