@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, span, fieldset, table, th, td{margin:0; padding:0; list-style:none;font-size:100%;}
img,a{ margin:0; border:0;}
.clear{ clear:both;}
body a{ text-decoration:none;}
body{font-family:"宋体"; font-size:12px; color:#444; background:url(../images/top_bg.gif) repeat-x;}

.top{ width:1000px; height:84px; margin:0 auto; display:block;}
.top h1{ margin-top:14px; float:left;}

.top p{ clear:right; float:right;}
.top p a{ color:#444;}
.top p a:hover{ color:#0a61a9;}



/*************** nav ********************/
.nav{height:36px; display:block; clear:both; width:1000px; margin:0 auto;}

.nav ul li{ float:left;}
.nav ul li a{ line-height:36px; display:block; font-weight:bold; text-indent:-9999px;}
.nav ul li a:hover,
#menu li.iehover a.nav_a,
#menu li:hover a.nav_a,{}


.Nav_1 a{ background:url(../images/Nav.gif) no-repeat 0 0; width:142px;}
.Nav_2 a{ background:url(../images/Nav.gif) no-repeat -142px 0; width:143px;}
.Nav_3 a{ background:url(../images/Nav.gif) no-repeat -285px 0; width:143px;}
.Nav_4 a{ background:url(../images/Nav.gif) no-repeat -428px 0; width:143px;}
.Nav_5 a{ background:url(../images/Nav.gif) no-repeat -571px 0; width:143px;}
.Nav_6 a{ background:url(../images/Nav.gif) no-repeat -714px 0; width:143px;}
.Nav_7 a{ background:url(../images/Nav.gif) no-repeat -857px 0; width:143px;}

.Nav_1 a:hover{ background:url(../images/Nav.gif) no-repeat 0 -36px; width:142px;}

.nav ul .Nav_2 a:hover,
/*#menu .Nav_2.iehover a.nav_a,*/
#menu .Nav_2:hover a.nav_a,
.Nav_2 a:hover{ background:url(../images/Nav.gif) no-repeat -142px -36px; width:143px;}

.nav ul .Nav_3 a:hover,
/*#menu .Nav_3.iehover a.nav_a,*/
#menu .Nav_3:hover a.nav_a,
.Nav_3 a:hover{ background:url(../images/Nav.gif) no-repeat -285px -36px; width:143px;}

.nav ul .Nav_4 a:hover,
/*#menu .Nav_4.iehover a.nav_a,*/
#menu .Nav_4:hover a.nav_a,
.Nav_4 a:hover{ background:url(../images/Nav.gif) no-repeat -428px -36px; width:143px;}

.nav ul .Nav_5 a:hover,
/*#menu .Nav_5.iehover a.nav_a,*/
#menu .Nav_5:hover a.nav_a,
.Nav_5 a:hover{ background:url(../images/Nav.gif) no-repeat -571px -36px; width:143px;}

.nav ul .Nav_6 a:hover,
/*#menu .Nav_6.iehover a.nav_a,*/
#menu .Nav_6:hover a.nav_a,
.Nav_6 a:hover{ background:url(../images/Nav.gif) no-repeat -714px -36px; width:143px;}

.nav ul .Nav_7 a:hover,
/*#menu .Nav_7.iehover a.nav_a,*/
#menu .Nav_7:hover a.nav_a,
.Nav_7 a:hover{ background:url(../images/Nav.gif) no-repeat -857px -36px; width:143px;}

/*subNav*/
ul#menu li:hover ul,ul#menu li.iehover ul {display:block;}
#menu li ul{ display:none; margin:0; position:absolute; z-index:9999; width:98px;}
#menu li ul li{ float:left; padding:0;}
#menu li ul li a{ line-height:16px; padding:4px 2px; margin-top:0; border-top:1px #FFF solid; width:137px; text-align:center; background:#0f81c3; display:block; color:#fff; font-size:12px; font-weight:100; text-indent:0;
filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;  
}
#menu li ul li a:hover{ background:#4fa51c;}
/*subNav End*/
/**************** nav End ********************/



/***************** banner *****************/
#banner{ height:350px;}

.focus_ad{ height:350px; overflow:hidden; position:relative;}
.focus_ad .slide_pic li{display:none;}
.focus_ad .slide_pic .li_on{display:block;}

.focu_btn{ width:70px; margin:0 auto; padding-left:960px;}
.focus_ad .slide_txt{ width:80px; display:block; position:absolute; bottom:20px;}
.focus_ad .slide_txt li{width:20px;float:left;height:14px;line-height:14px;}
.focus_ad .slide_txt a,.focus_ad .slide_txt a:hover{ width:14px; height:14px; display:block; text-indent:-9999px; background:url(../images/li.png) no-repeat 0 0; background:none\9; filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/li.png', sizingmethod='scale')\9;}
.focus_ad .slide_txt .li_on{}
.focus_ad .slide_txt .li_on a,.focus_ad .slide_txt .li_on a:hover{ background:url(../images/li_on.png) no-repeat 0 0; background:none\9; filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/li_on.png', sizingmethod='scale')\9;}

/***************** banner End *****************/


/***************** H_main *****************/
.H_main{ width:1000px; margin:0 auto; display:block; padding:18px 0 16px;}
.moer_1{ float:right; margin-top:12px; margin-right:3px;}

.H_News{ float:left; width:340px;background:url(../images/H_bg1.gif) no-repeat 0 24px; height:200px; display:block; font-weight:bold; margin-right:24px;}
.Menubox li{ float:left; width:100px; height:25px; display:block; margin-right:2px; text-align:center; line-height:24px; color:#fff; background:url(../images/Tab_1.gif) no-repeat; cursor:pointer;}
.Menubox li.hover{ background:url(../images/Tab_2.gif) no-repeat;}

.News_Tab{ clear:both; background:url(../images/H_box_bg.gif) repeat-x; padding-top:4px; font-weight:100;}
.News_Tab ul li{ background:url(../images/icon.gif) no-repeat 0 7px; clear:both; padding-left:12px; display:block;  height:28px;line-height:28px; border-bottom:1px #bfbfbf dotted;}
.News_Tab ul li a{ float:left; height:28px; color:#444;text-overflow:ellipsis; display:block; white-space:nowrap; overflow:hidden; width:240px;}
.News_Tab ul li a:hover{ color:#0a61a9;}
.News_Tab ul li span{ float:right; color:#666;}

.H_title{ float:left; background:url(../images/H_icon.gif) no-repeat 0 7px; padding-left:15px; width:240px; line-height:25px; font-weight:bold;color:#0a61a9;}
.H_title span{ font-weight:100; font-family:Arial, Helvetica, sans-serif; color:#888; font-size:10px; padding-left:5px;}

.H_About{ float:left; width:350px; display:block;}
.H_A_box{ background:url(../images/H_box_bg.gif) repeat-x; padding-top:10px; line-height:24px;}
.H_A_box img{ float:left; margin:0 10px 0 0;}

.H_Production{ float:right;}
#Photo{ width:260px; height:173px;}

.H_P{ width:1000px; margin-top:18px; display:block;background:url(../images/H_bg2.gif) no-repeat 0 28px;}
#MarqueeDiv{background:url(../images/H_box_bg.gif) repeat-x; padding-top:10px; width:1000px; height:150px; display:block; overflow: hidden;}
.H_P td a{  width:186px; display:block; line-height:26px; color:#333; margin:0 7px; padding:3px; text-overflow:ellipsis; display:block; white-space:nowrap; overflow:hidden; text-align:center;}
.H_P td a:hover{ color:#0a61a9;}
.H_P td img{width:180px; height:120px; padding:2px; border:1px solid #CCC;}

/***************** H_main End *****************/

/*foot*/
.foot_bg{ background:url(../images/foot_bg.gif) repeat-x #f5f5f5; height:120px; padding:12px 0 5px; line-height:22px; color:#5a5a5a;}
.foot{ width:1000px; margin:0 auto;}
.foot_L{ float:left;}
.foot_R{ float:right;}
.foot_R a{ color:#5a5a5a;}
.foot_R a:hover{ color:#0a61a9;}
/*foot End*/



/********************* ot *********************/
.ot_banner{ height:250px; width:100%; display:block;}
.ot_main{ width:1000px; margin:18px auto 16px; display:block; background:url(../images/ot_main_I.gif) repeat-y 200px 0;}
.ot_L{ float:left; width:200px; min-height:400px; _height:400px;}
.ot_R{ float:right; width:770px; color:#333; line-height:24px;}

.ot_class{ margin:5px 0 18px;}
.ot_class li{ background:url(../images/ot_class_bg.gif) bottom no-repeat; padding:6px 0 6px; display:block;}
.ot_class li a{ line-height:20px; color:#333; width:170px; display:block;}
.ot_class li span{ background:url(../images/ot_icon.gif) no-repeat; padding-left:24px; display:block;}
.ot_class li a:hover{ color:#0a61a9;}


.tltle_2{ float:left; line-height:28px; padding-left:15px; color:#005bac; height:40px; background:url(../images/ot_title_bg.gif) no-repeat 0 5px; display:block; font-size:14px; font-weight:bold; margin:0 0 5px; width:755px;}
.tltle_2 span{ float:right; color:#666; font-size:12px; font-weight:100;}
.tltle_2 span a{ color:#666;}
.tltle_2 span a:hover{ color:#0a61a9;}

.Products li{ float:left; width:226px; height:180px; overflow:hidden; text-align:center; margin:10px 15px 0 15px; _margin:10px 12px 0 12px;}
.Products li img{ width:220px; height:147px; border:1px solid #CCC; padding:2px;}
.Products li a{ line-height:28px; text-align:center; color:#333; text-overflow:ellipsis; display:block; white-space:nowrap; overflow:hidden; width:226px;}
.Products li a:hover{ color:#0a61a9;}

.page{ text-align:center; color:#666; margin:20px 0 0; padding-top:10px; border-top:1px #CCC dotted; line-height:24px;}
.page span{ color:#0a61a9;}
.page a{ color:#666;}
.page a:hover{ font-weight:100; color:#0a61a9; text-decoration:underline;}

.ot_News li{ background:url(../images/N_icon.gif) no-repeat 0 4px; clear:both; padding-left:12px; display:block; display:block; height:36px;line-height:36px; border-bottom:1px #aaa dotted;}
.ot_News li a{ float:left; height:36px; color:#333;text-overflow:ellipsis; display:block; white-space:nowrap; overflow:hidden; width:660px;}
.ot_News li a:hover{ color:#003a8f;}
.ot_News li span{ float:right; color:#666;}

.N_view{ color:#333; text-align:center; border-bottom:1px dotted #aaa; margin:10px 0; padding-bottom:10px;}
.N_view h4{font-size:16px; font-family:"微软雅黑"; line-height:34px;}
.N_view a{color:#666; text-decoration:underline;}
.N_view a:hover{text-decoration:none; color:#003a8f;}
.contTxt{ line-height:24px;}

/*products*/
.P_img img{ width:360px; float:left; border:1px solid #e5e5e5; padding:2px;}
.sm{float:right; width:380px; line-height:28px;}
.sm b{color:#165a9f;}
.bt_xx{ height:24px; line-height:24px; background:url(../images/p_v_img.gif) no-repeat; padding:0 15px; color:#165a9f; margin:20px 0 16px 0; font-weight:bold;}

.table_1{ line-height:32px;}
.table_1 em{ color:#F00; font-style:normal;}


.Site_map{ border:1px #666 dotted;}
.Site_map td{ border:1px #666 dotted; padding:5px 0;}
.Site_map td h2 a{ float:none; text-align:center;}
.Site_map a{ float:left; margin:0 14px; color:#333; line-height:28px; display:block;}
.Site_map a:hover{ text-decoration:underline; color:#003a8f;}



.ft img
{
    width:50px; height:69px;
}