/*标题*/
.bt01{ width:100%; text-align:center;}

/*没经验、刚毕业、想提升来洛阳北大青鸟学编程*/
.xbc{ width:1200px; margin:0 auto;}
.xbc ul{ width:1232px; margin-left:-32px;}
.xbc ul li{ width:276px; height:415px; float:left; display:block; background:#6b7eff; border-radius:10px; margin-left:32px; overflow:hidden;}
.xbc ul li img{ width:163px; height:163px; margin:0 auto; display:block; margin-top:40px;}
.xbc ul li h2{ font-size:30px; color:#FFF; display:block; text-align:center;}
.xbc ul li p{ width:82%; margin:0 auto; display:block; font-size:18px; color:#FFF; line-height:30px; text-align:center;}

/*查看更多*/
.xbc_gd{ width:500px; height:72px; line-height:72px; margin:0 auto;}
.xbc_gd a{ width:100%; height:72px; line-height:72px; background:-webkit-linear-gradient(330deg,#ff7e6a,#ff5350); text-align:center; color:#FFF; font-size:30px; font-weight:bolder; border-radius:36px; display:block;}
.xbc_gd a:hover{ color:#fcff28; text-decoration:underline;}

/*互联网+时代  编程学习正当时*/
.xxys{ width:1200px; height:244px; background:-webkit-linear-gradient(90deg,#5e54ea,#3f80f5); border-radius:10px; margin:0 auto;}
.xxys_01{ background:url(../images/index_05.png) 10px 10px no-repeat;}
.xxys_011{ width:1060px; margin:0 auto;}
.xxys_nr{ width:685px;}
.xxys_nr h2{ font-size:30px; display:block;}
.xxys_nr p{ font-size:18px; line-height:32px; display:block;}

.xxys_nl{ width:262px;}
.xxys_nl_1{ width:262px; height:75px; background:-webkit-linear-gradient(0deg,#30eeee,#18c1dd); line-height:30px; border-radius:8px; font-size:18px;}
.xxys_nl_2{ background:-webkit-linear-gradient(0deg,#fd9570,#d96937);}

/*人才需求大，每日超过30000个职位空缺*/
.xqd{ height:40px; line-height:40px; padding-left:25px; background:url(../images/index_06.png) left center no-repeat; font-size:24px; font-weight:bolder;}

/*精选IT行业热门编程课程*/
.rmkc{ width:1200px;}
.rmkc li{ width:239px; height:330px; float:left; display:block; border-bottom:1px #dedede dashed; border-right:1px #dedede dashed; padding-top:30px;}
.rmkc li img{ width:132px; height:132px; margin:0 auto; display:block;}
.rmkc li h2{ font-size:30px; line-height:30px; text-align:center; display:block;}
.rmkc li p{ font-size:18px; text-align:center; display:block; color:#666666;}
.rmkc li span{ display:block;}
.rmkc li a{ width:155px; height:42px; line-height:42px; border:2px #dedede solid; display:block; text-align:center; font-size:18px; color:#999999; border-radius:10px; margin:0 auto;}
.rmkc li a:hover{ border:2px #ff7263 solid; color:#ff7263; text-decoration:underline;}
.rmkc li.rmkc_br0{ border-right:none;}
.rmkc li.rmkc_bt0{ border-bottom:none;}

/*课程内容实时更新 紧跟前沿技术*/
.kcnr{ width:1200px; background:#fff; border-radius:12px;}
.kcnr_01{ width:1168px; height:50px; line-height:50px; background:#ff5c55; border-radius:12px; padding:12px 16px; overflow:hidden;}
.kcnr_01 li{ width:146px; height:50px; float:left; display:block; text-align:center; font-size:24px; color:#FFF;}
.kcnr_01 li:hover{ width:146px; height:50px; background:#fff; border-radius:25px; font-size:24px; color:#e83e37; display:block; font-weight:bolder;}
.kcnr_01 li.current{ width:146px; height:50px; background:#fff; border-radius:25px; font-size:24px; color:#e83e37; display:block; font-weight:bolder;}

/*掌握8大核心技能*/
.hxjn{ width:1200px; margin:0 auto;}
.hxjn ul{ width:1244px; margin-left:-44px;}
.hxjn ul li{ width:267px; height:317px; display:block; float:left; margin-left:44px; margin-top:45px; background:url(../images/index_08.png) no-repeat; padding-top:22px; overflow:hidden;}
.hxjn ul li span{ width:267px; height:90px; line-height:90px; display:block; font-size:36px; color:#fff;}
.hxjn ul li img{ width:220px; height:196px; border-radius:14px; border:4px #fff solid; margin:0 auto; display:block;}

.hxjn_01{ width:1106px; height:590px; margin:0 auto; text-align:center;}

/*超燃！95后“薪”人类  掀抢人风潮*/
.qrfc_01{ width:282px; height:170px; line-height:60px; padding-top:50px; background:url(../images/career-pomp01.jpg) no-repeat;}
.qrfc_02{ background:url(../images/career-pomp02.jpg) no-repeat;}
.qrfc_03{ background:url(../images/career-pomp03.jpg) no-repeat;}
.qrfc_04{ background:url(../images/career-pomp04.jpg) no-repeat;}

.gxxy{ width:390px; height:464px; background:#f0f0f0;}
.gxxy img{ width:390px; height:352px; display:block;}
.gxxy p{ width:390px; display:block; line-height:30px; font-size:18px;}
.gxxy_01{ width:810px;}
.gxxy_01 li{ width:255px; height:224px; display:block; float:left; background:#f0f0f0; margin-left:15px; overflow:hidden;}
.gxxy_01 li img{ width:254px; height:155px; display:block;}
.gxxy_01 li p{ line-height:22px;}

/*名校名企师资  铸就高起点*/
.mqmx{ width:1200px; background:url(../images/index_33.png) repeat-x; margin:0 auto;}
.mqmx_01{ width:500px;}
.mqmx_01 img{ width:373px; margin:0 auto; display:block;}
.mqmx_02{ width:545px; height:528px; background:#5f72ff; padding-left:65px; padding-right:55px; margin-top:38px;}
.mqmx_02 h1{ height:68px; line-height:68px; background:url(../images/index_34.png) left center no-repeat; font-size:48px; display:block; padding-left:30px; color:#5bf7fd;}
.mqmx_02 h2{ height:58px; line-height:58px; font-size:30px; display:block;}
.mqmx_02 p{ font-size:24px; line-height:42px; display:block;}

/*选项卡*/
.mqmx_xxk{ width:204px; margin:0 auto; margin-top:40px;}
.mqmx_xxk li{ width:15px; height:15px; border-radius:50%; background:#c5cff3; float:left; display:block; margin-left:18px; overflow:hidden;}
.mqmx_xxk li:hover{ width:40px; height:15px; background:#3656c7; border-radius:20px; display:block;}
.mqmx_xxk li.current{ width:40px; height:15px; background:#3656c7; border-radius:20px; display:block;}


/*完善的教学服务  不用担心学不会*/
.jxfw{ background:url(../images/index_36.png) top center no-repeat;}
.jxfw_01{ width:1200px;}
.jxfw_01 ul{ width:1224px; margin-left:-24px; overflow:hidden; display:block;}
.jxfw_01 ul li{ width:384px; height:233px; display:block; float:left; margin-left:24px; margin-top:25px; overflow:hidden; background:url(../images/index_35.png) no-repeat;}
.jxfw_01 ul li h2{ font-size:36px; display:block;}
.jxfw_01 ul li p{ font-size:26px; line-height:42px; display:block;}

/*终身就业服务体系  彰显大品牌实力*/
.zsjy{ width:240px; height:304px; background:#FFF;}
.zsjy h2{ font-size:24px; display:block;}
.zsjy hr{ width:70px; height:4px; background:#5f72ff; border:none; margin:0 auto; margin-top:12px; overflow:hidden;}
.zsjy p{ width:194px; font-size:18px; line-height:32px; margin:0 auto; display:block;}

/*大学校园环境  衣食住行更舒心*/
.xyhj_01{ height:228px; background:url(../images/index_42.png) top center no-repeat;}
.xyhj_02{ height:228px; background:url(../images/index_43.png) top center no-repeat;}

/*洛阳北大青鸟课程好不好  免费听听才知道*/
.mfst{ width:1200px;}
.mfst ul{ width:1216px; margin-left:-16px;}
.mfst ul li{ width:288px; float:left; display:block; margin-left:16px; margin-top:25px; background:#fff;}
.mfst ul li img{ width:288px; height:162px; display:block;}
.mfst ul li span{ width:224px; margin:0 auto; display:block; padding-top:18px; padding-bottom:18px;}
.mfst ul li span a{ width:224px; height:48px; line-height:48px; display:block; text-align:center; font-size:24px; color:#FFF; background:-webkit-linear-gradient(330deg,#ff7e6a,#ff5350); border-radius:25px;}
.mfst ul li span a:hover{ color:#fcff28; text-decoration:underline;}


/*表单*/
.bdxx_01{ height:409px; background:url(../images/index_35.jpg) center no-repeat;}
.bdxx_011{ width:1080px; margin:0 auto;}
.bdxx_011_1{ width:375px;}

.lxfs_01{ width:360px; height:55px; line-height:55px; border:none; font-size:18px; color:#121212; background:#ffffff; border-radius:6px; padding-left:15px; margin-top:20px; overflow:hidden;}
input::-webkit-input-placeholder{ color:#aaa; border:none; }
.lxfs_02{ width:375px; height:55px; line-height:55px; background:#f9ed1f; font-size:18px; color:#4e4a0e; border-radius:6px; text-align:center; border:none;}