.gm {
    width: 1200px;
    margin: 0 auto
}


.gm_list{float:left; display:block}
.gm ul{ margin-top:40px }
.gm ul li {
    transition: all .3s;
    display: inline-block;
    font-size: 18px;
    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: #ede9ef;
    /* border: solid 3px #2d9ff9; */
    letter-spacing: -1px;
    }
.gm ul li:before{content:'';display: inline-block;width: 100%;position: relative;height: 111px;}
.gm ul li:nth-child(1):before{background: url('/pages/basic/img/sub/gm_icon1.png') center 36px no-repeat;}
.gm ul li:nth-child(2):before{background: url('/pages/basic/img/sub/gm_icon2.png') center 36px no-repeat;}
.gm ul li:nth-child(3):before{background: url('/pages/basic/img/sub/gm_icon3.png') center 36px no-repeat;}
.gm ul li:nth-child(4):before{background: url('/pages/basic/img/sub/gm_icon4.png') center 33px no-repeat;}
.gm ul li:nth-child(5):before{background: url('/pages/basic/img/sub/gm_icon5.png') center 36px 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% - 27px);height: 160px;}
.gm ul li:nth-child(1):before{background: url('/pages/basic/img/sub/gm_icon1.png') center 25px no-repeat; background-size: 40%;}
.gm ul li:nth-child(2):before{background: url('/pages/basic/img/sub/gm_icon2.png') center 25px no-repeat; background-size: 40%;}
.gm ul li:nth-child(3):before{background: url('/pages/basic/img/sub/gm_icon3.png') center 25px no-repeat; background-size: 40%;}
.gm ul li:nth-child(4):before{background: url('/pages/basic/img/sub/gm_icon4.png') center 25px no-repeat; background-size: 40%;}
.gm ul li:nth-child(5):before{background: url('/pages/basic/img/sub/gm_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/gm_icon1.png') center 10px no-repeat;}
.gm ul li:nth-child(2):before{background: url('/pages/basic/img/sub/gm_icon2.png') center 10px no-repeat;}
.gm ul li:nth-child(3):before{background: url('/pages/basic/img/sub/gm_icon3.png') center 10px no-repeat;}
.gm ul li:nth-child(4):before{background: url('/pages/basic/img/sub/gm_icon4.png') center 10px no-repeat;}
.gm ul li:nth-child(5):before{background: url('/pages/basic/img/sub/gm_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);}
}