.index_box{
    /* height: 100%; */
    width: 100%;
    background: #ffffff;
}
.box-head{
    height: 4rem;
    background: url(../images/branner_bg_img.jpg) no-repeat;
    background-size:cover;
    position: relative;
}

.head_text{
    padding: .6rem .5rem;
    width: calc(100% - 1rem);
    color: #ffffff;
}
.head_text .h1{
    font-size: .6rem;
    line-height: .9rem;
}
.head_text .h3{
    font-size: .4rem;
    line-height: .6rem;
}
.h3 .line{
    display: inline-block;
    width: 1.35rem;
    height: .04rem;
    vertical-align: middle;
    background: url(../images/text_line.jpg) no-repeat;
}
.text_section{
    width: calc(1005 - .6rem);
    padding: 0 .3rem;
}
.title_img {
    width: 2.56rem;
    height: .3rem;
    font-size: .14rem;
    line-height: .3rem;
    text-align: center;
    margin: 0 auto;
    position: relative;
    color: #08a97d;
    margin-top: .3rem;
}

.title_img i{
    width: .77rem;
    height: .02rem;
    display: inline-block;
    background: #08a97d;
    position: absolute;
}
.title_img .left{
    top: calc(50% - .01rem);
    left: 0;
}
.title_img .right{
    top: calc(50% - .01rem);
    right: 0;
}
.title_text{
    color:#001f63;
    font-size: .28rem;
    line-height: .26rem;
    text-align: center;
    font-weight: 600;
    margin-top: .1rem;
}
.text_section .sect_text {
    font-size: .24rem;
    line-height: .36rem;
    margin-top: .3rem;
}
.sect_img{
    width: 100%;
    height: 3rem;
    margin-top: .3rem;
    border-radius: .06rem;
    background: url(../images/aboutUs_img_01.jpg) no-repeat;
    background-size: cover;
    background-position: 0rem -3.75rem;
}
.course_box{
    margin-top: .6rem;
}
.course_left{
    height: 6.1rem;
    width: .02rem;
    margin:0 .16rem;
    position: relative;
    background: url(../images/couerse_line.jpg) no-repeat;
    display: inline-block;
    background-size: 100% 100%;
    float: left;
}
.course_left i{
    display: inline-block;
    width: .36rem;
    height: .36rem;
    background: url(../images/circular_icon.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -.16rem;
}
.course_left .icon1{
    top: -.16rem;
}

.course_left .icon2{
    top: calc(100% / 3 - .16rem);
}

.course_left .icon3{
    bottom: calc(100% / 3 - .16rem);
}

.course_left .icon4{
    bottom: -.16rem;
}
.course_right{
    height: auto;
    overflow: auto;
    width: calc(100% - .9rem);
    margin-left: .9rem;
    display: table;
}
.course_right .items{
    margin-top: -.25rem;
    margin-bottom: 1rem;
}
.course_right .items:last-child{
    margin-bottom: .5rem;
}
.course_right .items .time{
    color: #0fbd8c;
    font-size: .48rem;
    line-height: .48rem;
}
.course_right .items .text{
    font-size: .32rem;
    line-height: .48rem;
}
.introducing .text_section{
    margin-bottom: .3rem;
}
.introducing .text_section .title_img{
    width: 5.6rem;
}
.programme .box_title .title_text{
    text-align: left;
}
.programme .title_img{
    width: 3rem;
}
.Servicecategory .title_img{
    width: 3rem;
}
.support .title_img{
    width: 3rem;
    color: #ffffff;
}
.support i{
    background: #ffffff;
}
.support .title_text{
    color: #ffffff;
}
.mainFooterItemBox{padding:0.2rem 0;font-size:0.2rem;line-height:0.4rem;text-align:center;}