body{min-width:1200px;background:#333}#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:#c0c0c0;text-align:center}.wrapper{overflow:hidden;position:relative;text-align:center;z-index:1;zoom:1;margin:40px auto 0;max-width:1920px;min-width:1200px}.wrapper .bg{width:100%;margin:0 auto}.wrapper .bg div{background-position:center top !important;background-repeat:repeat-y !important;height:1110px}.wrapper .bg .bg1{background:url(../images/bg_01.jpg)}.wrapper .bg .bg2{background:url(../images/bg_02.jpg)}.wrapper .bg .bg3{background:url(../images/bg_03.jpg)}.wrapper .bg .bg4{background:url(../images/bg_04.jpg)}.wrapper .bg .bg5{background:url(../images/bg_05.jpg)}.wrapper .section{width:100%;min-height:2000px;margin:0 auto;position:relative;box-sizing:border-box}.wrapper .section .header{width:1920px;height:1110px;margin:0 auto;position:absolute;left:50%;top:0;margin-left:-960px}.wrapper .section .header .logo{width:230px;height:129px;position:absolute;top:15px;left:50%;margin-left:-128px;z-index:99999px;background:url(../images/logo.png) no-repeat;z-index:10}.wrapper .section .header .mark{width:1920px;height:1110px;background:url(../images/mark.png) no-repeat;position:absolute;top:0;left:50%;margin-left:-960px;z-index:2}.wrapper .section .header .slogan{width:1920px;height:1088px;background:url(../images/slogan.png) no-repeat;position:absolute;top:0;left:50%;margin-left:-960px;z-index:4}.wrapper .section .header .npc1{width:1920px;height:1230px;background:url(../images/npc-1.png) no-repeat;position:absolute;top:0;left:50%;margin-left:-960px;z-index:3}.wrapper .section .header .npc2{width:1920px;height:1088px;background:url(../images/npc-2.png) no-repeat;position:absolute;top:0;left:50%;margin-left:-960px;z-index:1}.wrapper .section .npc{width:1920px;height:1280px;position:absolute;left:50%;top:945px;margin-left:-960px;z-index:11}.wrapper .section .npc .txt{width:998px;height:257px;background:url(../images/box-txt.png) no-repeat;margin:0 auto;position:relative;z-index:6}.wrapper .section .npc .nav{width:338px;height:59px;position:absolute;top:333px;left:50%;z-index:2;margin-left:-508px}.wrapper .section .npc .nav a:nth-child(1){width:177px;height:59px;float:right;background:url(../images/role-nav-1.png) no-repeat;transform:scale(.5);transform-origin:bottom left}.wrapper .section .npc .nav a:nth-child(2){width:161px;height:59px;float:left;background:url(../images/role-nav-2.png) no-repeat;transform:scale(.5);transform-origin:bottom right}.wrapper .section .npc .nav a.on{transform:scale(1)}.wrapper .section .npc .btn{width:442px;height:730px;position:absolute;top:414px;left:50%;z-index:2;margin-left:-556px}.wrapper .section .npc .btn a{width:127px;height:137px;float:left;margin-right:20px;margin-bottom:7px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.wrapper .section .npc .btn a.on{-webkit-filter:grayscale(0%);filter:grayscale(0%)}.wrapper .section .npc .show{width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:1}.wrapper .section .npc .show::after{content:"";width:100%;height:15px;background:url(../images/role-box-bot.png) no-repeat center bottom;position:absolute;bottom:0;left:0}.wrapper .section .npc .show span{position:absolute;left:0;bottom:0;display:none}.wrapper .section .npc .show span.on{display:block}.wrapper .section .link{width:1150px;position:absolute;left:50%;top:3613px;margin-left:-575px}.wrapper .section .link .btn-xq{width:287px;height:78px;display:block;position:absolute;top:0;left:50%;margin-left:-143px;text-indent:-9999px;background:url(../images/btn-1.png) no-repeat}.wrapper .section .link .btn-xq:hover{-webkit-filter:contrast(120%);filter:contrast(120%)}.wrapper .section .link .btn{width:250px;height:310px;display:inline-block;text-indent:-9999px}.wrapper .section .link .btn.btn-1,.wrapper .section .link .btn.btn-2,.wrapper .section .link .btn.btn-3,.wrapper .section .link .btn.btn-4{margin:370px 16px 0}.wrapper .section .link .btn.btn-5,.wrapper .section .link .btn.btn-6{width:290px;margin:257px 54px 0}.wrapper .section .link .btn.btn-7,.wrapper .section .link .btn.btn-8,.wrapper .section .link .btn.btn-9{margin:257px 50px 0}.popdiv{width:356px;display:none;text-align:center;font-size:18px;color:#fff}.popdiv .close{width:27px;height:27px;background:url(../images/btn-close.png) no-repeat;position:absolute;right:-32px;top:0;cursor:pointer;text-indent:-9999px}#popdiv1,#popdiv8,#popdiv9{width:396px}#popdiv7{width:392px}#popdiv{width:1230px}#popdiv .pop{width:1230px;height:630px;overflow:hidden;overflow-y:auto}