/*
 * @name: EBL layout style
 * @date: 10:08 2010-04-26 星期一
 */



/**********
 * Global
 **********/
#www-eb-com{ font:12px/24px "\5B8B\4F53", sans-serif}

#pixel-perfect{ position:absolute;top:0;left:129px}

/* link */
.por{cursor:pointer}
a:link,
a:visited,
.por{ color:black}
a:link,a:visited{ text-decoration:none}
a:hover{color:gray}
#p { width:969px; margin:0 auto;}
/* hide text */
#logo{ text-indent:-9999px;}



/**********
 * Header
 **********/
#header { background:url(../img/headBg.jpg) no-repeat 0 0; width:969px; height:97px;}
.en #header {background:url(../img/headBg_en.jpg) no-repeat 0 0;}
#hd_top { height:67px; overflow:hidden;}
#logo{display:block; width:490px; height:67px;float:left;}
#search { float:left; display:inline; margin-left:84px; margin-top:30px;}
.search_input { width:88px; border:1px solid #c4c4c4; line-height:18px; padding:2px; _padding:1px 2px 3px 2px;}
.search_go { background:url(../img/go.jpg) no-repeat left center; border:0 none; cursor:pointer; text-indent:-99999px; width:25px;}
#menu { float:left; display:inline; margin-left:47px; height:57px; width:220px;overflow:hidden;padding-top:10px;}
#quick_menu li { float:left; display:inline; margin-right:10px;_margin_left:7px;}
.en #menu { margin-left:0px;}
#quick_menu li a { display:block; background:url(../img/arrow_blue.jpg) no-repeat left center; padding-left:11px; color:#969493;}
#quick_menu li#english a { font-family:Arial, Helvetica, sans-serif;}
#weather { clear:both;  height:19px;}


#nav_day { width:842px; height:30px; margin-left:127px;clear:both; position:relative; background:url(../img/navBg.jpg) no-repeat;}
#mainNav { position:relative; width:681px; height:30px; background:url(../img/nav_day.jpg) no-repeat; }
.en #mainNav { position:relative; width:681px; height:30px; background:url(../img/nav_day_en.jpg) no-repeat; }
#mainNav li { float:left; margin-right:1px; cursor:pointer;}
#mainNav li a.menulink{overflow:hidden;}

#mainNav li#home { width:73px;}
#mainNav li#home a.menulink { width:73px; background-position:0 0;}
#mainNav li#home a.menulink:hover { background:url(../img/navhover.jpg) no-repeat 0 0;}
.en #mainNav li#home a.menulink:hover { background:url(../img/navhover_en.jpg) no-repeat 0 0;}

#mainNav li#about a.menulink{ width:87px; background-position:-74px 0;}
#mainNav li#about a.menulink:hover { background:url(../img/navhover.jpg) no-repeat -74px 0;}
.en #mainNav li#about a.menulink:hover { background:url(../img/navhover_en.jpg) no-repeat -74px 0;}

#mainNav li#zixun a.menulink { background-position:-162px 0; width:89px;}
#mainNav li#zixun a.menulink:hover {background:url(../img/navhover.jpg)  no-repeat -162px 0;}
.en #mainNav li#zixun a.menulink:hover { background:url(../img/navhover_en.jpg) no-repeat -162px 0;}

#mainNav li#chanxueyan a.menulink { width:94px; background-position: -252px;}
#mainNav li#chanxueyan a.menulink:hover {background:url(../img/navhover.jpg)  no-repeat -252px 0; }
.en #mainNav li#chanxueyan a.menulink { width:102px; background-position: -252px;}
.en #mainNav li#chanxueyan a.menulink:hover { background:url(../img/navhover_en.jpg) no-repeat -252px 0;}

#mainNav li#chanpin a.menulink { background-position:-347px 0; width:76px;}
#mainNav li#chanpin a.menulink:hover {background:url(../img/navhover.jpg)  no-repeat -347px 0;}
.en #mainNav li#chanpin a.menulink { background-position:-355px 0; width:79px;}
.en #mainNav li#chanpin a.menulink:hover {background:url(../img/navhover_en.jpg)  no-repeat -355px 0;}

#mainNav li#zhaoxian a.menulink { background-position:-424px 0; width:89px;}
#mainNav li#zhaoxian a.menulink:hover { background:url(../img/navhover.jpg)  no-repeat -424px 0;}
.en #mainNav li#zhaoxian a.menulink { background-position:-435px 0; width:66px;}
.en #mainNav li#zhaoxian a.menulink:hover { background:url(../img/navhover_en.jpg)  no-repeat -435px 0;}

#mainNav li#fuwu a.menulink { background-position:-514px 0; width:89px;}
#mainNav li#fuwu a.menulink:hover {background:url(../img/navhover.jpg)  no-repeat -514px 0;} 
.en #mainNav li#fuwu a.menulink { background-position:-502px 0; width:69px;}
.en #mainNav li#fuwu a.menulink:hover {background:url(../img/navhover_en.jpg)  no-repeat -502px 0;} 

#mainNav li#link a.menulink { background-position:-604px 0; width:76px;}
#mainNav li#link a.menulink:hover { background:url(../img/navhover.jpg)  no-repeat -604px 0;}
.en #mainNav li#link a.menulink { background-position:-572px 0; width:91px;}
.en #mainNav li#link a.menulink:hover { background:url(../img/navhover_en.jpg)  no-repeat -572px 0;}

#mainNav li ul { display:none;position:absolute;z-index:500;top:30px;opacity:0; background:url(../img/mainnav_fbgg.jpg) repeat; overflow:hidden;}
#mainNav li  ul li { float:none; background:url(../img/mainnav_fbgg.jpg) repeat-x; height:26px; }
#mainNav li  ul li a { display:block; height:26px; line-height:26px; color:#ffffff; float:left; padding-left:15px;}
#mainNav li  ul li a:hover { background:url(../img/mainnav_fbg.jpg) repeat-x;}
#mainNav li a.menulink { display:block; background:url(../img/nav_day.jpg) no-repeat; height:30px; text-indent:-999999px; }
.en #mainNav li a.menulink { display:block; background:url(../img/nav_day_en.jpg) no-repeat; height:30px; text-indent:-999999px; }

#mainNav li#about ul li,#mainNav li#about ul li a { _width:99px;min-width:95px;}
#mainNav li#zixun ul li,#mainNav li#zixun ul li a { _width:89px; min-width:89px;}
#mainNav li#chanpin ul li,#mainNav li#chanpin ul li a { _width:162px; min-width:162px;}
#mainNav li#zhaoxian ul li,#mainNav li#zhaoxian ul li a{ _width:90px; min-width:90px;}
#mainNav li#fuwu ul li,#mainNav li#fuwu ul li a {_width:144px; min-width:144px;}

#day { position:absolute; right:19px; top:5px; color:#ffffff;}/**********
 * Main
 **********/
#banner { margin-top:20px;}
#banner img { display:block; width:969px;}
#id_wrapper { width:969px; float:left; margin-top:20px;}
#id_wrapper #left { float:left; width:324px; padding-left:17px; padding-right:24px; display:inline-block;}
#id_notice .title { height:21px; border-bottom:1px solid #EBEBEB;}
#id_notice_list { margin-top:8px;}
#id_notice_list li { background:url(../img/arrow_blue.jpg) no-repeat left center; padding-left:15px;}
#id_notice_list li .noticeDate { color:#5688BD; padding-left:12px;}
.formore { margin-top:5px;}
.formore a { background:url(../img/arrow_bw.jpg) no-repeat left center; padding-left:15px;}
.news_sort { color:#0A51A1;}
#id_news .title { height:23px; border-bottom:1px solid #EBEBEB;}
#id_news_list { margin-top:8px;}

#id_wrapper #mid {float:left; width:346px; display:inline-block; }
#mid .title { height:22px; border-bottom:1px solid #EBEBEB;}
#mid .id_product { border-bottom:1px dashed #D7D7D7; padding:10px 0; float:left;}
.id_product .id_pro_img { display:block; height:60px; width:60px; border:1px solid #DDDDDD; float:left;}
.id_product .id_pro_img img { width:60px; height:60px;}
#mid .id_product .id_pro_ar { float:left; display:inline; margin-left:13px; width:271px; line-height:20px;}
#mid .id_product .id_pro_ar a { color:#0A51A1; background:url(../img/underline_blue.jpg) repeat-x left bottom; font-weight:bold; }
#mid .more { margin-top:10px;}
#mid .more a{clear:both;float:right; background:url(../img/arrow_bw.jpg) no-repeat left center; padding-left:15px; font-family:Arial, Helvetica, sans-serif;}

#id_wrapper #id_right { float:left; width:200px;display:inline; margin-left:25px;}
#id_right .title { height:21px; border-bottom:1px solid #EBEBEB;}
#id_right #id_service li { padding-top:18px; padding-left:14px; border-bottom:1px solid #EBEBEB;}
#id_right #id_service li a img { display: block;}
#id_service_center { margin-top:6px; background:url(../img/yewu.jpg) no-repeat; width:190px; height:69px; padding:35px 0 0 10px;margin-bottom:19px;}
.en #id_service_center {background:url(../img/yewu_en.jpg) no-repeat;}
#id_service_center p { line-height:22px;}

#wrapper{ width:969px;margin-top:3px; float:left; background:url(../img/mnbg.jpg) repeat-y;}
#left { width:202px; float:left;}
#left .title img { display: block;}
#leftsort { width:195px; margin-left:7px;}
#leftsort  li { background:url(../img/leftList.jpg) no-repeat;height:32px; width:195px; border-bottom:1px solid #E3E3E3;}
#leftsort li a { display:block; padding-left:31px; width:164px; line-height:32px;}
#leftsort li#leftListFirst { background:url(../img/leftListFirst.jpg) no-repeat 0 -2px;; width:195px; height:32px;}
#leftsort li#leftListFirst a { display:block; padding-left:31px; width:164px; line-height:32px;}
#leftsort li a.select,#leftsort li a:hover { color:#003399; font-weight:bold;}
#leftsort li#leftListSecond { background:url(../img/leftListSecond.jpg) no-repeat; width:195px; height:32px;}

#sidlerBar { width:195px; margin-left:7px;}
#sidlerBar dt { background:url(../img/leftList.jpg) no-repeat;height:32px; width:195px; border-bottom:1px solid #E3E3E3;}
#sidlerBar dt a { display:block; padding-left:31px; width:164px; line-height:32px;}
#sidlerBar dt#leftListFirst { background:url(../img/leftListFirst.jpg) no-repeat 0 -2px;; width:195px; height:32px;}
#sidlerBar dt#leftListFirst a { display:block; padding-left:31px; width:164px; line-height:32px;}
#sidlerBar dt a.select,#sidlerBar dt a:hover { color:#003399; font-weight:bold;}
#sidlerBar dt#leftListSecond { background:url(../img/leftListSecond.jpg) no-repeat; width:195px; height:32px;}
#sidlerBar dd { display:none;}
#sidlerBar dd ul li,#sidlerBar dd ul { background:url(../img/ddbg.jpg) repeat; width:195px;}
#sidlerBar dd a { background:url(../img/arrow_black.jpg) no-repeat 0 12px;  margin-left:17px; display:block; width:164px;padding-left:14px; line-height:30px; overflow:hidden;}
#sidlerBar dd a.dd_select { background:url(../img/arrow_blue.jpg) no-repeat 0 12px; color:#0D459A;}

#right { float:left; width:716px; padding-left:26px;}
#position { text-align:right; color:#999999; border-bottom:1px solid #E3E3E3; padding:4px 0 2px;}
#position a { color:#999999;}
#position a.position_select { color:#666666;}
#brief { background:url(../img/blueyellow.jpg) no-repeat left center;padding-left:23px; font-size:14px; color:#003399; line-height:38px; height:38px;font-weight:bold; border-bottom:1px dashed #D7D7D7;}
.ar { text-indent:24px; maring-top:8px; float:left; display:inline-block; width:363px;margin-right:20px;  margin-top:8px; margin-bottom:15px;} 
.win { color:#FB8008; font-weight:bold;}
#briefImg  img{ margin-top:18px; display:block; float:left; width:300px; height:256px;}

#right .certification .titled { background:url(../img/patentIco.jpg) no-repeat left center; padding-left:29px; color:#003399; font-weight:bold; height:24px; line-height:24px;margin-top:9px; margin-bottom:8px;}
.certification ul li { text-align:center; width:175px;float:left;}
.certification ul li.cer_first { display:inline; margin:12px 30px 8px 32px;text-align:center; width:175px;}
.certification ul li img { display:block; border:1px solid #EEEEEE;height:128px; width:173px;}

#special { position:relative;}
#special select {  position:absolute; right:0; top:10px;}
#classic_list{ float:left; border-bottom:1px solid #D7D7D7; width:716px;}
#classic_list li{ float:left;display:inline; margin:15px 55px 13px 19px; width:177px; text-align:center;}
#classic_list li.c_special_list { margin:15px 0 13px 23px }
#classic_list li img { width:175px; height:131px; display:block; border:1px solid #E3E3E3;}
#changepage{ clear:both; text-align:center; padding-top:8px; margin-bottom:12px;}
#changepage a { color:#0752A1; background:url(../img/underline_blue.jpg) repeat-x left bottom;}
#changepage a.change_select{ color:#646981; background:none; }
#changepage a.nextpage { padding-left:11px; background:url(../img/arrow_bw.jpg) no-repeat left center; color:#333333;}

.seepassword { margin-top:100px;margin-bottom:200px; text-align:center;}
.seepassword .see {width:220px; height:17px; color:#AAAAA9;}
#qa { display:block;height:42px; width:152px;margin-top:17px; margin-left:15px;}

#companyAdd { border-bottom:1px dashed #D7D7D9; margin-left:16px; padding-bottom:20px; margin-bottom:20px;}
.com { margin-top:15px;}
.comname { color:#003399;font-weight:bold;}

#fl { float:left; display:inline; margin-left:14px;}
#fr { float:left;display:inline; margin-left:50px;}
.retry{ border:1px solid #B5B8B7;}
.need {width:188px; height:22px; margin-bottom:5px;}
.submit { clear:both; text-align:center; margin-bottom:5px;}
.needtext { height:60px; width:228px;margin-top:8px; font-family:"宋体";font-size:12px;line-height:18px; border:1px solid #cccccc;}
.bolds { font-weight:bold;}

.page { height:26px; line-height:26px; border-top:1px solid #0C8ECD; border-bottom:1px solid #0C8ECD; background:#E9F1F5; margin-top:10px; position:relative; margin-bottom:20px;}
#goto {  text-indent:-99999px; background:url(../img/goto.jpg) no-repeat left center; width:25px; height:18px; margin-left:22px; border:0;}
.pageleft { margin-left:39px;diplay:inline; line-height:26px;}
.pageleft select { height:20px;margin-top:2px;}
.pageright { top:1px; line-height:26px; position:absolute; right:22px; _top:5px;}
.pageright a { background:url(../img/underline_blue.jpg) repeat-x left bottom; color:#2F51BD; padding:0 1px; font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.pageright a.page_select { background:none;}

#news_header { position:relative;}
#return { position:absolute; right:0;top:5px; }
#return a { color:#FFB200;}
.news_detail { padding-left:17px; text-indent:24px; margin:12px 0 20px 0;}

.ps { background:url(../img/psBox.jpg) no-repeat;margin-left:22px; width:683px; height:65px; padding:10px 0 0 10px; margin-top:13px;}
.ps .red { color:#DF0404; font-weight:bold;}
.ps .email { color:#003399;}
#reversion { border:0; margin-left:32px; margin-top:13px; margin-bottom:20px;}
#reversion td { padding:3px 5px;}
#reversion .revert_input { width:160px; height:17px;}
#reversion .revert_phone { width:287px; height:17px; }
.self { height:160px; width:290px;}
.reversion_submit { cursor:pointer; height:20px; border-right:1px solid #414141; border-bottom:1px solid #414141; text-align:center; width:76px; }
.reversion_reset { cursor:pointer; height:20px; border-right:1px solid #414141; border-bottom:1px solid #414141; text-align:center; width:76px;}

#pro_brief { background:url(../img/pro_B.jpg) no-repeat; width:716px; height:155px; margin-bottom:15px;}
#pro_brief p { padding-top:40px; margin-left:332px; width:384px; text-indent:24px;  height:115px; overflow:hidden;}

#pro_list { float:left; margin-bottom:20px;}
#pro_list li {float:left;margin:15px 6px 15px 12px; display:inline;}
#pro_list li dt { width:220px; height:40px; background:url(../img/proListHd.jpg) no-repeat; margin-bottom:1px;}
#pro_list li dt a { color:#003399; line-height:40px; font-weight:bold; padding-left:19px;}
#pro_list li dd { margin-left:2px; width:216px; background:#F5F5F5; margin-bottom:1px; height:22px; line-height:22px; overflow:hidden;}
#pro_list li dd a { display:block; width:206px;margin-left:10px; padding-left:8px; background:url(../img/stain.jpg) no-repeat left center; line-height:22px;}

#pro_name { font-size:14px; color:#003399; text-align:center; margin-top:15px; margin-bottom:15px; font-weight:bold;}
#pro_img img { display:block; width:346px; height:346px; margin:0 auto;}
.trait { margin-bottom:15px;}
.trait_heading { background:url(../img/traitHead.jpg) no-repeat left center; padding-left:14px; color:#003399;font-weight:bold;}
#lianxi { border-top:1px dashed #DAD6D5; padding-top:14px; text-align:center; padding-bottom:10px;}


#serviceidea img{ width:716px; display:block; height:153px;}
#serviceSort { margin-top:15px;}
#serviceSort dt {margin-left:25px;}
#serviceSort dt img { display:block; width:80px; height:80px; float:left;}
#serviceSort dd { float:left; width:225px; padding-left:10px;line-height:20px;}
#serviceSort dd .servicehead { width:208px; background:url(../img/blueyellow.jpg) no-repeat left center; padding-left:17px; color:#2A61A1;}
#serviceSort dd .servicehead a { color:#2A61A1; font-weight:bold;}
#serviceSort dd p { margin-left:17px; width:208px;}
#serviceSort dd .come { margin-left:17px; padding-left:15px; background:url(../img/arrow_bw.jpg) no-repeat left center;}

#tablehead { margin-left:11px; margin-top:17px;}
#tablehead img { display:block; width:701px; height:30px;}
#download { margin-left:11px; border-collapse:collapse; text-align:center;margin-bottom:22px;}
#download td { border:1px solid #E3E3E3;padding:3px 0;}
#download td.leftnone { border-left:none;}
#download td.rightnone { border-right:none;}
#download td a.underline{ background:url(../img/underline_blue.jpg) repeat-x left bottom; color:#003399;}

.q { border-bottom:1px solid #E3E3E3;}
.q div.q_con{ margin-left:25px; line-height:22px; padding-bottom:8px; padding-top:8px; background:url(../img/Q.jpg) no-repeat 0 8px; padding-left:32px;}
.a { margin-left:13px; margin-top:9px; background:#ECF3F7; margin-bottom:20px;}
.a div.a_con { background:url(../img/a.jpg) no-repeat 0  12px;  margin-left:12px; padding:12px 20px 12px 35px;}

#searchleft { float:left; width:308px;}
#searchimg img { display:block; width:308px; height:246px;}
#searchright {float:left; width:660px; margin-top:13px;}
#searchbox { background:url(../img/searchBox.jpg) no-repeat; width:623px; height:384px; padding-left:37px;}
#searched { padding-top:20px; padding-bottom:26px;}
#searched .searchar { width:276px; height:16px; border:1px solid #C5C5C5;}
#gosearch { background:url(../img/searchBtn.jpg) no-repeat left center; height:20px; width:56px; border:0; text-indent:-99999px;}
#searchright .got { background:url(../img/underline_blue.jpg) repeat-x left bottom; color:#003399; font-weight:bold;}
#sea { font-weight:bold; line-height:28px;}

.job_head { height:30px; margin-top:3px; background:url(../img/dash.jpg) repeat-x left bottom; line-height:30px;margin-left:19px;}
.fuck { color:#DA0E2F; font-weight:bold;}
.job_hl {float:left;}
.job_hr { float:right;}
.addfl { float:left;}
.addfr { float:right; margin-right:36px;display:inline;}
.yingpin { text-align:right;}
#job_con { margin-top:8px; padding-bottom:20px; border-bottom:1px dashed #d7d7d7; margin-bottom:15px;}
#job_con li ul { margin-left:19px; clear:both;}
.adddate { height:24px; }
#job_con li.job_con_select { background:url(../img/arrow_wy.jpg) no-repeat 0 10px;}
#job_con li .blue { color:#003399;}
#job_con li .ohno { color:#003399; font-weight:bold;}

#contactme { background:url(../img/psBox.jpg) no-repeat; width:693px; height:75px;margin-left:17px; padding:6px; line-height:22px;}
.arial { font-family:Arial, Helvetica, sans-serif; color:#2866D2;}
input { font-size:12px;}
/********** 
 * Footer
 **********/
.clearit { clear:both;}
#footer { width:969px; background:url(../img/footerBg.jpg) repeat-x; height:76px; text-align:center;}
#footer_nav { padding-top:15px; text-align:center;}
#footer_nav a,#footer_nav span { color:#0A51A1;}