@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:16px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#333; } 


/*弹窗部分 https://static.web.sdo.com/dn/pic/dn_act/2016cj/btn_close.png*/
.alert_bg{width:100%; height:100%; background-color:#00638f; 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:82px; height:82px; display:block; position:absolute; top:-3px; right:-85px; background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/ico_close.png) no-repeat;}

	
/*第一部分*/
.wrap01 {background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/bg_wrap01.jpg) no-repeat center;}
.wrap01 .con {background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/bg_wrap01_con.jpg) no-repeat center; width:1020px; height:900px; margin:0 auto; }
.nav{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/bg_nav.png) no-repeat center; width:841px; height:69px; left:87px; bottom:16px; }
.nav a{width:20%; color:#652002; font-size:20px; font-weight:bold; text-align:center; line-height:65px;  display:block; float:left;}
.btn_audioList{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/ico_audio.png) no-repeat 22px 16px; height:100%;}
.btn_audioList .wave{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/audio_wave.png);width:100px; height:50px; position:absolute; right:10px;top:9px;}
.audioList{width:166px; height:360px; border-radius:6px; background:#fff; bottom:80px; right:5px;}
.audioList .ico_tip{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/ico_tip.png) no-repeat; width:26px; height:10px; bottom:-10px; left:70px;}     
.audioList .cont{height: 100%; overflow: hidden;}
.audioList ul{height: 100%;overflow: auto; width: 183px;}
.audioList li{padding:7px 10px 0px; cursor:pointer; color:#999;}
.audioList li:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.audioList .head{float:left; width:25px; height:25px; margin:3px 5px 0 0;}
.audioList .head img{width:25px; height:25px; border-radius:100%;}
.audioList .area {float:left; font-size:12px; line-height:14px; width:83px; overflow: hidden;}
.audioList .ico_play {float:right; width:22px; height:31px; background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/ico_nav_play.png) no-repeat center;}
.audioList .line{height:0px; margin-top:3px; border-bottom:1px solid #f3f3f2;}
.audioList li:hover{ background:#f4d447; color:#fff;}
.audioList li:hover .ico_play {background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/ico_nav_play_h.png) no-repeat center;}
.audioList li .name{white-space: nowrap; width: fit-content; transition:transform 1s linear; }
.audioList li:hover .name{transform: translate3d(-50%,0,0);}


.ani_wave{animation: ani_wave 2400ms steps(24) infinite}
@keyframes ani_wave{
	from{background-position:0% -0%;}
	to{background-position:0% -2400%;}
}

.wrap02{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/bg_wrap02.jpg) no-repeat center; height:1461px;}
.wrap02 .con{width:1020px; height:1461px; margin:0 auto; padding-top:1px;}
.wrap03{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/bg_wrap03.jpg) no-repeat center; height:616px;}
.pic_t1{display:block; margin:30px auto 55px;}
.pic_spirit01{left:-320px; top:-105px;}
.pic_t2{display:block; margin:100px auto 50px;}
.pic_spirit02{right:-255px; top:565px;}
.btn_break{margin:0 auto 30px; display:block;}

.box1  li{float:left; border-right:4px solid #fff; border-bottom:4px solid #fff; width:250px; height:188px; overflow:hidden; cursor:pointer;}
.box1  li img{display:block;}
.box1  li:nth-of-type(n+5){border-bottom:none;}
.box1  li:nth-of-type(4n){border-right:none;}
.box1_video {left:-25px; top:200px; width:290px; height:220px; background:#fff; position:absolute;}
.box1_video .tit{color:#464d5a; font-size:18px; font-weight:bold;}
.box1_video .desc{color:#8c97ad; font-size:14px;}
.box1_video .ico_paly{ background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/btn_box1_ele_play.png) no-repeat center; background-color:rgba(0, 127, 156, 0.7); width:100%; height:160px; display:block; position:absolute; top:0;}
.box1_video .ico_video{position:absolute; left:-27px; top:-27px;}

.box2  li{float:left;  width:250px; height:244px; overflow:hidden; background:#fff; margin:2px; position:relative;}
.box2 .tit{color:#464d5a; font-size:18px; font-weight:bold;}
.box2 .desc{color:#8c97ad; font-size:12px;}
.box2 li .ico_paly{width:250px; height:188px; display:block; position:absolute; top:0; transition:background-color .3s; }
.box2 li:hover .ico_paly{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/ico_play_video.png) no-repeat center;  background-color:rgba(250, 250, 250, 0.85); }
.box2 li .ico_img{width:250px; height:188px; display:block; position:absolute; top:0; transition:background-color .3s; }
.box2 li:hover .ico_img{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/ico_play_video.png) no-repeat center;  background-color:rgba(250, 250, 250, 0.85); }

.box2 .info{position:relative; padding-left:53px; margin-top:7px; line-height:1.3;}
.box2 .head{width:36px; height:36px; border-radius:100%; position:absolute; left:8px ;top:5px;}
.box2 .pic{width:100%; height:188px; display:block; cursor:pointer;}

.v1_box{height:1080px; position:relative;}
.v1_box .v1 {display:block;  position:absolute; left:50%; margin-left:-960px; width:1920px;}
.v1_box .btn_skip{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/btn_skip.png) no-repeat center; width:99px; height:36px; display:block; position:absolute; top:50px; right:30px; }
.v1_box .btn_next{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1807ztz/btn_next.png) no-repeat center; width:99px; height:36px; display:block; position:absolute; top:105px; right:30px; }
.v1_box .user_info{position:absolute; left:30px; top:50px; height:65px;font-size:20px;color:#fff;}