@charset "utf-8";
/* CSS Document */

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:16px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#999; } 
.mt10{margin-top:10px;}
.col_b31{color:#7AF2C6;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font24{font-size:24px;}
.col_ee1{color:#ee1e1e;}
.col_999{color:#999;}
.col_fff{color:#fff;}
.mb10{margin-bottom:10px;}
.bold{font-weight:bold;}


/*弹窗部分 https://static.web.sdo.com/dn/pic/dn_act/2016cj/btn_close.png*/
.alert_bg{width:100%; height:100%; background-color:#000; position:absolute; top:0; left:0; z-index:999; display:none; }
.dialog{position:absolute; z-index:10001; color:#4b4b4b; top:50px; display:none;}
.close_dialog{width:60px; height:60px; display:block; position:absolute; top:0; right:0; background:url(https://static.web.sdo.com/dn/pic/dn_18act/1804bb/bg_blank.png) no-repeat;}

/*轮播*/
.slide{width:780px;height:352px; position:relative; margin:0px auto; }
.slide .prev, .slide .next{position:absolute; z-index:10; left:0; top:50%; margin-top:-23px; display:block; width:40px; height:75px;background:url('https://static.web.sdo.com/dn/pic/dn_18act/201806bb/left.png')  no-repeat center top; }
.slide .next{left:auto; right:0; background:url('https://static.web.sdo.com/dn/pic/dn_18act/201806bb/right.png')  no-repeat center top; }
.slide .prev:hover{background:url('https://static.web.sdo.com/dn/pic/dn_18act/201806bb/left_h.png?c1')  no-repeat center top;}
.slide .next:hover{background:url('https://static.web.sdo.com/dn/pic/dn_18act/201806bb/right_h.png?c1')  no-repeat center top; }

.slide .slide_img{width:615px;height:100%;margin:0 auto ;overflow:hidden;}
.slide .slide_img ul{width:15000px;overflow:hidden;}
.slide .slide_img li{float:left;width:615px;}
.slide .slide_img li img{display:block; margin:0 auto;}
.slide .point{position:absolute;bottom:-15px;left:82px;height:2px;width:615px;text-align:center;}
.slide .point a{display:inline-block;width:3px;height:2px;background:#4D4D4D; float:left;}
.slide .point a.cur{background:#7AF2C6; height:6px;margin-top: -2px;}
.ico_point{background:url(https://static.web.sdo.com/dn/pic/dn_18act/201806bb/ico_point.png) no-repeat left; height:22px; width:20px; display:inline-block; vertical-align: middle;}

/*第一部分*/
.section{height:900px; position:relative; overflow:hidden;}
.nav{width:185px;top:100px;left:50px;z-index:100;padding-top:48px; }
.nav .hamburger{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1802bb/nav_menu.png) no-repeat center; top:0; left:0; width:40px;height:40px; position:absolute; cursor: pointer;}
.nav .nav_list {width: 100%; height: 100%; position: relative;}
/*.nav .line{width:1px;background:#fff; height:100%;top:0px;left:20px; position:absolute;}*/
.nav .line{width:1px;background:url(https://static.web.sdo.com/dn/pic/dn_18act/201806bb/line.png) no-repeat center top; height:100%;top:0px;left:20px; position:absolute;}
.nav  i.circle{width:20px;height:20px;background:url(https://static.web.sdo.com/dn/pic/dn_18act/1802bb/nav_point.png) no-repeat center; top:19px;left:10px; position:absolute; display:none; }
.nav .active i.circle, .nav a:hover i.circle{display:block; animation:fade .3s linear both;}
.nav a{display:block;height:18px;padding:18px 0 18px 50px; position:relative; font-weight: bold; color:#fff; font-size:16px; }
.nav .nav_list> a.active{}
.nav .js_a{padding:14px 0 14px 50px;}
.nav .sub_nav a{font-size:14px; color:#6DA08E;}
.nav .sub_nav a:hover,.nav .sub_nav a.active{color:#7AF2C6;}

.wrap01{background:url(https://static.web.sdo.com/dn/pic/dn_18act/201806bb/wrap01_bg01.jpg) no-repeat top;}
.wrap01 .con{width:1000px; height:900px; margin:0 auto;}
/*.wrap01 .bg_video {width:1920px; height:980px; position:absolute; top:0; left:50%; margin-left:-960px; }*/
.wrap01 .logo{position:absolute; left:-123px; top:10px;}
.wrap01 .btn_video{position:absolute; left:463px; top:275px; width:81px; height:90px; background:url('https://static.web.sdo.com/dn/pic/dn_18act/201806bb/play.png') no-repeat;}
.wrap01 .slogan{position:absolute; top:71px;left:-282px;}
.wrap01 .bg_video { width: 1920px; height: 900px; position: absolute; top: 0; left: 50%; margin-left: -960px;  }
.wrap01 .shadow_bg { width: 321px; height: 900px; position: absolute; top: 0; left: 0;  background:url('https://static.web.sdo.com/dn/pic/dn_18act/201806bb/shadow_bg.png') repeat-y; }

.wrap02{background:url(https://static.web.sdo.com/dn/pic/dn_18act/201806bb/wrap02_bg.jpg) no-repeat center;width:100%;height:900px}
.wrap02 .spirit01{position:absolute; top:25px; left:25px;}
.wrap02 .spirit02{position:absolute; bottom:25px; left:25px;}
.spirit03{position:absolute; bottom:25px; right:25px;}

.wrap02 .sub_con {width:1000px; height:980px; position:absolute; left:50%; margin-left:-500px;}
.template01 .pic_t{position:absolute; top:100px; left:40px;}
.template01 .des{color:#2c2424; font-size:12px; line-height:22px; width:615px; position:absolute; top:400px; left:75px;}
.template01 .menu{position:absolute; top:182px; left:27px; z-index: 10; width:1200px;}
.template01 .menu a{color: #999; float:left; padding-right:24px; padding-left:12px; background:url(https://static.web.sdo.com/dn/pic/dn_18act/1804bb/ico_x.png) no-repeat right 5px;}
.template01 .menu a i{background-color:#7AF2C6; width:22px; height:3px; margin-top: 4px; display:none;}
.template01 .menu a.last{background:none;}
.template01 .menu a:hover,
.template01 .menu a.active{color:#7AF2C6; }
.template01 .menu a:hover  i,
.template01 .menu a.active  i{display:block; animation:fade .3s linear both;}

.template01 .act_menu{top: 180px;left: 16px;}
.template01 .act_menu a{padding: 0 30px 0 26px;color: #fff}

.template01 .cont .slide{position:relative; top:0;}
.template01 .cont .desc{ margin: 45px 0 0 194px; line-height:1.83; width:654px; color:#fff;}
.template01 .cont {position:absolute; top:250px; width:100%; margin:0; height:auto;}

.template01 .act_cont {position:absolute; top:240px; left:40px; margin:0; height:auto; width:920px;}
.template01 .act_cont .time{color:#fff; position:absolute; right:40px; top:0; text-align: right;}
.template01 .act_cont .btn_time {background:url(https://static.web.sdo.com/dn/pic/dn_18act/1804bb/bg_blank.png) no-repeat center; width:150px; height:150px; display: block; position: absolute; top: 114px; right: 160px;}

.template02 .pic_t2 .tit_key{font-size:20px; border-left:5px solid #7AF2C6; color:#7AF2C6; padding-left:10px; line-height:1; margin:15px 0 7px 0;}
.template02 .pic_t2{margin:100px 0 40px 40px;}
.template02 .cont{padding:0 40px;}
.template02 .cont .cont_img{width:360px; height:210px;}
.template02 .cont .cont_text{color:#999; font-size:14px; line-height:22px; width:500px;}
.template02 .pic_rule{margin: 30px 0 20px 40px;}
.template02 .des{color:#7AF2C6; margin-left:40px; line-height:1.75;}
.template02 .cont2 .desc{ margin:50px auto 0; line-height:1.83; width:615px;}
.template02 .cont2 .desc .desc_h2{margin-left: -.5em; color:#999; font-size:24px; margin-bottom: 6px;}
.template02 .cont2 .desc.mt25{margin-top:25px;}

.img_tit {width:250px; height: 35px;position: absolute;top:300px; left:0px; cursor:pointer;}
.img_tit .layer {position: absolute; padding-bottom:20px; display:none;}

a.ladder_link{position: absolute; top: 338px; left: 33px;color: #9EA1A0}
a.ladder_btn{position: absolute;  width: 160px; height: 28px; top: 336px; left: 584px;background: url(about:blank)}
a.shop_btn{position: absolute; width: 158px;height: 28px;top: 100px;left: 62px;background: url(about:blank)}
a.bian_btn{position: absolute; width: 140px; height: 23px; top: 105px; left: 344px;background: url(about:blank)}
a.look_btn{position: absolute; width: 82px;  height: 23px;  top: 364px;  left: 430px;background: url(about:blank)}
a.look_btn img{position: absolute;  top: -156px;  left: 0;display: none}
a.look_btn:hover img{display: block}

.desc_big{ margin: 50px 0 0 50px;  }
.right_txt{ position: absolute; top: 0; left: 476px;  }
/*动画*/
@keyframes fade{0%{opacity:0} 100%{opacity:1}}

.ani_scale{
	animation:ani_scale .6s ease-in-out .1s both;
}

@keyframes ani_scale{
	0%{-webkit-transform:scale(10,10);}
	80%{ -webkit-transform:scale(.9,.9);}
	100%{-webkit-transform:scale(1,1);}
}

.ani_box{width:1920px; height:980px; position:absolute; left:50%; margin-left:-960px;}
.ani_pic04{top: 118px; left: 930px;}
.ani_pic03{top:347px; left:115px;}
.ani_pic01{top:639px; left:961px;}
.ani_pic02{
	top:0;left:0;
	height:980px;width:1920px;
	-webkit-animation:test 1250ms steps(25) infinite;
	animation:test 1250ms steps(25) infinite;
	background:url(https://static.web.sdo.com/dn/pic/dn_18act/1804bb/css_sprites.png);
}
		
@-webkit-keyframes test {
  0% {background-position:0px -0%;}
  100% {background-position:0px -2500%;}
}