/*reset*/
@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;display:block;}
ul,li,ol {list-style:none;}
i,em,cite,dfn{font-style:normal;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearMargin:before{content: "";display: table;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;}
.middle{vertical-align:middle;}
.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;}
.yellow{color:#fff954;}
body{font:14px/1.6 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#493521;}


/*body*/
.contain:before{ content: "";display: table;height: 0;clear: both;visibility: hidden;}
.contain {  position: relative;  width: 1200px;  height: 1000px;  margin: 0 auto;  }

.wrap{ position: relative; max-width: 2560px;height: 1000px; margin: 0 auto; overflow: hidden; }

/*首页*/
.index_wrap{ position: absolute;top:0;margin-left: -680px; width: 2560px; overflow: hidden;  }
.index_wrap .contain {
    /*background:url("https://static.web.sdo.com/dn/pic/dn_20act/10years/index_wrap_cen.jpg")  no-repeat center top;  */
}
.slogan{ position: absolute;top:310px;right:-90px; animation: fadeTop 0.7s ease 0s 1 normal both running;}

/*首页动画*/
.index_wrap_cover{ position: absolute;top:0;margin-left: -680px; width: 2560px;height: 1000px; overflow: hidden;  }

/*音频导航*/
.cen_nav{
    position: absolute;
    width: 650px;
    height: 500px;
    top: 0px;
    left: -680px;
}
.cen_nav .layerImg{
    position: absolute;
}
.layerImg5{
    position: absolute;
    top:0;
    left: -640px;
}
.layerImg4{
    top: 175px;
    left: 268px;
}
.layerImg3{
    top: 310px;
    left: 582px;
}
.layerImg2{
    top: 314px;
    left: 363px;
}
.layerImg1{
    top: 460px;
    left: -115px;
}

/*导航*/
.index_nav{  position: absolute;top:70px;left: 220px;}
.index_nav .js_a{  position: relative;width: 40px;height: 40px;margin: 8px 0; cursor: pointer;}
.index_nav .index_nav{ position: absolute;top:18px;left: 18px;width: 4px;height: 4px;background: #fff;border-radius: 50%;opacity: 0.5 }
.index_nav .js_a.active .index_nav{ opacity: 1 }
.index_nav .index_nav1{ position: absolute;top:18px;left: 18px;width: 4px;height: 4px;background: #fff;
    border-radius: 50%;
    /*box-shadow: 0 0 8px 8px rgba(255,255,255,0.6);*/
    /*animation: breath 3s 0.2s ease-in-out infinite both;  */
    /*-webkit-animation: breath 3s 0.2s ease-in-out infinite both; */
}
.index_nav .js_a.active .index_nav:after,.index_nav .js_a.active .index_nav:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    opacity: 0.6;
    border-radius: 50%;
    margin: -7px 0 0 -7px;
    pointer-events: none;
    -webkit-animation: wavePlay 1.3s infinite ease-out;
    animation: wavePlay 1.3s infinite ease-out;
}
.index_nav .js_a.active .index_nav:after {
    -webkit-animation: wavePlay 1.3s 0.8s infinite ease-out;
    animation: wavePlay 1.3s 0.8s infinite ease-out;
}
@keyframes wavePlay{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}75%,to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}

.index_nav .index_nav_h{ position: absolute;top:0;left: 0; }
.index_nav .js_a.active:hover .index_nav,.index_nav .js_a.active:hover .index_nav:after,.index_nav .js_a.active:hover .index_nav:before{ display: none}
.index_nav .js_a.active:hover .index_nav_h{ display: block}
.nav_txt{ position: absolute;
    top:1px;left: 38px;
    width: 160px; 
    height: 35px;
    background: url("https://static.web.sdo.com/dn/pic/dn_20act/10years/nav_txt02.png") no-repeat;
    animation: fadeTop1 0.5s ease 0s 1 normal both running; 
    display: none
}
.nav_txt1{ background-position: -6px 9px;}
.nav_txt2{ background-position: -6px -39px;}
.nav_txt3{ background-position: -6px -88px;}
.nav_txt4{ background-position: -6px -136px;}
.nav_txt5{ background-position: -6px -186px;}
.nav_txt6{ background-position: -6px -233px;}
.nav_txt7{ background-position: -6px -282px;}
.nav_txt8{ background-position: -6px -330px;}
.nav_txt9{ background-position: -6px -378px;}
.nav_txt10{ background-position: -6px -426px;}
.nav_txt11{ background-position: -6px -475px;}
.nav_txt12{ background-position: -6px -523px;}
.index_nav .js_a.active .nav_txt{ background-image: url("https://static.web.sdo.com/dn/pic/dn_20act/10years/nav_txt_h02.png")}
.nav_txt img{ display: inline-block;position: relative;top:6px;}
.index_nav .js_a.active .nav_txt{ color: #FBF2EC;opacity: 1}
.index_nav .js_a:hover .nav_txt{ display: block;}

/*内页*/
/*1月*/
.wrap02{ position: absolute;top:0;left:0;margin-left: -680px; width: 2560px; overflow: hidden; }
.wrap02 .contain { }

.index_wrap_cover2{ position: absolute;top:0;margin-left: -680px; width: 2560px;height: 1000px; overflow: hidden;  }
.bg_video_new{ position: absolute;top:0;left: -680px;}
.left_txt{ position: absolute;top:128px;left: 85px; animation: fadeTop 0.7s ease 0.1s 1 normal both running;}
.top01_wrap{ top:222px;right: 0;animation: fadeTop 0.7s ease 0.15s 1 normal both running;}
.top02_wrap{ top:444px;right: 0;animation: fadeTop 0.7s ease 0.25s 1 normal both running;}
.top01_txt_link{ position: absolute; top: 116px; right: 0; width: 126px; height: 35px;background: url("https://static.web.sdo.com/dn/pic/dn_19act/1904bb/transparent.png")}
.top02_txt_link{ position: absolute;top: 169px; left: 235px; width: 130px; height: 35px;background: url("https://static.web.sdo.com/dn/pic/dn_19act/1904bb/transparent.png")}
/*.wrap .logo { position: absolute;top:22px;left: 0}*/

.right_slogan{ position: absolute;top:40px;right:35px;}
.return_wrap{ position: absolute;top:388px;right:25px;width: 95px;height: 179px;background: url("https://static.web.sdo.com/dn/pic/dn_20act/10years/return_bg.png") no-repeat;}
.return_wrap a{ position: absolute; top: 75px; left: 0; width: 95px; height: 35px;background: url("https://static.web.sdo.com/dn/pic/dn_19act/1904bb/transparent.png")}

/*左侧内容*/
.right_btn{ position: absolute;width: 160px;height: 242px;display: block;top:588px;right:77px;background: url("https://static.web.sdo.com/dn/pic/dn_19act/1904bb/transparent.png") no-repeat}


/*弹窗*/
.alert_bg{
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.pop{ position: absolute; z-index: 1000; top: 0; left: 50%; background: #F9E455; }
.pop:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}

.slide_close{ position: absolute; width: 55px; height: 55px; top:-31px; right: 0; background: url('https://static.web.sdo.com/dn/pic/dn_19act/1909zh/close.png') no-repeat center; }

@keyframes fadeTop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100px,0);
        transform: translate3d(0,100px,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}@keyframes fadeTop1 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes breath {
    0%, 26%, 100% {
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
    }
    13% {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
    }
}