﻿/* 公用样式 */
body{ margin:0; padding:0; background:url(../images/bodybg.jpg) no-repeat top center #62E4FF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:16px;}
img{ border:0;}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:underline; color:#048DC2;}
ul,li,dl,dt,dd,form,pre,label,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
ul,dl{ list-style:none;}
select,input,textarea{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px;}
.b { font-weight:bold;}
.u{ text-decoration:underline;}
.clear{ clear:both; height:0; width:0; overflow:hidden;}
.red{ color:#F30;}
.nor_text{ font-weight:normal; color:#333;}
.ImgBorder{ padding:3px; background:#FFF; border:1px solid #CCC; margin-bottom:5px;}
.RowTwo{float:left; width:305px; text-align:center; display:block; margin:5px 0;}
.DotLine{ clear:both; background:url(../images/dot_line.gif) repeat-x left bottom; height:15px; margin-bottom:15px;}
#Header{ margin:0 auto; width:900px; height:155px; background:url(../images/title.jpg) no-repeat 510px 65px;}
.Logo{ float:left; margin:35px 0 0 25px; width:235px; height:80px; display:inline; background:url(../images/logo.jpg) no-repeat;}
.Logo a{ width:235px; height:80px; display:block; text-indent:-999px; overflow:hidden;}
.Igg{ float:left; margin:35px 0 0 20px; width:120px; height:80px; display:inline; background:url(../images/igg.jpg) no-repeat;}
.Igg a{ display:block; width:120px; height:80px; text-indent:-999px; overflow:hidden;}
.Nav{ clear:both; width:900px; height:31px; padding-top:9px; background:url(../images/navbg.jpg) no-repeat 0 9px;}
.Nav ul{ margin:0 45px; width:810px;}
.Nav li{ float:left; margin-top:6px; height:25px; background:url(../images/navline.jpg) right top no-repeat; line-height:20px; font-weight:bold;}
.Nav li.NavR{ background:none;}
.Nav li a{ color:#FFF; padding:0 15px; display:block;}
.Nav li a:hover,.Nav li a.selected{ color:#8EEDFE; text-decoration:none;}
.NavSub{ position:absolute; z-index:100; margin-top:2px; border:1px solid #549DBB; background:#E7F7FC; width:80px; line-height:16px; visibility:hidden; text-align:center;}
.NavSub a{ width:auto; display:block; background:url(../images/navsubline.gif) repeat-x left bottom; margin:3px; padding:4px 0; color:#000;}
.NavSub a:hover{ background:#89D9F4; text-decoration:none; color:#000;}
#Footer{ margin:0 auto; width:860px; height:43px; background:url(../images/footer.gif) no-repeat; padding:8px 20px; line-height:16px; font-size:11px; text-align:center;}

/* 首页 */
#Index{ clear:both; margin:10px auto; width:900px; overflow:hidden;}

.IndexSch{ float:left; width:360px; height:53px; background:url(../images/index_schbg.jpg) no-repeat;}
.IndexSch dl{ margin:15px 0 0 92px; height:22px;}
.IndexSch dd{ float:left; padding-right:10px;}
.IndexSch dd select{ width:85px;}
.IndexSch dt{ float:left;}
.IndexSch dt input.InputBox{ width:129px; height:18px; background:url(../images/index_schbox.jpg) no-repeat; border:none; padding:2px; line-height:16px; color:#777; +margin-top:-1px;}

.IndexIntro{ float:left; margin-top:10px; width:327px; height:250px; background:url(../images/index_intro.png) no-repeat; padding:51px 15px 0 18px}
.IndexIntro p{ padding:0; margin:0; line-height:24px; text-indent:24px;}
.IndexIntro p span{ text-align:right;}

.IndexApply{ float:left; margin-top:8px; width:360px; height:94px; background:url(../images/index_apply.jpg) no-repeat;}
.IndexApply a{ width:360px; height:94px; display:block;}

.IndexHr{ float:right; width:530px; height:204px; background:url(../images/index_hrbg.png) no-repeat;}
.IndexHrMore{ clear:both; margin:24px 15px 10px 0; text-align:right; height:16px;}
.IndexHr ul{ margin-top:15px;}
.IndexHr li{ float:left; margin:0 15px 0 30px; width:205px; height:25px; background:url(../images/ico_hooter.gif) no-repeat left center; padding-left:15px; line-height:25px; display:inline;}

.IndexNews{ float:right; width:530px; height:52px; margin-top:6px; background:url(../images/index_news.jpg) no-repeat;}
.IndexNews ul{ float:left; margin:20px 10px 10px 65px; display:inline; width:400px; height:20px; overflow:hidden;}
.IndexNews li{ float:left; margin-right:10px; padding-left:8px; background:url(../images/ico_arrow.gif) no-repeat 0 3px; display:inline; line-height:14px; +line-height:16px;}
.IndexNewsMore{ float:left; margin-top:20px; height:20px;}

.IndexPhoto{ float:right; width:530px; height:196px; margin-top:9px; background:url(../images/index_photobg.png) no-repeat; position:relative;}
.IndexPhoNav{ clear:both; width:496; height:26px; position:absolute; top:15px; left:17px; z-index:200;}
.IndexPhoNav li{ float:left; margin:0 4px; display:inline; height:26px; background:url(../images/index_photo_btn1l.jpg) no-repeat; font-family: "黑体",Arial; font-size:15px;}
.IndexPhoNav li a{ padding:2px 15px 0 35px; color:#FFF; line-height:24px; background:url(../images/index_photo_btn1r.jpg) no-repeat top right; display:block;}
.IndexPhoNav li.IndexPhoOn{ background:url(../images/index_photo_btn2l.jpg) no-repeat;}
.IndexPhoNav li.IndexPhoOn a{ background:url(../images/index_photo_btn2r.jpg) no-repeat top right;}
.IndexPhoNav li a:hover,.IndexPhoNav li.IndexPhoOn a:hover{ text-decoration:none; color:#FF0;}
.IndexPhoto dl{ clear:both; margin:0 10px; width:510px; position:relative;}
.IndexPhoto dt{ float:left; margin:0 8px; display:inline; width:150px; height:105px; border:2px solid #CCC; overflow:hidden;}
.IndexPhoto dd{ clear:both; margin:10px 7px 15px 7px; height:42px; text-align:right; border-bottom:1px solid #E5E5E5;}

/* 内页 */
#Content{ clear:both; margin:0 auto; width:900px; background:url(../images/content_bg.gif) repeat-y; margin-top:10px;}
.Main{ width:900px; background:url(../images/content_top.png) no-repeat; overflow:hidden; position:relative;}
.wrapper{background:url(../images/foot_right.png) no-repeat right bottom; width:900px; overflow:hidden;}
#LeftNav{ float:left; width:235px;}
#LeftNav ul{ clear:both; width:221px; margin:10px 0 0 14px;}
#LeftNav li.LeftTitle{ clear:both; margin:10px 0 10px 1px; height:22px; width:182px; padding:10px 0 0 36px; background:url(../images/ico_title.gif) no-repeat; display:inline;}
#LeftNav li{ float:left; height:28px; width:221px; margin:1px 0;}
#LeftNav li a{ background:url(../images/left_navbg2.gif) no-repeat; padding:4px 0 6px 35px; line-height:18px; +padding:8px 0 6px 35px; +line-height:14px; display:block; text-decoration:none;}
#LeftNav li a:hover{ background:url(../images/left_navbg1.gif) no-repeat; color:#000; display:block;}
#LeftNav li span{ color:#7F7F7F; font-size:10px; margin-left:10px;}
#LeftNav li.LeftNavOn a{ background:url(../images/left_navbg1.gif) no-repeat; display:block; color:#000;}
.LeftImg{ position:absolute; z-index:80; bottom:0; left:0; _margin-bottom:-1px; width:225px; height:147px; background:url(../images/foot_left.png) no-repeat; padding-left:10px;}
#ContentFoot{ clear:both; margin:0 auto; width:900px; height:4px; background:url(../images/content_foot.gif) no-repeat; margin-bottom:10px; overflow:hidden;}

#Right{ float:right; width:620px; padding:40px 30px 35px 15px; background:url(../images/foot_right.png) no-repeat left bottom; _height:600px; min-height:600px;}
#Right h1{height:30px; font-size:18px; font-family:"黑体",Arial; font-weight:normal; line-height:24px; text-align:center; background:url(../images/dot_line.gif) repeat-x left bottom; margin-bottom:15px;}
#Right h3{ height:22px; font-size:12px; padding:0 5px;}
#Right h5{ clear:both; height:22px; font-size:13px; text-align:center; padding:5px; color:#036C9E;}
#Right p{ padding:0 5px; line-height:22px; text-indent:24px; margin:0; margin-bottom:12px;}
.NoIndent{ text-indent:0;}

/* 员工生活 */
.PhotoShow{ clear:both; margin:8px; width:600px; overflow:hidden; border:1px solid #BBB;}
dl.PhotoList { float:left; width:190px; height:180px; border:1px dashed #BBB; margin:7px; display:inline;}
dl.PhotoList dt{ margin:10px 9px 9px 10px; width:162px; height:122px; background:url(../images/photobg.gif) no-repeat; padding:3px 6px 6px 3px; overflow:hidden;}
dl.PhotoList dt img{ width:160px; height:120px; border:1px solid #777;}
dl.PhotoList dd{ border-top:1px dashed #BBB; padding-top:7px; height:22px; text-align:center;}
dl.PhotoList dd.PhotoOn{ background:#E8F1F9; display:block;}
dl.PhotoList dd a{ color:#007BB2;}

/* 应聘指南 */
#Tip{ clear:both; margin:0 auto; width:900px; background:url(../images/content_bg2.gif) repeat-y; margin-top:10px;}
.TipMain{ clear:both; width:900px; background:url(../images/content_top2.png) no-repeat; overflow:hidden;}
.Tip{ width:870px; background:url(../images/content_tip.png) no-repeat left bottom; _height:450px; min-height:450px; padding:10px 15px;}
.Tip h1{ clear:both; margin:15px 0 15px 0px; height:22px; width:182px; padding:10px 0 0 36px; background:url(../images/ico_title.gif) no-repeat; }
.Tip dl{ margin:0 10px 15px 10px;}
.Tip dt{ height:24px; background:url(../images/dot_line.gif) repeat-x left bottom; color:#063F60; padding:0 5px;}
.Tip dd{ line-height:22px; padding:5px;}
#EdushiMap{width:838px; margin:5px 0; border:1px solid #666;}

/* 职位空缺 */
#Right .blue{ color:#3A6EA5; font-weight:bold;}
#Right ul.JobList{ margin:0 10px; width:600px;}
#Right ul.JobList li{ float:left; margin:5px 0; width:600px; background:url(../images/joblist_bg1.gif) no-repeat 0 12px; height:25px;}
#Right ul.JobList li a{ background:url(../images/ico_arrow.gif) no-repeat 5px 8px; padding-left:18px; line-height:24px; font-size:12px; display:block; font-weight:bold;}
#Right ul.JobList li a:hover{ text-decoration:none;}

#Right h2{ width:600px; background:url(../images/joblist_bg2.gif) no-repeat 0 12px; height:25px; padding:0; margin:0 10px;}
#Right h2 span{ float:left; background:url(../images/ico_star.gif) no-repeat 5px 0; width:570px; padding-left:30px; height:25px; line-height:18px; font-size:14px; display:block; color:#3A6EA5;}
#Right h2 .ItsSort{float:right; font-size:12px; margin-top:-23px; padding-right:10px; background:#FFF; color:#3A6EA5;}
#Right h2 .ItsSort a{color:#3A6EA5;}
#Right .JobDetail{ margin:10px; width:560px; padding:0 10px; background:url(../images/job_bg.gif) no-repeat right bottom;}
#Right .JobDetail p{ margin:0; padding:0; margin-bottom:12px; line-height:20px; text-indent:0px;}
#Right .JobBtn{ padding:10px 0; width:560px; height:30px; position:relative;}
#Right .JobBtn img{ display:block; cursor:pointer;}

body,html{ _height:100%;}
.PopBg {position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:99; filter:alpha(opacity=50); opacity:0.5; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}
.Pop{ clear:both; position:fixed; _position:absolute; left:50%; top:50%; margin-top:-210px; margin-left:-200px; _margin-top:0; z-index:400; width:400px; padding-bottom:10px; border:2px solid #88D5DD; background:#FFF; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}
.PopTop{ clear:both; height:26px; padding:4px 0 0 12px; margin-bottom:10px; background:#E1EEEF; border-bottom:1px solid #99D5DD; font-size:14px; font-weight:bold; line-height:22px; color:#3A6EA5;}
.PopTop div{ float:right; padding-right:5px;}
.Pop dl{ clear:both; width:400px;}
.Pop dd{ float:left; width:100px; text-align:right; font-weight:bold; padding:4px 0; line-height:24px;}
.Pop dt{ float:right; width:290px; padding:4px 0;}
.Pop dt input.ResumeInput{ border:1px solid #7F9DB9; height:18px;}
.Pop dt textarea{border:1px solid #7F9DB9; width:240px; height:60px;}
.Pop dt input.ResumeFile{ border:1px solid #7F9DB9; height:22px;}

#Right ul.JobSort{ margin:0 10px; width:600px;}
#Right ul.JobSort li{ float:left; margin:5px 0; width:600px; background:url(../images/dot_line.gif) repeat-x 0 24px;}
#Right ul.JobSort li a{ padding-left:30px; line-height:20px; background:url(../images/ico_star.gif) no-repeat 5px 0; font-size:14px; display:block; font-weight:bold;}
#Right ul.JobSort li a:hover{ text-decoration:none;}
#Right ul.JobSort li .GoTop{ float:right; background:url(../images/ico_arrow2.gif) no-repeat 0 8px; padding:0 10px;}
#Right ul.JobSort li .GoTop a{ font-size:10px; font-weight:normal; background:none; padding:0; color:#999;}
#Right ul.JobSort li ul{ clear:both; margin:10px 0; width:600px; overflow:hidden}
#Right ul.JobSort li ul li{ float:left; width:290px; display:inline; margin:4px 5px; background:url(../images/dot_line2.gif) repeat-x left bottom; height:24px; border-bottom:0; }
#Right ul.JobSort li ul li a{ background:url(../images/ico_arrow.gif) no-repeat 5px 8px; padding-left:18px; line-height:24px; font-size:12px; font-weight:normal;}

/*发展历程*/
dl.History{ padding:5px; position:relative; line-height:22px;}
dl.History dt{ position:absolute; width:60px; background:#49CBEF; color:#FFF; text-align:center; font-size:14px; font-weight:bold; height:24px;}
dl.History dd{ margin:0 0 10px 70px; background:url(../images/dot_line.gif) repeat-x left bottom; padding-bottom:3px;}
dl.Career{ margin:5px; background:url(../images/dot_line.gif) repeat-x left top; width:600px; overflow:hidden; padding:5px 0 10px 5px;}
dl.Career dt{ margin:10px 0; width:130px;float:left; overflow:hidden;}
.CareerImg{ padding:2px; background:#FFF; border:1px solid #CCC;}
dl.Career dd{ margin:10px 0; line-height:22px; float:right; width:460px;}
.CareerText{ padding:0 5px;}
dl.Career h4{ clear:both; padding:0 5px; height:30px; font-size:12px; color:#015860;}

.TabCampus{ border-collapse:collapse; text-align:center;}
.TabCampus th{ background:#C6F1FE; border:1px solid #82B9BF;}
.TabCampus td{ background:#FFF; border:1px solid #CCC; border-collapse:collapse;}

/*重大消息*/
.NewsList{ margin:0 5px; width:610px;}
.NewsList li{ width:610px; background:url(../images/dot_line.gif) repeat-x left bottom; height:22px; padding-top:6px; line-height:15px;}
.NewsList li a{ background:url(../images/ico_arrow.gif) no-repeat 3px 2px; padding-left:13px;}
.NewsList li a:hover{ text-decoration:none;}
.NewsDate{ float:right; padding:0 5px; color:#666;}
.NewsStat{ margin:15px; text-align:center;}
.NewsTitle{ height:25px; background:url(../images/dot_line.gif) repeat-x left bottom; font-size:14px; font-weight:bold; text-align:center;}
.NewsDes{ height:25px; padding:8px; text-align:center; color:#666;}
.NewsView{ clear:both;}

/*首页修订*/
.indexSide{ float:left; width:359px; height:404px; background:url(../images/bg_index_side.png) no-repeat; margin-top:10px;}
.indexSideIntro{ padding:55px 15px 0 18px; line-height:1.8; height:143px;}
.indexSideIntro p{ padding:0; margin:0; text-indent:2em;}
.indexSideBtn{ margin:20px 0 0 18px; height:50px;}
.indexSideContact{ margin:38px 0 0 24px;}
.indexSideContact li{ padding-top:5px;}
.formElement{ clear:both; width:580px;}
.formElement .label{ float:left; width:120px; text-align:right; font-weight:bold; padding:4px 0; line-height:24px;}
.formElement .inputArea{ float:right; width:450px; padding:4px 0;}
.formElement input.ResumeInput{ border:1px solid #7F9DB9; height:18px;}
.formElement textarea{border:1px solid #7F9DB9; width:240px; height:60px;}
.formElement input.ResumeFile{ border:1px solid #7F9DB9; height:22px;}
.jobRecommend{ padding:0 10px 15px 10px;}
#Right .jobRecommend p{ text-indent:0; line-height:1.6; padding:8px 0;}
.textRed{ color:#F30;}
