* {margin: 0px;padding: 0px;}
body, h1, p, input, textarea, select { font: 12px Arial, Helvetica, sans-serif, "ËÎÌå"; color: #333; }
h1, h2, h3 ,h4, h5 { font-size: 12px; }
ol, ul { list-style: none;}
img { border: 0;}
a { color: #369; text-decoration: none; }
a:hover { color: #369; text-decoration: underline; }

#doc { width: 960px; margin: 0 auto; }
#header { background: url(../images/logo.gif) no-repeat 30px center; margin-bottom: 4px; }
#header-en { background: url(../images/logo-en.gif) no-repeat 10px center; margin-bottom: 4px; }
#nav { }
#content { overflow:hidden; zoom: 1; padding-bottom: 4px; }
#left { float: left; width: 300px; }
#center { margin: 0 175px 0 310px; }
#right { float: right; width: 165px; }
#footeren { clear: both; padding: 10px 130px 20px 10px; border-top: solid #62a1c2 1px; color: #62a1c2; background: url(../images/hl.gif) no-repeat right center; line-height: 20px;  }
#footer { clear: both; padding: 10px 130px 20px 10px; border-top: solid #62a1c2 1px; color: #62a1c2; background: url(../images/haier_link.gif) no-repeat right center; line-height: 20px;  }
.footerMenu { float: right; }
.footerMenu a { color: #e42f6d; text-decoration: none; }
.footerMenu a:hover { color: #e42f6d; text-decoration: underline; }
.contactPhoto { display: inline-block; padding: 0 20px; background: url(../images/48.gif) no-repeat left center; }
.language { text-align: right; padding: 10px; color: #ccc; width: 150px; float: right; }
.logo { width: 350px; float: left; height: 50px; overflow: hidden; }
.logo a { display: block; height: 50px; line-height: 200px;}
.tabs { overflow: hidden; zoom: 1; border-bottom: solid #369 4px; padding: 0 10px 0 0; clear: both; }
.tabs ul { text-align: right; }
.tabs li { display: inline; }
.tabs a { display: inline-block; background: url(../images/nav_left.gif) no-repeat left top; padding: 0 0 0 8px; text-decoration: none; }
.tabs a span { display: inline-block; background: url(../images/nav_right.gif) no-repeat right top; padding: 6px 8px 3px 0; font-weight: bold; }
.tabs a:hover { background: url(../images/nav_over_left.gif) no-repeat left top; }
.tabs a:hover span { color: #fff; cursor: pointer; background: url(../images/nav_over_right.gif) no-repeat right top; }
.tabs a.current { background: url(../images/nav_over_left.gif) no-repeat left top; }
.tabs a.current span { color: #fff; cursor: pointer; background: url(../images/nav_over_right.gif) no-repeat right top; }
.banner { margin-bottom: 4px; }
.title { padding: 6px 15px 4px; color: #369; font-size: 12px; font-weight: bold; border-bottom: solid #369 1px; background: url(../images/arrow3.gif) no-repeat left center; }
.news { }
.newsHot { padding: 10px 5px; overflow: hidden; zoom: 1;  }
.newsHotImg { display: block; float: left; width: 70px; }
.newsHot h4 { font-size: 12px; padding-bottom: 3px; margin-left: 80px; }
.newsHot p { line-height: 20px; margin-left: 80px; color: #999; }
.newsHotList li { display: block; background: url(../images/arrow.gif) no-repeat 2px 7px; padding: 3px 0 3px 15px; border-bottom: solid #ebf5ff 1px; }
.newsHotList li em { float: right; font-style: normal; padding-right: 20px; }
.newProduct { }
.newProduceTitle { padding: 5px 20px; color: #369; font-size: 12px; font-weight: bold; border-bottom: solid #369 1px; }
.newProductList { display: block; overflow: hidden; zoom: 1; padding: 5px 0; text-align:center; }
.newProductList li { width: 152px; display: block; float: left; border: solid #fff 1px; background: #fff; text-align: center; padding: 10px 0; margin-right: 2px!important; margin-right: 1px; }
.newProductList li:hover { border: solid #f5f5f5 1px; }
.newProductList li a { display: block; /*background: url(../images/arrow4.gif) no-repeat 5px 18px;*/ padding: 15px 0 0 15px; }
.about { display: block; overflow: hidden; }
.about li { width: 230px; display: block; float: left; background-color: #d6ebff; margin-bottom: 5px; margin-right: 10px; }
.aboutImg { float: left; width: 85px; }
.about li b { display: block; margin-left: 85px; padding: 8px 0 5px; }
.about li span { display: block; margin-left: 85px; padding: 3px 0; color: #62a1c2; }
.about li.aboutRight { margin-right: 0px; }
.search { padding-bottom: 10px; }
.search p { padding: 10px 0 0; color: #62a1c2; line-height: 20px; }
.search select { color: #62a1c2; background: #ebf5ff; border: 1px; width: 160px; }
.inputButton { background: #369; padding: 3px 6px 0px; color: #fff; border-bottom: solid #036 1px; border-left: solid #036 1px; border-top: solid #d6ebff 1px; border-right: solid #d6ebff 1px; }
.download ul { overflow: hidden; zoom:1; padding: 5px 0 0; display: block;}
.download li { display: block; float: left; overflow: hidden; }
.download li.space30 { width: 30px; padding: 0px; border: none; }
.download .title { width: 170px; }
a.more { float: right; text-align: right; font-weight: normal; color: #999; text-decoration: none; }
a.more:hover { color: #999; text-decoration: underline; }
.event {}
.space1 { width: 5px; }
.space2 { width: 40px; }

.crumb { padding: 10px 25px; margin-bottom: 10px; border-bottom: solid #ddd 1px; background: url(../images/arrow5.gif) no-repeat 10px center; }
.crumb a, .crumb a:hover { color: #333; }
.aboutArea .column { width: 150px; }
.aboutArea .pageContent { margin-left: 160px; }
.aboutPageMenu { padding: 10px 0; overflow: hidden; zoom: 1; }
.aboutPageMenu li { display: block; width: 340px; float: left; margin: 5px 20px 20px; border-left: solid #069 5px; overflow: hidden; zoom: 1; }
.aboutPageMenuImg { width: 75px; float: left; }
.aboutPageMenuText { margin-left: 90px; line-height: 18px; }
.aboutPageMenuText h3 { font-size: 12px; font-weight: bold; color: #ed0180; margin: 0px; }
.column { float: left; width: 200px; padding: 10px 10px 20px 0; }
.column li { padding: 10px 10px 10px 20px; border-bottom: dotted #ccc 1px; }
.column li li { border: none; padding: 10px 0 0 20px; background: url(../images/arrow4.gif) no-repeat 5px 15px; }
.pageContent { margin-left: 210px; padding: 10px; }
.aboutContent { line-height: 25px; }
.pageContent p { margin: 10px 0; text-indent: 2em; line-height: 25px; }
.aboutTitle { height: 120px; clear: both; background: url(../images/page_about.jpg); }
.aboutProduct { height: 120px; clear: both; background: url(../images/page_product.jpg); }
.aboutNews { height: 120px; clear: both; background: url(../images/page_news.jpg); }
.aboutJob { height: 120px; clear: both; background: url(../images/page_job.jpg); }
.aboutGuestBook { height: 120px; clear: both; background: url(../images/page_book.jpg); }
.aboutService { height: 120px; clear: both; background: url(../images/page_service.jpg); }
.en-aboutTitle { height: 120px; clear: both; background: url(../images/en_page_about.jpg); }
.en-aboutProduct { height: 120px; clear: both; background: url(../images/en_page_product.jpg); }
.en-aboutNews { height: 120px; clear: both; background: url(../images/en_page_news.jpg); }
.en-aboutJob { height: 120px; clear: both; background: url(../images/en_page_job.jpg); }
.en-aboutGuestBook { height: 120px; clear: both; background: url(../images/en_page_book.jpg); }
.en-aboutService { height: 120px; clear: both; background: url(../images/en_page_service.jpg); }
.aboutArea { overflow: hidden; zoom: 1; }
.company { margin-left: 160px; padding: 10px; overflow: hidden; zoom:1; }
.companyMenu { margin: 10px 0; border-bottom: solid #069 1px; overflow: hidden; zoom: 1; clear: both; }
.companyMenu li { display: block; padding: 5px 20px; float: left; }
.companyMenu li.companyMenuCulture { background: #069; color: #fff; font-weight: bold; }
.companyContent { overflow: hidden; }
.companyContent p { margin: 10px 0; line-height: 20px; text-indent: 2em; }
.companyImg { padding: 5px; margin: 10px; float: right; border: solid #ccc 1px; } 
.companyContent h2 { padding: 5px; background: #d2dde4; }
.companyContent h3 { padding: 5px; border-bottom: solid #d2dde4 1px; clear: both; }
.honorContent { overflow: hidden; }
.honorContent h3 { padding: 5px; border-bottom: solid #d2dde4 1px; clear: both; }
.honorContent ul { overflow: hidden; zoom: 1; padding: 10px 0; }
.honorContent li { width: 180px; padding-right: 20px; float: left; height: 220px; } 
.honorContent li .honorImg { width: 151px; height: 150px; padding: 1px 1px 1px 0; border: solid #ddd 1px; line-height: 150px; text-align: center; overflow: hidden; margin-bottom:5px; }
.honorContent li .honorImg img { vertical-align: middle; }
.honorContent li img.spaceImg { height: 150px; }
.honorContent li a.honorName { line-height: 20px; }
.distanceItem { padding: 10px; overflow: hidden; zoom: 1; }
.distanceImg { padding: 10px; float: left; }
.distanceCon { margin-left: 150px; line-height: 25px; padding: 10px 0; }
.tachImg1 { padding: 10px 10px 10px 0; float: left; }
.tachCon { margin-left: 140px; }
.tachCon p { text-indent: 0px; }

.honorName{color:#336699; line-height:15px;}

.history { overflow: hidden; zoom: 1; margin-left: 160px; }
.historyContent p { padding: 5px; overflow: hidden; zoom: 1; margin: 0 0; text-indent: 0px; }
.historyContent p em { float: left; display: block; width: 65px; text-align: center; font-weight: bold; font-style: normal; line-height: 20px; }
.historyContent p span { display: block; margin-left: 70px; line-height: 20px; border-bottom: dotted #ddd 1px; padding: 0px; }
.culture { overflow: hidden; zoom:1;  margin-left: 160px;}
.aboutSubTitle { border-left: solid #069 5px; overflow: hidden; padding: 5px 20px; margin: 0 0 10px 0; font-size: 14px; font-weight: bold; }

.column .search { padding: 10px 0; }
.productColumn { float: left; width: 200px; padding: 10px 0 20px; }
.productColumn ul { }
.productColumn li { display: block; padding: 5px 10px 5px 20px; border-top: solid #9cf 1px; background: #e6f2fe; margin-bottom: 3px; }
.productColumn ul ul { padding: 5px 0; }
.productColumn li li { border: none; padding: 0 0 0 30px; background: #fff; border-bottom: none; padding: 5px; line-height: 20px; margin-bottom: 1px; }
.productCategory { overflow: hidden; zoom: 1; }
.productCategory li { width: 145px; float: left; display: block; padding: 0px; }
.productCategory h3 { border: solid #ddd 1px; padding: 1px; font-size: 12px; font-weight: bold; line-height: 20px; text-align: center; width: 130px; }
.productCategory li ul { padding: 5px 0; }
.productCategory li li { display: block; width: 130px; float: none; padding: 5px 0 5px 15px; background: url(../images/arrow.gif) no-repeat left 8px; }
.productTitle { padding: 10px; margin-bottom: 10px; border-bottom: solid #069 2px; font-size: 14px; font-weight: bold; }
.productTitleSub { padding: 10px 30px; margin-bottom: 10px; font-size: 12px; font-weight: bold; background: url(../images/arrow.gif) no-repeat 10px center; overflow: hidden; zoom: 1; }
.buy { border: 0px; background: url(../images/buy.gif) no-repeat center center; width: 50px; height: 22px; color: #fff; font-weight: bold; }

.newsTitle { padding: 10px; margin-bottom: 10px; border-bottom: solid #069 2px; font-size: 14px; font-weight: bold; }
.newsMenu { overflow: hidden; zoom: 1; padding: 20px 0; }
.newsMenu li { display: block; padding: 1px; width: 350px; float: left; border: solid #ddd 1px; margin-right: 10px; }
.newsMenu li img { float: left; }
.newsMenu li h5 { font-size: 12px; font-weight: normal; line-height: 20px; margin-left: 160px; }
.newsContent { overflow:hidden; margin-left: 210px; padding: 10px; }
.newsItem li { display: block; padding: 10px; border-bottom: dotted #ddd 1px; overflow:hidden; zoom: 1; }
.newsItemImg { display: block; float: left; padding: 1px; border: solid #ddd 1px; }
.newsItemText { margin-left: 90px; }
.newsItemText h3 { font-size: 12px; font-weight: bold; line-height: 2em; }
.newsItemText em { float: right; font-weight: normal; font-style: normal; color: #666; }
.newsItemText p { line-height: 2em; }
.link { padding-top: 20px; } 
.link li { display: block; border: none; }
.back { float: right; }

.productContent { padding: 10px; margin-left: 210px;}
.productList { overflow: hidden; zoom: 1; }
.productList li { display: block; width: 320px; float: left; border-bottom: solid #ddd 1px; padding: 20px; }
.productList h4 { padding: 5px; font-size: 12px; }
.productListContent { padding: 5px; overflow: hidden; zoom: 1; }
.productImg { width: 85px; float: left; border-right: dotted #ddd 1px; }
.productInfo { margin-left: 85px; padding-left: 10px; line-height: 25px; }
.spoorNav { padding: 10px 25px; border-bottom: dotted #c3d6e8 1px; background: url(../images/arrow5.gif) no-repeat 10px center; color: #333; margin-bottom: 10px;}
.spoorNav a, .spoorNav a:hover { color: #333; }
.productView { padding: 10px 0; }
.productViewTop { overflow: hidden; zoom: 1; }
.productViewImg { width: 200px; float: left; text-align: center; }
.productViewInfo { width: 500px; float: right; }
.productViewInfo h1 { font-size: 14px; padding: 10px; }
.productViewInfo p { padding: 5px; } 
.productDetail { clear: both; padding: 10px 0; }
.productDetail h3 { padding: 5px; border-top: solid #62a1c2 1px; background: #d6ebff; margin: 10px 0; }
.productDetail p { padding: 5px; }
.productDetail ul { padding: 5px; }
.productDetail li { padding: 5px; font-weight: bold; }
.productDetail li li { font-weight: normal; }
.productDetail table { width: 95%; border-collapse: collapse; }
.productDetail th { font-weight: normal; border-bottom: solid #ddd 1px; padding: 5px; text-align: left; }
.productDetail td { padding: 5px; }

.aboutMenu { float: left; width: 165px; margin-bottom: 30px; overflow: hidden; }
.aboutMenu ul { overflow: hidden; zoom: 1; padding: 10px 0 10px 10px; }
.aboutMenu li { display: block; padding: 0 0 10px 0; }
.aboutMenu li a { display: block; padding: 8px 10px 0px 40px; height: 21px; background: url(../images/about_menu.gif) no-repeat 0px 0px; }
.aboutMenu li a:hover { background: url(../images/about_menu.gif) no-repeat 0px -40px; color: #fff; text-decoration: none; }
.guestBookContent { margin: 5px 0 0 0; overflow: hidden; zoom: 1; }
.guestBookWrap { float: left; padding: 20px; }
.serviceWrap { float: left; padding: 20px 0 20px 100px; }
.contactContent { margin-top: 5px; overflow: hidden; zoom:1; }
.serviceWrap li { display: block; padding: 15px 30px; }
.serviceWrap h3 { padding: 5px; border-top: solid #62a1c2 1px; background: #d6ebff; margin: 10px 0; }
.serviceWrap h4 { padding: 5px; font-weight: bold; }
.serviceWrap  p { padding: 10px; text-indent: 1.5em; }

.add { background: url(../images/arrow_branch.gif) no-repeat left center; }
.people { background: url(../images/group.gif) no-repeat left center; }
.phone { background: url(../images/telephone.gif) no-repeat left center; }
.pnc { background: url(../images/world.gif) no-repeat left center; }
.fax { background: url(../images/printer.gif) no-repeat left center; }
.email { background: url(../images/email.gif) no-repeat left center; }
.tel { background: url(../images/tel.gif) no-repeat left center; }
.pro { background: url(../images/pro.gif) no-repeat left center; }
.jobWrap { float: left; padding: 20px 0 20px 100px; width: 600px; }
.jobWrap th { text-align: left; color: #069; padding: 5px; border-bottom: solid #069 1px; }
.jobWrap td { padding: 5px; border-bottom: solid #ccc 1px; }
.jobContent { padding-top: 5px; overflow: hidden; zoom:1; }
.jobContent h3 { font-size: 12px; padding: 5px; border-top: solid #62a1c2 1px; background: #d6ebff; margin-bottom: 10px; }
.jobContent p { padding: 10px 25px; line-height: 1.5em; margin: 0px; }
.textBox { border: solid #ddd 1px; padding: 2px; width: 200px; }
.textArea { border: solid #ddd 1px; padding: 2px; width: 400px; height: 100px; overflow: hidden; }