/*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;}
.font_14{font-size:14px;}
.font_16{font-size:16px;}
.mt15 {margin-top: 15px;}
.mr20{margin-right:20px;}
.mb25{margin-bottom:25px;}
.z10{z-index:10;}
.z20{z-index:20;}
.z30{z-index:30;}
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#CDCDCD;background: #fff}

/*body*/
.act_wrap{position: relative; width: 100%;overflow: hidden}
.contain{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.contain:before{content: "";display: table;height: 0;clear: both;visibility: hidden;}
.wrap01 {
    background: url("https://static.web.sdo.com/dn/pic/dn_19act/20190523promise/wrap01_bg.jpg?q1") no-repeat center top;
}
.wrap01 .contain {
    height: 1123px;
    background:url("https://static.web.sdo.com/dn/pic/dn_19act/20190523promise/wrap01_cen.jpg?q1")  no-repeat center top;
}
.wrap01 .logo{ position: absolute;top:25px;left: 742px;}
.wrap01 .top_line{ position: absolute;top:0;left: 903px;height: 0;  animation: topAll 0.8s ease both;}
.wrap01 .bottom_line{ position: absolute;bottom:-153px;left: 903px;height: 0; z-index: 2;animation: bottomAll 1.2s ease both;}
.wrap01 .title{ position: absolute;top:240px;left: 710px;animation: fadeTop 0.5s ease 0.5s 1 normal both running;}
.wrap01 .head_txt{ position: absolute;top:340px;left:713px;animation: fadeBottom 0.5s ease 0.7s 1 normal both running;}
.v_btn{ display: block;position: absolute; width: 114px;height: 114px;background: url("https://static.web.sdo.com/dn/pic/dn_19act/20190523promise/v_btn_cen.png") no-repeat;top:383px;left: 843px;animation: fadeIn 0.8s ease 0.8s 1 normal both running;}
.v_btn_border{
    position: absolute;top:0;left: 0;
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}
.wrap02 {
    position: relative;
}
.wrap02 .contain {
}
.tab_con{
    width: 1920px;
    margin-left: -360px;
}
.tab_con .tab_item{
    position: relative;
}

/*item1*/
.common_btn{ display: block;position: absolute;background: url("https://static.web.sdo.com/dn/pic/dn_19act/1904bb/transparent.png") no-repeat}
.common_btn img{ position: absolute;display: none}
.common_btn:hover img{ display: block}
.tab1_clothes_btn{ top:2308px;left:683px; width: 306px;height: 65px;}

.clothes_wrap{
    position: absolute;
    top:2333px;
    left: 0;
    width: 2520px;
    height: 960px;
    background: #fff;
}
.swiper-container {
    position: relative;
    width: 2520px;
    height: 800px;
}
.arrow-left {
    background: url(https://static.web.sdo.com/dn/pic/dn_19act/20190523promise/slide_prev.png) no-repeat center;
    position: absolute;
    display: block;
    left: 777px;
    top: 84%;
    width: 116px;
    height: 116px;
}
.arrow-right {
    background: url(https://static.web.sdo.com/dn/pic/dn_19act/20190523promise/slide_next.png) no-repeat center;
    position: absolute;
    display: block;
    left: 1097px;
    top: 84%;
    width: 116px;
    height: 116px;
}
.slide_close {
    background: url(https://static.web.sdo.com/dn/pic/dn_19act/20190523promise/slide_close.png) no-repeat center top;
    position: absolute;
    display: block;
    width: 40px;
    height: 70px;
    top: 0;
    left: 1150px;
    z-index: 2;
}


/*item3*/
.tab3_btn1{ top:228px;left:785px; width: 110px;height: 28px;}
.tab3_btn2{ top:2365px;left:1189px; width: 242px;height: 34px;}

/*item4*/
.tab4_btn1{ top:447px;left:533px; width: 140px;height: 28px;}
.tab4_btn1 img{ top: -232px; left: 134px; }
.tab4_btn2{ top:1205px;left:1298px; width: 253px;height: 76px;}
.tab4_btn3{ top:3545px;left:1186px; width: 95px;height: 28px;}
.tab4_btn3 img{ top: -384px; left: -646px; }
.tab4_btn4{ top:4046px;left:1237px; width: 102px;height: 28px;}
.tab4_btn4 img{ top: -522px; left: -534px; }
.tab4_btn5{ top:4105px;left:1255px; width: 102px;height: 28px;}
.tab4_btn5 img{ top: -522px; left: -685px; }
.tab4_btn6{  top: 3130px;  left: 1136px; width: 300px; height: 178px;}

/*导航*/
.nav_big { width: 148px;  height: 600px;  top: 175px;  right: 165px;}
@media screen and (max-width: 1440px) {
    .nav_big {
        right: 15px;
    }
}
.nav_line{ position: absolute;top:20px;left: -20px;}
.nav_big a { position: absolute; left: 0}
.nav_big a .slash{ position: absolute; top:0px;left: -20px;display: none}
.nav_big a.active .slash,.nav_big a:hover .slash{ display: block}
.nav_big .a1 {top:0;animation: fadeInRight 0.5s ease 0s 1 normal both running;}
.nav_big .a2 {top:90px;animation: fadeInRight 0.5s ease 0.1s 1 normal both running;}
.nav_big .a3 { top:180px;animation: fadeInRight 0.5s ease 0.2s 1 normal both running;}
.nav_big .a4 { top:270px;animation: fadeInRight 0.5s ease 0.3s 1 normal both running;}
.nav_big .a5 { top:360px;animation: fadeInRight 0.5s ease 0.4s 1 normal both running;}
.nav_big .a6 { top:450px;animation: fadeInRight 0.5s ease 0.5s 1 normal both running;}
.nav_big .a7 { top:540px;animation: fadeInRight 0.5s ease 0.6s 1 normal both running;}
/*.nav_big a:hover{ background-image: url("https://static.web.sdo.com/dn/pic/dn_19act/20190523promise/nav_bg_h.png")}*/

/*轮播*/
/*.slide{ position:relative;width:630px;height:336px;  }*/
/*.slide .prev,*/
/*.slide .next{ position:absolute; z-index:10; left:610px; top:268px; display:block; width:34px; height:34px;  }*/
/*.slide .prev{ background:url(https://static.web.sdo.com/dn/pic/dn_19act/20190523promise/prev_btn.png)  no-repeat center;  }*/
/*.slide .next{ top:303px; background:url(https://static.web.sdo.com/dn/pic/dn_19act/20190523promise/next_btn.png)  no-repeat center;  }*/

/*/!*.slide .prev:hover,.slide .prev.active{ background-image: url("https://static.web.sdo.com/dn/pic/dn_19act/201904red/next_btn_h.png")  }*!/*/
/*/!*.slide .next:hover{ background-image: url("https://static.web.sdo.com/dn/pic/dn_19act/201904red/next_btn_h.png")  }*!/*/

/*.slide .slide_img{ width:630px;height:100%;margin:0 auto ;overflow:hidden;}*/
/*.slide .slide_img ul{ width:150000px;overflow:hidden;}*/
/*.slide .slide_img li{ float:left;width:630px;}*/
/*.slide .slide_img li img{ display:block; margin:0 auto;}*/
/*.left_close{ display: block;position: absolute;top:230px;right:-23px; width: 91px;height: 88px;background: url("https://static.web.sdo.com/dn/pic/dn_19act/20190523promise/close.png") no-repeat}*/


/*.alert_bg{*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background: #000;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*z-index: 999;*/
    /*display: none;*/
/*}*/
/*.pop_close {*/
    /*top: 25px;*/
    /*right: 38px;*/
/*}*/
/*.pop_close:hover {*/
    /*-webkit-transition: all 0.2s linear;*/
    /*-moz-transition: all 0.2s linear;*/
    /*transition: all 0.2s linear;*/
/*}*/

/*.pop_video {*/
    /*width: 800px;*/
    /*height: 500px;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*z-index: 1000;*/
/*}*/

/*.pop_video  .close {*/
    /*position: absolute;*/
    /*width: 41px;*/
    /*height: 42px;*/
    /*top: 0;*/
    /*right: -50px;*/
    /*background: url(https://static.web.sdo.com/dn/pic/dn_act/201712ac/close.png) no-repeat;*/
/*}*/

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(200px,0,0);
        transform: translate3d(200px,0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeTop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeBottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes topAll {
    0% {
        height: 0;
    }
    100% {
        height: 224px;
    }
}
@keyframes bottomAll {
    0% {
        height: 0;
    }
    100% {
        height: 749px;
    }
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}