.container { padding-left: 0; padding-right: 0; } i { display: inline-block; } /***************header和nav*************************/ /*.head_rimi .head_tel{ background: url(../images/home/home_head_tel.png) no-repeat;width: 32px;height: 32px; margin: 24px 0px 0 40px; }*/ .rimi_head_green a, .font_col { color: #1568ce; } .rimi_head_content .tel_col { color: #1568ce; } .rimi_topic_nav { background: #1567cb; } .rimi_nav .nav li a:hover, .nav_down .nava.on { text-decoration: none; background: #f29a00; color: #333; } .rimi_nav .nav ul li a { padding: 18px 30px; /* margin-right: 45px; */ color: #fff; } .nav li a.nav2 { margin-right: 0; } .cont_pandd .navbar-collapse { padding-right: 0px; padding-left: 0px; width: 1200px; } .nav1 { background: #f29a00; color: #333; padding-left: 0; } /************************banner***********************/ .carousel { height: 500px; } .carousel-caption { z-index: 10; } .nav_down { position: relative; z-index: 222; } .nav_down_cont { position: absolute; z-index: 222; left: 0; top: 60px; width: 132px; display: none; } .nav_down_cont a { display: block; height: 37px; line-height: 37px; text-align: center; background: rgba(20, 35, 48, 0.65); color: #c9d6df; font-size: 14px; } .nav_down_cont a:hover { background: rgba(65, 79, 99, 0.7); } .banner_bg { display: inline-block; width: 100%; background-size: cover; height: 500px; } /*banner导航*/ .banner_nav { width: 1200px; margin: auto; } .left_side { width: 243px; height: 500px; z-index: 2; background-color: rgba(0, 0, 0, 0.6); } .left_side ul.nav_txt { line-height: 80px; } .left_side .nav_txt li a { color: #fff; } .left_side .nav_txt li a span { font-size: 18px; } .left_side .nav_txt li a .lucen { line-height: 79px; filter: Alpha(opacity=50); } .left_side .nav_txt li.nav_li { color: #fff; border-bottom: 1px solid #444; padding: 0 40px; } .left_side .nav_txt li.one_li4 { border-bottom: none; } .left_side .nav_txt li.two_list a { padding: 0 22px; border-right: 1px solid #fff; } .left_side .nav_txt li.two_list a.two_list_a1 { padding-left: 0; } .left_side .nav_txt li.two_list a.two_list_a3 { padding-right: 0; border-right: none; } .left_side .nav_txt li.two_list a.two_list_a4 { padding-left: 0; padding-right: 10px; } .left_side .nav_txt li.two_list a.two_list_a5 { padding-left: 0; border-right: none; } .addwide { width: 100%; display: inline-block; } /*课程大纲display*/ .course_kind { width: 100px; height: 500px; background: rgba(186, 179, 193, 0.79); margin-left: 300px; z-index: 1; } .course_kind .nav_li { text-align: center; padding: 30px 0; } .cur { background: red; } /*****************服务专区、开班时间*******************/ .ser_class_time { width: 1200px; margin: 30px auto; } .service_class_time .service_area, .service_class_time .class_time, .service_class_time .other_message { display: inline-block; vertical-align: top; } /*服务专区*/ .service_area { width: 300px; margin-right: 18px; } /*.service_class_time h3 --> .service_class_time p 为了优化*/ .service_class_time .service_area_title, .service_class_time .class_time_title { font-size: 24px; padding-bottom: 20px; } .service_area ul li { width: 100px; height: 100px; float: left; text-align: center; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; overflow: hidden; background-color: #fff; } .service_area ul li.boder_line1, .service_area ul li.boder_line2, .service_area ul li.boder_line3 { border-top: 1px solid #dfdfdf; } .service_area ul li.boder_line1, .service_area ul li.boder_line4 { border-left: 1px solid #dfdfdf; } .service_area ul li span { display: block; font-size: 12px; line-height: 27px; } .service_area ul li i { margin-top: 10px; } /*改sprite*/ /* .serve_icon1{background: url("../images/home/serve_icon1.png") no-repeat;width: 46px;height: 46px;} .serve_icon2{background: url("../images/home/serve_icon2.png") no-repeat;width: 46px;height: 46px;} .serve_icon3{background: url("../images/home/serve_icon3.png") no-repeat;width: 46px;height: 46px;} .serve_icon4{background: url("../images/home/serve_icon4.png") no-repeat;width: 46px;height: 46px;} .serve_icon5{background: url("../images/home/serve_icon5.png") no-repeat;width: 46px;height: 46px;} */ .serve_icon6 { background: url('../images/home/serve_icon6.png') no-repeat; width: 46px; height: 46px; } /*开班时间、其他课程开班信息/列表*/ .service_class_time ul { height: 200px; background: #f7f7f5; } .service_class_time ul li { font: 16px '微软雅黑'; line-height: 40px; } section em { width: 5px; height: 5px; background: #f29a00; display: inline-block; margin-right: 5px; margin-left: 20px; position: relative; bottom: 3px; } .service_class_time .apply_time { margin-left: 167px; } .service_class_time .open_fire { color: #f29a00; } .service_class_time .open_full { color: #ff0000; } /*开班时间*/ .class_time { /*width: 425px;*/ margin-right: 18px; } .hot_icon { top: 3px; } .hot_icon { background: url('../images/home/hot_icon.png') no-repeat; width: 28px; height: 21px; } /*其他课程开班信息*/ .other_course { font-size: 16px; margin-bottom: 20px; background: #f29a00; color: #fff; padding: 5px 15px; display: inline-block; border-radius: 20px; margin-left: 258px; } .other_course a { color: #fff; } .class_time a:hover, other_message a:hover { color: #555; } /*************************热点资讯、睿峰头条**********************/ .rimi_rele_info { width: 1200px; margin: auto; } .hot_news { border: 1px solid #e5e5e5; display: inline-block; margin-bottom: 24px; } .hot_news_deta { padding: 0 13px; display: inline-block; } .hot_news_margin { margin-right: 19px; vertical-align: top; } .hot_news_deta p { border-bottom: 1px solid #e5e5e5; padding: 10px 0; font-size: 20px; color: #0d97f2; } .hot_news_deta p span a { font-size: 14px; background: #f29a00; color: #fff; padding: 4px 24px; border-radius: 20px; } .hot_news_deta img { padding: 20px 0; } section.rimi_rele_info em { margin-left: 0; margin-right: 10px; } .hot_news_deta b { width: 2px; height: 21px; margin-right: 15px; display: inline-block; background: #0d97f2; top: 3px; } .rimi_rele_info ul { margin-bottom: 10px; } .rimi_rele_info ul li { line-height: 30px; font-size: 16px; } .hot_news_deta ul li span { color: #f29a00; } .hot_news .more_a a:hover { color: #0d97f2; } /**********************学员故事**********************/ .stud_story { width: 1200px; margin: auto; } .stud_story .stud_title { font-size: 24px; margin: 40px 0; } .stud_story .stud_title a { font-size: 18px; } h3 a.h3_more { background: #f29a00; color: #fff; cursor: pointer; padding: 6px 22px; font-size: 20px; border-radius: 22px; } h3 a.h3_more:hover { color: #0d97f2; } .stud_story .stud_story_case div { display: inline-block; } .stud_story_case p { text-align: center; padding-top: 15px; } .stud_story .mar_rig { margin-right: 8px; } .stud_story .carousel .item { height: 240px; background: none; } .stud_story .carousel { height: 240px; } .carousel-control { top: 65px; left: -60px; width: 38px; height: 70px; } .carousel-control { width: 38px; } .stud_story .change_dis { right: -60px; } .stud_story .glyphicon-menu-left:before, .stud_story .glyphicon-menu-right:before { line-height: 70px; } .stud_story_list a:nth-child(1) { margin-left: 0; } .stud_story_list a { display: inline-block; margin-left: 8px; } /************************就业报告************************/ .employ_report { width: 1200px; margin: auto; } .employ_report .employ_title { font-size: 26px; margin: 40px 0; } .employ_report .employ_title a { font-size: 18px; } .employ_report .employ_det { display: inline-block; width: 233px; } .employ_report .emp_ic a { font-size: 18px; vertical-align: top; top: 14px; left: 18px; } .employ_report .emp_ic a.mgn_rgn { left: 40px; } .employ_report .emp_ic i { margin-left: 10px; } .employ_report .employ_class { padding: 7px 10px; background: #eee; } .employ_report .employ_money { color: #dc2800; font-weight: 600; font-size: 22px; } .employ_report .em_clmon { line-height: 50px; } .employ_report ul { border-top: 1px solid #cfcfcf; } .employ_report ul li { line-height: 27px; } .employ_report .employ_mgnrig { margin-right: 4px; border-right: 1px solid #cfcfcf; padding-right: 8px; } .employ_report .test_col { color: #0a84d7; } .employ_report .clas_col { color: #dc2800; } /*改*/ /*.employ_test{background: url("../images/home/employ_test.png") no-repeat;width: 81px;height: 62px;} .employ_java{background: url("../images/home/employ_java.png") no-repeat;width: 53px;height: 59px;} .employ_web{background: url("../images/home/employ_web.png") no-repeat;width: 62px;height: 62px;} .employ_ui{background: url("../images/home/employ_ui.png") no-repeat;width: 60px;height: 62px;} .employ_ios{background: url("../images/home/employ_ios.png") no-repeat;width: 60px;height: 62px;}*/ /************************就业学员************************/ .employm { width: 1200px; margin: auto; } .employm .employmTitle { font-size: 26px; margin: 40px 0; } .employm .employmTitle a { font-size: 18px; } .stud_info_desc a { display: inline-block; background: #f0f0f0; } .employm .stud_info_desc a { display: inline-block; width: 230px; height: 475px; } /*.employm .mar_righ{margin-right: 8px;}*/ .employm .stud_info_desc img { height: 230px; } .stud_name { font-size: 18px; padding: 10px 8px; height: 45px; } .com_salary { color: #0a84d7; padding-left: 8px; height: 40px; } .stud_desc { padding: 10px 8px; height: 160px; font-size: 14px; } .employm .carousel { height: 480px; } .employm .carousel .item { background: none; } .employm .carousel-control { right: -60px; top: 185px; } .employm .glyphicon-menu-left:before, .employm .glyphicon-menu-right:before { line-height: 70px; } .employm a:hover .stud_name, .employm a:hover .stud_desc { color: #555; } .stud_info_desc a:nth-child(1) { margin-left: 0; } .stud_info_desc a { margin-left: 8px; } /************************全国3000 多家合作企业**********************/ .firm_img { margin: 50px auto; } /*.firm_img img{width: 1900px;}*/ .coop_enterp { background: url('../images/home/exhib_info.png') no-repeat center center; background-size: cover; height: 358px; } /************************师资展示**********************/ .teach_show { width: 1200px; margin: auto; } .teach_show .teach_title { font-size: 26px; margin: 40px 0; } .tea_show_info div { background: #f0f0f0; display: inline-block; } .tea_show_info div img { padding: 30px; } .tea_show_info div p { text-align: center; } .tea_show_info div p.teach_name { font-size: 18px; padding-bottom: 5px; } .tea_show_info div p.teach_intr { color: #999; padding-bottom: 20px; } .mar_rig_teach { margin-right: 13px; } .teach_show .carousel { height: 300px; } .teach_show .carousel .item { height: 300px; background: none; } .teach_show .carousel-control { right: 2px; top: -60px; height: 34px; } .teach_show .posrgn { left: 1123px; } .teach_show .carousel-control.left { background: #aaa; } .teach_show .carousel-control.right { background: #aaa; } /*.look_more{position: absolute;width: 226px;height: 296px;top:0;background: #999;opacity: 0;border: 1px solid #f29a00;} .look_more p{vertical-align: middle; display: table-cell;height: 296px;padding: 0 10px;color: #0a84d7;font-size: 16px; } .mar_rig_teach:hover .look_more{opacity: 0.8;}*/ /* .ztgd { -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } */ .teach_show .glyphicon { top: 5px; } .tea_show_info div:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); transform: translate3d(0, -2px, 0); } /*********************睿峰荣誉********************/ .rimi_honor { width: 1200px; margin: auto; } .rimi_honor .rimi_title { font-size: 26px; margin: 40px 0; } .rimi_honor ul { display: flex; } .rimi_honor .mar_rig_honor { margin-right: 12px; } .rimi_honor div { height: 130px; } .rimi_honor { position: relative; overflow: hidden; } .rimi_honor ul { position: absolute; left: 0; } .rimi_honor ul li { float: left; width: 202px; list-style: none; } /*********************校园环境********************/ .campus_envir { width: 1200px; margin: auto; } .campus_envir .campus_title { font-size: 26px; margin: 40px 0; } .campus_envir .campus_title span { font-size: 18px; color: #d7d7d7; margin-left: 50px; } .campus_lay { vertical-align: top; } .avatar { position: relative; overflow: hidden; } .avatar img { transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; } .avatar:hover img { transform: scale(1.1); transition: all 1s ease 0s; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } /*********************学员活动********************/ .stud_activi { width: 1200px; margin: auto; } .stud_activi .studActivi_title { font-size: 26px; margin: 40px 0; } .stud_activi .studActivi_title span { font-size: 18px; color: #d7d7d7; margin-left: 50px; } .rimi_act_l { margin-left: 10px; } .act_img { height: 280px; position: relative; width: 390px; } .act_img span { background: #000; -moz-opacity: 0.6; filter: alpha(opacity=60); opacity: 0.6; font-size: 18px; color: #fff; position: absolute; bottom: 0; left: 0; width: 390px; height: 60px; line-height: 60px; padding-left: 10px; text-align: center; } .rimi_stu_interview div { display: inline-block; } /*********************合作院校********************/ .part_inst { background: #f0f0f0; margin-top: 50px; } .part_inst div { width: 1200px; margin: auto; } .part_inst img { margin: 30px auto; } /***************************************** *Author:Fuxh *Date:2019.1.18 *****************************************/ .nav ul li a.nav1 { padding-left: 35px; padding-right: 35px; font-weight: bold; margin-right: 10px; } .nav li.firstNav { position: relative; cursor: pointer; } .rimi_nav .nav li.firstNav a.nav1:hover { color: #fff; } .nav li.firstNav i.glyphicon-menu-hamburger { color: #fff; font-size: 19px; position: absolute; left: 20px; top: 50%; margin-top: -8px; } /* 免费试听 */ .rimi_containerBox_fxh { width: 1200px; margin: auto; } .rimi_mfsx_fxh > h2 { text-align: center; font-size: 24px; color: #222; font-weight: bold; padding: 30px 0px; margin-top: 30px; } h2 > span.sfxh { font-size: 30px; padding-left: 25px; color: #1391e6; position: relative; } h2 > span.sfxh:before { content: ''; position: absolute; width: 80px; height: 2px; background: #222; left: -17px; bottom: -15px; } .rimi_mfsx_fxh > h4 { text-align: center; font-size: 20px; color: #454545; } .mfst_items_fxh { position: relative; padding-top: 50px; } .mfst_item1_fxh .item1 { width: 560px; overflow: hidden; } .mfst_item1_fxh .item1 > li { float: left; width: 260px; height: 140px; border: 2px solid #5c629e; border-radius: 10px; margin: 0 20px 20px 0; padding: 30px 25px 30px 20px; background-color: #fff; } .item1 > li > a { color: #000; font-size: 28px; font-weight: bold; line-height: 42px; } p.mf_fbt { color: #f40045; font-size: 20px; } p.mf_fbt > span { padding-left: 70px; } p.mf_fbt > span.paddL { padding-left: 46px; } .mfst_item2_fxh, .mfst_item3_fxh { width: 349px; height: 300px; border: 2px solid #5c629e; border-radius: 10px; background-color: #71a5fd; padding: 18px 40px 14px; text-align: center; color: #fff; margin-left: 8px; } p.mfsq_bt { font-size: 24px; font-weight: bold; } .mfsq_djs_fxh { margin: 5px 0; font-size: 14px; line-height: 30px; } .mfsq_djs_fxh > span { border-radius: 4px; background-color: #f40045; border: 1px; padding: 4px 8px; font-size: 18px; margin-right: 5px; } input.sqInfo { width: 100%; height: 42px; border: 1px solid #fff; border-radius: 6px; background-color: #fff; margin-bottom: 10px; padding-left: 10px; } input.sqInfo::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #989898; font-size: 14px; } input.sqInfo::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #989898; font-size: 14px; } input.sqInfo::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #989898; font-size: 14px; } input.sqInfo::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #989898; font-size: 14px; } input.sqBtn { width: 100%; height: 33px; line-height: 33px; border-radius: 6px; border: 1px; background-color: #f71348; text-align: center; color: #fff; font-size: 18px; font-weight: bold; } .mfst_item3_fxh { width: 262px; margin-left: 0; padding: 18px 35px 14px; } .sqmd_box { height: 220px; font-size: 18px; line-height: 32px; margin-top: 10px; overflow: hidden; } .sqmd_box li { font-size: 18px; font-weight: bold; line-height: 33px; } .sqmd_box li span { padding-right: 20px; } .mfst_items_fxh:before { content: ''; width: 580px; height: 248px; background: -webkit-linear-gradient(136deg, #4b8bf9, #4b8bf9, #4869ee); background: -moz-linear-gradient(136deg, #4b8bf9, #4b8bf9, #4869ee); background: linear-gradient(136deg, #4b8bf9, #4b8bf9, #4869ee); position: absolute; left: 0; top: 82px; z-index: -1; } /* 课程体系 */ p.rimi_art_title { font-size: 24px; margin: 20px 0; } .kc-java-ico, .kc-test-ico, .kc-UI-ico, .kc-web-ico, .kc-other-ico, .kc-python-ico, .kc-rgzn-ico, .kc-wlyx-ico, .mfst-ico, .zxzx-ico, .jyfw-icon, .kcjs-ico, .pythonsp-ico, .html5sp-ico, .javasp-ico, .UIsp-ico, .xinmeitisp-ico, .cloud-computingsp-ico, .dashujusp-ico, .ruanjianceshisp-ico, .UIxz-ico, .dashujuxz-ico, .html5xz-ico, .javaxz-ico, .pythonxz-ico, .ruanjianceshixz-ico { background: url(../images/newindex/rimi_icon.png) no-repeat; } .kc-java-ico { background-position: -2px -4px; width: 56px; height: 76px; } .kc-test-ico { background-position: -66px -5px; width: 67px; height: 67px; } .kc-UI-ico { background-position: -217px -4px; width: 61px; height: 67px; } .kc-web-ico { background-position: -141px -5px; width: 67px; height: 67px; } .kc-other-ico { background-position: -257px -81px; width: 58px; height: 58px; } .kc-python-ico { background-position: -96px -84px; width: 69px; height: 70px; } .kc-rgzn-ico { background-position: -174px -82px; width: 73px; height: 73px; } .kc-wlyx-ico { background-position: -3px -89px; width: 84px; height: 66px; } .rimi_cktx_box { color: #fff; font-size: 14px; padding-bottom: 60px; } .rimi_cktx_left { width: 225px; height: 350px; border: 1px; border-radius: 12px; padding: 50px 25px 29px; text-align: center; background: -webkit-linear-gradient( 138deg, rgba(75, 139, 249, 0.89), rgba(72, 105, 238, 0.89) ); background: -moz-linear-gradient( 138deg, rgba(75, 139, 249, 0.89), rgba(72, 105, 238, 0.89) ); background: linear-gradient( 138deg, rgba(75, 139, 249, 0.89), rgba(72, 105, 238, 0.89) ); } .cktx_title { font-size: 36px; font-weight: bold; } .cktx_desc { font-weight: bold; padding: 80px 0px 55px; } .cktx_kflj > a { font-size: 12px; padding: 5px 10px; color: #fff; border: 1px solid #fff; } .cktx_kflj > a:hover, .kc_lists a:hover { color: #f1f1f1; } .kc_lists > li { float: left; width: 232px; height: 170px; margin-left: 10px; margin-bottom: 10px; border: 1px; border-radius: 10px; background-color: #0a84d7; padding: 25px 6px 0px; } .rimi_cktx_right { text-align: center; width: 968px; } .kc_lists a { color: #fff; } .kc_lists li.padd20 { padding-top: 20px; } .kc_lists li p, .kc_lists .kcName { width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kc_lists .kcName { font-size: 18px; font-weight: bold; padding: 4px 0; } .item_bgc1 { background: -webkit-linear-gradient(138deg, #fc9294, #f36366); background: -moz-linear-gradient(138deg, #fc9294, #f36366); background: linear-gradient(138deg, #fc9294, #f36366); } .item_bgc2 { background: -webkit-linear-gradient(138deg, #76e9ca, #029178); background: -moz-linear-gradient(138deg, #76e9ca, #029178); background: linear-gradient(138deg, #76e9ca, #029178); } .item_bgc3 { background: -webkit-linear-gradient(138deg, #80bde6, #2063a6); background: -moz-linear-gradient(138deg, #80bde6, #2063a6); background: linear-gradient(138deg, #80bde6, #2063a6); } .item_bgc4 { background: -webkit-linear-gradient(138deg, #838ef3, #2e3dc1); background: -moz-linear-gradient(138deg, #838ef3, #2e3dc1); background: linear-gradient(138deg, #838ef3, #2e3dc1); } .item_bgc5 { background: -webkit-linear-gradient(138deg, #71a5fd, #314bb7); background: -moz-linear-gradient(138deg, #71a5fd, #314bb7); background: linear-gradient(138deg, #71a5fd, #314bb7); } .item_bgc6 { background: -webkit-linear-gradient(138deg, #b88bed, #602d94); background: -moz-linear-gradient(138deg, #b88bed, #602d94); background: linear-gradient(138deg, #b88bed, #602d94); } .item_bgc7 { background: -webkit-linear-gradient(138deg, #fea589, #fd7144); background: -moz-linear-gradient(138deg, #fea589, #fd7144); background: linear-gradient(138deg, #fea589, #fd7144); } .item_bgc8 { background: -webkit-linear-gradient(138deg, #fd8adb, #d02bbd); background: -moz-linear-gradient(138deg, #fd8adb, #d02bbd); background: linear-gradient(138deg, #fd8adb, #d02bbd); } /* 新闻资讯 */ .hot_news { width: 393px; height: 335px; border-radius: 10px; display: block; float: left; border-color: #d7d7d7; margin-bottom: 10px; } .hot_news.marginLR { margin: 0px 10px 10px; } .hot_news_deta { padding: 0; } .hot_news_deta p { padding: 10px 13px; font-size: 22px; } .hot_news_deta b { width: 6px; } .hot_newImg { width: 100%; border: 1px solid #fff; margin: 20px 0; border-radius: 10px; background-color: #ffa703; } .hot_newImg img { width: 100%; vertical-align: middle; padding: 0; border-radius: 10px; } .hot_news_deta p span a { background: none; color: #555; } .hot_news_box { padding: 0 13px; } .hot_news_box > ul > li { font-size: 14px; line-height: 27px; width: 365px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } section.rimi_rele_info .hot_news_box em { width: 4px; height: 4px; background-color: #454545; border-radius: 50%; margin-right: 6px; } /* 限时优惠banner */ .rimi_syllabus { padding-top: 20px; } .rimi_xsyh_banner { width: 100%; max-height: 129px; margin: 20px 0; position: relative; } .rimi_xsyh_banner > img { width: 100%; } .rimi_xsyh_box { position: absolute; height: 100%; top: 5px; left: 50%; margin-left: -600px; } .rimi_xsyh_btn { width: 145px; height: 34px; border-radius: 4px; line-height: 34px; position: absolute; right: 52px; top: 50%; margin-top: -17px; background: -webkit-linear-gradient(left, #fff94b, #ffce4e); background: -moz-linear-gradient(left, #fff94b, #ffce4e); background: linear-gradient(to right, #fff94b, #ffce4e); } .rimi_xsyh_btn > a { width: 100%; height: 100%; display: block; color: #222; font-size: 18px; position: relative; padding: 0px 15px; } .link_btn { width: 20px; height: 20px; position: absolute; right: 18px; top: 50%; margin-top: -10px; text-align: center; line-height: 20px; background: #232323; box-shadow: 1px 1px 1px 0px rgba(165, 127, 21, 0.95); font-size: 14px; color: #fff94b; margin-left: 15px; } /* 课程大纲 */ .syllabus_item { padding-bottom: 30px; } .syll_item1 { width: 351px; height: 410px; border: 1px; color: #fff; border-radius: 10px; text-align: center; padding-top: 40px; background: url(../images/newindex/java+dsj-bg.png) no-repeat center center; } .kcdg_bg1 { background-image: url(../images/newindex/test-bg.png); } .kcdg_bg2 { background-image: url(../images/newindex/xinmeiti-bg.png); } .kcdg_bg3 { background-image: url(../images/newindex/Python-bg.png); } .kcdg_bg4 { background-image: url(../images/newindex/web-bg.png); } .syll_item1 > h4 { font-size: 26px; font-weight: bold; line-height: 21px; text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.4); } .syll_item2 { width: 544px; height: 410px; background: #f1f1f1; border-radius: 10px; text-align: center; padding: 30px 10px 22px; margin: 0 10px; position: relative; } .item2_box { padding: 0px 30px; } .item2_box > li { width: 232px; padding: 0 3px; float: left; padding-bottom: 20px; color: #1391e6; font-size: 18px; line-height: 28px; } .item2_box > li span { display: inline-block; width: 100%; overflow: hidden; height: 56px; } .item2_box > li.margL { /* margin-left: 120px; */ } .mfst-ico { background-position: -71px -164px; width: 64px; height: 64px; } .zxzx-ico { background-position: -214px -163px; width: 69px; height: 62px; } .jyfw-icon { background-position: -146px -163px; width: 57px; height: 61px; } .kcjs-ico { background-position: -4px -165px; width: 58px; height: 61px; } p.spzx { height: 42px; line-height: 42px; color: #222222; font-size: 16px; border: 1px; border-radius: 21px; background-color: #fff; position: absolute; bottom: 30px; width: 524px; } .syll_item3 { width: 285px; height: 410px; font-size: 17px; background: rgba(241, 241, 241, 1); border-radius: 10px; padding: 28px 21px 24px 23px; text-align: center; color: #454545; } .syll_item3 > h4 { position: relative; line-height: 38px; } .syll_item3 > h4:after { content: ''; width: 34px; height: 2px; position: absolute; bottom: 0; left: 50%; margin-left: -17px; background-color: #454545; } .kb_sysw { padding: 62px 30px 0; } .kb_sysw { display: inline-block; } .sysw_num { font-size: 74px; font-weight: bold; } .sysw_js { font-size: 18px; } .sysw_sw { font-size: 28px; } .sysw_rg { padding: 20px 0px 0px 3px; } .progress { height: 24px; padding: 4px 5px; border: 2px solid #d9d9d9; background: #fff; border-radius: 6px; -webkit-box-shadow: none; box-shadow: none; } .progress-bar { color: #000; font-size: 16px; background-color: #ffa703; line-height: 12px; border-radius: 2px; background-image: -webkit-linear-gradient(90deg, #ff8003 0, #ffa703 100%); background-image: -o-linear-gradient(90deg, #ff8003 0, #ffa703 100%); background-image: linear-gradient(to right, #ff8003 0, #ffa703 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8003', endColorstr='#FFA703', GradientType=0); } .kb_time { font-size: 14px; color: #6d6d6d; } .time_num { font-size: 20px; color: #454545; padding-bottom: 3px; } .yy_link > a { display: inline-block; padding: 5px 22px; font-size: 20px; color: #fff; background: -webkit-linear-gradient( 90deg, rgba(255, 128, 3, 1), rgba(255, 167, 3, 1) ); background: -moz-linear-gradient( 90deg, rgba(255, 128, 3, 1), rgba(255, 167, 3, 1) ); background: linear-gradient( 90deg, rgba(255, 128, 3, 1), rgba(255, 167, 3, 1) ); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.35); border-radius: 6px; } .syll_left_tt { padding-top: 212px; } .syll_left_tt > p { font-size: 22px; font-weight: bold; padding-bottom: 21px; } .syll_left_tt > a { font-size: 18px; font-weight: bold; padding: 10px 24px; background: #fff; border-radius: 4px; color: #4565b9; } .kcdg_bg1 .syll_left_tt > a { color: #cc42cb; } .kcdg_bg2 .syll_left_tt > a { color: #3d6fdf; } .kcdg_bg3 .syll_left_tt > a { color: #5f4a8b; } .kcdg_bg4 .syll_left_tt > a { color: #3b5492; } /* 教学视频 */ .thVideo_list > li { float: left; width: 140px; height: 140px; background-color: #7696ea; margin-left: 11px; text-align: center; position: relative; padding: 19px 23px; font-size: 12px; } .thVideo_list > li > a { color: #fff; } .thVideo_list li.thVideo_bg { margin-left: 0; } .thVideo_list > li.thVideo_bg1 { background-color: #fe8858; } .thVideo_list > li.thVideo_bg2 { background-color: #fcaa58; } .thVideo_list > li.thVideo_bg3 { background-color: #fc5b58; } .thVideo_list > li.thVideo_bg4 { background-color: #62aecd; } .thVideo_list > li.thVideo_bg5 { background-color: #46aaa4; } .thVideo_list > li.thVideo_bg6 { background-color: #c067d3; } .thVideo_list > li.thVideo_bg7 { background-color: #8367d3; } .pythonsp-ico { background-position: -128px -237px; width: 58px; height: 58px; } .html5sp-ico { background-position: -4px -238px; width: 55px; height: 57px; } .javasp-ico { background-position: -69px -237px; width: 49px; height: 60px; } .UIsp-ico { background-position: -197px -237px; width: 51px; height: 57px; } .xinmeitisp-ico { background-position: -214px -302px; width: 56px; height: 56px; } .cloud-computingsp-ico { background-position: -3px -305px; width: 69px; height: 52px; } .dashujusp-ico { background-position: -143px -303px; width: 60px; height: 53px; } .ruanjianceshisp-ico { background-position: -82px -303px; width: 50px; height: 58px; } p.sp_title { font-size: 16px; font-weight: bold; } i.glyphicon { font-size: 20px; position: absolute; left: 7px; top: 112px; } /* 就业薪资 */ .rimi_employ_report { padding-top: 30px; } .employ_items { width: 380px; height: 150px; border: 1px solid #d7d7d7; border-radius: 4px; padding: 28px 25px 24px 28px; margin: 0 0 30px 30px; float: left; } .employ_items.noMargL { margin-left: 0; } p.iconBox { width: 66px; height: 81px; } .UIxz-ico { background-position: -4px -454px; width: 62px; height: 68px; } .dashujuxz-ico { background-position: -149px -456px; width: 67px; height: 62px; } .html5xz-ico { background-position: -85px -367px; width: 61px; height: 71px; } .javaxz-ico { background-position: -6px -365px; width: 66px; height: 81px; } .pythonxz-ico { background-position: -159px -367px; width: 66px; height: 66px; } .ruanjianceshixz-ico { background-position: -76px -449px; width: 59px; height: 70px; font-size: 14px; } .employ_right { color: #222; padding-left: 16px; } .report_text > p.zgxz_tt { font-size: 18px; } p.xz_num { font-size: 33px; color: #f71348; } .employ_right > p { padding-top: 10px; line-height: 24px; } span.zgxz_num { color: #f71348; } /* 就业学员banner 滚动 */ #certify .swiper-container { height: 465px; overflow: hidden; margin: 0px 60px; } #certify .swiper-slide { width: 225px; height: 457px; background: #fff; overflow: hidden; border-radius: 31px; box-shadow: 0px 2px 3px 1px #d3d6d8; } #certify .swiper-slide img { display: block; height: 100%; } #certify .carousel-control span::before { line-height: 45px; } .carousel .carousel-control.right { right: 10px; } /* 企业招聘 */ .rimi_qyzp_box { padding: 40px 0px; } .zpqy_imgBox { width: 143px; height: 216px; border: 2px solid #138ee4; text-align: center; padding: 18px 15px; } .zpqy_imgBox p { height: 32px; margin-bottom: 18px; } .zpqy_imgBox p:last-child { margin: 0; } .zpqy_imgBox p img, .qyzp_imgbox a img, .rimi_hzqyLogo li img { width: 100%; vertical-align: middle; } .qyzp_imgbox a { display: inline-block; width: 340px; height: 216px; margin-left: 12px; float: left; overflow: hidden; } /* 合作企业 */ .rimi_hzqyLogo li { float: left; width: 110px; height: 60px; text-align: center; margin-left: 11px; margin-bottom: 11px; /* padding:18px 0; border:1px solid #D7D7D7; */ } li.noMarg { margin-left: 0; } .rimi_sysq_banner { height: 180px; margin: 35px 0; background: url('../images/newindex/yourandmingqi-bg.png') no-repeat; background-position: center center; } .rimi_xsyh_banner img { width: 100%; } .stsq_formBox { height: 100%; padding: 30px 0px 22px; position: relative; } .stsq_formBox form { height: 100%; width: 300px; position: absolute; right: 70px; } .sqbd_form input { width: 254px; height: 36px; background: #fff; border-radius: 6px; margin-bottom: 10px; padding-left: 10px; border: 1px; } input.sub_btn { text-align: center; color: #fff; font-size: 16px; font-weight: bold; background-color: #ffa703; } .sqbd_form input::-webkit-input-placeholder { font-size: 14px; color: #898989; } /* 使用webkit内核的浏览器 */ .sqbd_form input:-moz-placeholder { font-size: 14px; color: #898989; } /* Firefox版本4-18 */ .sqbd_form input::-moz-placeholder { font-size: 14px; color: #898989; } /* Firefox版本19+ */ .sqbd_form input:-ms-input-placeholder { font-size: 14px; color: #898989; } /* IE浏览器 */ .sqbd_form input::input-placeholder { font-size: 14px; color: #898989; } /* 师资阵容 */ .teach_show .szzr_listBox_left { width: 845px; height: 675px; } .rimi_art_title .th_more { font-size: 14px; display: inline-block; line-height: 34px; padding-right: 12px; } .szzr_listBox { position: relative; height: 582px; } .teach_show { margin-bottom: 70px; } .tea_show_info { padding-bottom: 22px; margin-left: -20px; } .tea_show_info li { width: 152px; height: 280px; padding-top: 10px; overflow: hidden; text-align: center; margin-left: 20px; float: left; position: relative; } .tea_show_info li.mar_leftNo { margin-left: 0; } .tea_show_info li img { width: 100%; vertical-align: middle; } p.teach_name { width: 100%; height: 30px; line-height: 30px; color: #fff; font-size: 16px; position: absolute; bottom: 0; left: 0; background-color: rgba(2, 2, 2, 0.52); } p.teach_info { width: 100%; height: 0px; position: absolute; bottom: -10px; left: 0; z-index: 1; color: #fff; font-size: 14px; background-color: rgba(0, 0, 0, 0.52); overflow: hidden; padding: 5px; text-align: left; transition: 0.5s linear; } .tea_show_info li:hover p.teach_info { height: 130px; bottom: 30px; } .szzr_blogs_right { width: 340px; height: 100%; } .szzr_blogs_right .rimi_art_title { font-size: 18px; line-height: 37px; margin-bottom: 27px; } .szzr_blogs_right .rimi_art_title > span { color: #1391e6; } .teach_blogs_box { border: 1px solid #e6e6e6; border-radius: 4px; } p.blogs_banner { width: 100%; height: 118px; } p.blogs_banner img { width: 100%; } .blogs_list { height: 430px; overflow: hidden; padding: 18px 8px; } .blogs_list > a { display: block; font-size: 14px; color: #333; padding-top: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 5px; } /*校园环境 学员活动 */ .com_mg_rig.camp_env1 { width: 442px; height: 409px; margin-right: 10px; } .campus_lay.com_mg_rig { width: 746px; } .camp_img_top { padding-bottom: 12px; } .camp_img_top > .camp_env1 { width: 180px; height: 200px; } .camp_img_top > .camp_env2 { width: 364px; height: 200px; } .camp_img_bottom > .camp_env2 { width: 372px; height: 200px; } .camp_img_bottom > .camp_env1 { width: 175px; height: 200px; } div.margR10 { margin-right: 10px; } div.margR12 { margin-right: 12px; } div.avatar > img { width: 100%; } .rimi_xyhd_bt > span { padding-left: 40px; color: #cccc; font-size: 16px; } /* 常见问题 */ .rimi_cjwt_box { padding: 40px 0px 20px; } p.cjwt_icon { height: 30px; width: 298px; float: left; padding-left: 38px; margin-bottom: 33px; line-height: 26px; font-size: 18px; color: #1a1a1a; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url('../images/newindex/cjwt-icon.png') no-repeat left center; }