@charset "utf-8";
/* CSS Document */
/*高中生*/
.banner-h{ width:100%; height:580px; background:url(../img/high/banner.png) no-repeat; background-size:100%;}

.conWrap{ height:3366px; margin-top:60px; }
.conWrap .con{ width:1050px; height:3366px;}
.high-h2{ background:url(../img/high/H-t-01.png) no-repeat center;}
.con_mm_t{ width:915px; height:360px; margin:80px auto;}
.con_mm_t li{ width:274px; height:184px; float:left; margin-right:45px;}
.con_mm_t li #blue{ color:#009aea; font-size:28px; margin-top:36px;}
.con_mm_t li .ht{ line-height:20px;}
.high-h4{ color:#009aea; font-size:30px; margin:70px 0 0; font-weight:normal; text-align:center;}
.he{ width:915px; height:560px; margin:55px auto; color:#fff; line-height:20px;}
.heTop{ width:621px; height:148px; background:#e54040 url(../img/high/sec-h-4.png) no-repeat 10px 10px; padding:38px 34px 0 260px; position:relative;}
.conWrap .con h5{ font-size:24px;}
.conWrap .con .he span{ width:44px; height:44px; display:block; background:url(../img/high/sec-h-4.1.png) no-repeat; position:absolute; bottom:0; right:0;}
.heCenter{ width:915px; height:186px; background:#a3cb16 url(../img/high/sec-h-5.png) no-repeat 670px 10px; position:relative;}
.conWrap .con .heCenter h5{ width:215px; height:30px; position:absolute; top:45px; right:226px;}
.conWrap .con .heCenter p{ width:620px; height:64px; position:absolute; top:66px; right:260px;}
.conWrap .con .heCenter span{ background:url(../img/high/sec-h-5.1.png) no-repeat; left:0;}
.conWrap .con .heBottom{ background:#ffc426 url(../img/high/sec-h-6.png) no-repeat 10px 10px;}
.conWrap .con .heBottom span{ background:url(../img/high/sec-h-6.1.png) no-repeat;}
.worry{ background:url(../img/high/H-t-02.png) no-repeat center;}
.worryCon{ width:915px; height:732px; margin:50px auto;}
.worryCon li{ width:886px; height:230px; background:url(../img/high/sec-h-7.png) no-repeat 700px 10px; overflow:hidden; margin-bottom:10px;}
.worryCon li h5{ font-size:30px; color:#009aea; font-weight:normal; margin-top:20px;}
.worryCon li p{ width:530px; height:125px; margin:20px 0 0 30px; line-height:26px;}
.conWrap .con .worryCon li p #big{ font-size:20px; color:#ff4343; font-weight:bold;}
.worryCon .second{ background:url(../img/high/sec-h-8.png) no-repeat 0 10px;}
.worryCon .second h5{ margin:20px 0 0 700px;}
.worryCon .second p{ margin-left:345px;}
.worryCon .third{ background:url(../img/high/sec-h-9.png) no-repeat 650px 10px;}
.need{ background:url(../img/high/H-t-03.png) no-repeat center;}
.needTop{ width:1034px; height:543px; background:url(../img/high/sec-h-10.png) no-repeat; margin:40px auto;}
.needBottom{ width:631px; height:631px; background:url(../img/high/sec-h-11.png) no-repeat; margin:65px auto;}

/*大学生*/
.mtop80{ margin-top:80px;}
.banner-u{ width:100%; height:580px; background:url(../img/university/banner.png) no-repeat; background-size:100%;}

.uniWrap{ height:4500px; margin-top:84px; }
.uni-con{ width:1000px; height:4500px; overflow:hidden;}
.uni-t-1{ background:url(../img/university/sec-uni-t01.png) no-repeat center;}
.kaoyan{ width:1000px; height:538px; overflow:hidden;}
.ky-bg{ width:450px; height:370px; background:url(../img/university/sec-uni-bg1.png) no-repeat;}
.ky-t{ width:490px; height:370px;}
.one{ width:174px; height:37px; font-size:24px; color:#fff; text-align:center; line-height:37px; background:#ff5353;}
.uni-con ul li{ margin-top:18px; padding-left:40px;}
.orange{ color:#f2bf31;}
.blue{ color:#0090da;}
.xiao{ background:url(../img/university/sec-uni-xiao.png) no-repeat;}
.ku{ background:url(../img/university/sec-uni-ku.png) no-repeat;}
.uni-con .first{ width:900px; height:118px; color:#fff; background:#ff5353; clear:both; border-radius:10px; padding:20px 40px 0;}
h6{ font-size:20px;}
.gwy-t{ width:490px; height:300px;}
.gwy-bg{ width:490px; height:300px; background:url(../img/university/sec-uni-bg2.png) no-repeat right;}
.two{ width:190px; background:#ade10d;}
.uni-con .second{ background:#ade10d;}
.lx-bg{ width:490px; height:300px; background:url(../img/university/sec-uni-bg3.png) no-repeat;}
.three{ background:#1995ff;}
.uni-con .third{ background:#1995ff;}
.four{ background:#fcbe00;}
.cy-bg{ width:490px; height:300px; background:url(../img/university/sec-uni-bg4.png) no-repeat center;}
.uni-con .fourth{ background:#fcbe00;}
.jy-bg{ background:url(../img/university/sec-uni-bg5.png) no-repeat;}
.five{ background:#9940fc;}
.uni-con .fifth{ background:#9940fc;}
.jy-con-t{ width:490px; height:25px;}

.uni-t-2{ background:url(../img/university/sec-uni-t02.png) no-repeat center;}
.uni-bg6{ width:1000px; height:605px; background:url(../img/university/sec-uni-bg6.png) no-repeat center;}

.uni-t-3{ background:url(../img/university/sec-uni-t03.png) no-repeat center;}
.uni-zy{ width:1000px; height:150px;}
.uni-zy li{ width:130px; height:140px; float:left; margin:0 37px; text-align:center;}
.uni-zy li img{ margin-left:10px;}

/*男生*/
.banner-b{ width:100%; height:580px; background:url(../img/boy/banner.png) no-repeat; background-size:100%;}

.boyWrap{ height:6800px; margin-top:84px; }
.boyWrap .boy-con{ width:1050px; height:6800px;}
.boy-h2{ height:46px; background:url(../img/boy/sec-b-t01.png) no-repeat center;}
.boy-h4{ width:598px; color:#009aea; font-size:26px; margin:70px auto 0; font-weight:normal; text-align:center;}
.yun{ width:1000px; height:650px; margin-top:80px;}
.yun li{ width:302px; height:302px; float:left; margin:0 47px 46px 0; cursor:pointer; overflow:hidden;}
.yun .one{ background:url(../img/boy/sec-b-01.png) no-repeat;}
.yun .two{ background:url(../img/boy/sec-b-02.png) no-repeat;}
.yun .three{ background:url(../img/boy/sec-b-03.png) no-repeat; margin-right:0;}
.yun .four{ background:url(../img/boy/sec-b-04.png) no-repeat;}
.yun .five{ background:url(../img/boy/sec-b-05.png) no-repeat;}
.yun .six{ background:url(../img/boy/sec-b-06.png) no-repeat; margin-right:0;}
.yun li p{ width:302px; height:302px; background:rgba(0,0,0,.5); font-size:44px; color:#fff; text-align:center; line-height:302px;}
.yun li:hover p{ transform:translate(0,-302px); -webkit-transform:translate(0,-302px); -o-transform:translate(0,-302px); -moz-transform:translate(0,-302px); transition:transform 1s ease;}
.well{ width:746px; height:46px; background:url(../img/boy/sec-b-t02.png) no-repeat;}
.wellCon{ width:961px; height:528px; margin-top:68px;}
.wellCon li{ width:310px; height:215px; float:left;}
.wellCon .first{ width:960px; height:302px; background:url(../img/boy/sec-b-07.png) no-repeat;}
.wellCon .second{ background:url(../img/boy/sec-b-08.png) no-repeat;}
.wellCon .third{ background:url(../img/boy/sec-b-09.png) no-repeat;}
.wellCon .fourth{ background:url(../img/boy/sec-b-10.png) no-repeat;}
.wellCon li p{ width:310px; height:40px; background:rgba(0,227,208,.5); color:#fff; font-size:24px; text-align:center; line-height:40px; margin-top:176px;}
.wellCon .first p{ width:940px; height:64px; font-size:36px; line-height:64px; text-align:right; margin-top:238px; padding-right:20px;}
.money{ width:746px; height:46px; background:url(../img/boy/sec-b-t03.png) no-repeat center;}
.money li{ width:310px; height:215px; float:left;}
.moCon .mfirst{ width:960px; height:302px; background:url(../img/boy/sec-b-11.png) no-repeat;}
.moCon .msecond{ background:url(../img/boy/sec-b-12.png) no-repeat;}
.moCon .mthird{ background:url(../img/boy/sec-b-13.png) no-repeat;}
.moCon .mfourth{ background:url(../img/boy/sec-b-14.png) no-repeat;}
.moCon li p{ width:310px; height:40px; background:rgba(227,112,0,.5); color:#fff; font-size:24px; text-align:center; line-height:40px; margin-top:176px;}
.moCon .mfirst p{ width:940px; height:64px; font-size:36px; line-height:64px; text-align:right; margin-top:238px; padding-right:20px;}
.do{ background:url(../img/boy/sec-b-t04.png) no-repeat center;}
.doCon{ width:1050px; height:550px; margin-top:100px;}
.doCon dt{ width:1050px; height:500px; background:url(../img/boy/sec-b-15.png) no-repeat center;}
.doCon dd{ font-size:36px; color:#009aea; text-align:center;}
.net{ height:615px;}
.net dt{ height:564px; background:url(../img/boy/sec-b-16.png) no-repeat center;}
.pro{ height:48px; background:url(../img/boy/sec-b-t05.png) no-repeat center;}
.proCon{ width:915px; height:1110px; margin:50px auto;}
.proCon li{ width:886px; height:260px; overflow:hidden; margin-bottom:30px; color:#2b2b2b;}
.proCon li h5{ font-size:30px; color:#009aea; font-weight:normal; margin-top:20px;}
.proCon li p{ width:530px;  height:190px; margin:20px 0 0 30px; line-height:26px;}
.proCon .pfirst{ background:url(../img/girl/sec-g-06.png) no-repeat 660px 10px;}
.proCon .psecond{ background:url(../img/girl/sec-g-07.png) no-repeat 0 10px;}
.proCon .psecond h5{ margin-left:470px;}
.proCon .psecond p{ margin-left:316px;}
.proCon .pthird{ background:url(../img/girl/sec-g-08.png) no-repeat 650px 10px;}
.proCon .pfourth{ background:url(../img/girl/sec-g-09.png) no-repeat 0 10px;}
.proCon .pfourth h5{ margin-left:586px;}
.proCon .pfourth p{ margin-left:316px;}

.bdqn{ background:url(../img/boy/sec-b-t06.png) no-repeat center;}
.bdqnCon{ width:1000px; height:572px; margin:60px auto;}
.bdqnCon li{ width:162px; height:166px; float:left; color:#fff; font-size:26px; text-align:center; padding:120px 44px 0;}
.bdqnCon .bfirst{ background:#e34856;}
.bdqnCon .bsecond{ background:url(../img/boy/sec-b-17.png) no-repeat; background-size:cover;}
.bdqnCon .bthird{ background:#78a84e;}
.bdqnCon .bfourth{ background:url(../img/boy/sec-b-18.png) no-repeat;}
.bdqnCon .bfifth{ background:url(../img/boy/sec-b-19.png) no-repeat;}
.bdqnCon .bsixth{ background:#f18d30;}
.bdqnCon .bseventh{ background:url(../img/boy/sec-b-20.png) no-repeat;}
.bdqnCon .beighth{ background:#065381;}

/*女生*/
.banner-girl{ width:100%; height:580px; background:url(../img/girl/banner.png) no-repeat; background-size:100%;}

.girlWrap{ height:6206px; margin-top:84px; }
.girlWrap .girl-con{ width:1050px; height:6206px;}
.choice{ width:677px; height:45px; background:url(../img/girl/sec-g-t01.png) no-repeat;}
.girl-con .pk{ width:1000px; height:48px; margin:50px auto;}
.pk li{ width:190px; height:48px; float:left; margin-right:100px;}
.pk .first{ background:url(../img/girl/sec-g-t05.png) no-repeat center; margin-left:100px;}
.pk .second{ background:url(../img/girl/sec-g-t06.png) no-repeat center;}
.pk .third{ background:url(../img/girl/sec-g-t07.png) no-repeat center;}
.pkCon{ width:1050px; height:3120px;}
.pkCon li{ width:525px; height:740px; float:left; margin-bottom:50px;}
.pkCon li h3{ width:64px; height:32px; background:url(../img/girl/sec-g-t08.png) no-repeat; margin:0 auto;}
.pkCon li dl dt{ width:427px; height:382px; background:url(../img/girl/sec-g-01.png) no-repeat; margin:15px auto;}
.pkCon li dl dd p{ width:284px; height:180px; background:#e05e6e; border-radius:10px; color:#fff; margin:0 auto; font-size:20px; line-height:35px; padding:40px 20px 0; font-family:"宋体";}

.pkCon li dl dd span{ width:324px; height:40px; background:url(../img/girl/sec-g-03.png) no-repeat; display:block; margin:20px auto;}
.pkCon .girl-two h3{ width:168px; background:url(../img/girl/sec-g-t09.png) no-repeat;}
.pkCon .girl-two dl dt{ background:url(../img/girl/sec-g-02.png) no-repeat;}
.pkCon .girl-two dl dd p{ background:#ab54a1; padding-top:20px; height:200px;}
.pkCon .girl-two dl dd span{ background:url(../img/girl/sec-g-04.png) no-repeat;}
.pkCon .girl-three h3{ background:url(../img/girl/sec-g-t10.png) no-repeat;}
.pkCon .girl-four h3{ width:168px; background:url(../img/girl/sec-g-t11.png) no-repeat;}
.pkCon .girl-four dl dt{ background:url(../img/girl/sec-g-02.png) no-repeat;}
.pkCon .girl-four dl dd p{ background:#ab54a1; padding-top:20px; height:200px;}
.pkCon .girl-four dl dd span{ background:url(../img/girl/sec-g-04.png) no-repeat;}
.pkCon .girl-five h3{ background:url(../img/girl/sec-g-t12.png) no-repeat;}
.pkCon .girl-six h3{ width:168px; background:url(../img/girl/sec-g-t13.png) no-repeat;}
.pkCon .girl-six dl dt{ background:url(../img/girl/sec-g-02.png) no-repeat;}
.pkCon .girl-six dl dd p{ background:#ab54a1; padding-top:20px; height:200px; line-height:26px;}
.pkCon .girl-six dl dd span{ background:url(../img/girl/sec-g-04.png) no-repeat;}
.pkCon .girl-seven h3{ background:url(../img/girl/sec-g-t14.png) no-repeat;}
.pkCon .girl-seven dl dd p{ padding-top:30px; height:190px;}
.pkCon .girl-eight h3{ width:168px; background:url(../img/girl/sec-g-t15.png) no-repeat;}
.pkCon .girl-eight dl dt{ background:url(../img/girl/sec-g-02.png) no-repeat;}
.pkCon .girl-eight dl dd p{ background:#ab54a1; padding-top:20px; height:200px; line-height:26px;}
.pkCon .girl-eight dl dd span{ background:url(../img/girl/sec-g-04.png) no-repeat;}
.green{ color:#376c70; border:1px solid #376c70;}
.green:hover{ color:#fff; background:#376c70;}
.teacher{ height:45px; background:url(../img/girl/sec-g-t02.png) no-repeat center;}
.teaCon { width:1050px; height:350px; margin-top:68px; position:relative;}
.lunbo{ width:910px; height:350px; overflow:hidden; margin:0 auto; position:relative;}
.lunbo ul{ width:5460px; height:350px; position:absolute; top:0; left:0;}
.lunbo ul li{ float:left;}
.teaCon a{ width:47px; height:75px; display:block; position:absolute; top:130px;}
.teaCon .btnL{ background:url(../img/girl/sec-g-btnL.png) no-repeat; left:0;}
.teaCon .btnR{ background:url(../img/girl/sec-g-btnR.png) no-repeat; right:0;}

.girl-pro{ height:45px; background:url(../img/girl/sec-g-t03.png) no-repeat center;}
.girl-proCon{ width:915px; height:1080px; margin:50px auto;}
.girl-proCon li{ width:886px; height:260px; overflow:hidden; margin-bottom:30px; color:#2b2b2b;}
.girl-proCon li h5{ width:344px; height:29px;}
.girl-proCon li p{ width:530px;  height:190px; margin:20px 0 0 30px; line-height:26px;}
.girl-proCon .pone{ background:url(../img/girl/sec-g-06.png) no-repeat 660px 10px;}
.girl-proCon .pone h5{ background:url(../img/girl/sec-g-t16.png) no-repeat; }
.girl-proCon .ptwo{ background:url(../img/girl/sec-g-07.png) no-repeat 0 10px;}
.girl-proCon .ptwo h5{ width:414px; background:url(../img/girl/sec-g-t17.png) no-repeat; margin:20px 0 0 470px; }
.girl-proCon .ptwo p{ margin-left:316px;}
.girl-proCon .pthree{ background:url(../img/girl/sec-g-08.png) no-repeat 650px 10px;}
.girl-proCon .pthree h5{ background:url(../img/girl/sec-g-t18.png) no-repeat; }
.girl-proCon .pfour{ background:url(../img/girl/sec-g-09.png) no-repeat 0 10px;}
.girl-proCon .pfour h5{ background:url(../img/girl/sec-g-t19.png) no-repeat; margin-left:590px; }
.girl-proCon .pfour p{ margin-left:316px;}

.perfect{ width:920px; height:45px; background:url(../img/girl/sec-g-t04.png) no-repeat center;}
.perCon{ width:998px; height:350px; background:url(../img/girl/sec-g-05.png) no-repeat; margin:60px auto;}

/*北大青鸟怎么样*/
.banner-how{ width:100%; height:580px; background:url(../img/how/banner.png) no-repeat; background-size:100%;}
.sec-z-12To{ width:100%; height:445px; background:url(../img/how/sec-z-12.png) no-repeat; background-size:100% ; position:absolute; top:2250px;}

.howWrap{ height:5525px; position:relative; }
.howWrap .how-con{ width:1000px; height:5525px;}
.h-con-1{ background:url(../img/how/sec-z-t01.png) no-repeat center;}
.howWrap .h-con-t{ font-size:36px; color:#454545;}
.pingxing{ width:92px; height:54px; background:#ea5151; display:inline-block; transform:skew(-20deg); -webkit-transform:skew(-20deg); -moz-transform:skew(-20deg); -o-transform:skew(-20deg); -ms-transform:skew(-20deg); font-size:38px; color:#fff; line-height:54px; text-align:center; font-weight:bold;}

.h-nf{ width:1000px; height:300px; position:relative;}
.h-nf-con{ width:914px; height:184px; background:url(../img/how/sec-z-7.png) no-repeat center; margin:200px auto; position:relative;}
.h-nf-con li{ width:65px; height:72px; position:absolute; top:0; cursor:pointer;}
.h-nf-con li span{ position:absolute;}
.h-nf-con .hone,.h-nf-con .hthree,.h-nf-con .hfive,.h-nf-con .hseven{ background:url(../img/how/sec-z-3.png) no-repeat center;}
.h-nf-con .htwo,.h-nf-con .hfour,.h-nf-con .hsix,.h-nf-con .height{ background:url(../img/how/sec-z-4.png) no-repeat center;}
.h-nf-con .hnine,.h-nf-con .heleven,.h-nf-con .hthirteen,.h-nf-con .hfifteen{ background:url(../img/how/sec-z-5.png) no-repeat center;}
.h-nf-con .hten,.h-nf-con .htwelve,.h-nf-con .hfourteen,.h-nf-con .hsixteen{ background:url(../img/how/sec-z-6.png) no-repeat center;}
.h-nf-con .hone{ left:33px;}
.h-nf-con .htwo{ left:125px;}
.h-nf-con .hthree{ left:233px;}
.h-nf-con .hfour{ left:331px;}
.h-nf-con .hfive{ left:440px;}
.h-nf-con .hsix{ left:536px;}
.h-nf-con .hseven{ left:640px;}
.h-nf-con .height{ left:736px;}
.h-nf-con .hnine{ left:128px; top:100px;}
.h-nf-con .hten{ left:230px; top:100px;}
.h-nf-con .heleven{ left:336px; top:100px;}
.h-nf-con .htwelve{ left:435px; top:100px;}
.h-nf-con .hthirteen{ left:542px; top:100px;}
.h-nf-con .hfourteen{ left:639px; top:100px;}
.h-nf-con .hfifteen{ left:741px; top:100px;}
.h-nf-con .hsixteen{ left:842px; top:100px;}
.h-nf-con .hone span,.h-nf-con .hthree span,.h-nf-con .hfive span,.h-nf-con .hseven span{ top:22px; left:14px;}
.h-nf-con .htwo span,.h-nf-con .hfour span,.h-nf-con .hsix span,.h-nf-con .height span{ top:22px; left:19px;}
.h-nf-con .hnine span,.h-nf-con .heleven span,.h-nf-con .hthirteen span,.h-nf-con .hfifteen span{ top:34px; left:14px;}
.h-nf-con .hten span,.h-nf-con .htwelve span,.h-nf-con .hfourteen span,.h-nf-con .hsixteen span{ top:34px; left:19px;}
.h-nf-con li dl{ width:222px; height:145px; position:absolute; padding:12px 0 0 28px; background:url(../img/how/sec-z-1.png) no-repeat; top:-150px; left:-64px; display:none;}
.h-nf-con li dl dt{ font-size:22px;}
.h-nf-con li dl dt i{ width:12px; height:20px; background:url(../img/how/sec-z-8.png) no-repeat; display:inline-block; margin-right:5px;}
.h-nf-con li dl dd{ width:190px; height:55px;}
.h-nf-con li .h-nf-xq{ width:208px; height:104px; background:url(../img/how/sec-z-2.png) no-repeat; top:64px; left:-126px; padding:53px 0 0 42px;}
.h-nf-con li:hover dl{ display:block;}

.gre{ background:#b8da1b;}
.h-con-x{ font-size:36px; color:#1995ff; text-align:center; font-weight:normal;}
.sec-z-10{ width:985px; height:502px; background:url(../img/how/sec-z-10.png); position:relative;}
.sec-z-10 .top{ width:263px; height:192px; background:url(../img/how/sec-z-9.png) no-repeat; position:absolute; top:10px; left:20px;}
.sec-z-10 .bottom{ width:338px; height:176px; background:url(../img/how/sec-z-11.png) no-repeat; position:absolute; bottom:20px; right:30px;}
.sec-z-12{ width:1000px; height:445px; margin-top:80px;}

.h-con-2{ background:url(../img/how/sec-z-t02.png) no-repeat center;}
.h-ry-con{ width:1000px; height:350px; margin-top:80px; position:relative;}
.h-ry-con ul{ width:956px; height:350px; position:absolute; top:0; left:30px; overflow:hidden;}
.h-ry-con li{ width:5000px; height:350px; position:absolute; top:0px; left:2px;}
.h-ry-con dl{ width:314px; height:300px; float:left; box-shadow:0 0 10px rgba(0,0,0,.3);}
.h-ry-con dt{ width:235px; height:65px; background:#cacaca; color:#fff; font-size:22px; padding:25px 40px 0;}
.h-ry-con dd{ width:315px; height:210px; vertical-align:middle; display:table-cell;}
.h-ry-con dd img{ margin:0 auto;}
.h-ry-con li .current{ width:328px; height:318px;}
.h-ry-con li .current dt{ width:264px; height:82px; background:#ff5656; padding:20px 44px 0 20px;}
.h-ry-con li .current dd{ width:328px; height:215px;}
.btnLeft{ width:26px; height:64px; background:url(../img/how/btnL.png) no-repeat; display:block; position:absolute; top:125px; left:-14px;}
.btnRight{ width:26px; height:64px; background:url(../img/how/btnR.png) no-repeat; display:block; position:absolute; top:125px; right:-30px;}

.h-mt-con{ width:930px; height:220px;}
.h-mt-con li dl dt{ width:223px; height:167px;}
.h-mt-con .sec-m-01{ background:url(../img/how/sec-m-01.png) no-repeat;}
.h-mt-con .sec-m-02{ background:url(../img/how/sec-m-02.png) no-repeat;}
.h-mt-con .sec-m-03{ background:url(../img/how/sec-m-03.png) no-repeat;}
.h-mt-con .sec-m-04{ background:url(../img/how/sec-m-04.png) no-repeat;}
.h-mt-con li dl dd{ font-size:20px; color:#009aea; text-align:center; margin-top:20px;}

.h-con-3{ background:url(../img/how/sec-z-t03.png) no-repeat center;}
.xiaoPx{ background:#009aea;}
.h-pj-con{ width:1000px; height:752px;}
.h-pj-con li{ width:440px; height:152px; float:left; margin-top:52px; font-size:24px; color:#fff; border-radius:10px; padding:30px; position:relative;}
.h-pj-con li span{ position:absolute; right:30px; bottom:20px;}
.h-pj-con .pone{ background:url(../img/how/sec-z-13.png) no-repeat center;}
.h-pj-con .pfour{ background:url(../img/how/sec-z-14.png) no-repeat center;}
.h-pj-con .pfive{ background:url(../img/how/sec-z-15.png) no-repeat center;}
.h-pj-con .ptwo{ background:#f65555;}
.h-pj-con .pthree{ background:#b8da1b;}
.h-pj-con .psix{ background:#009aea;}
.h-hz-con{ width:1000px; height:233px; background:url(../img/how/sec-z-16.png) no-repeat center;}
.h-qn-con{ width:1000px; height:572px;}
.h-qn-con li{ width:250px; height:286px; float:left; overflow:hidden; cursor:pointer;}
.h-qn-con .qone{ background:url(../img/how/sec-q-01.png) no-repeat;}
.h-qn-con .qtwo{ background:url(../img/how/sec-q-02.png) no-repeat;}
.h-qn-con .qthree{ background:url(../img/how/sec-q-03.png) no-repeat;}
.h-qn-con .qfour{ background:url(../img/how/sec-q-04.png) no-repeat;}
.h-qn-con .qfive{ background:url(../img/how/sec-q-05.png) no-repeat;}
.h-qn-con .qsix{ background:url(../img/how/sec-q-06.png) no-repeat;}
.h-qn-con .qseven{ background:url(../img/how/sec-q-07.png) no-repeat;}
.h-qn-con .qeight{ background:url(../img/how/sec-q-08.png) no-repeat;}
.h-qn-con li p{ width:130px; height:180px; background:rgba(0,0,0,.5); font-size:18px; color:#fff; text-align:center; padding:106px 60px 0;}
.h-qn-con li p span{ font-size:26px; line-height:40px;}
.h-qn-con li:hover p{ transform:translate(0,-286px); -webkit-transform:translate(0,-286px); -o-transform:translate(0,-286px); -moz-transform:translate(0,-286px); transition:transform 1s ease;}

/*北大青鸟学费*/
.banner-fee{ width:100%; height:580px; background:url(../img/school/banner.png) no-repeat; background-size:100%;}

.feeWrap{ height:2710px; margin-top:84px;  overflow:hidden;}
.feeWrap .fee-con{ width:1050px; height:2710px;}
.feeWrap .fee-con .lead{ background:url(../img/school/sec-s-t01.png) no-repeat center;}
.fee-h4{ width:580px; height:140px; color:#009aea; font-size:18px; margin:20px auto; font-weight:normal; text-align:center; line-height:30px;}
.feeWrap .fee-con .fee{ height:45px; background:url(../img/school/sec-s-t02.png) no-repeat; margin-top:106px;}
.feeWrap .fee-con ul{ width:934px; height:740px; margin:0 auto; overflow:hidden;}
.feeWrap .fee-con ul li{ overflow:hidden;}
.feeWrap .fee-con ol li{ float:left; width:450px; height:220px; margin-top:40px;}
.feeWrap .fee-con li span{ width:72px; height:68px; display:block;}
.feeWrap .fee-con .no01{ background:url(../img/school/sec-s-bg01.png) no-repeat -15px 65px; }
.feeWrap .fee-con .no01 span{ background:url(../img/school/sec-s-no1.png) no-repeat;}
.feeWrap .fee-con .no02{ background:url(../img/school/sec-s-bg02.png) no-repeat -15px 65px; margin-left:25px; }
.feeWrap .fee-con .no02 span{ background:url(../img/school/sec-s-no2.png) no-repeat;}
.feeWrap .fee-con .no03{ width:880px; height:290px; background:url(../img/school/sec-s-bg03.png) no-repeat 65px 65px; margin-top:80px;}
.feeWrap .fee-con .no03 span{ background:url(../img/school/sec-s-no3.png) no-repeat;}
.feeWrap .fee-con .no04{ width:880px; height:115px; position:relative;}
.feeWrap .fee-con .no04 span{ background:url(../img/school/sec-s-no4.png) no-repeat;}
.feeWrap .fee-con .no04 b{ font-weight:normal; width:740px; height:60px; display:block; position:absolute; top:50px; left:70px;}

.look{ width:734px; height:44px; background:url(../img/school/sec-s-t03.png) no-repeat;}
.lookCon{ width:940px; height:1100px; margin:60px auto;}
.loocL{ width:590px; height: 1100px;}
.looT{ width:590px; height:584px; background:url(../img/school/loo-bg.png) no-repeat;}
.looCen{ width:578px; height:232px; background:url(../img/school/sec-s-bg04.png) repeat-x; margin-top:18px; padding:8px 0 0 12px; border-bottom:1px dashed #67b6ef;}
.looCen h5{ font-size:18px; color:#009aea;}
.looCen p{ line-height:25px; color:#4f4f4f;}
.looB{ width:570px; height:237px; background:url(../img/school/sec-s-bg05.png) repeat-x; margin-top:3px; color:#009aea; padding:13px 10px 0 10px; position:relative;}
.looB span{ width:30px; height:21px; display:block; background:url(../img/school/sec-s-x.png) no-repeat;}
.looB .yin{ background:url(../img/school/sec-s-x2.png) no-repeat; position:absolute; bottom:30px; right:20px;}
.looB p{ text-indent:2em; line-height:25px;}
.loocR{ width:340px; height:1100px;}
.loocR dl dt{ width:333px; height:66px; background:#009aea; font-size:22px; color:#fff; font-weight:bold; text-align:center; line-height:66px;}
.loocR dl dd{ line-height:25px; color:2f2f2f; padding:0 4px 0 6px;}
.loocR dl dd b{ color:#009aea;}