@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2017-02-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;}
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:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#999; }
.mt10{margin-top:10px;}
.col_b31{color:#b31d08;}
.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:1000px;height:400px; position:relative; margin:0px auto; }
.slide .prev,
.slide .next{position:absolute; z-index:10; left:0; top:50%; margin-top:-23px; display:block; width:50px; height:74px; background:url(https://static.web.sdo.com/dn/pic/dn_19act/1906bb/ico_arrow06.png) left center no-repeat; filter:alpha(opacity=80);opacity:0.8;}
.slide .next{left:auto; right:0; background-position:right center; }
.slide .prev:hover,
.slide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slide .slide_img{width:800px;height:100%;margin:0 auto ;overflow:hidden;}
.slide .slide_img ul{width:15000px;overflow:hidden;}
.slide .slide_img li{float:left;width:800px;}
.slide .slide_img li img{display:block; margin:0 auto;}
.slide .point{position:absolute;bottom:-15px;left:100px;height:3px;width:800px;text-align:center;}

.slide .point a {
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #3e395f;
	float: left;
}

.slide .point a.cur {
	background: #9e2d53;
	height: 3px;
}



/*第一部分*/
.section{height:1000px; position:relative;}
.nav{width:185px;top:100px;left:15px;z-index:100;padding-top:48px; }
.nav .hamburger{background:url(https://static.web.sdo.com/dn/pic/dn_19act/1901bb/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:#3e395f; 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:13px 0; position:relative; padding-left:50px; font-weight: bold; color:#3e395f; font-size:16px; }
.nav .nav_list> a.active{}
.nav .sub_nav a{font-size:14px; color:#666666;}
.nav .sub_nav a:hover,.nav .sub_nav a.active{color:#9e2d53;}

.nav i.circle {
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	border: 2px solid #3e395f;
	background: transparent;
	top: 19px;
	left: 13px;
	display: none;
}
.nav i.circle b {
	display: block;
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 7px;
	height: 7px;
	border-radius: 10px;
	background: #3e395f;
	top: 2px;
	right: 2px;
}

.wrap01{background:url(https://static.web.sdo.com/dn/pic/dn_19act/1902bb/wrap01_bg.jpg) no-repeat center top;}
.wrap01 .con{width:1000px; height:1000px; 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:470px; top:350px; display:block; width:62px; height:72px; background:url(https://static.web.sdo.com/dn/pic/dn_18act/1804bb/btn_video.png) no-repeat;}
.wrap01 .slogan{position:absolute; top:650px;left:190px}

.wrap02 {
	background: url(https://static.web.sdo.com/dn/pic/dn_19act/1902bb/wrap02_bg.jpg) no-repeat center top;
	width: 100%;
	height: 1000px;
}
.wrap02 .spirit02 {
	position: absolute;
	bottom: 35px;
	left: 25px;
}
.wrap02 .spirit03 {
	position: absolute;
	bottom: 35px;
	right: 25px;
}
.wrap02 .spirit04 {
	position: absolute;
	top: 22px;
	right: 20px;
}
.wrap02 .sub_con {
	width: 1000px;
	height: 1000px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
}
.pic_t2 {
	margin: 100px 0 45px 40px;
}
.pic_t2 h3 {
	font-size: 40px;
	font-weight: normal;
	color: #3e395f;
}
.pic_t2 p {
	width: 910px;
	height: 20px;
	padding-left: 5px;
	margin-top: 10px;
	line-height: 20px;
	color: #ffffff;
	background: #9e2d53;
}
.temp02 .pic_rule {
	margin: 20px 0 20px 49px;
}
.temp02 .des {
	margin-left: 105px;
	line-height: 1.6;
}


.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:193px; left:27px; z-index: 10; width:1200px;}
.template01 .menu a{ color:#fff; float:left; padding-right:35px; padding-left:25px; 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:#f11530; width:22px; height:3px;  display:none;}
.template01 .menu a.last{background:none;}
.template01 .menu a:hover,
.template01 .menu a.active{color:#f11530; }
.template01 .menu a:hover  i,
.template01 .menu a.active  i{display:block; animation:fade .3s linear both;}


.template01 .cont .slide{position:relative; top:0;}
.template01 .cont .desc{margin:60px auto 0; line-height:1.83; width:615px; color:#fff;}
.template01 .cont {position:absolute; top:242px; width:100%; margin:0; height:auto;}

.template01 .act_cont {position:absolute; top:280px; 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 #a7000a; color:#a7000a; padding-left:10px; line-height:1.1; margin-top:15px;}
.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:#999898; font-size:12px; line-height:22px; width:500px;}
.template02 .pic_rule{margin:60px 0 50px 50px;}
.template02 .des{color:#ee1e1e; 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;}
		    


/*动画*/
@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%;}
}