.topBar{height:80px;width:100%;background:url(https://static.web.sdo.com/gmys/pic/20181112_DNA/topbar-bg.jpg) center bottom;position:fixed;left:0;top:0;z-index:10}.topBar .logo-container{width:249px;height:64px;position:absolute;left:50%;top:4px;margin-left:-487px}.topBar .logo-container a{display:block;height:64px;background-image:url(https://static.web.sdo.com/gmys/pic/20181112_DNA/logo.png)}.topBar a.gmys{width:103px;float:left}.topBar a.dragon{width:117px;background-position:right 0;float:right}.topBar .top-list{width:650px;height:80px;position:absolute;left:50%;margin-left:-150px}.topBar .top-list>li{width:25%;height:100%;float:left;cursor:pointer;position:relative}.topBar .top-list>li>ul{width:163px;height:0;background:url(https://static.web.sdo.com/gmys/pic/20181112_DNA/shadow.png) no-repeat;position:absolute;left:0;top:80px;-webkit-transition:height .3s;-o-transition:height .3s;-moz-transition:height .3s;transition:height .3s;overflow:hidden}.topBar .top-list ul.sec-list li a{display:block;width:100%;height:50px;text-align:center;line-height:50px;color:#fff;-webkit-transition:color .3s;-o-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.topBar .top-list ul.sec-list li a:hover{color:#0eede4}.topBar .top-list>li>ul.active{height:135px}.page{width:100%;background:center top no-repeat;position:relative}.page_01{height:960px;background-image:url(https://static.web.sdo.com/gmys/pic/20181112_DNA/page_01.jpg);overflow:visible}.page_01 .knight{position:absolute;top:60px;left:50%;margin-left:-1072px;width:1020px;height:841px;z-index:2}.page_01 .duck{position:absolute;top:170px;left:50%;margin-left:-17px;z-index:2;height:752px;width:656px}.page_01 a.slogan{width:447px;height:346px;background-image:url(https://static.web.sdo.com/gmys/pic/20181112_DNA/slogan.png);display:block;position:absolute;top:224px;left:50%;margin-left:-223px;z-index:3;opacity:0;-webkit-animation:zoomIn .5s forwards;-moz-animation:zoomIn .5s forwards;-o-animation:zoomIn .5s forwards;animation:zoomIn .5s forwards}.page_01 .image-container{width:100%;height:100%;position:absolute;left:0;top:0}.download-btns{width:449px;height:109px;position:absolute;top:563px;left:50%;margin-left:-210px;z-index:4;opacity:0;-webkit-animation:fadeInUp .6s .5s forwards;-moz-animation:fadeInUp .6s .5s forwards;-o-animation:fadeInUp .6s .5s forwards;animation:fadeInUp .6s .5s forwards}.download-btns a{display:block;width:220px;height:93px;background-image:url(https://static.web.sdo.com/gmys/pic/20181112_DNA/download-btn.png);position:absolute}.download-btns a.down-gmys{right:0;top:0}.download-btns a.down-dragon{background-position:right 0;left:0;top:16px}.page_02{height:1701px;background-image:url(https://static.web.sdo.com/gmys/pic/20181116_lzg/images/1121_pc2.jpg)}.qrcode-container{width:190px;height:150px;position:absolute;left:50%;margin-left:-266px;top:186px}.qrcode-container span{color:#ffcb2a;display:block;width:22px;float:left;margin-right:14px;margin-top:6px}.qrcode-container .qrcode{width:141px;float:left;position:relative}.qrcode-container::after{content:"";width:157px;height:22px;background:url(https://static.web.sdo.com/gmys/pic/20181112_DNA/light.png) no-repeat;position:absolute;left:50%;margin-left:-67px;animation:roll 2s infinite alternate-reverse linear}@-webkit-keyframes roll{from{top:0}to{top:120px}}@-moz-keyframes roll{from{top:0}to{top:120px}}@-o-keyframes roll{from{top:0}to{top:120px}}@keyframes roll{from{top:0}to{top:120px}}@-webkit-keyframes fadeInUp{from{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-moz-keyframes fadeInUp{from{-moz-transform:translateY(60px);transform:translateY(60px);opacity:0}to{-moz-transform:translateY(0);transform:translateY(0);opacity:1}}@-o-keyframes fadeInUp{from{-o-transform:translateY(60px);transform:translateY(60px);opacity:0}to{-o-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fadeInUp{from{-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-o-transform:translateY(60px);transform:translateY(60px);opacity:0}to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes zoomIn{from{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-moz-keyframes zoomIn{from{-moz-transform:scale(1.3);transform:scale(1.3);opacity:0}to{-moz-transform:scale(1);transform:scale(1);opacity:1}}@-o-keyframes zoomIn{from{-o-transform:scale(1.3);transform:scale(1.3);opacity:0}to{-o-transform:scale(1);transform:scale(1);opacity:1}}@keyframes zoomIn{from{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);opacity:0}to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}