@charset "utf-8";
/* CSS Document */
/*edit:fanzhenzhen
@ update: 2015-11-13 */

html,body,div,span,object,embed,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,cite,code,del,dfn,em,img,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;-webkit-text-size-adjust:none;}
table{border-collapse:collapse; border-spacing:0;}
html{overflow-y:scroll; overflow-x:hidden;}
table{border-collapse:collapse; border-spacing:0;}
img{border:none;}
ul,li,ol {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em,cite,dfn{font-style:normal;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*display:inline-block;*zoom:100%;}
.clear{clear:both; line-height:1px; height:1px; *display:inline; font-size:1px;}
.fl{float:left;}
.fr{float:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.relative{position:relative;}
.none{display:none;}
.block{display:block;}
.overf{overflow:hidden;}
:focus,a{outline:none; -moz-outline-style:none;}
a:visited,a:link{text-decoration:none;}
a:hover {text-decoration:none;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mb5{margin-bottom:5px;}
.mr5{margin-right:5px;}
.h30{height:30px;}
.ml50{margin-left:50px;}
.pos_r{position:relative;}
.chong{color:#FF0060;}
.brown{color:#ae440c;}
.fs20{font-size:20px;}
.fs16{font-size:16px;}
.fs14{font-size:14px}
.fs26{font-size:26px;}
.fs24{font-size:24px;}
.fs18{font-size:18px;}
.fs12{font-size:12px;}
.mauto{margin:auto;}

body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#626262; background:#000;}
/*第一部分*/
.mod{width:1000px;margin:0 auto;}

/*index.html*/
.wrap{width:100%;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/wrap.jpg) no-repeat 50% 0;}
.wrapc{height:1000px;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/wrapc.jpg) no-repeat;position:relative;overflow:hidden;}

.logo{position:absolute;top:10px;left:20px;}
.logo img{display:block;}
.btn_play{display:block;width:47px;height:54px;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/btn_play.png) no-repeat center;position:absolute;top:580px;left:50%;margin-left:-24px;}
.btn_play{transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;}
.btn_play:hover{transform:scale(1.2);-webkit-transform:scale(1.2);}
.btn_home{display:block;position:absolute;top:419px;left:83px;}
.btn_home img{display:block;}


.nav{width:896px;height:20px;position:absolute;top:700px;left:50%;margin-left:-448px;}
.nav li{width:128px;height:25px;line-height:23px;text-align:center;float:left;}
.nav li a{display:block;width:127px;color:#949494;border-right:1px solid #cecece; font-size:18px;}
.nav li.cur1{background:#c50000;}
.nav li a.cur1{border:none;color:#fff;font-weight:bold;}
.nav li.cur{background:#c50000;}
.nav li a.cur{border:none;color:#fff;font-weight:bold;}

/*hero.html*/
.bg{width:100%;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/bg.jpg) no-repeat 50% 0;}
.bg2{width:100%;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/bg2.jpg) no-repeat 50% 0;}
.hero .bgc{height:1000px;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/bgc1.jpg) no-repeat;position:relative;}
.hero .btn_play{top:77px;left:360px;margin-left:0;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/btn_play2.png) no-repeat center;}

.herobox{width:575px;height:425px;margin:203px 0 0 224px;}
.herobox .top{width:575px;height:345px;overflow:hidden;}
.herobox ul{width:50000px;overflow:hidden;height:345px;}
.herobox ul li{width:575px;height:345px;float:left;position:relative;}
.herobox ul .imgbox{width:575px;}

.herobox ol{width:176px;height:16px;margin:20px auto;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/point.png) no-repeat center;font-size:12px;}
.herobox ol li{width:16px;height:16px;float:left;margin-right:37px;display:inline-block;cursor:pointer;}
.herobox ol li.on{background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/point_on.png) no-repeat;}
.herobox .tipsbox{padding:0 65px 0 40px;line-height:190%;width:471px;}

.color_red{color:#cd3f3f;}
.animation1{position:absolute;left:600px;top:5px;width:100%;display:none;}
.animation2{position:absolute;left:600px;top:90px;display:none;}
.animation3{position:absolute;left:600px;top:90px;display:none;}
.hero .li2 .animation2{left:600px;top:50px;}
.hero .li3 .animation2{left:600px;top:80px;}
/*maze.html*/
.maze .bgc{height:1000px;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/bgc2.jpg) no-repeat;position:relative;}
.maze .btn_play{top:77px;left:360px;margin-left:0;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/btn_play2.png) no-repeat center;}

.mazebox{width:817px;height:345px;margin:203px 0 0 183px;}
.mazebox .top{width:817px;height:345px;overflow:hidden;}
.mazebox ul li{width:817px;height:345px;float:left;position:relative;}
.mazebox ul .imgbox{width:817px;}

