@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2016-08-24 */

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;}
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:16px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#333; background:#fff;} 
body,html{height:100%; overflow:hidden;}
.alert{position:absolute;width:100%;height:100%; background:rgba(0,0,0,.7); z-index: 200; text-align:center;}
.alert .roll-pic{position: absolute;left:50%; top:48%;width: 200px; margin-left: -100px;color:#fff;padding-top:40px; font-size:14px;}
.alert img{position:absolute; left:85px; top:0;}   

/*第一部分*/
.footer {position:absolute; z-index:10000; bottom:0; width:100%;}
.scroll_main {position:relative; height:100%; width:100%; overflow: hidden; max-width:1920px; margin:0 auto;}
.box_btn, .s_con01, .s_con02, .s_con03, .s_con04, .s_con05{height:1000px; width:11600px;position: absolute; top:0; left:0;}
.transition{
 -webkit-transition: all .8s ease-out 0s;
	-moz-transition: all .8s ease-out 0s;
	  -o-transition: all .8s ease-out 0s;
	 -ms-transition: all .8s ease-out 0s;
		 transition: all .8s ease-out 0s;
}
.box_btn{z-index:60;}
.s_con01 {z-index: 50;}
.s_con02 {z-index: 40;}
.s_con03 {z-index: 30;}
.s_con05 {z-index: 20;}
.s_con04 {z-index: 10;}

/*内容层2*/
.s_con02 .bg_menu {position:absolute; left:313px; top:0; width:1170px; height:1000px;}
.s_con02 .c1_ele01 {position:absolute; left:2225px; top:365px;}
.s_con02 .c1_ele02 {position:absolute; left:2937px; top:155px;}
.s_con02 .c1_ele03 {position:absolute; left:5360px; top:250px;}
.s_con02 .c1_ele04 {position:absolute; left:6440px; top:0px;}
.s_con02 .c1_ele05 {position:absolute; left:7423px; top:320px;}
.s_con02 .c1_ele06 {position:absolute; left:8340px; top:625px;}

.s_con02 .c2_ele01 {position:absolute; left:2225px; top:365px;}
.s_con02 .c2_ele02 {position:absolute; left:4000px; top:300px;}
.s_con02 .c2_ele03 {position:absolute; left:4500px; top:444px;}
.s_con02 .c2_ele04 {position:absolute; left:6200px; top:277px;}

.s_con02 .c3_ele01 {position:absolute; left:2225px; top:365px;}
.s_con02 .c3_ele02 {position:absolute; left:2900px; top:182px;}
.s_con02 .c3_ele03 {position:absolute; left:4750px; top:160px;}
.s_con02 .c3_ele04 {position:absolute; left:6200px; top:285px;}
.s_con02 .c3_ele05 {position:absolute; left:7520px; top:710px;}
.s_con02 .c3_ele06 {position:absolute; left:7800px; top:145px;}
.s_con02 .c3_ele07 {position:absolute; left:9100px; top:310px;}


/*内容层3*/
.s_con03 .ele01{position:absolute; left:0; top:370px;}
.s_con03 .ele02{position:absolute; left:645px; top:0px;}
.s_con03 .c1_ele01 {position:absolute; left:3300px; top:150px;}
.s_con03 .c1_ele02 {position:absolute; left:4444px; top:370px;}
.s_con03 .c1_ele03 {position:absolute; left:5800px; top:406px;}

.s_con03 .c2_ele01 {position:absolute; left:2500px; top:150px;}
.s_con03 .c2_ele02 {position:absolute; left:4350px; top:50px;}

.s_con03 .c3_ele01 {position:absolute; left:4800px; top:430px;}
.s_con03 .c3_ele02 {position:absolute; left:7100px; top:480px;}

/*浪花 大海 天空*/
.s_con05 .bg_wrap, .s_con04 .bg_wrap, .s_con01 .bg_wrap{width:1920px; height:1000%; position:relative;float:left; margin-left:-1px;}
.s_con05 .bg_sky_01 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_sky_01.png) no-repeat left top;}
.s_con05 .bg_sky_02 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_sky_02.png) no-repeat left top;}
.s_con05 .bg_sky_03 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_sky_03.png) no-repeat left top;}
.s_con05 .bg_sky_04 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_sky_04.png) no-repeat left top;}
.s_con05 .bg_sky_05 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_sky_05.png) no-repeat left top;}
.s_con05 .bg_sky_06 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_sky_06.png) no-repeat left top;}
.s_con04 .bg_sea_01 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_sea_01.png) no-repeat left top;}
.s_con04 .bg_sea_02 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_sea_02.png) no-repeat left top;}
.s_con04 .bg_sea_03 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_sea_03.png) no-repeat left top;}
.s_con04 .bg_sea_04 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_sea_04.png) no-repeat left top;}
.s_con04 .bg_sea_05 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_sea_05.png) no-repeat left top;}
.s_con04 .bg_sea_06 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_sea_06.png) no-repeat left top;}
.s_con01 .bg_wave_01 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_wave_01.png) no-repeat left top;}
.s_con01 .bg_wave_02 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_wave_02.png) no-repeat left top;}
.s_con01 .bg_wave_03 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_wave_03.png) no-repeat left top;}
.s_con01 .bg_wave_04 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_wave_04.png) no-repeat left top;}
.s_con01 .bg_wave_05 {background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_wave_05.png) no-repeat left top;}
.s_con01 .c3_pic1_ele01{position:absolute; left:4600px; bottom:0px; }


