.inbanner li{padding: 0.8rem 0 1.15rem 0;color: #fff;text-align: center;}
.inbanner li h2{line-height: 1.2em;height: 2.4em;  
    color: #e0f2e4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



.index_title{position: relative; overflow: hidden;margin-bottom: 0.55rem;}
.index_title h2{padding-right: 1.5rem;}
.index_title i{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #a0c1ae;}
.index_title h2 span{display: inline-block;position: relative;padding-bottom: 0.24rem;    z-index: 5; line-height: 1em;}
.index_title h2 span::after{content: "";position: absolute;left: 0; bottom: 0; width: 100%;height: 0.04rem;background: #126435;
    background-image:-moz-linear-gradient(to right, #126435,#1caa5a);
    background-image:-webkit-linear-gradient(to right, #126435,#1caa5a);
    background-image:-ms-linear-gradient(to right, #126435,#1caa5a);
    background-image:-o-linear-gradient(to right, #126435,#1caa5a);
    background-image:linear-gradient(to right, #126435,#1caa5a);}

.index_more a{color: #126435;}
.index_more img{vertical-align: middle; margin-left: 0.06rem;}
.index_title .index_more{transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; right:0; top:50%;}
.index_01{padding: 0.55rem 0;}
.index_02{padding-bottom: 0.35rem;}
.index_03{padding-bottom: 1rem;}



.index_01 .left{width: 65.25%;float: left;}
.index_01 .right{width: 32.1%;float: right;}
.index_le,.index_re{width: 48.8%;float: left; }
.index_le dt{overflow: hidden;}
.index_le dd{padding: 0.25rem 0.4rem; padding-bottom: 0.6rem; color: #126435;}
.index_le dd h3{margin-bottom: 0.2rem;line-height: 1.3em;max-height: 2.6em;}
.index_re{float: right;}
.index_le,.index_re,.index_notice{ box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.1);border-radius: 0.3rem;overflow: hidden;height: 4.8rem;}
.index_notice,.index_re{padding: 0.4rem;}
.index_notice dd span,.index_re  dd span{color: #9499a0; display: block;line-height: 1em;}
.index_notice dd h3,.index_re  dd h3{margin-bottom: 0.15rem;line-height: 1.3em;max-height: 3.9em;    -webkit-line-clamp: 3;}
.index_notice li,.index_re  li{margin-bottom: 0.3rem;}
.index_notice li:last-child,.index_re  li:last-child{margin-bottom: 0}
.index_le{background: #eff8f3;}


.index_le dd h3,.index_le dd span,.index_notice dd span, .index_re dd span{font-weight: bold;}
.index_notice li:first-child dd h3, .index_re li:first-child dd h3{font-weight: bold;}


.index_course ul{overflow: hidden;margin:0 -0.15rem;}
.index_course li{width: 33.33%;float: left;margin-bottom: 0.3rem;}
.index_course li>a{display: block;margin:0 0.15rem;}
.index_course dt{position: relative;overflow: hidden;border-radius: 0.3rem;}
.index_course dt h4{position: absolute;color: #fff;left: 0;bottom: 0.15rem;width: 100%; padding: 0 0.24rem;}
/* .index_course dt h4 em,.index_course dt h4 span{line-height: 0.2em;} */
.index_course dt h4 em{height: 0.2rem;width: 0.22rem;border: 1px solid #fff;border-radius: 0.05rem;float: left;text-align: center;font-size: 0.12rem;position: relative;}
.index_course dt h4 em i{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.index_course dt h4 span{float: right;}
.index_course dd span{color: #9499a0;display: block;padding: 0.15rem 0; line-height: 1em;}
.index_course dd h3{line-height: 1.3em;height: 2.6em;}

.index_03 .index_title{margin-bottom: 0.4rem;}
.index_03 .left,.index_03 .right{width: 48.75%;float: left;}
.index_03 .right{float: right;}

.index_rank li{margin-bottom: 0.17rem;}
.index_rank li:last-child{margin-bottom:0;}
.index_rank dl{padding: 0.4rem;border: 1px solid #fff;background: #fff;border-radius: 0.3rem;overflow: hidden;    box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.1);}
.index_rank dt,.index_rank dd{height: 0.36rem;line-height: 0.36rem;float: left;}
.index_rank dt{width: 0.85rem;position: relative;text-align: center;color: #1ca959;}
.index_rank dt::after,.index_rank dt::before{content: "";position: absolute;top:0;height: 100%;width: 0.18rem;left: 0;}
.index_rank dt::before{background: url(../images/index_honor_le_on.png) no-repeat;background-size: 100% 100%;}
.index_rank dt::after{left:auto;right: 0;background: url(../images/index_honor_re_on.png) no-repeat;background-size: 100% 100%;}
.index_rank dd{float: right;width: calc(100% - 1rem);}
.index_rank dd h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.index_rank li.on dl{border: 1px solid #a0c1ae;background: #eff8f3;color: #126435;}
.index_rank li.on dt{color: #fe904e;}
.index_rank li.on dt::before{background: url(../images/index_honor_le.png) no-repeat;background-size: 100% 100%;}
.index_rank li.on dt::after{left:auto;right: 0;background: url(../images/index_honor_re.png) no-repeat;background-size: 100% 100%;}


@media only screen and (max-width:1024px) {
    .index_rank dl{padding: 0.3rem;}
    .index_title{margin-bottom: 0.3rem;}

    .index_le, .index_re, .index_notice{height: 3.5rem;}
    .index_le dd{padding:0.3rem 0.2rem;}
    .index_notice, .index_re{padding: 0.3rem;}
    .index_notice dd h3, .index_re dd h3{max-height: 2.6em;    -webkit-line-clamp: 2;}
    .index_notice li, .index_re li{margin-bottom: 0.2rem;}

}
@media only screen and (max-width:767px) {
.index_01{padding:30px 0;}
.index_02{padding-bottom:30px;}
.index_03{padding-bottom: 40px;}

.inbanner li{padding: 0.8rem 0;}  
.index_course li{float: none;width: 100%;margin-bottom: 20px;}
.index_course li:last-child{margin-bottom: 0;}
.index_course dd h3{height: auto;max-height: 2.6em;}
.index_course dt h4 em{width: 36px;height: 24px;font-size: 14px;border-radius: 10px;}
.index_course dd span{padding: 10px 0;}
.index_course dt h4{padding: 0 10px;bottom: 10px;}
.index_03 .left, .index_03 .right{float: none;width: 100%;}
.index_03 .left{padding-bottom: 30px;}
.index_rank dl{padding: 10px;}
.index_rank dt::after, .index_rank dt::before{width: 12px;}
.index_rank dt, .index_rank dd{height: 30px;line-height: 30px;}
.index_rank dt{width: 60px;}
.index_rank dd{width: calc(100% - 70px);}

.index_01 .left,.index_01 .right{float: none;width: 100%;}
.index_le, .index_re, .index_notice{height: auto;}
.index_le, .index_re{float: none;width: 100%;margin-bottom: 30px;}
.index_notice dd h3, .index_re dd h3,.index_le dd h3{margin-bottom: 10px;}
.index_notice li, .index_re li{margin-bottom: 20px;}
.index_notice, .index_re,.index_le dd{padding: 20px;}

.index_01 dd .bold,.index_course dd .bold,.index_rank dl .bold{font-weight: normal;}
}


@media only screen and (min-width:1024px) {
 .index_more a:hover{color: #1caa5a !important;}

 .index_rank li dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
 .index_rank li:hover dl{border: 1px solid #a0c1ae;background: #eff8f3;color: #126435;}
.index_rank li:hover dt{color: #fe904e;}
.index_rank li:hover dt::before{background: url(../images/index_honor_le.png) no-repeat;background-size: 100% 100%;}
.index_rank li:hover dt::after{left:auto;right: 0;background: url(../images/index_honor_re.png) no-repeat;background-size: 100% 100%;}

}