@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2016-09-29 */

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; } 
.font12{font-size: 12px;}
.red{color:#ab4a56;}
.mr20{margin-right:20px;}
/*弹窗部分*/

.dialog{width:1920px; height: 1000px; position:absolute; z-index:100; top:46px; left: 50%; margin-left: -960px; background: url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/bg_alert.jpg) no-repeat center;}
.dialog .con{position:relative; width:1000px; height: 1000px; margin:0 auto;  overflow: hidden;}
.close_dialog{width:44px; height:44px; display:block; position:absolute; top:138px; right:100px; background:url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/btn_close.png) no-repeat center;}
.d1_e01 {margin: 245px auto 0; display: block;}
.d1_e02 {margin: 70px auto 0; display: block;}
.d1_e03 {margin: 30px auto 0; width:110px; height: 30px; display: block;}
.dialog_e01 .box{color:#a53341; font-size: 13px; width: 840px; margin: 85px auto 0;}
.dialog_e01 .box dd{float: left;width:120px; margin: 0 10px; text-align: center;}
.dialog_e01 .box dd img{border:2px solid #7e222d;}

.dialog_e02 .con{position:absolute; left:50%; margin-left:-500px;}
.d2_e01{margin: 184px 10px 0 100px;}
.d2_e03{margin: 20px auto 0; display: block; width:800px; height:320px; position: relative;}
.d2_e04{background: url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/d2_e04.png) no-repeat center; width:360px; height: 40px; display: block; color:#fff; font-size: 14px; line-height:40px; padding-left: 20px;
    position: absolute; bottom: 20px; left: 20px;
}
.d2_des{background:url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/bg_des.png); height: 30px; width:800px; line-height: 30px; color: #fff; font-size: 14px; text-align: center; margin: 40px auto 10px;}
.d2_e05{margin: 0 auto; display: block;}
.d2_box01{width:200px; position: absolute; left:80px; bottom: 100px; text-align: center;}
.d2_t01{color: #8a80a7; font-size: 14px; }
.d2_e06{margin-top:5px; }
.d2_box02{color:#78373f; font-size: 14px; position: absolute; left: 413px; bottom: 192px;}
.d2_box03{text-align: center; font-size: 14px; color:#8a80a7; width:250px; position: absolute;  bottom: 100px; right:50px;}
.d2_tit{background:url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/bg_des.png); padding:5px 25px;  display: inline-block; line-height: 25px; color: #fff; font-size: 14px;  margin: 25px auto 15px;}
.d2_cont{border-top:1px solid #5f5982;margin: 18px 100px 0; color: #8681a4; line-height: 1.8; position: relative;}
.d2_cont .box{color:#a53341; font-size: 13px; width: 620px; margin: 30px 0;}
.d2_cont .box dd{float: left;width:120px; margin: 0 10px; text-align: center;}
.d2_cont .box dd img{border:2px solid #7e222d;}
.d2_e08{width:240px; height: 550px; position: absolute; top:65px; right:-25px; color: #ab4a56; font-size: 12px; text-align: center;}
.d2_e08 span{margin-top:-20px; }
.d2_e08 label{color: #8681a4; }

.d3_e01{margin: 184px 10px 0 100px;}
.d3_cont{border-top:1px solid #5f5982; padding-top:25px; margin: 18px 100px 0; color: #8681a4; line-height: 1.8; position: relative;}
.d3_tit{background:url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/bg_des.png); padding:0 25px 0 45px;  display: inline-block; line-height: 30px; color: #fff; font-size: 14px; position: relative;}
.d3_e03{position: absolute; left: 0;}
.d3_des{font-size: 12px; line-height: 33px; color: #8681a4;}
.d3_des .alt{width:200px; display: inline-block;}
.d3_box dd{float: left; position: relative; width:180px; height: 180px; border:2px solid #7e222d; overflow: hidden; box-sizing: border-box;}
.d3_box .title{position: absolute; bottom:0; background:rgba(0,0,0,.7); padding-top:2px;  width:100%; height: 40px; line-height: 18px;  color:#fff; font-size: 12px; text-align: center;}
.d3_title{background:url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/bg_des.png); padding:0 25px; margin-top:35px;  display: inline-block; line-height: 30px; color: #fff; font-size: 14px; position: relative;}
.d3_box02 {padding-right:160px; margin: 10px auto; position: relative;}
.d3_box02 .ele{float: left;	 width:300px; padding-left:10px; margin: 0 10px 10px 0; box-sizing: border-box; height:60px; line-height: 60px; font-size: 16px; color:#fff;}
.d3_box02 .bg01 {background:url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/d3_e05.png) no-repeat center;}
.d3_box02 .bg02 {background:url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/d3_e06.png) no-repeat center;}
.d3_box02 .bg03 {background:url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/d3_e07.png) no-repeat center;}
.d3_box02 .bg04 {background:url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/d3_e08.png) no-repeat center;}
.d3_box02 .bg05 {background:url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/d3_e09.png) no-repeat center;}
.d3_box02 .bg06 {background:url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/d3_e10.png) no-repeat center;}
.d3_box02 .ele_box01 {width: 160px; position: absolute; top: 0; right:0; text-align: center; color:#fff; line-height: 40px;}
.d3_box02 .ele_box02 {width: 160px; position: absolute; bottom: 10px; right:0; text-align: center; color:#fff; line-height: 40px;}
.d3_box02 .ele_t{width: 100%; height:40px; font-size: 24px;  background: rgba(0,0,0,.3);}
.d3_box02 .ele_b{width: 100%; height:40px; font-size: 14px;  background: #7e222d;}

/*第一部分 */

.wrap{background: url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/bg.jpg) no-repeat center; height: 1000px; position: relative;}
.wrap .menu{width:1000px; height:430px; position:absolute; bottom:0; left:350px; overflow: hidden; left: 50%; margin-left: -600px;}
.wrap .menu img{position: absolute;  transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s;}
.btn_card01{top: 110px; left:60px; z-index: 0;}
.btn_card02{top: 110px; left:445px; z-index: 0;}
.btn_card03{top: 90px; left:346px; z-index: 0;}
.btn_card04{top: 100px; left:217px; z-index: 0;}
.btn_card01.active{ z-index:10; top:90px; left:40px;}
.btn_card02.active{ z-index:10; top:90px; left:465px;}
.btn_card03.active{ z-index:10; top:70px; left:360px;}
.btn_card04.active{ z-index:10; top:80px; left:200px;}
.logo{position: absolute; top:50px; left:50%; margin-left:-500px; }
.btn_video{background: url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/btn_play_normal.png) no-repeat center; width:85px; height:39px; position: absolute; top:300px; left:50%; margin-left:-50px; }
.btn_video:hover{background: url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/btn_play_pressed.png) no-repeat center; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s;}
.nav{background: url(https://static.web.sdo.com/dn/pic/dn_act/160929bb/btn_nav.png) no-repeat left center; width:420px; height:90px; position: absolute; top:520px; left:50%; margin-left:-385px; z-index: 10;}
.nav a{width:90px; height:95px; display:block;  margin-right: 45px; float: left;}
.video_bg{position: absolute; left:50%; margin-left:-960px; }