/*
* @Author: v.luxiao
* @Date:   2016-05-11 19:01:46
* @Last Modified by:   v.luxiao
* @Last Modified time: 2016-07-20 21:15:37
*/
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,input,label,legend,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
html{overflow-y:auto; overflow-x:hidden;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;display: block;}
ul,li,ol {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
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:0; height:0; *display:inline; font-size:0;}
:focus,a{outline:none; -moz-outline-style:none; display: block;}
a:visited,a:link{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
#SDGCOPYRIGHT a { display: inline-block; }
.none{display:none;}
.fl{float: left;}
.fr{float: right;}
.marL10{margin-left:10px }
.simsun{font-family:"simsun","\5B8B\4F53";}
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",arial,tahoma,sans-serif;color:#000;height: 100%;background: #07090f; }
.wwp{position: relative;}
.back{width: 44px;height: 120px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/back.png) no-repeat;position: absolute;left:50%;margin-left:-600px;top: 760px;z-index: 20;}
.back:hover{transform:translate(1px);-ms-transform:translate(1px);-moz-transform:translate(1px);-webkit-transform:translate(1px);-o-transform:translate(1px);}
/* 弹层 */
.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:22px;height:22px;display:block;position:absolute;top:0px;right:-30px;background:url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/ico_close.png) no-repeat;}
.animate-video{width:1920px;height:1000px;position:absolute;margin:0 auto;top:0;left:50%;margin-left:-960px;}
.videoplay{width: 84px;height: 84px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160714dnzpz/videoIco.png) no-repeat;position: absolute;top:50%;left: 50%;margin-left: -42px;cursor:pointer;}
.videoplay:hover{opacity: .9;filter:alpha(opacity=90);}
.videoplay a{display: block;width: 84px;height: 84px;}
/* 外页 */
.wrap{width: 100%;height: 1000px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/wrap.jpg) 50% 0 no-repeat;position: relative;}
.inWrap{width: 1000px;height: 1000px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/inWrap.jpg) no-repeat;margin:0 auto;position: relative;}
.pre,.next{width: 120px;height: 242px;position: absolute;top:50%;margin-top: -121px;cursor:pointer;}
.pre{left: 45px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/pre.png) no-repeat;}
.next{right: 45px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/next.png) no-repeat;}
.pre a,.next a{display: block;width: 120px;height: 242px;}

.title{width: 307px;height: 772px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/title.png) no-repeat;position: absolute;top:53px;left: 349px;}
.t-r{width:67px;height: 193px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/i1.png) no-repeat;position: absolute;top:114px;right: 330px; }
/* 导航 */
.wp{position: relative;height: 1000px;}
.nav{position: absolute;right:316px;top:0px;right: 50%;margin-right: -620px;}
.nav li a{width: 59px;height: 143px;transition:all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition:all .3s;}
.n1{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/n1.png) no-repeat;}
.n1:hover,.n1.now{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/n1-h.png) no-repeat;}
.n2{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/n2.png) no-repeat;}
.n2:hover,.n2.now{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/n2-h.png) no-repeat;}
.n3{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/n3.png) no-repeat;}
.n3:hover,.n3.now{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/n3-h.png) no-repeat;}
.n4{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/n4.png) no-repeat;}
.n4:hover,.n4.now{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/n4-h.png) no-repeat;}
.n5{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/n5.png) no-repeat;}
.n5:hover,.n5.now{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/n5-h.png) no-repeat;}
.n6{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/n6.png) no-repeat;}
.n6:hover,.n6.now{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/n6-h.png) no-repeat;}
.n7{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/n7.png) no-repeat;}
.n7:hover,.n7.now{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/n7-h.png) no-repeat;}
/* 内页 */
.page{width: 100%;height: 1000px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/page.jpg) 50% 0 no-repeat;position: absolute;display: none;}
.pp{display: none;}
.ps{display: none;}
.inpage{width: 1000px;height: 1000px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/inPage.jpg) no-repeat;margin:0 auto;position: relative;}

