/* ********************************  Global Element  ************************************* */

/* Element */
@charset "utf-8";
body { text-align:center; font-size:9pt; color:#333; }
*,html {margin:0 auto; padding:0; }
img{border:0px;}
ol li,ul li{list-style-type:none;}
.none { display:none; }
.show { display:block;}
.fl { float:left; }
.fr { float:right; }
.txtl { text-align:left!important; }
.txtr { text-align:right!important;}
.txtc { text-align:center!important; }

/* Font */
h1 { font-size:9pt; }
.f13 { font-size:13px!important; }
.f14 { font-size:14px!important; }
.f15 { font-size:15px!important; }
.f16 { font-size:16px!important; }
.f17 { font-size:17px!important; }
.f18 { font-size:18px!important; }
.font_yahei { font-family:"Microsoft YaHei"!important; }
.font_arial { font-family:"Arial"!important; }
.b { font-weight:bold; }
.red { color:#ed1b23; }
.green { color:#506F2C; }
.gray { color:#666; }
.thingray { color:#999; }
.gray2 { color:#999; }
.orange { color:#ff3401;}
a:link,a:visited { color:#555; text-decoration:none; }
a:hover,a:active { color:#f70301; text-decoration:underline; }

/* Form */
input { font-size:9pt; }
select { font-size:9pt; }

/* Button */
.btn { width:52px; height:20px; line-height:20px; font-size:12px; border:0; color:#555; background:url(images/btn_bg.gif) no-repeat; cursor:pointer; }

/* ********************************  Layout  ************************************* */

.bodywrap { width:1000px; zoom:1; }

.header { height:59px; zoom:1; border-bottom:1px solid #464646; background:url(images/header_bg.gif) repeat-x; }
.header h1 { float:left; width:504px; height:42px; margin:12px 0 0 37px; background:url(images/header_logo.gif) no-repeat; cursor:pointer; }
.search { float:right; padding:19px 38px 0 0; }
.search input , .search button { float:left; }
.search input { width:122px; height:20px; margin-right:8px; line-height:20px; text-indent:5px; border:0; background:url(images/input_bg.gif) no-repeat; }
.nav { height:28px; line-height:28px; text-align:center; }
.nav a:link , .nav a:visited { margin:0 29px; font-size:14px; font-weight:bold; color:#555; }
.nav a:hover , .nav a:active { color:#f70301; text-decoration:none; }
.footer { overflow:hidden; zoom:1; height:75px; padding:20px 0 0 20px; margin:0 0 0 1px; line-height:20px; text-align:left; color:#333; border-top:29px solid #167600;}
.nodata { line-height:100px; text-align:center; }

.wrap { overflow:hidden; zoom:1; margin:0 0 0 1px; background:url(images/main_left_bg.gif) repeat-y left; }

.wrapr { float:right; width:207px; zoom:1; }
.wrapr .welcome { float:left; clear:both; width:205px; height:134px; margin-top:1px; background:url(images/welcome.gif) no-repeat; }

.wrapl { float:left; width:792px; zoom:1; }
.wrapl .line { height:5px; font-size:0; border-right:1px solid #fff; background:#b4c6d9; }
.wrapl .leftbanwarp { position:relative; float:left; width:164px; height:431px; }
.wrapl .leftbanwarp img { position:absolute; top:0; left:0; }
.wrapl .centerbanwrap { float:right; border:1px solid #fff; border-top:0; }
.wrapl .main { float:right; width:626px; height:auto; min-height:470px; _height:470px; border-right:1px solid #ccc; border-left:1px solid #fff; }

.hbox { float:left; overflow:hidden; zoom:1; }
.hbox dt { height:32px; background:#289e0e; text-align:left; }
.hbox dt b { float:left; width:188px; height:32px; }
.hbox1 { width:365px; }
.hbox2 { float:right; width:260px; }
.hbox3 { width:100%; }
.hbox1 dt b { background:url(images/hbox_t1.gif) no-repeat; }
.hbox2 dt b { background:url(images/hbox_t2.gif) no-repeat; }
.hbox3 dt b { background:url(images/hbox_t3.gif) no-repeat; }

.hbox1 { line-height:20px; }
.hbox1 dd { padding:0 0 22px 0; }
.hbox1 p { display:block; padding:17px 8px 21px 8px; text-align:left; }
.hbox1 p a { color:#333; text-decoration:none; }
.hbox1 img { border:1px solid #ccc; }

.hbox2 dd { line-height:24px; padding:8px 20px 0 11px; text-align:left; }
.hbox2 dd a { color:#333; text-decoration:none; }

.hbox3 dd { position:relative; height:192px; overflow:hidden; zoom:1; color:#282828; background:url(images/hproduct_bg.gif) repeat-x; }
.hbox3 .more { position:absolute; right:22px; bottom:14px; float:right; }
.hbox3 .list { position:absolute; top:0; left:0; }
.hbox3 .list li { float:left; width:156px; vertical-align:bottom; }
.hbox3 .list span { display:block; height:100px; padding:15px 0 5px 0; }
.hbox3 .list p { display:block; width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hbox3 a { color:#282828; }

.sidebox { width:205px; overflow:hidden; zoom:1; margin:0 0 0 2px; }
.sidebox h1 { position:relative; display:block; overflow:hidden; zoom:1; height:25px; margin:7px 0 0 0; line-height:27px; font-size:14px; text-indent:25px; text-align:left; border-bottom:1px solid #b8e5ac; color:#177700; background:url(images/icon_dian.gif) no-repeat 13px 7px; }
.sidebox h1 a { position:absolute; right:16px; top:0; float:right; width:31px; height:25px; background:url(images/more.gif) no-repeat 0 15px; }

.menulist2 li { font-size:13px; }

.newslist ul { overflow:hidden; zoom:1; padding:7px 0 55px 0; }
.newslist li { float:left; width:166px; height:29px; line-height:29px; padding:0 0 0 13px; margin:0 0 0 11px; _margin:0 0 0 5px; text-align:left; border-bottom:1px solid #d4eccf; background:url(images/icon_dian2.gif) no-repeat 4px 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.menulist ul { overflow:hidden; zoom:1; padding:0 0 31px 0; margin:9px 0 0 11px; }
.menulist li { float:left; width:179px; padding:2px 0 0 0; line-height:21px; font-weight:bold; text-align:left; border-bottom:1px solid #d4eccf; background:url(images/icon_arrow_01.gif) no-repeat 15px 9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.menulist li a { display:block; line-height:21px; text-indent:26px; }
.menulist li ul { margin:0; padding:0; }
.menulist li ul li { border-top:1px solid #d4eccf; border-bottom:0; background:url(images/icon_arrow_02.gif) no-repeat 32px 9px; }
.menulist li ul li a { text-indent:44px; font-size:12px; font-weight:normal; }

.hplist , .hplist2 { zoom:1; padding:0 0 50px 0; }
.hplist div , .hplist2 div { position:relative; width:162px; margin:15px auto 0 auto;  }
.hplist a , .hplist2 a { position:absolute; top:0; left:0; display:block; width:160px; border:1px solid #cccccc; background:#fbfbfb; }
.hplist a img , .hplist2 a img { display:none; }

.mainbox { overflow:hidden; zoom:1; margin:0 1px 0 0; padding:0 5px; background:url(images/title_bg.gif) repeat-x top; }
.mainbox dt { height:29px; border-bottom:1px dashed #999;  }
.mainbox dt b { float:left; margin:10px 0 0 0; text-indent:16px; color:#177700; background:url(images/icon_dian.gif) no-repeat 5px 0 }
.mainbox dd { overflow:hidden; zoom:1; padding:0 15px 0 15px; line-height:20px; text-align:left;  }
.boxnobg { background:none; }

dd.about { padding:9px 15px 8px 15px; }
.about p { padding:0 0 11px 0; }
.about p img { display:inline-block; *display:inline; zoom:1; margin:0 0 8px 0; }

dd.culture { padding:25px 0 33px 26px; }
.culture img { float:left; margin:0 26px 0 0; }
.culture div { float:left; width:290px; padding:4px 0 0 0; }
.culture div li { float:left; width:100%; clear:both; padding:0 0 4px 0; line-height:20px; text-align:left; }
.culture div label , .culture div span { float:left; }
.culture div label { color:#ee5509; }
.culture div span.text { width:218px; }

dd.technic { padding:24px 15px 30px 15px; }
.photolist { overflow:hidden; zoom:1; padding:15px 0 0 0; }
.photolist ul { overflow:hidden; zoom:1; margin:0 -20px 0 0; }
.photolist li { display:inline-block; *display:inline; zoom:1; width:280px; margin:0 20px 8px 0; text-align:center; }
.photolist li p { display:block; width:280px; text-align:center; line-height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.contact { float:left; padding:40px 0 0 4px; }
.contact .left { float:left; width:331px; }
.contact .left h1 { display:block; height:32px; background:url(images/contact_pic_01.gif) no-repeat left bottom; }
.contact .left .info { float:left; padding-left:12px; margin-top:22px; text-align:left; line-height:26px; }
.contact .right { float:left; width:224px; height:295px; margin:9px 0 0 0; background:url(images/contact_pic_02.jpg) no-repeat; }

dd.job { padding:35px 15px 100px 15px; }

.jobinfo { float:left; width:406px; height:222px; padding:18px 10px 0 160px; text-align:left; line-height:20px; color:#3c3c3c; background:url(images/job_pic_01.gif) no-repeat; }

.joblist { float:left; width:480px; overflow:hidden; zoom:1; padding:16px 0 8px 26px; line-height:24px; color:#3c3c3c; }
.joblist label { float:left; width:125px; }
.joblist p { clear:both; }
.joblist .info { width:430px; clear:both; zoom:1; line-height:20px; }

dd.enerygy { padding:23px 15px 55px 15px; }
 
.enerygy .info { line-height:20px; }
.enerygy .info p { display:block; padding:0 20px 6px 20px; }
.enerygy .info span { display:block; line-height:24px; font-size:13px; font-weight:bold; color:#197a00; }
.enerygy .info img { display:inline-block; *display:inline; zoom:1; margin:20px 0 0 0; }
.enerygy .info h1 { display:block; padding:24px 20px 9px 20px; font-size:13px; color:#197a00; }
.enerygy .info h2 { display:block; padding:0 20px 9px 20px; font-size:13px; color:#197a00; }
.enerygy .info a { margin:0 0 0 20px; font-family:"宋体"; color:#9d080d; }

.btnwrap { display:block; margin:30px; text-align:center; }

dd.product { padding:23px 12px 3px 12px; }

.product .list { overflow:hidden; zoom:1; padding:0 0 29px 0; }
.product .list img.pic { display:none; float:left; margin:0 22px 0 0; border:1px solid #c9c9c9; }
.product .list div { float:right; width:447px; color:#000; }
.product .list p { display:block; }
.product .list span { display:block; width:100%; height:20px; clear:both; }
.product .list h1 { float:left; color:#555; }
.product .list a { float:right; color:#ff0000; }

dd.productview { padding:24px 16px 28px 16px; }

.productview .title { width:100%; clear:both; margin:0 0 31px 0; overflow:hidden; zoom:1; }
.productview .title b { float:left; height:29px; font-size:14px; color:#fff; background:#167300; }
.productview .title b.l , .productview .title b.r { width:5px; font-size:0; }
.productview .title b.l { background:url(images/bt_l.gif) no-repeat; }
.productview .title b.r { background:url(images/bt_r.gif) no-repeat; }
.productview .title b.m { padding:0 27px 0 9px; line-height:29px; }
.productview .list { overflow:hidden; zoom:1; padding:0 0 30px 0; }
.productview .list img.pic { display:none; float:left; margin:0 22px 0 0; border:1px solid #c9c9c9; }
.productview .list div { float:right; width:319px; color:#000; }
.productview .list h1 { display:block; margin:2px 0 0 0; }
.productview .list p { display:block; }
.productview .list button { width:69px; height:24px; margin:14px 0 0 0; border:0; background:url(images/btn_bg2.gif) no-repeat; cursor:pointer; }

dd.news { padding:20px 15px 50px 15px; }

.news .list ul { overflow:hidden; zoom:1; }
.news .list li { float:left; width:550px; height:29px; line-height:29px; padding:0 0 0 13px; text-align:left; border-bottom:1px solid #d4eccf; background:url(images/icon_dian2.gif) no-repeat 4px 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news .show {}
.news .show { width:580px; text-align:left; }
.news .show h1 { display:block; width:100%; padding:15px 0; font-size:20px; text-align:center;}
.news .show .info { margin-bottom:15px; padding-bottom:10px; text-align:center; border-bottom:1px solid #ddd; color:#999; }
.news .show .info span { margin:0 10px; }
.news .show .content { font-size:14px; line-height:28px; margin:10px auto 20px auto; }