.swiper{
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.page{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	overflow: hidden;
}

/* 第一屏 banner */
.indexBanner{
	width: 100%;
	height: 100vh;
	position: relative;
}
.indexBanner .bannerPic{
	width: 100%;
	height: 100vh;
	position: absolute;
	opacity:0;
}
.indexBanner .bannerPic:first-child{
	opacity: 1;
	z-index: 1;
}
.bannerPic .banner_wrap{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background:url(../images/banner_wrap.png) no-repeat bottom center;
	background-size: cover;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	/*background: #fff;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.bannerTxt{
	width: 37vw;
	/* font-size: 16px; */
	font-size: 1.1vw;
	font-size: calc(4.5*100vw/var(--size));
	color: #040000;
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	overflow: hidden;
	top: 48vh;
}
.bannerTxt em{
	width: 5px;
	height: 5px;
	border: 1px solid #221a13;
	border-radius: 50%;
	display: inline-block;
}
.bannerTxt .bannerTx{
	padding: 0 1.3vw;
	letter-spacing: 2px;
	flex-shrink: 0;
	letter-spacing: 10px;
}
.bannerTxt .bannerLine{
	width: 25vw;
	/* width: 340px; */
	height: 1px;
	background: #221a13;
}

#scrollDown{
	width: 15%;
	height: 5px;
	position: absolute;
	right: calc(13% - 3px);
	bottom: 10%;
	transform-origin: bottom;
	z-index: 100;
	box-sizing: border-box;
	overflow: hidden;
	/* padding-left: 0% */
}
#scrollTrack{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background:rgba(255,255,255,0.5);
	/* margin-top: 1px; */
}
#scrollHandle{
	height:2px;
	width: 0%;
	background: #fff;
	/* border-radius: 10px; */
	transform-origin: top;
}
#scrollDown.anim {
	/* padding-left: 25% */
  /* animation: scrollDownLoop 4s infinite; */
}
/* @keyframes scrollDownLoop {
  0% {padding-left: 0%}
  100% {padding-left: 25%}
} */
.scroll-indicator{
	cursor: s-resize;
	display: block;
	margin: 55px auto 0;
	max-width: 300px;
	position: relative;
	width: 100%;
	height: 66px;
	text-align: center;
	text-decoration: none!important;
	bottom: 7%;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 4;
}
.scroll-indicator .mouse {
	border: 1px solid #fff;
	border-radius: 15px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 16px;
	height: 25px;
}
.scroll-indicator .mouse:before {
	-webkit-animation: a 1.25s cubic-bezier(.7,0,.3,1) 0s infinite;
	animation: a 1.25s cubic-bezier(.7,0,.3,1) 0s infinite;
	background: #fff;
	content: "";
	display: block;
	margin: 0 auto;
	opacity: 0;
	right: 0;
	bottom: 18px;
	left: 0;
	position: absolute;
	width: 2px;
	height: 4px;
	box-sizing: border-box;
}
.scroll-indicator span.label {
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.225em;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: #fff;
    display: block;
    font-family: Larsseit Bold;
    margin-right: auto;
    margin-left: auto;
    padding-top: 52px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
@-webkit-keyframes a {
	0% {
		bottom: 25px;
		opacity: 0
	}

	25% {
		opacity: 1
	}

	80%,
	to {
		bottom: 8px;
		opacity: 0
	}
}

@keyframes a {
	0% {
		bottom: 25px;
		opacity: 0
	}

	25% {
		opacity: 1
	}

	80%,
	to {
		bottom: 8px;
		opacity: 0
	}
}




.showMoreBtn{
	width: 36vw;
	height: 30vw;
	position: absolute;
	right:0;
	top: 22vh;
	z-index: 1;
	/* background: red; */
}
.lookMoreBtn{
	width: 220px;
	height: 40px;
	line-height: 40px;
	letter-spacing: 6px;
	cursor: pointer;
	font-size: 14px;
	
	position: absolute;
	overflow: hidden;
	/* z-index: 20; */
}
.lookMoreBtn div p{
	position: absolute;
	z-index: 2;
	color: #cfb675;
	text-transform: uppercase;
}
.lookMoreBtn div{
	width: 160px;
	height: 100%;
	padding: 0 30px;
	background: #fff;
	position: relative;
}

.lookMoreBtn div::after{
	width: 100%;
	height: 100%;
	content: '';
	background: #cfb675;
	position: absolute;
	left:0;
	top: 100%;
	transition: .3s;
}

.lookMoreBtn:hover div::after{
	top: 0;
}
.lookMoreBtn:hover div p{
	color: #fff; 
}

.lookMoreBtn span{
	width: 6px;
	height: 10px;
	background: url(../images/jt.png) no-repeat;
	transition: .3s;
	display: inline-block;
	position: absolute;
	right:30px;
	top: 15px;
	z-index: 1;
}
.lookMoreBtn:hover span{
	background: url(../images/jtOn.png) no-repeat;
	transform: translate(-10px, 0px); 
} 


.indexBanner .lookMoreBtn{
	width: 16.72vw;
	height: 2.4vw;
	line-height: 2.4vw;
	background-color: #ffffff;
	letter-spacing: 3.2px;
	cursor: pointer;
	font-size: 16px;
	bottom: 6.25vw;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
}
.indexBanner .lookMoreBtn div{
	width: 100%;
	padding: 0;
}
.indexBanner .lookMoreBtn div p{
	width: 100%;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	color: #040000;
}
.indexBanner .lookMoreBtn:hover div p{
	color: #fff !important; 
}




/* 第2屏 时装发布会 */
.layer{
	width: 100%;
	height: 100%;
	padding:6% 6vw 6% 280px;
	box-sizing: border-box;
	position: relative;
}
.showVideo{
	background: #fff;
}
.bgVideo{
	height: 100%;
}
.bgVideo video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* 第3屏 形象大片 */
.paris{
	background: #faf9f5;
}
.collection{
	height: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.store_tit{
	/* font-size: 40px; */
	color: #fff;
	position: absolute;
	top: 7%;
	left: 5%;
	line-height: 1.5;
	overflow: hidden;
	/* text-transform: uppercase; */
	font-size: 3.3vw;
	font-size: calc(13*100vw/var(--size));
}

/* 文字动画 */
.store_tit span {
	font-family: TrajanPro-Regular;
	-webkit-transform: translateY(120%);
	transform: translateY(120%);
	will-change: transform;
	display: inline-block;
	transition: .3s ease 
}
.store_tit span.lazy-show {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

.collectFl,.collectFr{
	overflow: hidden;
	position: relative;
}
.collectFl{
	width: 50%;
}
.collectFr{
	/* width: 45%; */
	width: 32.34vw;
	height:100%;
}

.collectFl .collectWrap{
	/* width:70%; */
	width: 23vw;
	height: 100%;

}
.collectPic{
	display: inline-block;
	position: absolute;
	top: 10%;
	/* transform: translateX(-50%); */
	left: 20%;
	width: 22vw;
	height: 60vh;
	/* -webkit-transform: scale(0.7);
	transform: scale(0.7); */
	/* width:80%;
	height: 80%; */
	overflow: hidden;
	-webkit-transition: 1s;
	transition: 1s;
}
.collectPic .swiper-slide{
	width: 22vw;
	height: 60vh;
	background: transparent;
	overflow: hidden;
	
}
.collectPic img{
	width: 100%;
	 height: 100%; 
	-webkit-transition: 1s;
	transition: 1s;
	object-fit:contain;
}
.collectPic img:hover,.collectFrPic img:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.collectFrPic{
	width: 100%;
	height: 100%;
	overflow: scroll;
}
.collectFrPic a{
	width: 100%;
	height: 100%;
	overflow: hidden;
	/* margin-bottom: 30px; */
	float: right;
	
}
.collectFrPic a img{
	width: 100%;
	 height: 100%; 
	cursor: pointer;
	-webkit-transition: 1s;
	transition: 1s;
	object-fit:contain;
}

.collect_txt{
	width: 15px;
	font-size: 14px;
	color: #000;
	transform:rotate(90deg);
	display: inline-block;
	letter-spacing: 10px;
	white-space:nowrap;
	/* background-color: #007AFF; */

}
.collectFl .collect_txt{
	position: absolute;
	top:30%;
	left:2%;
}
.collectFr .collect_txt{
	position: absolute;
	top:30%;
	right:2%;
	z-index: 10;
}
/* 第4屏 品牌资讯 */
.newsCenter{
	width: 100%;
	height: 100vh;
	/* padding:6vw 6vw 3vw 18.7vw; */
	box-sizing: border-box;
	position: relative;
}
.newsWrap{
	width: 100%;
	height: 100%;
	position: relative;
	background:url(../images/news.jpg) no-repeat center center;
	background-size: cover;
}
.newsCenter .lookMoreBtn{
	top: 37vh;
	left: 19vw;
}
.newsCenter .store_tit{
	color: #040000;
	left: 10vw;
	top: 25vh;
}
.newsCenter .swiper-button-next{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url(../images/jtFr.png) no-repeat;
	top: 91% !important;
	/* bottom: 10% !important; */
	margin-top: 0 !important;
	outline: none;
	overflow: hidden;
}
.newsCenter .swiper-button-next::after{
	content: '';
	width: 40px;
	height: 40px;
	background: url(../images/jtFrOn.png) no-repeat;
	transform: translateX(-40px);
	transition: .5s;
}
.newsCenter .swiper-button-next:hover::after{
	transform: translateX(0);
}
.newsCenter  .swiper-button-prev{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url(../images/jtFl.png) no-repeat;
	top: 91% !important;
	/* bottom: 10% !important; */
	left: 88%;
	margin-top: 0 !important;
	outline: none;
	overflow: hidden;
}
.newsCenter .swiper-button-prev::after{
	content: '';
	width: 40px;
	height: 40px;
	background: url(../images/jtFlOn.png) no-repeat;
	transform: translateX(40px);
	transition: .5s;
}
.newsCenter .swiper-button-prev:hover::after{
	transform: translateX(0);
}
.newsCenter .swiper-button-next::after,.newsCenter .swiper-button-prev::after{
	content: '';
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
}

/* 第5屏 发现XG */
.company{
	width: 100%;
	height: 100vh;
	padding:6vw 6vw 3vw 280px;
	box-sizing: border-box;
	position: relative;
	background: #faf9f5;
}
.company_wrap{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.compantEnTit {
	position: relative;
	height: 5.8vh;
	overflow: hidden;
	top: 3vw;
	z-index: 10;
}
.company_titEn{
	/* font-size: 40px; */
	font-family: TrajanPro-Regular;
	color: #040000 !important;
	position: absolute;
	top: 6% !important;
	left: 10% !important;
	z-index: 10;	
	font-size: 3.1vw;
	font-size: calc(12.5*100vw/var(--size));
}
.company_titEn span{
	transform: translateY(100%);
	display: inline-block;
	transition: .3s ease;
}
.lazy-show {
	transform: none !important;
	opacity: 1 !important;
}
.company_con{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top:0;
}
.company_fonts{
	width: 25vw;
	/* width: 38%; */
	height: 60%;
	margin: 16vw 0 0 2vw;
}
.company_fonts ul{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.company_fonts li{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 10;
	pointer-events: none;
}
.company_fonts li .company_wrapCon{
	height: 100%;
	transform: translateY(100%);
	display: inline-block;
	opacity: 0;
	transition: .6s ease;
}
.company_fonts .lookMoreBtn{
	/* bottom: 10%; */
	top: 80%;
	left: 0;
	/* background: red; */
	pointer-events: auto;
}

.company_picWrap{
	width: 45vw;
	height: 48vw;
	/* width: 54%;
	height: 100%; */
	background: #f0eee8;
	overflow: hidden;
	position:relative;
	/* padding:20% 10% 20% 20%; */
	box-sizing: border-box;
}
.company_pic{
	width: 37vw;
	height:70vh;
	
/* 	width: 80%;
	height: 80%; */
	overflow: hidden;
	position: absolute;
	top: 10vw;
	left: 5.5vw;
	/* top: 24%;
	left: 13%; */
	overflow: hidden;
}
.company_pic div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.company_pic div img{
	width: 100%;
	/* height: 100%; */
	display: block;
}
.company_fonts li .company_wrapCon span{
	font-weight: 300;
	font-size: 16px;
	color: #898989;
	line-height: 36px;
	display: block;
	text-align: left;
}
.company_fonts li .company_wrapCon span:first-child{
	font-size: 24px;
	color: #040000;
}
.company_fonts li .company_wrapCon span:nth-child(2){
	 margin:30px 0; 
}
.companyChange{
	width:30%;
	height: 40px;
	position: absolute;
	/* top: 39vw; */
	bottom: 5vh;
	/* top:80%; */
	right: 4%;
	overflow: hidden;
}
.companyJt{
	/* width: 50%; */
	/* width:35%; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	right: 0;
	/* right: 32%; */
	z-index: 30;
}
.companyJt .slide{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	margin: 0 15px;
	font-weight: 300;
	color: #040000;
}
	
.slideFl{
	width: 40px;
	height: 40px;
	background: url(../images/jtFl.png) no-repeat;
	cursor: pointer;
	border-radius: 50%;
	overflow: hidden;
	margin-left: 15px;
}

.slideFr{
	width: 40px;
	height: 40px;
	background: url(../images/jtFr.png) no-repeat;
	cursor: pointer;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
}
.slideFl::after{
	content: '';
	width: 40px;
	height: 40px;
	background: url(../images/jtFlOn.png) no-repeat;
	transform: translateX(40px);
	transition: .5s;
	display: block;
}
.slideFl:hover::after{
	transform: translateX(0);
}
.slideFr::after{
	content: '';
	width: 40px;
	height: 40px;
	background: url(../images/jtFrOn.png) no-repeat;
	transform: translateX(-40px);
	transition: .5s;
	display: block;
}
.slideFr:hover::after{
	transform: translateX(0);
}

.ChangeTit {
	position: absolute;
	right:0;
	top: 0;
	z-index: 1;
}
.ChangeTit ul{
	height: 40px;
	display: flex;
	align-items: center;
}
.ChangeTit ul li{
	width: 80px;
	font-size: 18px;
	color: #040000;
	margin-left: 136px; 
}
/* 店铺 */
.storeAdr{
	width: 100%;
	height: 100vh;
	padding: 6vw 0 3vw 280px;
	box-sizing: border-box;
	position: relative;
	background: #fff;
}
.storeAdrBg{
	width: 100%;
	height: 100%;
	background: url(../images/adr.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
.storeAdr .lookMoreBtn {
	top: 22%;
	left:22%;
}
/* 人才招聘 */
.recruitment{
	width: 100%;
	height: 100%;
	background: #faf9f5;
	padding: 6vw 6vw 3vw 280px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}
.rec_left{
	width: 26%;
	padding-left: 50px;
	padding-top: 6%;
}
.rec_txt{
	font-size: 16px;
	color: #333;
	line-height: 36px;
	text-align: left;
	margin-bottom: 42px;
	overflow: hidden;
}
.rec_txt span{
	font-weight: 300;
	will-change: transform;
	width: 100%;
	display: inline-block;
	transition: 1.3s ease .4s;
}
.rec_txt:nth-child(1) span{
	-webkit-transform: translateY(150%);
	transform: translateY(150%);
}
.rec_txt:nth-child(2) span{
	-webkit-transform: translateY(380%);
	transform: translateY(380%);
}
.rec_txt:nth-child(3) span{
	-webkit-transform: translateY(400%);
	transform: translateY(400%);
}
.rec_txt span.lazy-show {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
.rec_right{
	width: 58%;
	position: relative;
}
.rec_right .store_tit{
	color: #040000;
	left: 0;
	top: 15%;
}
.rec_pic{
	width: 100%;
	height: 60%;
	background: url(../images/zp.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	position: absolute;
	top: 30%;
	/* -webkit-transform: translateX(150%);
	transform: translateX(150%);
	transition: 1.5s ease .4s; */
}
/* .rec_pic.lazy-show{
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
} */
.recruitment .lookMoreBtn{
	bottom: 15%;
}



/* 大屏幕适配 */
@media (min-width: 1920px){ 
	.layer,.company{
		padding: 5% 6vw 5% 18.7%;
	}
	.storeAdr{
		padding: 5% 0 3vw 18.7%;
	}
	.rec_txt{
		font-size: 20px;
		line-height: 40px;
		margin-bottom: 50px;
	}
	
}