/* CSS Document */
.globalPos{ position:relative; width:978px; margin-left:auto; margin-right:auto;}

#top{ height:68px; background:url(pic_logo.gif) left bottom no-repeat;}
#top ul{ width:100%; margin-top:20px; float:left;}
#top ul li{ height:14px; line-height:14px; margin-top:10px; text-align:right;}
#top ul,#top ul li a,#top ul li a:hover{ color:#9b9999;}

#nav{ height:342px; z-index:5;}

#main{ height:193px; background:url(bg_main.gif) center top no-repeat; margin-top:-24px; z-index:1;}
.ind_prod,.ind_news,.ind_search{ height:168px; margin-top:18px; float:left;}
.ind_prod p,.ind_news p,.ind_search p{ width:100%; height:20px; font-family:Arial, Helvetica, sans-serif; color:#9b9999; line-height:20px; text-align:right;}
.ind_prod p a,.ind_news p a,.ind_search p a{ color:#9b9999; margin-right:9px;}
.ind_p01{ background:url(ind_prod.gif) left bottom no-repeat;}
.ind_p02{ background:url(ind_news.gif) left bottom no-repeat;}
.ind_p03{ background:url(ind_search.gif) left bottom no-repeat;}
.ind_prod{ width:320px; margin-left:14px; display:inline;}
.showProd{}
.ind_news{ width:358px; margin-left:28px;}
.showNews,.newsList{ margin-top:16px; float:left;}
.showNews{ width:142px;}
.newsList{ width:216px;}
.newsList li{ width:200px; padding-left:16px; height:26px; background:url(pic_arrow.gif) left 2px no-repeat; float:left;}
.newsList li a,.newsList li span{ display:block; float:left;}
.newsList li a{ width:140px;}
.newsList li span{ width:60px; text-align:right;}
.ind_search{ width:216px; margin-left:28px;}
.ind_search ul{ width:100%;}
.ind_search ul li{ width:100%; float:left;}
.ind_search .ser01{ height:24px; margin-top:4px;}
.ind_search .ser01 select{ width:148px; float:left;}
.ind_search .ser01 input{ width:54px; height:18px; border:0; margin-left:4px; background:url(search_btn.gif) no-repeat; float:left;}
.ind_search .ser02{ height:24px; margin-top:4px; background:url(search_pic.gif) 170px 0 no-repeat;}
.ind_search .ser02 input{ width:142px; height:16px; line-height:16px;}
.ind_search .ser03{ height:84px; margin-top:6px;}
.ind_search .ser03 img{ float:left;}

#links{ height:34px; background:#0b95dc; overflow:hidden; margin-top:4px;}
#links img{ margin:1px 2px; float:left;}

#foot{ padding-top:40px; margin-top:6px; border-top:3px solid #ededed; background:url(pic_foot.gif) left 7px no-repeat; clear:both;}
#foot ul{ line-height:18px; color:#989a9a; float:left;}
.foot01{ width:60%;}
.foot02{ width:40%; text-align:right;}

/*---------------------other pages-------------------*/
#othNav{ height:38px; margin-top:8px; background:url(bg_nav.gif) repeat-x;}
#othNav ul{ height:38px; margin-left:4px;}
#othNav ul li{ width:106px; height:38px; float:left;}
#othNav ul li a{ display:block; color:white; font-weight:700; width:104px; height:38px; line-height:38px; text-align:center;}
#othNav ul li a:hover,.ohtNav_cur{ color:white; text-decoration:none; background:url(bg_nav_over.gif) center center no-repeat;}
#othNav .liLine{ background:url(line_nav.gif) right no-repeat;}

#othCont{ background:url(bg_oth.gif) top repeat-x; overflow:auto;}
.contLeft,.contRight{ float:left;}
.contLeft{ width:260px;}
.columnName{ height:84px;}
.columnName01{ background:url(pic_leftTil.gif) 0 bottom no-repeat;}
.columnName02{ background:url(pic_leftTil.gif) -260px bottom no-repeat;}
.columnName03{ background:url(pic_leftTil.gif) -520px bottom no-repeat;}
.columnName04{ background:url(pic_leftTil.gif) -780px bottom no-repeat;}
.columnName05{ background:url(pic_leftTil.gif) -1040px bottom no-repeat;}
.columnName06{ background:url(pic_leftTil.gif) -1300px bottom no-repeat;}
.columnName07{ background:url(pic_leftTil.gif) -1560px bottom no-repeat;}
.columnName08{ background:url(pic_leftTil.gif) -1820px bottom no-repeat;}
.leftNav li{ height:24px; margin-top:6px;}
.leftNav li a{ display:block; width:164px; height:23px; line-height:24px; margin-left:20px; text-indent:22px; overflow:hidden; border-bottom:1px solid #eae9e9;}
.leftNav li a:hover,.leftNav_cur{ color:white; text-decoration:none; background:url(bg_leftnav_over.gif) left 2px no-repeat;}
.leftBg{ height:200px;}
.leftBg01{ background:url(pic_leftBg.gif) -40px 0 no-repeat;}
.leftBg02{ background:url(pic_leftBg.gif) -300px 0 no-repeat;}
.leftBg03{ background:url(pic_leftBg.gif) -560px 0 no-repeat;}
.leftBg04{ background:url(pic_leftBg.gif) -820px 0 no-repeat;}
.leftChat{ padding-left:18px;}


.contRight{ width:718px; overflow:hidden; }
.rightBg01{ background:url(pic_rightBg.gif) 0 0 no-repeat;}
.rightBg02{ background:url(pic_rightBg.gif) -718px 0 no-repeat;}
.rightBg03{ background:url(pic_rightBg.gif) -1436px 0 no-repeat;}
.rightBg04{ background:url(pic_rightBg.gif) -2154px 0 no-repeat;}
.rightTil{ height:46px; margin-top:74px;}
.rightTil01{ background:url(pic_rightTil.gif) 16px 0 no-repeat;}
.rightTil02{ background:url(pic_rightTil.gif) 16px -46px no-repeat;}
.rightTil03{ background:url(pic_rightTil.gif) 16px -92px no-repeat;}
.rightTil04{ background:url(pic_rightTil.gif) 16px -138px no-repeat;}
.rightTil05{ background:url(pic_rightTil.gif) 16px -184px no-repeat;}
.rightTil06{ background:url(pic_rightTil.gif) 16px -230px no-repeat;}
.rightTil07{ background:url(pic_rightTil.gif) 16px -276px no-repeat;}
.rightTil08{ background:url(pic_rightTil.gif) 16px -322px no-repeat;}
.rightTil09{ background:url(pic_rightTil.gif) 16px -368px no-repeat;}
.rightTil10{ background:url(pic_rightTil.gif) 16px -414px no-repeat;}
.rightTil11{ background:url(pic_rightTil.gif) 16px -460px no-repeat;}
.rightTil12{ background:url(pic_rightTil.gif) 16px -506px no-repeat;}
.rightTil13{ background:url(pic_rightTil.gif) 16px -552px no-repeat;}
.rightTil14{ background:url(pic_rightTil.gif) 16px -598px no-repeat;}
.rightTil15{ background:url(pic_rightTil.gif) 16px -644px no-repeat;}
.rightTil16{ background:url(pic_rightTil.gif) 16px -690px no-repeat;}

.rightPos{ height:24px; line-height:24px; padding-left:24px;}
.rightPos span{ padding:0 4px;}
.rightPos code{ color:#008ed6;}

.about01{ line-height:20px; padding-right:24px;}
.about01Bg{ padding-bottom:250px; background:url(jpg01.gif) left bottom no-repeat;}

.honor{ width:220px; margin-top:8px; float:left;}
.honor .honor01{ height:210px; background:url(bg_honor.gif) center top no-repeat;}
.honor .honor01 img{ width:160px; height:210px; margin-left:30px;}
.honor .honor02{ height:28px; line-height:28px; text-align:center; overflow:hidden;}
.honor .honor03{ height:160px; background:url(bg_honor.gif) center -25px no-repeat;}
.honor .honor03 img{ width:160px; height:160px; margin-left:30px;}

.honor1{ width:220px; margin-top:8px; float:left;}
.honor1 .honor01{ height:210px; background:url(bg_honor1.gif) center top no-repeat;}
.honor1 .honor01 img{ width:167px; height:136px; margin-left:30px;}
.honor1 .honor02{ height:28px; line-height:28px; text-align:center; overflow:hidden;}
.honor1 .honor03{ height:167px; background:url(bg_honor1.gif) center -25px no-repeat;}
.honor1 .honor03 img{ width:167px; height:136px; margin-left:27px; margin-top:12px;}

#turnPage{ width:100%; height:32px; line-height:18px; margin-top:12px; text-align:center; clear:both;}
#turnPage div{ margin-left:30%;}
#turnPage a{ display:block; width:17px; height:18px; text-align:center; float:left;}
#turnPage a:hover,.pageCur{ color:#7fa8c2;}

.news ul{ height:18px; line-height:16px; margin:12px auto auto 24px; padding-left:18px; background:url(pic_til01.gif) 0 center no-repeat;}
.news ul li{ height:16px; border-bottom:1px solid #8e8e8e; float:left;}
.newsLi01{ width:500px;}
.newsLi02{ width:100px; text-align:right;}
.news ul li a:hover{ color:black; text-decoration:none;}

.customer{ width:660px;}
.customer li{ width:220px; height:52px; margin-top:8px; text-align:center; float:left;}
.customer li img{ width:160px; height:50px; border:1px solid #ccc;}

.job_til{ width:680px; height:40px; clear:both; background:url(pic_job.gif) no-repeat;}
.job_til02{ width:680px; height:40px; clear:both; background:url(pic_job02.gif) no-repeat;}
.job_ul{ width:660px; padding:0 10px; line-height:24px;  margin-top:12px; border-bottom:1px solid #ccc;}

.job ul{ width:100%; float:left;}
.job ul li{ padding:4px 0; line-height:20px; float:left;}
.job ul .job_li01{ width:14%; text-align:center;}
.job ul .job_li02{ width:80%;}
.job ul span{ color:red; padding-left:5px;}

.contact{ width:100%; padding-top:24px; padding-bottom:120px; background:url(bg_contact.gif) left bottom no-repeat; clear:both; float:left;}
.contact_ul{ width:36%; padding-left:4%; line-height:20px; float:left;}
.btn_msg{ width:155px; height:27px; line-height:27px; color:white; border:none; cursor:pointer; background:url(btn_msg.gif) no-repeat;}

.site01{ width:100%; height:50px; background:url(pic_map.gif) left center no-repeat;}
.siteMap{ position:relative; width:718px; margin:24px auto auto 260px; padding-bottom:220px; background:url(bg_map.gif) right bottom no-repeat; overflow:auto;}
.siteMap div{ width:100%; float:left; margin-top:6px;}
.siteMap ul{ width:204px; float:left;}
.siteMap ul .mapTil{ height:26px; line-height:26px; padding-left:34px; background:url(til_map.gif) 18px 9px no-repeat;}

.sales{ padding-left:24px;}