@charset "utf-8";
/* CSS Document */
/*edit:zhangning
@ 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;}
.clearMargin:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.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:#333; background: url(https://static.web.sdo.com/dn/pic/dn_18act/1807show/bg_dialog.jpg);} 
.font36{font-size:36px;}

/*弹窗部分*/
.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; width:400px; height:200px; background:#f2eee8;}
.close_dialog{width:40px; height:40px; display:block; position:absolute; top:0; right:0; background:url(https://static.web.sdo.com/dn/pic/dn_act/201512xinfu/ico_close.jpg) no-repeat;}
.dialog_show{width: 660px; height: 330px; text-align:center; color:#471b0c;}
.dialog_show h2 {padding: 0 20px; font-size:24px; font-weight:bold; line-height:1.3; margin-top:76px;height: 70px;}
.dialog_show .desc{margin:20px auto 24px;}
.dialog_show .box_btn a{width:120px; height:40px; margin:0 20px; display:inline-block; font-size:18px; font-weight:bold; line-height:39px; color:#fff;}
.dialog_show .box_btn a.btn_ok{background:#db4d1b;}
.dialog_show .box_btn a.btn_no{background:#96c8ac;}
/*第一部分*/
.wrap01 {background:url(https://static.web.sdo.com/dn/pic/dn_18act/dnavatar201811/wrap01_bg01.jpg) no-repeat center top;}
.wrap01 .con {position:relative; width:1000px; height:660px; margin:0 auto; background:url(https://static.web.sdo.com/dn/pic/dn_18act/dnavatar201811/wrap01_cen01.jpg) no-repeat center;}
.wrap01 .slogan {position:absolute; top: 290px;left: -410px;z-index: 20}
.wrap01 .logo{position:absolute; top: 15px;right: 25px;z-index: 20}


.user_info{ position:absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; top:107px; left:0; width:100%;padding-right:20px; text-align:center; }
.user_info li{display:inline-block; margin-left:20px; color:#333232;}
.user_info a {color:#3A3837; font-weight:bold;}


.wrap02 {background:url(https://static.web.sdo.com/dn/pic/dn_18act/dnavatar201811/wrap02_bg.jpg) no-repeat center top;}
.wrap02 .con {position:relative; width:1000px;height: 1300px; margin:0 auto;background:url(https://static.web.sdo.com/dn/pic/dn_18act/dnavatar201811/wrap02_cen.jpg) no-repeat center top;}
.wrap02 .act_time {    
	display: flex;
    margin: 60px auto 0;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    justify-content: center;
    gap: 10px;}
.wrap02 .act_time sup{    
	text-decoration: underline;
    line-height: 1;
    font-size: 24px;}

.job_nav{ margin-top: 44px }
.job_nav a{position: relative; width:100px; height:100px;display:block;float:left; color:#31302F; text-align:center; line-height:1.1; font-weight:bold;}
.job_nav a i{position: absolute; top: 0;left: 14px; width:82px; height:74px;background:url(https://static.web.sdo.com/dn/pic/dn_18act/dnavatar201809/sel_a.png) no-repeat; display: none}
.job_nav img{display:block; margin: 14px auto 10px;}
.job_nav a.active i{display: block}
.job_nav a.active{color: #B51616}
.job_con{overflow:hidden;}
.wrap02 .pic_t1{top:277px; position:absolute; left:0;}
.wrap02 .pic_t2{top:840px; position:absolute; left:102px;}

.show_box{margin:140px auto 0;width: 921px;}
.show_box .img_box{position: relative;width: 921px;height: 520px;background: url("https://static.web.sdo.com/dn/pic/dn_18act/dnavatar201810/mo_bg.jpg") no-repeat center 54px}
.show_box .img_box .top_shadow{position: absolute;width: 921px;height: 120px;top:0;left:0;background: url("https://static.web.sdo.com/dn/pic/dn_18act/dnavatar201811/top_shadow.png") repeat-x;z-index: 20}
.show_box .img_box .bottom_shadow{position: absolute;width: 921px;height: 120px;bottom:0;left:0;background: url("https://static.web.sdo.com/dn/pic/dn_18act/dnavatar201811/bottom_shadow.png") repeat-x;z-index: 20}
.show_box .img_box .img_wrap{margin-top: 54px;}
.show_box .img_box .img_wrap:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.show_box .img_box .img_wrap{*display:inline-block;*zoom:100%;}
.show_box .img_box .img_wrap a{position: relative;float: left;width: 307px;height: 407px}
.show_box .img_box .img_wrap a img{width: 100%;height: 100%}
.show_box .img_box .img_wrap a i{position: absolute;width: 317px;height: 418px;top:-6px;left:-4px;background: url("https://static.web.sdo.com/dn/pic/dn_18act/dnavatar201811/selected_b.png") no-repeat;z-index: 30;  -webkit-transition: all 0.3s;  transition: all 0.3s; display: none}
.show_box .img_box .img_wrap a.active i{display: block}

.sel_box:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.sel_box{*display:inline-block;*zoom:100%;}
.sel_box{ width: 1112px;  margin-top: 25px;}
.sel_box a{ float: left; width: 180px; height: 32px; line-height: 32px; text-align: center; font-size: 18px; font-weight: bold; margin: 0 190px 20px 0; background: #333331; color: #fff; }
.sel_box a.active{ background: #CEA03B; }

.btn_all { -webkit-box-sizing: border-box; box-sizing: border-box;padding-top: 14px; background:#2E344E; width:235px; height:66px; line-height:1.1; font-weight:bold; color:#fff; font-size:20px; text-align:center; display:block; margin:0 auto;}
.btn_all  .en{color:#7F828D; font-size:12px; display:block; margin:2px auto;}
.price{font-size:18px; color:#E04121; margin:14px auto; text-align:center; line-height:1.1;}
.price del{color:#2E344E;}

.tips{width: 700px;margin: 50px auto 0;color: #2E344E}
.tips ol{padding-left: 20px;}
 ol li{list-style-position: inside;list-style: decimal}
.tab02 { margin-top: 30px; overflow: hidden;  }
.tab02 .tit { background: #2E334D; line-height: 55px; width: 219px; height: 55px; font-weight: bold; color: #fff; font-size: 24px; text-align: center; margin: 0 auto;  }
.tab02 .tab_con { width: 219px; height: 297px; position: relative; margin: 0 auto;  }
.tab02 .tab_con img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;  }
.tab02 .tab_a { width: 100%; text-align: center;  }
.tab02 .tab_a a.active { border: 4px solid #2E334D; width: 42px; height: 42px;  }
.tab02 .tab_a a { display: inline-block; width: 50px; height: 50px; margin: 10px 5px; vertical-align: middle;  }
.tab02 .tab_a img { width: 100%; height: 100%; }