/*design by estorm*/

/*public*/
body { margin:0 auto; background:url(../images/bg.jpg) #fff repeat-x top center; padding:0px; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif, "ËÎÌå", "ÐÂËÎÌå"; }
div, ul, li, dl, dt, dd, h2, h3, p, span, form { margin:0px; padding:0px; list-style:none; }
.clear { clear:both; }

#loogxin { width:790px; margin:0 auto; }
#loogxinbg { width:790px; float:left; background:#fff; }
#header { width:778px; height:85px; margin:0 auto; }
#header #logo { width:300px; height:65px; float:left; margin-top:10px; }
#header h2 { display:none; }
#header #logo img { border:0px; width:290px; height:65px; }
#header #index { width:385px; height:65px; margin-top:10px; float:right; }
#header #index li { width:385px; height:30px; line-height:30px; text-align:right; display:block; }
#header #index li a { color:#333; margin-left:20px; background:url(../images/arrow.gif) no-repeat left center; padding-left:10px; }
#header #index li a:hover { text-decoration:none; }
#header #index li img { float:right; margin-top:8px; margin-right:15px; }
#header #index li form { float:right; }

#nav { width:778px; height:30px; margin:0 auto; background:#f60; text-align:center; }
#nav h2 { width:730px; font-size:12px; color:#fff; line-height:20px; margin-top:5px; }
#nav a { color:#fff; text-decoration:none; width:80px; text-align:center; display:block; float:left; }

#banner { width:778px; height:120px; margin:10px auto 5px; }
#banner img { border:0px; }
#bannerp { width:778px; height:88px; margin:0 auto; background:url(../images/bannerp.jpg); }
#bannera { width:778px; height:88px; margin:0 auto; background:url(../images/bannera.jpg); }

#flash { width:778px; height:170px; margin:10px auto 5px; }
#flash .left { width:318px; float:left; padding-left:2px; }
#flash .right { width:458px; float:right; }

#mainbody { width:778px; margin:0 auto; }
#mainbodybg { width:778px; float:left; }
#mainbody .left { width:320px; #wdith:320px; _width:310px; float:left; }
#mainbody .left h2 { width:320px; #wdith:320px; _width:310px; height:55px; background:url(../images/01_r4_c2.gif) no-repeat -8px -15px; }
#mainbody .left ul { width:290px; #wdith:290px; _width:280px; margin-left:0px; line-height:20px; }
#mainbody .left ul li { margin-bottom:20px; }
#mainbody .left ul a { color:#f60; font-size:13px; }
#mainbody .left span { width:300px; height:20px; display:block; text-align:right; margin-bottom:40px; }
#mainbody .left p { margin:0px; padding:0px; color:#666; }
#mainbody .left span a { color:#f60; }
#mainbody .right { width:458px; float:right; }

#mainbody .right #about { width:458px; float:left; clear:both; }
#mainbody .right #about h2 { width:458px; height:55px; background:url(../images/01_r4_c5.gif) no-repeat left center; display:block; clear:both; }
#mainbody .right #about img { float:left; }
#mainbody .right #about dl { float:left; margin-left:10px; }
#mainbody .right #about dl dt { width:300px; height:25px; line-height:25px; font-size:15px; font-weight:bold; }
#mainbody .right #about dl dt a { color:#f60; text-decoration:none; }
#mainbody .right #about dl dd { line-height:20px; }

#mainbody .right #service { width:458px; height:300px; }
#mainbody .right #service h2 { width:458px; height:55px; background:url(../images/01_r6_c5.gif) no-repeat left center; display:block; clear:both; }
#mainbody .right #service div { width:220px; height:100px; background:url(../images/tagbg.jpg); float:left; margin-left:5px; }
#mainbody .right #service div img { width:85px; height:90px; float:left; border:0px; margin-top:3px; margin-left:7px; }
#mainbody .right #service div h1 { width:115px; height:34px; float:left; margin-top:3px; margin-left:5px; }
#mainbody .right #service div h1 a { color:#666; text-decoration:none; font-size:12px; display:block; margin-top:3px; }
#mainbody .right #service div h1 span { display:block; font-size:12px; color:#b0d6da; font-size:10px; }
#mainbody .right #service div p { width:115px; height:54px; float:left; margin:0px; margin-left:5px; line-height:18px; }

#mainbody .right #friend { width:458px; float:left; display:block; margin-top:50px; _margin-top:5px; }
#mainbody .right #friend h2 { width:458px; height:55px; background:url(../images/01_r6_c6.gif) no-repeat left center; display:block; clear:both; }
#mainbody .right #friend #contant { width:440px; height:120px; line-height:20px; margin:0 auto; display:block; }
#mainbody .right #friend a { margin:0 5px 0 0; color:#000; }
#mainbody .right #friend a:hover { text-decoration:none; }
#mainbody .right #friend .panner { width:440px; height:31px; margin:0 auto; clear:both; }
#mainbody .right #friend .panner img { border:0px; }

#footer { width:778px; height:55px; background:url(../images/footbg.gif) no-repeat top center; margin:0 auto; clear:both; border-top:1px #eaeaea solid; text-align:center; }
#footer h3 { width:630px; _width:640px; height:30px; font-size:12px; }
#footer h3 a { width:90px; height:20px; line-height:30px; display:block; text-align:center; float:left; color:#333; text-decoration:underline; font-weight:normal; }
#footer h3 a:hover { text-decoration:none; }
#footer h2 { font-size:12px; font-weight:normal; line-height:18px; text-align:center; float:left; }
#footer h2 strong { font-size:11px; color:#000; }
#footer h2 a { font-size:11px; color:#000; text-decoration:none; font-weight:bold; }
#footer h2 a:hover { text-decoration:underline; }
#footer span { float:right; line-height:18px; color:#b3b3b3; font-size:11px; }

/*quick*/
#mainbody .qucik { width:451px; float:left; margin-top:10px; margin-left:8px; }
#mainbody .qucik span { margin-left:50px; line-height:18px; }
#mainbody .qucik span a { color:#4b7322; text-decoration:none; }
#mainbody .qucik .c1 { width:146px; height:43px; background:url(../images/h_0007.gif); font-weight:bold; color:#4b7322; padding-top:7px; margin-bottom:5px; float:left; margin-right:5px; }
#mainbody .qucik .c2 { width:146px; height:43px; background:url(../images/h_0008.gif); font-weight:bold; color:#4b7322; padding-top:7px; margin-bottom:5px; float:left; margin-right:5px; }
#mainbody .qucik .c3 { width:146px; height:43px; background:url(../images/h_0006.gif); font-weight:bold; color:#4b7322; padding-top:7px; margin-bottom:5px; float:left; }
#mainbody .qucik .c4 { width:146px; height:43px; background:url(../images/h_0005.gif); font-weight:bold; color:#4b7322; padding-top:7px; margin-bottom:5px; float:left; margin-right:5px; }
#mainbody .qucik .c5 { width:146px; height:43px; background:url(../images/h_0009.gif); font-weight:bold; color:#4b7322; padding-top:7px; margin-bottom:5px; float:left; margin-right:5px; }
#mainbody .qucik .c6 { width:146px; height:43px; background:url(../images/h_0004.gif); font-weight:bold; color:#4b7322; padding-top:7px; margin-bottom:5px; float:left; }

#mainbody .right .hot { width:458px; height:170px; float:right; background:url(../images/hot.gif) no-repeat center center; margin-top:20px; }
#mainbody .right .hot h2 { width:410px; height:26px; margin:15px auto 0px; font-size:12px; line-height:26px; padding-left:20px; color:#4b7322; }
#mainbody .right .hot h2 span { float:left; }
#mainbody .right .hot h2 a { float:right; margin-right:20px; margin-top:4px; } 
#mainbody .right .hot .divc { width:420px; height:115px; clear:both; margin:0 auto; margin-top:10px; }
#mainbody .right .hot .divc img { float:left; width:155px; height:80px; border:0px; }
#mainbody .right .hot .divc h3 { font-size:12px; color:#4b7322; margin:0px; float:left; text-align:left; margin-left:10px; line-height:30px; background:url(../images/clean_011.gif) no-repeat right center; padding-right:20px; }
#mainbody .right .hot .divc h3 a { color:#4b7322; text-decoration:none; }
#mainbody .right .hot .divc dl { float:left; width:255px; margin-left:10px; line-height:20px; padding:0px; }
#mainbody .right .hot .divc dl dt { float:left; width:50px; margin:0px; }
#mainbody .right .hot .divc dl dd { float:left; width:205px; margin:0px; }

/*product*/
#product { width:778px; margin:0px auto 20px; }
#productbg { width:778px; float:left; }
#position { width:773px; float:left; line-height:30px; padding-left:5px; background:url(../images/linel.gif) repeat-x center bottom; }
#position a { color:#000; text-decoration:none; }
#product #contant { width:778px; float:left; display:block; margin-top:10px; }
#product #contant span { margin-left:50px; line-height:18px; }
#product #contant span a { color:#4b7322; text-decoration:none; }
#product #contant .c1 { width:146px; height:43px; background:url(../images/h_0007.gif); font-weight:bold; color:#4b7322; padding-top:7px; margin-bottom:5px; float:left; margin-right:5px; margin-left:3px; }
#product #contant .c2 { width:146px; height:43px; background:url(../images/h_0008.gif); font-weight:bold; color:#4b7322; padding-top:7px; margin-bottom:5px; float:left; margin-right:5px; margin-left:3px; }
#product #contant .c3 { width:146px; height:43px; background:url(../images/h_0006.gif); font-weight:bold; color:#4b7322; padding-top:7px; margin-bottom:5px; float:left; margin-right:5px; margin-left:3px; }
#product #contant .c4 { width:146px; height:43px; background:url(../images/h_0005.gif); font-weight:bold; color:#4b7322; padding-top:7px; margin-bottom:5px; float:left; margin-right:5px; margin-left:3px; }
#product #contant .c5 { width:146px; height:43px; background:url(../images/h_0009.gif); font-weight:bold; color:#4b7322; padding-top:7px; margin-bottom:5px; float:left; margin-left:3px; }

#product .hot { width:778px; float:left; }
#product .hot h2 { width:773px; height:35px; margin:10px auto 0px; padding-left:5px; display:block; font-size:12px; line-height:26px; color:#f60; background:url(../images/linel.gif) repeat-x center top; }
#product .hot h2 span { float:left; }
#product .hot h2 a { float:right; margin-right:5px; margin-top:4px; } 
#product .hot .divc { width:370px; margin:0 5px; margin-top:10px; float:left; }
#product .hot .divc img { float:left; width:155px; height:80px; border:0px; }
#product .hot .divc h3 { font-size:12px; color:#4b7322; margin:0px; text-align:left; margin-left:10px; line-height:30px; background:url(../images/clean_011.gif) no-repeat right center; padding-right:20px; }
#product .hot .divc h3 a { color:#4b7322; text-decoration:none; }
#product .hot .divc dl { float:left; width:195px; line-height:20px; padding:0px; }
#product .hot .divc dl dt { float:left; width:50px; margin:0px; }
#product .hot .divc dl dd { float:left; width:145px; margin:0px; }
#product ul { width:700px; margin:0px; clear:both; line-height:25px; }
#product li { float:left; width:320px; margin-right:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#product li span { font-size:9px; margin-left:10px; }
#product li a { color:#676767; text-decoration:none; }
#product li a:hover { text-decoration:underline; }
.page { clear:both; width:778px; height:40px; line-height:40px; margin:0 auto; text-align:center; background:url(../images/linel.gif) repeat-x center top; }
.page a { text-decoration:none; color:#676767; font-weight:bold; }
.page a:hover { text-decoration:underline; }