.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: 245px;
    height: 245px;
    background: #ffffff;
    margin: 0px 20px;
    border-radius: 50%;
    color: #060606;
    padding: 0 20px;
    line-height: 28px;
    background: #b8dfff;
    /* 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_icon5.png') center 26px no-repeat;}
.gm ul li:nth-child(2):before{background: url('/pages/basic/img/sub/gm_icon6.png') center 26px no-repeat;}
.gm ul li:nth-child(3):before{background: url('/pages/basic/img/sub/gm_icon7.png') center 26px no-repeat;}
.gm ul li:nth-child(4):before{background: url('/pages/basic/img/sub/gm_icon8.png') center 26px no-repeat;}


@media screen and (max-width:1200px){
.gm {width: 100%}
.gm ul li { width: 200px;height: 200px;  margin: 0px 13px;font-size:18px;line-height:22px}
.gm ul li:before{height:95px;}
}

@media screen and (max-width:960px){
.gm ul li { width:180px;height:180px;  margin: 0px 6px;font-size:16px;line-height:20px}
.gm ul li:nth-child(1):before{background: url('/pages/basic/img/sub/gm_icon5.png') center 5px no-repeat;}
.gm ul li:nth-child(2):before{background: url('/pages/basic/img/sub/gm_icon6.png') center 5px no-repeat;}
.gm ul li:nth-child(3):before{background: url('/pages/basic/img/sub/gm_icon7.png') center 5px no-repeat;}
.gm ul li:nth-child(4):before{background: url('/pages/basic/img/sub/gm_icon8.png') center 5px no-repeat;}
.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;}
}
@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 li {height: 136px;width: calc(100% - 7px);}
}