@charset "utf-8"; 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; } a:focus{text-decoration: none;color: #555} img { border:none; } ol,ul,li { list-style:none; } table { border-collapse:collapse; } i{display: inline-block;} /*html {overflow-y: scroll;}*/ /*body{overflow-x: hidden;}*/ /*文字禁止选中*/ body{ /* -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;*/ } /*form input*/ form input{ font: 18px "微软雅黑";color: #444; } input::-webkit-input-placeholder{font-size: 18px;} input::-ms-input-placeholder{ font-size: 18px;} input::input-placeholder{ font-size: 18px;} /* css common */ .clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;} .clearfix { *zoom:1; } .fr{float: right;} .fl{float: left;} .posa{position: absolute;} .posr{position: relative;} /*header*/ header{width:100%;background: #ffffff;height: 80px;} .rimi_coms{width: 1200px;margin: 0 auto;} .head_rimi{height: 80px;line-height: 80px;} .head_fig{height: 24px;width: 1px;background: #adadad;margin-top: 28px;} .rimi_head_content p{float: left;color: #666;margin-right: 10px;} .head_tel{margin: 24px 0px 0 40px;background: url(../images/home/home_head_tel.png) no-repeat;width: 32px;height: 32px;} /*.rimi_head_phone{background: url(../images/head_tel.png) no-repeat 8px;padding-left: 45px ;font-size: 16px;}*/ /*.rimi_head_green a,.font_col{color:#009a3e;}*/ header i{display: inline-block;position: absolute;top: 20px;} .rimi_head_content .tel_col{font-size: 20px;font-weight: 600;color:#1568ce;} .logo{/*background: url("../images/logo.png") no-repeat;width: 172px;height: 50px; */margin-top: 15px;} /*nav*/ .rimi_topic_nav{width: 100%;height: 60px;} .rimi_nav{height: 60px;line-height: 60px;} .logo img{vertical-align: middle;} .nav{font-size: 18px;} .rimi_topic_nav{background: #1291e7;} .nav ul li{float: left;} .nav ul li a{color: #fff;padding: 20px 16px;} .nav ul li a:hover{color: #fff;transition: all 0.4s ease-in-out 0s;background: #00BAFF;} .nav ul li div.nav_down_cont{display:none;} .nav ul li div.nav_down_cont a { display: block; height: 37px; line-height: 37px; text-align: center; background: rgba(20,35,48,0.65); color: #c9d6df; font-size: 14px; padding:0 16px; margin-right:0; } /***********footer**********/ /*footer-nav*/ .footer_nav{width: 100%;height:230px;background: #333;} .footer_nav_box{padding-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_e{width: 110px;text-align: center;color: #fff;border: 1px solid #aaa; padding: 10px;float: right;} .rimi_ewm_info{margin-top: 10px;font-size: 12px;} .rimi_phone{color: #fff;display: inline-block;margin-left: 43px;} .rimi_tel{font-size: 20px; margin-bottom: 10px;letter-spacing: 0.1em;} .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;} .foot_tel{display: inline-block;margin-right: 10px;} .rimi_phone .work_time{border: 1px solid #333;padding: 5px 10px;background: #444;font-size:12px;-moz-border-radius: 20px; -webkit-border-radius: 20px;-ms-border-radius: 20px;} .footer_nav .col-xs-12{margin: 20px auto;text-align: left;} .footer_nav .col-lg-7,.footer_nav .col-md-7,.footer_nav .col-xs-12{padding-left: 0;padding-right: 0;} /*rimi_copyright*/ .rimi_copyright{float:none;clear:both;width: 100%;background: #333;text-align: center;border-top: 1px solid #666;} .rimi_copyright p{color: #666;margin: 10px auto;width:1200px;} .rimi_copyright p a{ padding: 0 10px;} @media (min-width: 1200px){ .container { width: 1200px; } } /*right_swt*/ .right_swt{ width: 130px; height: 570px; position: fixed; top: 25%; left: 0; z-index: 1000; } .right_swt a{ display: block; width: 100%; height: 500px; position: absolute; bottom: 0; left: 0; } .right_swt_off{ display: block; position: absolute; background: url("../images/home/close-tranparent.png") no-repeat; width: 50px; height: 50px; top: 0; right: 0; cursor: pointer; } /*回到顶部*/ .elevator-item { position: fixed; right: 30px; bottom: 422px; z-index: 999; -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); } /*sprite*/ .banner_icon6{background: url("../images/home/banner_icon6.png") no-repeat;width: 27px;height: 28px;} .serve_icon1, .serve_icon2, .serve_icon3, .serve_icon4, .serve_icon5, .employ_ios, .employ_java, .employ_test, .employ_ui, .employ_web, .banner_icon1, .banner_icon2, .banner_icon3, .banner_icon4, .banner_icon5, .banner_icon7, .banner_icon8, .banner_icon9, .banner_icon10, .banner_icon11, .banner_icon12, .banner_icon13, .banner_icon14, .banner_icon15, .banner_icon16, .course_bg, .logo, .foot_tel, .talents_icon, .computer_icon, .diversification_icon, .gold_icon, .graduate_write, .graduate_orange, .serve_staff_write, .serve_staff_orange, .student_write, .student_orange, .test_head_tel, .triangle_icon, /*.form_email, .form_monicker, .form_phone,*/ .banner_4, /*.form_ui_name, .form_ui_qq, .form_ui_tel, */.small_icon1, .small_icon2, .small_icon3, .small_icon4, .small_icon5, .ui_head_tel, .yellow_lef, .yellow_rig, .purple_lef, .purple_rig, .star, .triangle_icon1, .num_1, .num_2, .num_3, .ban_btn1, .ban_btn2, .rimi_ewm, .round,/* .form_mobile1, .form_name1, .form_qq1,*/ .home_head_tel{ background: url(../images/home/sprites.png) no-repeat; } .serve_icon1{ background-position: -2px -7px ; width: 46px; height: 46px; } .serve_icon2{ background-position: -4px -59px ; width: 46px; height: 46px; } .serve_icon3{ background-position: -4px -113px ; width: 46px; height: 46px; } .serve_icon4{ background-position: -3px -166px ; width: 46px; height: 46px; } .serve_icon5{ background-position: -4px -216px ; width: 46px; height: 46px; } .employ_ios{ background-position: -58px -6px ; width: 60px; height: 63px; } .employ_java{ background-position: -124px -5px ; width: 53px; height: 57px; } .employ_test{ background-position: -182px 0; width: 81px; height: 62px; } .employ_ui{ background-position: -269px -2px ; width: 60px; height: 66px; } .employ_web{ background-position: -332px -6px ; width: 62px; height: 59px; } .banner_icon1{ background-position: -66px -72px ; width: 20px; height: 25px; } .banner_icon2{ background-position: -66px -111px ; width: 26px; height: 28px; } .banner_icon3{ background-position: -64px -149px ; width: 22px; height: 22px; } .banner_icon4{ background-position: -65px -183px ; width: 24px; height: 22px; } .banner_icon5{ background-position: -67px -222px ; width: 27px; height: 28px; } .banner_icon7{ background-position: -107px -110px ; width: 25px; height: 24px; } .banner_icon8{ background-position: -106px -148px ; width: 25px; height: 25px; } .banner_icon9{ background-position: -107px -188px ; width: 24px; height: 22px; } .banner_icon10{ background-position: -106px -226px ; width: 32px; height: 23px; } .banner_icon11{ background-position: -144px -72px ; width: 25px; height: 23px; } .banner_icon12{ background-position: -140px -102px ; width: 34px; height: 29px; } .banner_icon13{ background-position: -144px -181px ; width: 26px; height: 24px; } .banner_icon14{ background-position: -145px -218px ; width: 27px; height: 31px; } .banner_icon15{ background-position: -142px -146px ; width: 23px; height: 21px; } .banner_icon16{ background-position: -197px -69px ; width: 29px; height: 27px; } .course_bg{ background-position: -595px -9px ; width: 3px; height: 3px; } .logo{ background-position: -400px -9px ; width: 172px; height: 50px; } /*2017/7/3 增加logo链接改*/ .logo a{ width: 172px; height: 50px; display:inline-block; } .foot_tel{ background-position: -182px -117px ; width: 60px; height: 60px; } .talents_icon{ background-position: -257px -75px ; width: 58px; height: 47px; } .computer_icon{ background-position: -186px -188px ; width: 55px; height: 46px; } .diversification_icon{ background-position: -253px -144px ; width: 45px; height: 46px; } .gold_icon{ background-position: -252px -197px ; width: 52px; height: 46px; } .graduate_write.checked{ background-position: -330px -73px ; width: 61px; height: 68px; } .graduate_write{ background-position: -398px -75px ; width: 61px; height: 68px; } .serve_staff_write.checked{ background-position: -326px -162px ; width: 59px; height: 67px; } .serve_staff_write{ background-position: -400px -166px ; width: 59px; height: 67px; } .student_write.checked{ background-position: -470px -75px ; width: 52px; height: 68px; } .student_write{ background-position: -474px -160px ; width: 52px; height: 68px; } .test_head_tel{ background-position: -8px -276px ; width: 32px; height: 32px; } .triangle_icon1{ background-position: -12px -321px ; width: 15px; height: 7px; } /*.form_email{ background-position: -61px -270px ; width: 20px; height: 14px; } .form_monicker{ background-position: -96px -267px ; width: 19px; height: 19px; } .form_phone{ background-position: -134px -267px ; width: 18px; height: 18px; }*/ .banner_4{ background-position: -2px -416px ; width: 200px; height: 64px; } /* .form_ui_name{ background-position: -59px -302px ; width: 28px; height: 27px; } .form_ui_qq{ background-position: -100px -303px ; width: 27px; height: 29px; } .form_ui_tel{ background-position: -139px -299px ; width: 24px; height: 35px; } */ .small_icon1{ background-position: -180px -257px ; width: 35px; height: 42px; } .small_icon2{ background-position: -230px -259px ; width: 45px; height: 40px; } .small_icon3{ background-position: -294px -257px ; width: 26px; height: 44px; } .small_icon4{ background-position: -333px -259px ; width: 47px; height: 37px; } .small_icon5{ background-position: -393px -257px ; width: 55px; height: 43px; } .ui_head_tel{ background-position: -191px -312px ; width: 32px; height: 32px; } .yellow_lef{ background-position: -585px -26px ; width: 82px; height: 33px; } .yellow_rig{ background-position: -544px -70px ; width: 82px; height: 33px; } .purple_lef{ background-position: -553px -129px ; width: 82px; height: 33px; } .purple_rig{ background-position: -556px -184px ; width: 82px; height: 33px; } .star{ background-position: -9px -342px ; width: 18px; height: 16px; } .triangle_icon{ background-position: -15px -365px ; width: 10px; height: 12px; } .num_1{ background-position: -55px -361px ; width: 23px; height: 43px; } .num_2{ background-position: -92px -354px ; width: 36px; height: 43px; } .num_3{ background-position: -144px -354px ; width: 31px; height: 44px; } .ban_btn1{ background-position: -208px -352px ; width: 180px; height: 56px; } .ban_btn2{ background-position: -216px -417px ; width: 180px; height: 56px; } .rimi_ewm{ background-position: -407px -312px ; width: 90px; height: 89px; } /*.head_tel{ background-position: -236px -312px ; width: 32px; height: 32px; }*/ .round{ background-position: -505px -260px ; width: 183px; height: 197px; } /*.form_mobile1{ background-position: -286px -314px ; width: 19px; height: 27px; } .form_name1{ background-position: -323px -312px ; width: 28px; height: 28px; } .form_qq1{ background-position: -366px -313px ; width: 25px; height: 27px; }*/