html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, caption, tbody, tfoot, thead, th {margin:0;padding:0; border:0;}
th { font-weight:normal;}
html{overflow:-moz-scrollbars-vertical;overflow-y: scroll;}
body{height:100%; background: #00512C; }
div {text-align:left;}
p { margin-bottom:10px;}
body,select,textarea{font: normal 12px/16px "Microsoft Yahei",  "arial", "Times New Roman", Helvetica, sans-serif; color:#000;}

label,button{cursor: pointer;}
select,input,textarea{font-size:12px;line-height:1em;}
label{clear:both}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
fieldset, img {border:0;}
ul, li{list-style-type:none}


.fl{float:left}
.fr{float:right}
.cl{clear:both}
.clear {clear:both; font-size:0px; } 
/*.cl{clear:both; height:10px;}*/
.cll{clear:both; font-size:0px; margin:0px; padding:0px; line-height:0;}
.box_t_cl {height:3px; font-size:0px; line-height:0px; margin:0px; padding:0px;}
.clr { clear:right;}
.ti2{text-indent:2em}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.fcgray{color:#9e9e9e}
.fcred{color:#ff0000}
.fcblock{color:#313131}
.fcgreen{color:#009944}
.fcbs { color:#FFF;}
.ffsum{font-family:simsun}
.ffsong{font-family:\5b8b\4f53}
.dis{display:block}
.undis{display:none}

a.unline{text-decoration:none}
a.unline:hover{text-decoration:none}
.oflow {overflow:hidden;}
.tagDisable{filter:gray(enabled=bEnabled);-moz-opacity:0.5;opacity:0.5}
.text-s {text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);/*filter:dropshadow(color=#ffffff,positive=true,offx=1,offy=1);FILTER: dropshadow(OffX=1, OffY=1,Color=#000); VERTICAL-ALIGN: middle;*/}
.mtop8px { margin-top:8px;}
.mtop5px { margin-top:5px;}
.ml0{ margin-right:0px;}
.mr0{ margin-right:0px;}
.Nobg{ background:url("")}
/*-----------------------------------------------A:CSS*/
a{color:#454444;text-decoration:none}
a:hover{ color:#005399;text-decoration:none;}


h1 { padding:0px; margin:0px; text-align:center; font:bold 16px/25px "Microsoft Yahei", "arial", "Times New Roman" ; color: #333;}
h2 { text-align:center; font:bold 16px/28px Arial, Helvetica, sans-serif; border-bottom:dotted #D6D6D6 1px; margin:8px 0;}
hr { height:1px; color:#D9D9D9;}
.wrapper { width:1000px; margin:0 auto; position:relative;}
.wrapper1020 { width:1026px; margin:0 auto;}
.wrapper950 { width:950px; margin:0 auto; position:relative;}
.wp { width:1000px; margin:0 auto;}

/*         header*/
/*#KH_float{position:relative; margin-top:-290px; margin-left:15px; width:183px; height:145px;}*/
.KH_float {position:absolute; right:10px; bottom:10px; width:160px; height:240px; overflow:hidden; border:2px groove #281; cursor:default; -moz-user-select:none; }
.header { height:130px; overflow:hidden}
.top_a { position:absolute; right:0px; bottom:30px; width:248px; height:25px; display:block;}
.logo { width:240px; height:74px; margin:35px 0 0 0; background:url(/images/logo.jpg) 0 0 no-repeat; text-indent:-500px; overflow:hidden; }
.top_bar {width:248px;position:absolute;right:0px;top:39px;background:url(/images/hok_small_logo.jpg) 0 bottom no-repeat;height:59px; padding:0px; margin:0px}
.top_bar a { display:block; height:20px; padding:0 15px; color:#FFF; font-weight:bold; line-height:20px; background:url(/images/lang_m.gif) left center no-repeat; float:left;}


.page_main { width:1026px; position:relative;  background: url(/images/warpper_main.jpg) center 0 repeat-y; height:auto!important; height:600px; min-height:600px; padding-bottom:100px;}
.wartop { width:1026px; height:10px; background:url(/images/warpper_top.jpg) center 0 no-repeat ; position:absolute; top:-10px; z-index:999px; }

/*warbom*/
.warbom { width:1026px; height:65px; background:url(/images/footer_bg.png) center 0 no-repeat; position:absolute; bottom:0px; overflow:hidden; line-height:75px; text-align:center; padding-top:5px;}



/* main             */
.main { width:1000px; margin:0 auto; padding:0}


.main_left { width:240px; float:left }
.left_qq { margin-top:40px;}
.left_nav { width:182px; margin:15px 0 0 30px;}
.navh1 { font-size:18px; color:#000;}


/*--------------------nav*/
.nav { margin:15px 0 0; position:relative;}
.nav li { width:182px; border-bottom: dashed #307D34 1px; font-size:16px; line-height:35px; text-indent:18px; display:block;}
.nav .navli a { display:block; color:#000;}
.nav .navli a span { margin-left:20px; font-size:13px} 
.nav .navli ul li { border:0; border-top:double #000 0px; line-height:25px; font-size:12px; text-indent:32px;}
.nav .navli ul li a { display:block; color:#00512C;}
.nav .navli ul li a span { margin-left:30px; font-size:12px} 

ul#menu a { display: block; text-decoration: none;}
ul#menu li ul { margin:10px 0;}
ul#menu li ul li { border-bottom:#307D34 dashed 1px; width:135px; margin-left:30px;}
ul#menu li ul li.aboot { border:0;}
ul#menu li ul li a:hover { color:#F00; font-weight:bold;}
/*
ul#menu, ul#menu ul { list-style-type:none; margin: 0; padding: 0; width: 15em; }
ul#menu li { margin-top: 1px; }
ul#menu li a { background: #333; color: #fff; padding: 0.5em; }
ul#menu li a:hover { background: #000; }
ul#menu li ul li a { background: #ccc; color: #000; padding-left: 20px; }
ul#menu li ul li a:hover { background: #aaa; border-left: 5px #000 solid; padding-left: 15px; }
*/







.main_right { width:760px; _width:750px; float:left; overflow:hidden}
.main_banner { position:absolute; top:-4px; width:760px; height:308px;}
.aboutus_content1 { margin:320px 45px 0; font-size:14px; line-height:28px;}
.aboutus_content { margin:20px 45px 0; font-size:14px; line-height:28px;}
.line_order { margin:320px 25px 0; font-size:12px;}
.Jobs { margin:20px 45px 0; font-size:14px; line-height:28px;}
.Honor li { width:295px; float:left;  padding:10px 0px; text-align:center; margin:0 20px;}
.Brand li { width:202px; float:left;  padding:10px 0px; text-align:center; margin:0 10px; _margin:0 8px;}
.pzbz li { width:158px; float:left;  padding:10px 0px; text-align:center; margin:0 5px;}
.ppxc li { width:278px; float:left;  padding:10px 0px; text-align:center; margin:0 5px;}
.customers li { width:98px; float:left;  padding:10px 0px; text-align:center; margin:0 5px;}
.mr0 { margin-right:0px;}

/*          index_main*/
.index_main { margin-top:30px;}
.index_box { width:193px; height:170px; padding-right:26px; background:url(/images/Index_jg.gif) right 0 no-repeat; float:left; margin-right:25px}
.index_box span.title { font-size:18px; color:#FFF; margin-bottom:20px; display:block}

.in_nav {}
.in_nav li { background:url(/images/index_n_bg.jpg) -6px 0 no-repeat; width:205px; height:27px; margin-bottom:20px;}
.in_nav li a { font-size:16px; line-height:25px; color:#79F791; padding:0 0 0 15px;}
.in_nav li a:hover { color:#B7FBC5; }

.index_footer { margin:40px 0 0 ; background:#0AB14B; text-align:center; color:#FFF; padding:20px 0; line-height:25px;}
.index_footer span { font-size:16px;}


/*---------------products*/

/*CSS grayr style pagination*/
#pager { margin-top:18px; padding:5px 0; text-align:left;line-height:20px; color: #8E8E8E; clear:both; margin:18px 0 2px; height:20px;}
#pager font { text-align:center; cursor: pointer; }
#pager font a {cursor: pointer;}
#pager div { text-align:right;}

DIV.grayr {	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: Tahoma, Arial, Helvetica, Sans-serif; BACKGROUND-COLOR: #F0F0F0; color:#333}
DIV.grayr A {	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #000; PADDING-TOP: 2px; BACKGROUND-COLOR: #F0F0F0; TEXT-DECORATION: none}
DIV.grayr A:hover {	COLOR: #000; BACKGROUND-COLOR: #99ffff}
DIV.grayr A:active {	COLOR: #000; BACKGROUND-COLOR: #99ffff}
DIV.grayr SPAN.current {	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #303030; PADDING-TOP: 2px; BACKGROUND-COLOR: #fff}
DIV.grayr SPAN.disabled {	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #797979; PADDING-TOP: 2px; BACKGROUND-COLOR: #F0F0F0}

.products { width:608px; margin:20px auto 0;}
.products .title { height:35px; font-size:14px;}
.pro_sort a {}
.pro_sort .ta { color:#FFF;}
.pro_sort .ta:hover { color:#FFF;}

.Products_list { margin:20px 35px 0; font-size:14px; line-height:28px; border-top:dashed #666 1px; padding-top:15px; padding-left:10px;}
.Products_list li { width:120px; text-align:center; float:left; margin:0px 40px 15px 10px;}
.Pmr0 { margin-right:0px;}
.Products_list li span { display:block; font-size:12px;}
.proname { height:50px;}


/*//////////////////////*/
.link_box { width:950px; margin:15px auto 0; color:#79F791; padding:5px 0}
.link { border-top:#004827 double 1px; margin-top:10px;}
.link_box a { color:#79F791}
.link a { display:inline-block; float:left; padding:8px;}


/*//////////////////////*/
.News_list { margin:320px 45px 0; font-size:14px; line-height:28px;}
.News_list li { line-height:26px; border-bottom:#999 dotted 1px;}
.News_list li a { color:#000}
.News_list li span { float:right;}