@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0;}
.clear{ clear:both;}
.container_page{ width: 100%;overflow:hidden;}
.container_page img{ width:100%;}
.login_box{ width:1100px;margin:0 auto; position:relative;}
.login{ background:#fff; width:350px; height:240px; z-index:1; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; float:right; position:absolute; right:0; top:10pc;}
.login h2{ padding:0; margin:0; font-size:16px; color:#333; font-weight:normal; border-bottom:1px solid #c7e0e4; height:48px; line-height:48px; padding-left:25px;}
.status-box{ padding:30px 0 0 16px;}
.status-box a{ display:block; float:left; color:#4a4949; font-size:14px; text-decoration:none; text-align:center; width:104px; margin:0 27px;}
.status-box a .img{ width:104px; height:104px; background:url(../images/head.png) no-repeat; margin-bottom:8px;}
.status-box a.teacher .img{ background-position:0 -136px;}
.status-box a.teacher .img:hover{ background-position:0 0;}
.status-box a.student .img{ background-position:-139px -136px;}
.status-box a.student .img:hover{ background-position:-139px 0;}
.status-box.item-ob .img{transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;}


.banner{width:100%;height:951px;overflow:hidden;position:relative;font-size:0; z-index:0;}
.b-img{height:951px;position:absolute;left:0;top:0;}
.b-img a{display:block;height: 1000px;float:left;}
.b-list{ position:absolute; z-index:3; left:50%; bottom:30px;}
.b-list span{ display:block; background:#333; margin:0 3px; height:16px; width:16px; float:left; border-radius:50%;}
.b-list span.spcss{ background:#05c1bd;}
.bar-left,.bar-right{ display:block; width:40px; height:66px;  position: absolute; z-index:3; top:35%; margin-top:-33px; }
.bar-left{left:0;}
.bar-right{  right:0;}

.bar-left em,.bar-right em{ display:block; width:30px; height:60px; }
@media (min-width:375px) {
.container_page{ background-position:40% 0;background-size: 350%;}
.login_box{ width:90%;}
}

@media (max-width: 767px) {
.container_page{    background-position: 90% 0;  background-size: 110%;}
.login_box{ width:90%;}
.banner{height:508px;}
.b-img{height:508px;}
}
@media (min-width: 768px) {
.container_page{    background-position: 90% 0;  background-size: 110%;}
.login_box{ width:90%;}
.banner{height:508px;}
.b-img{height:508px;}
}
@media (min-width: 992px) {
.container_page{ background-position:40% 0;}
.login_box{ width:90%;}
}
@media (min-width: 1024px) {
.container_page{ background-position:30% -120px; background-size:120%;}
.banner{height:508px;}
.b-img{height:508px;}
}
@media (min-width: 1280px) {
.container_page{ background-position:15% -20px; background-size:120%;}
.login_box{ width:1100px;}
.banner{height:634px;}
.b-img{height:634px;}
}

@media (min-width: 1440px) {
.banner{height:713px;}
.b-img{height:713px;}
}

@media (min-width: 1600px) {
.container_page{ background-position:0 -170px; background-size:100%;}
.login_box{ width:1100px;}
.banner{height:793px;}
.b-img{height:793px;}
}
@media (min-width: 1920px) {
.banner{height:880px;}
.b-img{height:880px;}
}

.status-box a:hover{ color:#08aac2;}