*{
    margin: 0;
    padding: 0;
}
.pg{
    width: 100%;
    max-width: 1920px;
    min-width: 1600px;
    margin: 0 auto;
    height: 1030px;
    background: url("../images/bg.jpg") no-repeat 0 0;
    position: relative;
}
.pg-left{
    min-width: 1600px;
    margin: 0 auto;
    height: 1030px;
}
.pg-inner{
    width: 1571px;
    height: 1030px;
    position: absolute;
    bottom: 0;
}
.pg-play{
    width: 313px;
    height: 184px;
    position: absolute;
    top: 700px;
    left: 1200px;
    cursor: pointer;
}
.pg-qiu{
    display: none;
    background: url("../images/qiu-bg.png") no-repeat 0 0;
}
.pg-qiu .pg-inner{
    background: url("../images/qiu-role.png");
}

.pg-mo{
    display: none;
    background: url("../images/mo-bg.png") no-repeat 0 0;
}
.pg-mo .pg-inner{
    background: url("../images/mo-role.png");
}

.pg-e{
    display: none;
    background: url("../images/e-bg.png") no-repeat 0 0;
}
.pg-e .pg-inner{
    background: url("../images/e-role.png");
}

.pg-bai{
    display: none;
    background: url("../images/bai-bg.png") no-repeat 0 0;
}
.pg-bai .pg-inner{
    background: url("../images/bai-role.png");
}

.pg-qing{
    display: none;
    background: url("../images/qing-bg.png") no-repeat 0 0;
}
.pg-qing .pg-inner{
    background: url("../images/qing-role.png");
}

.pg-xian{
    display: none;
    background: url("../images/xian-bg.png") no-repeat 0 0;
}
.pg-xian .pg-inner{
    background: url("../images/xian-role.png");
}

.pg-wu{
    display: none;
    background: url("../images/wu-bg.png") no-repeat 0 0;
}
.pg-wu .pg-inner{
    background: url("../images/wu-role.png");
}

.pg-right{
    position: absolute;
    top: 0;
    height: 100%;
    box-sizing: border-box;
    right: 0;
    width: 300px;
}
.pg-right-bg{
    width: 127px;
    height: 952px;
    background: url("../images/pg-right-bg.png");
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
}
.pg-right-top{
    width: 94px;
    height: 37px;
    background: url("../images/nav-top.png");
    top: 144px;
    right: 72px;
    position: absolute;
}
.pg-right-mid{
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 135px;
    top: 50%;
    transform: translate(0,-50%);
}
.pg-nav-item{
    cursor: pointer;
    width: 95px;
    height: 95px;
}
.nav-qiu{
    background: url("../images/nav-qiu.png");
}
.nav-qiu:hover{
    background: url("../images/nav-qiu-active.png");
}
.nav-qiu.nav-active{
    background: url("../images/nav-qiu-active.png");
}
.nav-mo{
    background: url("../images/nav-mo.png");
}
.nav-mo:hover{
    background: url("../images/nav-mo-active.png");
}
.nav-mo.nav-active{
    background: url("../images/nav-mo-active.png");
}
.nav-e{
    background: url("../images/nav-e.png");
}
.nav-e:hover{
    background: url("../images/nav-e-active.png");
}
.nav-e.nav-active{
    background: url("../images/nav-e-active.png");
}
.nav-bai{
    background: url("../images/nav-bai.png");
}
.nav-bai:hover{
    background: url("../images/nav-bai-active.png");
}
.nav-bai.nav-active{
    background: url("../images/nav-bai-active.png");
}
.nav-qing{
    background: url("../images/nav-qing.png");
}
.nav-qing:hover{
    background: url("../images/nav-qing-active.png");
}
.nav-qing.nav-active{
    background: url("../images/nav-qing-active.png");
}
.nav-xian{
    background: url("../images/nav-xian.png");
}
.nav-xian:hover{
    background: url("../images/nav-xian-active.png");
}
.nav-xian.nav-active{
    background: url("../images/nav-xian-active.png");
}
.nav-wu{
    width: 95px;
    height: 95px;
    background: url("../images/nav-wu.png");
}
.nav-wu:hover{
    background: url("../images/nav-wu-active.png");
}
.nav-wu.nav-active{
    background: url("../images/nav-wu-active.png");
}
.pg-right-bottom{
    width: 94px;
    height: 37px;
    background: url("../images/nav-bottom.png");
    bottom: 144px;
    right: 72px;
    position: absolute;
}
.pop_inner video{
    width:830px ;
    height: 470px;
}