.banner{
    position: relative;
}
.banner,.banner .video,.banner .video video{
    width:100%;
    height: 100vh;
    display: block;
}
.banner .video video{
    object-fit: cover;
    object-position: center;
}
.web-video{
    display: none !important;
}

@media screen and (max-width: 750px) {
    .pc-video{
        display: none !important;
    }
    .web-video{
        display: block !important;
    }
    .swiper-slide-video.web-video {
        height:111.2vw !important;
    }
    .swiper-slide-video.web-video video{
        height: 100% !important;
    }
}
.banner-top{
    width:80%;
    max-width: 800px;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.banner-top img{
    width:100%;
    display: block;
}
.banner-top p{
    width:100%;
    font-size:30px;
    line-height: 40px;
    color:#fff;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}
.banner-top a{
    width:100%;
    text-align: center;
    font-size:18px;
    color:#fff;
    text-decoration: underline;
    line-height: 30px;
    display: block;
}
@media screen and (max-width: 750px) {
    .banner-top p{
        font-size:4vw;
        line-height: 5.33vw;
    }
    .banner-top a{
        font-size:2.4vw;
        line-height:4vw;
    }
}
.banner-top a span{
    line-height: 30px;
    position: relative;
    display: inline-block;
}
.banner-top a span::before{
    content: "";/*单引号双引号都可以，但必须是英文*/
    width: 0;
    height: 2px; /*下划线高度*/
    background: #fff; /*下划线颜色*/
    position: absolute;
    top: 100%;
    left: 0;
    transition: all .4s ; /*css动画效果，0.8秒完成*/
}
.banner-top a:hover span::before{
    left:0%;
    width:100%;
}


/*  当季新品  */
.main-swiper{
    width:100%;
    margin:180px auto 0;
    display: block;
    position: relative;
    z-index:2;
}
.main-swiper-jumping{
    margin-top:80px;
    animation: main-swiper-jumping-event .5s ease;
    animation-timing-function:cubic-bezier(0,0,0.25,1);
}
@keyframes main-swiper-jumping-event {
    0%{
        margin-top:180px;
    }
    100%{
        margin-top:80px;
    }
}
@media screen and (max-width: 1200px) {
    @keyframes main-swiper-jumping-event {
        0%{
            margin-top:15vw;
        }
        100%{
            margin-top:6.666vw;
        }
    }
}
.main-swiper .swiper-scrollbar{
    width:50%;
    max-width: 500px;
    margin:46px auto 0;
    display: block !important;
    height: 6px;
    background: unset;
    border:1px solid #000;
    border-radius: unset;
    overflow:hidden;
}
.main-swiper .swiper-scrollbar .swiper-scrollbar-drag{
    background:#000;
    border-radius: unset;
}
/*.main-swiper .swiper-slide{
    width:30%;
    margin-right: 3.3%;
    float: left;
    display: inline-block;
}*/
.main-swiper .swiper-slide a,.main-swiper .swiper-slide a .swiper-slide-title,.main-swiper .swiper-slide a .swiper-slide-img{
    width:100%;
    display: block;
}
.main-swiper .swiper-slide .swiper-slide-title{
    padding-left:30px;
    box-sizing: border-box;
}
.main-swiper .swiper-slide .swiper-slide-title p{
    width:100%;
    font-size: 32px;
    color:#000;
    line-height: 60px;
    display: block;
}
.main-swiper .swiper-slide .swiper-slide-title hr{
    width:40px;
    height: 1px;
    background: #000;
    display: block;
}
.main-swiper .swiper-slide .swiper-slide-title span{
    width:100%;
    font-size:14px;
    color:#777;
    line-height: 32px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    display: block;
}
.main-swiper .swiper-slide .swiper-slide-img{
    padding-top:15px;
    position: relative;
}
.main-swiper .swiper-slide .swiper-slide-img .img{
    width:100%;
    height:100%;
    max-height: 627px;
    object-fit: cover;
    object-position: center;
    overflow:hidden;
    display: block;
}
.main-swiper .swiper-slide .swiper-slide-img .img img{
    width:100%;
    height: 100%;
    object-fit: cover;
    transition:.4s linear .1s;
    display: block;
}
.main-swiper .swiper-slide:hover .swiper-slide-img .img img
{
    transform: scale(1.05);
}
.main-swiper .swiper-slide .swiper-slide-img span{
    position: absolute;
    top:12px;
    left:45px;
    background:#000;
}
.main-swiper .swiper-slide .swiper-slide-img span.swiper-slide-img-top{
    width:3px;
    height: 23px;
    display: block;
}
.main-swiper .swiper-slide .swiper-slide-img span.swiper-slide-img-long{
    height: 113px;
    width:1px;
    display: block;
}
.main-swiper .swiper-slide .swiper-slide-img a{
    width:auto;
    position: absolute;
    bottom:10px;
    right:20px;
    font-size:16px;
    line-height: 32px;
    color:#fff;
}

.main-swiper .swiper-slide .swiper-slide-img a label::before{
    content: "";/*单引号双引号都可以，但必须是英文*/
    width: 0;
    height: 2px; /*下划线高度*/
    background: #fff; /*下划线颜色*/
    position: absolute;
    top: 100%;
    left: 0;
    transition: all .4s ; /*css动画效果，0.8秒完成*/
}
.main-swiper .swiper-slide .swiper-slide-img a:hover label::before{
    left:0%;
    width:100%;
}

@media screen and (max-width: 1200px) {
    .main-swiper .swiper-slide .swiper-slide-img img,.main-swiper .swiper-slide .swiper-slide-img .img{
        height: 52vw;
    }
    .main-swiper{
        margin-top:21.66vw;
    }
    .main-swiper-jumping{
        margin-top:13.33vw;
    }
    .main-swiper .swiper-slide .swiper-slide-title{
        padding-left:0;
    }
    .main-swiper .swiper-slide .swiper-slide-img{
        padding-top:15px;
    }
    .main-swiper .swiper-slide .swiper-slide-img span{
        top:3.5vw;
        left:3.75vw;
    }
    .main-swiper .swiper-slide .swiper-slide-img span.swiper-slide-img-top{
        height: 1.916vw;
    }
    .main-swiper .swiper-slide .swiper-slide-img span.swiper-slide-img-long{
        height: 9.416vw;
    }
    .main-swiper .swiper-slide .swiper-slide-title p{
        font-size:20px;
        line-height: 32px;
    }
}
@media screen and (max-width: 580px) {
    .main-swiper .swiper-slide .swiper-slide-title{
        padding-left:0;
    }
}
@media screen and (max-width: 960px) {
    .main-swiper .swiper-slide .swiper-slide-img img,.main-swiper .swiper-slide .swiper-slide-img .img {
        height: 65vw;
    }
}
@media screen and (max-width: 440px) {
    .main-swiper .swiper-slide .swiper-slide-img img,.main-swiper .swiper-slide .swiper-slide-img .img {
        height: 142.5vw;
    }
}

.float-right{
    float: right;
    display: inline-block;
}
.float-left{
    float: left;
    display: inline-block;
}
/*   男装   */
.main-clothes{
    width:100%;
    margin:145px auto 0;
}
.main-clothes-text{
    width:594px;
}
.main-clothes-text-content{
    width:86.7%;
}
.main-clothes-text-content h2{
    width:100%;
    font-size:32px;
    line-height: 75px;
    color:#000;
    font-weight: normal;
    display: block;
}
/*.main-clothes-text-content h2 span{
    height: 1px;
    position: absolute;
    bottom:10px;
    left:0;
    display: block;
}
.main-clothes-text-content h2 .span_one{
    width:100px;
    background: #aaa;
    z-index:1;
}
.main-clothes-text-content h2 .span_two{
    width:30px;
    background: #000;
    z-index:2;
}*/
.main-clothes-text-content h2 i{
    color:#777;
    font-size:20px;
    line-height: 20px;
    display: inline-block;
}
.main-clothes-text-content h2 span{
    position: relative;
}
.main-clothes-text-content h2 span hr{
    height: 1px;
    position: absolute;
    bottom:-1px;
    left:0;
}
.main-clothes-text-content h2 span hr.hr_one{
    width:90%;
    background: #ccc;
}
.main-clothes-text-content h2 span hr.hr_two{
    width:20%;
    background: #000;
}
.main-clothes-text-content p{
    width:100%;
    font-size:16px;
    line-height: 32px;
    color:#777;
    display: block;
}
.now-explore{
    width:165px;
    font-size:16px;
    line-height: 32px;
    color:#010101;
    background: #fff;
    border:1px solid #010101;;
    text-align: center;
    margin-top:15px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
/*.now-explore:hover {background: #010101;color:#fff;}*/

.undeline-text{width:auto;border:none;text-decoration:underline;text-align:left;color:#555;}
.undeline-text:hover{margin-left:10px;color:#000;}

.main-clothes-text-img{
    width:100%;
    /*padding-top:40px;*/
    padding-top:124px;
    display: flex;
    justify-content: space-between;
}
.main-clothes-text-img a{
    width:47.47%;
    min-width: 47.47%;
    height: 100%;
    max-height: 353px;
    overflow:hidden;
    flex-grow: 0;
    display: block;
}
.main-clothes-text-img a:first-child{
    margin-right:5.06% ;
}
.main-clothes-text-img a img{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.main-clothes-img{
    width:980px;
    height: 100%;
    max-height: 600px;
}
.main-clothes-img a{
    overflow:hidden;
}
.main-clothes-img a,.main-clothes-img img{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.main-clothes img{
    transition:.4s linear .1s;
}
.main-clothes img:hover{
    transform: scale(1.05);
}
@media screen and (max-width: 1600px) {
    .main-clothes-img{
        width:59.25vw;
        max-height: 37.5vw;
    }
    .main-clothes-text-img a{
        max-height: 22.0625vw;
    }
    .main-clothes-text{
        width:35.125vw;
    }
    .main-clothes-text-content h2{
        font-size:2vw;
        line-height: 4.6875vw;
    }
    .main-clothes-text-content h2 i{
        font-size:1.2vw;
        line-height: 1.2vw;
    }
    .main-clothes-text-content p,.now-explore{
        font-size:1vw;
        line-height: 2vw;
    }
    .main-clothes-text-content p{
        height: 4vw;
    }
    .now-explore{
        margin-top:1vw;
    }
    .main-clothes-text-img{
        /*padding-top:2.5vw;*/
        padding-top:7.6875vw;
    }
}
@media screen and (max-width: 1200px) {
    .main-clothes{
        margin:12.08vw auto 0;
    }
    .main-clothes-img{
        width:59.25vw;
    }
    .main-clothes-text{
        width:35.125vw;
    }
}
@media screen and (max-width: 750px) {
    .main-clothes-img{
        width:100%;
        max-height: unset;
    }
    .main-clothes-text-img a{
        max-height: unset;
    }
    .main-clothes-text{
        width:100%;
    }
    .main-clothes-text-content{
        width:100%;
        display: flex;
        justify-content: space-between;
    }
    .main-clothes-text.float-right,.main-clothes-img.float-left{
        float: unset;
        flex-grow: 0;
        display: block;
    }
    .main-clothes-text-content h2{
        font-size:32px;
        line-height: 60px;
    }
    .main-clothes-text-content h2 i{
        font-size:20px;
        line-height: 20px;
    }
    .main-clothes-text-content p,.main-clothes-text-content a{
        font-size:16px;
        line-height: 32px;
    }
    .main-clothes-text-content a{
        flex-grow: 0;
        line-height: 60px;
        white-space: nowrap;
        display: block;
    }
    .main-clothes-text-content p{
        height: auto;
    }
    .main-clothes-text-img{
        padding-top:40px;
    }
    .main-clothes-img.float-left,.main-clothes-img.float-right{
        margin-top:30px;
    }
}
.men-clothes{
    width:100%;
    background-image: url("../images/men_bg.png");
    background-position: right center;
    background-repeat: no-repeat;
}
.women-clothes{
    width:100%;
    background-image: url("../images/women_bg.png");
    background-position: left center;
    background-repeat: no-repeat;
}
.men-clothes .main,.women-clothes .main{
    background: #fff;
}
.men-clothes .main-clothes ,.women-clothes .main-clothes{
    margin-top:245px;
}


.clothes-jumping{
    margin-top:145px !important;
    animation: clothes-jumping-event .5s ease;
    animation-timing-function:cubic-bezier(0,0,0.25,1);
}
@keyframes clothes-jumping-event {
    0%{
        margin-top:245px;
    }
    100%{
        margin-top:145px;
    }
}
@media screen and (max-width: 1200px) {
    @keyframes clothes-jumping-event {
        0%{
            margin-top:20.4vw;
        }
        100%{
            margin-top:12.08vw;
        }
    }
    .men-clothes .main-clothes ,.women-clothes .main-clothes{
        margin-top:20.4vw;
    }
    .clothes-jumping{
        margin-top:12.08vw;
    }
}

/*   时装秀   */
.box{
    width:100%;
    padding:55px 0;
    margin-top:220px;
    display: block;
}


.box-jumping{
    margin-top:120px !important;
    animation: box-jumping-event .5s ease;
    animation-timing-function:cubic-bezier(0,0,0.25,1);
}
@keyframes box-jumping-event {
    0%{
        margin-top:220px;
    }
    100%{
        margin-top:120px;
    }
}
@media screen and (max-width: 1200px) {
    .box{
        margin-top:10vw;
    }
    @keyframes box-jumping-event {
        0%{
            margin-top:18.33vw;
        }
        100%{
            margin-top:10vw;
        }
    }
    .box{
        margin-top:18.33vw;
    }
    .box-jumping{
        margin-top:10vw !important;
    }
}
.bg-333{
    background:#333;
}
.fashion-show{
    width:100%;
    display: block;
    position: relative;
}
.fashion-show .fashion-show-title{
    position: absolute;
    color:#fff;
    font-size:60px;
    line-height: 60px;
    display: block;
    transform: rotate(-90deg) !important;
    /*transform-origin: left bottom !important;*/
    left:-168px;
    top:44%;
    font-family: Arial;
    font-weight: 600;
}
.fashion-show .fashion-show-title i{
    width:30px;
    height: 2px;
    margin:0 10px;
    display: inline-block;
    background: #fff;
}
.fashion-show .fashion-show-title span{
    width:100%;
    height:2px;
    background: #fff;
    display: block;
}
.fashion-show-content{
    width:1432px;
    margin-left:168px;
    display: block;
    position: relative;
}
.fashion-show-content .swiper-slide-video,.fashion-show-content .swiper-slide-video video{
    width:100%;
    height: 454px;
    object-fit: cover;
    object-position: center;
    display: block;
}
.swiper-slide-video{
    position: relative;
}
.swiper-video-play{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.fashion-show-content-title{
    width:100%;
    font-size:28px;
    line-height: 32px;
    margin:25px 0 10px;
    color:#fff;
    display: block;
}
.fashion-show-web-title{
    display: none;
}

@media screen and (max-width: 750px) {
    .fashion-show-content-title{
        font-size:5.733vw;
        line-height: 6.2666vw;
        margin-top:0;
        margin-bottom: 10vw;
        font-weight: 600;
    }
    .fashion-show-web-title{
        width:100%;
        font-size:4.5vw;
        line-height: 5vw;
        color:#fff;
        margin:25px 0 10px;
        display: block;
        font-weight: 600;
    }
    .fashion-show-content-url span{
        border-bottom: 1px solid #fff;
        display: inline-block;
    }
}
.fashion-show-content-url{
    font-size:16px;
    line-height: 32px;
    color:#fff;
    position: relative;
}
.fashion-show-content-url:hover{
    color: #fff;
}
.fashion-show-content-url span::before{
    content: "";/*单引号双引号都可以，但必须是英文*/
    width: 0;
    height: 2px; /*下划线高度*/
    background: #fff; /*下划线颜色*/
    position: absolute;
    top: 100%;
    left: 0;
    transition: all .4s ; /*css动画效果，0.8秒完成*/
}
.fashion-show-content-url:hover span::before{
    left:0%;
    width:100%;
}

.fashion-show-content .swiper-button-next, .fashion-show-content .swiper-button-prev{
    bottom:30px;
    top:unset;
    opacity: 1 !important;
    color:#fff !important;
    outline: unset;
}
.fashion-show-content .swiper-button-next:after,.fashion-show-content .swiper-button-prev:after{
    content: unset;
}
.fashion-show-content .swiper-button-next{
    right:0;
}
.fashion-show-content .swiper-button-prev{
    left:unset;
    right:30px;
}
@media screen and (max-width: 1600px) {
    .fashion-show-content{
        width:calc(100% - 166px);
    }
}
@media screen and (max-width: 1200px) {
    .fashion-show-title{
        display: none !important;
    }
    .fashion-show-content{
        width:100%;
        margin:0 auto;
    }
    .swiper-slide-video,.fashion-show-content video{
        height: 35.75vw !important;
    }
}


.web-img-show{
    display: none;
}
@media screen and (max-width: 750px) {
    .main-clothes-img{
        display: none !important;
    }
    .web-img-show{
        width:100%;
        margin-top:40px;
        display: block;
    }
    .web-img-show a,.web-img-show img{
        width:100%;
        display: block;
    }
}


/*   视频弹窗   */
.all-screen{
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background: rgba(0,0,0,1);
    z-index:9999999;
    display: none;
}
.all-screen video{
    width:100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.all-screen video::poster{
    width:100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.all-screen-close{
    position: absolute;
    top:10px;
    right:10px;
    background: #fff;
    border-radius: 50px;
    width:30px;
    height: 30px;
    text-align: center;
    font-size:20px;
    line-height: 30px;
    display: block !important;
    z-index:3333;
}