.index-banner{
 position: relative;
 width: 100%;
 height: 9.6rem;
 background: #ccc;
 overflow: hidden;
}
.index-banner .swiper-slide img{
 max-width: 100%;
}
.index-banner .page-wrapper{
 position: absolute;
 z-index: 9;
 bottom: 5%;
 width: 100%;
 text-align: center;
}
.index-banner .page-wrapper .bullet{
 display: inline-block;
 width: 0.2rem;
 height: 0.2rem;
 margin-right: 0.2rem;
 background: #ef9c00;
 border-radius: 0.2rem;
 cursor: pointer;
 -webkit-tap-highlight-color: transparent;
 user-select:none;
}
.index-banner .page-wrapper .bullet:last-of-type{
 margin-right: 0;
}
.index-banner .page-wrapper .bullet.active{
 background: #fff;
}
.banner_next,.banner_prev{
 position: absolute;
 top: 50%;
 z-index: 999;
 display: block;
 margin-top: -21px;
 width: 42px;
 height: 42px;
 line-height: 42px;
 text-align: center;
 color: #fff;
 background: rgba(153,153,153,0.8);
 border-radius: 42px;
 cursor: pointer;
 user-select:none;
}
.banner_prev{
 left: 12%;
}
.banner_next{
 right: 12%;
}
.coursebox{
 width:100%;
 height:auto;
 overflow:auto;
 background: url(../../images/JSYL/indexbg.png) no-repeat;
 background-size: 100%;
}
.course{
 position: relative;
 width: 100%;
 color: #fff;
 overflow: hidden;
 font-size: 0.2rem;
}
.course1{
 height: 3.58rem;
 background-size: 100%;
}
.course2{
 height: 7.12rem;
 background-size: 100%;
}
.course3{
 height: 3.6rem;
 background-size: 100%;
}
.course1 .text,.course3 .text{
 float: left;
 margin-left: 0.4rem;
 margin-top: 0.5rem;
 width: 3.7rem;
}
.course2 .text{
 float: right;
 margin-right: 0.4rem;
 margin-top: 2.36rem;
 width: 3.7rem;
}
.course .text h4{
 font-size: 0.24rem;
}
.course .text .line{
 margin: 0.14rem 0;
 width: 0.72rem;
 height: 0.04rem;
 background: #fff;
}
.course .text p{
 line-height: 0.34rem;
}
.course1 .blockList,.course3 .blockList{
 float: right;
 margin-right: 0.08rem;
 width: 2.92rem;
 counter-reset: i;
}
.course2 .blockList{
 float: left;
 margin-left: 0.08rem;
 width: 2.92rem;
 counter-reset: i;
}
.course .block{
 box-sizing: border-box;
 position: relative;
 margin-top: 0.08rem;
 width: 2.92rem;
 height: 1.68rem;
 padding: 0.45rem 0.35rem 0;
 border-radius: 0.1rem;
 
 
 counter-increment: i;
 color: #fff;
}
.course1 .block{
 background-color: rgba(162,189,0,0.85);
}
.course2 .block{
 background-color: rgba(255,159,0,0.85);
}
.course3 .block{
 background-color: rgba(230,77,78,0.85);
}
.course .block img{
 height: 0.38rem;
}
.course .block p{
 margin-top: 0.22rem;
 font-size: 0.24rem;
 font-weight: 700;
}
.course .block:before{
 content: '0' counters(i,'');
 position: absolute;
 top: 0.25rem;
 right: 0.25rem;
 font-size: 1rem;
 font-weight: 700;
 color: #fff;
 opacity: 0.15;
 line-height: 1;
}