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, 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 flip{ 0% {-webkit-transform:perspective(240px) rotate3d(0,1,0,-240deg);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,120px) rotate3d(0,1,0,-120deg);-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,120px) rotate3d(0,1,0,-120deg);-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,-240deg);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,120deg) rotate3d(0,1,0,-120deg);-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,120deg) rotate3d(0,1,0,-120deg);-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(240deg); } } @-webkit-keyframes rotate{ 0%{ -webkit-transform:rotateY(0deg); } 100%{ -webkit-transform:rotateY(240deg); } } @keyframes rotate{ 0%{ transform:rotateY(0deg); } 100%{ transform:rotateY(240deg); } } /*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: #1291e7;} .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{width: 100%;height: 500px; position: relative; z-index: 11; } #banner{ position: absolute; z-index: 11; top: 0; left: 0;} .rimi_banner .rimi_coms{ position: absolute; z-index: 12; top: 0; left: 50%; margin-left: -600px;} .rimi_left_menu{width: 260px;background: #086cdf;height: 500px;} .rimi_left_menu ul li{height: 68px;line-height: 68px;} .rimi_left_menu ul li a{color: #fff;display: block;padding: 0px 30px;font-size: 18px;} .rimi_left_menu ul li a:hover{background: #2b4954;} .rimi_left_menu ul li a i{ float: right; width: 17px; height: 17px; background: url(../images/left_menu_c.png) no-repeat center center; background-size: 9px auto; margin-top: 34px; } .bott{border-bottom: 1px solid #407aad;width: 240px;margin: 0 auto;} /* 本例子css */ .rimi_banner .hd{ height:10px; overflow:hidden; position:absolute; right:50%; margin-right: -64px; bottom:25px; z-index:13; font-size: 0; } .rimi_banner .hd ul{ overflow:hidden; zoom:1; float:left; } .rimi_banner .hd ul li{ float:left; margin-right:6px; width:10px; height:10px; background:rgba(255,255,255,1); cursor:pointer; border-radius: 100%; } .rimi_banner .hd ul li.on{ background:rgba(255,255,255,0.3); } .rimi_banner .bd {width: 100%; overflow: hidden;} .rimi_banner .bd ul li{height: 500px; } .rimi_banner .bd ul li a{ display: block; width: 100%; height: 100%; } .rimi_banner .bd ul li.banner1 a{ background:url(../images/banner1.jpg) no-repeat center center; } .rimi_banner .bd ul li.banner2 a{ background:url(../images/banner2.jpg) no-repeat center center; } .rimi_banner .bd ul li.banner3 a{ background:url(../images/banner3.jpg) no-repeat center center; } .rimi_banner .bd ul li.banner4 a{ background:url(../images/banner4.jpg) no-repeat center center; } .rimi_banner .bd ul li.banner5 a{ background:url(../images/banner5.jpg) no-repeat center center; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .rimi_banner .prev, .rimi_banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .rimi_banner .next{ left:auto; right:3%; background-position:8px 5px; } .rimi_banner .prev:hover, .rimi_banner .next:hover{ filter:alpha(opacity=100);opacity:1; } .rimi_banner .prevStop{ display:none; } .rimi_banner .nextStop{ display:none; } /*list_cont*/ .list_cont{ padding-top: 35px; } /*list_left*/ .list_left{ width: 866px; background: #FFFFFF; } /*art_cont*/ .list_left h2{ margin-top: 20px; font-size: 24px; font-weight: bold; line-height: 52px; text-align: center; color: #454545; font-family: "微软雅黑"; } .ppide{ padding-bottom: 10px; } .ppide a{ color: #337ab7; } .topp { text-align: center; margin-top: 12px; margin-bottom: 35px; } .art_cont{ font-size: 14px !important; line-height: 24px; font-family: "微软雅黑"; color: #666666; padding: 6px 20px 20px 20px; } .art_cont p,.art_cont div{ text-indent: 2em; } .art_cont p,.art_cont p span{ font-size: 14px !important; } .art_cont p span strong{ font-size: 16px; } .art_cont a{ margin-bottom: 10px; } .art_cont .clearfix{ margin-bottom: 20px; } .art_cont img{ max-width: 90%; margin: 0 auto; display:block; } .art_cont a img{ max-width: 90%; margin:auto; display:block; } /*list_right*/ .list_right{ width: 302px; } .list_right_cont{ background: #FFFFFF; margin-bottom: 25px; padding: 12px 0; } .list_r_t{ height: 55px; line-height: 55px; padding-left: 22px; border-bottom: 1px solid #f3f3f3; font-size: 20px; color: #333333; margin-bottom: 6px; } .list_r_t i{ display: block; width: 5px; height: 17px; background: url(../images/list_t.jpg) no-repeat center center; margin-top: 19px; float: left; margin-right: 10px; } .list_right_cont h3{ margin: 0 20px; line-height: 40px; } .list_right_cont h3 span{ display: block; float: left; } .list_right_cont h3 a{ color: #666666; } .list_right_cont h3 a:hover{ color: #337ab7; } .list_class{width: 53%;} .list_class_time{width: 20%; text-align: center;} .list_class_open{width: 27%; text-align: right;} .list_right_cont h3 span.red{ color: #de2323; } .list_right_cont h3 span.blue{ color: #1291e7; } .list_right_cont h3 span.org{ color: #ff8d39; } .list_ad{ margin-bottom: 23px; } /*list_stu*/ .list_stu{ margin: 15px 20px; } .list_stu img{ float: left; margin-right: 15px; } .list_stu h4{ font-size: 16px; color: #454545; line-height: 34px; } .list_stu h5{ font-size: 14px; color: #454545; line-height: 26px; } .list_stu p{ font-size: 14px; color: #de2323; line-height: 22px; } .list_right_cont1 h3{ color: #666666; border-top: 1px dashed #e2e2e2;} .list_stu_name{width: 18%; font-size: 12px;} .list_stu_class{width: 43%; text-align: left;font-size: 12px;} .list_stu_pay{width: 39%; text-align: left; font-size: 12px;} /*list_right_cont2*/ .list_right_cont2 h3{ border-bottom: 1px dashed #e5e5e5; color: #666666; } .list_right_cont3{ color: #666666; } /*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%; }