.course{display:block; float:left}
.h4_butt {
    width: 100%;
    float: left;
    position: relative;
    font-size: 28px;
    color: #000;
    line-height: 38px;
    padding: 10px 0 15px 0;
    margin: 25px 0 0 0px;
    font-weight: 400;
    letter-spacing: -.09em;
    box-sizing: border-box;
}
.h4_butt:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 3px;
    background: #000;
}

.course ul li {
    float: left;
    display: inline-block;
    width: calc(100% / 1 - 20px);
    margin: 0 10px 10px 10px;
}
 .course_box{float: left;width: 100%;padding:30px 20px;font-size:18px;display: block;border: 1px solid #eee;margin-bottom:5px;line-height: 26px;}
.course_box p{font-size:18px; line-height:24px}
.gm{width: 1400px;margin:0 auto;display: flex;justify-content: center;align-content: center;}
.gm_list{float:left; display:block}
.gm ul{ margin-top:40px }
.gm ul li {
    transition: all .3s;
    display: inline-block;
    font-size: 20px;
    float: left;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    width: 206px;
    height: 206px;
    background: #ffffff;
    margin: 0px 15px;
    border-radius: 50%;
    color: #060606;
    padding: 0 20px;
    line-height: 22px;
    background: #ffffff;
    border: solid 3px #4479dd;
    letter-spacing: -1px;
    }
.gm ul li:before{content:'';display: inline-block;width: 100%;position: relative;height: 116px;}
.gm ul li:nth-child(1):before{background: url('/pages/basic/img/sub/icon1.png') center 30px no-repeat;}
.gm ul li:nth-child(2):before{background: url('/pages/basic/img/sub/icon2.png') center 30px no-repeat;}
.gm ul li:nth-child(3):before{background: url('/pages/basic/img/sub/icon3.png') center 33px no-repeat;}
.gm ul li:nth-child(4):before{background: url('/pages/basic/img/sub/icon4.png') center 33px no-repeat;}
.gm ul li:nth-child(5):before{background: url('/pages/basic/img/sub/icon5_.png') center 34px no-repeat;}


@media screen and (max-width:1200px){
.gm {width: 100%}
.gm ul li { width: 180px;height: 180px;  margin: 0px 8px;font-size:16px;line-height:22px}
.gm ul li:before{height: 111px;}
}

@media screen and (max-width:1020px){
.gm ul li {width: calc(20% - 33px);height: 160px;width:160px}
.gm ul li:nth-child(1):before{background: url('/pages/basic/img/sub/icon1.png') center 25px no-repeat; background-size: 40%;}
.gm ul li:nth-child(2):before{background: url('/pages/basic/img/sub/icon2.png') center 25px no-repeat; background-size: 40%;}
.gm ul li:nth-child(3):before{background: url('/pages/basic/img/sub/icon3.png') center 25px no-repeat; background-size: 40%;}
.gm ul li:nth-child(4):before{background: url('/pages/basic/img/sub/icon4.png') center 25px no-repeat; background-size: 40%;}
.gm ul li:nth-child(5):before{background: url('/pages/basic/img/sub/icon5_.png') center 25px no-repeat; background-size: 40%;}
.gm ul li:before{height:75px;}

}
@media screen and (max-width:860px){
.gm ul li {border-radius: 15px;width: calc(50% - 27px);margin:15px 10px;height: 150px;padding: 0 25px;}
.gm ul li:nth-child(1):before{background: url('/pages/basic/img/sub/icon1.png') center 10px no-repeat;}
.gm ul li:nth-child(2):before{background: url('/pages/basic/img/sub/icon2.png') center 10px no-repeat;}
.gm ul li:nth-child(3):before{background: url('/pages/basic/img/sub/icon3.png') center 10px no-repeat;}
.gm ul li:nth-child(4):before{background: url('/pages/basic/img/sub/icon4.png') center 10px no-repeat;}
.gm ul li:nth-child(5):before{background: url('/pages/basic/img/sub/icon5_.png') center 10px no-repeat;}
    .gm ul li:before {
        height: 92px;
    }
}
@media screen and (max-width:560px){
.gm_tit { font-size:20px; height: 68px;text-align: center;padding-top: 5px;}

}

@media screen and (max-width:500px){
.gm ul {
    margin-top: 0px;
}
.gm ul li {height: 136px;width: calc(100% - 7px);line-height: 16px;}
}