@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background-color:#000;text-align:center; font-family:"宋体"; font-size:12px; color:#828282;}
div,form,input,,option,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
img{margin:0; padding:0; border:0;}
p{margin:0; padding:0;font-family:"宋体";  font-size:12px; line-height:150%;}
ul{margin:0; padding:0;list-style-type:none;  }
a{ text-decoration:none; color:#828282;}
a:hover,a:active{ text-decoration:underline; color:#000;}
.left{ float:left;}
.right{ float:right;}
.red{ color:#f00;}
.mleft{ margin-left:20px;}
.topright{ float:right; width:295px; height:23px; margin-right:22px; margin-bottom:-20px; background:url(../images/bg_souc.gif) no-repeat  left;display:inline; }
.look{ float:left;  line-height:23px;}
.cur,.curb{float:left;width:100px; margin:0 0 0 18px; display:inline;line-height:23px; }
.curb{ margin-left:15px;}
.curb a{color:#828282; text-decoration:none;}

#productlist ,#productlistb{  position:absolute; top:20px; left:745px; font-size:12px; background-color:#555; filter:Alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; padding:4px 0;}
#productlistb{left:860px;}
#productlist .list .listtitle,#productlistb .list .listtitle{margin-top:4px; color:#fff; text-decoration:none; text-align:center;}
#productlist .list li,#productlistb .list li{width:110px; padding:2px 0;}
#productlist .list li a,#productlistb .list li a{ color:#fff;}
#productlist .list li a:hover,#productlistb .list li a:hover{ text-decoration:none;}
#productlist .list li ul li,#productlistb .list li ul li{ margin-top:4px;padding:0; }
#productlist .list li ul li a,#productlistb .list li ul li a{ display: block; padding:0 0 0 30px ; width:80px; height:27px; line-height:27px; text-align:left; }
#productlist .list li ul li a:hover,#productlistb .list li ul li a:hover{text-decoration:none; background:#4e4d4c  url(../../images/img_sanb.gif) no-repeat 18px 50%;}
#productshow li{ text-align:center;}

#pleaseselect:hover,#pleaseselect:active{width:90px;  padding-right:15px; text-align:center;text-decoration:none;/*color:#828282;*/}


#navb{  float:right; width:656px; margin:31px -10px 0 0; display:inline;}
#navb li{ float:left; padding-left:4px; background:url(../images/bg_navli.gif) no-repeat left; line-height:29px; text-align:center; text-indent:5px;  }
#navb .nobod{ background:none;}
#navb li a{ display:block; width:86px; height:29px; color:#fff;}
#navb li a:hover,#navb .select a{ text-decoration:none; background:url(../images/bg_navhov.gif) no-repeat left bottom;color:#fff; }
#navb li ul{ display:none; margin-left:-3px; padding:0;position:absolute;width:90px; filter:Alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; background:#676868; *margin-left:-7px; }
#navb li ul li{ padding:0; background:none;} 
#navb li ul li a{display: block; margin:0; padding:0; width:90px; height:27px; line-height:27px;}
#navb li ul li a:hover{ text-decoration:none; background:#4e4d4c  url(../../images/img_sanb.gif) no-repeat 5px 50%;}
#navb li.show ul{ display:block;}


.foot{ width:1002px; margin:0 auto; background-color:#fa5100;}
.foot p{ float:left; margin:6px 0  0 55px; color:#fff; display:inline;}
.foot div{ float:right;margin:6px 20px  0 0;color:#fff;display:inline;}
.foot div a{margin:0 8px; color:#fff;}
.foot div a:hover{color:#fff;}
.foot .ftwsjws{}
.foot .ftwsjws img{ height:40px;}



.header{ width:1002px; margin:0 auto; text-align:left; position:relative;}
.topsou{ width:1002px; height:24px; background:#000 url(../images/bg_sou.gif) no-repeat 95%;}
.header span{ display:none;}
.logo{ float:left;width:280px; height:74px; margin-left:10px; display:inline;}

.top{ width:1002px; height:260px; background:url(../images/bg_head.jpg) repeat-x left top;}
.topb{ width:1002px; height:76px; margin-bottom:-4px; background: url(../images/bg_topnav.gif) repeat-x left top; text-align:left; }
.leader{ float:left; width:959px; height:76px; background:url(../images/top_nav.jpg) no-repeat left;}
.content{ display:table; width:732px;  margin:0 auto; _margin-top:-6px; padding:10px 40px 15px 230px; text-align:left; background-color:#fff;}
.side { float:left; display:inline; margin-left:-200px; width:200px;min-height:400px; padding-top:15px;}
* html .side{ height:400px; margin-top:-4px;}
.side h2{ width:195px; height:22px; padding-top:2px; background:url(../images/bg_siadeh.gif) no-repeat left; font-size:21px; color:#4a4a4a;text-indent:15px;}
.sidenav{ width:168px; margin:20px 0 15px 10px; border-top:1px solid #d3d3d3;}
.sidenav li{ padding:1px 0 ; border-bottom:1px solid #d3d3d3;}
.sidenav li a{ display:block; width:143px;background:url(../images/bg_sidenav.gif) no-repeat left -21px;  padding:2px 0 2px 25px ;}
.side ul .select a{ text-decoration:none;background:url(../images/bg_sidenav.gif) no-repeat left top; color:#fff;}
.sidenav li a:hover{text-decoration:none;} 
.side img{ width:173px; height:81px; margin:10px 0 0 8px;}
.main{ float:right; width:710px;}
.maintop{ width:678px; height:27px; padding:15px 30px 0 0; background:url(../images/bg_maintop.gif) no-repeat left top; text-align:right; color:#fa5100;}
.maintop p{ float:left; margin-left:20px; display:inline; color:#828282;}
.maintop img{ margin-right:8px;}
.maintop a{color:#fa5100;}
.maintop a:hover ,.maintop .select{ text-decoration:none;color:#4a4a4a;}
.maincent{float:left; width:688px; padding:20px 10px 10px 10px;background:url(../images/bg_maincent.gif) repeat-y left top;}
.mainbot{float:left; width:708px; height:12px; _margin-top:-6px; background:url(../images/bg_mainbot.gif) no-repeat left bottom;}
.footer{ width:1002px; height:65px; margin:0 auto;background-color:#fff;}
.footer .foot{ height:40px; padding-top:8px;}

/* CSS Document for index */
.navb .nobod ,.map .nobod{ background:none; border:none;}
.head{ width:1002px;margin:0 auto;  position:relative;}
.head span{ display:none;}
.getin{ display:block;  width:115px; height:30px; position:absolute; top:449px; left:285px;  }
.getleft,.getright{display:block;  width:20px; height:20px;position:absolute; top:511px; left:914px; }
.getright{left:939px;}

/*.cent{ width:1002px; height:155px; margin:0 auto; margin-top:-4px; background:url(../images/index_bot.gif) no-repeat left; clear:both;}
.boxl{ float:left; width:370px; margin:15px 0 0 38px; padding-left:15px; display:inline;}
.boxr{float:left; width:495px; margin:15px 0 0 22px; padding-left:15px; display:inline;}
.indexul,.indexulb{float:left;margin-top:8px;}
.indexul li,.indexulb li{ width:370px; height:18px; padding-bottom:3px;  background:url(../images/bg_indli.gif) no-repeat left 3px; text-indent:12px; color:#333;}
.indexulb li{ width:495px;}
.indexul li a,.indexulb li a{ float:left; color:#333;}
.indexul li span,.indexulb li span{ display:block; width:90px; height:14px; float:right;}
.boxl_head  h4{ float:left; margin-top:5px;font-size:12px;color:#fff;}
.boxl_head span{ display:none;}
.boxl_head p{ float:left;margin:3px 0 0 262px;color:#fff;display:inline;}
.more{float:right;width:20px; height:20px;  margin-right:7px; display:inline;}
.boxl_head .morb{ margin-left:388px;}*/

.cent{ width:982px; height:150px; margin:0 auto;   padding:0 10px; background:url(../images/index_bot.jpg) no-repeat 0; clear:both;}
.boxl{ float:left; width:342px; margin:15px 10px 0 0; padding-left:15px; display:inline;}
.indexul{float:left;margin-top:15px;}
.indexul li{ width:330px; height:18px; padding-bottom:3px;  background:url(../images/bg_indli.gif) no-repeat left 3px; padding-left:10px; color:#333; }
.indexul li a{ float:left;color:#333; text-align:left;}
.indexul li span{ float:right;}
.boxl_head  h4{ float:left; margin:0; padding:0; font-size:12px;color:#fff;}
.boxl_head span{ display:none;}
.boxl_head  p { float:left;margin:0 0 0 230px;color:#fff;display:inline;}
.more{float:right;width:20px; height:20px;  margin:-4px 6px auto auto; display:inline;}
.indexad{ float:right; width:224px; height:110px; margin:6px 6px auto auto; padding:6px 5px; display:inline; }
.indexad a span{ display:none;}
.indexad a{ display:block; width:221px; height:51px; margin-bottom:5px;}



/* CSS Document for about us */
#headbanner{ with:959px;}
#headbannerb{ with:1002px;}
.maincent h3{ font-size:14px; color:#fa5a2e; margin:0 0 0 15px;}
.about{ margin-top:10px; min-height:300px;}
* html .about{ height:300px;}
.about p{ margin:0 15px 10px 15px; text-indent:2em;}
.aboutimg{ float:right; margin:0 25px 10px 10px;}
.mainbot{float:left; width:708px; height:12px; _margin-top:-6px; background:url(../images/bg_mainbot.gif) no-repeat left bottom;}
.about .comname{ margin:10px 0 10px 15px;}


/* CSS Document for products */
.sidenav li ul{ margin:4px 0 -2px 0;}
.sidenav li ul ul{ margin:0;}
.sidenav li ul li{ clear:both;}
.side .sidenav li ul li{ background:none; margin-bottom:0;border-bottom:1px solid #d3d3d3; }
.side .sidenav li ul li a{ display:block; width:70px; margin-left:10px; padding:4px 0 4px 10px; background:url(../images/bg_sideulb.gif) no-repeat left center; color:#333;}
.side .sidenav .selectb a{ background:url(../images/bg_sideula.gif) no-repeat left center;color:#333;}
.side .sidenav li .selectb .products a, .content .side .sidenav li .selectb .products a:hover{ background:none;}
.side .sidenav li ul .selectb a .products a{background:none; }
.side .sidenav li .products{ display:table; width:150px; margin:2px 0 0 10px; padding:0;  overflow:auto;}
.side .sidenav li div.products a{ float:left;width:70px; margin:0;padding:4px 0;  background:none; text-align:center;}
.side .sidenav li .products span{ float:left; margin-top:4px;}

.side .sidenav .layer3{}
.side .sidenav .layer3 a{ background:none; padding-left:20px;}






.prod{ width:690px;}
.prod li{ float:left; width:155px; height:209px; margin:0 5px 30px 9px; border:1px solid #ccc;text-align:center; display:inline;}
.prod li img{ width:120px; height:160px; margin:10px 0 15px 0; }
.prod li p{ width:155px; height:23px;  background-color:#fa5100; color:#fff; font-weight:bold; line-height:23px;}
.proimgbox{ float:left; width:385px; height:385px;  border-right:1px solid #ccc; text-align:center;}
.proimgbox .nobod{ background:none; border:none;}
.probig{ width:210px; height:280px;}
.proimgbox ul{ margin:0 auto; width:auto;}
.proimgbox ul li{ float:left; padding:0 15px; border-right: 1px dashed #ccc;}
.proimgbox ul img{ width:60px; height:80px;}
.proimgbox table{ margin:0 auto; border-collapse:collapse;}
.proimgbox table td{padding:0 15px; border-right: 1px dashed #ccc;border-left: 1px dashed #ccc;}
.proimgbox table img{ width:60px; height:80px;}
.proimgdetail{ float:right; width:280px; height:385px; margin:0 15px 0 0;}
.proimgdetail h3{ float:left; margin:30px 10px 0 30px; font-size:24px; color:#1c1c1c;}
.prodetails{ float:left; width:250px; margin-top:60px; padding:30px 10px 10px 20px;  background:url(../images/bg_li.jpg) repeat-x left top; text-align:center;}
.prodetails_top{ width:251px; height:13px; background:url(../images/bg_prodetailtop.jpg) no-repeat left top;}
.prodetails_cent{float:left; width:251px; _margin-top:-1px;  background:url(../images/bg_prodetailcent.jpg) repeat-y left ; text-align:left;}
.prodetails_cent p{ float:left; margin:8px 12px;}
.prodetails_bot{float:left; width:251px; height:13px;_margin-top:-1px; background:url(../images/bg_prodetailbot.jpg) no-repeat left bottom;}
.detailul,.detailulb{ float:left; width:660px; margin:10px; border-bottom:2px solid #f00;display:inline;}
.detailul li{ float:left; margin-right:1px; margin-bottom:-2px;}
.detailul li a{ display:block; width:111px; height:34px; background:url(../images/bg_prodetailnavb.gif) no-repeat left bottom; line-height:36px; text-align:center;}
.detailul li a:hover{ text-decoration:none;}
.detailul .select a{text-decoration:none; background:url(../images/bg_prodetailnav.jpg) no-repeat left bottom; color:#f00; font-weight:bold;}
.phone{ float:left; width:660px; margin:10px; text-align:center; border-collapse:collapse; display:inline;}
.phone td{ width:450px; padding:2px 0; border:1px solid #ccc;}
.phone th{ width:210px;padding:2px 0; border:1px solid #ccc;}


/* CSS Document for contact us */
.cont{ width:680px;  padding:10px 0 0 10px; }
.adres{float:left; width:300px;}
.comname{  height:14px; background:url(../images/bg_conth.gif) no-repeat left top; color:#fa5a2e; font-size:12px; line-height:16px; text-indent:14px;}
.adres p{ margin:5px 0 5px 15px; }
.cont img{ float:right;}
.sumit{ width:660px; margin:10px; border-bottom:2px solid #fd883e;border-top:2px solid #fd883e; border-collapse:collapse;}
.sumit .ina,.sumit .inb{ height:18px; width:160px;margin-right:8px;  border:1px solid #ccc;}
.sumit .inb{width:260px;}
.sumit th,.sumit td{ padding:7px 0 7px 15px; border-bottom:1px solid #ffcfb0; vertical-align:top;}
.sumit th{ background-color:#fff9f5; text-align:center; font-weight:normal;}

/* CSS Document for human resources */
.humtop{ width:665px; margin:0 10px; padding:2px 0; background: #7e7e7e url(../images/bai.gif) no-repeat 8px center; color:#fff;}
.humtop p{ margin:5px 0 4px 18px;}
.humbot{ margin:15px;}
.humbot p{ margin-bottom:20px;}
.detailulb{border-bottom:1px solid #ccc;}
.detailulb li{ float:left; margin-rught:-1px;margin-bottom:-1px;}
.detailulb li a{ display:block; width:105px; height:19px; padding-top:6px; background: url(../images/bg_emplob.gif) no-repeat left top;  text-align:center;}
.detailulb li a:hover{ text-decoration:none;}
.detailulb .select a{ text-decoration:none; background:url(../images/bg_emploa.gif) no-repeat left top; color:#FA5100; font-weight:bold;}
.employ{ float:left; width:665px; margin:0 0 0 8px; text-align:center; border-collapse:collapse; display:inline;}
.employ th{width:185px; padding:3px 0; color:#FA5100; font-weight:normal;  background:url(../images/bg_hui.gif) repeat-x left bottom; border-bottom:1px solid #FA5100;}
.employ td{ width:165px; padding:5px 0; border-bottom:1px solid #ccc;}
.centbotmenu,.centbotmenub{ float:left; width:682px; height:30px; margin:10px 0 0 8px; background:url(../images/bg_employbot.gif) no-repeat left bottom; display:inline;}
.centbotmenub{ background:none; text-align:center;}
.centbotmenub img{ margin:2px 2px 0 2px; }
.centbotmenub a{ margin:0 2px 0 2px;}
.centbotmenu div{ float:left; width:300px; margin:8px 0 0 200px; display:inline;}
.centbotmenu div .select,.centbotmenub .select { font-weight:bold;}
.centbotmenu p{ float:right; width:80px; margin:8px 40px 0 0; display:inline; }

/* CSS Document for news */
.news{width:650px; margin:0 15px; padding:5px 0; border-top:2px solid #fb7433;}
.news li{ width:620px; height:18px; padding:7px 15px 3px 15px; background:url(../images/bg_liyellow.gif) no-repeat 15px 45%; border-bottom:1px solid #ccc; text-indent:10px;}
.news a{float:left; }
.news a:hover,.news a:active{ }
.newsrt{display:block; float:right; height:14px;  }
.newsd{ width:660px;margin:0 15px; padding:3px 0;  text-align:center; border-bottom:2px solid #fb7433;}
.newsd h4{ font-size:14px;}
.newsd p{ float:right; margin:-14px 20px 0 0; display:inline;}
.morenews{ width:660px;margin:10px;}
.xmore{ float:left; margin-left:10px; display: inline;}
.back{ float:right;}
.morenews ul{ float:left; width:660px; padding-top:10px;  border-top:1px solid #ccc;}
.morenews ul li{ padding:4px 8px; background:url(../images/bg_liyellow.gif) no-repeat 10px 45%; text-indent:16px;}



/* CSS Document for service */
.loadown{ float:left; width:670px; margin-left:8px; text-align:left; border-collapse:collapse; display:inline;}
.loadown th{ padding:0px 5px 6px 10px; background:url(../images/bg_hui.gif) repeat-x left bottom;border-bottom:1px solid #f00; font-weight:normal; color:#f00;}
.loadown td{ padding:5px 10px;border-bottom:1px solid #ccc;}
.loadown td img{ margin:0 4px 0 5px;}

.jobshowtab,.jobshowtabc,.jobshowtabd{clear:both;margin:-1px 18px;width:670px;border-collapse:collapse; }
.jobshowtabc,.jobshowtabd{margin:-1px 10px;}
.jobshowtab th, .jobshowtab td,.jobshowtabc td,.jobshowtabc th,.jobshowtabd td,.jobshowtabd th{padding:5px 6px; border:1px solid #ccc;}
.jobshowtab td{ padding:12px 6px;}
.jobshowtabc th,.jobshowtabd th{ text-align:center;background:#f9f9f9;}
.jobshowtab td td,.jobshowtabc td td,.jobshowtabd td td{padding:0;}
.jobshowtabd table td{ border:none; padding:4px 0;}
.jobshowtab thead th{padding:10px;text-align:center;font-size:14px;background:#eee;}
.jobshowtab th{background:#f9f9f9;text-align:right;}
.jobsub{ float:left; margin:20px -200px 20px 250px;text-align:center;display:inline;}
.jobsub input{width:82px;height:26px;line-height:23px;background: url(../images/submit.gif) no-repeat left top;color:#6b6b6b;text-align:center; border:none;}
.problem{ width:660px; margin:10px;}
.problem li{ float:left;border-bottom:1px solid #fff;}
.problem a{ display:block; width:660px; height:23px;  background:url(../images/problembg.gif) no-repeat  left top; color:#fff; cursor:pointer; }
.problem a:hover,.problem .list a{ text-decoration:none;background:url(../images/problembg.gif) no-repeat  left -23px; color:#fff;}
.fl,.fr{ display: block; float:left; margin:4px 0 0 18px; display:inline;}
.fr{ float:right;margin:4px 40px 0 15px;}
.problem li .show{ display:none; float:left; padding:15px 10px 15px 10px; width:638px; line-height:150%;background: url(../images/bg_show.gif) repeat-x top;font-size:12px;}




/* CSS Document for others */
.partner{ width:660px;}
.partner img{ width:115px; height:50px;}
.partner li{ float:left; width:120px; margin:10px 5px 20px 14px; padding:10px 12px; text-align:center; display:inline;}
.map{width:660px; margin-left:10px;}
.content .map li{ float:left; margin:-15px 0 0 0;  }
.content .map li{ _margin-top:0;}
.map li div{ width:160px; min-height:200px;background:url(../images/mapli.gif)  repeat-y  right top;}
* html .map li div{ height:200px;}
.map li div h4{ height:30px; background: #f7f7f7 url(../images/mapli.gif)  repeat-y  right top; line-height:32px; font-size:12px;  border-bottom:1px solid #ccc; border-top:1px solid #ccc;  text-align:center;}
.content .map li div ul li{ margin:5px 0 0 25px;padding:2px 8px; background:url(../images/bg_liyellow.gif) no-repeat 10px 45%; text-indent:16px; border:none; display:inline;}
.map .nobod div,.map .nobod h4 { background:none  ;}
.map .nobod h4{ background-color: #f7f7f7 ;}
#notice{float:left; margin-left:20px;}
#notice a{ color:#777;}
.wang{ border-collapse: collapse;}
.wang th,.wang td{ border:1px  solid #ccc; padding:3px 5px;}
.wang th{ background:##F9F9F9; text-align:center;}
.wang td{}

.proddetail{
	clear:both;
	margin:0 auto;
	width:660px;
	min-height:300px;
}
* html .proddetail{ height:300px; }

/*X*/
.edittext, .edittext p{
	line-height:150%;
}
.edittext ul{ list-style-type:disc;}
.edittext ul li{ margin-left:15px;}
.edittext ul ul{ list-style-type:circle;}
.edittext ul ul ul{ list-style-type:square;}
.edittext ol{ list-style-type:decimal; margin:0; padding-left:15px; padding-right:10px;}
.edittext ol li{ margin-left:25px;}
/*.editortext ol li{list-style-position:inside;}*/

/*editor*/
.edit_table1, .edit_table2, .edit_table3{border-collapse:collapse;}
.edit_table1 th, .edit_table1 td{border:1px solid #000;}
.edit_table2 th, .edit_table2 td{border:1px solid #ccc;}
.edit_table3 th, .edit_table3 td{border:1px solid #fff;}


#code{
vertical-align:middle;
}
.topright, .topright a,  .topright a:hover{ color:#ccc;}
#productshow li{ padding:4px 0;}





/*login*/
.sign{
	padding-bottom:20px;
	padding-left:10px;
}
.bottom{}
.bottom font,.bottom input{
	vertical-align:middle;
}
.bottom .checkbox{
	border:none;
	background:none;
}
.sign{
	padding:20px 0 0 50px;
  height:215px;
  background:url(../images/bg_logo.gif) no-repeat right 140px;
}
.bottom{ padding-top:15px;}
.sign p,.bottom p{
	margin:0;
	padding:0 0 5px 0;
}
.sign input{
	padding:3px 5px;
}
.sign .input{ width:150px;}
.sign a,.sign a:hover{
	color:#3499cf;
}
.signbg{
  padding-left:188px;
  height:299px;
  border:1px solid #dcdcdc;
	background:url(../images/bg_login2.jpg) no-repeat left top;
}
.joblisttop{
  margin-bottom:20px;
  padding:0 0 40px 188px;
  height:299px;
  border-bottom:1px solid #dcdcdc;
	background:url(../images/bg_jobtop.jpg) no-repeat left top;
}
.joblisttop_text{
  padding:10px 0 0 20px;
}
.logintit{ padding:0 50px; height:54px; line-height:54px; background-color:#fff9ed; color:#b9a681; font-size:30px;}