body,html{padding:0;margin:0}.page{background:center top no-repeat;position:relative}.title.active{-webkit-animation:fadeInUp 1s forwards;-moz-animation:fadeInUp 1s forwards;-o-animation:fadeInUp 1s forwards;animation:fadeInUp 1s forwards}.title{background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/titles.png);position:absolute;opacity:0}.page1{height:1081px;background-image:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/bg_1.jpg);z-index:2}.logo{display:block;position:absolute;width:150px;height:93px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/logo.png) no-repeat;left:21px;top:14px}.top-nav{position:absolute;width:305px;height:83px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/top_nav.png) no-repeat;right:0;top:0}.top-nav ul{margin-top:8px;margin-left:66px}.top-nav li{display:inline-block}.top-nav li:not(:last-child) a{border-right:1px solid #fff}.top-nav a{padding:0 10px;color:#fff;font-size:12px;text-decoration:none}.top-nav a:hover{text-decoration:underline}.slogan{width:971px;height:475px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/slogan.png) no-repeat;position:absolute;top:153px;left:50%;margin-left:-486px;opacity:0;-webkit-animation:zoomIn 1s forwards;-moz-animation:zoomIn 1s forwards;-o-animation:zoomIn 1s forwards;animation:zoomIn 1s forwards}.main-nav-container{width:1920px;height:255px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/nav_line.png);position:absolute;top:604px;left:50%;margin-left:-960px;opacity:0;-webkit-animation:fadeInUp .5s 1s forwards;-moz-animation:fadeInUp .5s 1s forwards;-o-animation:fadeInUp .5s 1s forwards;animation:fadeInUp .5s 1s forwards}.main-nav-container ul{width:755px;height:288px;position:absolute;left:50%;top:-20px;margin-left:-368px}.main-nav-container ul li{width:230px;height:230px;cursor:pointer;position:absolute}.circle-bg{height:100%;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/nav_bg.png) no-repeat;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}.main-nav-container ul li:hover .circle-bg{background-image:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/nav_bg_active.png);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.main-nav-container ul li .inner{background-image:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/nav_inner.png);position:absolute;left:0;top:0;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.main-nav-container ul li:hover .inner{background-image:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/nav_inner_active.png)}.main-nav-container ul li:nth-child(1){left:0;bottom:0}.main-nav-container ul li:nth-child(1) .inner{width:102px;height:109px;background-position:-10px -10px;left:70px;top:60px}.main-nav-container ul li:nth-child(2){left:262px;top:36px}.main-nav-container ul li:nth-child(2) .inner{width:86px;height:109px;background-position:-132px -10px;left:72px;top:60px}.main-nav-container ul li:nth-child(3){right:0;top:0}.main-nav-container ul li:nth-child(3) .inner{width:100px;height:111px;background-position:-10px -139px;left:70px;top:64px}.page2{height:1043px;background-image:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/bg_2.jpg);z-index:1}.page2 .title{width:358px;height:164px;background-position:-10px -10px;left:50%;top:30px}.page2 .chara{width:1748px;height:1089px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/bg_2_chara.png);position:absolute;left:50%;margin-left:-952px;opacity:0}.page2 .chara.active{-webkit-animation:fadeInLeft 1s forwards;-moz-animation:fadeInLeft 1s forwards;-o-animation:fadeInLeft 1s forwards;animation:fadeInLeft 1s forwards}.page2 .btn{width:403px;height:109px;margin-left:118px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/page2_btn.png) no-repeat;cursor:pointer}.page2 .content.active{-webkit-animation:fadeInUp 1s .5s forwards;-moz-animation:fadeInUp 1s .5s forwards;-o-animation:fadeInUp 1s .5s forwards;animation:fadeInUp 1s .5s forwards}.page2 .content{width:627px;position:absolute;left:50%;top:226px;opacity:0;margin-left:-118px}.page2 p{text-align:center;color:#434343;margin-top:40px}.page3{width:100%;height:912px;background-image:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/bg_3.png);position:absolute;top:1884px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.page3 .title{width:298px;height:165px;background-position:-10px -194px;left:50%;margin-left:-344px;top:286px}.table-container.active{-webkit-animation:fadeInUp 1s .5s forwards;-moz-animation:fadeInUp 1s .5s forwards;-o-animation:fadeInUp 1s .5s forwards;animation:fadeInUp 1s .5s forwards}.table-container{width:624px;color:#fff;font-size:16px;position:absolute;top:490px;left:50%;margin-left:-500px;opacity:0}.table-container table{font-size:16px;margin-top:20px}.table-container table thead tr{height:48px}.table-container table tbody tr{height:40px}.table-container table tr th:first-child{width:176px}.table-container table tr th:nth-child(2){width:184px}.table-container table tr th:nth-child(3){width:262px}.table-container .desc{line-height:30px}.page4{margin-top:400px;height:1198px;background-image:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/bg_4.jpg)}.page4 .title{width:237px;height:165px;background-position:-388px -10px;left:50%;margin-left:-118px;top:300px}.page4 .activities{width:1010px;height:545px;position:absolute;top:496px;left:50%;margin-left:-505px;opacity:0}.page4 .activities.active{-webkit-animation:fadeInUp 1s .5s forwards;-moz-animation:fadeInUp 1s .5s forwards;-o-animation:fadeInUp 1s .5s forwards;animation:fadeInUp 1s .5s forwards}.page4 .activities li{width:88px;height:518px;display:inline-block;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/activities.png) no-repeat;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;cursor:pointer}.page4 .activities li:not(:last-child){margin-right:42px}.page4 .activities li:hover{background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/activities_active.png) no-repeat}.page4 .activities li:nth-child(2n){-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px)}.page4 .activities li:nth-child(1){background-position:-7px 0}.page4 .activities li:nth-child(2){background-position:-138px 0}.page4 .activities li:nth-child(3){background-position:-268px 0}.page4 .activities li:nth-child(4){background-position:-399px 0}.page4 .activities li:nth-child(5){background-position:-530px 0}.page4 .activities li:nth-child(6){background-position:-661px 0}.page4 .activities li:nth-child(7){background-position:-791px 0}.page4 .activities li:nth-child(8){background-position:right 0}.side-nav.active{right:20px}.side-nav{width:50px;height:640px;position:fixed;right:-100px;top:50%;margin-top:-340px;z-index:3;-webkit-transition:right .5s;-o-transition:right .5s;-moz-transition:right .5s;transition:right .5s}.side-nav li{width:50px;height:132px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/side_nav.png);cursor:pointer;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.side-nav li.active{background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/side_nav_active.png)}.side-nav li:not(:first-child){margin-top:16px}.side-nav li:nth-child(2){background-position:0 -146px}.side-nav li:nth-child(3){background-position:0 -293px}.side-nav li:nth-child(4){background-position:0 -440px}.side-nav li:nth-child(5){background-position:0 bottom;height:50px}.side-nav li:hover{background-image:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/side_nav_active.png)}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes fadeInLeft{from{opacity:0;-moz-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fadeInLeft{from{opacity:0;-o-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes fadeInUp{from{opacity:0;-moz-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fadeInUp{from{opacity:0;-o-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.popup{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.8);z-index:10;display:none}.new .content{width:927px;height:635px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/new.jpg) no-repeat}.popup .content{margin:100px auto 0 auto;overflow:hidden;position:relative}.close{width:52px;height:52px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/close.png) no-repeat;margin:20px auto 0 auto;cursor:pointer;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.close:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.pop_1 .content{width:927px;height:545px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/1.jpg)}.pop_2 .content{width:927px;height:775px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/2.jpg)}.content .inner_content{width:840px;height:600px;margin-top:130px;margin-left:60px}._mCS_1 .mCSB_scrollTools,._mCS_2 .mCSB_scrollTools{width:20px}._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,._mCS_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#be5e53}._mCS_1 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,._mCS_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#be5e53}._mCS_1 #mCSB_1_scrollbar_vertical .mCSB_dragger_bar,._mCS_2 #mCSB_2_scrollbar_vertical .mCSB_dragger_bar{width:20px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}._mCS_1 .mCSB_scrollTools .mCSB_draggerRail,._mCS_2 .mCSB_scrollTools .mCSB_draggerRail{width:20px;background-color:#2d1c1e;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.pop_3 .content{width:927px;height:735px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/3.jpg)}.pop_3 p{margin-top:686px;text-align:center;color:#fff}.pop_4 .content{width:927px;height:775px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/4.jpg)}.pop_5 .content{width:927px;height:623px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/5.jpg)}.pop_6 .content{width:927px;height:804px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/6.jpg)}.pop_7 .content{width:927px;height:536px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/7.jpg)}.pop_8 .content{width:666px;height:337px;background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/8.jpg)}.swiper-container{position:absolute;left:50%;margin-left:-333px;bottom:322px}.swiper-container .table{width:667px;height:260px;position:absolute;left:0;top:0;display:none}.swiper-container .table:nth-child(1){background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/table_1.png)}.swiper-container .table:nth-child(2){background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/table_2.png)}.swiper-container .table:nth-child(3){background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/table_3.png)}.swiper-container .table:nth-child(4){background:url(https://static.web.sdo.com/xcb/pic/xcb_act/20190222_newArea/table_4.png)}.swiper-btn{width:50px;height:50px;position:absolute;top:514px;cursor:pointer}.swiper-btn.left{left:40px}.swiper-btn.right{right:40px}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes zoomIn{from{opacity:0;-moz-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes zoomIn{from{opacity:0;-o-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-o-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}to{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.front{position:absolute;top:220px;left:-90px}