﻿/*reset */
html,body{ text-align:center; margin:0 auto; padding:0; font:12px Arial, Helvetica, sans-serif; background:url(../images/webBG.gif) repeat;}
ul{ list-style:none outside; }/* outsideIE6,7 */
a:link,a:visited{ color:#000; text-decoration:none; }
a:hover{ color:#339900;text-decoration:underline;}
p span{ font-size:14px; font-weight:700;}
html,body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,object,iframe,form,blockquote,fieldset,input,textarea,code,address,caption,cite,code,em,i,ins{margin:0;padding:0;font-style:normal;font-size:12px;font-weight:normal;}
ul,ol{list-style:none;}
img{ border:0 none;}

/*--=clearfix--*/
.wrapper:after{ content:"\0020"; display:block; visibility:hidden; height:0; clear:both;  }
.wrapper{ width:1003px; text-align:center; margin:0; padding:0; background:#fff; zoom:1; height:auto!important; height:1px; min-height:1px; position:relative; }
.wrap:after{content:"\0020"; display:block; visibility:hidden; height:0; clear:both;  }
.wrap{ float:left; zoom:1; position:relative;}
.clearfix:after{content:"\0020"; display:block; visibility:hidden; height:0; clear:both;  }
.clearfix{ zoom:1;height:auto!important; height:1px; min-height:1px; }
/*layout*/
#header{}
#swf{ clear:both; float:left;}
#main{ width:1003px;}
.center{ margin:0px 17px 0px 17px; padding:0px 8px 0px 8px; }
#footer{ clear:both; background:url(../images/copyright.gif) no-repeat bottom; height:32px; text-align:center; line-height:32px; padding:10px 0 0 0; color:#fff;}
#footer .center{  border-top:1px solid #a5a5a5; }
.wrapper ul{ list-style:none; padding:0; margin:0; display:inline-block;}
*html .wrapper ul { display:inline;} /*会被IE6执行*/ 
*+html .wrapper ul { display:inline;} /*会被IE7执行*/ 
#main ul{ width:100%; padding:0px; margin:0px; display:inline-block; }
*html #main ul { display:inline; } /*会被IE6执行*/ 
*+html #main ul { display:inline; } /*会被IE7执行*/ 
#main ul li{ float:left; vertical-align:bottom; }

/*nav*/
#nav{ clear:both; text-align:center;}
#nav ul{ list-style:none; height:38px; text-align:center; line-height:38px; background:url(../images/navBG.gif) repeat-x; }
#nav li{ float:left; width:91px; margin:0 2px 0 0; text-align:center; display:inline;/* border:1px solid #fff;*/ }
#nav a:link,#nav a:visited{ color:#fff; font-weight:700;font-size:14px; display:block; background:url(../images/liBG.gif) no-repeat center; padding:0 10px;}
#nav a:hover{ color:#fff; text-decoration:none;}
#nav ul li a:hover,#nav ul li a:focus,#nav ul li a:active {background-position:-150px 0;}
#topDownNav a:link,#topDownNav a:visited{background:url(../images/navHover.gif) repeat;}
#nav .navL{ width:35px; height:38px; background:url(../images/navL.gif) no-repeat left; }
#nav .website{ width:205px; height:38px; background:url(../images/website.gif) no-repeat right; margin-right:-2px; }
#nav .website a:link,#nav .website a:visited{ background:none; padding:0px; font:12px Arial, Helvetica, sans-serif; font-weight:normal; line-height:38px;}

/*sidebar*/
#sidebar ul{ padding:0px; margin:0px; float:left; width:248px; text-align:center; }
#sidebar ul ul{ width:235px;}
#sidebar ul li{ float:none; margin-bottom:10px; }
#sidebar ul li img{ margin:0 0 0 12px; vertical-align:bottom;}
#sidebar ul li object{ margin:0 0 0 12px; vertical-align:bottom;}
.sidebar{ font:14px Arial, Helvetica, sans-serif; width:190px; color:#fff; font-weight:700; overflow:hidden; text-align:left; padding-left:15px; }
.subnav { background:url(../images/treeBG.gif) repeat top; }
.subnav table{ vertical-align:middle; text-align:center;}
.subnav img{ display:none;}
.subnav td a:link,.subnav td a:visited{ font:12px Arial, Helvetica, sans-serif;
display:block; height:30px; line-height:30px; }
.subnav ul li{ height:22px; line-height:22px; margin:0 -10px;}
#searchTool{ background:url(../images/searchBox.gif) no-repeat center; height:63px; width:202px; color:#fff; line-height:25px; }
#searchTool input{ border:0 none; }
#content{ text-align:left; margin:0px; }
#content ul li{ float:none; }
#content p{ margin:0px; padding:0 10px; text-indent:24px; line-height:33px; text-align:left;}
#content p span{ font-size:14px; font-weight:700; }
#part{ font:14px Arial, Helvetica, sans-serif; font-weight:700; }
#part span{ font:12px Arial, Helvetica, sans-serif; color:#ff7e00; }

/*main*/
#bread-crumb{ text-align:right; border-bottom:1px solid #e5e5e5; line-height:35px; padding-right:10px; }
#banner{ position:relative; margin-top:4px; }
#bannImages{ position:absolute; top:10%; right:50%; }
#logo{ }
#search{ height:38px; background:url(../images/searchBar.gif) no-repeat center; text-align:left; line-height:38px; padding-left:55px; overflow:hidden; }
#search h3{ float:left;}
#search span{ float:right; color:#fff; padding:4px 20px 0 0;}
.wrapper dl{ float:left; margin:5px 0px 5px 12px; display:inline;}
.wrapper h2{ float:left; font-size:14px; font-weight:700;}
.wrap dt span{ margin-right:100px;}
.wrap dt img{}
.wrap dt{ color:#fff;}
.wrap .rBar3{ color:#4c4c4c;}
.wrap dt a{ float:right; padding:13px 13px 0 0;}
#content dl{ margin-right:2px;}
#content .wrap dt{ color:#000;}
#content .wrap dt a{ float:none; padding:0px;}
.content{ padding-top:10px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.part1{ width:270px; height:191px;}
.part2{ width:690px; height:191px;}
.part3{ width:329px; height:190px; margin-left:2px;}
.part4{ width:346px; height:195px; background:#ededed; line-height:26px;}
.part5{ width:240px;}
.part6{ width:684px; background:#f1f1f1; padding:20px;}
.part7{ width:704px; background:#f1f1f1; padding:10px;}
.lBar{ background:url(../images/lBar.gif) no-repeat left; width:232px; height:36px; line-height:36px; text-align:left; padding-left:40px;}
.lBG{ width:272px; height:5px; background:url(../images/lBG.gif) no-repeat top; }
.lBar2{ background:url(../images/lBar2.gif) no-repeat top; width:202px; height:42px; line-height:36px; text-align:left; padding-left:40px;}
.lBG2{ width:242px; height:6px; background:url(../images/lBG2.gif) no-repeat top; }
.rBar{ background:url(../images/rBar.gif) no-repeat left; width:652px; height:36px; line-height:36px; text-align:left; padding-left:40px;}
.rBG{ width:692px; height:5px; background:url(../images/rBG.gif) no-repeat top; }
.rBar2{ background:url(../images/rBar2.gif) no-repeat left; width:293px; height:36px; line-height:36px; text-align:left; padding-left:40px;}
.rBG2{ width:330px; height:6px; background:url(../images/rBG2.gif) no-repeat top; margin-left:2px; }
.rBar3{ background:url(../images/rBar3.gif) no-repeat left; width:318px; height:34px; line-height:34px; text-align:left; padding-left:30px;}
.rBG3{ width:348px; height:4px; background:url(../images/rBG3.gif) no-repeat top;}
.rBar4{ background:url(../images/rBar4.gif) no-repeat left; width:706px; height:35px; line-height:35px; text-align:right; padding-right:20px;}
.rBG4{ width:726px; height:4px; background:url(../images/rBG4.gif) no-repeat top;}
/*home*/
.part2 ul li{ float:left;}
.part2 ul li img{ width:120px; height:100px; border:1px solid #ccc; padding:2px;}
#portfolio ul{ position:absolute; left:0; top:0;}
/*about us*/
.wrapper #content .about h1{ float:none; font-size:14px; color:#00770d; font-weight:700; margin:10px; background:none;}
.wrapper #content .about h2{ float:none; font-size:12px; color:#00770d; font-weight:normal; margin:10px;}
/*contact us*/
.wrapper #content .contact dl{ line-height:23px; margin:30px;}
.wrapper #content .contact dt{ font-size:14px; font-weight:700; color:#3e8d04;}
/*bodies*/
.bodies{ overflow:hidden; height:580px;}
.bodies table{ background:url(../images/bodiesBG.gif) no-repeat center; width:100%; height:300px;}
.bodies td{ font:14px Arial, Helvetica, sans-serif; font-weight:700;}
.bodies td a:link,.bodies td a:visited{ color:#6e3b09;}
.bodies table .headquarters{ width:165px; padding-left:30px;}
.bodies table .headquarters a:link,.bodies table .headquarters a:visited{ font:18px/1 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", Arial, Simsun; font-weight:700; color:#136400;}
.bodies .pic-box-l{ float:left; background:url(../images/pic-box-l.gif) no-repeat right; width:6px; height:159px;}
.bodies .pic-box-c{ float:left; background:url(../images/pic-box-c.gif) repeat-x center top; width:690px; height:159px; line-height:28px;}
.bodies .pic-box-r{ float:left; background:url(../images/pic-box-r.gif) no-repeat left; width:6px; height:159px;}
.bodies .pic-box-c dt{ font-size:14px; font-weight:700; line-height:40px;}
.bodies .pic-box-c dd a{ float:left; width:111px; text-align:center;}
/*culture*/
.culture{ text-align:center;}
.culture table table{ width:550px; text-align:left;background:url(../images/dashed-01.gif) repeat-x bottom;}
.culture table table td{  height:33px;}
.culture table table td a{ font:14px Arial, Helvetica, sans-serif; font-weight:700;}

.recruitment {  margin-bottom:30px;}
.recruitment a:link,.recruitment a:visited{ color:#d90000;}
.date{ color:#1f7900;}
/*layout*/
.wrapper #content h1{ font:24px/1.5 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", Arial, Simsun; font-weight:700; background:url(../images/dashed-01.gif) repeat-x bottom; margin-bottom:30px; color:#000; line-height:23px; padding-bottom:20px; text-align:left;}
.wrapper #content h1 span{ font-size:12px; margin-left:10px;}

/*Controls'style*/
.product{ border:1px solid #d4d4d4; background:#ffffff;  width:150px; height:145px; padding:4px 2px 2px 2px; text-align:center; }
.ff-product dd{ background:#f0eddd;}
#preview img{ width:305px; height:250px;}
.pre{ position:absolute; top:32%; left:40px;}
.next{ position:absolute; top:32%; right:40px;}
.txtSearch{ width:150px; padding:0px 0; height:20px; vertical-align:middle; border:0 none; line-height:20px; color:#b8b8b8; padding-left:10px; margin-bottom:5px; }
.btnSearch{ width:27px; padding:5px 0; height:29px; vertical-align:middle; border:0 none; background:url(../images/btnSearch.gif) no-repeat center; cursor:pointer; margin-left:10px;}
.products-data dt{ background:url(../images/titleBG.gif) no-repeat left center; font:14px Arial, Helvetica, sans-serif; font-weight:700; color:#2d7c00; padding-left:20px; height:17px; line-height:17px;}
.products-data dd{ padding:15px 0px 30px 20px; width:550px; line-height:24px; }
.products-data p{ text-align:left; width:550px; text-indent:24px; color:#565656; padding:20px 0 0 0; }
#pub_slideplay img{ width:230px;}
.info td{ text-align:left; font-weight:700; font-size:14px;}
.p{ background:url(../images/dashed-01.gif) repeat-x top; margin-top:30px; padding-top:30px;}
.picList table{ margin:10px; text-align:center;}
/*copyRight*/