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;} @-webkit-keyframes flip{ 0% {-webkit-transform:perspective(240px) rotate3d(0,1,0,-360deg);transform:perspective(240px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40% {-webkit-transform:perspective(240px) translate3d(0,0,120px) rotate3d(0,1,0,-190deg);transform:perspective(240px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 50% {-webkit-transform:perspective(240px) translate3d(0,0,120px) rotate3d(0,1,0,-170deg);transform:perspective(240px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80% {-webkit-transform:perspective(240px) scale3d(.95,.95,.95);transform:perspective(240px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 100%{-webkit-transform:perspective(240px);transform:perspective(240px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } @keyframes flip{ 0% {-webkit-transform:perspective(240px) rotate3d(0,1,0,-360deg);transform:perspective(240px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40% {-webkit-transform:perspective(240px) translate3d(0,0,120px) rotate3d(0,1,0,-190deg);transform:perspective(240px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 50% {-webkit-transform:perspective(240px) translate3d(0,0,120px) rotate3d(0,1,0,-170deg);transform:perspective(240px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80% {-webkit-transform:perspective(240px) scale3d(.95,.95,.95);transform:perspective(240px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 100%{-webkit-transform:perspective(240px);transform:perspective(240px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } @-moz-keyframes rotate{ 0%{ -moz-transform:rotateY(0deg); } 100%{ -moz-transform:rotateY(360deg); } } @-webkit-keyframes rotate{ 0%{ -webkit-transform:rotateY(0deg); } 100%{ -webkit-transform:rotateY(360deg); } } @keyframes rotate{ 0%{ transform:rotateY(0deg); } 100%{ transform:rotateY(360deg); } } /* css common */ .clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;} .clearfix { *zoom:1; } .fr{float: right;} .fl{float: left;} /*head*/ .head{width:100%;background: #ffffff;height: 80px;} .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: #e54126;} .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/html_banner.jpg) no-repeat center center;height: 720px;overflow: hidden;} canvas { width: 100%; height: 720px; position: absolute; } /* Demo Buttons Style */ .codrops-demos { font-size: 0.8em; text-align:center; position:absolute; z-index:99; width:96%; } .codrops-demos a { display: inline-block; margin: 0.35em 0.1em; padding: 0.5em 1.2em; outline: none; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; border-radius: 2px; font-size: 110%; border: 2px solid transparent; color:#fff; } .codrops-demos a:hover, .codrops-demos a.current-demo { border-color: #383a3c; } .banner_box{overflow: hidden;text-align: center;} .banner_info_one{margin-top: 210px;} .banner_info_two{margin-top: 25px;} .mou_tw_year{font-size: 32px;color: #fff;border:2px solid #fff;width: 570px;height: 70px;margin: 0 auto;line-height: 70px;margin-top: 75px;} .banner_info_thr{font-size: 32px;color: #fff;text-align: center;width: 270px;margin: 0 auto;margin-top: 40px;/*animation: rotate 2s infinite linear;-webkit-animation: rotate 2s infinite linear;-moz-animation: rotate 2s infinite linear;*/} .banner_info_thr img{position: relative;top: -5px;} .bn_m_l{margin-left: 20px;} /*offer*/ .menu{height: auto;} .rimi_offer{text-align: center;font-size: 30px;margin-top: 45px;} .offer_info{margin-top: 18px;font-size: 16px;} .offer_tt{font-size: 20px;color: #e54126;margin-top: 15px;} .menu ul{overflow: hidden;margin-top: 60px;} .menu ul li{text-align: center;} .menu ul li:nth-child(1){margin-left: 30px;} .offer_img{width: 123px;height: 123px;border-radius: 50%;position: relative;left: 30px;border:1px solid #adadad;text-align: center;vertical-align: middle;display: table-cell;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transition:all 0.7s linear;-webkit-transition:all 0.7s linear;-moz-transition:all 0.7s linear;} .offer_img:hover{background: #e54126;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transition:all 0.7s linear;-webkit-transition:all 0.7s linear;-moz-transition:all 0.7s linear;} .rimi_off_l{margin-left: 14px;} .menu ul li:nth-child(2){margin-left: 35px;} .rimi_mq_img{left: 50px;position: relative;} .menu ul li:nth-child(3){margin-left: 70px;} .rimi_zero_img{position: relative;left: 0px;} .menu ul li:nth-child(4){margin-left: 105px;} .rimi_tj_img{position: relative;left: 12px;} .menu ul li:nth-child(5){margin-left: 88px;} .rimi_dz_img{position: relative;left: 20px;} /*web_form*/ .web_form_box{background: url(../images/web_form_bg.jpg) no-repeat center center;height: 460px;margin-top: 60px;} .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: #e54126;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_html5*/ .html5_statistics_box{margin-top: 60px;overflow: hidden;} .html_left{width: 50%;margin-top: 85px;} .html_left_box{width: 560px;height: 85px;box-shadow: 0px 0px 12px 0px #c6c4c4;margin-left: 20px;} .html_left_on{background: url(../images/html5_left_01.png) no-repeat 15px 10px;font-size: 24px;padding-top: 20px;} .html_left_box p{padding-left: 120px;} .html_left_box p span{font-size: 30px;color: #e54126;font-weight: bold;} .html_left_tw{background: url(../images/html5_left_02.png) no-repeat 20px 15px;font-size: 24px;padding-top: 20px;margin-top: 55px;} .html_sta_img{margin-right: 80px;} .web_salary{font-size: 16px;color: #adadad;width: 438px;text-align: center;margin-top: 18px;} .html_peo_tt{font-size: 30px;font-weight: bold;color: #424242;text-align: center;clear: both;margin-top: 60px;} .html_peo_table{margin-top: 45px;} .html_peo_table table{border: solid thin #fff;width: 1200px;font-size: 20px;} .html_peo_table table td{border: solid thin #fff;text-align: center;height: 60px;font-size: 20px;} .td_tt{color: #e54126;font-weight: bold;} .html_peo_table table td:nth-child(1){color: #8c8c8c;text-align: left;background: #fff;} .html_peo_table table td:nth-child(1) i{width: 10px;height: 10px;border-radius: 50%;background: #e54126;display: block;position: relative;top: 20px;left: 10px;} .html_peo_table table td:nth-child(1) span{padding-left: 30px;} .td_on{background: #fef8f7;} .td_tw{background: #fcece9;} .td_th{background: #fad9d4;} /*html5_fit_people*/ .web_fig_peo_box{background: url(../images/html5_fit_peo.jpg) no-repeat center center;height: 693px;margin-top: 60px;} .rimi_pro_html{font-size: 48px;font-weight: bold;color: #e54126;margin-top: 80px;text-align: center;} .rimi_pro_html span{color: #fff;} .html_peo_info{font-size: 20px;color: #fff;text-align: center;margin-top: 60px;} .html_peo_analysis{margin-top: 10px;overflow: hidden;} .html_analysis_left{margin: 70px 0 0 40px;} .html_ana_tt{font-size: 30px;color: #e54126;} .html_ana_info{margin-top: 25px;} .html_ana_info p{font-size: 24px;font-weight: bold;color: #fff;clear: both;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;} /*rimi_sixt_week*/ .rimi_sixt_week{width: 100%;height: auto;background: #262626;text-align: center;} .rimi_sixt_tt{font-size: 30px;font-weight: bold;color: #fff;margin-top: 40px;} .rimi_sixt_btn{width: 300px;height: 60px;margin: 0 auto;margin-top: 40px;margin-bottom: 40px;} .rimi_sixt_btn a{background: #e54126;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: 60px;} .rimi_enter_img{text-align: center;margin-top: 45px;height: 436px;} /*rimi_guarantee*/ .rimi_guarantee{width: 100%;height: 600px;background: #f0f0f0;} .rimi_guar_box{background: url(../images/guarantee_bg.png) no-repeat center center;height: 426px;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: -8px;} .rimi_guarantee_tw{clear: both;width: 150px;margin-left: 70px;height: 49px;margin-top: 75px;} .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: -8px;} .rimi_guarantee_six{clear: both;width: 140px;height: 49px;line-height: 49px;margin-right: 70px;margin-top: 75px;} .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: 75px;} .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,.rimi_other_stu{margin: 60px 0px 60px 0px;overflow: hidden;} .sxh_img_box{width: 800px;height: 530px;background: #e54126;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: #e54126;color: #fff;} .current a{background: #59c325;color: #fff;} /*rimi_other*/ .rimi_other{width: 100%;height: auto;background: #f0f0f0;} .rimi_sxh_tt span{color: #e54126;} .rimi_other_stu ul li{width: 180px;height: 320px;text-align: center;float: left;} .sec_li{margin-left: 20px;} .other_stu_box{width: 178px;height: 243px;border: 1px solid #d2d2d2;} .stu_say{font-size: 16px;color: #333;background: #fff;height: 90px;width: 178px;} .stu_say_t{font-size: 16px;color: #333;background: #fff;height: 90px;width: 178px;} .rimi_stu_say_m{padding-top: 25px;} .rimi_stu_say_t{padding-top: 15px;} .stu_say em{border-width:10px; position:relative; bottom:-14px; border-style:solid dashed dashed; border-color:#fff transparent transparent;font-size:0; line-height:0;border-left: 8px solid transparent;border-right: 8px solid transparent;left: -65px;} .stu_say_t em{border-width:10px; position:relative; bottom:-2px; border-style:solid dashed dashed; border-color:#fff transparent transparent;font-size:0; line-height:0;border-left: 8px solid transparent;border-right: 8px solid transparent;left: -65px;} .stu_img_opc{width: 180px;height: 37px;background: #000;color: #fff;font-size: 24px;text-align: center;position: relative;top: -40px;opacity: .6;} .stu_company{font-size: 20px;color: #333;position: relative;top: -20px;} .stu_salary{font-size: 20px;color: #e54126;position: relative;top: -20px;} /*rimi_own*/ .rimi_own_box{margin: 80px 0 80px 0;overflow: hidden;} .rimi_own_bg{background: url(../images/rimi_own.png) no-repeat center center; height: 370px;margin-top: 40px;margin-bottom: 175px;} .rimi_own_left{width: 50%;} .rimi_own_one{width: 290px;position: relative;top: -30px;left: 75px;} .rimi_own_two{width: 340px;position: relative;top: -30px;right: 15px;} .rimi_own_th{width: 333px;position: relative;top: 88px;left: 25px;} .rimi_own_fou{width: 355px;position: relative;top: 45px;} .rimi_own_fiv{clear: both;width: 305px;position: relative;left : 450px;} .rimi_own_tt{font-size: 24px;font-weight: bold;margin-top: 10px;margin-left: 90px;} .rimi_own_tw{font-size: 24px;font-weight: bold;line-height: 80px;margin-left: 10px;} .rimi_own_fo{font-size: 24px;font-weight: bold;margin-left: 10px;margin-top: 10px;} .rimi_num_one{font-size: 48px;font-weight: bold;background: #ffe000;color: #fff;width: 80px;height: 80px;text-align: center;line-height: 80px;margin-left: 10px;} .rimi_num_two{font-size: 48px;font-weight: bold;background: #f0442a;color: #fff;width: 80px;height: 80px;text-align: center;line-height: 80px;} .rimi_num_th{font-size: 48px;font-weight: bold;background: #6de539;color: #fff;width: 80px;height: 80px;text-align: center;line-height: 80px;margin-left: 10px;} .rimi_num_fou{font-size: 48px;font-weight: bold;background: #7956ff;color: #fff;width: 80px;height: 80px;text-align: center;line-height: 80px;} .rimi_num_fiv{font-size: 48px;font-weight: bold;background: #09a6ff;color: #fff;width: 80px;height: 80px;text-align: center;line-height: 80px;} .rimi_own_info{font-size: 16px;clear: both;padding-top: 5px;} /*one_minute_html*/ .one_minute_html{width: 100%;height: auto;background: #202020;} .rimi_mt_table{margin-top: 60px;} .rimi_mt_table table{text-align: center;width: 100%;max-width: 100%;} .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border: 1px solid #ddd;} tr>td{background:rgb(241,241,241);color:#677284;font-size: 14px;} .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border-color:#c9c9c9;} .rimi_mt_table table tr.thead{background:#e54126;} .rimi_mt_table table tr.thead th{border:0;color:#fff;padding:15px;font-size: 16px;;} .rimi_mt_table table tr td.text-left{text-align: left;padding:25px 20px;line-height: 28px;} .rimi_mt_table table tr td.text-left p.pd0{padding:0 20px;margin-left: -20px;margin-right: -20px;} .rimi_mt_table table tr td.pdh{padding:35px 25px;} .rimi_mt_table table tr td.pdj{padding:99px 25px;} .table-bordered>tbody>tr>td.tb-bg1{background: rgb(225,198,0);border-color:rgb(225,198,0);color:#fff;} .table-bordered>tbody>tr>td.tb-bg2,.table-bordered>tbody>tr>td p.tb-bg2{background: rgb(171,218,0);border-color:rgb(171,218,0);color:#fff;} .table-bordered>tbody>tr>td.tb-bg3,.table-bordered>tbody>tr>td p.tb-bg3{background: rgb(63,205,155);border-color:rgb(63,205,155);color:#fff;} .table-bordered>tbody>tr>td.tb-bg4{background: rgb(106,136,255);border-color:rgb(106,136,255);color:#fff;} .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; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .rimi_mt_table table tr td.Y-lh{line-height: 105px;} .rimi_mt_table table tr td.C-lh{line-height: 245px;} .rimi_mt_table table tr td.Z-lh{line-height: 217px;} .rimi_mt_table table tr td.G-lh{line-height: 101px;} .table-bordered>tbody>tr>td:first-child{font-size: 18px;} .table-bordered>tbody>tr>td.fontsize{font-size: 16px;} .table-bordered>tbody>tr>td>p.jcxm{margin-top: 28px;} .rimi_mt_btn{text-align: center;width: 360px;height: 60px;margin: 0 auto;margin-top: 40px;margin-bottom: 80px;} .rimi_mt_btn a{font-size: 24px;color: #fff;background: #e54126;display: block;height: 60px;line-height: 60px;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;} /*rimi_project*/ .rimi_project{background: url(../images/rimi_jc_lb.jpg) no-repeat center center;height: 1190px;} .rimi_only_sw{font-size: 20px;text-align: center;margin-top: 60px;} .rimi_pro_java p{height: 51px;line-height: 51px;} .rimi_imac{margin-top: 60px;background: url(../images/imac.png) no-repeat center center;height: 862px;} .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;margin-top: 39px;} .slides {height: auto;position:relative;z-index:1} .no-js .slides > li:first-child {display: block;} .flexslider {margin: 0 auto;position: relative;width:auto; height:auto; zoom: 1;text-align: center;} .flexslider .slides {zoom: 1;} .flex-direction-nav a {width: 35px;height: 65px;margin: -30px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 0 -65px;right: 0;} .flex-direction-nav .flex-prev {left: 0;} .flexslider:hover .flex-next {opacity: 0.8; filter:alpha(opacity=25);} .flexslider:hover .flex-prev {opacity: 0.8; filter:alpha(opacity=25);} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);} .flex-control-nav {width:100%;text-align: center; margin:0; padding:0;margin-top: 5px;} .flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;} .flex-control-paging li a {background: #d1d1d1;display:block;height: 8px;overflow: hidden;text-indent:-99em;width: 8px;cursor: pointer;border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;} .flex-control-paging li a.flex-active {background: #e54126;} /*rimi-java*/ .rimi_java{width: 100%;height: 420px;background: #2a3e76;text-align: center;} .rimi_java_tt{font-size: 48px;font-weight: bold;color: #fff;margin-top: 80px;} .rimi_java_tt span{color: #4995f4;} .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;text-align: center;} .rimi_pro_java{font-size: 48px;font-weight: bold;margin-top: 80px;text-align: center;} .rimi_pro_java span{color: #e54126;} .rimi_java_cdmon{color: #333;font-size: 20px;margin-top: 50px;} .java_mon_tt{font-size: 24px;margin-top: 55px;} .cd_money{background: url(../images/cd_money.png) no-repeat center center;height: 340px;margin:25px 0 45px 0;overflow: hidden;} .cd_m_o{width: 80px;position: relative;left: 100px;top: 277px;line-height: 36px;font-size:16px;color:#fff;animation: height ease-in 2s;-moz-animation: height ease-out 2s;-o-animation: height ease-out 2s;-webkit-animation: height ease-out 2s;background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff5a01), to(#ff8135));FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff5a01,endColorStr=#ff8135);background: -ms-linear-gradient(top, #ff5a01, #ff8135);background: -moz-linear-gradient(top,#ff5a01,#ff8135);background: -o-linear-gradient(top, #ff5a01, #ff8135);background: -webkit-linear-gradient(top, #ff5a01, #ff8135);} .cd_m_t{width: 80px;position: relative;left: 172px;top: 193px;line-height: 120px;font-size:16px;color:#fff;animation: height_t ease-in 2.3s;-moz-animation: height_t ease-out 2.3s;-o-animation: height_t ease-out 2.3s;-webkit-animation: height_t ease-out 2.3s;background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff5a01), to(#ff8135));FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff5a01,endColorStr=#ff8135);background: -ms-linear-gradient(top, #ff5a01, #ff8135);background: -moz-linear-gradient(top,#ff5a01,#ff8135);background: -o-linear-gradient(top, #ff5a01, #ff8135);background: -webkit-linear-gradient(top, #ff5a01, #ff8135);} .cd_m_th{width: 80px;position: relative;left: 245px;top: 13px;line-height: 300px;font-size:16px;color:#fff;animation: height_th ease-in 2.6s;-moz-animation: height_th ease-out 2.6s;-o-animation: height_th ease-out 2.6s;-webkit-animation: height_th ease-out 2.6s;background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff5a01), to(#ff8135));FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff5a01,endColorStr=#ff8135);background: -ms-linear-gradient(top, #ff5a01, #ff8135);background: -moz-linear-gradient(top,#ff5a01,#ff8135);background: -o-linear-gradient(top, #ff5a01, #ff8135);background: -webkit-linear-gradient(top, #ff5a01, #ff8135);} .cd_m_fo{width: 80px;position: relative;left: 315px;top: 79px;line-height: 234px;font-size:16px;color:#fff;animation: height_fo ease-in 2.8s;-moz-animation: height_fo ease-out 2.8s;-o-animation: height_fo ease-out 2.8s;-webkit-animation: height_fo ease-out 2.8s;background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff5a01), to(#ff8135));FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff5a01,endColorStr=#ff8135);background: -ms-linear-gradient(top, #ff5a01, #ff8135);background: -moz-linear-gradient(top,#ff5a01,#ff8135);background: -o-linear-gradient(top, #ff5a01, #ff8135);background: -webkit-linear-gradient(top, #ff5a01, #ff8135);} .cd_m_fi{width: 80px;position: relative;left: 390px;top: 63px;line-height: 250px;font-size:16px;color:#fff;animation: height_fi ease-in 3s;-moz-animation: height_fi ease-out 3s;-o-animation: height_fi ease-out 3s;-webkit-animation: height_fi ease-out 3s;background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff5a01), to(#ff8135));FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff5a01,endColorStr=#ff8135);background: -ms-linear-gradient(top, #ff5a01, #ff8135);background: -moz-linear-gradient(top,#ff5a01,#ff8135);background: -o-linear-gradient(top, #ff5a01, #ff8135);background: -webkit-linear-gradient(top, #ff5a01, #ff8135);} .cd_m_si{width: 80px;position: relative;left: 462px;top: 275px;line-height: 38px;font-size:16px;color:#fff;animation: height_si ease-in 3.2s;-moz-animation: height_si ease-out 3.2s;-o-animation: height_si ease-out 3.2s;-webkit-animation: height_si ease-out 3.2s;background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff5a01), to(#ff8135));FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff5a01,endColorStr=#ff8135);background: -ms-linear-gradient(top, #ff5a01, #ff8135);background: -moz-linear-gradient(top,#ff5a01,#ff8135);background: -o-linear-gradient(top, #ff5a01, #ff8135);background: -webkit-linear-gradient(top, #ff5a01, #ff8135);} .cd_m_se{width: 80px;position: relative;height: 10px;left: 536px;top: 303px;line-height:10px;animation: height_se ease-in 3.4s;-moz-animation: height_se ease-out 3.4s;-o-animation: height_se ease-out 3.4s;-webkit-animation: height_se ease-out 3.4s;background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff5a01), to(#ff8135));FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff5a01,endColorStr=#ff8135);background: -ms-linear-gradient(top, #ff5a01, #ff8135);background: -moz-linear-gradient(top,#ff5a01,#ff8135);background: -o-linear-gradient(top, #ff5a01, #ff8135);background: -webkit-linear-gradient(top, #ff5a01, #ff8135);} .cd_money_dy{margin:25px 0 45px 0;} /*rimi_java_recruit*/ .rimi_java_recruit{width: 100%;height: 400px;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#161824,endColorStr=#333);background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#161824), to(#333));background: -ms-linear-gradient(top, #161824, #333);background: -moz-linear-gradient(top,#161824,#333);background: -o-linear-gradient(top, #161824, #333);background: -webkit-linear-gradient(top, #161824, #333); text-align: center;} .rimi_rec_java{color: #fff;font-size: 24px;margin-top: 50px;} .rimi_rec_img{margin: 35px 0 50px 0;} /*rimi_java_adr*/ .java_adr_tt{font-size: 24px;margin-top: 50px;} /*上市网秦*/ .rimi_java_wq{background: url(../images/java_wangqing.jpg) no-repeat center center;height: 790px;text-align: center;} .wq_market{font-size: 48px;font-weight: bold;margin-top: 80px;} .market_sl{color: #4995f4;} .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_teacher*/ .rimi_tea_box{overflow: hidden;height: 890px;} .rimi_tea_m{width: 400px;height: 780px;margin-top: 110px;position: relative;z-index: 1;} .rimi_te_img,.rimi_s_img{background: #f5f5f5;height: 500px;} .rimi_te_img img{margin-top: 30px;margin-left: 25px;} .rimi_tea_info{background: #4995f4;height: 280px;overflow: hidden;} .rimi_tea_name{font-size: 28px;color: #fff;margin-top: 30px;} .rimi_tea_name span{font-size: 16px;border: 1px solid #fff;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-ms-border-radius: 20px;padding: 2px 10px;margin-left: 8px;vertical-align: middle;} .rimi_m_info,.m_skill,.rimi_m_info_y,.rimi_s_info,.s_skill{font-size: 16px;color: #fff;text-align: left;padding: 0 50px 0 35px;margin-top: 20px;line-height: 26px;} .rimi_m_info_y{padding: 0 50px;} .rimi_s_info,.s_skill{padding: 0 50px 0 65px;} .m_skill,.s_skill{margin-top: 15px;} .rimi_s_img img{margin-top: 20px;} .rimi_tea_y{width: 455px;height: auto;position: relative;z-index: 10;left: -30px; -webkit-box-shadow: 0 0 15px rgba(105,105,104,0.7); -moz-box-shadow: 0 0 15px rgba(105,105,104,0.7); box-shadow: 0 0 15px rgba(105,105,104,0.7); margin-top: 50px;} .rimi_y_img{height: 560px;background: #f5f5f5;} .rimi_y_img img{margin-top: 6px;} .rimi_y_info{height: 300px;background: #4995f4;overflow: hidden;} .rimi_tea_s{width: 400px;height: 780px;position: relative;top: -780px;} /*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); } /*rimi_cooperation*/ .rimi_cooperation{background: url(../images/rimi_cooperation.jpg) no-repeat center center;height: 680px;margin-top: 70px;text-align: center;} .rimi_coo_tt{font-size: 48px;font-weight: bold;color: #fff;margin-top: 80px;} .rimi_coo_tt p span{color: #e54126;font-size: 54px;} .rimi_rf{font-size: 40px;font-weight: bold;color: #fff;margin-top: 180px;} /*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: #e54126; /* 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: #e54126; 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%; }