@charset "gb2312";
/* CSS Document */
/*banner*/
.grade_banner{width:100%; min-width:1200px;margin:0 auto; position:relative; margin-top:12px;}
.grade_banner01{width:100%;height:198px;background:url(../images/grade_banner01.jpg) center no-repeat;}
.grade_banner02{width:100%;height:225px;background:url(../images/grade_banner02.jpg) center no-repeat;}
.grade_banner03{width:100%;height:165px;background:url(../images/grade_banner03.jpg) center no-repeat;}
.grade_banner04{width:100%;height:260px;background:url(../images/grade_banner04.jpg) center no-repeat;}
/*马上毕业，我该去哪里*/
.grade_immediately{width:100%;min-width:1200px;margin:0 auto; position:relative;padding-bottom:50px;}
.grade_title{width:100%;margin:0 auto; position:relative;}
.grade_title img{ position:absolute;top:50px;left:0px;right:0px;margin:0 auto;}
.grade_title p{ font-size:40px;color:#333; font-weight:bold;padding-top:95px;}
.grade_title span{ display:block; font-size:16px;color:#5e5d5d;margin-top:5px;}
.grade_immediately_main{width:100%;height:315px;border-radius:10px;box-shadow: 0 10px 20px rgba(0,0,0,0.1);margin:0 auto;margin-top:50px;}
.grade_immediately_main .img01{ float:left;margin-top:55px;margin-left:15px;}
.grade_immediately_main01 {float:left;width:418px;margin-top:55px;margin-left:90px;}
.grade_immediately_main01 p{font-size:16px;color:#333; line-height:30px; text-align:left;margin-top:10px;}
.grade_immediately_main .img02{ position:absolute;bottom:30px; right:75px;}
/*好工作在哪里*/
.grade_here{width:100%;background:#f9f9f9;min-width:1200px;margin:0 auto; position:relative;padding-bottom:50px;}
.grade_here_main{width:100%;height:452px;background:#fff;border-radius:10px;margin-top:50px;}
.grade_here_main_left{width:495px;padding-top:70px;margin-left:70px;}
.grade_here_main_left p{ font-size:14px;color:#333; line-height:24px; text-align:left; text-indent:2rem;margin-top:5px;}
.grade_here_main img{float:right;margin-top:80px;margin-right:50px;}
.grade_here01{width:100%;margin:0 auto;}
.grade_here01 li{float:left;width:388px;height:214px;background:#37bbfc;border-radius:10px;margin:0px 6px;margin-top:40px; transition:.4s; -webkit-transition:.4s;}
.grade_here01 li img{width:53px;height:46px;padding-top:20px;}
.grade_here01 li p{ font-size:18px; font-weight:bold; color:#fff;padding-top:10px;}
.grade_here01 li span{ display:block;width:80%; text-align:left; font-size:14px;color:#fff; line-height:20px;margin:0 auto;padding-top:15px;}
.grade_here01 li:hover{margin-top:30px; transition:.4s; -webkit-transition:.4s;}
/*好工作需要你具备什么能力？*/
.grade_have{width:100%;height:962px;background:#fff;min-width:1200px;margin:0 auto; position:relative;}
.grade_have_main{width:100%;margin:0 auto;}
.grade_have_main .tab-hd {width:50%;margin:0 auto; overflow:hidden; zoom:1;margin-top:50px;}
.grade_have_main .tab-hd li{ float:left; width:290px;height:56px;line-height:56px; color:#333333;  font-size:22px;border-radius:10px;text-align:center; cursor:pointer;margin-left:10px;}
.clo01{background:url(../images/grade_have011.png) 240px center #ededed no-repeat;}
.clo02{background:url(../images/grade_have022.png) 240px center #ededed no-repeat;}
.clo01.active{background:url(../images/grade_have01.png) 240px center #fa910c no-repeat; color:#fff;}
.clo02.active{background:url(../images/grade_have02.png) 240px center #fa910c no-repeat; color:#fff;}
.grade_have_main .tab-bd{width:100%;height:492px;margin:0 auto;margin-top:40px;background:#fff;border-radius:10px;box-shadow: 0 5px 25px 5px rgba(0,0,0,0.1); overflow-y:auto;}
.grade_have_main .tab-bd li{display:none;}
.grade_have_main .tab-bd li.thisclass{ display:list-item;}
.grade_have_main_left{width:530px;margin-left:40px;}
.ghml_title{width:100%;margin:0 auto;padding-bottom:10px;padding-top:20px;}
.ghml_title em{float:left; display:block;width:4px;height:17px;background:#53cb83;margin-top:4px;margin-right:10px;}
.ghml_title span{ display:block; float:left; font-size:18px;color:#333;}
.grade_have_main_left p{ float:left;background:#f7f7f7;border-radius:10px;margin-top:10px;margin-right:10px;}
.grade_have_main_left p i{ font-size:16px;color:#fa910c; font-weight:bold;padding-top:20px; display:block;}
.grade_have_main_left p b{ display:block;font-size:14px;color:#444; line-height:24px;font-weight:normal;padding-top:10px;}
.grade_have_main_right{float:right;width:543px;margin-right:30px;}
.grade_have_main_right img{width:543px;height:371px;margin-top:30px;}
.grade_have_main01{width:90%;margin:0 auto;}
.grade_have_main01_l{float:Left;width:532px;margin-bottom:20px;}
.grade_have_main01_l img{float:left;width:228px;height:156px;}
.grade_have_main01_l1{float:right;width:260px;height:189px;}
.grade_have_main01_l1 p{float:left; font-size:18px;margin-top:10px;}
.grade_have_main01_l1 span{float:left; display:block;width:68px;height:25px;line-height:25px; font-size:12px;color:#fff;border-radius:10px;margin-left:10px;margin-top:10px;}
.grade_have_main01_l1 i{ display:block; font-size:14px;color:#333; text-align:left; line-height:24px;margin-top:10px;}

.grade_have_main .tab-bd::-webkit-scrollbar
{
    width: 5px;
    height: 16px;
    background-color: #999;
	right:0px;
	position:absolute;
}
 
/*定义滚动条轨道 内阴影+圆角*/
.grade_have_main .tab-bd::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #999;
}
 
/*定义滑块 内阴影+圆角*/
.grade_have_main .tab-bd::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #fff;
}




.grade_have_more{width:396px;height:60px;line-height:60px;background:#fe8864;border-radius:30px;margin:0 auto; position:relative;margin-top:50px;top:0px;transition:.4s; -webkit-transition:.4s; }
.grade_have_more p{ font-size:24px; color:#fff;}
.grade_have_more:hover{top:-5px;transition:.4s; -webkit-transition:.4s;}
/*应届生找工作,校招不容错过*/
.grade_miss{width:100%;height:845px;background:url(../images/grade_miss.jpg) center no-repeat;min-width:1200px;margin:0 auto; position:relative;}
.grade_miss_main{width:100%;margin:0 auto;}
.grade_miss_main ul{width:80%;margin:0 auto;margin-top:286px;}
.grade_miss_main ul li{float:left;width:159px;margin:0px 39px;}
.grade_miss_main ul li p{ font-size:16px;color:#fffefe; line-height:24px;}
.grade_miss_main01{width:100%;margin:0 auto;margin-top:118px;}
.grade_miss_main01 p{float:left;}
.grade_miss_main01 p i{ display:block; font-size:18px; color:#fff; font-weight:bold; text-align:left;}
.grade_miss_main01 p span{ display:block; font-size:14px;color:#fff; line-height:22px; text-align:left;margin-top:10px;}
/*你想找多少薪资的工作？*/
.grade_money{width:100%;height:805px;background:#fff;min-width:1200px;margin:0 auto; position:relative;}
.grade_money_main{width:100%;height:492px;background:#fe8864;border-radius:10px;margin-top:40px; position:relative;}
#mbOverlay {
	position:fixed;
	z-index:9998;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	cursor:pointer;
}
#mbOverlay.mbOverlayFF {
	background:transparent url(80.png) repeat;
}
#mbOverlay.mbOverlayIE {
	position:absolute;
}
#mbCenter {
	height:557px;
	position:absolute;
	z-index:9999;
	left:50%;
	background-color:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70);
	-webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70);
}

#mbImage {
	left:0;
	top:0;
	font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:12px;
	color:#fff;
	text-align:left;
	background-position:center center;
	background-repeat:no-repeat;
	padding:10px;
}
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color:#ddd;
}
#mbImage a:hover, #mbImage a:active {
	color:#fff;
}
#mbBottom {
	min-height:20px;
	font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:12px;
	color:#999;
	text-align:left;
	padding:0 10px 10px;
}
#mbPrevLink, #mbNextLink, #mbCloseLink {
	display:block;
	float:right;
	height:20px;
	margin:0;
	outline:none;
}
#mbPrevLink {
	width:120px;
	height:120px;
	background:transparent url(../images/l.png) no-repeat center;
	position: absolute;
	top:38%;
	left:-128px;
}
#mbPrevLink:hover{background:transparent url(../images/l_ch.png) no-repeat center;}
#mbNextLink {
	width:120px;
	height:120px;
	background:transparent url(../images/r.png) no-repeat center;
	position: absolute;
	top:38%;
	right:-128px;
}
#mbNextLink:hover{background:transparent url(../images/r_ch.png) no-repeat center;}
#mbCloseLink {
	width:56px;
	height:56px;
	background:url(../images/close.png) no-repeat center;
	position:absolute;
	top:10px;
	right:10px;
}
#mbCloseLink:hover{background:url(../images/close_ch.png) no-repeat center;}
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color:#d00;
	font-weight:bold;
	text-decoration:underline;
}
.layout_default {
	float:left;
	width:361px;height:375px; position:relative;border-radius:3px;margin:0px 15px; overflow:hidden;
	}
.mod_gallerylist {
	width:98%;
	margin:0 auto;
	margin-top:55px;
	padding-bottom:132px;
}
.layout_default p { position:absolute;width:100%;height:43px;line-height:43px;background:#061729; opacity:.5;bottom:0px;}
/*华清毕业生经验分享*/
.grade_share{width:100%;height:730px;background:#f9f9f9;min-width:1200px;margin:0 auto; position:relative;}
.grade_share_main{ width:100%;margin:0 auto;}
.tale{width:100%;position:relative;}
.tale_c{ width:100%; position:relative;}
.tale_d{ width:100%; height:auto; margin:0 auto; display:table;}
.tale_h{width:1110px; height:auto; margin:0 auto;}
.tale_d li{ float:left;width:256px;height:298px;border:1px #f5f8fa solid;border-radius:10px;margin:0px 10px;position:relative;cursor:pointer;overflow:hidden;margin-top:60px;transition:0.4s;-webkit-transition:0.4s;}
.tale_e{width:256px; height:42px;margin-top:24px;}
.tale_e img{margin:0 auto; border-radius:51px;}
.tale_e p{ font-size:14px;color:#000000;margin-top:10px;}
.tale_e span{ display:block;color:#999999; font-size:14px; line-height:22px; text-align:left;padding:15px 25px;}
.tale_hover{top:298px;width:100%;height:118px; position:absolute;background:#fff; z-index:20;}
.tale_e .tale_hover span{ display:block;width:137px;height:43px; line-height:43px;color:#666666;border:1px #e6e6e6 solid;background:#f5f5f5;border-radius:2px;margin:0 auto;padding:0px; text-align:center;margin-top:40px;transition:0.4s;-webkit-transition:0.4s;}
.tale_d li:hover{box-shadow: 0px 19px 18px -9px rgba(0,0,0,0.1);margin-top:40px;transition:0.4s; -webkit-transition:0.4s; }
.tale_d li:hover .tale_hover{top:178px;} 
.tale_e .tale_hover span:hover{background:#f0eded;transition:0.4s;-webkit-transition:0.4s;}
.tale_f{ width:32px; height:50px; position:absolute; top:155px; left:0px; z-index:99; cursor:pointer;}
.tale_g{ width:32px; height:50px; position:absolute; top:155px; right:0px; z-index:99; cursor:pointer;}
/*连电视剧都说上华清才能找好工作，你还犹豫什么？*/
.grade_TV{width:100%;height:655px;background:#fff;min-width:1200px;margin:0 auto; position:relative;}
.grade_TV_title{width:100%;margin:0 auto;}
.grade_TV_title p{ font-size:40px;color:#333; font-weight:bold;padding-top:70px;}
.grade_TV_main{width:750px;height:435px;margin:0 auto;margin-top:50px;}
/*毕业前夕，何去何从？*/
.grade_tion{width:100%;height:415px;background:url(../images/grade_tion.jpg) center no-repeat;min-width:1200px;margin:0 auto; position:relative;}
.grade_tion_main{width:620px;margin-top:50px;}
.bm_input{float:left;width:178px;height:42px;border-radius:4px;font-size:14px;color: #333;background: #fff;cursor:pointer;padding-left: 20px;margin-right:8px;border:none;margin-top:30px;}
.z_btn{float:left;width:298px;height:54px; line-height:54px;border-radius:4px;font-size:24px;color: #1c6432 !important;background:#ffd800;cursor:pointer;border:none;margin-top:50px;transition:0.4s; -webkit-transition:0.4s;}
.z_btn:hover{margin-top:45px;transition:0.4s; -webkit-transition:0.4s;}
/*华清远见热点专题推荐*/
.grade_tui{width:100%;height:396px;background:#fff;min-width:1200px;margin:0 auto; position:relative;}
.grade_tui p{ font-size:24px;color:#333; text-align:left;padding-top:65px;}
.grade_tui img{border-radius:10px;width:586px;height:138px;margin-top:60px; position:relative;top:0px;transition:0.4s;-webkit-transition:0.4s;}
.grade_tui img:hover{top:-10px;transition:0.4s;-webkit-transition:0.4s;}