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;vertical-align:middle }
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;}
.alignC{text-align:center;}
.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;}
body{font:14px/1.6 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#FFFFFF;}
html,body,.swiper-container,.swiper-wrapper,.swiper-slide{  width:100%;  min-height:900px;max-height: 1000px}
.header{z-index:1000;}
.swiper-slide{  width:100%;  min-height:900px;height: 100%}

.scroll_main{  min-height:900px;height: 100%;overflow: hidden}
.scroll_main .scroll_bg{position: absolute; width: 1920px; min-height:900px;height: 100%;  top: 0; left: 50%; margin-left: -960px; background:#111111 url("https://static.web.sdo.com/dn/pic/dn_18act/2018clothes2/wrap_bg02.jpg") no-repeat; }
.scroll_main .swiper-container{  z-index: 2;min-height:900px;height: 100%}
.scroll_main .logo{ position: absolute; top: 66px;left: 40px;}
.swiper-slide{ position:relative;  background: url("https://static.web.sdo.com/dn/pic/dn_act/20180118green/transparent_bg.png") no-repeat center; }

/*��ߵ���*/
.nav{ width: 66px;height: 172px; position: absolute; top: 360px; left:80px; z-index: 3;  }
.nav b{ position: absolute; width: 5px;height: 262px;  top: -49px; left:-22px; background: url("https://static.web.sdo.com/dn/pic/dn_18act/2018clothes2/ce_line.png") no-repeat center top;  }
.nav a{  position: absolute; color: #CCCBCB;font-size: 16px;font-weight: bold }
.nav .a1{ top: 0; }
.nav .a2{ top: 69px; }
.nav .a3{ top: 138px; }
.nav .a4{ top: 212px; }
.nav a i{ position: absolute; width: 11px;height: 11px; top: 8px; left: -25px; background: url("https://static.web.sdo.com/dn/pic/dn_18act/2018clothes2/ce_a.png") no-repeat;  }
.nav a.active i{ background: url("https://static.web.sdo.com/dn/pic/dn_18act/2018clothes2/ce_a_active.png") no-repeat;  }
.nav a.active{ color: #BB9E59 }
.nav04 b,.nav05 b,.nav06 b,.nav07 b{ position: absolute; width: 5px;height: 340px;  top: -49px; left:-22px; background: url("https://static.web.sdo.com/dn/pic/dn_19act/2019clothes2/prop/ce04_line.png") no-repeat center top;  }

/*ͷ������*/
.head_nav{position: absolute; top: 86px; right:305px; z-index: 3;  }
.head_nav b{ position: absolute; width: 747px;height: 7px;  top: -16px; right:0; background: url("https://static.web.sdo.com/dn/pic/dn_18act/2018clothes2/nav_line.png") no-repeat center top;  }
.head_nav a{  position: relative;display: inline-block; width: 90px; margin-left: 20px; color: #CCCBCB;font-size: 16px;font-weight: bold; text-align: center }
/*.head_nav .a1{ top: 0; right: 800px; }*/
/*.head_nav .a2{ top: 0; right: 640px; }*/
/*.head_nav .a3{ top: 0; right: 480px; }*/
/*.head_nav .a4{ top: 0; right: 320px; }*/
/*.head_nav .a5{ top: 0; right: 160px; }*/
/*.head_nav .a6{ top: 0; right: 0; }*/
.head_nav a i{ position: absolute; width: 173px;height: 38px;  top: 2px; right:-42px; background: url("https://static.web.sdo.com/dn/pic/dn_18act/2018clothes2/nav_a_active.png") no-repeat; display: none }
.head_nav a.active i{ display: block }
.head_nav a.active{ color: #BB9E59 }
@media screen and (max-width: 1500px) {
    .head_nav {
        right: 100px;
    }
}

.swiper_con{ width: 1200px; min-height:900px;height: 100%; position: absolute; top: 0; left: 50%; margin-left: -600px; }
.swiper_con:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}

/*slide01*/
.slide1 .s_img01{ position: absolute; top: 0; left:0;}
.slide1 .s_txt{ position: absolute; top: 340px; left: 92px; }
.slide1 .s_txt h2{ position: relative;height: 88px; font-size: 42px;color: #BB9E59 }
.slide1 .s_txt h2 span{position: absolute; top: 66px; left:0; font-size: 14px;color: #3F3F3F }
.slide1 .s_txt p{ width: 312px; margin-top: 50px; font-size: 12px; line-height: 24px; color: #CCCBCB; word-wrap: break-word; letter-spacing: 2px;  }
.slide1 .line-y { margin-top: 30px; width: 70px; height: 4px; background: #363636; }
/*slide02*/
.zhi_tit{ position: relative;height: 42px;margin: 135px 0 0 98px;font-weight: bold; font-size: 16px;color: #BB9E59 }
.zhi_tit span{ display: inline-block; width: 89px;height: 16px; background: url("https://static.web.sdo.com/dn/pic/dn_18act/2018clothes2/career_i.png") no-repeat; }
.line_y { margin-top: 15px; width: 70px; height: 1px; background: #363636; }
.img_con:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.img_con{*display:inline-block;*zoom:100%;}
.img_box{width: 1115px;height: 305px; margin: 40px auto}
.img_box .img_item{ -webkit-box-sizing: border-box;  box-sizing: border-box;float: left; width: 545px;margin-right:24px; border: 1px solid #78673D;padding: 5px;}
.img_box .img_item02{ margin-right:0;}
.img_box .img_item img{ width: 100%;height: 295px;}

.tab_nav {
    width: 1200px;height: 121px;margin-top: 45px;
    background: url("https://static.web.sdo.com/dn/pic/dn_18act/2018clothes2/con2_nav-old.png") no-repeat center top;
}
.tab_nav.new {
    width: 1200px;height: 121px;margin-top: 45px;
    background: url("https://static.web.sdo.com/dn/pic/dn_18act/2018clothes2/con2_nav.png") no-repeat center top;
}

.tab_nav a{
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 80px;
    height: 117px;
    margin-right: 34px;
    padding-top: 76px;
    color: #A5A5A5;
    font-size: 16px;
    text-align: center;
}
.tab_nav a i{
    position: absolute;
    width: 72px;
    height: 72px;
    top: 1px;
    left: 3px;
    background: url("https://static.web.sdo.com/dn/pic/dn_18act/2018clothes2/tab_a_i.png") no-repeat;
    display: none;
}
.tab_nav a:hover,.tab_nav a.active{
    color: #A38A4F;
}
.tab_nav a:hover i,.tab_nav a.active i{
    display: block;
}
.tab_nav .a1{
    margin-left:106px;
}
.tab_nav.new .a1{
    margin-left: 48px;
}
.tab_nav .a4{
    margin-right: 33px;
}
/*slide03*/
.slide3 .zhi_tit span{ background: url("https://static.web.sdo.com/dn/pic/dn_18act/2018clothes2/obtain_i.png") no-repeat; }

.help_step {
    width: 1000px;
    margin: 20px auto 0;
    color: #A5A5A5;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
}
.help_step dd {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 382px;
    height: 338px;
    margin: 0 59px;
    float: left;
}
.help_step .step_img {
    border: 1px solid #7a683f;
    width: 100%;
    height: 214px;
    margin-bottom: 10px;
}
.help_step a {
    color: #edb156;
}
.dialog {
    position: absolute;
    z-index: 10001;
    color: #4b4b4b;
    top: 50px;
    display: none;
}
.close_dialog {
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    top: 0;
    right: -50px;
    background: url(https://static.web.sdo.com/dn/pic/dn/web10/index/p-close.png) no-repeat center;
}

.swiper04 .slide4 .help_step,.swiper05 .slide4 .help_step,.swiper06 .slide4 .help_step {
    width: 1000px;
    margin: 20px auto 0;
    color: #A5A5A5;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
}
.swiper04 .slide4 .help_step dd,.swiper05 .slide4 .help_step dd ,.swiper06 .slide4 .help_step dd{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 240px;
    height: auto;
    margin: 0 5px;
    float: left;
}
.swiper04 .slide4 .help_step .step_img,.swiper05 .slide4 .help_step .step_img,.swiper06 .slide4 .help_step .step_img {
    border: 0;
    width: 100%;
    height: auto;
    cursor: default;
}


.shu_icon{width: 20px ;height: 27px;background: url("https://static.web.sdo.com/dn/pic/dn_18act/2018clothes2/shu_icon.png") no-repeat center top;
    bottom: 65px;left: 50%;margin-left: -11px;z-index: 10;
}
.arrow{width: 20px ;height: 44px;background: url("https://static.web.sdo.com/dn/pic/dn_18act/2018clothes2/down.png") no-repeat center top;
    bottom: 8px;left: 50%;margin-left: -11px;z-index: 10;
    -webkit-animation: fadeInDown 1.5s infinite;;
    animation: fadeInDown 1.5s infinite;;
}


/*����*/
.alert_bg{ width: 100%; height: 100%; background: #010001; position: absolute; top: 0; left: 0; z-index: 999; display: none; }

/*����*/
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
    }
    80% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20%,0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,0,0);
    }
}


.help_step .normal{
	position: absolute;
	top: 43%;
	font-size: 20px;
	letter-spacing: 6px;
	line-height: 50px;
	text-align: left;
}