@charset "utf-8";

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,section,article{margin:0;padding:0;-webkit-text-size-adjust:none;}
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;}
i,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;}
.absolute{position:absolute;}
.none{display:none;}
.block{display:block;}
.overf{overflow:hidden;}
.center{margin:0 auto;}
:focus,a{outline:none; -moz-outline-style:none;}
a:visited,a:link{text-decoration:none;}
a:hover {text-decoration:none;}
body{font:13px/1.6 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#333;}

/*index*/
.index_wrap01{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/index_bg_02.jpg") no-repeat center;
}
.index_wrap01 .contain,.index_wrap02 .contain{
	width: 1300px;
	height: 500px;
}
.index_wrap01 .contain{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/index_bg_center04.jpg") no-repeat center;
}
.index_wrap02{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/index_bg02.jpg") no-repeat center;
}
.index_wrap02 .contain{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/index_bg_center03.jpg") no-repeat center;
}
.slogan{
	width: 602px;
	height: 176px;
	top: 120px;
	left: 740px;
	-webkit-animation: scale1 0.5s linear;
	-o-animation:scale1 0.5s linear;
	animation:scale1 0.5s linear;
	-moz-animation: scale1 0.5s linear;
}
@-webkit-keyframes scale1{
	0%{opacity:0;-webkit-transform:scale(8.5,8.5);}
	80%{-webkit-transform:scale(.9,.9);}
	100%{opacity:1;-webkit-transform:scale(1,1);}
}
@keyframes scale1{
	0%{opacity:0;transform:scale(8.5,8.5);}
	80%{transform:scale(.9,.9);}
	100%{opacity:1;transform:scale(1,1);}
}
@-moz-keyframes scale1{
	0%{opacity:0;transform:scale(8.5,8.5);}
	80%{transform:scale(.9,.9);}
	100%{opacity:1;transform:scale(6,6);}
}
@-o-keyframes  scale1{
	0%{opacity:0;transform:scale(8.5,8.5);}
	80%{transform:scale(.9,.9);}
	100%{opacity:1;transform:scale(1,1);}
}
.video_btn{
	width: 99px;
	height: 110px;
	top: 271px;
	right: 455px;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/video_btn.png") no-repeat center;
	animation: rotate 4.5s linear infinite both;
	-moz-animation:rotate 4.5s linear infinite both;
	-webkit-animation:rotate 4.5s linear infinite both;
	-o-animation:rotate 4.5s linear infinite both;
}
@keyframes rotate {
	0%{
		transform: rotate(0deg);
	}
	40%{
		transform: rotate(360deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@-webkit-keyframes rotate {
	0%{
		transform: rotate(0deg);
	}
	40%{
		transform: rotate(360deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@-moz-keyframes  rotate {
	0%{
		transform: rotate(0deg);
	}
	40%{
		transform: rotate(360deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@-o-keyframes  rotate {
	0%{
		transform: rotate(0deg);
	}
	40%{
		transform: rotate(360deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
.video_btn_inner{
	width: 50px;
	height: 52px;
	top: 300px;
	left: 776px;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/video_btn_inner.png") no-repeat center;
}
/*cen_nav*/
.cen_nav{
	width: 650px;
	height: 500px;
	top: 0px;
	left: 500px;
}
.cen_nav a{
	position: absolute;
}
.cen_nav .a1{
	width: 237px;
	height: 148px;
	top: -139px;
	left: 464px;
	background-image: url('https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/zy.png');
}
.cen_nav .a2{
	width: 206px;
	height: 166px;
	top: -7px;
	left: 388px;
	background-image: url('https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/fb.png');
}
.cen_nav .a3{
	width: 197px;
	height: 157px;
	top: 113px;
	left: 246px;
	background-image: url('https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/tl.png');
}
.cen_nav .a4{
	width: 170px;
	height: 164px;
	top: 170px;
	left: 42px;
	background-image: url('https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/gx.png');
}
.cen_nav a:hover .nav-hover{
	width: 100%;
	height: 100%;
}
.cen_nav .a1 .nav-hover{
	background-image: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/zy_h.png");
}
.cen_nav .a2 .nav-hover{
	background-image: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/fb_h.png");
}
.cen_nav .a3 .nav-hover{
	background-image: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/tl_h.png");
}
.cen_nav .a4 .nav-hover{
	background-image: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/gx_h.png");
}
.nav-hover {
	display: block;
	width: 0;
	height: 0;
	-webkit-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;
}
/*right_nav*/
body{
	height: 1000px;
}
.right_nav{
	width: 228px;
	height: 482px;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/index_right.png") no-repeat center;
	right: 0px;
	top: 50%;
	position: fixed;
}
@media screen and (min-width: 1920px) {
	.right_nav{
		margin-top: -241px;
	}
}
@media screen and (min-width: 1400px) and (max-width: 1920px){
	.right_nav{
		margin-top: -200px;
	}
}
@media screen and (max-width: 1400px) {
	.right_nav{
		margin-top: -141px;
	}
}
.right_nav:hover{
	cursor: pointer;
	/*background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/index_right_hover.png") no-repeat center;*/
}
.right_nav a{
	position: absolute;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/index_right_word.png") no-repeat;
}
.right_nav a:hover{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/index_right_word_h.png") no-repeat;
}
.right_nav .a1,.right_nav .a1:hover{
	width: 100px;
	height: 90px;
	background-position: -75px -6px;
	top: 50px;
	left: 107px;
}
.right_nav .a2,.right_nav .a2:hover{
	width: 72px;
	height: 81px;
	background-position: -5px -110px;
	top: 160px;
	left: 32px;
}
.right_nav .a3,.right_nav .a3:hover{
	width: 80px;
	height: 75px;
	background-position: -18px -240px;
	top: 286px;
	left: 44px;
}
/*index01*/
.inner_nav{
	width: 239px;
	height: 478px;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/right_nav.png") no-repeat center;
	right: 0;
	top: 50%;
	position: fixed;
}
@media screen and (min-width: 1920px) {
	.inner_nav{
		margin-top: -239px;
	}
}
@media screen and (min-width: 1400px) and (max-width: 1920px){
	.inner_nav{
		margin-top: -200px;
	}
}
@media screen and (max-width: 1400px) {
	.inner_nav{
		margin-top: -200px;
	}
}
.inner_nav:hover{
	cursor: pointer;
	/*background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/right_nav_hover.png") no-repeat center;*/
}
.inner_nav a{
	position: absolute;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/right_nav_word.png") no-repeat;
}
.inner_nav a:hover{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/right_nav_word_h.png") no-repeat;
}
.inner_nav .a1,.inner_nav .a1:hover{
	width: 105px;
	height: 90px;
	background-position: -69px -6px;
	top: 55px;
	left: 107px;
}
.inner_nav .a2,.inner_nav .a2:hover{
	width: 70px;
	height: 70px;
	background-position: 0 -115px;
	top: 160px;
	left: 37px;
}
.inner_nav .a3,.inner_nav .a3:hover{
	width: 80px;
	height: 75px;
	background-position: -6px -234px;
	top: 280px;
	left: 41px;
}
.inner_nav .a4,.inner_nav .a4:hover{
	width: 115px;
	height: 85px;
	background-position: -69px -305px;
	top: 355px;
	left: 106px;
}
/*index01*/
.wrap01{
	height: 1000px;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/bg01.jpg") no-repeat center;
}
.contain{
	width: 1300px;
	height: 1000px;
	margin: 0 auto;
}
.wrap01 .contain{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/bg_center01.jpg") no-repeat center;
}
.nav01 {
	width: 1059px;
	height: 425px;
	top: 294px;
	left: 50%;
	margin-left: -555px;
}
.nav01 a{display:block; float:left; width:234px; height:425px; margin-right: 41px}
.nav01 .a4{margin: 0}
.nav01 .a1{
	background-position: 0 0;
}
.nav01 .a1:hover{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/rule_hover.png") no-repeat center;
}
.nav01 .a2:hover{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/play_hover.png") no-repeat center;
}
.nav01 .a3:hover{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/reward_hover.png") no-repeat center;
}
.nav01 .a4:hover{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/bonus_hover.png") no-repeat center;
}
.nav01 .a2{
	background-position: -275px 0;
}
.nav01 .a3{
	background-position: -550px 0;
}
.nav01 .a4{
	background-position: -825px 0;
}
.inner_nav a.return_index{
	display: block;
	width: 50px;
	height: 71px;
	top: 50%;
	margin-top: -35px;
	left: 167px;
	position: absolute;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/return.png") no-repeat center;
}
/*index2*/
.wrap02{
	height: 1000px;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/bg02.jpg") no-repeat center;
}
.contain{
	width: 1300px;
	height: 1000px;
	margin: 0 auto;
}
.contain_head{
	width: 1300px;
	height: 225px;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/contain_head.jpg") no-repeat center;
}
.nav02{
	width: 537px;
	top: 180px;
	left: 50%;
	margin-left: -263px;
	text-align: center;
	line-height: 34px;
}
.nav02 a{
	display: block;
	float: left;
	width: 124px;
	height: 38px;
	margin-right: 10px;
}
.rule_btn{
	background-image: url('https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/rule_btn.png');
}
.play_btn{
	background-image: url('https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/play_btn.png');
}
.reward_btn{
	background-image: url('https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/reward_btn.png');
}
.bonus_btn{
	background-image: url('https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/bonus_btn.png');
}
.nav02 .a4{
	margin: 0;
}
.nav02 a:hover .awesome--hover{
	width: 100%;
}
.rule_btn .awesome--hover{
	background-image: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/rule_btn_h.png");
}
.play_btn .awesome--hover{
	background-image: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/play_btn_h.png");
}
.reward_btn .awesome--hover{
	background-image: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/reward_btn_h.png");
}
.bonus_btn .awesome--hover{
	background-image: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/bonus_btn_h.png");
}
.nav02 a .awesome--hover.awesome-block{
	width: 100%;
}
.awesome--hover {
	display: block;
	width: 0;
	height: 100%;
	-webkit-transition: width .2s ease-in-out;
	transition: width .2s ease-in-out;
}
.con{
	width: 1300px;
	height: 775px;
}
.rule,.play,.reward,.bonus{
	width: 1300px;
	height: 775px;
	position: relative;
}
.con .rule{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/rule02.jpg") no-repeat center;
	display: none;
}
.con .play{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/play02.jpg") no-repeat center;
	display: none;
	position: relative;
}
.con .reward{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/reward02.jpg") no-repeat center;
	display: none;
}
.con .bonus{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/bonus02.jpg") no-repeat center;
	display: none;
}
.word{
	position: absolute;
	z-index: 100;
	top: 40px;
	left: 30px;
	-webkit-animation:moveR 0.5s linear 1 both;
	-o-animation:moveR 0.5s linear 1 both;
	animation:moveR 0.5s linear 1 both;
	-moz-animation: moveR 0.5s linear 1 both;
}
.bonus .word{
	top: 10px;
}
@keyframes moveR {
	from{
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-moz-keyframes moveR {
	from{
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-o-keyframes moveR {
	from{
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-webkit-keyframes moveR {
	from{
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
.rule_small{
	position: absolute;
}
.small01{
	top: 105px;
	left: 220px;
	-webkit-animation:moveL 0.3s linear 1 both;
	-o-animation:moveL 0.3s linear 1 both;
	animation:moveL 0.3s linear 1 both;
	-moz-animation: moveL 0.3s linear 1 both;
}
.small02{
	top: 40px;
	left: 505px;
	-webkit-animation:moveDown 0.3s linear 1 both;
	-o-animation:moveDown 0.3s linear 1 both;
	animation:moveDown 0.3s linear 1 both;
	-moz-animation: moveDown 0.3s linear 1 both;
}
.small03{
	top: 270px;
	left: 530px;
	-webkit-animation:moveUp 0.3s linear 1 both;
	-o-animation:moveUp 0.3s linear 1 both;
	animation:moveUp 0.3s linear 1 both;
	-moz-animation: moveUp 0.3s linear 1 both;
}
.small04{
	top: 90px;
	left: 700px;
	-webkit-animation:moveL 0.3s linear 1 both;
	-o-animation:moveL 0.3s linear 1 both;
	animation:moveL 0.3s linear 1 both;
	-moz-animation: moveL 0.3s linear 1 both;
}
@keyframes moveL {
	from{
		-webkit-transform: translateX(80px);
		-moz-transform: translateX(80px);
		-ms-transform: translateX(80px);
		-o-transform: translateX(80px);
		transform: translateX(80px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-moz-keyframes moveL {
	from{
		-webkit-transform: translateX(80px);
		-moz-transform: translateX(80px);
		-ms-transform: translateX(80px);
		-o-transform: translateX(80px);
		transform: translateX(80px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-o-keyframes moveL {
	from{
		-webkit-transform: translateX(80px);
		-moz-transform: translateX(80px);
		-ms-transform: translateX(80px);
		-o-transform: translateX(80px);
		transform: translateX(80px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-webkit-keyframes moveL {
	from{
		-webkit-transform: translateX(80px);
		-moz-transform: translateX(80px);
		-ms-transform: translateX(80px);
		-o-transform: translateX(80px);
		transform: translateX(80px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}


@keyframes moveDown {
	from{
		-webkit-transform: translate(80px,-30px);
		-moz-transform: translate(80px,-30px);
		-ms-transform: translate(80px,-30px);
		-o-transform: translate(80px,-30px);
		transform: translate(80px,-30px);
	}
	to{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
}
@-moz-keyframes moveDown {
	from{
		-webkit-transform: translate(80px,-30px);
		-moz-transform: translate(80px,-30px);
		-ms-transform: translate(80px,-30px);
		-o-transform: translate(80px,-30px);
		transform: translate(80px,-30px);
	}
	to{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
}
@-o-keyframes moveDown {
	from{
		-webkit-transform: translate(80px,-30px);
		-moz-transform: translate(80px,-30px);
		-ms-transform: translate(80px,-30px);
		-o-transform: translate(80px,-30px);
		transform: translate(80px,-30px);
	}
	to{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
}
@-webkit-keyframes moveDown {
	from{
		-webkit-transform: translate(80px,-30px);
		-moz-transform: translate(80px,-30px);
		-ms-transform: translate(80px,-30px);
		-o-transform: translate(80px,-30px);
		transform: translate(80px,-30px);
	}
	to{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
}

@keyframes moveUp {
	from{
		-webkit-transform: translate(50px,20px);
		-moz-transform:  translate(50px,20px);
		-ms-transform:  translate(50px,20px);
		-o-transform:  translate(50px,20px);
		transform:  translate(50px,20px);
	}
	to{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
}
@-moz-keyframes moveUp {
	from{
		-webkit-transform: translate(50px,20px);
		-moz-transform:  translate(50px,20px);
		-ms-transform:  translate(50px,20px);
		-o-transform:  translate(50px,20px);
		transform:  translate(50px,20px);
	}
	to{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
}
@-o-keyframes moveUp {
	from{
		-webkit-transform: translate(50px,20px);
		-moz-transform:  translate(50px,20px);
		-ms-transform:  translate(50px,20px);
		-o-transform:  translate(50px,20px);
		transform:  translate(50px,20px);
	}
	to{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
}
@-webkit-keyframes moveUp {
	from{
		-webkit-transform: translate(50px,20px);
		-moz-transform:  translate(50px,20px);
		-ms-transform:  translate(50px,20px);
		-o-transform:  translate(50px,20px);
		transform:  translate(50px,20px);
	}
	to{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
}

@keyframes moveDownRight {
	from{
		-webkit-transform: translate(-40px,40px) scale(0.8,0.8);
		-moz-transform: translate(-40px,40px) scale(0.8,0.8);
		-ms-transform: translate(-40px,40px) scale(0.4,0.8);
		-o-transform: translate(-40px,40px) scale(0.8,0.8);
		transform: translate(-40px,40px) scale(0.8,0.8);
	}
	to{

		-webkit-transform: translate(0px,0px) scale(1.0,1.0);
		-moz-transform: translate(0px,0px) scale(1.0,1.0);
		-ms-transform: translate(0px,0px) scale(1.0,1.0);
		-o-transform: translate(0px,0px) scale(1.0,1.0);
		transform: translate(0px,0px) scale(1.0,1.0);
	}
}
@-moz-keyframes moveDownRight {
	from{
		-webkit-transform: translate(-80px,80px) scale(0.8,0.8);
		-moz-transform: translate(-80px,80px) scale(0.8,0.8);
		-ms-transform: translate(-80px,80px) scale(0.4,0.8);
		-o-transform: translate(-80px,80px) scale(0.8,0.8);
		transform: translate(-80px,80px) scale(0.8,0.8);
	}
	to{

		-webkit-transform: translate(0px,0px) scale(1.0,1.0);
		-moz-transform: translate(0px,0px) scale(1.0,1.0);
		-ms-transform: translate(0px,0px) scale(1.0,1.0);
		-o-transform: translate(0px,0px) scale(1.0,1.0);
		transform: translate(0px,0px) scale(1.0,1.0);
	}
}
@-o-keyframes moveDownRight {
	from{
		-webkit-transform: translate(-80px,80px) scale(0.8,0.8);
		-moz-transform: translate(-80px,80px) scale(0.8,0.8);
		-ms-transform: translate(-80px,80px) scale(0.4,0.8);
		-o-transform: translate(-80px,80px) scale(0.8,0.8);
		transform: translate(-80px,80px) scale(0.8,0.8);
	}
	to{

		-webkit-transform: translate(0px,0px) scale(1.0,1.0);
		-moz-transform: translate(0px,0px) scale(1.0,1.0);
		-ms-transform: translate(0px,0px) scale(1.0,1.0);
		-o-transform: translate(0px,0px) scale(1.0,1.0);
		transform: translate(0px,0px) scale(1.0,1.0);
	}
}
@-webkit-keyframes moveDownRight {
	from{
		-webkit-transform: translate(-80px,80px) scale(0.8,0.8);
		-moz-transform: translate(-80px,80px) scale(0.8,0.8);
		-ms-transform: translate(-80px,80px) scale(0.4,0.8);
		-o-transform: translate(-80px,80px) scale(0.8,0.8);
		transform: translate(-80px,80px) scale(0.8,0.8);
	}
	to{

		-webkit-transform: translate(0px,0px) scale(1.0,1.0);
		-moz-transform: translate(0px,0px) scale(1.0,1.0);
		-ms-transform: translate(0px,0px) scale(1.0,1.0);
		-o-transform: translate(0px,0px) scale(1.0,1.0);
		transform: translate(0px,0px) scale(1.0,1.0);
	}
}

.reward_person{
	position: absolute;
	top: 120px;
	left: 355px;
	-webkit-animation:moveDownRight 0.25s linear 1 both;
	-o-animation:moveDownRight 0.25s linear 1 both;
	animation:moveDownRight 0.25s linear 1 both;
	-moz-animation: moveDownRight 0.25s linear 1 both;
}
.bonus img{
	position: absolute;
}
.line{
	position: absolute;
	top: 47%;
	left: 49%;
	margin-top: -85px;
	margin-left: -100px;
	-webkit-animation:fadeIn 0.2s linear 1 both;
	-o-animation:fadeIn 0.2s linear 1 both;
	animation:fadeIn 0.2s linear 1 both;
	-moz-animation: fadeIn 0.2s linear 1 both;
}
@keyframes fadeIn {
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@-moz-keyframes fadeIn {
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@-o-keyframes fadeIn {
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@-webkit-keyframes fadeIn {
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
.chi{
	top: 77px;
	left: 524px;
	-webkit-animation:dropDown 0.2s linear 1 both;
	-o-animation:dropDown 0.2s linear 1 both;
	animation:dropDown 0.2s linear 1 both;
	-moz-animation: dropDown 0.2s linear 1 both;
}
@keyframes dropDown {
	0% {
		-webkit-transform: translate3d(0,-15%,0);
		transform: translate3d(0,-15%,0);
		opacity:0;
	}
	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}
@-webkit-keyframes dropDown {
	0% {
		-webkit-transform: translate3d(0,-15%,0);
		transform: translate3d(0,-15%,0);
		opacity:0;
	}
	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}
@-moz-keyframes dropDown {
	0% {
		-webkit-transform: translate3d(0,-15%,0);
		transform: translate3d(0,-15%,0);
		opacity:0;
	}
	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}
.wei{
	top: 283px;
	left: 334px;
	-webkit-animation:upRight 0.2s linear 1 both;
	-o-animation:upRight 0.2s linear 1 both;
	animation:upRight 0.2s linear 1 both;
	-moz-animation: upRight 0.2s linear 1 both;
}
@keyframes upRight {
	from{
		-webkit-transform: translate(-30px,30px);
		-moz-transform: translate(-30px,30px);
		-ms-transform: translate(-30px,30px);
		-o-transform: translate(-30px,30px);
		transform: translate(-30px,30px);
	}
	to{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
}
@-webkit-keyframes upRight {
	from{
		-webkit-transform: translate(-30px,30px);
		-moz-transform: translate(-30px,30px);
		-ms-transform: translate(-30px,30px);
		-o-transform: translate(-30px,30px);
		transform: translate(-30px,30px);
	}
	to{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
}
@-moz-keyframes upRight {
	from{
		-webkit-transform: translate(-30px,30px);
		-moz-transform: translate(-30px,30px);
		-ms-transform: translate(-30px,30px);
		-o-transform: translate(-30px,30px);
		transform: translate(-30px,30px);
	}
	to{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
}
.yin{
	top: 311px;
	left: 673px;
	-webkit-animation:upLeft 0.2s linear 1 both;
	-o-animation:upLeft 0.2s linear 1 both;
	animation:upLeft 0.2s linear 1 both;
	-moz-animation: upLeft 0.2s linear 1 both;
}
@keyframes upLeft {
	from{
		-webkit-transform: translate(30px,30px);
		-moz-transform: translate(30px,30px);
		-ms-transform: translate(30px,30px);
		-o-transform: translate(30px,30px);
		transform: translate(30px,30px);
	}
	to{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
}
@-moz-keyframes  upLeft {
	from{
		-webkit-transform: translate(30px,30px);
		-moz-transform: translate(30px,30px);
		-ms-transform: translate(30px,30px);
		-o-transform: translate(30px,30px);
		transform: translate(30px,30px);
	}
	to{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
}
@-webkit-keyframes  upLeft {
	from{
		-webkit-transform: translate(30px,30px);
		-moz-transform: translate(30px,30px);
		-ms-transform: translate(30px,30px);
		-o-transform: translate(30px,30px);
		transform: translate(30px,30px);
	}
	to{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
}
/*切换*/
.banner {
	height: 310px;
	position: absolute;
	width: 520px;
	top: 85px;
	left: 220px;
}
.banner ul li {
	height: 100%;
	width: 100%;
	position: absolute;
	display: none;
	z-index:10;
}
.banner ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.banner .cut {
	position: absolute;
	width: 43px;
	height: 75px;
	opacity: 0.3;
	top: 0;
	margin-top: 350px;
	left: 133%;
	z-index: 1000;
}
.banner:hover .cut {
	display: block;
}
.banner .cut:hover {
	opacity: 0.5;
	cursor: pointer;
}
.banner .prev {
	margin-left: 22px;
}
.banner .next {
	margin-left: 137px;
}
.indicator {
	position: absolute;
	width: 732px;
	left:220px;
	bottom:226px;
	text-align: center;
	z-index: 20;
}
.indicator a {
	float: left;
	display: block;
	box-sizing: border-box;
	border: 5px solid transparent;
	width: 170px;
	height: 140px;
	margin: 0 6px 0 0;
	position: relative;
}
.img-item{
	position: absolute;
	z-index: 3;
	top:0px;
	left: 0px;
	width: 160px;
	height: 130px;
	background-color: #000;
	opacity: .6;
	transition: opacity .5s;
}
.img-item:hover{
	opacity: 0;
}
.indicator img{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.indicator a.cur {
	border: 5px solid #1ED1CF;
}
.indicator a.first{
	position: absolute;
	top: -154px;
	right: 28px;
}
.indicator a.second{
	position: absolute;
	top: -154px;
	right: -148px;
}
.tip{
	width: 350px;
	line-height: 25px;
	height: 60px;
	top: 157px;
	left: 757px;
	color: #019799;
}

/*index02*/
.dragon_wrap{
	height: 1000px;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/dragon_bg.jpg") no-repeat center;
}
.dragon_wrap .contain{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/dragon_center.jpg") no-repeat center;
	-webkit-animation:fadeInto 0.6s linear 1 both;
	-o-animation:fadeInto 0.6s linear 1 both;
	animation:fadeInto 0.6s linear 1 both;
	-moz-animation: fadeInto 0.6s linear 1 both;
}
@keyframes fadeInto {
	from{
		opacity: 0.6;
	}
	to{
		opacity: 1;
	}
}
.check{
	width: 125px;
	height: 33px;
	position: absolute;
	top: 237px;
	right: 168px;
}
 /*弹窗部分*/
.alert_bg{width:100%; height:100%; background-color:#000; position:absolute; top:0; left:0; z-index:999; display:none; }
.close_dialog{z-index: 10002;width:28px; height:24px; display:block; position:absolute; top:0; right:-30px; background:url('https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/close.png') no-repeat;}
.dragon_box{
	width: 799px;
	height: 606px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	display: none;
}
.big_pics{
	width: 613px;
	height: 410px;
	border: 3px solid #FFD549;
	position: absolute;
	top: 290px;
	left: 145px;
	display: none;
}
.big_pics img{
	width: 613px;
	height: 410px;
	display: none;
}
.hot_area{
	width: 348px;
	height: 328px;
	top: 314px;
	right: 183px;
}
.hot_area .area{
	position: absolute;
	cursor: pointer;
}
.hot_area .a1{
	width: 85px;
	height: 85px;
	top: 42px;
	left: 161px;
}
.hot_area .a1 a{
	top: -22px;
	left: -21px;
}
.hot_area .a2{
	width: 85px;
	height: 85px;
	top: 114px;
	left: 231px;
}
.hot_area .a2 a{
	top: -24px;
	left: -23px;
}
.hot_area .a3{
	width: 85px;
	height: 85px;
	top: 114px;
	left: 90px;
}
.hot_area .a3 a{
	top: -25px;
	left: -19px;
}
.hot_area .a4{
	width: 85px;
	height: 85px;
	top: 186px;
	left: 160px;
}
.hot_area .a4 a{
	top: -27px;
	left: -21px;
}
.hot_area .a5{
	width: 85px;
	height: 85px;
	top: 187px;
	left: 21px;
}
.hot_area .a5 a{
	top: -28px;
	left: -19px;
}
.area a{
	width: 127px;
	height: 127px;
	position: absolute;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/yellow.png") no-repeat;
	display: none;
}
.update_wrap{
	height: 1000px;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/update_bg.jpg") no-repeat center;
}
.update_wrap .contain{
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/update_center02.jpg") no-repeat center;
}
.dn_new{
	position: absolute;
	top: 220px;
	left: 580px;
	-webkit-animation:moveR 0.3s linear 1 both;
	-o-animation:moveR 0.3s linear 1 both;
	animation:moveR 0.3s linear 1 both;
	-moz-animation: moveR 0.3s linear 1 both;
}
@keyframes moveR {
	from{
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-moz-keyframes moveR {
	from{
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-o-keyframes moveR {
	from{
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-webkit-keyframes moveR {
	from{
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
.new{
	position: absolute;
	top: 545px;
	left: 1060px;
	-webkit-animation:newMove 0.3s linear 1 both;
	-o-animation:newMove 0.3s linear 1 both;
	animation:newMove 0.3s linear 1 both;
	-moz-animation: newMove 0.3s linear 1 both;
}
@keyframes newMove {
	from{
		-webkit-transform: translateX(30px);
		-moz-transform: translateX(30px);
		-ms-transform: translateX(30px);
		-o-transform: translateX(30px);
		transform: translateX(30px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-moz-keyframes newMove {
	from{
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-o-keyframes newMove {
	from{
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@-webkit-keyframes newMove {
	from{
		-webkit-transform: translateX(-30px);
		-moz-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		-o-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	to{
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
}
.update_pic{
	width: 430px;
	height: 429px;
	position: absolute;
	top: 274px;
	left: 670px;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/index03_blue.png") no-repeat center;
}
.update_pic img{
	position: absolute;
	top: 0px;
	left: 0px;
}
.update_area{
	width: 209px;
	height: 175px;
	top: 562px;
	right: 474px;
}
.update_area .area{
	position: absolute;
	cursor: pointer;
}
.update_area .a1{
	width: 85px;
	height: 85px;
	top: 19px;
	left: 17px;
}
.update_area .a1 a{
	top: -21px;
	left: -18px;
}
.update_area .a2{
	width: 85px;
	height: 85px;
	top: 69px;
	left: 107px;
}
.update_area .a2 a{
	top: -20px;
	left: -19px;
	display: none;
}
.update_area a{
	display: block;
	width: 122px;
	height: 122px;
	position: absolute;
	background: url("https://static.web.sdo.com/dn/pic/dn_act/201705jjkc/blue.png") no-repeat center;
}