body{
	background: #000;
}
.layout {
	position:relative;background: #fff;
}
.wrap {
	width:83.33333333333334rem;
	margin:0 auto;
}
.copyright {
	padding:3.125rem 0 1.5625rem;
	border-top:0.052083333333333336rem solid #707070;
	text-align: center;
}
.copyright a{
	display: inline-block;font-size: 16px;
	color: #fff;margin-top: 20px;
}
.copyright img {
	max-width:9.21875rem;
	margin:0 auto;
	display:block;
}
.footer{
	height: auto !important;
	margin-top: -1px;
}
.footer .tps {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	padding:4.6875rem 4.270833333333334rem 0 7.291666666666667rem;
	margin-bottom:5.208333333333334rem;
}
.swipers h4{
	font-weight:bold;
	font-size:1.25rem;
	color:#FFFFFF;
	line-height:1.875rem;
	margin-bottom:1.25rem;
	display: none;
}
.footer .lt h3 {
	font-weight:bold;
	font-size:22px;
	color:#FFFFFF;
	line-height:1.875rem;
	margin-bottom:1.25rem;
}
.footer .lt h4 {
	color:#FFFFFF;
}
.footer .lt h4 a {
	font-weight:bold;
	font-size:1.25rem;
	color:#FFFFFF;
	line-height:1.875rem;
}
.footer .rt {
	display:flex;
	justify-content:flex-end;
	align-items:flex-start;
}
.footer .rt h4 {
	font-weight:500;
	font-size:18px;
	color:#FFFFFF;
	line-height:1.4583333333333335rem;
	margin-bottom:1.6666666666666667rem;
}
.footer .rt dl {
	display:flex;
	align-items:center;
}
.footer .rt dd img {
	display:block;
}
.footer .rt dd {
	width:1.9270833333333335rem;
	display:block;
	margin-right:1.4583333333333335rem;
}
.footer .rt dd a {
	display:block;position: relative;
	top: 0;
}
.footer .rt dd a:hover{
	top: -3px;
}
.footer .rt .flax {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.footer .rt h6 a {
	color:#696565;
}
.footer .rt h6 {
	font-weight:500;
	font-size:18px;
	color:#696565;
	line-height:1.4583333333333335rem;
}
.footer .rt ul {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	margin-left:3.3333333333333335rem;
}
.footer .rt li a {
	font-weight:500;
	font-size:18px;
	color:#696565;
	line-height:1.4583333333333335rem;
	display:block;
}
.footer .rt li i {
	height:1.25rem;
	width:0.052083333333333336rem;
	background:#474747;
	display:block;
	margin:0 0.8333333333333334rem;
}
.footer .rt li a:hover,.footer .rt li.on a {
	color:#fff;
}
.footer {
	background:#000000;
}
.footer .ds {
	margin-left:6.458333333333334rem;
}
.footer .ds:nth-child(1) {
	margin-left:0;
}
.hlogo {
	background:#000;
	position: fixed;z-index: 188 !important;
	left: 0;right: 0;top: 0;
	transition:all 1s;
	height: 100vh;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	align-items: self-end;
	align-items: center;
}
.anbt{
	background:#000;
	position: fixed;z-index: 19;
	left: 0;right: 0;bottom: 0;
	transition:all 1s;
	height: 50vh;
} 
.cls-1 {
	fill: #fff;
}
body.active .hlogo{
	height: 5.542rem;
}
body.active2 .hlogo{
	background: #fff;
}
body.active2 .hlogo .cls-1 {
	fill: #000;
}
body.active .anbt{
	height: 0;
}
.layout.on .hlogo{
	/* padding: 2rem 0;height: 5.8rem !important; */
}
body.active2 .hlogo svg{
	height: 1.8rem;
}
.layout.on{
	
}
.layout{
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
	padding-top: 5.542rem;
}
.hlogo svg {
	height: 2.292rem;
	display:block;
	margin:0 auto;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.hpage1 img {
	width:100%;
	height:100%;
	display:block;
	object-fit: cover;
}
.hpage2 {
	padding:2.604166666666667rem 0;
	background: #000 !important;
}
.hpage2 .logo {
	max-width:20rem;
	display:block;
	margin:0 auto;
}
.hpage2 h5{
	font-weight:300;
	font-size:18px;
	color:#FFFFFF;
	line-height:1.8;
	text-shadow:0rem 0.20833333333333334rem 0.4166666666666667rem #000000;
	max-width:40rem;
	margin:0 auto;
	text-align: center;
}
.hpage2 h6 {
	font-weight:300;
	font-size:14px;
	color:#FFFFFF;
	line-height:1.9;
	text-shadow:0rem 0.20833333333333334rem 0.4166666666666667rem #000000;
	max-width:40rem;
	margin:0 auto;
}
.hpage2 .video {
	width:39rem;
	margin:1.9583333333333335rem auto 0;
	display:block;
	/* height:35.15625rem;
	object-fit: cover; */
}
.hpage3 {
	padding:4.854166666666668rem 0;
	background:#fff;
	position:relative;
}
.hpage3 .wrap {
	padding:0 3.90625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	z-index:2;
}
.hpage3::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	height:21.614583333333336rem;
	background:rgba(216,214,202,0.67);
	width:100%;
	/* display: none; */
}
.hpage3 .hs {
	display:flex;
	align-items:flex-end;
	max-width:28.166666666666668rem;
	justify-content:space-between;
}
.hpage3 .hs h3 {
	font-weight:400;
	font-size:2.5rem;
	color:#B7B397;
	line-height:3.6458333333333335rem;
}
.hpage3 .hs h6 {
	font-weight:400;
	font-size:1.25rem;
	color:#B7B397;
	line-height:1.7708333333333335rem;
	position: relative;
}
.hpage3 .hs h6:before{
	content: "";
	position: absolute;
	right: 100%;top: 50%;
	width:3rem;height: 2px;
	background: #B7B397;margin-right: 0.5rem;
}
.hpage3 .hs h3 span {
	margin-left:4.166666666666667rem;
}
.hpage3 .bds {
	/* margin-top:4.166666666666667rem; */
	font-size: 1vw;    height: 48em;
	position: relative;
}

.hpage3 .bds li {
	position: absolute;
}
.hpage3 .bds li img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hpage3 .bds li:nth-child(1) {
	    width: 13.5em;
	    height: 13.7rem;
	    left: 2.2rem;
	    top: 6.9rem;
}
.hpage3 .bds li:nth-child(2) {
	width: 12.8em;
	    height: 18rem;
	    left: 0.5rem;
	    top: 22rem;
}
.hpage3 .bds li:nth-child(3) {
	width: 13.4em;
	    height: 21.5rem;
	    left: 15.7rem;
	    top: 4.2rem;
}
.hpage3 .bds li:nth-child(4) {
	width: 14.5em;
	    height: 18rem;
	    left: 14.6rem;
	    top: 26rem;
}
.hpage3 .bds li:nth-child(5) {
	width: 14.3em;
	    height: 18.6rem;
	    left: 32rem;
	    top: 5.2rem;
}
.hpage3 .bds li:nth-child(6) {
	width: 14.4em;
	    height: 19.5rem;
	    left: 31rem;
	    top: 24.4rem;
}
.hpage3 .bds li:nth-child(7) {
	    width: 12.3em;
	    height: 13.8rem;
	    left: 48.1rem;
	    top: 3.5rem;
}
.hpage3 .bds li:nth-child(8) {
	   width: 18.7em;
	       height: 25.6rem;
	       left: 47rem;
	       top: 18.3rem;z-index: 3;
}
.hpage3 .bds li:nth-child(9) {
	width: 12.4em;
	    height: 18.3rem;
	    left: 62.9rem;
	    top: 7.5rem;
}
.mskshop {
	position:fixed;
	left:0;
	right:0;
	top:15%;
	z-index:200 !important;
	width:73.4375rem;
	background:#000000;
	margin:0 auto;
	padding:2.7083333333333335rem 9.114583333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:none;
}
.mskshop .gb {
	position:absolute;
	right:-0.78125rem;
	top:-3.125rem;
	z-index:1;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	width:2.34375rem;
	height:2.34375rem;
	background:url(../images/gb.png) no-repeat center/cover;
	cursor:pointer;
}
.section{
	opacity: 0;transition:all 0.8s;
}
.section.on{
	opacity: 1 !important;
}
.mskshop .gb:hover {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	/* IE 9*/
	-moz-transform:rotate(360deg);
	/* Firefox*/
	-webkit-transform:rotate(360deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(360deg);
}
.mskshop .box {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.mskshop .box .pic {
	width:18.229166666666668rem;
	overflow:hidden;
	height:32rem ;
}
.mskshop .box .pic img {
	width:100%;height: 100%;
	display:block;
	object-fit:cover;
}
.mskshop .box .txt {
	margin-left:1.5625rem;
}
.mskshop .box h6 {
	font-weight:400;
	font-size:2.34375rem;
	color:#FFFFFF;
	line-height:3.3333333333333335rem;
}
.mskshop .box h6 span {
	font-weight:bold;
	margin-bottom:0.5208333333333334rem;
	display:inline-block;
}
.mskshop .box .btn {
	width:11.770833333333334rem;
	display:block;
	background:#fff;
	text-align:center;
	font-size:16px;
	line-height:2.3958333333333335rem;
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:4.166666666666667rem;
}
.mskgoumai {
	position:fixed;
	left:0;
	right:0;
	top:10%;
	z-index:200 !important;
	width:52.083333333333336rem;
	margin:0 auto;
	padding:2.7083333333333335rem 9.114583333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	display:none;
}
.mskgoumai h1 {
	font-weight:bold;
	font-size:1.9270833333333335rem;
	color:#FFFFFF;
	line-height:2.8125rem;
}
.mskgoumai h2 {
	font-weight:bold;
	font-size:2.916666666666667rem;
	color:#FFFFFF;
	line-height:4.166666666666667rem;
	margin:5.208333333333334rem 0 3.385416666666667rem;
}
.mskgoumai ul {
	display:flex;
	justify-content:center;
	align-items:center;
}
.mskgoumai h6 {
	font-weight:bold;
	font-size:1.6666666666666667rem;
	color:#FFFFFF;
	line-height:2.3958333333333335rem;
	margin-top:6.25rem;
	cursor:pointer;
}
.mskgoumai li {
	margin:0 1.9791666666666667rem;
}
.mskgoumai li .ico {
	width:5.208333333333334rem;
	margin:0 auto;
}
.mskgoumai li .ico img {
	width:100%;
	display:block;
}
.mskgoumai li p {
	font-weight:400;
	font-size:1.4583333333333335rem;
	color:#FFFFFF;
	line-height:2.0833333333333335rem;
	margin-top:0.5208333333333334rem;
}
.mask {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:199 !important;
	bottom:0;
	background:rgba(0,0,0,0.75);
	display:none;
}
.webmob{
	display: none !important;
}
.ovh{
	overflow: hidden;
}
.ovh .anmt{
	-webkit-animation:fadeInUp2 0.5s .2s ease both;
	-moz-animation:fadeInUp2 0.5s .2s ease both;
}

@-webkit-keyframes fadeInUp2{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp2{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

.uline{
	position: fixed;
	left: 0;right: 0;
	top: 50%;width: 400px;
	margin: 0 auto;height: 2px;
	background: #666;
}
.uline i{
	display: block;
	width: 0;height: 100%;
	background: #fff;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.maskicon{
	position: fixed;
	left: 0;right: 0;top: 0;
	bottom: 0;
	z-index: 31;
	background: rgba(0,0,0,0.7);
	height: 100vh;
}
.hlogo svg{
	-webkit-animation:pulse 1s 0s linear infinite;
	-moz-animation:pulse 1s 0s linear infinite
}
body.active .hlogo svg{
	-webkit-animation: none;
		-moz-animation: none;
}
.maskicon.on img{
	
	    animation: scaleFadeOut 1s ease-in-out forwards;
}
.flexcent{
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
@keyframes scaleFadeOut {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(5); opacity: 0; }
}    


.naver{
	position: absolute;
	left: 0;right: 0;
	top: 100%;z-index: 99;
	display: none;
}
.flexh{
	height: calc(100vh - 61px);
	background: rgba(8,8,8,0.75);
	display: flex;
	align-items: center;
	justify-content: center;
}
.naver ul{
	width: 70%;
	margin-top: -100px;
}
.naver li a{
	font-weight: bold;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 2;
	border-bottom: 2px solid #707070;
	text-align:center;
	display: block;
	padding:30px 0;
}
.naver li:last-child a{
	border: none;
}

.news{
	max-width: 1200px;margin: 0 auto;
	padding: 0 20px;
}
.hswipers{
	height: calc(100vh - 5.542rem);
	height: auto;
	overflow: hidden;
}
.hswipers>.swiper-wrapper{
	height: auto;display: block;
}
.hswipers>.swiper-wrapper>.swiper-slide>div{
	height: auto;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.swipers{
	background: #000;
	padding: 5rem 0;
	overflow: hidden;
}
.swiperpic{
	width: 22rem;
	margin: 0 auto;
}
.swiperpic .swiper-slide{
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
	height: auto;
}
.swiperpic .swiper-slide img{
	width: 100%;display: block;
}



#baguetteBox-overlay .full-image img{
	max-width: 80%;max-height: 80%;
}


.footer-slide {
    height: auto;
    overflow: inherit !important;
}
.hpage21 img{
	width: 40rem;
	margin: 40px auto;
	display: block;
}

.utext1 .title{
	max-width: 40rem;
}

.uwbtn{
	display: block;
	    width: 11.770833333333334rem;
	    display: block;
	    background: #000000;
	    text-align: center;
	    font-size: 16px;
	    line-height: 2.3958333333333335rem;
	    color: #fff;
	    text-transform: uppercase;
	    font-weight: bold;
	    margin-top: 4.166666666666667rem;
	    margin: 0 auto 5.20833vw;
}