*{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}