.mazebox .animation1{left:900px;top:0;}
.mazebox .animation2{left:900px;top:0;}
.mazebox .li1 .animation2{top:70px;}
.mazebox .li2 .animation2{top:10px;}

.mazebox ol{width:73px;height:16px;margin:20px auto;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/point.png) no-repeat center;font-size:12px;}
.mazebox ol li{width:16px;height:16px;float:left;margin-right:37px;display:inline-block;cursor:pointer;}
.mazebox ol li.on{background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/point_on.png) no-repeat;}
.mazebox .tipsbox{padding:0 65px 0 40px;line-height:190%;width:471px;}
.mazebox .sxbox{position:absolute;top:0;left:0;z-index:3;width:480px;height:345px;}
.mazebox .sxbox a{display:block;width:63px;height:63px;position:absolute;}
.mazebox .sxbox .sx_icon1{top:45px;left:178px;}
.mazebox .sxbox .sx_icon2{top:45px;left:288px;}
.mazebox .sxbox .sx_icon3{top:208px;left:72px;}
.mazebox .sxbox .sx_icon4{top:208px;left:181px;}
.mazebox .sxbox .sx_icon5{top:208px;left:289px;}
.mazebox .sxbox .sx_icon6{top:208px;left:398px;}

.mazebox .sx_pic{position:absolute;top:0;right:0;width:350px;height:350px;}
.mazebox .sx_pic img{position:absolute;top:105px;left:50%;/*margin-top:-70px;*/margin-left:-120px;display:none;}

.mazebg{width:573px;height:592px;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/mazeimgs/mazebg.jpg) no-repeat;position:absolute;top:0;left:554px;display:none;}

/*explore.html*/
.explore .bgc{height:1000px;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/bgc3.jpg) no-repeat;position:relative;}
.explore .btn_play{top:77px;left:360px;margin-left:0;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/btn_play2.png) no-repeat center;}

.explorebox{width:515px;height:370px;margin:220px 0 0 242px;}
.explorebox .top{width:515px;height:370px;overflow:hidden;}
.explorebox ul li{width:515px;height:370px;float:left;position:relative;}
.explorebox ul .imgbox{width:515px;}
.explorebox .li1 .animation2{top:50px;}
.btn_explore{display:block;width:145px;height:145px;position:absolute;top:155px;left:253px;}

/*other*/
.other .bgc{height:1000px;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/bgc4.jpg) no-repeat;position:relative;}
.other .btn_play{top:77px;left:360px;margin-left:0;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/btn_play2.png) no-repeat center;}
.other ol{width:281px;height:16px;margin:20px auto;background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/point.png) no-repeat center;font-size:12px;}
.other ol li{width:16px;height:16px;float:left;margin-right:37px;display:inline-block;cursor:pointer;}
.other ol li.on{background:url(https://static.web.sdo.com/dn/pic/dn_act/20151117banben/point_on.png) no-repeat;}


.otherbox{width:735px;height:405px;margin:166px 0 0 159px;}
.otherbox .top{width:735px;height:405px;overflow:hidden;}
.otherbox ul{width:50000px;overflow:hidden;height:405px;}
.otherbox ul li{width:735px;height:405px;float:left;position:relative;}
.otherbox ul .imgbox{width:735px;}

.otherbox .animation1{left:900px;top:0;}
.otherbox .animation2{left:900px;top:0;}
.otherbox .li1 .animation1,.otherbox .li2 .animation1,.otherbox .li3 .animation1{top:50px;}
.otherbox .li1 .animation2,.otherbox .li2 .animation2,.otherbox .li3 .animation2{top:130px;}
.otherbox .li4 .animation1{top:0;}
.otherbox .li4 .animation2{top:0;}
.otherbox .li4 .animation3{top:0;}
.otherbox .li5 .animation1{top:0;}
.otherbox .li5 .animation2{top:0;}
.otherbox .li5 .animation3{top:0;}
.otherbox .li6 .animation2{top:80px;}
.otherbox .li6 .animation3{top:195px;}

/* animation */
.box{
    -moz-animation: top2bottom .4s linear both;
    -webkit-animation: top2bottom .4s linear both;
    -ms-animation: top2bottom .4s linear both;
    animation: top2bottom .4s linear both;
}
@-moz-keyframes top2bottom {
    0% { -moz-transform:scale(0); opacity:0;}
    100% { -moz-transform:scale(1); opacity:1;}
}
@-webkit-keyframes top2bottom {
    0% { -webkit-transform:scale(0); opacity:0;}
    100% { -webkit-transform:scale(1); opacity:1;}
}
@-ms-keyframes top2bottom {
    0% { -ms-transform:scale(0); opacity:0;}
    100% { -ms-transform:scale(1); opacity:1;}
}
@keyframes top2bottom {
    0% {transform:scale(0); opacity:0;}
    100% {transform:scale(1); opacity:1;}
}