.wp2{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/wp3.jpg) 50% 0 no-repeat;}
.p2{background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/p3.jpg) no-repeat;}
/* page1 */
/* .p1{display: none;} */
.p1-left{font-size: 14px;color:#767981;padding-top: 115px;}
.red{color: #813227;margin-bottom: 15px;}
a.look{padding-left:25px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/p1-img3.png) 0 50% no-repeat;color:#d0d2dd;text-decoration: underline; margin-bottom: 20px;}
.mt25{margin-top: 25px;line-height: 35px;}
/* .p1-top,.p1-bottom{display: none;} */
.video{width: 480px;height: 340px;padding-top: 73px;position: relative;}
/* 轮播 */
.carousel{padding-top: 60px;width: 340px;height: 500px;position: relative;}
.inCarousel{width: 340px;height: 441px;position: relative;}
.inCarousel li{position: absolute;border: 4px solid #ad483a;}
.circle{position: absolute;right:5px;bottom:10px;}
.circle li{width: 18px;height: 20px;background: #070707;margin-right: 5px;float: left;text-align: center;line-height: 20px;color: #b2b2b2;cursor:pointer;}
.circle li.now{color:#fee5e1;background: #853429;}

.p1-tit{width: 254px;height: 33px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/p1-img4.png) no-repeat;margin-top: 40px;margin-left: 340px;}
.para{width: 596px;color: #919399;font-size: 14px;padding-left: 10px;margin-bottom: 35px;}
.bt{border-top: 1px solid #3f4043;margin-top: 10px;padding-top: 50px;}

/* page2 */
/* .p2{display: none;} */
.mm{position: absolute;right: 0;}
.m2{padding-top: 120px;}
.tab{padding-top: 88px;}
.tab li{height: 44px;float: left;margin-left: 55px;cursor:pointer;transition:all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition:all .3s;}
.tab .t1{width:153px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/t1.png) no-repeat; }
.tab .t2{width:148px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/t2.png) no-repeat; }
.tab .t3{width:210px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/t3.png) no-repeat; }
.tab .t1:hover,.tab .t1.now{width:153px;background:#000 url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/t1-h.png) no-repeat; }
.tab .t2:hover,.tab .t2.now{width:148px;background:#000 url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/t2-h.png) no-repeat; }
.tab .t3:hover,.tab .t3.now{width:210px;background:#000 url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/t3-h.png) no-repeat; }
.str{width: 713px;height: 2px;background: #000;margin-left: 270px;margin-top: 10px;}

.wd{color: #f0f0f0;font-size: 14px;text-align: right;padding-top: 67px;}
.f18{font-size: 18px;}
.mt85{margin-top: 85px;}
.f14{color:#919399;margin:0 10px;}
.s1{width: 183px;height: 1px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/s1.jpg) no-repeat;margin-top: 11px;}
.bot{margin-top: 100px;}
.obtain{color:#7f2a22;margin-top: 55px;}

.tips{width: 78px;height: 23px;background: #2d2f45;margin-top: 145px;color: #767885;line-height: 23px;text-align: center;cursor:pointer;}
.m15{margin-top: 15px;}

/* page3 */
.p3{padding-top: 63px;}
.p3-tit{width: 960px;height: 76px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/p3-tit.jpg) no-repeat;}
.small-tit{color: #dadbdf;margin-top: 15px;}
.info{color: #919399;}
.info p{margin-bottom: 15px;padding-left: 12px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/cir.png) 0 50% no-repeat;}
.p3-main{margin-top: 105px;position: relative;}
.special{color:#b93c2b;}
.stone{position: absolute;top:10px;left:45px; }

/* page4 */
.p4{position: relative;}
.more{width:190px;height: 870px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/p4-img1.jpg) no-repeat;position: absolute;top:65px;left: 390px; }
.bgblack{width:164px;height: 163px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/bg.png) no-repeat;position: absolute;color:#626675;font-size: 12px; }
.p4-1{top:145px;left: 65px;padding-top: 30px;padding-left: 15px;}
.p4-2{top:305px;left: 226px;}
.p4-3{top:465px;left: 65px;padding-top: 18px;padding-left: 15px;}
.p4-4{top:305px;right: 259px;}
.p4-5{top:465px;right: 99px;padding:20px 20px;}
.p4-6{top:145px;right: 99px;z-index: 10;}
.p4 .tit{font-size: 16px;color:#f0f0f0;font-weight: bold;opacity: .6;filter:alpha(opacity=60);}
.tit1{margin-bottom: 15px;}
.tit3{margin-bottom: 20px;}
.tit4{padding:30px 25px;}
.tit5{padding-left: 15px;}
.grey{width:164px;height: 163px;position: absolute;color:#626675;}
.grey1{top:306px;left: 65px;padding-top: 20px;padding-left: 10px;z-index: 10;}
.grey2{top:306px;right: 99px;padding-top: 20px;padding-left: 10px;z-index: 10;}
.grey3{top:465px;right: 257px;padding-top: 20px;padding-left: 10px;}
.tc{margin-top: 8px;}
.detail{margin-left:70px;cursor: pointer; }
.detail2{margin-left: 20px;margin-top: 5px;cursor: pointer;}
.detail3{margin-left: 15px;margin-top: 40px;cursor: pointer;}
.p4-peo{width:587px;height: 864px;background: url(https://static.web.sdo.com/dn/pic/dn_act/160720bb/p4-peo.png) no-repeat;position: absolute;top:50px;left: 180px; z-index: 5;}
.click{color:#626675;position: absolute;bottom: 130px;right: 80px;background: #07080b;padding:10px;}
/* 动画 */
.pre:hover{
    animation:move .4s  linear  both;
    -webkit-animation:move .4s  linear both;
    -moz-animation:move .4s  linear  both;
    -o-animation:move .4s  linear both;
}
@keyframes move{
    0%{transform:translate(0px);}
    100%{transform:translate(15px);}
}
@-moz-keyframes move{
    0%{-moz-transform:translate(0px);}
    100%{-moz-transform:translate(15px);}
}
@-webkit-keyframes move{
    0%{-webkit-transform:translate(0px);}
    100%{-webkit-transform:translate(15px);}
}
@-o-keyframes move{
    0%{-o-transform:translate(0px);}
    100%{-o-transform:translate(15px);}
}

.next:hover{
    animation:move2 .4s  linear  both;
    -webkit-animation:move2 .4s  linear both;
    -moz-animation:move2 .4s  linear  both;
    -o-animation:move2 .4s  linear both;
}
@keyframes move2{
    0%{transform:translate(0px);}
    100%{transform:translate(-15px);}
}
@-moz-keyframes move2{
    0%{-moz-transform:translate(0px);}
    100%{-moz-transform:translate(-15px);}
}
@-webkit-keyframes move2{
    0%{-webkit-transform:translate(0px);}
    100%{-webkit-transform:translate(-15px);}
}
@-o-keyframes move2{
    0%{-o-transform:translate(0px);}
    100%{-o-transform:translate(-15px);}
}
.move3{
	animation:move3 .5s  ease-in-out .1s both;
	-webkit-animation:move3 .5s  ease-in-out .1s both;
	-moz-animation:move3 .5s  ease-in-out .1s both;
	-o-animation:move3 .5s  ease-in-out .1s both;
}
@keyframes move3{
    0%{transform:translate(215px);}
    100%{transform:translate(0px);}
}
@-moz-keyframes move3{
    0%{-moz-transform:translate(215px);}
    100%{-moz-transform:translate(0px);}
}
@-webkit-keyframes move3{
    0%{-webkit-transform:translate(215px);}
    100%{-webkit-transform:translate(0px);}
}
@-o-keyframes move3{
    0%{-o-transform:translate(215px);}
    100%{-o-transform:translate(0px);}
}
/* 内页先后顺序动画 */
.first{
    animation:move4 .5s  ease-in-out .1s both;
    -webkit-animation:move4 .5s  ease-in-out .1s both;
    -moz-animation:move4 .5s  ease-in-out .1s both;
    -o-animation:move4 .5s  ease-in-out .1s both;
}
@keyframes move4{
    0%{transform:translateY(-50px);}
    100%{transform:translateY(0px);}
}
@-moz-keyframes move4{
    0%{-moz-transform:translateY(-50px);}
    100%{-moz-transform:translateY(0px);}
}
@-webkit-keyframes move4{
    0%{-webkit-transform:translateY(-50px);}
    100%{-webkit-transform:translateY(0px);}
}
@-o-keyframes move4{
    0%{-o-transform:translateY(-50px);}
    100%{-o-transform:translateY(0px);}
}
.last{
    animation:move5 .5s  ease-in-out .1s both;
    -webkit-animation:move5 .5s  ease-in-out .1s both;
    -moz-animation:move5 .5s  ease-in-out .1s both;
    -o-animation:move5 .5s  ease-in-out .1s both;
}
@keyframes move5{
    0%{transform:translateY(50px);}
    100%{transform:translateY(0px);}
}
@-moz-keyframes move5{
    0%{-moz-transform:translateY(50px);}
    100%{-moz-transform:translateY(0px);}
}
@-webkit-keyframes move5{
    0%{-webkit-transform:translateY(50px);}
    100%{-webkit-transform:translateY(0px);}
}
@-o-keyframes move5{
    0%{-o-transform:translateY(50px);}
    100%{-o-transform:translateY(0px);}
}
/* 半石人 */
.move-stone{
    animation:move6 .5s  ease-in-out .1s both;
    -webkit-animation:move6 .5s  ease-in-out .1s both;
    -moz-animation:move6 .5s  ease-in-out .1s both;
    -o-animation:move6 .5s  ease-in-out .1s both;
}
@keyframes move6{
    0%{transform:translate(-50px,50px);}
    100%{transform:translate(0px,0px);}
}
@-moz-keyframes move6{
    0%{-moz-transform:translate(-50px,50px);}
    100%{-moz-transform:translate(0px,0px);}
}
@-webkit-keyframes move6{
    0%{-webkit-transform:translate(-50px,50px);}
    100%{-webkit-transform:translate(0px,0px);}
}
@-o-keyframes move6{
    0%{-o-transform:translate(-50px,50px);}
    100%{-o-transform:translate(0px,0px);}
}
/* 3 */
.move-down{
    animation:move7 .5s  ease-in-out .1s both;
    -webkit-animation:move7 .5s  ease-in-out .1s both;
    -moz-animation:move7 .5s  ease-in-out .1s both;
    -o-animation:move7 .5s  ease-in-out .1s both;
}
@keyframes move8{
    0%{transform:translate(-20px);}
    100%{transform:translate(0px);}
}
@-moz-keyframes move8{
    0%{-moz-transform:translate(-20px);}
    100%{-moz-transform:translate(0px);}
}
@-webkit-keyframes move8{
    0%{-webkit-transform:translate(-20px);}
    100%{-webkit-transform:translate(0px);}
}
@-o-keyframes move8{
    0%{-o-transform:translate(-20px);}
    100%{-o-transform:translate(0px);}
}
/* 4 */
.move-left{
    animation:move7 .5s  ease-in-out .1s both;
    -webkit-animation:move7 .5s  ease-in-out .1s both;
    -moz-animation:move7 .5s  ease-in-out .1s both;
    -o-animation:move7 .5s  ease-in-out .1s both;
}
@keyframes move7{
    0%{transform:translate(200px);}
    100%{transform:translate(0px);}
}
@-moz-keyframes move7{
    0%{-moz-transform:translate(200px);}
    100%{-moz-transform:translate(0px);}
}
@-webkit-keyframes move7{
    0%{-webkit-transform:translate(200px);}
    100%{-webkit-transform:translate(0px);}
}
@-o-keyframes move7{
    0%{-o-transform:translate(200px);}
    100%{-o-transform:translate(0px);}
}
.move-right{
    animation:move8 .5s  ease-in-out .1s both;
    -webkit-animation:move8 .5s  ease-in-out .1s both;
    -moz-animation:move8 .5s  ease-in-out .1s both;
    -o-animation:move8 .5s  ease-in-out .1s both;
}
@keyframes move8{
    0%{transform:translate(-200px);}
    100%{transform:translate(0px);}
}
@-moz-keyframes move8{
    0%{-moz-transform:translate(-200px);}
    100%{-moz-transform:translate(0px);}
}
@-webkit-keyframes move8{
    0%{-webkit-transform:translate(-200px);}
    100%{-webkit-transform:translate(0px);}
}
@-o-keyframes move8{
    0%{-o-transform:translate(-200px);}
    100%{-o-transform:translate(0px);}
}
.timebg{
    -moz-animation: top2bottom .5s ease-in-out .3s both;
    -webkit-animation: top2bottom .5s ease-in-out .3s both;
    -ms-animation: top2bottom .5s ease-in-out .3s both;
    animation: top2bottom .5s ease-in-out .3s both;
}
@-moz-keyframes top2bottom {
    0% { -moz-transform: scale(1.5); opacity:0;}
    100% { -moz-transform: scale(1);  opacity:1;}
}
@-webkit-keyframes top2bottom {
    0% { -webkit-transform: scale(1.5); opacity:0;}
    100% { -webkit-transform: scale(1); opacity:1;}
}
@-ms-keyframes top2bottom {
    0% { -ms-transform: scale(1.5);  opacity:0;}
    100% { -ms-transform: scale(1);  opacity:1;}
}
@keyframes top2bottom {
    0% { transform: scale(1.5); opacity:0;}
    100%{transform: scale(1); opacity:1;}
}