#container{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:110vh;
    background-color:#00b8ee;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center}

#pcBox{
    position:relative;
    width:90%;max-width:
    1600px
}

#pcBox .btn{
    display:block;
    position:absolute;
    /*left:44.8%;*/
    /*width:41.8%;*/
    left: 42.8%;
    width: 23.8%;
    margin-top: 20px;
    
}
#pcBox .btn2{
    display:block;
    position:absolute;
    /*left:44.8%;*/
    /*width:41.8%;*/
    left: 42.8%;
    width: 23.8%;
    margin-top: 20px;
}
#pcBox .city{
    /*top:34.3%*/
    top: 40.3%;
}
#pcBox .city2{
    /*top:34.3%*/
    top: 68%;
}
#pcBox .btn-title {
    position: absolute;
    left: 42.8%;
    top: 36.3%;
    width: 49%;
}
#pcBox .btn-title-02 {
    position: absolute;
    left: 42.8%;
    top: 64.3%;
    width: 49%;
}
/*#pcBox .work{top:61.5%}#spBox{position:relative;width:90%}#spBox .btn{display:block;position:absolute;left:7.8%;width:84.4%}#spBox .city{top:48.4%}#spBox .work{top:71.2%}*/
#pcBox .work{left:68%;top:40.3%}
#pcBox .work2{left:68%;top:68%}


#spBox{position:relative;width:90%}
#spBox .btn{display:block;position:absolute;left:7.8%;width:84.4%}
/*#spBox .city{top:48.4%}
#spBox .work{top:71.2%}*/
#spBox .city{top:49.4%}
#spBox .work{top:60.2%}
#spBox .btn-title {
    position: absolute;
    left:7.8%;
    top: 41%;
    width: 84.4%;
}
#spBox .btn-title-02 {
    position: absolute;
    left:22.8%;
    top: 75%;
    width: 54.4%;
}
#spBox .btn2{
    display:block;
    position:absolute;
    /*left:44.8%;*/
    /*width:41.8%;*/
    left:7.8%;
    width: 41.2%;
    margin-top: 20px;
}
#spBox .city2{
    /*top:34.3%*/
    top: 80%;
}
#spBox .work2{left:50%;top:80%}