@charset "gb2312";
/* CSS Document */
.cnzz a{padding-top:5px;font-size: 14px; color: #898686;display: inline-block;}
/*banner*/
.banner{width:100%; position:relative;min-width:1200px;margin:0 auto;background:url(../images/banner.jpg) center no-repeat;height:353px;top:12px;}
.bann_content{width:1200px;margin:0 auto;}
.bann_title{width:100%;margin-top:236px;}
.bann_title p{width:332px;height:48px;  line-height:48px;border-radius:10px;background:#e0e0e0;color:#999999; font-size:20px;margin:0 auto;}

.gxjy_banner_hui{ background:#f7f7f7; width:100%; height:auto; margin:0 auto; min-width:1200px; padding-bottom:66px;}
.gxjy_banner_replace{  width:1080px; height:310px; margin:0 auto; position:relative; text-align:left; background:url(../images/same05.jpg) center no-repeat; margin-top:42px; box-shadow:0 10px 20px rgba(0,0,0,0.17);z-index: 2;}
.gxjy_banner_artcle01{ font-size:42px; color:#444; font-weight:bold; display:block; line-height:62px; margin-left:74px; padding-top:60px; padding-bottom: 22px;}
.gxjy_banner_bage{ background:url(../images/same06.jpg) top no-repeat; width:100%; height:auto; margin:0 auto;}
.gxjy_banner_replace p{ font-size:16px; color:#999; line-height:29px; margin-left:88px;}
.gxjy_banner_replace p img{ width:16px; height:16px; margin-right:20px; float:left; margin-top:7px;}
.p-img01{ position:absolute; bottom:0px; right:26px; z-index:2;}
.gxjy_practick_link{ width:468px; height:65px; background:#1c1717; margin-top: 50px;}
.gxjy_practick_link i{ width:68px; height:65px; background: url(../images/chengnuo.png) center no-repeat; display:inline-block;}
.gxjy_practick_link span{ color:#fff; background:#788de0; line-height:65px; display:inline-block; width:400px; text-align:center; float:right; font-size:16px;}
.gxjy_banner_list{width:780px;height:78px;padding-left:88px;}
.gxjy_banner_list li{width:216px;height:83px; /*background:url(../images/duigou02.png) no-repeat;*/ margin-right:25px; float:left;-webkit-transition:.8s;}
.gxjy_banner_list li p{padding:15px 16px; font-size:16px;line-height:24px; margin-left:0px;}
/*.gxjy_banner_list li:hover{box-shadow:0 5px 20px rgba(0,0,0,0.08);-webkit-transition:.8s;}*/


/*高薪学员就业经验分享*/
.share{width:100%; position:relative;min-width:1200px;margin:0 auto;}
.sh_con{width:1200px;margin:0 auto; position:relative; text-align:center;}
.sc_h2{ width:100%;padding-top:102px;}
.sc_h2 p{ text-align:center; font-size:38px; color:#333333; font-weight:bold;}
.sc_h2 p span{color:#778dde;}
.sc_ti{width:100%; font-size:16px;color:#777777; text-align:center;margin-top:18px;}
/*前景*/
.t-pro{width:1200px; height:465px; margin:0 auto;position:relative; margin-top:62px; margin-bottom:54px;box-shadow: 0 5px 15px 1px rgba(0,0,0,0.1);}
.t-pro-f{width:39px; height:64px; position:absolute; top:205px; left:0px; z-index:99; cursor:pointer; text-align:center;}
.t-pro-g{ width:39px; height:64px; position:absolute; top:205px; right:7px; z-index:99; cursor:pointer; text-align:center;}
.t-pro-h{width:1200px; height:465px; margin:0 auto; overflow:hidden;}
.t-pro-d{ width:1200px; height:465px; margin:0 auto; display:table;}
.t-pro-d li{ float:left;width:1200px; height:465px; background:url(../images/bei.jpg) no-repeat;}
.t-pro-left{ width:685px; height:396px;float:left;margin-left:25px;margin-top:40px;}
.t-pro-left img{width:685px;height:396px;}
.t-pro-right{ float:right; width:475px; height:465px;}
.tpr_top{width:100%;height:192px;}
.tpr_top img{width:131px;height:131px;float:left;margin-left:30px;}
.tpr_top p{ font-size:26px; font-weight:bold;color:#fff;margin-top:32px;margin-left:215px; text-align:left;}
.tpr_top p span{ display:block; font-size:16px; font-weight:normal;line-height:28px;margin-top:8px;}
.tpr_bottom{padding:10px 22px;}
.tpr_bottom p{ font-size:20px;color:#333333;}
.tpr_bottom span{ display:block; font-size:14px; color:#999;margin-top:30px; line-height:22px; text-align:left;}

.outlin-ico{ font-size:20px; color:#fff; width:332px; height:58px; line-height:58px; border-radius:5px; display:inline-block; position:relative; margin:0 14px; overflow:hidden;margin-bottom: 70px;margin-top:15px;}
.outlin-ico a{width:332px;height:58px;line-height:58px;position:absolute;text-align:center;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}

.outlin-ico .incom-link{top:-58px;left:0;z-index:1;color:#fff;opacity:0; background:#778dde; border-radius:4px;}
.outlin-ico:hover .incom-link{top:0px;left:0;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.outlin-ico .incom-link span{color:#FFF;text-decoration:none; background:#778dde;}

.outlin-ico .incom-link02{bottom:0px;left:0;z-index:2;color:#FFF; background:#778dde; border-radius:4px;}
.outlin-ico:hover .incom-link02{bottom:-58px;left:0;}
.outlin-ico .incom-link02 span{color:#FFF;text-decoration:none; background:#778dde;}
/*华清学员就业薪资大曝光*/
.exposure{width:100%; position:relative;min-width:1200px;margin:0 auto;background:url(../images/jbei.jpg) center no-repeat;height:645px;}
.ex_con{width:1200px;margin:0 auto; position:relative; text-align:center;}
.guang{width:1200px;margin:0 auto; position:relative;margin-top:50px;}
.exposure_main{width:100%;height:220px;margin:0 auto;} 
.exposure_main ul{width:100%;margin:0 auto;} 
.exposure_main ul li{float:left;width:287px; margin:0px 6px;margin-bottom:25px;} 
.exposure_main ul li img{width:100%;height:96px;}

/*将真实进行到底*/
.readly{width:100%; position:relative;min-width:1200px;margin:0 auto;background:#f7f7f7;height:830px;}
.rea_con{width:1200px;margin:0 auto; position:relative; text-align:center;}
.poster-main{position: relative;margin: 50px auto;}
.poster-main .poster-list .poster-item{position: absolute;left: 0;top: 0;box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.poster-main .poster-btn{position: absolute;top: 0;cursor: pointer;}
.poster-main .poster-prev-btn{left: -202px;background: url("../images/left04.png") no-repeat center center;}
.poster-main .poster-next-btn{right: -202px;background: url("../images/right04.png") no-repeat center center;}
/*我们不一样*/
.we{width:100%; position:relative;min-width:1200px;margin:0 auto;background:#fff;height:1018px;}
.we_con{width:1200px;margin:0 auto;position:relative; text-align:center;}
.wc_con{width:100%;}
.wc_con ul{margin-top:60px;}
.wc_con ul li{float:left;width:284px;background:#fff;height:248px;margin-left:7.5px;margin-right:7.5px;box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.wc_con ul li:hover{margin-top:-8px; -webkit-transition:.4s;}
.wc_con ul li img{width:284px;height:180px;}
.wc_con ul li p{color:#999999; font-size:14px;line-height:22px;margin-top:22px;padding-left:20px;padding-right:20px;}
.wc1_con{width:1180px;height:248px;background:#f9f9f9;border-radius:5px;margin:0 auto;margin-top:60px;}
.w1c_title{width:92%;border-bottom:1px #ececec solid;margin:0 auto;padding-top:30px;}
.w1c_title p{float:left;color:#333333;font-size:20px;padding-bottom:16px;padding-left:15px;}
.w1c_title img{ float:right;width:53px;height:13px;padding-top:8px;padding-right:15px;}
.w1c_con{width:92%; text-align:left;margin:0 auto;}
.w1c_con ul{width:100%;margin-top:18px;}
.w1c_con ul li{float:left;width:33%;height:30px;line-height:30px;color:#999999; font-size:14px;margin-top:10px;}
.w1c_con ul li span{float:Left;}
.w1c_con ul li span img{width:5px;height:5px;margin-top:13px;padding-left:22px;padding-right:5px;}
.w1c_con ul li a{color:#999999;}
.w1c_con ul li a:hover{color:#778dde}
/*企业评价华清学员*/
.pingjia{width:100%; position:relative;min-width:1200px;margin:0 auto;background:url(../images/stub.jpg) center no-repeat;height:898px;}
.pj{width:1200px;margin:0 auto;position:relative; text-align:center;}
.pj_con{width:100%;}
.pj_con ul{margin-top:58px;}
.pj_con ul li{float:left;width:30%;background:#fff;height:487px;margin-left:2.5%;}
.pj_con ul li:hover{margin-top:-8px; -webkit-transition:.4s;box-shadow: 0 0 23px rgba(32,34,30,0.18);}
.pj_con ul li img{width:340px;height:197px;margin-top:10px;}
.pj_con ul li p{width:100%;font-size:24px;color:#333333;margin-top:20px;}
.pj_con ul li span{ display:block;font-size:14px;color:#999999;margin-top:20px;}
/*实力合作*/
.cooperate{width:100%; position:relative;min-width:1200px;margin:0 auto;background:#f9f9f9;height:517px;}
.coo_con{width:1200px;margin:0 auto;position:relative;}
.boil{width:1200px; height:406px; margin:0 auto;position:relative; margin-top:62px; margin-bottom:54px;box-shadow: 0 5px 15px 1px rgba(0,0,0,0.1); position:absolute;z-index:20;}
.emplo_bof{width:47px; height:42px; position:absolute; bottom:50px; left:100px; z-index:99; cursor:pointer; text-align:center;}
.emplo_bog{ width:47px; height:42px; position:absolute; bottom:50px; left:147px; z-index:99; cursor:pointer; text-align:center;}
.emplo_boh{width:1200px; height:406px; margin:0 auto; overflow:hidden;}
.emplo_bod{ width:1200px; height:406px; margin:0 auto; display:table;}
.emplo_bod li{ float:left;width:1200px; height:406px; background:url(../images/baob.jpg) no-repeat;}
.bo_left{float:left;width:289px;height:406px; text-align:center;}
.bo_left p{width:100%; font-size:34px;color:#fff;margin-top:100px; font-weight:bold;}
.bo_left span{ display:block;color:#fff;font-size:24px;margin-top:10px;}
.bo_right{float:right;width:900px;height:406px;}
.br_con{width:92%;margin:0 auto;}
.br_con p{width:100%;color:#333333; font-size:20px;padding-top:40px;}
.br_con span{ font-size:14px;color:#999999; display:block;line-height:22px;margin-top:24px;}
.br_con span a{color:#999999;}
.br_tu{width:96%;margin:0 auto;margin-top:30px;}
.br_tu span{float:left;margin-left:18px;}
.br_tu span img{width:264px;height:163px;}

.about_edu{width: 100%;position: relative; }
.about_edulist{overflow: hidden; color: #fff;position: relative;width: 95%;height:163px;margin:0 auto;}
.about_edulist ul{width: 9999px;position: absolute;}
.about_edulist ul li{width: 810px; float: left;}
.about_edulist ul li a{color: #fff;}
.brc_img{float:left;}
.brc_img img{width:246px;height:163px;margin-left:20px;}
.edu_btn{width: 100%;text-align: center;position:absolute;z-index:20;top:58px;}
.edu_btn span{display: inline-block;width: 26px;height: 40px;cursor: pointer;}
.edu_btn .edu_leftbtn img{width: 26px;height: 40px;position:absolute;left:40px;}
.edu_btn .edu_rgbtn img{width: 26px;height: 40px;position:absolute;right:45px;}

/*为什么华清70%+学员能高薪就业?*/
.job{width:100%; position:relative;min-width:1200px;margin:0 auto;background:#fff;height:826px;}
.job_con{width:1200px;margin:0 auto;}
.prolist{width:100%;margin-top:40px;}
.prolist li{width:338px;height:180px;border:1px #e9e9e9 solid;border-radius:10px;float:left;margin-top:20px;margin-left:10px;margin-right:10px;padding-left:20px;padding-right:20px; position:relative;}
.prolist li .jcc_left{float:left;width:80px;margin-top:50px;margin-left:10px;}
.prolist li .jcc_left img{width:100%;}
.prolist li .jcc_right{float:right;width:220px;margin-top:34px;}
.prolist li .jcc_right p{width:100%;font-size:26px;color:#777777;}
.prolist li .jcc_right span{font-size:14px;color:#999999; display:block;margin-top:15px;}

.prolist .fugai{width:338px;height:180px;background:#778dde;border-radius:10px;float:left;padding-left:20px;padding-right:20px; position:absolute;left:0px;box-shadow: 0 0 23px rgba(32,34,30,0.18);}
.prolist .fugai .jcc_left1{float:left;width:80px;margin-top:50px;margin-left:10px;}
.prolist .fugai .jcc_left1 img{width:100%;}
.prolist .fugai .jcc_right1{float:right;width:220px;margin-top:34px;}
.prolist .fugai .jcc_right1 p{width:100%;font-size:26px;color:#fff;}
.prolist .fugai .jcc_right1 span{font-size:14px;color:#fff; display:block;margin-top:15px;}