@charset "utf-8";
/* CSS Document designed by Wenxue.Chen on 2012.05.16 */
body, ul, ol, li, dl, dt, dd, form, input, button, h1, h2, h3, h4, h5, h6, img, div, span { margin:0; padding:0; list-style:none; border:0px; }
html { background:#fff url(../images/bg.jpg) repeat-x 50% 0; }
body { font-size:12px; color:#222; line-height:160%; font-family:Arial, Helvetica, microsoft yahei, simsun, sans-serif; }
a, a:link { font-size:12px; color:#222; text-decoration:none; }
a:visited { color:#333; }
a:hover { color:#f60; }
a:active { color: #f60; }

#container { width:790px; margin:0 auto; overflow:hidden; }
.mainbody { width:778px; float:left; padding:10px 6px; background:#fff; }

#header { width:100%; height:80px; float:left; clear:both; }
#header h1 { width:290px; height:80px; float:left; }
#header h1 a { width:290px; height:65px; overflow:hidden; text-indent:-999px; background:url(../images/logo.gif) no-repeat; float:left; }
#topnav, #header h2 { float:right; }
#header li { float:left; background:url(../images/arrow.gif) no-repeat 0 11px; padding:5px 16px 15px 10px; }
#header h2 { width:211px; height:15px; overflow:hidden; text-indent:-999px; background:url(../images/tel.gif) no-repeat; padding:0 25px 0 0; }

#nav { width:100%; float:left; clear:both; padding:0 0 10px 0; overflow:hidden; }
#nav ul { width:100%; height:30px; float:left; clear:both; background:#f60; }
#nav ul li { float:left; }
#nav ul li a { float:left; padding:0 15px; line-height:30px; color:#f4f4f4; font-weight:bold; font-size:12px; }
#nav ul li a:hover { color:#fff; }

#banner { width:100%; height:120px; float:left; padding:0 0 10px 0; overflow:hidden; }
#banner01 { width:100%; height:88px; float:left; padding:0 0 5px 0; overflow:hidden; }
#slides { width:778px; height:120px; overflow:hidden; }
.slides_container { width:778px; overflow:hidden; position:relative; display:none; }
.slides_container a { width:778px; height:120px; display:block; }
.slides_container a img, #banner01 img { display:block; }

#news { width:305px; float:left; overflow:hidden; }
#news h2 { width:100%; float:left; height:55px; background:url(../images/01_r4_c2.gif) no-repeat -8px -15px; overflow:hidden; text-indent:-999px; }
#news li { width:100%; float:left; padding:0 0 20px 0; }
#news li span { display:block; width:100%; font-weight:bold; }
#news li a { color:#f60; }
#news li p { width:100%; float:left; clear:both; margin:0; padding:5px 0 0 0; }

#sidebar { width:450px; float:right; overflow:hidden; }

#contact, #hot, #about, #service, #friends { width:100%; float:left; clear:both; overflow:hidden; }
#contact ul { width:500px; float:left; font-weight:bold; }
#contact li { width:101px; height:48px; float:left; padding:7px 0 0 50px; }
#contact li.s1 { background:url(../images/index/h_0007.gif) no-repeat; }
#contact li.s2 { background:url(../images/index/h_0008.gif) no-repeat; }
#contact li.s3 { background:url(../images/index/h_0006.gif) no-repeat; }
#contact li.s4 { background:url(../images/index/h_0005.gif) no-repeat; padding-top:15px; }
#contact li.s5 { background:url(../images/index/h_0009.gif) no-repeat; padding-top:15px; }
#contact li.s6 { background:url(../images/index/h_0004.gif) no-repeat; padding-top:15px; }
#contact li span { display:block; clear:both; color:#060; white-space:nowrap; font-family:Verdana, Geneva, sans-serif; font-size:10px; }
#contact a { color:#060; }
#contact a:hover { color:#f60; }

#hot { height:165px; background:url(../images/index/hot.gif) -6px 0; overflow:hidden; padding:0 0 0 13px; }
#hot h2 { width:100%; float:left; clear:both; padding:15px 0; }
#hot h2 strong { float:left; font-size:12px; color:#060; text-indent:16px; }
#hot h2 select { float:right; margin:0 25px 0 0; padding:1px; }
#hot li { width:100%; height:115px; float:left; clear:both; }
#hot li img { float:left; }
#hot li h3, #hot li dl { width:250px; float:left; padding:0 0 0 10px; }
#hot li dl { padding:5px 0 0 10px; }
#hot li dt { width:50px; float:left; }
#hot li dd { width:200px; float:left; }
#hot li h3 a, #hot li h3 { color:#060; }
#hot li h3 a:hover { color:#f60; }
.fl { float:left; }

#about h2 { width:100%; float:left; height:50px; background:url(../images/01_r4_c5.gif) no-repeat -8px -15px; overflow:hidden; text-indent:-999px; }
.aboutcon { width:105%; float:left; clear:both; }
#about dl { width:330px; float:left; padding:0 0 0 5px; }
#about dt { padding:5px 0 5px 0; }
#about dt a { font-size:13px; color:#f60; font-weight:bold; }
#about dt a:hover { text-decoration:underline; }

#service h2 { width:100%; float:left; height:50px; background:url(../images/01_r6_c5.gif) no-repeat -8px 0; overflow:hidden; text-indent:-999px; }
#service ul { width:500px; float:left; clear:both; }
#service li { width:220px; height:100px; float:left; background:url(../images/tagbg.jpg) no-repeat; padding:0 10px 10px 0; }
#service .fl { padding:5px 5px; }
#service h3, #service p { width:120px; float:left; font-size:12px; }
#service h3 { padding:6px 0 0 0; color:#333; }
#service h3 span { display:block; color:#9cc; line-height:10px; font-size:10px; font-weight:normal; }
#service p { line-height:120%; }

#friends h2 { width:100%; float:left; height:50px; background:url(../images/01_r6_c6.gif) no-repeat -8px 0; overflow:hidden; text-indent:-999px; }
#friends ul { width:100%; float:left; clear:both; padding:0 0 10px 0; }
#friends li { float:left; }
#friends .friend li { padding:0 12px 5px 0; }
#friends .friend li a { text-decoration:underline; white-space:nowrap; }
#friends .parter li { padding:0 10px 0 0; }

#footer { width:100%; float:left; clear:both; border-top:1px #eaeaea solid; text-align:center; overflow:hidden; }
#footer ul { width:100%; float:left; padding:10px 0 0 0; }
#footer li { display:inline; padding:0 6px; }
#footer p { width:100%; float:left; clear:both; margin:0; padding:10px; }
#footer p span { padding:0 12px 0 0; white-space:nowrap; }

.container { width:100%; float:left; clear:both; background:url(../images/product/left_bg.gif) repeat-y 0 0; padding:0 0 10px 0; }
.container1 { width:100%; float:left; clear:both; }
.menu { width:220px; float:left; overflow:hidden; }
.menu dl, .menu dt, .menu dd { width:100%; float:left; clear:both; }
.menu dl { padding:0 0 2px 0; }
.menu dt { background:#b2d1e0; height:25px; line-height:25px; font-weight:bold; }
.menu dt a { display:block; background:url(../images/product/pc_lbg.gif) no-repeat; text-indent:25px; }
.menu dd li { width:100%; float:left; clear:both; padding:0 0 2px 0; }
.menu dd li a { display:block; height:25px; line-height:25px; background:url(../images/product/icon_arrow.gif) no-repeat #e8e8e8 20px center; text-indent:30px; }
.contactus, .contactus li { width:100%; float:left; clear:both; }
.contactus li { padding:5px 0 0 0; }

.right { width:545px; float:right; overflow:hidden; }
.position { width:533px; float:left; clear:both; background:#e4ebf0; line-height:25px; padding:0 0 0 12px; }

#index_about_1 #nav { padding:0; }
.serverbanner { width:778px; height:360px; margin:0 auto; padding:0px; }
.serverbanner img { margin:0px; border:0px; padding:0px; clear:both; display:block; }
#sbody { width:778px; margin:10px auto; }
#sbodybg { width:778px; float:left; }
#sbodybg div { width:389px; float:left; line-height:20px; margin-bottom:10px; }
#sbody dl { width:389px; float:left; color:#666; }
#sbody dt { width:100px; float:left; }
#sbody dd { width:244px; float:left; background:url(icon_tit_icon.gif) no-repeat left top; padding-left:20px }
#sbody h2 { font-size:13px; height:20px; color:#0a51a1; width:219px; clear:both;  }
#sbody span { margin-top:5px; display:block; }
#sbody img { border:0px; }

.newslist { width:100%; float:left; clear:both; padding:20px 0; }
.newslist li { width:96%; float:left; clear:both; padding:0 0 0 12px; }
.newslist a.title { width:100%; float:left; clear:both; color:#f60; font-weight:bold; }
.newslist p, .newslist span { width:100%; float:left; clear:both; padding:5px 0; margin:0; }
.newslist p a { color:#f60; font-size:11px; }
.newslist p a:hover { text-decoration:underline; }
.newslist span { border-top:1px #f60 dotted; text-align:right; padding-bottom:10px; }

.maintext { width:100%; float:left; clear:both; padding:0 0 0 12px; }
.maintext h1, .newstext { font-size:14px; width:96%; float:left; clear:both; color:#f60; padding:10px 0; text-align:center; }
.maintext h1 { padding-top:20px; }
.newstext { font-size:12px; text-align:left; color:#222; padding-bottom:20px; }
.attr { width:96%; float:left; clear:both; text-align:right; border-top:1px #f60 dotted; border-bottom:1px #f60 dotted; padding:5px 12px 5px 0; }
.retext { width:100%; float:left; clear:both; padding:10px 0; }
.retext li { float:left; }
.retext li.next { float:right; padding:0 20px 0 0; }
.page { width:100%; float:left; clear:both; text-align:center; padding:10px 0; }
.page * { margin:0 6px; }

.attrcar { width:100%; float:left; clear:both; border-bottom:1px #ccc dotted; padding-bottom:20px; }
.attrimg { width:180px; float:left; overflow:hidden; padding:20px; }
.attrcar ul { width:320px; float:left; overflow:hidden; }
.attrcar ul li { width:100%; float:left; clear:both; }
.attrcar h1 { text-align:left; }

.productlist, .productlist li { width:100%; float:left; clear:both; }
.productlist li { border-bottom:1px #ccc dotted; padding:20px 0; }
.imgli { width:200px; float:left; padding-left:10px; }
.rightli, .productlist dt { width:300px; float:left; }

.friendlist { width:100%; float:left; clear:both; }
.friendlist li { float:left; border:1px #ccc dotted; margin:10px 5px; }
.friendlist li a { float:left; padding:10px; white-space:nowrap; }

.maplist { width:100%; float:left; clear:both; }
.maplist dl { width:100%; float:left; padding:20px; border-bottom:1px #ccc dotted; }
.maplist dt { font-weight:bold; padding-bottom:10px; }
.maplist dd a { margin-right:12px; }