@charset "utf-8";



#gla {

    overflow: hidden;
    margin: 0px auto 0px auto;
    position: relative;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

}

.bac {
    position: absolute;
    bottom: 0;
    left: 50px;
}

#gla_box {
    width: 920px;
    margin: auto;
}

.gla_inbox {
    overflow: hidden;
    position: relative;
}


#gla_box ul li {
    background: url(../images/index/zz_yy.png) -10px bottom no-repeat;
    background-size: 100% 52px;
}



.gla_inbox img {
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.roundabout-holder {
    height: 500px;
    width: 920px;
}

.roundabout-moveable-item {
    display: block;
    height: 500px;
    width: 316px;

    cursor: pointer;
}

.roundabout-in-focus {
    cursor: auto;
}



@media screen and (max-width: 1800px) {

   

    #gla {


        height: 460px;

    }


    #gla_box {
        width: 860px;

    }




    .roundabout-holder {
        height: 460px;
        width: 860px;
    }

    .roundabout-moveable-item {

        height: 460px;
        width: 296px;

    }




}
@media screen and (max-width: 1366px) {

   

    #gla {


        height: 346px;

    }


    #gla_box {
        width: 654px;

    }




    .roundabout-holder {
        height: 346px;
        width: 654px;
    }

    .roundabout-moveable-item {

        height: 346px;
        width: 226px;

    }




}


@media screen and (max-width: 1024px) {

  

    #gla {


        height: 260px;

    }


    #gla_box {
        width: 490px;

    }




    .roundabout-holder {
        height: 260px;
        width: 490px;
    }

    .roundabout-moveable-item {

        height: 260px;
        width: 170px;

    }




}