body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; } body { background: #fff; font-size: 14px; font-family: "微软雅黑", Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } a { color: #555; text-decoration: none; } a:hover { text-decoration: none; color: #337ab7; } img { border: none; } ol, ul, li { list-style: none; } table { border-collapse: collapse; } html { overflow-y: scroll; } /* css common */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; } .fr { float: right; } .fl { float: left; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @-webkit-keyframes rotateIn { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg) } } @keyframes rotateIn { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg) } } @keyframes top { from, to { transform: translateY(-5px); opacity: 0.7; } 20% { transform: translateY(0px); opacity: 0.8; } 80% { transform: translateY(2px); opacity: 0.9; } 80% { transform: translateY(5px); opacity: 1; } } /*head*/ .head { width: 100%; background: #ffffff; height: 80px; } .mt { margin-top: 84px; } .rimi_coms { width: 1200px; margin: 0 auto; overflow: hidden; } .head_rimi { height: 80px; line-height: 80px; } .rimi_lxz { margin-top: 10px; margin-left: 30px; } .head_fig { height: 24px; width: 1px; background: #adadad; margin-top: 28px; } .rimi_head_content p { float: left; color: #666; margin-right: 10px; } .rimi_head_phone { background: url(../images/rimi_head_phone.png) no-repeat 8px; padding-left: 40px; font-size: 16px; color: #000; } /*nav*/ .rimi_topic_nav { width: 100%; height: 60px; background: #333; } .rimi_nav { height: 60px; line-height: 60px; } .logo img { vertical-align: middle; } .nav { font-size: 18px; } .nav ul li { float: left; margin-left: 21px; } .nav ul li a { color: #fff; padding: 20px 10px; } .nav ul li a:hover { background: #00BAFF; color: #fff; transition: all 0.4s ease-in-out 0s; } /*banner*/ .rimi_banner { background: url(../images/ui_banner.jpg) no-repeat center center; height: 719px; overflow: hidden; text-align: center; } .soft_it { margin-top: 100px; } .soft_fit_peo { overflow: hidden; margin-top: 10px; } .soft_fit_peo ul li { float: left; color: #f4496d; font-size: 28px; padding: 0px 20px; border: 2px solid #f4496d; height: 60px; line-height: 60px; } .ui_zero { margin-left: 270px; } .se_fit { margin-left: 18px; } .banner_btn { background: url(../images/ui_banner_btn_bg.png)no-repeat center center; height: 52px; font-size: 24px; line-height: 50px; margin-top: 50px; } .banner_btn a { color: #fff; display: block; } /*offer*/ .menu { height: auto; } .menu ul { margin: 60px 0 80px 0; overflow: hidden; } .rimi_offer { text-align: center; font-size: 30px; margin-top: 45px; } .offer_img { margin: 25px 18px 0px 30px; } .offer_info { margin-top: 25px; } .menu ul li { background: url(../images/tg_bg.png) no-repeat center center; width: 187px; height: 97px; color: #808080; font-size: 16px; } .rimi_off_l { margin-left: 14px; } /*web_form*/ .web_form_box { background: url(../images/ui_form_bg.jpg) no-repeat center center; height: 460px; } .rimi_form_font { margin: 120px 0 0 100px; } .rimi_form { width: 50%; } .rimi_form form { margin-top: 80px; margin-left: 60px; font-family: "Microsoft YaHei"; } .rimi_form form input { height: 60px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 0; } .form_name { width: 400px; background: url(../images/form_name_bg.png) #fff no-repeat 30px 15px; padding-left: 80px; font-size: 20px; color: #adadad; box-shadow: -2px -2px 2px #999 inset; -webkit-box-shadow: -2px -2px 2px #999 inset; } .form_phone { width: 400px; background: url(../images/form_phone_bg.png) #fff no-repeat 30px 15px; padding-left: 80px; font-size: 20px; color: #adadad; box-shadow: -2px -2px 2px #999 inset; -moz-box-shadow: -2px -2px 2px #999 inset; } .fo_m_t { margin-top: 20px; } .form_submit { width: 300px; height: 60px; background: #f4496d; color: #fff; font-size: 24px; font-family: "微软雅黑", Arial, sans-serif; cursor: pointer; margin-left: 90px; margin-top: 20px; } /*soft_apply*/ .soft_stu_apply { width: 100%; height: 70px; background: #f0f0f0; font-size: 16px; line-height: 70px; overflow: hidden; } .marquee { overflow: hidden; height: 70px; width: 1200px; margin: 0 auto; } .marquee ul li { float: left; line-height: 70px; color: #666; margin-left: 60px; } /*rimi-java*/ .rimi_java { width: 100%; height: 420px; background: #2a3e76; text-align: center; } .rimi_java_tt { font-size: 48px; font-weight: bold; color: #000; margin-top: 80px; text-align: center; } .rimi_java_tt span { color: #f4496d; } .rimi_java_pp { color: #fff; font-size: 20px; margin-top: 50px; } .ele_java { color: #fff; font-size: 24px; width: 520px; height: 60px; background: #4995f4; margin: 45px auto; line-height: 60px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -ms-border-radius: 30px; } /*java_advantage*/ .java_advantage { background: url(../images/java_six.jpg) no-repeat; height: 772px; } .java_advantage::before { content: ""; position: absolute; left: 50%; margin-left: -40px; width: 0; height: 0; border-top: 30px solid #2a3e76; border-right: 40px solid transparent; border-left: 40px solid transparent; } .rimi_choo_java { text-align: center; font-size: 40px; color: #fff; font-weight: lighter; margin-top: 40px; } .rimi_choo_java span { color: #4995f4; font-weight: bold; } .rimi_choo_java span em { font-size: 70px; font-weight: bold; } .rimi_advantage { overflow: hidden; margin-top: 35px; } .rimi_advantage ul li { width: 400px; float: left; } .advant_img { text-align: center; } .advant_info { color: #fff; font-size: 16px; padding: 5px 20px; } /*java前景*/ .rimi_java_pro { width: 100%; height: auto; background: #fff; } .rimi_pro_java { font-size: 48px; font-weight: bold; margin-top: 80px; text-align: center; } .rimi_pro_java span { color: #59c325; } .rimi_java_cdmon { color: #333; font-size: 20px; margin-top: 50px; text-align: center; } .java_mon_tt { font-size: 24px; margin-top: 55px; text-align: center; } .ui_circular_box { margin: 60px 0 80px 0; overflow: hidden; } .ui_circular_box ul li { float: left; text-align: center; } .ui_arrow { margin-left: 15px; margin-top: 75px; } .deve_li_one { margin-left: 60px; font-size: 20px; width: 160px; text-align: center; } .deve_list_one { width: 160px; height: 160px; border-radius: 50%; -moz-border-radius: 50%; text-align: center; background: #eaeaea; vertical-align: middle; display: table-cell; } .deve_info { margin-top: 20px; } .deve_li_thr { margin-left: 15px; font-size: 20px; text-align: center; } .deve_list_thr { width: 160px; height: 160px; border-radius: 50%; -moz-border-radius: 50%; color: #fbfbfb; text-align: center; background: #c1c1c1; vertical-align: middle; display: table-cell; } .deve_info_t { font-size: 16px; color: #f4496d; margin-top: 10px; } .deve_list_fiv { width: 160px; height: 160px; border-radius: 50%; -moz-border-radius: 50%; color: #fff; text-align: center; background: #999999; vertical-align: middle; display: table-cell; } .deve_list_se { width: 160px; height: 160px; border-radius: 50%; -moz-border-radius: 50%; color: #fff; text-align: center; background: #707070; vertical-align: middle; display: table-cell; } .deve_li_ei { font-size: 20px; text-align: center; width: 165px; margin-left: 220px; } .deve_list_ei { width: 160px; height: 160px; border-radius: 50%; -moz-border-radius: 50%; color: #fff; text-align: center; background: #707070; vertical-align: middle; display: table-cell; } .ui_deve_box ul li { float: left; } .ui_arrow_tw { position: relative; top: -70px; left: -10px; } .ui_arrow_thr { font-size: 20px; color: #f4496d; width: 281px; text-align: center; margin-left: -75px; margin-top: 50px; } .deve_li_ele { margin-left: 15px; font-size: 20px; text-align: center; margin-top: -30px; } .ui_arrow_fou { width: 212px; height: 212px; background: url(../images/ui_end_yuan.png); text-align: center; vertical-align: middle; display: table-cell; color: #fff; } .ui_arrow_th { position: relative; top: -70px; left: 15px; } .ui_arrow_end { font-size: 20px; color: #f4496d; margin-left: -20px; } /*ui_recruit*/ .ui_recruit { width: 100%; max-height: 800px; background: #f0f0f0; overflow: hidden; margin-top: 60px; } .ui_recruit_tt { font-size: 28px; font-weight: bold; text-align: center; margin-top: 60px; } .ui_recruit_tt span, .ui_employment_tt span, .ui_employment_info span, .ui_employment_tt_t span, .rimi_pro_html span { color: #f4496d; } .ui_recruit_box { max-width: 1405px; height: auto; margin: 0 auto; margin-top: 40px; } .ui_recruit_io { margin-top: 20px; box-shadow: 5px 5px 5px #c6c5c5; position: relative; z-index: 1; } .ui_recruit_it { position: relative; top: -534px; z-index: 2; box-shadow: 5px 5px 5px #c6c5c5; } .ui_recruit_ith { clear: both; width: 718px; margin: 0 auto; position: relative; z-index: 4; top: -970px; box-shadow: 5px 5px 5px #c6c5c5; } /*ui_pay*/ .ui_pay { width: 100%; height: auto; background: #fff; position: relative; top: -55px; } .ui_pay_img { margin-top: 35px; } /*ui_employment*/ .ui_employment { width: 100%; height: auto; background: #f0f0f0; } .ui_employment_box { margin-top: 50px; overflow: hidden; margin-bottom: 60px; } .ui_employment_one { margin-top: 25px; text-align: center; width: 33%; } .ui_employment_tt { font-size: 24px; font-weight: bold; margin-top: 75px; } .ui_employment_tt_t { font-size: 24px; font-weight: bold; margin-top: 45px; } .ui_employment_info { font-size: 18px; margin-top: 20px; } .ui_employment_two { text-align: center; width: 33%; } /*ui_fig_peo*/ .ui_fig_peo_box { width: 100%; height: auto; background: #fff; } .html_peo_analysis { margin-top: 45px; overflow: hidden; } .ui_fig_peo_img { margin-left: 20px; height: 486px; } .html_analysis_left { margin: 70px 0 0 25px; } .html_ana_tt { font-size: 30px; color: #f4496d; } .html_ana_info { margin-top: 25px; overflow: hidden; } .ui_ft { font-size: 24px; font-weight: bold; color: #000; overflow: hidden; } .html_ana_info p span, .ana_info_th { line-height: 32px; margin-left: 20px; } .ana_info_th_img img { margin-top: 20px; } .ana_m_t { margin-top: 38px; } .ui_fig_btn { margin-left: 205px; margin-top: 60px; } .ui_fig_btn a { font-size: 24px; clear: both; width: 300px; height: 60px; background: #f4496d; display: block; text-align: center; line-height: 60px; color: #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } /*rimi_java_recruit*/ .rimi_java_recruit { width: 100%; height: 370px; text-align: center; background: -webkit-linear-gradient(#f0f0f0, #fff); background: -o-linear-gradient(#f0f0f0, #fff); background: -moz-linear-gradient(#f0f0f0, #fff); background: linear-gradient(#f0f0f0, #fff); } .soft_requirement { overflow: hidden; } .soft_requirement ul { margin-left: 35px; margin-top: 55px; } .soft_requirement ul li { font-size: 24px; color: #333; float: left; padding: 15px 35px; border: 1px solid #333; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-left: 30px; } .rimi_fourt_week { color: #000; font-size: 30px; font-weight: bold; clear: both; margin-top: 50px; } .rimi_fourt_week span { color: #f4496d; font-size: 40px; } .rimi_sixt_btn { width: 300px; height: 60px; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; } .rimi_sixt_btn a { background: #f4496d; height: 60px; line-height: 60px; color: #fff; font-size: 24px; text-align: center; display: block; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } /*rimi_enterprise*/ .rimi_enter { font-size: 20px; color: #6e6e6e; text-align: center; margin-top: 50px; } .rimi_enter_img { text-align: center; margin-top: 45px; height: 436px; } /*rimi_guarantee*/ .rimi_guarantee { width: 100%; height: 600px; background: #fff; } .rimi_guar_box { background: url(../images/uiBrowserPreview_tmp.png)no-repeat center center; height: 395px; margin-top: 85px; font-size: 20px; color: #333; } .rimi_gua_left { width: 50%; } .rimi_guarantee_on { height: 51px; line-height: 51px; width: 185px; margin-left: 120px; position: relative; top: -25px; } .rimi_guarantee_tw { clear: both; width: 150px; margin-left: 70px; height: 49px; margin-top: 55px; } .rimi_guarantee_th { clear: both; width: 150px; height: 48px; line-height: 48px; margin-left: 70px; margin-top: 80px; } .rimi_guarantee_for { clear: both; width: 200px; height: 50px; line-height: 50px; margin-left: 100px; margin-top: 80px; } .rimi_guarantee_fi { width: 186px; height: 51px; line-height: 51px; margin-right: 113px; position: relative; top: -25px; } .rimi_guarantee_six { clear: both; width: 140px; height: 49px; line-height: 49px; margin-right: 70px; margin-top: 55px; } .rimi_guarantee_se { clear: both; width: 147px; height: 48px; line-height: 48px; margin-right: 65px; margin-top: 75px; } .rimi_guarantee_ei { clear: both; width: 140px; height: 50px; line-height: 50px; margin-right: 155px; margin-top: 85px; } .gua_m_l { margin-left: 10px; } .gua_m_t { margin-left: 10px; margin-top: 5px; } /*rimi_sxh*/ .rimi_sxh_tt { font-size: 36px; font-weight: bold; text-align: center; margin-top: 60px; } .rimi_sxh_box { margin: 60px 0px 60px 0px; overflow: hidden; } .sxh_img_box { width: 800px; height: 530px; background: #f4496d; padding: 5px 5px 8px; } .sxh_info_bg { background: #f0f0f0; text-align: center; font-size: 18px; width: 390px; } .sxh_info_bg ul li { height: 136px; cursor: pointer; } .sxh_info { padding: 40px 0 40px 0; } .sxh_info a { color: #000; } .sxh_info a:hover { color: #fff; } .last_li a { line-height: 136px; position: relative; display: block; } .bott { border-bottom: 1px solid #ccc; width: 380px; margin: 0 auto; margin-top: 8px; } .current { background: #f4496d; } .current a { background: #59c325; color: #fff; } /*rimi_ui_cream*/ .rimi_other { width: 100%; height: auto; background: #f0f0f0; } .rimi_other_stu { margin: 60px 0px 60px 0px; overflow: hidden; } .rimi_other_stu ul li { font-size: 30px; font-weight: bold; float: left; } .ui_cream_one { margin-left: 205px; margin-bottom: 20px; } .ui_cream_one div, .ui_cream_thr div { width: 185px; height: 185px; background: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; vertical-align: middle; display: table-cell; box-shadow: 6px 6px 8px #dcdbdb; -webkit-box-shadow: 6px 6px 8px #dcdbdb; -moz-box-shadow: 6px 6px 8px #dcdbdb; } .ui_cream_plus { margin-left: 40px; margin-top: 70px; } .ui_cream_thr { margin-left: 40px; } /*ui_study_box*/ .ui_study_box { margin-top: 50px; overflow: hidden; } .ui_study_box ul li { float: left; text-align: center; } .ui_stud_one { margin-left: 118px; } .ui_stud_bg { width: 128px; height: 128px; border: 1px solid #e2e2e2; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; vertical-align: middle; display: table-cell; } .ui_stud_bg:hover { background: #f4496d; animation: flipInY 1s linear; -webkit-animation: flipInY 1s; -moz-animation: flipInY 1s; } .ui_stud_m { margin-left: 80px; } .ui_stud_t { margin-left: 220px; } .ui_stud_info { font-size: 20px; margin-top: 10px; } /*ui_course*/ .ui_course { width: 100%; height: auto; background: -webkit-linear-gradient(#f0f0f0, #fff); background: -o-linear-gradient(#f0f0f0, #fff); background: -moz-linear-gradient(#f0f0f0, #fff); background: linear-gradient(#f0f0f0, #fff); margin-top: 80px; } .ui_course_tb { margin-top: 50px; overflow: hidden; } .ui_course_tb ul li { float: left; text-align: center; width: 240px; height: 100px; line-height: 32px; } .ui_c_tb_o { font-size: 20px; } .ui_c_tb_t { font-size: 22px; } .ui_c_tb_th { font-size: 16px; } #breadcrumb .curr { background: #f4496d; color: #fff; position: relative; } #breadcrumb .curr span { position: absolute; bottom: -26px; left: 50%; margin-left: -10px; border-color: #f4496d transparent transparent transparent; border-style: solid; border-width: 13px 10px; } .table-responsive { margin-top: 30px; } .table-responsive table { width: 1200px; margin-top: 60px; } .table-bordered> tbody> tr> td, .table-bordered> tfoot> tr> td, .table-bordered> tfoot> tr> th, .table-bordered> thead> tr> td, .table-bordered> thead> tr> th { border: 1px solid #ddd; } .table> tbody> tr> td, .table> tbody> tr> th, .table> tfoot> tr> td, .table> tfoot> tr> th, .table> thead> tr> td, .table> thead> tr> th { padding: 8px; vertical-align: top; border-top: 1px solid #ddd; } .cl table, .cl tr, .cl th, .cl td { text-align: center; } tr>td { background: rgb(241, 241, 241); color: #677284; font-size: 14px; } .cl table tr.thead { background: #333; } .cl table tr.thead th { border: 0; color: #fff; padding: 20px; font-size: 20px; } .cl table tr.t_tt td { font-size: 18px; color: #f4496d; } .cl table tr td.ce1, .cl table tr td.ce2, .cl table tr td.ce3, .cl table tr td.ce5, .cl table tr td.ce6 { font-size: 16px; text-align: left; background: #fff; line-height: 30px; } .cl table tr td.ce1 { padding-top: 50px; padding-left: 30px; } .cl table tr td.ce2 { padding-top: 30px; padding-left: 20px; } .cl table tr td.ce3 { padding-top: 15px; padding-left: 20px; } .cl table tr td.ce5 { padding-top: 85px; padding-left: 20px; } .cl table tr td.ce6 { padding-left: 30px; color: #f4496d; padding-top: 50px; } .cl table tr td.ce7 { padding-top: 75px; } .cl table tr td.ui_stage { width: 400px; height: auto; padding: 0; } .cl table tr td.ui_stage img { display: block; } .cl table tr td.ce1 span, .cl table tr td.ce2 span, .cl table tr td.ce3 span, .cl table tr td.ce5 span { color: #f4496d; } /*choose_rimi*/ .choose_rimi_good { margin: 60px 0 80px 0; overflow: hidden; } .choose_rimi_good ul li { background: url(../images/uichoose_rimi_bg.png) no-repeat center center; width: 282px; height: 276px; float: left; } .choose_number { margin-top: 38px; text-align: center; } .rimi_good { text-align: left; font-size: 16px; color: #fff; padding: 60px 18px; } .choo_m_l { margin-left: 10px; } .choo_m_l_t { margin-left: 20px; } /*上市网秦*/ .rimi_java_wq { background: url(../images/java_wangqing.jpg) no-repeat center center; height: 790px; text-align: center; } .market_sl { color: #f4496d; } .wq_market_info { font-size: 20px; margin-top: 50px; } .rimi_qy_box { width: 705px; margin: 0 auto; overflow: hidden; } .dws_box { font-size: 16px; } .dws_img { width: 298px; height: 118px; background: #fff; border: 1px solid #e2e2e2; vertical-align: middle; display: table-cell; } .rimi_qy_box { margin-top: 45px; } .rimi_qy_info { margin-top: 5px; } .rimi_prize { margin-top: 28px; clear: both; } .rimi_prize ul li { float: left; font-size: 16px; } .rimi_qy_logo { width: 200px; height: 100px; background: #fff; border: 1px solid #e2e2e2; margin-bottom: 8px; } .av_m_l { margin-left: 20px; } .com_l { margin-left: 40px; } /*rimi_cooperation*/ .rimi_cooperation { width: 100%; background: #f0f0f0; height: auto; text-align: center; margin-top: 80px; } .rimi_coo_tt { font-size: 48px; font-weight: bold; color: #000; margin-top: 80px; } .rimi_coo_tt p span { color: #f4496d; font-size: 54px; } .ui_coo_enterprise { background: url(../images/ui_cooperation_enterprise.png)no-repeat center center; height: 481px; overflow: hidden; } .rimi_rf { font-size: 40px; font-weight: bold; color: #000; margin-top: 180px; } .soft_sqsx_btn { width: 300px; height: 60px; margin: 0 auto; margin-top: 110px; margin-bottom: 40px; } .soft_sqsx_btn a, .ui_sqsx_btn a { background: #f4496d; height: 60px; line-height: 60px; color: #fff; font-size: 24px; text-align: center; display: block; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } /*ui_teacher*/ .ui_teac_box { background: url(../images/ui_teacher_bg.png) no-repeat center center; height: 984px; margin-top: 40px; } .rimi_ui_tear { width: 1200px; height: auto; margin: 0 auto; position: relative; } .ui_tear_one { overflow: hidden; } .ui_tear_img { position: relative; left: 0; z-index: 1; } .ui_tear_l_img { position: absolute; right: 0; z-index: 1; top: 340px; } .ui_tear_info { width: 745px; height: 300px; background: #f55b7b; position: absolute; right: 0; z-index: 2; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; margin-top: 20px; } .ui_tear_l_info { width: 720px; height: 320px; background: #474747; position: absolute; left: 0; z-index: 2; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; margin-top: 40px; } .ui_tear_y { padding: 55px 60px; color: #fff; } .ui_tea_name { overflow: hidden; height: 36px; line-height: 36px; } .ui_tea_l_name { float: right; overflow: hidden; height: 36px; line-height: 36px; } .ui_tear_tt { font-size: 28px; } .gold { font-size: 16px; border: 1px solid #fff; margin-left: 10px; line-height: 21px; padding: 6px 12px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; } .ui_tear_y_info { font-size: 18px; clear: both; line-height: 30px; padding-top: 20px; } .ui_tear_lin_info { font-size: 18px; clear: both; line-height: 30px; padding-top: 20px; text-align: right; } /*ui_practice*/ .ui_practice_one { background: url(../images/ui_practice_01.png) no-repeat center center; height: 215px; } .ui_practice_two { background: url(../images/ui_practice_02.png) no-repeat center center; height: 214px; } .ui_practice_thr { background: url(../images/ui_practice_03.png) no-repeat center center; height: 215px; } .ui_practice_fou { background: url(../images/ui_practice_04.png) no-repeat center center; height: 214px; } .ui_practice_fiv { background: url(../images/ui_practice_05.png) no-repeat center center; height: 215px; } /*rimi_environment*/ .rimi_env { margin-top: 30px; text-align: center; } .rimi_env_l { margin-left: 8px; } .rimi_env_t { margin-top: 5px; } .rimi_stu_interview { margin-top: 30px; } .avatar { position: relative; overflow: hidden; } .avatar img { transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 和 Chrome */ -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease; } .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); } /*ui_occupation_box*/ .ui_occupation_box { background: url(../images/ui_Occupation.png)no-repeat center center; height: 352px; margin-top: 60px; } .ui_occ_img { text-align: center; animation: top 1s infinite; -webkit-animation: top 1s infinite; -moz-animation: top 1s infinite; } .ui_sqsx_btn { width: 300px; height: 60px; margin: 0 auto; margin-top: 50px; } /*rimi_problem*/ .rimi_pro_coms { width: 1430px; margin: 0 auto; } .rimi_problem_box { margin: 80px 0px 80px 0px; overflow: hidden; } .rimi_pro_one a, .rimi_pro_two a, .rimi_prob_more a, .rimi_pt_two a, .rimi_pt_four a { display: block; height: 100%; transition: all 1s linear 0s; -moz-transition: all 1s linear 0s; -webkit-transition: all 1s linear 0s; -o-transition: all 1s linear 0s; } .rimi_pro_one { width: 240px; height: 240px; background: #1291e7; /* Rotate */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* Rotate Origin */ -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; margin: 100px 0 0px 170px; } .rimi_pro_two { width: 240px; height: 240px; background: #1291e7; /* Rotate */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* Rotate Origin */ -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; margin: 100px 0 0px 99px; } .rimi_prob_more { width: 240px; height: 240px; background: #f4496d; /* Rotate */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* Rotate Origin */ -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; margin: 100px 0 0px 99px; } .rimi_pt_two { width: 240px; height: 240px; background: #3cb0ff; /* Rotate */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* Rotate Origin */ -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; margin: -69px 0 0px 340px; } .rimi_pt_four { width: 240px; height: 240px; background: #3cb0ff; /* Rotate */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* Rotate Origin */ -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; margin: -69px 0 0px 99px; } .rimi_rota:hover .rotate { background: #f4496d; animation: flip 1s linear 0s; -moz-animation: flip 1s linear 0s; -webkit-animation: flip 1s linear 0s; -o-animation: flip 1s linear 0s; } .rimi_pro_img { text-align: center; width: 335px; padding-top: 40px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .rimi_prob_img { width: 335px; padding-top: 40px; padding-left: 30px; text-align: center; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .rimi_pro_info { font-size: 22px; color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .rimi_sx_time { position: relative; left: -15px; top: -10px; } .rimi_prob_info { font-size: 22px; color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); padding-left: 85px; } .rimi_pro_more { width: 31px; height: 31px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; top: -10px; left: 40px; } .rimi_pm_img { width: 31px; height: 31px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; top: 27px; left: 39px; } .rimi_pro_info span { font-size: 30px; font-weight: bold; } /*footer-nav*/ .footer_nav { width: 100%; height: 230px; background: #333; } .footer_nav_box { margin-top: 30px; } .footer_nav_tt a { color: #fff; font-size: 18px; } .footer_nav_list { margin-top: 15px; } .footer_nav_list li { margin-top: 7px; color: #545454; } .footer_t_l { margin-left: 38px; } .footer_fig { margin-left: 55px; width: 1px; height: 170px; background: #666; } .rimi_ewm { margin-left: 60px; text-align: center; color: #fff; } .rimi_ewm_info { margin-top: 20px; } .rimi_phone { color: #fff; width: 184px; margin-top: 32px; } .rimi_tel { font-size: 20px; margin-bottom: 10px; } .rimi_phone img { width: 36px; height: 36px; float: left; margin-right: 10px; margin-top: 3px; } .rimi_kf { margin-top: 3px; } .rimi_kf a { color: #1291e7; border: 1px solid #1291e7; padding: 10px 20px; font-size: 16px; display: block; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; } /*rimi_copyright*/ .rimi_copyright { width: 100%; height: 90px; background: #fff; text-align: center; } .rimi_copyright p { color: #666; margin-top: 20px; } .rimi_copyright p a { padding: 0 10px; } /*foot_fixed底部咨询*/ .foot_fixed { height: 64px; width: 100%; background: #0f8add; margin-top: 30px; } .foot_fixed h2 { line-height: 64px; color: #FFFFFF; font-size: 19px; } .foot_fixed h2 span { font-size: 15px; margin-left: 15px; } .foot_fixed h2 a { display: block; float: right; width: 104px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #FFFFFF; color: #FFFFFF; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; margin-top: 17px; font-size: 16px; text-transform: uppercase; } .elevator-item { position: fixed; right: 30px; bottom: 422px; z-index: 99992; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; opacity: 0.6; } .elevator-item:hover { opacity: 1; } .elevator-item a { display: block; margin-bottom: 5px; width: 40px; height: 36px; border-radius: 2px; background: url(../images/iconsprite_btbar.png) 8px 6px no-repeat; background-color: #444; background-color: rgba(0, 0, 0, .6); cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); } /*right_swt*/ .right_swt { width: 130px; height: 570px; position: fixed; top: 25%; left: 0; z-index: 9999; } .right_swt a { display: block; width: 100%; height: 500px; position: absolute; bottom: 0; left: 0; } .right_swt_off { display: block; position: absolute; z-index: 11111111; width: 50px; height: 50px; top: 0; right: 0; cursor: pointer; } /*top_ad*/ .top_ad { position: relative; height: 150px; width: 100%; overflow: hidden; background: url(../images/sd_top.gif) no-repeat center center; } .top_ad a { display: block; width: 100%; height: 100%; } /*top_fiexd*/ .top_fiexd { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 84px; background: #242b32; display: none; } .top_fiexd1{ height: 84px; background: #242b32; } .top_fiexd .rimi_coms,.top_fiexd1 .rimi_coms{ line-height: 84px; } .top_fiexd .nav,.top_fiexd1 .nav{ font-size: 16px; } .top_fiexd .nav ul li,.top_fiexd1 .nav ul li { float: left; margin-left: 14px !important; } .top_fiexd .nav ul li a,.top_fiexd1 .nav ul li a{ color: #fff; padding: 0px 10px; display: block; } .top_fiexd .nav ul li a.on{ background: #1291e7; color: #fff; } .top_fiexd .nav ul li a:hover,.top_fiexd1 .nav ul li a:hover { background: #1291e7; color: #fff; } .zxbm{ position: relative; z-index: 33333; } .zxbm i{ position: absolute; z-index: 33333; display: block; top: 11px; right: -18px; width: 30px; height: 30px; background: url(../images/zxbm.gif) no-repeat center center; background-size:30px ; } .left_nav { width: 87px; height: 342px; position: fixed; left: 0; top: 40%; } .left_nav_off { display: block; float: right; width: 26px; height: 26px; } .left_nav ul { width: 64px; float: left; } .left_nav ul li { margin-bottom: 1px; } .left_nav ul li a { display: block; width: 100%; height: 100%; } .left_nav ul li a img { display: block; } #ycswtdh1 { cursor: pointer; } #ycswtdh2 { width: 289px; height: 60px; padding-right: 1px; position: absolute; right: -268px; top: 88px; display: block; } #ycswtdh2 ul { width: 289px; height: 60px; background: #f36026; } #ycswtdh2 ul li { width: 58px; height: 60px; float: left; margin-top: 0px; } #ycswtdh2 ul input { width: 130px; height: 34px; border: none; background: #FFF; float: left; margin: 12px 0 0 5px; padding-left: 14px; font-size: 12px; color: #737373; } #ycswtdh2 ul #callBtn13 { width: 73px; height: 34px; background: #ffab00; font-size: 14px; color: #FFF; font-family: "微软雅黑"; line-height: 34px; text-align: center; cursor: pointer; float: left; margin-top: 12px; padding-left: 0; } #ycswtdh2 ul #callBtn13:hover { background: #cd4900; }