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;} @keyframes height{ 0%{height: 0px; opacity: 0;-webkit-transform: translateY(36px);transform: translateY(36px);} 20%{height: 10px; opacity: 0;} 40%{height: 20px; opacity: 0;} 60%{height: 26px; opacity: 0;} 80%{height: 32px; opacity: 0;-webkit-transform: translateY(10px);transform: translateY(10px);} 100%{height: 36px;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} } @keyframes height_t{ 0%{height: 0px; opacity: 0;-webkit-transform: translateY(120px);transform: translateY(120px);} 20%{height: 10px; opacity: 0;} 40%{height: 20px; opacity: 0;} 60%{height: 26px; opacity: 0;} 80%{height: 32px; opacity: 0;-webkit-transform: translateY(10px);transform: translateY(10px);} 100%{height: 120px;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} } @keyframes height_th{ 0%{height: 0px; opacity: 0;-webkit-transform: translateY(300px);transform: translateY(300px);} 20%{height: 50px; opacity: 0;} 40%{height: 80px; opacity: 0;} 60%{height: 150px; opacity: 0;} 80%{height: 250px; opacity: 0;-webkit-transform: translateY(10px);transform: translateY(10px);} 100%{height: 300px;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} } @keyframes height_fo{ 0%{height: 0px; opacity: 0;-webkit-transform: translateY(234px);transform: translateY(234px);} 20%{height: 50px; opacity: 0;} 40%{height: 80px; opacity: 0;} 60%{height: 150px; opacity: 0;} 80%{height: 200px; opacity: 0;-webkit-transform: translateY(10px);transform: translateY(10px);} 100%{height: 234px;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} } @keyframes height_fi{ 0%{height: 0px; opacity: 0;-webkit-transform: translateY(250px);transform: translateY(250px);} 20%{height: 50px; opacity: 0;} 40%{height: 80px; opacity: 0;} 60%{height: 150px; opacity: 0;} 80%{height: 200px; opacity: 0;-webkit-transform: translateY(10px);transform: translateY(10px);} 100%{height: 250px;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} } @keyframes height_si{ 0%{height: 0px; opacity: 0;-webkit-transform: translateY(38px);transform: translateY(38px);} 20%{height: 10px; opacity: 0;} 40%{height: 18px; opacity: 0;} 60%{height: 24px; opacity: 0;} 80%{height: 28px; opacity: 0;-webkit-transform: translateY(1px);transform: translateY(1px);} 100%{height: 38px;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} } @keyframes height_se{ 0%{height: 0px; opacity: 0;-webkit-transform: translateY(10px);transform: translateY(10px);} 20%{height: 2px; opacity: 0;} 40%{height: 4px; opacity: 0;} 60%{height: 6px; opacity: 0;} 80%{height: 8px; opacity: 0;-webkit-transform: translateY(1px);transform: translateY(1px);} 100%{height: 10px;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} } @-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)} } /*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: #59c325;} .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/soft_banner.jpg) no-repeat center center;height: 719px;overflow: hidden;text-align: center;} .soft_it{margin-top: 155px;} .soft_engineer{margin-top: 25px;} .soft_fit_peo{width: 575px;margin: 0 auto;overflow: hidden;margin-top: 35px;} .soft_fit_peo ul li{float: left;color: #fff;font-size: 28px;padding: 0px 20px;border:2px solid #fff;height: 60px;line-height: 60px;} .zero{font-size: 48px;font-weight: bold;animation:rubberBand 1s infinite linear;-webkit-animation:rubberBand 1s infinite linear;-moz-animation:rubberBand 1s infinite linear;} .se_fit{margin-left: 35px;} /*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/web_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: #59c325;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: #59c325;} .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;} .soft_circular_box{margin: 80px 0 80px 0;} .left_cir{background: url(../images/soft_circular.png) no-repeat center center;height: 428px;width: 50%;padding: 30px 0;position: relative;top: -30px;font-size: 20px;animation:rotateIn 1s linear;-webkit-animation:rotateIn 1s linear;-moz-animation:rotateIn 1s linear;} .right_cir{width: 50%;} .news_soft_mo{text-align: center;font-size: 24px;margin-top: 20px;} .soft_static_img{margin-top: 35px;} .soft_static_info ul li{float: left;font-size: 16px;color: #666;} .soft_cir_fr{margin-left: 52px;} .cir_ml{margin-left: 30px;} .left_cir_one{text-align: center;position: relative;top: -20px;} .left_cir_one p img{margin-top: 12px;} .soft_cir_fou_info{margin-top: 10px;} .soft_cir_fou{margin-left: 20px;} .left_cir_f{margin-right: 25px;} .left_cir_f img{margin-top: 8px;margin-right: 10px;} .left_cir_thr{clear: both;text-align: center;position: relative;top: 70px;} /*rimi_java_recruit*/ .rimi_java_recruit{width: 100%;height: 370px;text-align: center;background: url(../images/soft_ljc.png) repeat-x;margin-top: 50px;} .soft_requirement{overflow: hidden;} .soft_requirement ul{margin-left: 35px;margin-top: 55px;} .soft_requirement ul li{font-size: 24px;color: #59c325;float: left;padding: 15px 35px;border:1px solid #59c325;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin-left: 30px;} .rimi_fourt_week{color: #fff;font-size: 30px;font-weight: bold;clear: both;margin-top: 50px;} .rimi_fourt_week span{color: #59c325;font-size: 40px;} .rimi_sixt_btn{width: 300px;height: 60px;margin: 0 auto;margin-top: 40px;margin-bottom: 40px;} .rimi_sixt_btn a{background: #59c325;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/soft_guarantee_bg.png) no-repeat center center;height: 457px;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: #59c325;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: #59c325;} .current a{background: #59c325;color: #fff;} /*rimi_other*/ .rimi_other{width: 100%;height: auto;background: #f0f0f0;} .rimi_sxh_tt span{color: #59c325;} .rimi_other_stu ul li{width: 180px;height: auto;text-align: center;float: left;} .sec_li{margin-left: 20px;} .stu_img_opc{width: 180px;height: 37px;color: #666;font-size: 26px;text-align: center;margin-top: 20px;} .stu_company{font-size: 20px;color: #333;margin-top: 5px;} .stu_salary{font-size: 20px;color: #59c325;} /*choose_rimi*/ .choose_rimi_good{margin: 60px 0 80px 0;overflow: hidden;} .choose_rimi_good ul li{background: url(../images/softchoose_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;} .wq_market{font-size: 48px;font-weight: bold;margin-top: 80px;} .market_sl{color: #59c325;} .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;text-align: center;} .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;overflow: hidden;} .rimi_te_img img{margin-top: 30px;} .rimi_tea_info{background: #333333;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{padding: 0 50px 0 65px;} .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: 22px;} .rimi_y_info{height: 300px;background: #59c325;overflow: hidden;} .rimi_tea_s{width: 400px;height: 780px;position: relative;top: -800px;} /*rimi_project*/ .rimi_project{background: url(../images/rimi_soft_jc_lb.png) no-repeat center center;height: 735px;overflow: hidden;} .soft_project_img{text-align: center;margin-top: 80px;} .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;} /*rimi_cooperation*/ .rimi_cooperation{background: url(../images/rimi_cooperation.jpg) no-repeat center center;height: 680px;text-align: center;} .rimi_coo_tt{font-size: 48px;font-weight: bold;color: #fff;margin-top: 80px;} .rimi_coo_tt p span{color: #59c325;font-size: 54px;} .rimi_rf{font-size: 40px;font-weight: bold;color: #fff;margin-top: 180px;} .soft_sqsx_btn{width: 300px;height: 60px;margin: 0 auto;margin-top: 120px;margin-bottom: 40px;} .soft_sqsx_btn a{background: #59c325;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_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); } /*soft_course*/ .table-responsive table{width: 1200px;margin-top: 60px;} .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; } .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; } .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:#59c325;} .cl table tr.thead th{border:0;color:#fff;padding:25px;font-size: 16px;} .cl table th.kcbt{color:#fff;font-size: 16px;border:0;} .cl table th.xtcs{background-color: #898989;line-height: 740px;} .cl table th.cszx{background-color: #707070;line-height: 330px;} .cl table th.zskz{background-color: #626262;line-height: 225px;} .cl table td.cen1{line-height:78px;} .cl table td.cen2{line-height:55px;} .cl table td.cen3{line-height:97px;} .cl table td.cen4{line-height:338px;} .cl table td.cen5{line-height:52px;} .cl table td.cen6{line-height:122px;} .cl table td.cen7{line-height:239px;} .cl table td.tdpd1{padding:28px 0;} .cl table td.tdpd2{padding:38px 0;} .cl table td.tdpd3{padding:156px 0;} .cl table td.tdpd4{padding:48px 0;} .cl table td.tdcen{ text-align: left; padding-left: 20px;padding-right: 0;} .cl table td.td-bg{background-color: #6F6F6F;color: #fff;font-size: 14px; border-top:0;border-bottom:0;border-left:0;} /*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: #59c325; /* 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: #59c325; 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%; }