/* CSS Document */
/* Reset CSS @charset "utf-8";*/
*{ margin:0; padding:0; } 
fieldset,img {border:0;} 
img { display:block}
input, select { color:#606257; font-size:12px; font-family:Arial, Helvetica, sans-serif} 
ol,ul,li {list-style:none;} 
ul,li{ list-style-position:outside; }
h1,h2,h3,h4,h5,h6 { font-size:100%;} 
.clear{ display:block; clear:both;line-height:0;height:0;font-size:0}

/* Reset CSS */
body{text-align:center; font-size:12px; line-height:18px;}
.wapper{margin: 0 auto;width:1000px; text-align:left;}
.header { background:url(images/campus_01.jpg) no-repeat; height:106px; }

.menu { background:url(images/campus_02.jpg) no-repeat; height:72px; padding-left:83px;}
.menu img { float:left}
.menu .dot { background:url(images/campus_line.jpg); width:3px; height:72px; float:left; margin-left:2px; margin-right:2px; display:inline}


.banner { background:url(images/campus_03.jpg) no-repeat; height:244px;}

h1 { position:relative;}
.back { position:absolute; top:5px; left:300px;}
.qq { position:absolute; top:-70px; left:210px;}
.main { background:url(images/campus_04.jpg)  repeat-y}
.main_inner { background:url(images/campus_05.jpg) no-repeat bottom; text-align:center;}
.content{ width:794px; margin:0 auto; text-align:left; padding-top:20px;}
.height_job { height:2810px;}
.height_schedule { height:3050px;}
.height_qa { height:2000px}
.height_ex { height:750px;}
.height_company { height:1150px;}
.height_color { height:1020px;}
.height_test { height:630px;}
.height_process { height:810px;}
.height_plan { height:1300px;}

.plan_box { background:url(images/campus_52.jpg) no-repeat left top;padding-top:18px; padding-left:100px; position:relative}
.plan_box h1 { font-size:14px; color:#098c77; margin-bottom:5px;margin-top:38px;}
.plan_box p { color:#585858; line-height:22px;}
.plan_box a { color:#0765a1; text-decoration:underline}
.plan_box a:hover { color:#0765a1; text-decoration:none}

.plan_pop {position:absolute;top:0;left:0;z-index:200; visibility:hidden; background:white; width:620px; padding:8px; }
.plan_pop table { border:1px solid #cbcbcb; color:#585858; line-height:20px;}
.plan_pop table tr td{ border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;  padding:5px;  padding-left:20x;}
.plan_pop table tr td.time { text-align:center; font-weight:bold; width:120px; padding:0}

.plan_pop h1 { background:#eaeaea; height:28px; line-height:28px; font-size:14px; color:#000; text-align:center; position:relative}
.plan_pop h1 span { position:absolute; right:10px;}

.step_scoll { height:500px; overflow-y:scroll; width:620px !important;_width:605px;} 
.salary{ position:absolute; top:0; right:0}





.job_box table { width:100%; border:none; color:#585858;text-align:center; line-height:22px;}
.job_box table tr td { border:1px solid #e6e6e6; padding:5px;}
.job_box table tr.job_th { height:30px; background:#eaeaea; font-weight:bold;}
.job_box table tr.job_th td { padding:0}

.qa_box p.q { background:url(images/campus_09.jpg) no-repeat left 2px; padding-left:30px; font-size:14px; font-weight:bold; color:#098c77; margin-bottom:15px; line-height:22px;}
.qa_box p.a { background:url(images/campus_12.jpg) no-repeat left 4px; padding-left:30px; font-size:12px; color:#585858; line-height:22px;}
.line { height:1px; overflow:hidden; background:#e6e6e6; margin-top:20px; margin-bottom:20px;}

.experience {}
.part  { background:url(images/campus_11.jpg) no-repeat; width:370px; height:230px; padding:33px 15px 20px 12px;color:#585858; float:left; position:relative; margin-bottom:10px;}
.name { position:absolute; top:5px; right:8px; width:95px; font-size:14px; color:white; font-weight:bold; text-align:center;}

.part_l { width:110px; float:left; text-align:center; color:#000; font-weight:bold}
.part_l img { margin-bottom:8px;}
.part_r { width:260px; float:right; line-height:20px;}

/*photo style*/
#wrapper {width: 750px;margin: 25px auto;}
#intro {padding-bottom: 10px;}
#slider {width: 750px;margin: 0 auto;position: relative;border: 10px solid #ccc;}
.scroll {overflow: hidden;width: 750px;margin: 0 auto;position: relative;}
.scrollContainer {position: relative;}
.scrollContainer div.panel {padding: 10px;width: 274px;height: 318px;}
#left-shadow {position: absolute;top: 0;left: 0;width: 12px;bottom: 0;background: url(../images/leftshadow.png) repeat-y;}
#right-shadow {position: absolute;top: 0;right: 0;width: 12px;bottom: 0;background: url(../images/rightshadow.png) repeat-y;}
.inside {padding: 10px;border: 1px solid #999;}
.inside img {display: block;border: 1px solid #666;margin: 0 0 10px 0;width: 250px;}
.inside h2 {font-weight: normal;color: #111;font-size: 15px;margin: 0 0 8px 0; font-family:"黑体"}
.inside p {font-size: 11px;color: #ccc;}
.scrollButtons {position: absolute;top: 127px;cursor: pointer;}
.scrollButtons.left {left: -45px;}
.scrollButtons.right {right: -45px;}
.hide { display: none;}

/*photo style*/
#carousel{margin:30px auto 10px;width:784px;height:102px;overflow:hidden;}
/* 按钮 */
#carousel_btn_lastgroup,#carousel_btn_nextgroup{float:left;width:27px;height:74px;margin:14px 14px 14px 15px;display:inline;overflow:hidden;text-indent:-999px;}
#carousel_btn_lastgroup a:link,#carousel_btn_lastgroup a:visited,#carousel_btn_lastgroup a:hover{display:block;width:27px;height:74px;background:url(images/button.gif) 0 0 no-repeat;overflow:hidden;}
#carousel_btn_lastgroup a.dis:link,#carousel_btn_lastgroup a.dis:visited,#carousel_btn_lastgroup a.dis:hover{background-position:0 -148px;}
#carousel_btn_nextgroup{float:right;margin:14px 15px 14px 14px;}
#carousel_btn_nextgroup a:link,#carousel_btn_nextgroup a:visited,#carousel_btn_nextgroup a:hover{display:block;width:27px;height:74px;background:url(images/button.gif) 0 -74px no-repeat;overflow:hidden;}
#carousel_btn_nextgroup a.dis:link,#carousel_btn_nextgroup a.dis:visited,#carousel_btn_nextgroup a.dis:hover{background-position:0 -222px;}
/* 缩略图 */	
#carousel_container{position:relative;z-index:2;float:left;width:672px;height:102px;overflow:auto;}
#carousel_container ul{position:absolute;z-index:1;left:0;top:0;height:102px;overflow:hidden;}
#carousel_container li{float:left;width:112px;height:102px;display:inline;}
#carousel_container li a:link img,#carousel_container li a:visited img,#carousel_container li a:hover img{float:left;width:80px;height:80px;padding:10px;display:inline;margin:0 5px;border:1px solid #999;}
#carousel_container li a.current:link img,#carousel_container li a.current:visited img,#carousel_container li a.current:hover img{opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);border:1px solid #369;}
/* 大图片展示区域、图片介绍、loading阴影层、loading.gif */
#carousel_photo_container{position:relative;z-index:1;margin:20px auto;width:800px;overflow:hidden;clear:both;text-align:center;}
#carousel_photo_intro{margin:0 auto 20px;width:600px;text-align:center;line-height:150%;overflow:hidden;font-size:12px;}
#carousel_photo_shardow{position:absolute;z-index:4;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);}
img#carousel_photo_loading{position:absolute;z-index:5;left:50%;top:50%;width:100px;height:100px;margin:-50px 0 0 -50px;}
/* 上一张，下一张 */
a.previous:link,a.previous:visited,a.previous:hover{position:absolute;z-index:3;top:0;left:0;text-indent:-999px;width:50%;height:100%;overflow:hidden;cursor:pointer;background-color:#FFF;opacity:.0;-moz-opacity:.0;filter:alpha(opacity=0);text-decoration:none;}
a.previous:hover{background:transparent url(images/last-photo.png) 0 50% no-repeat;opacity:.8;-moz-opacity:.8;filter:alpha(opacity=80);}
a.next:link,a.next:visited,a.next:hover{position:absolute;z-index:3;top:0;right:0;text-indent:-999px;width:50%;height:100%;overflow:hidden;cursor:pointer;background-color:#FFF;opacity:.0;-moz-opacity:.0;filter:alpha(opacity=0);text-decoration:none;}
a.next:hover{background:transparent url(images/next-photo.png) 100% 50% no-repeat;opacity:.8;-moz-opacity:.8;filter:alpha(opacity=80);}
a.dis:link,a.dis:visited,a.dis:hover{background-image:none;}

.hidden{display:none;}


.process_box { color:#585858;}
.process_box p { padding-top:60px; margin-left:30px; line-height:22px; margin-right:18px;}
.step_one { background:url(images/campus_18.jpg) no-repeat; width:780px; height:192px; margin-top:18px;}
.step_two { background:url(images/campus_19.jpg) no-repeat; width:780px; height:145px; margin-top:18px;}
.step_three { background:url(images/campus_20.jpg) no-repeat; width:780px; height:157px; margin-top:18px;}

.company { }
.boss_box { width:770px;}
.line_dfe3ec { height:1px; overflow:hidden; background:#dfe3ec; margin-top:15px; margin-bottom:15px;}
.company_l { float:left; width:140px; text-align:center; margin-left:15px; display:inline}
.company_r { float:right; width:600px; color:#505050;}
.company_r img { margin-bottom:10px;}
.company_r p { margin-bottom:25px; line-height:22px;}
a {color: #f00;text-decoration:underline}
a:hover {text-decoration:none}

.test_box {}
.test_l { float:left; width:191px;}
.test_r { float:right; width:584px; background:url(images/campus_33.jpg) no-repeat;  height:323px;padding-top:143px}
.test_r p { color:#585858;  margin-left:26px; margin-bottom:8px; line-height:22px; margin-right:20px;}
.test_r p.info { margin-top:25px; float:right; margin-right:40px; display:inline }
.login_box { background:url(images/campus_32.jpg) no-repeat; width:180px; height:102px; color:#585858; padding-top:44px; padding-left:11px; font-family:"宋体"; position:relative}
.login_box p { margin-bottom:10px; margin-right:8px; clear:both}
.login_box p label { float:left}
.login_box input.text { width:120px; border:1px solid #ccc; background:url(images/campus_39.jpg) repeat-x; height:20px; font-size:12px;}
.login_box input.btn { background:url(images/campus_40.jpg) no-repeat; border:none; width:74px; height:23px; cursor:pointer}
.login_box p span { float:left; margin-left:15px; display:inline}
.login_box p span.out { position:absolute; right:10px !important; _right:0;top:13px;}
.login_box p span.out input { background:url(images/campus_46.jpg) no-repeat; width:58px; height:21px; border:none; cursor:pointer}
.login_box p.welcome { color:#1f9d89; background:url(images/icon.gif) no-repeat left 2px; padding-left:20px;}

ul.sub_menu { width:189px; margin-top:8px;}
ul.sub_menu li { width:189px; height:33px; position:relative}
ul.sub_menu li img { position:absolute; left:20px; top:10px; }
ul.sub_menu li.n1 { background:url(images/campus_35.jpg) no-repeat;}
ul.sub_menu li.n2 { background:url(images/campus_36.jpg) no-repeat;}
ul.sub_menu li.n3 { background:url(images/campus_37.jpg) no-repeat;}
ul.sub_menu li.n4 { background:url(images/campus_38.jpg) no-repeat;}
ul.sub_menu li.n5 { background:url(images/campus_47.jpg) no-repeat;}

ul.sub_menu li.n1 a:link,ul.sub_menu li.n1 a:visited { background:url(images/campus_35.jpg) no-repeat; display:block;width:189px; height:33px;}
ul.sub_menu li.n1 a:hover { background:url(images/campus_35_2.jpg) no-repeat;width:189px; height:33px;}
ul.sub_menu li.n2 a:link,ul.sub_menu li.n2 a:visited { background:url(images/campus_36.jpg) no-repeat; display:block;width:189px; height:33px;}
ul.sub_menu li.n2 a:hover { background:url(images/campus_36_2.jpg) no-repeat;width:189px; height:33px;}
ul.sub_menu li.n3 a:link,ul.sub_menu li.n3 a:visited { background:url(images/campus_37.jpg) no-repeat; display:block;width:189px; height:33px;}
ul.sub_menu li.n3 a:hover { background:url(images/campus_37_2.jpg) no-repeat;width:189px; height:33px;}
ul.sub_menu li.n4 a:link,ul.sub_menu li.n4 a:visited { background:url(images/campus_38.jpg) no-repeat; display:block;width:189px; height:33px;}
ul.sub_menu li.n4 a:hover { background:url(images/campus_38_2.jpg) no-repeat;width:189px; height:33px;}
ul.sub_menu li.n5 a:link,ul.sub_menu li.n5 a:visited { background:url(images/campus_47.jpg) no-repeat; display:block;width:189px; height:33px;}
ul.sub_menu li.n5 a:hover { background:url(images/campus_47_2.jpg) no-repeat;width:189px; height:33px;}


/*store menu */
ul.sub_menu li.sn1 { background:url(images/campus_36.jpg) no-repeat;}
ul.sub_menu li.sn2 { background:url(images/scampus_01.jpg) no-repeat;}
ul.sub_menu li.sn3 { background:url(images/scampus_02.jpg) no-repeat;}
ul.sub_menu li.sn4 { background:url(images/scampus_03.jpg) no-repeat;}

ul.sub_menu li.sn1 a:link,ul.sub_menu li.sn1 a:visited { background:url(images/campus_36.jpg) no-repeat; display:block;width:189px; height:33px;}
ul.sub_menu li.sn1 a:hover { background:url(images/campus_36_2.jpg) no-repeat;width:189px; height:33px;}
ul.sub_menu li.sn2 a:link,ul.sub_menu li.sn2 a:visited { background:url(images/scampus_01.jpg) no-repeat; display:block;width:189px; height:33px;}
ul.sub_menu li.sn2 a:hover { background:url(images/scampus_01_2.jpg) no-repeat;width:189px; height:33px;}
ul.sub_menu li.sn3 a:link,ul.sub_menu li.sn3 a:visited { background:url(images/scampus_02.jpg) no-repeat; display:block;width:189px; height:33px;}
ul.sub_menu li.sn3 a:hover { background:url(images/scampus_02_2.jpg) no-repeat;width:189px; height:33px;}
ul.sub_menu li.sn4 a:link,ul.sub_menu li.sn4 a:visited { background:url(images/scampus_03.jpg) no-repeat; display:block;width:189px; height:33px;}
ul.sub_menu li.sn4 a:hover { background:url(images/scampus_03_2.jpg) no-repeat;width:189px; height:33px;}

.threemenu { line-height:26px; background:#edf0f3; font-size:12px;}
.threemenu p { width:189px; height:26px; display:block}
.threemenu p span { margin-left:10px;}
.threemenu p a { text-decoration:none; background:#edf0f3; width:189px; height:26px; display:block; color:#6d6e6e}
.threemenu p a:hover { text-decoration:none; background:#c8cfd5; width:189px; height:26px; display:block; color:#f00}


#nav {
	width:190px;
   line-height: 24px; 
	list-style-type: none;
	text-align:left;
    /*定义整个ul菜单的行高和背景色*/
	margin-top:10px;
}
#nav img { float:left; margin-top:8px;margin-right:8px;}
/*==================一级目录===================*/
#nav a {
	width: 180px; 
	display: block;
	padding-left:10px;
	/*Width(一定要)，否则下面的Li会变形*/
}
#nav li {
	background:#DDD; /*一级目录的背景色*/
	border-bottom:#FFF 1px solid; /*下面的一条白边*/
	float:left;
	height:30px; line-height:30px;
	/*float：left,本不应该设置，但由于在Firefox不能正常显示
	继承Nav的width,限制宽度，li自动向下延伸*/
}
#nav li a:hover{
	background:#BBB;	/*一级目录onMouseOver显示的背景色*/
}
#nav a:link  {
	color:#666; text-decoration:none;
}
#nav a:visited  {
	color:#666;text-decoration:none;
}
#nav a:hover  {
	color:#FFF;text-decoration:none;font-weight:bold;
}
/*==================二级目录===================*/
#nav li ul {
	list-style:none;
	text-align:left;
}
#nav li ul li{	
	background: #EBEBEB; /*二级目录的背景色*/
}
#nav li ul a{
         padding-left:10px;
         width:180px;
	/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/
#nav li ul a:link  {
	color:#666; text-decoration:none;
	width:165px;
	padding-left:25px;
}
#nav li ul a:visited  {
	color:#666;text-decoration:none;
	width:165px;
	padding-left:25px;
}
#nav li ul a:hover {
	color:#F3F3F3;
	text-decoration:none;
	font-weight:normal;
	background:#BBB;
	width:165px;
	padding-left:25px;
	/* 二级onmouseover的字体颜色、背景色*/
}
/*==============================*/

ul#ChildMenu31 li a:link{
color:#666; text-decoration:none;
	width:140px;
	padding-left:50px
	}
	
ul#ChildMenu31 li a:visited{
color:#666;text-decoration:none;
	width:140px;
	padding-left:50px}
	
ul#ChildMenu31 li a:hover{
color:#F3F3F3;
	text-decoration:none;
	font-weight:normal;
	background:#999;
	width:140px;
	padding-left:50px}

ul#ChildMenu31 img { float:left;}

#nav li:hover ul {
	left: auto;
}
#nav li.sfhover ul {
	left: auto;
}
#content {
	clear: left; 
}
#nav ul.collapsed {
	display: none;
}
-->