#header {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	position:fixed;
	top:0;
	left:0;
	z-index:500;
	width:100%;
	height:var(--size-height-head);
	/*border-bottom:1px solid #fff;*/
	-webkit-transition-duration:.4s;
	transition-duration:.4s
}
#banner-box{
    display: block;
}
#wap-banner-box{
    display: none;
}


#banner-box .swiper-pagination-bullet{
    background: #fff!important;
    opacity: 0.8!important;
}

#banner-box .swiper-pagination-bullet-active{
    background: #7d5b38!important;
}
@media screen and (min-width:750px) {
	#header {
	padding-left:var(--size-padding-box)
}
}@media screen and (max-width:750px) {
#banner-swiper .swiper-pagination-bullet{
    background: #fff!important;
    opacity: 0.8!important;
}

#banner-swiper .swiper-pagination-bullet-active{
    background: #7d5b38!important;
}
#banner-box{
    display: none;
}
#wap-banner-box{
    display: block;
}
	#header {
	padding-left:4vw
}
}#header.color {
	background-color:#fff;
	-webkit-box-shadow:1px 1px 8px rgba(0,0,0,.1);
	box-shadow:1px 1px 8px rgba(0,0,0,.1)
}
#header.color .navbar #navbar-more-m .navbar-item .nav-text {
	color:#333
}
#header.color .logo img {
	-webkit-filter:grayscale(0) invert(0) brightness(1);
	filter:grayscale(0) invert(0) brightness(1)
}
#header img {
	display:block
}
#header .logo {
	display:block;
	margin-right:auto
}
@media screen and (min-width:750px) {
	#header .logo {
	width:23.6666rem
}
}@media screen and (max-width:750px) {
    .banner-swiper-box #banner-swiper .swiper-slide::after{
        height: 59px;
    }
	#header .logo {
	width:48%
}
}#header .logo img {
	width:130%;
	/*-webkit-filter:grayscale(1) invert(1) brightness(2);*/
	/*filter:grayscale(1) invert(1) brightness(2);*/
	/*-webkit-transition-duration:.4s;*/
	/*transition-duration:.4s*/
}
#header .navbar {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	height:100%
}
@media screen and (min-width:750px) {
	#header .navbar {
	max-width:88.3333rem
}
}#header .navbar .navbar-open {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:15vw;
	height:100%;
	background-color:#fff
}
#header .navbar .navbar-open img {
	display:block;
	width:40px
}
#header .navbar .navbar-icon {
	width:100%
}
#header .navbar #navbar-more-m {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	white-space:nowrap;
	width:100%
}
@media screen and (min-width:750px) {
	#header .navbar #navbar-more-m {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
}@media screen and (max-width:750px) {
	#header .navbar #navbar-more-m {
	position:fixed;
	top:0;
	right:0;
	z-index:5;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	max-height:100vh;
	padding:calc(18px + 3rem) 0 8vw;
	overflow-y:auto;
	pointer-events:none;
	background-color:#fff;
	-webkit-transition-duration:.6s;
	transition-duration:.6s;
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)
}
#header .navbar #navbar-more-m:target {
	pointer-events:all;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
