body {
    /*  background-color: rgb(112,0,1);*/
    overflow: hidden;
    background-color: white;
}

#main {
    width: 100%;
    height: 100%;
    position: relative;
}

#bg {
    width: 1920px;
    height: 958px;
    background: url('bg.png') no-repeat center center;
    background-size: contain;
    margin-left: calc((100% - 1920px)/2);
    position: relative;
}

#Containers {
    width: 1600px;
    height: 958px;
    position: relative;
    margin-left: calc((100% - 1600px)/2);
}

#word {
    width: 754px;
    top: 40px;
    height: 163px;
    position: absolute;
    left: calc((100% - 754px)/2 - 215px);
    background: url('word.png') no-repeat center center;
    background-size: contain;
}

#map {
    width: 921px;
    top: 182px;
    height: 673px;
    position: absolute;
    left: calc((100% - 1600px)/2);
    background: url('map.png') no-repeat center center;
    background-size: contain;
}

#link {
    width: 422px;
    height: 320px;
    position: absolute;
    top: 260px;
    left: calc((100% - 422px)/2 + 270px);
}

    #link a {
        display: block;
        margin-bottom: 10px;
    }

        #link a:hover {
            text-decoration: none;
        }

.item {
    width: 280px;
    height: 230px;
    float: left;
    cursor: pointer;
    transform: scale(0.98,0.98);
}

    .item:hover {
        transform: scale(1,1);
        -moz-box-shadow: 2px 1px 20px 1px #FDFFB5;
        -webkit-box-shadow: 2px 1px 20px 1px #FDFFB5;
        box-shadow: 2px 1px 20px 1px #FDFFB5;
        transition: all 0.25s;
    }

.newitem {
    display: inline-block;
    padding: 10px 15px;
    color: #d6cd9f;
    font-size: 38px;
    font-weight: bold;
    letter-spacing: 2px;
}

    .newitem:hover {
        transform: scale(1,1);
        -moz-box-shadow: 2px 1px 20px 1px #FDFFB5;
        -webkit-box-shadow: 2px 1px 20px 1px #FDFFB5;
        box-shadow: 2px 1px 20px 1px #FDFFB5;
        transition: all 0.25s;
    }

#sbhrnew {
    margin-left: 76px;
}

#wmxfnew {
    margin-left: calc(76px * 2);
}

#xsqgnew {
    margin-left: calc(76px * 3);
}

#ddmf {
    background: url('ddmf.png') no-repeat center center;
    background-size: contain;
}

#sbhr {
    margin-left: 10px;
    background: url('sshr.png') no-repeat center center;
    background-size: contain;
}

#wmxf {
    margin-top: 10px;
    background: url('wmxf.png') no-repeat center center;
    background-size: contain;
}

#xsqg {
    background: url('xsqg.png') no-repeat center center;
    background-size: contain;
    margin-left: 10px;
    margin-top: 10px;
}


.listitem {
    cursor: pointer;
}
/*视屏样式*/
#v {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: fill;
    overflow: hidden
}

#video {
    width: 100%;
    height: 100%;
    object-fit: fill;
    z-index: 10;
}

#jump {
    color: white;
    font-weight: bold;
    font-size: 30px;
    position: fixed;
    left: 10px;
    top: 10px;
    z-index: 100;
    cursor: pointer;
}