/*按钮*/
.box_btn .c1_btn_day{position:absolute; left:2570px; top:365px; width:30px; height:50px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/btn_day.png) no-repeat center center;} 
.box_btn .c1_btn_rule01{position:absolute; left:8800px; top:585px; width:108px; height:37px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/btn_c1_rule01.png) no-repeat center center;} 
.box_btn .c1_btn_rule02{position:absolute; left:8950px; top:585px; width:108px; height:37px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/btn_c1_rule02.png) no-repeat center center;} 
.box_btn .c2_btn_day{position:absolute; left:2507px; top:365px; width:30px; height:50px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/btn_day.png) no-repeat center center;}
.c2_btn_reward {position:absolute; z-index:70; left:4353px; top:430px; width:108px; height:37px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/btn_c2_reward.png) no-repeat center center;}
.box_btn .c3_btn_more{position:absolute; left:10400px; top:410px; width:191px; height:125px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/btn_c3_more.png) no-repeat center center;} 

.box_btn .menu_box{position:absolute; left:430px; top:345px; width:610px; height:460px;}
.box_btn .menu_box a{position:absolute; width:300px; height:70px;}
.box_btn .menu_box .a1{top:0px; left:160px;}
.box_btn .menu_box .a2{top:76px; right:0px;}
.box_btn .menu_box .a3{top:143px;left:50px;}
.box_btn .menu_box .a4{top:196px; right:50px;}
.box_btn .menu_box .a5{top:266px; left:60px;}
.box_btn .menu_box .a6{top:330px; right:94px;}
.box_btn .menu_box .a7{top:390px; left:0px;}

/*导航*/
.btn_right_more {position:absolute; z-index: 100; right:0; }
.nav_box{position:absolute; z-index: 100; left:0; width:221px; height:1000px; background:rgba(250,250,250,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);}
.nav_box .top{height:195px; width:221px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_nav.png) no-repeat 13px top;}
.nav_box a{height:85px; width:221px; display:block; background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_nav.png) no-repeat; transition:all .3s;}
.nav_box .a1{background-position:13px -181px;}
.nav_box .a2{background-position:13px -266px;}
.nav_box .a3{background-position:13px -351px;}
.nav_box .a4{background-position:13px -436px;}
.nav_box .a5{background-position:13px -521px;}
.nav_box .a6{background-position:13px -606px;}
.nav_box .a7{background-position:13px -691px;}
.nav_box .a1:hover,.nav_box .a1.active{background-position:-208px -266px;}
.nav_box .a2:hover,.nav_box .a2.active{background-position:-208px -351px;}
.nav_box .a3:hover,.nav_box .a3.active{background-position:-208px -436px;}
.nav_box .a4:hover,.nav_box .a4.active{background-position:-208px -521px;}
.nav_box .a5:hover,.nav_box .a5.active{background-position:-208px -606px;}
.nav_box .a6:hover,.nav_box .a6.active{background-position:-208px -691px;}
.nav_box .a7:hover,.nav_box .a7.active{background-position:-208px -776px;}

/*更多精彩顶部导航*/
.c3_menu {position:absolute; top:20px; left:50%; margin-left:-235px; width:471px; height:40px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_c3_nav.png) no-repeat; z-index:100;}
.c3_menu a{width:15px; height:15px; position:absolute;}
.c3_menu a:hover,.c3_menu a.active{background:url(https://static.web.sdo.com/dn/pic/dn_act/1608bb/bg_c3_nav_h.png)}
.c3_menu .a1{left:16px;}
.c3_menu .a2{left:165px;}
.c3_menu .a3{left:315px;}
.c3_menu .a4{left:432px;}

/*img title*/
.img_tit {cursor:pointer;}
.img_tit .layer {position: absolute; padding-bottom:20px;}