#header .navbar #navbar-more-m:target+.mask {
	opacity:1;
	pointer-events:all;
	-webkit-backdrop-filter:blur(2px);
	backdrop-filter:blur(2px)
}
#header .navbar #navbar-more-m .navbar-close {
	position:absolute;
	right:8vw;
	top:2rem;
	z-index:5;
	width:18px
}
#header .navbar #navbar-more-m .phone {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	height:10vw;
	margin-top:auto;
	margin-left:8vw;
	padding:0 6vw;
	font-size:1.25rem;
	font-weight:600;
	border-radius:100px;
	border:2px solid #000
}
#header .navbar #navbar-more-m .phone img {
	display:block;
	width:24px;
	margin-right:4px
}
}#header .navbar #navbar-more-m .navbar-item {
	position:relative;
	height:100%
}
@media screen and (min-width:750px) {
	#header .navbar #navbar-more-m .navbar-item:not(:first-child) {
	margin-left:1rem
}
#header .navbar #navbar-more-m .navbar-item:hover .nav-hover-icon {
	opacity:1
}
#header .navbar #navbar-more-m .navbar-item:hover .nav-text {
	color:var(--color-main);
	background-size:100% 4px;
	background-position:0 bottom
}
#header .navbar #navbar-more-m .navbar-item:hover .navbar-more {
	-webkit-box-shadow:1px 1px 8px rgba(0,0,0,.1);
	box-shadow:1px 1px 8px rgba(0,0,0,.1);
	opacity:1;
	pointer-events:all;
	-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0);
	-webkit-transition:opacity .4s,-webkit-box-shadow .4s .2s,-webkit-transform .4s;
	transition:opacity .4s,-webkit-box-shadow .4s .2s,-webkit-transform .4s;
	transition:box-shadow .4s .2s,transform .4s,opacity .4s;
	transition:box-shadow .4s .2s,transform .4s,opacity .4s,-webkit-box-shadow .4s .2s,-webkit-transform .4s
}
#header .navbar #navbar-more-m .navbar-item:hover .navbar-more .more-text {
	-webkit-transform:translateX(0) !important;
	-ms-transform:translateX(0) !important;
	transform:translateX(0) !important
}
}@media screen and (max-width:750px) {
	#header .navbar #navbar-more-m .navbar-item {
	height:14vw;
	margin:0 8vw;
	overflow:hidden;
	border-bottom:1px solid #e6e6e6;
	-webkit-transition-duration:.4s;
	transition-duration:.4s
}
#header .navbar #navbar-more-m .navbar-item:nth-last-of-type(2) {
	margin-bottom:4vw
}
#header .navbar #navbar-more-m .navbar-item .group {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
#header .navbar #navbar-more-m .navbar-item .group .nav-icon {
	display:block;
	width:10px;
	margin-right:6px;
	-webkit-transition-duration:.3s;
	transition-duration:.3s
}
#header .navbar #navbar-more-m .navbar-item.active .nav-icon {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
#header .navbar #navbar-more-m .navbar-item.active .navbar-more {
	opacity:1;
	pointer-events:all;
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0)
}
#header .navbar #navbar-more-m .navbar-item>.nav-text {
	display:block;
	width:100%;
	-webkit-transition-duration:.2s;
	transition-duration:.2s
}
}#header .navbar #navbar-more-m .navbar-item .nav-text {
	position:relative;
	z-index:5;
	display:block
}
@media screen and (min-width:750px) {
	#header .navbar #navbar-more-m .navbar-item .nav-text {
	width:8rem;
	line-height:var(--size-height-head);
	color:#fff;
	font-size:1.5rem;
	text-align:center;
	background-image:-webkit-gradient(linear,left top,left bottom,from(var(--color-main)),to(var(--color-main)));
	background-image:linear-gradient(var(--color-main),var(--color-main));
	background-repeat:no-repeat;
	background-size:0 4px;
	background-position:100% bottom;
	-webkit-transition:background-size .4s,color .4s;
	transition:background-size .4s,color .4s
}
}@media screen and (max-width:750px) {
	#header .navbar #navbar-more-m .navbar-item .nav-text {
	font-size:1.3333rem;
	font-weight:600;
	line-height:14vw;
	padding:0 4vw
}
}#header .navbar #navbar-more-m .navbar-item .nav-text .nav-img {
	display:block;
	width:1.6667rem;
	height:1.5rem;
	margin-right:.1667rem
}
#header .navbar #navbar-more-m .navbar-item .nav-hover-icon {
	position:absolute;
	left:calc(50% - 2.16665rem);
	bottom:2.0833rem;
	width:4.3333rem;
	opacity:0;
	-webkit-transition-duration:.2s;
	transition-duration:.2s
}
#header .navbar #navbar-more-m .navbar-item .navbar-more {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition-duration:.4s;
	transition-duration:.4s
}
@media screen and (min-width:750px) {
	#header .navbar #navbar-more-m .navbar-item .navbar-more {
	position:absolute;
	top:100%;
	left:50%;
	z-index:15;
	width:100%;
	opacity:0;
	padding:1.25rem 0;
	overflow:hidden;
	background-color:#ffffff5c;
	-webkit-box-shadow:1px 1px 8px rgba(0,0,0,0);
	box-shadow:1px 1px 8px rgba(0,0,0,0);
	-webkit-transform:translate(-50%,2rem);
	-ms-transform:translate(-50%,2rem);
	transform:translate(-50%,2rem);
	pointer-events:none
}
}@media screen and (max-width:750px) {
	#header .navbar #navbar-more-m .navbar-item .navbar-more {
	width:100%;
	padding:0 8vw
}
}#header .navbar #navbar-more-m .navbar-item .navbar-more .more-text {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:block;
	width:100%
}
@media screen and (min-width:750px) {
	#header .navbar #navbar-more-m .navbar-item .navbar-more .more-text {
	line-height:2.9166rem;
	padding:0 4px;
	color:#000;
	text-align:center;
	font-size:1.3333rem;
	background-color:#ffffff5c;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transform:translateX(-75%);
	-ms-transform:translateX(-75%);
	transform:translateX(-75%)
}
#header .navbar #navbar-more-m .navbar-item .navbar-more .more-text:nth-child(1) {
	-webkit-transition-delay:.05s;
	transition-delay:.05s
}
#header .navbar #navbar-more-m .navbar-item .navbar-more .more-text:nth-child(2) {
	-webkit-transition-delay:.1s;
	transition-delay:.1s
}
#header .navbar #navbar-more-m .navbar-item .navbar-more .more-text:nth-child(3) {
	-webkit-transition-delay:.15s;
	transition-delay:.15s
}
#header .navbar #navbar-more-m .navbar-item .navbar-more .more-text:nth-child(4) {
	-webkit-transition-delay:.2s;
	transition-delay:.2s
}
#header .navbar #navbar-more-m .navbar-item .navbar-more .more-text:nth-child(5) {
	-webkit-transition-delay:.25s;
	transition-delay:.25s
}
#header .navbar #navbar-more-m .navbar-item .navbar-more .more-text:not(:first-child) {
	margin-top:.5rem
}
#header .navbar #navbar-more-m .navbar-item .navbar-more .more-text:hover {
	-webkit-transition-delay:0s;
	transition-delay:0s;
	background-color:var(--color-main);
	color:#fff
}
}@media screen and (max-width:750px) {
	#header .navbar #navbar-more-m .navbar-item .navbar-more .more-text {
	font-size:1.1666rem;
	line-height:2.4;
	color:#333
}
}#header .navbar .mask {
	position:fixed;
	left:0;
	top:0;
	z-index:-1;
	width:100%;
	height:100%;
	opacity:0;
	background-color:rgba(0,0,0,.6);
	-webkit-backdrop-filter:blur(0);
	backdrop-filter:blur(0);
	pointer-events:none;
	-webkit-transition-duration:.4s;
	transition-duration:.4s
}
#header .navbar .search-box {
	--size-search-w:9rem;
	position:relative;
	width:var(--size-search-w);
	height:100%;
	margin-left:4rem
}
@media screen and (max-width:750px) {
	#header .navbar .search-box {
	--size-search-w:15vw;
	margin-left:0
}
}#header .navbar .search-box.active #search {
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
@media screen and (max-width:750px) {
	#header .navbar .search-box.active #search {
	width:100vw
}
}#header .navbar .search-box .search-btn {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:var(--size-search-w);
	height:100%;
	cursor:pointer;
	background-color:var(--color-main)
}
@media screen and (max-width:750px) {
	#header .navbar .search-box .search-btn img {
	width:30px
}
}#header .navbar .search-box #search {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	position:absolute;
	right:0;
	top:0;
	z-index:5;
	height:100%;
	padding-left:2rem;
	overflow:hidden;
	-webkit-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
	background-color:#fff;
	-webkit-transition:-webkit-transform .4s ease-in-out;
	transition:-webkit-transform .4s ease-in-out;
	transition:transform .4s ease-in-out;
	transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out
}
@media screen and (max-width:750px) {
	#header .navbar .search-box #search {
	padding-left:4vw
}
}#header .navbar .search-box #search input {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	margin-right:1rem;
	font-size:1.3333rem
}
#header .navbar .search-box #search .type-box {
	border:0;
	padding-right:1.5rem;
	margin-right:1rem;
	font-size:1.5rem
}
.banner-swiper-box {
	position:relative;
	width:100%;
	height:100vh
}
@media screen and (max-width:750px) {
	.banner-swiper-box {
	height:82vw
}
}.banner-swiper-box #banner-swiper {
	width:100%;
	height:100%
}
.banner-swiper-box #banner-swiper .swiper-slide {
	position:relative;
	overflow:hidden
}
.banner-swiper-box #banner-swiper .swiper-slide::after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:100%;
	height:96px;
	background-color:rgba(0,0,0,.5)
}
/*.banner-swiper-box #banner-swiper .swiper-slide.swiper-slide-active .img {*/
/*	-webkit-transition-delay:1s;*/
/*	transition-delay:1s;*/
/*	-webkit-transform:scale(1);*/
/*	-ms-transform:scale(1);*/
/*	transform:scale(1)*/
/*}*/
/*.banner-swiper-box #banner-swiper .swiper-slide.swiper-slide-active .info-box .title,.banner-swiper-box #banner-swiper .swiper-slide.swiper-slide-active .info-box .text {*/
/*	-webkit-transition-delay:.7s;*/
/*	transition-delay:.7s;*/
/*	-webkit-transform:translateY(0);*/
/*	-ms-transform:translateY(0);*/
/*	transform:translateY(0);*/
/*	opacity:1*/
/*}*/
/*.banner-swiper-box #banner-swiper .swiper-slide.swiper-slide-active .info-box .text {*/
/*	-webkit-transition-delay:.8s;*/
/*	transition-delay:.8s*/
/*}*/
/*.banner-swiper-box #banner-swiper .swiper-slide .info-box {*/
/*	--transform-attr:translate(-50%,-50%);*/
/*	position:absolute;*/
/*	left:50%;*/
/*	top:50%;*/
/*	-webkit-transform:var(--transform-attr);*/
/*	-ms-transform:var(--transform-attr);*/
/*	transform:var(--transform-attr);*/
/*	z-index:5;*/
/*	line-height:1;*/
/*	color:#fff;*/
/*	text-align:center*/
/*}*/
@media screen and (max-width:750px) {
	.banner-swiper-box #banner-swiper .swiper-slide .info-box {
	width:90%
}
}.banner-swiper-box #banner-swiper .swiper-slide .info-box .title {
	margin-bottom:1.8333rem;
	font-size:5rem;
	font-weight:600;
	-webkit-transition:opacity 1s,-webkit-transform 1s;
	transition:opacity 1s,-webkit-transform 1s;
	transition:transform 1s,opacity 1s;
	transition:transform 1s,opacity 1s,-webkit-transform 1s;
	-webkit-transform:translateY(2rem);
	-ms-transform:translateY(2rem);
	transform:translateY(2rem);
	opacity:0
}
@media screen and (max-width:750px) {
	.banner-swiper-box #banner-swiper .swiper-slide .info-box .title {
	font-size:2.3333rem;
	margin-bottom:4vw
}
}.banner-swiper-box #banner-swiper .swiper-slide .info-box .text {
	font-size:2.3333rem;
	-webkit-transition:opacity 1s,-webkit-transform 1s;
	transition:opacity 1s,-webkit-transform 1s;
	transition:transform 1s,opacity 1s;
	transition:transform 1s,opacity 1s,-webkit-transform 1s;
	-webkit-transform:translateY(2rem);
	-ms-transform:translateY(2rem);
	transform:translateY(2rem);
	opacity:0
}
@media screen and (max-width:750px) {
	.banner-swiper-box #banner-swiper .swiper-slide .info-box .text {
	font-size:1.1666rem;
	line-height:1.4
}
}.banner-swiper-box #banner-swiper .swiper-slide .img {
	display:block;
	-o-object-fit:cover;
	object-fit:cover;
	width:100%;
	height:100%;
	-webkit-transition-duration:5s;
	transition-duration:5s;
	-webkit-transform:scale(1.25);
	-ms-transform:scale(1.25);
	transform:scale(1.25)
}
.banner-swiper-box .mouse {
	position:absolute;
	left:50%;
	bottom:2rem;
	z-index:5;
	text-align:center;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	display: none;
}
@-webkit-keyframes shakeY {
	0%,100% {
	-webkit-transform:translateY(-4px);
	transform:translateY(-4px)
}
50% {
	-webkit-transform:translateY(6px);
	transform:translateY(6px)
}
}@keyframes shakeY {
	0%,100% {
	-webkit-transform:translateY(-4px);
	transform:translateY(-4px)
}
50% {
	-webkit-transform:translateY(6px);
	transform:translateY(6px)
}
}@media screen and (max-width:750px) {
	.banner-swiper-box .mouse {
	    display: none;
	bottom:4vw
}
}.banner-swiper-box .mouse p {
	color:#fff;
	font-size:1.3333rem
}
@media screen and (max-width:750px) {
	.banner-swiper-box .mouse p {
	font-size:.9166rem
}
}.banner-swiper-box .mouse img {
	display:block;
	margin:0 auto 1rem;
	-webkit-animation:shakeY 3s ease-in-out infinite;
	animation:shakeY 3s ease-in-out infinite;
}
@media screen and (max-width:750px) {
	.banner-swiper-box .mouse img {
	width:18px;
	margin-bottom:2vw
}
}