@charset "utf-8";
/*---------------- global ----------------*/
.lg {
	display: block;
}

img.lg {
	display: block !important;
}

.xs {
	display: none;
}

img.xs {
	display: none !important;
}

.layout-padding {
	padding-left: 5.75%;
	padding-right: 5.75%;
}

.content-padding {
	padding: 0 6.5625vw; /* 126 */
}


/*---------------- header ----------------*/
.header {
	width: 100%;
	height: 86px;
	height: 4.4792vw;
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	top: 86px;
	top: 42px;
	top: 2.1875vw;
	z-index: 2000;
	overflow: visible;
}

.header-bg {
	width: 100%;
	height: 86px;
	height: 4.4792vw;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2000;
	background: #ffffff;
	transform: translate3d(0, -100%, 0);
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	-ms-transform: translate3d(0, -100%, 0);
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
}

.header .logo {
	width: auto;
	height: auto;
	position: relative;
	z-index: 2100;
}

.header .logo a {
	width: 194px;
	width: 10.1042vw;
	height: 26px;
	height: 1.3542vw;
	width: 12.03125vw;/* 231 */
	height: 1.875vw;/* 36 */
	float: left;
	display: block;
	position: relative;
}

.header .logo.g a {
	width: 11.3021vw;/* 217 */
	height: 1.875vw;/* 36 */
}

.header .logo img {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
}

.header .logo img.gray {
	opacity: 0;
}

.nav {
	width: auto;
	height: 100%;
	margin-left: auto;
	overflow: visible;
}

.nav li {
	height: 100%;
	float: left;
	margin-right: 60px;
	margin-right: 3.125vw;
	overflow: visible;
	line-height: 86px;
	line-height: 4.4792vw;
}

.nav li a {
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
	color: #ffffff;
	font-size: 17px;
	font-size: 0.8854vw;
	font-size: clamp(12px, 0.8854vw, 17px);
	line-height: 150%;
	transition: all .35s;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	-ms-transition: all .35s;
}

.nav li a:hover {
	opacity: 1;
}

.nav li a.link-line::after {
	background: #ffffff;
}

.subnav {
	width: 100%;
	height: auto;
	padding-top: 36px;
	padding-top: 1.875vw;
	position: absolute;
	left: 0;
	top: 86px;
	top: 50px;
	top: 2.6042vw;
	display: none;
}

.subnav-list {
	width: 100%;
	height: 86px;
	height: 4.4792vw;
	background: #ffffff;
	display: none;
}

.subnav-list-center {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.subnav-list a {
	margin: 0 30px;
	margin: 0 1.5625vw;
	color: #191919 !important;
}

.subnav-list a::after {
	background: #191919 !important;
}

.search {
	width: auto;
	height: auto;
	z-index: 2100;
	overflow: visible;
}

.search a {
	width: 19px;
	height: 19px;
	width: 0.9896vw;
	height: 0.9896vw;
	display: block;
	background: url(../images/icon_top_search_white.png) no-repeat 0 0;
	background-size: 100%;
}

/* fixed */
.header.fixed {
	height: 86px;
	height: 4.4792vw;
	position: fixed;
	top: 0;
}

.header-bg.fixed {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.header.fixed .logo img.white {
	opacity: 0;
}

.header.fixed .logo img.gray {
	opacity: 1;
}

.header.fixed .nav li a {
	color: #191919;
	text-shadow: none;
}

.header.fixed .nav li a.link-line::after {
	background: #191919;
}

.header.fixed .search a {
	background-image: url(../images/icon_top_search_gray.png);
}

/*---------------- footer ----------------*/
.footer-block {
	position: relative;
	z-index: 1;
	pointer-events: none;
}

/*
.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 0;
	background: #e8e8e8;
	color: #7e7e7e;
}
*/

.footer {
	background: #e8e8e8;
	color: #7e7e7e;
}

.ft-top {
	width: 100%;
	margin: 2.3438vw 0 0 0; /* 45 */
}

.ft-logo {
	width: 100%;
	height: 3.28125vw; /* 63 */
}

.ft-logo img {
	height: 1.25vw; /* 24 */
	height: 100%;
	display: block;
}

.ft-logo img.g {
	height: 2.2917vw; /* 44 */
}

.ft-logo img.plus {
	height: 1.5625vw; /* 30 */
}

.ft-logo img.customization {
	height: 1.4583vw; /* 28 */
}

.ft-logo img.maguo {
	height: 3.2813vw; /* 63 */
}

.ft-top-info {
	margin: 2.3438vw 0 0 0; /* 45 */
}

.ft-nav {
	width: auto;
	height: auto;
	float: left;
}

.ft-nav dl {
	width: 161px;
	height: 150px;
	width: 8.3854vw;
	height: 7.8125vw;
	float: left;
	padding: 3px 15px;
	padding: 0.1563vw 0.7813vw;
	border-left: 1px solid #a0a0a0;
}

.ft-nav dl dt, .ft-nav dl dd {
	width: 100%;
	height: auto;
	float: left;
}

.ft-nav dl dt {
	margin-bottom: 0.3125vw; /* 6 */
}

.ft-nav dl dt, .ft-nav dl dt a {
	color: #0d0d0d;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	font-size: 0.7292vw;
	line-height: 1.5625vw;
}

.ft-nav dl dd, .ft-nav dl dd a {
	color: #0d0d0d;
	font-size: 12px;
	line-height: 25px;
	font-size: 0.625vw;
	line-height: 1.3021vw;
}

.ft-contact {
	float: right;
	margin-right: 3.125vw; /* 60 */
}

.ft-contact h3 {
	font-size: 0.7292vw; /* 14 */
	line-height: 100%;
	overflow: visible;
}

.ft-contact h2 {
	margin: 0.4688vw 0 0.7813vw 0; /* 9 15 */
	font-size: 1.0417vw; /* 20 */
	font-size: 0.9375vw; /* 18 */
	line-height: 100%;
	overflow: visible;
}

.ft-middle {
	margin-top: 4.375vw; /* 84 */
	padding-bottom: 0.7813vw; /* 15 */
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #7e7e7e;
}

.ft-logo-big img {
	width: auto;
	height: 2.5vw; /* 48 */
	display: block;
	float: left;
}

.ft-logo-big img.g {
	height: 2.65625vw; /* 51 */
}

.ft-logo-big img.plus {
	height: 4.0625vw; /* 78 */
}

.ft-logo-big img.maguo {
	height: 2.5vw; /* 48 */
}

.ft-sns ul li {
	float: left;
	margin-right: 2.1875vw; /* 42 */
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 0.625vw; /* 12 */
}

.ft-sns ul li span {
	font-weight: bold;
}

.ft-sns ul li a {
	display: flex;
	align-items: center;
}

.ft-sns ul li a img {
	width: 2.1875vw; /* 42 */
	height: 2.1875vw;
	margin-bottom: 0.4688vw; /* 9 */
	display: block;
	border: 1px solid #7e7e7e;
	border-radius: 50%;
}

.ft-sns ul li .qrcode {
	width: 6.25vw; /* 120 */
	height: auto;
	display: block;
	margin-left: -3.125vw; /* 60 */
	padding: 0.3125vw; /* 6 */
	background: #ffffff;
	border-radius: 0.2604vw; /* 5 */
	position: absolute;
	left: 50%;
	top: -7.1875vw; /* 138 */
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	display: none;
}

.ft-sns ul li:hover .qrcode {
	display: block;
}

.copyright {
	margin: 0.625vw 0 1.875vw 0; /* 12 36  */
	color: #7e7e7e;
	font-size: 0.625vw; /* 12 */
	line-height: 100%;
	overflow: visible;
}

.copyright a {
	color: #7e7e7e;
}


/*---------------- bar ----------------*/
.bar {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 1900;
	transform: translate3d(5.2083vw, -50%, 0);
	-webkit-transform: translate3d(5.2083vw, -50%, 0);
	-ms-transform: translate3d(5.2083vw, -50%, 0);
	-moz-transform: translate3d(5.2083vw, -50%, 0);
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	overflow: visible;
}

.bar.show {
	transform: translate3d(0, -50%, 0);
	-webkit-transform: translate3d(0, -50%, 0);
	-ms-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
}

.bar .ctrl {
	width: 35px;
	height: 45px;
	margin-top: -22.5px;
	width: 1.8229vw;
	height: 2.3438vw;
	margin-top: -1.1719vw;
	position: absolute;
	left: -41px;
	left: -2.1354vw;
	left: -1.8229vw;
	top: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.7);
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	cursor: pointer;
} 

.bar .ctrl img {
	width: 14px;
	width: 0.7292vw;
	display: block;
}

.bar.show .ctrl img {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}

.bar ul {
	width: 100px;
	width: 5.2083vw;
	height: auto;
	padding: 25px 0 0 0;
	padding-top: 1.3021vw;
	background: rgba(0, 0, 0, 0.7);
}

.bar ul li {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 25px;
	margin-bottom: 1.3021vw;
	text-align: center;
	color: #ffffff;
}

.bar ul li img {
	width: 25px;
	width: 1.3021vw;
	display: block;
	margin: 0 auto 5px auto;
	margin-bottom: 0.2604vw;
}

.bar ul li a {
	color: #0d0d0d;
	color: #ffffff;
	font-size: 15px;
	font-size: 0.7813vw;
	line-height: 120%;
}

/*---------------- home ----------------*/
.home-banner, .home-banner * {
	max-height: 100vh;
}

.home-banner-info {
	width: 100%;
	height: 100%;
	padding-bottom: 3.125vw; /* 60 */
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: url(../images/home_banner_mask.png) no-repeat 0 0 / 100% 100%;
	color: #ffffff;
	pointer-events: none;
}

.home-banner-info h2 {
	width: 100%;
	height: auto;
	font-size: 3.125vw; /* 60 */
	line-height: 100%;
	
	font-size: 2.5vw; /* 48 */
	line-height: 2.8125vw; /* 54 */
}

.home-banner-info h3 {
	width: 100%;
	height: auto;
	font-size: 3.125vw; /* 60 */
	line-height: 100%;

	font-size: 2.5vw; /* 48 */
	line-height: 2.8125vw; /* 54 */
}

.home-banner-info h3 span {
	font-weight: bold;
	font-weight: normal;
}

.home-banner-info p {
	width: 100%;
	height: auto;
	margin-top: 1.875vw; /* 36 */
	margin-top: 0; /* 36 */
	font-size: 1.1458vw; /* 22px */
	line-height: 120%;
	letter-spacing: 0.7813vw; /* 15 */
}

.home-title {
	overflow: visible;
	text-align: center;
}

.home-title a.btn-more {
	margin-top: 2.8646vw; /* 55 */
}

.home-intro .mask-pic {
	width: 100%;
	height: 55.1vw;
	display: block;
	margin-top: 230px;
	margin-top: 11.98vw;
	position: relative;
}

.home-intro .mask-pic .mask-white {
	height: 16.6667vw;
}

.home-intro .info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	color: #0d0d0d;
}

.home-intro .info h2 {
	margin: 5.3125vw 0 1.5625vw 0;/* 102 30 */
}

.home-brand .home-title {
	margin: 5.3125vw 0; /* 102 */
}

.home-brand-list {
	width: 62.5vw; /* 1200 */
	height: auto;
	margin: 0 auto 5.3125vw auto; /* 102 */
	display: flex;
	flex-wrap: wrap;
	column-gap: 0.9375vw; /* 18 */
	row-gap: 0.9375vw;
}

.home-brand-item {
	width: 30.7813vw; /* 591 */
	height: 17.3438vw; /* 333 */
	height: auto;
	float: left;
	position: relative;
}

.home-brand-item .thumb::after {
	content: " ";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	pointer-events: none;
}

.home-brand-item .logo {
	width: 15.625vw; /* 300 */
	height: auto;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
}

.home-designer {
	width: 100%;
	height: auto;
	position: relative;
}

.home-designer .home-title {
	position: absolute;
	left: 227px;
	left: 11.8229vw;
	top: 367px;
	top: 19.1146vw;
}

.home-designer-pic {
	width: 100%;
	height: auto;
	position: relative;
	background: no-repeat 0 0;
	background-size: 100%;
}

.home-designer-pic img {
	width: 100%;
	display: block;
}

.home-designer-pic .master, .home-designer-pic .mask {
	position: absolute;
	left: 0;
	top: 0;
}

.btn-more-arrow {
	padding-right: 2.1875vw; /* 42 */
	background: url(../images/more_arrow_black.png) no-repeat right center / 1.25vw auto;
	color: #373737;
	font-size: 1.3021vw; /* 25 */
	line-height: 1.5625vw; /* 30 */
}

.btn-more-arrow.white {
	background-image: url(../images/more_arrow_white.png);
	color: #ffffff;
}

.home-full-model {
	margin-top: 2.3438vw; /* 45 */
	margin-top: 0;
}

.home-full-model img {
	width: 100%;
	height: auto;
	display: block;
}

.home-full-model .title, .home-full-model .btn {
	position: absolute;
	left: 0;
	top: 0;
}

.home-count-model {
	margin-top: 2.3438vw; /* 45 */
	margin-top: 0;
	color: #373737;
}

.home-count-model .bg {
	width: 100%;
	height: auto;
	display: block;
}

.home-count-model .info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 12.1875vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.home-count-model .info .title {
	width: auto;
	height: 2.5vw;
	display: block;
}

.home-count-model .info p {
	margin: 1.25vw 0 2.5vw 0; /* 24 48 */
	font-size: 1.875vw; /* 36 */
	line-height: 100%;
	overflow: visible;
}

.home-count-model .info ul li {
	float: left;
	margin: 0 3.125vw 2.5vw 3.125vw; /* 60 48 60 */
	text-align: center;
}

.home-count-model .info ul li h3 {
	font-size: 3.2813vw; /* 63 */
	line-height: 100%;
}


.home-count-model .info ul li h3 i {
	font-style: normal;
}

.home-count-model .info ul li h4 {
	margin-top: 0.3125vw; /* 6 */
	font-size: 1.3542vw; /* 26 */
	line-height: 100%;
}

.home-customization {
	position: relative;
}

.home-customization .home-title {
	width: 88.6458vw;
	height: auto;
	margin-left: -44.3229vw;
	padding: 150px 0 110px 0;
	padding: 7.8125vw 0 5.7292vw 0;
	position: absolute;
	left: 50%;
	top: 0;
	background: #ffffff;
}

.home-customization .btn-more {
	margin-left: auto;
	margin-right: auto;
}

.home-customization .mask-pic {
	height: 71vw;
	margin-top: 250px;
	margin-top: 13.0208vw;
}

.home-customization .mask-white {
	height: 70%;
	top: 13.0208vw;
}


/*---------------- g ----------------*/
.g-banner.swiper.pic-zoom .swiper-slide img {
	transform: scale3d(1.2, 1.2, 1.2);
	-webkit-transform: scale3d(1.2, 1.2, 1.2);
	-ms-transform: scale3d(1.2, 1.2, 1.2);
	-moz-transform: scale3d(1.2, 1.2, 1.2);
	transition: all 16s linear;
	-webkit-transition: all 16s linear;
	-ms-transition: all 16s linear;
	-moz-transition: all 16s linear;
}

.g-banner-info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 125px;
	bottom: 3.125vw; /* 60 */
	color: #ffffff;
	text-align: center;
}

.g-banner-info * {
	font-family: 'Noto Serif SC';
	font-family: "hm-light";
}

.g-banner-info h2 {
	font-size: 2.5vw; /* 48 */
	line-height: 2.8125vw; /* 54 */
}

.g-banner-info p {
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
	letter-spacing: 0.7813vw; /* 15 */
}

.g-part-title {
	color: #202633;
	font-size: 0.7813vw; /* 15 */
}

.g-part-title span {
	padding-right: 24px; /* 24 */
	position: relative;
	font-weight: bold;
}

.g-part-title span::before {
	content: " ";
	width: 14px;
	height: 11px;
	display: block;
	margin-top: -5.5px;
	position: absolute;
	right: 0;
	top: 50%;
	border-top: 1px solid #343434;
	border-bottom: 1px solid #343434;
	box-sizing: border-box;
}

.g-part-title span::after {
	content: " ";
	width: 14px;
	height: 1px;
	display: block;
	margin-top: -0.5px;
	position: absolute;
	right: 0;
	top: 50%;
	background: #343434;
}

.g-info h2, .g-info h2 span {
	font-size: 1.1458vw; /* 22 */
	font-family: "Noto Serif SC";
	font-family: "hm-light";
	font-weight: bold;
	line-height: 1.6667vw; /* 32 */
}

.g-info h3, .g-info h3 span {
	font-size: 0.8854vw; /* 17 */
	font-weight: bold;
	line-height: 1.5625vw; /* 30 */
}

.g-info p, .g-info p span {
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}


.g-brand-intro .g-part-title {
	margin: 80px 0 44px 0;
	margin: 4.1667vw 0 2.2917vw 0;
}

.g-brand-intro-info {
	margin-bottom: 4.4792vw; /* 86 */
}

.g-brand-intro-info .left {
	float: left;
}

.g-brand-intro-info .left * {
	font-size: 1.1458vw; /* 22 */
	font-family: 'Noto Serif SC';
	font-family: "hm-light";
	font-weight: bold;
	line-height: 1.6667vw; /* 32 */
}

.g-brand-intro-info .right {
	float: right;
	font-size: 17px;
	line-height: 30px;
}

.g-brand-value {
	height: 53vw;
}

.g-brand-value .g-part-title {
	margin-top: 5.3125vw; /* 102 */
	position: relative;
	z-index: 2;
}

.g-brand-value .pic {
	width: 100%;
	height: 58.8542vw; /* 1130 */
	height: 50vw;
	position: absolute;
	left: 0;
	top: 24px;
	z-index: 1;
}

.g-brand-value .title {
	width: 100%;
	height: auto;
	margin: 4.375vw 0 0 0; /* 84 */
	position: relative;
	z-index: 2;
}

.g-brand-value .title h3 {
	margin: 0.9375vw 0 1.5625vw 0; /* 18 30 */
}

.g-brand-value .info {
	width: 82.2917vw; /* 1580 */
	height: auto; /* 285 */
	margin: 46.2vw auto 0 auto; /* 887 */
	padding: 3.9063vw 3.2292vw; /* 75 62 */
	position: relative;
	z-index: 1;
	background: #ffffff;
}

.g-brand-value .info .left {
	float: left;
}

.g-brand-value .info .left h2 {
	width: 100%;
	float: left;
	margin-bottom: 2.0833vw; /* 40 */
}

.g-brand-value .info .left p {
	width: 100%;
	float: left;
}

.g-brand-value .info .left h2 *, .g-brand-value .info .left p * {
	font-weight: bold;
}

.g-brand-value .info .right {
	float: right;
	padding-right: 10.9375vw; /* 210 */
}

.g-brand-value .line {
	margin-top: 3.125vw; /* 60 */
}

.g-brand-concept {
	height: 54.9479vw; /* 957 + 98 = 1055 */
}

.g-brand-concept .g-part-title {
	margin-top: 3.8542vw; /* 74 */
	position: relative;
	z-index: 2;
}

.g-brand-concept .pic {
	width: 100%;
	height: 49.8438vw; /* 957 */
	position: absolute;
	left: 0;
	top: 5.1042vw; /* 98 */
	z-index: 1;
}

.g-brand-concept .info {
	width: 100%;
	height: auto;
	margin: 4.375vw 0 0 0; /* 84 */
	position: relative;
	z-index: 1;
}

.g-brand-concept .info h2 {
	display: flex;
	justify-content: center;
	font-weight: bold;
}

.g-brand-concept .info p {
	display: flex;
	justify-content: center;
}

.g-brand-concept .info p.gap {
	margin-top: 2.0833vw; /* 40 */
	margin-top: 1.5625vw; /* 30 */
}


.g-system {
	background: #e8e8e8;
}

.g-system .g-part-title {
	margin-top: 5.2083vw; /* 100 */
}

.g-system .system-title {
	margin: 2.5vw 0; /* 48 */
}

.g-system-list {
	width: 157.5vw;
	position: relative;
	margin-bottom: 4.8438vw; /* 93 */
}

.g-system-item {
	width: 400px;
	width: 20.8333vw; /* 400 */
	height: auto;
	float: left;
	margin: 0 0.8333vw; /* 16 */
}

.g-system-item .thumb {
	width: 100%;
	height: auto;
	height: 29.375vw; /* 564 */
	position: relative;
}

.g-system-item .thumb img {
	width: 100%;
	height: auto;
	display: block;
}

.g-system-item .thumb img {
	transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
}

.g-system-item:hover .thumb img {
	transform: scale(1.15,1.15);
	-webkit-transform: scale(1.15,1.15);
	-moz-transform: scale(1.15,1.15);
	-ms-transform: scale(1.15,1.15);
}

.g-system-item .thumb p {
	width: 100%;
	height: 5.9375vw; /* 114 */
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate3d(0, 100%, 0);
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
	transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
}

.g-system-item .thumb:hover p {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.g-system-item .info {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 1.1458vw; /* 22px */
	text-align: center;
}


.g-system-item .info a {
	color: #000000;
	font-size: 22px;
	line-height: 32px;
	font-family: "Noto Serif SC";
	font-family: "hm-light";
}

.g-system-item .info a.btn-more {
	display: none;
}

.g-products .g-part-title {
	margin-top: 5.2083vw; /* 100 */
}

.g-products .g-info {
	margin: 4.0625vw 0 5.2083vw 0;/* 78 100 */
}

.g-products .g-info .left {
	float: left;
}

.g-products .g-info .right {
	float: right;
	margin-right: 9.2708vw; /* 178 */
}


.g-products-list {
	width: 75.7813vw; /* 705 + 705 + 45 = 1455 */
	height: auto;
	margin: 0 auto;
	padding-bottom: 3.125vw; /* 60 */
	border-bottom: 1px solid #000000;
}

.g-products-item {
	width: 36.71875vw; /* 705 */
	height: auto;
	float: left;
	position: relative;
}

.g-products-item:nth-child(1) {
	margin-right: 2.34375vw; /* 45 */
}

.g-products-item:nth-child(2) {
	margin-bottom: 1.92vw;
}

.g-products-item .thumb {
	width: 100%;
}

.g-products-item .info {
	width: 100%;
	height: 5.9375vw; /* 114 */
	padding: 0 2.5vw 0 3.125vw; /* 48 60 */
	position: absolute;
	left: 0;
	bottom: 0;;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	transform: translate3d(0, 100%, 0);
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transition: all .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
}

.g-products-item:hover .info {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.g-products-item .info img {
	width: auto !important;
	max-height: 3.4375vw; /* 66 */
}

.g-products-item .title {
	width: 100%;
	height: 3.3333vw; /* 64 */
	float: left;
	font-size: 22px;
	font-family: "Noto Serif SC";
	font-family: "hm-light";
	line-height: 32px;
	line-height: 3.3333vw;
	text-align: center;
}

.g-technique {
	
}

.g-technique .g-part-title {
	margin-top: 5.2083vw; /* 100 */
}

.g-technique .g-info {
	margin: 2.2917vw 0 5.2083vw 0;/* 44 100 */
}

.g-technique .g-info .left {
	float: left;
}

.g-technique .g-info .right {
	float: right;
	margin-right: 3.4375vw; /* 66 */
}

.g-technique-list {
	width: 100%;;
	margin-bottom: 4.1667vw; /* 80 */
	display: flex;
	justify-content: center;
	column-gap: 0.2796%;
}

.g-technique-item {
	width: 17.5vw; /* 336 */
	width: 19.7763%;
	height: auto;
	position: relative;
}

.g-technique-item h2 {
	width: 8.8021vw; /* 169 */
	height: 8.8021vw; /* 169 */
	margin-left: -4.401vw; /* 84.5 */
	position: absolute;
	left: 50%;
	top: 6.4583vw; /* 124 */
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(187, 152, 128, 0.25);
	border-radius: 50%;
	color: #ffffff;
	font-size: 1.3542vw; /* 26 */
	font-weight: bold;
	line-height: 1.5625vw; /* 30 */
}

.g-technique-item p {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 19.6875vw; /* 378*/
	color: #ffffff;
	font-size: 0.625vw;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}

.g-technique-banner {
	position: relative;
}

.g-technique-banner, .g-technique-banner .swiper-slide img {
	width: 100%;
}

.g-technique-banner .swiper-slide {
	max-height: 88vh;
}

.g-technique-banner .swiper-button-next, .g-technique-banner .swiper-button-prev {
	width: 3.125vw; /* 60 */
	height: 3.125vw; /* 60 */
	margin-top: -1.5625vw;
	position: absolute;
	top: 50%;
	background: #e7e7e7;
	border-radius: 50%;
	opacity: 0.6;
	color: #bb9880;
}

.g-technique-banner .swiper-button-prev.lg {
	left: 3%;
	display: flex;
}

.g-technique-banner .swiper-button-next.lg {
	right: 3%;
	display: flex;
}

.g-technique-banner .swiper-button-next::after, .g-technique-banner .swiper-button-prev::after {
	font-size: 1.4063vw; /* 27 */
}


.g-technique-thumb {
	width: 1066px;
	width: 55.4688vw; /* 1065 */
	margin: 2.6042vw auto 3.125vw auto; /* 50 60 */
}

.g-technique-thumb .swiper-slide::after {
	content: " ";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
}

.g-technique-thumb .swiper-slide-thumb-active::after {
	background: rgba(0, 0, 0, 0);
}

.g-technique-thumb .swiper-slide img {
	width: 100%;
	display: block;
}

.g-technique-thumb .swiper-button-prev::after, .g-technique-thumb .swiper-button-next::after {
	display: none;
}

.g-technique-thumb .swiper-button-prev, .g-technique-thumb .swiper-button-next {
	width: 25px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	background: no-repeat center center rgba(0, 0, 0, 0.5);
	background-size: 6px;
}

.g-technique-thumb .swiper-button-prev {
	left: 0;
	background-image: url(../images/scroll_arrow_l.png);
}

.g-technique-thumb .swiper-button-next {
	right: 0;
	background-image: url(../images/scroll_arrow_r.png);
}


/*---------------- customization ----------------*/
.customization-banner-info {
	width: 100%;
	height: 100%;
	padding-bottom: 2.8125vw; /* 54 */
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	background: url(../images/customization_banner_mask.png) no-repeat 0 0 / 100% 100%;
	color: #ffffff;
}

.customization-banner-info h2 {
	font-size: 2.5vw; /* 48 */
	line-height: 2.8125vw; /* 54 */
}

.customization-banner-info h2 span {
	font-family: "hm-light";
	font-weight: bold;
}

.customization-banner-info h3 {
	margin: 0 0 0 0; /* 15 */
	font-size: 2.5vw; /* 48 */
	line-height: 2.8125vw; /* 54 */
}

.customization-banner-info p {
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
	letter-spacing: 0.7813vw; /* 15 */
}

.customization-part-title {
	margin-bottom: 1.5625vw; /* 30 */
	color: #bb9880;
	font-size: 0.8854vw; /* 17 */
	font-weight: bold;
	line-height: 1.5625vw; /* 30 */
}

.customization-part-title span {
	font-weight: bold;
}

.customization-brand .info {
	margin: 4.0625vw 0 4.6875vw 0; /* 78 90 */
}

.customization-brand .clip-box {
	height: 50vw; /* 960 */
	height: 45vw; /* 864 */
	max-height: 100vh;
}

.customization-system .customization-part-title {
	margin-top: 5vw ; /* 96 */
}

.customization-system .title {
	margin-bottom: 4.6875vw; /* 90 */
	display: flex;
	justify-content: space-between;
}

.customization-system .info {
	flex: 1;
}

.customization-system .system-title {
	float: right;
}


.customization-system-list {
	width: 200vw;
	position: relative;
	margin-bottom: 5.3125vw; /* 102 */
}

.customization-system-item {
	width: 400px;
	width: 20.8333vw; /* 400 */
	height: auto;
	float: left;
	margin: 0 0.8333vw; /* 16 */
}

.customization-system-item .thumb {
	width: 100%;
	height: auto;
	height: 30.7813vw; /* 591 */
	position: relative;
}

.customization-system-item .thumb img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.customization-system-item .thumb img, .customization-system-item .thumb p {
	transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
}

.customization-system-item .thumb:hover img {
	transform: scale(1.15,1.15);
	-webkit-transform: scale(1.15,1.15);
	-moz-transform: scale(1.15,1.15);
	-ms-transform: scale(1.15,1.15);
}

.customization-system-item .thumb p {
	width: 100%;
	height: 5.9375vw; /* 114 */
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate3d(0, 100%, 0);
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
}

.customization-system-item .thumb:hover p {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}


.customization-system-item .info {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 0.9375vw; /* 18 */
	text-align: center;
}


.customization-system-item .info a {
	color: #000000;
	font-size: 22px;
	line-height: 32px;
}

.customization-system-item .info a.btn-more {
	display: none;
}

.customization-case {
	padding: 4.375vw 8.4375vw 3.125vw 8.4375vw; /* 84 162 60 162 */
}

.customization-case .swiper-slide {
	max-height: 86vh;
}

.customization-case .swiper-button-next, .customization-case .swiper-button-prev {
	width: 2.3438vw;
	height: 2.3438vw;
	border: 1px solid #d7d7d7;
	border: 1px solid #0d0d0d;
	border-radius: 50%;
	color: #e7e7e7;
	color: #0d0d0d;
}

.customization-case .swiper-button-prev {
	left: 4.0625vw; /* 78 */
}

.customization-case .swiper-button-next {
	right: 4.0625vw; /* 78 */
}

.customization-case .swiper-button-next::after, .customization-case .swiper-button-prev::after {
	font-size: 18px;
}

/* maguo */
.customization-products .info {
	padding: 3.75vw 0 4.0625vw 0; /* 72 78 */
	border-top: 1px solid #000000;
}

.customization-products ul  {
	padding-bottom: 3.4375vw; /* 66 */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom: 1px solid #000000;
}

.customization-products ul li {
	width: 43.125vw; /* 828 */
	height: auto;
	margin-bottom: 2.1875vw; /* 42 */
}

.customization-products ul li .clip-box {
	width: 100%; /* 824 */
	height: 20.625vw; /* 396 */
	float: left;
	margin-bottom: 0.7813vw; /* 15 */
}

.customization-products ul li img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.customization-products ul li h2 {
	width: 100%;
	height: auto;
	float: left;
	font-size: 22px;
	line-height: 32px;
	text-align: center;
}
.customization-products ul li a {
	color: #161616;
}

.customization-future .info {
	margin: 3.4375vw 0 3.75vw 0; /* 66 72 */
}

.customization-coop-model .title {
	margin-top: 4.2188vw; /* 81 */
}

.customization-coop-model .pic .left, .customization-coop-model .pic .right {
	width: 13.6979vw; /* 263 */
	height: 13.6979vw;
	display: block;
	margin-top: -6.849vw; /* 131 */
	position: absolute;
	top: 50%;
} 

.customization-coop-model .pic .left {
	left: 17.1875vw; /* 330 */
}

.customization-coop-model .pic .right {
	right: 17.1875vw; /* 330 */
}

.customization-coop-model .info {
	margin: 0 0 5.2083vw 0; /* 100 */
	display: flex;
	justify-content: center;
	align-items: center;
	color: #101010;
	font-size: 1.1458vw; /* 22 */
	line-height: 1.6667vw; /* 32 */
	text-align: center;
}

.customization-coop-model .info i {
	width: 10.9375vw;
	height: 2.2917vw; /* 44 */
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0.7292vw; /* 14 */
	background: #e8e8e8;
	border-radius: 1.1458vw; /* 22 */
	font-size: 1.1458vw; /* 22 */
	line-height: 1.6667vw; /* 32 */
	font-style: normal;
}

.customization-coop-advantage .pic {
	width: 100%;
	height: 37.8125vw; /* 726 */
}

.customization-coop-advantage .title {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 4.6875vw; /* 90 */
}

.customization-coop-advantage ul {
	width: 100%;
	height: auto;
	padding: 0 9.375vw; /* 180 */
	display: flex;
	justify-content: space-between;
	position: absolute;
	left: 0;
	top: 15.3125vw; /* 294 */
	top: 16.875vw; /* 324 */
}


.customization-coop-advantage ul li {
	width: 11.5625vw; /* 222 */
	height: 12.8125vw; /* 246 */
	padding: 1.5625vw; /* 30 */
	background: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
}


.customization-coop-advantage ul li h2 {
	margin-bottom: 0.9375vw; /* 18 */
	font-size: 22px;
	font-size: 1.1458vw;
	font-weight: bold;
	line-height: 32px;
	line-height: 1.6667vw;
}

.customization-coop-advantage ul li p {
	font-size: 17px;
	font-size: 0.8854vw;
	line-height: 30px;
	line-height: 1.5625vw;
}


.customization-partner {
	padding-bottom: 5.625vw;
}

.customization-partner .title {
	margin: 4.2188vw 0 5.625vw 0; /* 81 108 */
}

.customization-partner .scroll-box img {
	width: auto;
	height: 4.4271vw; /* 85 */
	display: block;
	float: left;
	margin: 0 4.4271vw; /* 85 */
}

.customization-partner .scroll-left {
	margin-bottom: 5vw; /* 96 */
}

.customization-concept .info {
	width: 100%;
	position: absolute;
	left: 0;
	top: 7.1875vw; /* 138 */
}

.customization-concept .info * {
	color: #ffffff;
}

.customization-concept .info h2, .customization-concept .info h2 * {
	font-weight: bold;
}

.customization-concept .pic {
	width: 100%;
	height: 46.5625vw; /* 894 */
	height: 45vw; /* 864 */
}

/*---------------- plus ----------------*/

.plus-banner-info {
	width: 100%;
	height: 100%;
	padding-bottom: 4.8438vw; /* 93 */
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	background: url(../images/plus_banner_mask.png) no-repeat 0 0 / 100% 100%;
	color: #ffffff;
}

.plus-banner-info h2 img {
	width: auto;
	height: 2.3698vw; /* 45.5 */
	display: block;
	margin: 0 auto;
}

.plus-banner-info p {
	margin-top: 0.3125vw; /* 6 */
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
	letter-spacing: 0.7813vw; /* 15 */
}

.plus-part-icon {
	width: 3.9063vw; /* 75 */
	height: auto;
	display: block;
	margin: 0 auto 0.1563vw auto; /* 3 */
}

.plus-part-title {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 1.5625vw; /* 30 */
	color: #bb9880;
	font-size: 0.8854vw; /* 17 */
	font-weight: bold;
	line-height: 1.5625vw; /* 30 */
}

.plus-part-title span {
	font-weight: bold;
}

.plus-brand .title {
	margin: 3.75vw 0 3.125vw 0; /* 72 60 */
}

.plus-brand .intro {
	margin-top: 4.375vw; /* 84 */
	display: flex;
}

.plus-brand .intro .thumb {
	width: 58.6458vw; /* 1126 */
	height: 39.0625vw; /* 750 */
}

.plus-brand .intro .info {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #f9f9f9;
}

.plus-brand .intro .info h2 {
	margin-bottom: 1.5625vw; /* 30 */
}

.plus-brand .intro .info h2 img {
	width: auto;
	height: 22px;
	display: block;
}

.plus-concept .title {
	margin: 5.625vw 0 4.375vw 0; /* 108 84 */
}

.plus-concept ul {
	width: 53.75vw; /* 1032 */
	height: auto;
	margin: 0 auto 5.4688vw auto; /* 105 */
	display: flex;
	justify-content: space-between;
}

.plus-concept ul li {
	width: 8.75vw;
	height: 8.75vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border: 1px solid #000000;
	border-radius: 50%;
	color: #0d0d0d;
	line-height: 1.25vw; /* 24 */
}

.plus-concept ul li h2 {
	font-size: 1.1458vw; /* 22 */
	font-weight: bold;
	line-height: 1.25vw; /* 24 */
}

.plus-concept ul li p {
	font-size: 0.8854vw; /* 17 */
	font-weight: bold;
	line-height: 1.25vw;
}

.plus-concept .pic {
	height: auto;
}

.plus-concept .pic .icon-box {
	width: 45vw; /* 864 */
	height: auto;
	margin-left: -22.5vw;
	position: absolute;
	left: 50%;
	top: 3.125vw; /* 60 */
	display: flex;
	justify-content: space-between;
}

.plus-concept .pic .icon img {
	width: 3.9063vw; /* 75 */
	height: 3.9063vw; /* 75 */
	display: block;
	margin: 0 auto 0.5208vw auto; /* 10 */
}

.plus-concept .pic .icon h2 {
	color: #0d0d0d;
	font-size: 1.25vw; /* 24 */
	font-weight: bold;
	line-height: 1.6667vw;
}

.plus-concept .pic .icon-1, .plus-concept .pic .icon-5 {
	margin-top: 5.625vw; /* 108 */
}

.plus-concept .pic .icon-2, .plus-concept .pic .icon-4 {
	margin-top: 2.8125vw; /* 54 */
}

.plus-design .title {
	margin: 5.9375vw 0 4.1667vw 0; /* 114  80 */
}

.plus-design .clip-box {
	width: 100%;
	height: 51.5625vw; /* 990 */
	height: 45vw; /* 864 */
}

.plus-design .clip-box img {
	margin-top: -7.8125vw; /* 150 */
}

.plus-product .title {
	margin: 5.3125vw 0 4.8438vw 0; /* 102  93 */
}

.plus-product .clip-box {
	width: 100%;
	height: 38.5417vw; /* 740 */
}

.plus-system {
	margin-top: 5vw; /* 96 */
}

.plus-system .system-title {
	margin: 2.5vw 0 3.4375vw 0; /* 48 66 */
}

.plus-system-list {
	width: 200vw;
	position: relative;
	margin-bottom: 5.3125vw; /* 102 */
}

.plus-system-item {
	width: 402px;
	width: 20.9375vw; /* 402 */
	height: auto;
	float: left;
	margin: 0 0.8333vw; /* 16 */
}

.plus-system-item .thumb {
	width: 100%;
	height: auto;
	height: 30.7813vw; /* 591 */
	position: relative;
}

.plus-system-item .thumb img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.plus-system-item, .plus-system-item .thumb, .plus-system-item .thumb img, .plus-system-item .thumb p {
	transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
}

.plus-system-item .thumb:hover img {
	transform: scale(1.1,1.5);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}

.plus-system-item .thumb p {
	width: 100%;
	height: 5.9375vw; /* 114 */
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate3d(0, 100%, 0);
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
}

.plus-system-item .thumb:hover p {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}


.plus-system-item .info {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 0.9375vw; /* 18 */
	text-align: center;
}


.plus-system-item .info a {
	color: #000000;
	font-size: 22px;
	line-height: 32px;
	font-family: "Noto Serif SC";
	font-family: "hm-light";
}

.plus-system-item .info a.btn-more {
	display: none;
}


.plus-product-type .title {
	padding: 5.3125vw 0 3.2813vw 0; /* 102 63 */
	border-top: 1px solid #000000;
}

.plus-product-type ul {
	padding: 0 6.25vw; /* 120 */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.plus-product-type ul li {
	width: 36.875vw; /* 708 */
	margin-bottom: 3.125vw; /* 60 */
}

.plus-product-type ul li .thumb {
	width: 100%;
	height: 22.9167vw; /* 440 */
	margin-bottom: 0.9375vw; /* 18 */
}

.plus-product-type ul li .info {
	text-align: center;
}

.plus-product-type ul li a {
	color: #000000;
	font-size: 22px;
	font-size: 1.1458vw;
	font-family: "hm-light";
}


.plus-tech {
	padding: 8.4375vw 15.625% 7.8125vw 15.625%; /* 162 300 150 300 */
	display: flex;
	justify-content: space-between;
}

.plus-tech .content-box {
	flex: 1;
	padding: 2.1875vw 0; /* 42 */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	justify-content: flex-start;
}

.plus-tech .content-box .info {
	margin-top: 1.5625vw; /* 30 */
}

.plus-tech .plus-part-icon {
	margin-left: 0;
	margin-right: 0;
}


.plus-tech .pic {
	width: 29.1667vw; /* 560*/
	height: auto;
	float: right;
	margin: 0.625vw 5.8333vw 0 0; /* 12 112 */
	margin: 0.625vw 3.125vw 0 0; /* 12 60 */
	margin: 0.625vw 0 0 0; /* 12 60 */
	position: relative;
}

.plus-tech .pic .icon {
	width: 5.625vw; /* 102 */
	height: 5.625vw;
	margin: -2.8125vw 0 0 -2.8125vw;
	position: absolute;
	left: 50%;
	top: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	border-radius: 50%;
	color: #0d0d0d;
	font-size: 22px;
	font-size: 1.1458vw;
	font-family: "hm-light";
}

.plus-tech .pic .icon-1 {
	transform: translate3d(0.3125vw, -8.125vw, 0); /* 5 156 */
	-webkit-transform: translate3d(0.3125vw, -8.125vw, 0);
	-ms-transform: translate3d(0.3125vw, -8.125vw, 0);
	-moz-transform: translate3d(0.3125vw, -8.125vw, 0);
}

.plus-tech .pic .icon-2 {
	transform: translate3d(7.1875vw, -2.5vw, 0); /* 138 48 */
	-webkit-transform: translate3d(7.1875vw, -2.5vw, 0);
	-ms-transform: translate3d(7.1875vw, -2.5vw, 0);
	-moz-transform: translate3d(7.1875vw, -2.5vw, 0);
}

.plus-tech .pic .icon-3 {
	transform: translate3d(4.53125vw, 6.25vw, 0); /* 87 120 */
	-webkit-transform: translate3d(4.53125vw, 6.25vw, 0);
	-ms-transform: translate3d(4.53125vw, 6.25vw, 0);
	-moz-transform: translate3d(4.53125vw, 6.25vw, 0);
}

.plus-tech .pic .icon-4 {
	transform: translate3d(-4.53125vw, 6.25vw, 0); /* 87 120 */
	-webkit-transform: translate3d(-4.53125vw, 6.25vw, 0);
	-ms-transform: translate3d(-4.53125vw, 6.25vw, 0);
	-moz-transform: translate3d(-4.53125vw, 6.25vw, 0);
}

.plus-tech .pic .icon-5 {
	transform: translate3d(-7.1875vw, -2.5vw, 0); /* 138 48 */
	-webkit-transform: translate3d(-7.1875vw, -2.5vw, 0);
	-ms-transform: translate3d(-7.1875vw, -2.5vw, 0);
	-moz-transform: translate3d(-7.1875vw, -2.5vw, 0);
}

.plus-manufacture .title {
	position: absolute;
	right: 11.9792vw; /* 230 */
	top: 14.8958vw; /* 286 */
}

.plus-manufacture .plus-part-icon {
	margin-left: 0;
	margin-right: 0;
	float: right;
}

.plus-service {
	padding: 0 15.625vw; /* 300 */
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.plus-service .title {
	margin-top: 9.8958vw; /* 190 */
	margin-top: 0;
	flex: 1;
}

.plus-service .plus-part-icon {
	margin-left: 0;
	margin-right: 0;
	float: left;
}

.plus-service .pic {
	width: 24.375vw; /* 468 */
	height: auto;
	margin: 9.375vw 7.8125vw 10vw 0; /* 180 150 192 */
	margin: 9.375vw 0 10vw 0; /* 180 150 192 */
}

.plus-case {
	display: flex;
	justify-content: space-between;
}

.plus-case .swiper {
	width: 75.625%; /* 1452 */
	height: auto;
}

.plus-case .swiper .swiper-slide {
	height: 45vw;
	max-height: 90vh;
}

.plus-case-info {
	display: none;
}

.plus-case .info {
	width: 24.375%; /* 468 */
	padding: 18.75vw 2.8125vw 0 5.625vw; /* 360 54 108 */
	color: #515151;
}

.plus-case .info h2 {
	font-size: 22px;
	font-size: 1.1458vw;
	line-height: 32px;
	line-height: 1.6667vw;
	overflow: hidden;
}

.plus-case .info p {
	margin: 0.4167vw 0 1.5625vw 0; /* 8 30 */
	font-size: 17px;
	line-height: 30px;
	font-size: 0.8854vw;
	line-height: 1.5625vw;
	overflow: hidden;
}

.plus-case .info h2 span, .plus-case .info p span {
	display: inline-block;
	transform: translate3d(0, 120%, 0);
	-webkit-transform: translate3d(0, 120%, 0);
	-ms-transform: translate3d(0, 120%, 0);
	-moz-transform: translate3d(0, 120%, 0);
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
}

.plus-case .info.active h2 span, .plus-case .info.active p span {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}
/*
.plus-case .swiper-button-prev, .plus-case .swiper-button-next {
	width: 50%;
	height: 100%;
	margin: 0 !important;
	position: absolute;
	top: 0 !important;
	opacity: 0;
}

.plus-case .swiper-button-prev {
	left: 0 !important;
}

.plus-case .swiper-button-next {
	right: 0 !important;
}
*/

.plus-case .swiper-button-next, .plus-case .swiper-button-prev {
	width: 3.125vw; /* 60 */
	height: 3.125vw; /* 60 */
	margin-top: -1.5625vw;
	background: #e7e7e7;
	border-radius: 50%;
	opacity: 0.6;
	color: #bb9880;
}

.plus-case .swiper-button-prev.lg {
	left: 3%;
	display: flex;
}

.plus-case .swiper-button-next.lg {
	right: 3%;
	display: flex;
}

.plus-case .swiper-button-next::after, .plus-case .swiper-button-prev::after {
	font-size: 1.4063vw; /* 27 */
}


/*---------------- manufacture ----------------*/
.manufacture-banner-info {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 5.3125vw; /* 102 */
	color: #ffffff;
	font-size: 2.34375vw; /* 45 */
	line-height: 100%;
	text-align: center;
	letter-spacing: 2.0833vw; /* 40 */
	overflow: visible;
}

.manufacture-facture .title {
	margin: 3.75vw 0 3.125vw 0; /* 72 60 */
}

.manufacture-facture ul {
	
}

.manufacture-facture ul li {
	width: calc(50% - 2.875vw);
	width: calc(50% - 2vw);
	height: auto;
	float: left;
	margin-bottom: 2.1875vw; /* 42 */
}

.manufacture-facture ul li:nth-child(2n) {
	margin-left: 5.75vw;
	margin-left: 4vw;
}

.manufacture-facture ul li .info {
	width: 100%;
	margin-top: 1.5625vw; /* 30 */
	color: #0d0d0d;
	font-size: 1.1458vw; /* 22 */
	font-weight: bold;
	line-height: 1.6667vw; /* 32 */
	text-align: center;
}

.manufacture-device .pic {
	height: 46.875vw; /* 900 */
}


.manufacture-device .title {
	position: absolute;
	left: 0;
	top: 0;
}

.manufacture-device .title img {
	width: auto;
	height: 2.6563vw; /* 51 */
	display: block;
	margin: 4.5313vw auto 1.5625vw auto; /* 87 30 */
}

.manufacture-device .icon-box {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 19.0625vw; /* 366 */
}

.manufacture-device .icon-box ul {
	width: 100%; /* 1180 */
	height: auto;
	padding: 0 19.0625vw; /* 366 */
	display: flex;
	justify-content: space-between;
}

.manufacture-device .icon-box ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.manufacture-device .icon-box ul li img {
	width: 2.8125vw; /* 54 */
	height: auto;
	display: block;
}

.manufacture-device .icon-box ul li h2 {
	margin: 0.7813vw 0 0.3125vw 0; /* 15 6 */
}

.manufacture-device .images-box {
	width: 100%;
	position: absolute;
	left: 0;
	top: 31.25vw; /* 600 */
	display: flex;
	justify-content: center;
}

.manufacture-device .images-box img {
	width: 18.75vw; /* 360 */
	height: 11.4583vw; /* 220 */
	display: block;
	object-fit: cover;
	float: left;
	margin: 0 0.7813vw; /* 15 */
	box-sizing: content-box;
	border: 5px solid #ffffff;
	border-radius: 4px;
}

.manufacture-cert .title {
	width: 100%;
	position: absolute;
	left: 0;
	top: 8.4375vw; /* 162 */
}

.manufacture-cert .content-box {
	width: 100%;
	position: absolute;
	left: 0;
	top: 54.1667vw; /* 1040 */
}

.manufacture-cert .content-box ul {
	margin-top: 6.5625vw; /* 126 */
	display: flex;
	justify-content: center;
}

.manufacture-cert .content-box ul li {
	width: 27.0833vw; /* 520 */
	height: auto;
	float: left;
	margin: 0 0.7813vw;
	background: #ffffff;
	text-align: center;
}	


.manufacture-cert .content-box ul li img {
	width: 100%;
	height: 17.5vw; /* 336 */
	float: left;
	display: block;
	object-fit: cover;
}

.manufacture-cert .content-box ul li p {
	width: 100%;
	float: left;
	padding: 10px 0;
	color: #0d0d0d;
	font-size: 17px;
	font-size: 0.8854vw;
	line-height: 30px;
	line-height: 1.5625vw;
}

.manufacture-tech .pic {
	width: 100%;
}

.manufacture-tech .content-box {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.manufacture-tech .content-box .title {
	margin: 3.4375vw 0 0 0; /* 66 */
}


.manufacture-tech .content-box .icon-box {
	padding: 5.9375vw 0; /* 114 */
	position: relative;
}

.manufacture-tech .icon-big {
	width: 15.625vw; /* 300 */
	height: auto;
	display: block;
	margin: 0 auto;
}


.manufacture-tech .icon-small {
	width: 8.5938vw; /* 165 */
	height: auto;
	display: block;
	margin: -4.2969vw 0 0  -4.2969vw;
	position: absolute;
	left: 50%;
	top: 50%;
}



/*---------------- design ----------------*/
.design-banner-info {
	position: absolute;
	right: 5.75%;
	top: 40%;
	color: #fefefe;
	font-size: 4.375vw; /* 84 */
}

.design {

}

.design .title {
	width: 100%;
}

.design .title h2 {
	margin: 3.4375vw 0 1.5625vw 0; /* 66 30 */
}

.designer-list {
	margin-bottom: 4.6875vw; /* 90 */
}

.designer-item {
	width: 100%;
	height: 55.9375vw; /* 1074 */ 
	height: auto;
	float: left;
	position: relative;
	margin: 4.0625vw 0 1.875vw 0; /* 78 36 */

}

.designer-item .bg {
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.designer-item .photo {
	width: 100%;
	display: block;
	position: relative;
	z-index: 2;
}


.designer-item .content-box {
	width: 100%;/* 1581 */
	height: 32.5vw; /* 624 */
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	overflow: visible;
}

.designer-item .content-box img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 2;
}

.designer-item .content-box .bg {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

/*
.designer-item .content-box .bg {
	clip-path: inset(17.69% 8.828125% 0% 8.828125%);
	clip-path: inset(0% 0% 0% 0%);
	transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	pointer-events: none;
}

.designer-item .content-box:hover .bg {
	transform: scale(1.25, 1.25);
	-webkit-transform: scale(1.25, 1.25);
	-moz-transform: scale(1.25, 1.25);
	-ms-transform: scale(1.25, 1.25);
}
*/

.designer-item .content-box .info {
	position: absolute;
	left: 22.1354vw; /* 425 */
	top: 5.9896vw; /* 115 */
	z-index: 3;
	display: flex;
	flex-direction: column;
	color: #5e5e5e;
	overflow: visible;
}

.designer-item .content-box .info h2 {
	font-size: 3.0208vw; /* 58 */
	font-family: "ltand";
	line-height: 100%;
	overflow: visible;
}

.designer-item .content-box .info h3 {
	margin: 0.9375vw 0 0.7813vw 0; /* 18 15 */
	font-size: 2.6042vw; /* 50 */
	line-height: 100%;
	overflow: visible;
}

.designer-item .content-box .info h3 * {
	font-weight: normal;
}

.designer-item .content-box .info p {
	font-size: 1.0938vw; /* 21 */
	line-height: 1.5625vw; /* 30 */
}

.designer-item .content-box .info a {
	width: 7.2917vw; /* 140 */
	height: 2.0833vw; /* 40 */
	margin-top: 5.4688vw; /* 105 */
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 1.0417vw; /* 20 */
	color: #191919;
	font-size: 0.8854vw; /* 17 */
	transition: none;
	-webkit-transition: none;
	-ms-transition: none;
	-moz-transition: none;
}

.designer-center {
	background: #e9e9e9;
}

.designer-center img {
	width: 100%;
	display: block;
}


.designer-center .title {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 6.25vw; /* 120 */
	overflow: auto;
}

.designer-center .title h2 {
	margin-bottom: 1.5625vw; /* 30 */
}


.designer-center .title a {
	margin: 2.1875vw auto; /* 42 */
}

.designer-awards {
	padding-bottom: 5.3125vw; /* 102 */
}

.designer-awards .title {
	margin: 3.4375vw 0 2.1875vw 0; /* 66 42 */
	color: #0d0d0d;
	font-size: 1.1458vw; /* 22 */
	line-height: 1.6667vw; /* 32 */
}

.designer-awards .title span {
	font-family: "hm-light";
	font-weight: bold;
}

.designer-awards .btn-more {
	margin: 0 auto;
}

.designer-awards-item {
	margin-bottom: 5.625vw; /* 108 */
	border-bottom: 1px solid #000000;
	display: none;
	opacity: 0;
	transition: all 0.35s linear;
	-webkit-transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	-ms-transition: all 0.35s linear;
}

.designer-awards-item.show {
	display: block;
	opacity: 1;
}

.designer-awards-item.no-border {
	margin-bottom: 1.5625vw; /* 30 */
	border: 0;
}

.designer-awards-item .thumb {
	width: 14.0625vw; /* 270 */
	height: auto;
	float: left;
}

.designer-awards-item .thumb li {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 0.9375vw; /* 18px */
	position: relative;
}

.designer-awards-item .thumb li img {
	width: 100%;
	display: block;
}

.designer-awards-item .thumb li i {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255, 255, 255, 0.2);
}

.designer-awards-item .right {
	width: 72.8125vw; /* 1398 */
	height: auto;
	float: right;
	padding-bottom: 3.125vw; /* 60 */
}

.designer-awards-item .right .info {
	width: 100%;
	height: 4.375vw; /* 84 */
	padding: 0 1.875vw; /* 36 */
	display: flex;
	align-items: center;
	background: #f9f9f9;
	color: #0d0d0d;
	font-size: 22px;
	font-size: 1.1458vw;
	font-family: "hm-light";
	line-height: 32px;
	line-height: 1.6667vw;
}

.designer-awards-item .right .pic {
	width: 8.6979vw; /* 167 */
	height: auto;
	display: block;
	position: absolute;
	right: 3.4375vw; /* 66 */
	bottom: 0;
	z-index: 1000;
}

.designer-awards-item .swiper-slide {
	max-height: 85vh;
}

.designer-awards-item .swiper-slide img {
	width: 100%;
	display: block;
}

/*---------------- design show ----------------*/
.designer-details-banner-info {
	width: 100%;
	height: 100%;
	max-height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: url(../images/designer_banner_mask.png) no-repeat 0 0 / 100%;
	color: #ffffff;
}

.designer-details-banner-info h2 {
	width: 100%;
	font-size: 4.4271vw; /* 85 */
	font-family: "ltand";
	line-height: 100%;
	text-align: center;
	overflow: visible;
}

.designer-details-banner-info h3 {
	width: 100%;
	height: 7.5vw; /* 144 */
	position: relative;
}

.designer-details-banner-info h3::before, .designer-details-banner-info h3::after {
	content: " ";
	width: 5.625vw; /* 108 */
	height: 1px;
	display: block;
	margin: -0.5px 0 0 -2.8125vw;
	background: #ffffff;
	position: absolute;
	left: 50%;
	top: 50%;
}

.designer-details-banner-info h3::before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.designer-details-banner-info h3::after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.designer-details .title {
	margin: 7.5vw 0 0 0; /* 144 */
}

.designer-details .title h3 {
	margin-bottom: 0.9375vw; /* 18 */
	font-size: 15px;
}

.designer-list.designer-info {
	margin: 4.6875vw 0 0 0; /* 90 */
}

.designer-list.designer-info .designer-item {
	margin: 0 auto;
}


.designer-details-title {
	width: 82.34375vw;
	height: 2.8125vw; /* 54 */
	margin: 5.1563vw auto 0 auto; /* 99 */
	border-bottom: 1px solid #7d7d7d;
	color: #0d0d0d;
	font-size: 1.1458vw; /* 22 */
	text-align: center;
	line-height: 2.8125vw; /* 54 */
}

.designer-details-content {
	margin-bottom: 2.1875vw; /* 42 */
}

.designer-details-content .title {
	margin: 10vw 0; /* 192 */
	margin: 6.5625vw 0; /* 126 */
}


.designer-details-content .title h2 {
	margin-bottom: 2.8125vw; /* 54 */
}

.designer-details-content .title h2 * {
	font-weight: bold;
}

.designer-case-full {
	margin-bottom: 2.1875vw; /* 42 */
}

.designer-case .swiper-slide {
	width: 81.25vw; /* 1560 */
}
.designer-case .swiper-slide img {
	width: 100%;
	display: block;
}

.designer-case .swiper-pagination {
	padding: 0 13.5417vw; /* 260 */
	bottom: 2.1875vw !important; /* 42 */
}


/*---------------- design center ----------------*/
.design-center .title {
	margin: 5vw 0 7.8125vw 0; /* 96 150 */
	margin: 5vw 0 0 0; /* 96 150 */
}



.design-center-service .title {
	margin: 10.625vw 0 2.6042vw 0; /* 204 50 */
}

.design-center-service-list {
	width: 150vw;
	height: auto;
}

.design-center-service-item {
	width: 26.5625vw; /* 510 */
	height: auto;
	float: left;
	margin: 0 0.7813vw; /* 15 */
}

.design-center-service-item img {
	width: 100%;
	height: 35.5208vw; /* 682 */
	float: left;
	display: block;
	object-fit: cover;
}

.design-center-service-item h2 {
	width: 100%;
	height: auto;
	float: left;
	margin: 1.5625vw 0 3.4375vw 0; /* 30 66 */
	color: #0d0d0d;
	font-size: 22px;
	font-family: "hm-light";
	line-height: 32px;
	text-align: center;
}

.design-center-process .title {
	padding: 3.75vw 0 4.6875vw 0; /* 72 90 */
	border-top: 1px solid #000000;
	color: #0d0d0d;
}


.design-center-process-list {
	padding: 0 9.2708vw; /* 178 */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.design-center-process-list.row-2 {
	flex-direction: row-reverse;
}

.design-center-process-item {
	width: 20.9375vw; /* 402 */
	margin-bottom: 2.5vw; /* 48 */
	padding-bottom: 3.125vw; /* 60 */
	position: relative;
	text-align: center;
}

.design-center-process-item .icon {
	width: 4.1667vw; /* 80 */
	height: auto;
	margin: 0 auto;
}

.design-center-process-item .icon img {
	width: 100%;
	display: block;
}

.design-center-process-item h2 {
	margin: 1.25vw 0 0.9375vw 0; /* 24 18 */
}

.design-center-process-item p {
	padding-bottom: 20px;
	position: relative;
}

.design-center-process-item p::after {
	content: "…";
	position: absolute;
	left: 50%;
	bottom: 0;
	font-size: 1.1458vw; /* 22 */
	font-weight: bold;
	transform: translate3d(-50%, 0, 0);
	-webkit-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
}

.design-center-process-list.row-1 .design-center-process-item:last-child::after {
	content: " ";
	width: 0.5208vw; /* 10 */
	height: 0.9896vw; /* 19 */
	display: block;
	margin: 0 0 0 -0.2604vw;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: url(../images/design_center_process_arrow.png) no-repeat center center / 100%;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}

.design-center-process-arrow {
	width: 1.5625vw; /* 30 */
	height: 4.1667vw; /* 80 */
	position: relative;
}

.design-center-process-arrow::after {
	content: " ";
	width: 0.5208vw; /* 10 */
	height: 0.9896vw; /* 19 */
	display: block;
	margin: -0.4948vw 0 0 -0.2604vw;
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../images/design_center_process_arrow.png) no-repeat center center / 100%;
}

.design-center-process-list.row-2 .design-center-process-arrow::after {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

.design-center-product {
	padding: 4.6875vw 0; /* 90 */
	background: #f9f9f9;
}

.design-center-product .info {
	width: 34.375vw; /* 660 */
	height: auto;
	float: left;
	padding: 2.5vw 0 0 11.875vw; /* 48 228 */
}


.design-center-product .swiper {
	width: calc(100% - 34.375vw);
	height: auto;
	float: left;
}


.design-center-product .swiper-button-next, .design-center-product .swiper-button-prev {
	width: 2.3438vw;
	height: 2.3438vw;
	margin-top: 0;
	top: 8.75vw; /* 168 */
	border: 1px solid #ffffff;
	border-radius: 50%;
	color: #ffffff;
}

.design-center-product .swiper-button-prev {
	left: 0.7813vw; /* 15 */
}

.design-center-product .swiper-button-next {
	right: 0.7813vw; /* 15 */
}

.design-center-product .swiper-button-next::after, .design-center-product .swiper-button-prev::after {
	font-size: 18px;
}

.design-center-product-item img {
	width: 100%;
	float: left;
	margin-bottom: 1.5625vw; /* 30 */
}

.design-center-product-item h2 {
	width: 100%;
	font-size: 22px;
	font-family: "hm-light";
	line-height: 32px;
	text-align: center;
}



.design-center-fix .title {
	margin-top: 4.1667vw; /* 80 */
}

.design-center-fix ul {
	display: flex;
	justify-content: space-between;
	padding: 4.375vw 0; /* 84 */
	border-bottom: 1px solid #000000;
}

.design-center-fix ul li {
	width: 15.625vw; /* 300 */
	height: auto;
}

.design-center-fix ul li img {
	width: 100%;
	height: 14.375vw; /* 276 */
	display: block;
	object-fit: cover;
}

.design-center-fix ul li h2 {
	width: 100%;
	margin-top: 1.25vw; /* 24 */
	font-size: 22px;
	font-family: "hm-light";
	line-height: 32px;
	text-align: center;
}

.design-center-case .title {
	margin: 4.375vw 0 2.8125vw 0; /* 84 54 */
}

.design-center-case  {
	margin-bottom: 3.125vw; /* 60 */
}

.design-center-case .swiper-slide {
	max-height: 86vh;
}

.design-center-case .swiper-pagination {
	text-align: center;
	bottom: 7.5vw !important;
}

.design-center-case-scroll {
	/*
	position: sticky;
	left: 0;
	top: 86px;
	*/
}

.design-center-case-scroll ul {
	width: 200vw;
	margin-bottom: 3.125vw; /* 60 */
}

.design-center-case-scroll ul li {
	width: 86.25vw; /* 1656 */
	height: 43.75vw; /* 840 */
	margin: 0 1.875vw 0 0; /* 36 */
	float: left;
	position: relative;
}

.design-center-case-scroll ul li .thumb {
	width: 100%;
	height: 100%;
}

/*---------------- about ----------------*/
.about-banner-info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 10.9375vw; /* 210 */
	bottom: 5.625vw; /* 108 */
	color: #ffffff;
}

.about-banner-info h2 {
	font-size: 3.125vw; /* 60 */
	font-weight: bold;
	line-height: 3.4375vw; /* 66 */
}

.about-banner-info p {
	font-size: 3.125vw; /* 60 */
	line-height: 3.4375vw; /* 66 */
}

.about-intro .clip-box {
	max-height: 100vh;
	margin-top: 13.125vw; /* 252 */
	margin-top: 6.5625vw; /* 126 */
	z-index: 10;
}

.about-intro-info {
	position: absolute;
	left: 0;
	top: 7.1875vw; /* 138 */
	z-index: 20;
}

.about-brand {
	margin-top: 4.0625vw; /* 78 */
}

.about-brand .pic {
	width: 100%;
	position: relative;
}

.about-brand .pic .cloud {
	position: absolute;
	left: 0;
	top: 34.2188vw; /* 657 */
}

.about-brand .pic .mask {
	width: 100%;
	height: 3.75vw; /* 72 */
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1));
}

.about-brand .info {
	width: 100%;
	position: absolute;
	left: 0;
	top: 4.6875vw; /* 90 */
}

.about-brand .info .box {
	display: flex;
	justify-content: space-between;
}


.about-brand .info .box .left h2 {
	font-size: 1.5625vw; /* 30 */
}

.about-brand .info .box .left h2 * {
	font-weight: bold;
}

.about-brand .info .box .right {
	display: flex;
	flex-direction: column;
}

.about-brand .info .box .right h2 {
	margin: 2.5vw 0 1.5625vw 0; /* 30 48 */
}

.about-brand .info .box .right h2:nth-child(1) {
	margin-top: 0;
}

.about-brand .info .box h2 * {
	font-weight: bold;
}

.about-brand-list {
	width: 73.75vw; /* 1416 */
	width: 85vw; /* 1632 */
	height: auto;
	margin-left: -36.875vw;
	margin-left: -42.5vw;
	position: absolute;
	left: 50%;
	bottom: 6.5625vw; /* 126 */
	display: flex;
	justify-content: space-between;
}

.about-brand-item {
	width: 11.5625vw; /* 222 */
	width: 13.4375vw; /* 258 */
	height: 10.1563vw; /* 195 */
	background: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
	text-align: center;
}

.about-brand-item h2 {
	margin: 1.4063vw 0 0.9375vw 0; /* 27 18 */
	font-weight: bold;
}

.about-founder .thumb {
	width: 100%;
	height: 40.8854vw;
	z-index: 10;
}

.about-founder .info {
	width: 37.5vw; /* 720 */
	height: 100%;
	position: absolute;
	right: 2.5vw; /* 48 */
	top: 0;
	z-index: 20;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.about-history .title {
	margin: 4.0625vw 0 5.8333vw 0; /* 78 112 */
}

.about-history-list {
	margin-bottom: 5.3125vw; /* 102 */
}

.about-history-line {
	width: 25%;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #434343;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

.about-history-year {
	margin-bottom: 4.1667vw; /* 80 */
	position: relative;
	border-top: 1px solid #434343;
}

.about-history-year-item {
	width: 25%;
	height: auto;
	float: left;
	padding: 1.25vw 0; /* 24 */
	position: relative;
	color: #0d0d0d;
	cursor: pointer;
}

.about-history-year-item p {
	font-size: 1.1458vw; /* 22 */
	font-weight: bold;
	line-height: 1.6667vw; /* 32 */
}

.about-history-list .swiper-button-next, .about-history-list .swiper-button-prev {
	margin-top: 0;
	top: calc(1.6667vw + 6.6667vw); /* 32 + 6.6667vw */
	color: #675f5a;
}

.about-history-list .swiper-button-prev {
	left: 2.8125vw; /* 54 */
}

.about-history-list .swiper-button-next {
	right: 2.8125vw; /* 54 */
}

.about-history-list .swiper-button-next::after, .about-history-list .swiper-button-prev::after {
	font-size: 18px; /* 22 */
}

.about-history-item {
	padding-right: 1.5625vw; /* 30 */
}

.about-history-item .thumb {
	width: 12.2396vw; /* 235 */
	height: 7.0313vw; /* 135 */
	float: left;
}


.about-history-item .info {
	width: 100%;
	height: auto;
	float: left;
	color: #0d0d0d;
}

.about-history-item .info h2 {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 1.5625vw; /* 30 */
	font-size: 1.1458vw; /* 22 */
	font-family: "hm-light";
	line-height: 1.6667vw; /* 32 */
}

.about-history-item .info p {
	width: 100%;
	min-height: 9.375vw; /* 180 */
	float: left;
	font-size: 0.8854vw; /* 17 */
	font-size: 0.7813vw; /* 15 */
	line-height: 1.5625vw; /* 30 */
}

.about-history-item .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.about-cert-box {
	padding-top: 7.8125vw; /* 150 */
	border-top: 1px solid #515151;
	border-bottom: 1px solid #515151;
}

.about-cert .pic {
	margin: 5.625vw 0 7.8125vw 0; /* 108 150 */
}

.about-honor {
	margin-bottom: 3.125vw; /* 60 */
	margin-bottom: 0; /* 0 */
	padding-top: 5.625vw; /* 108 */
}


/*---------------- quality ----------------*/
.quality-banner img {
	width: 100%;
	height: 35.4167vw; /* 680 */
	display: block;
	object-fit: cover;
}

.quality-banner-info {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/quality_banner_mask.png) no-repeat 0 0 / 100% 100%;
}

.quality-banner-info h2 {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 5vw; /* 96 */
	color: #ffffff;
	font-size: 45px;
	font-size: 2.3438vw;
	line-height: 120%;
	text-align: center;
	letter-spacing: 2.0833vw; /* 40 */
}

/* quality product */
.quality-product-brand .pic {
	margin: 4.375vw 0 5.3125vw 0; /* 84 102 */
}

.quality-product-system .title {
	margin-top: 5.625vw; /* 108 */
}

.quality-product-system .content-box {
	margin: 1.25vw 0 5vw 0; /* 24 96 */
	padding-left: 64.6875vw; /* 1242 */
}

.quality-product-system .model-system-swiper {
	position: absolute;
	left: 0;
	top: 0;
}


.quality-product-system-list {
	width: 200vw;
	position: absolute;
	left: 0;
	top: 0;
}

.quality-product-system-item {
	width: 400px;
	width: 20.8333vw; /* 400 */
	height: auto;
	float: left;
	margin: 0 0 0 1.6667vw; /* 32 */
}

.quality-product-system-item .thumb {
	width: 100%;
	height: auto;
	height: 30.7813vw; /* 591 */
	position: relative;
}

.quality-product-system-item .thumb img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.quality-product-system-item .thumb img {
	transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
}

.quality-product-system-item .thumb:hover img {
	transform: scale(1.15,1.15);
	-webkit-transform: scale(1.15,1.15);
	-moz-transform: scale(1.15,1.15);
	-ms-transform: scale(1.15,1.15);
}

.quality-product-system-item .info {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 0.9375vw; /* 18 */
}

.quality-product-system-item .info a {
	color: #000000;
	font-size: 22px;
	line-height: 32px;
	font-family: "Noto Serif SC";
	font-family: "hm-light";
}

.quality-product-system .mask-pic {
	width: 100%;
	height: 50.3125vw; /* 966 */
	height: auto;
	margin-top: 27.8646vw; /* 535 */
}


.quality-product-system .mask-white {
	height: 29.375vw; /* 564 */
	position: absolute;
	left: 0;
	top: 27.8646vw;
}

/* quality design */
.quality-design-intro .info {
	width: 50%;
	height: auto;
	float: left;
	padding-top: 7.0313vw; /* 135 */
}

.quality-design-intro .pic {
	width: 36.4063vw; /* 699 */
	height: auto;
	float: right;
	margin: 0 5.9375vw 1.25vw 0; /* 114 24 */
}

.quality-design-history {
	padding-bottom: 4.1667vw; /* 80 */
	color: #0d0d0d;
}

.quality-design-history .title {
	margin: 4.5833vw 0 5.8333vw 0; /* 88 112 */
}

.quality-design-history .left {
	width: 39.0625vw; /* 750 */
	width: 37.5vw; /* 720 */
	height: auto;
	float: left;
	padding-left: 3.4375vw; /* 66 */
	position: sticky;
	position: -webkit-sticky;
	left: 0;
	top: 100px; /* 264 */
}

.quality-design-history .left h3 {
	height: 3.125vw; /* 60 */
	margin-bottom: 5vw; /* 96 */
	display: flex;
	align-items: center;
	font-size: 22px;
	font-size: 1.1458vw;
	font-family: "hm-light";
}

.quality-design-history .left  h1 {
	font-size: 2.3438vw; /* 45 */
	font-family: "hm-light";
	line-height: 3.125vw; /* 60 */
}

.quality-design-history .left  h2 {
	font-size: 1.1458vw; /* 22 */
	font-family: "hm-light";
	line-height: 1.875vw; /* 36 */
}

.quality-design-history .left  p {
	height: 12.5vw; /* 240 8行 */
	margin-top: 1.875vw; /* 36 */
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.quality-design-year-list {
	margin: 12.5vw 0 8.75vw 0; /* 240 168 */
	margin: 4.6875vw 0 8.75vw 0; /* 90 168 */
}

.quality-design-year-list a {
	float: left;
	margin-right: 1.5625vw; /* 30 */
	color: #0d0d0d;
	font-size: 17px;
	font-size: 0.8854vw; /* 17 */
	line-height: 30px;
}

.quality-design-year-list a:hover, .quality-design-year-list a.active {
	font-weight: bold;
}

.quality-design-history .right {
	width: 49.4792vw; /* 950 */
	height: auto;
	float: right;
	position: sticky;
	position: -webkit-sticky;
	right: 0;
	top: 100px;
}

.history-title {
	width: 100%;
	height: auto;
	padding-left: 3.4375vw; /* 66 */
	position: sticky;
	position: -webkit-sticky;
	right: 0;
	top: 4.4792vw; /* 86 */
	z-index: 2;
}

.history-title::before {
	content: " ";
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	left: 4px;
	top: 0;
	background: #191919;
}

.history-title::after {
	content: " ";
	width: 10px;
	height: 14px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #ffffff;
}

.history-title h2 {
	width: 100%; /* 884 */
	height: 3.125vw; /* 60 */
	padding-top: 0.7292vw; /* 14 */
	padding-top: 0;
	box-sizing: content-box;
	float: right;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 3;
	background: #ffffff;
	font-size: 1.1458vw; /* 22 */
	font-family: "hm-light";
}

.quality-design-history-list {
	width: 100%;
	height: auto;
	position: relative;
}

.quality-design-history-list::before {
	content: " ";
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	left: 4px;
	top: 0;
	background: #191919;
}

.quality-design-history-item {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 2.1875vw; /* 42 */
	padding-left: 3.4375vw; /* 66 */
	position: relative;
}

.quality-design-history-item::before {
	content: " ";
	width: 9px;
	height: 9px;
	display: block;
	position: absolute;
	left: 0;
	top: 0.5208vw; /* 10 */
	background: #191919;
	border-radius: 50%;
}

.quality-design-history-item h2 {
	width: 100%;
	height: auto;
	float: left;
	font-size: 1.1458vw; /* 22 */
	font-family: "hm-light";
	line-height: 1.6667vw; /* 32 */
}

.quality-design-history-item p {
	width: 100%;
	height: auto;
	float: left;
	margin: 1.4583vw 0; /* 28 */
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.quality-design-history-item .images {
	width: 100%;
	height: auto;
	float: left;
	display: flex;
	justify-content: space-between;
}

.quality-design-history-item .images img {
	width: 21.25vw; /* 408 */
	height: 12.1354vw; /* 233 */
	display: block;
	object-fit: cover;
}

.quality-design-cert .pic {
	width: 100%;
}

.quality-design-cert .content-box {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 5.625vw;
}

.quality-design-cert .content-box .title h2 {
	margin-bottom: 1.25vw; /* 24 */
}

.quality-design-cert .cert-box {
	margin: 4.9479vw 0 3.75vw 0; /* 95 72 */
	display: flex;
	justify-content: center;
}

.quality-design-cert .cert-box img {
	width: 22.3958vw; /* 430 */
	height: auto;
	display: block;
	margin: 0 0.8333vw; /* 16 */
}


/* quality deliver */
.quality-deliver-intro .title img {
	height: 2.0313vw; /* 39 */
	display: block;
	margin: 0 auto 1.875vw auto; /* 36 */
}

.quality-deliver-intro .title b *, .quality-deliver-intro .title h3 * {
	font-weight: bold;
}

.quality-deliver-intro .title h3 {
	color: #b38967;
	font-size: 17px;
	line-height: 1.6667vw;
}

.quality-deliver-intro .icon-box {
	margin: 4.0625vw 0 5.9375vw 0; /* 78 114 */
	margin: 4.0625vw 0 0 0; /* 78 */
	display: flex;
	justify-content: center;
}

.quality-deliver-intro .icon-box img {
	height: 8.9583vw; /* 172 */
	display: block;
	margin: 0 1.4583vw; /* 28 */
}

.quality-deliver-material .title {
	margin: 3.9583vw 0 3.75vw 0;  /* 76 72 */
}

.quality-deliver-material .info {
	position: absolute;
	right: 12.2396vw; /* 235 */
	top: 5vw;
}

.quality-deliver-cert .title {
	margin-top: 4.6875vw; /* 90 */
}

.quality-deliver-cert .pic img {
	width: 41.1979vw; /* 791 */
	height: auto;
	margin: 3.125vw auto 4.6875vw auto; /* 60 90 */
	transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
}

.quality-deliver-client .title {
	margin: 4.6875vw 0 5.3125vw 0; /* 90 102 */
}

.quality-deliver-client .map img {
	width: 66.3021vw; /* 1273 */
	height: auto;
	margin:  0 auto;
}

.quality-deliver-client .client img {
	width: 81.6146vw; /* 1567 */
	height: auto;
	margin:  5.2083vw auto 5.9375vw auto; /* 100 114 */
}

.quality-deliver-standard .title {
	margin: 5.2083vw 0 6.7708vw 0; /* 100 130 */
}

.quality-deliver-standard ul {
	display: flex;
	justify-content: center;
}

.quality-deliver-standard ul li {
	width: 14.4271vw; /* 277 */
	height: 14.7917vw; /* 284 */
	margin: 0 1.6667vw; /* 32 */
	background: #f9f9f9;
	border-radius: 1.0417vw; /* 20 */
	color: #0d0d0d;
	text-align: center;
}

.quality-deliver-standard ul li h2 {
	width: 100%;
	float: left;
	margin: 1.7708vw 0 0.3125vw 0; /* 34 6 */
	font-size: 1.1458vw; /* 22 */
	font-weight: bold;
	line-height: 1.5625vw; /* 30 */
}

.quality-deliver-standard ul li h3 {
	width: 100%;
	float: left;
	margin-bottom: 1.25vw; /* 24 */
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.quality-deliver-standard ul li p {
	width: 100%;
	float: left;
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.quality-deliver-standard-thumb {
	margin: 4.6875vw 0 3.2813vw 0; /* 90 63 */
}

.quality-deliver-standard-thumb-scroll {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.quality-deliver-standard-thumb-scroll img {
	width: 13.125vw; /* 252 */
	height: 8.75vw; /* 168 */
	display: block;
	object-fit: cover;
	margin: 0 0.625vw 0.9375vw 0.625vw; /* 12 18 12 */
}

/* quality service */
.quality-service-intro .pic img {
	width: 9.7396vw; /* 187 */
	height: auto;
	margin: 0 auto;
}

.quality-service-intro .title {
	margin-bottom: 5.9375vw; /* 114 */
}

.quality-service-intro .title h2 {
	margin: 2.1875vw 0 2.5vw 0; /* 42 48 */
}

.quality-service-concept {
	min-height: 45.3125vw; /* 870 */
}

.quality-service-concept .pic {
	width: 33.2813vw; /* 639 */
	position: absolute;
	right: 12.5vw; /* 240 */
	top: 5.7813vw; /* 111 */
	z-index: 1;
}

.quality-service-concept .content-box {
	width: 100%;
	height: auto;
	margin: 6.5625vw 0 3.75vw 0;/* 126 72 */
	padding: 0 12.5vw; /* 240 */
	position: relative;
	z-index: 20;
	color: #0d0d0d;
}


.quality-service-concept .content-box .title h2 {
	width: 8.4375vw; /* 162 */
	height: 2.1875vw; /* 42 */
	float: left;
	margin-bottom: 2.1875vw; /* 42 */
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #000000;
	border-radius: 4px;
	font-size: 22px;
	font-size: 1.1458vw;
	font-family: "hm-light";
}

.quality-service-concept .content-box dl {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 2.9167vw; /* 56 */
	display: flex;
	align-items: center;
}

.quality-service-concept .content-box dl dt {
	margin-right: 3.4375vw; /* 66 */
	font-size: 20px;
	font-size: 1.0417vw;
	font-family: "hm-light";
	line-height: 1.5625vw;
}

.quality-service-concept .content-box dl dd h2 {
	margin-bottom: 0.4688vw; /* 9 */
	font-size: 20px;
	font-size: 1.0417vw;
	font-family: "hm-light";
	line-height: 30px;
	line-height: 1.5625vw;
}

.quality-service-concept .content-box dl dd p {
	font-size: 0.8854vw;
	line-height: 1.5625vw;
}

.quality-service-map .pic {
	width: 52.6563vw; /* 1011 */
	height: auto;
	float: right;
	margin: 5.3125vw 7.03125% 3.4375vw 0; /* 102 135 66 */
}

.quality-service-map .title {
	width: 100%;
	height: auto;
	padding: 0 12.5vw; /* 240 */
	position: absolute;
	left: 0;
	top: 16.5625vw; /* 318 */
}

.quality-service-case .swiper-slide {
	width: 80.625vw; /* 1548 */
}

.quality-service-case .swiper-slide img {
	width: 100%;
	display: block;
}

.quality-service-case p {
	width: 100%;
	height: 4.5833vw; /* 88 */
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	font-size: 22px;
	font-size: 1.1458vw;
	font-family: "hm-light";
	line-height: 4.5833vw;
	text-align: center;
}

.quality-service-case .swiper-pagination {
	padding: 0 14.375vw; /* 276 */
	bottom: 1.875vw !important; /* 36 */
}

.quality-service-client .title {
	margin: 5vw 0 3.9063vw 0; /* 96 75 */
}

.quality-service-client .scroll-box img {
	width: auto;
	height: 12.3958vw; /* 238 */
	display: block;
	float: left;
	margin: 0 0.4688vw; /* 9 */
}

.quality-service-client .scroll-left {
	margin-bottom: 0.9375vw; /* 18 */
}

.quality-service-client .scroll-right {
	margin-bottom: 5.9896vw; /* 115 */
}

.quality-service-process .pic {
	height: 50vw; /* 960 */
	margin-top: 47.1875vw; /* 906 */
}

.quality-service-process .mask-white {
	height: 26.0417vw; /* 500 */
	position: absolute;
	left: 0;
	top: 47.1875vw; /*  906 */
}

.quality-service-process .content-box {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}

.quality-service-process .title {
	margin: 5vw 0 4.0625vw 0; /* 96 78 */
}

.quality-service-process-list {
	padding: 0 11.25vw; /* 216 */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.quality-service-process-list.xs {
	display: none;
}

.quality-service-process-list.row-2 {
	flex-direction: row-reverse;
}

.quality-service-process-item {
	width: 11.875vw; /* 228 */
	margin-bottom: 1.7188vw; /* 33 */
	padding-bottom: 1.875vw; /* 36 */
	position: relative;
	text-align: center;
}

.quality-service-process-item .icon {
	width: 8.8542vw; /* 170 */
	height: auto;
	margin: 0 auto;
	border: 1px solid #a2a2a2;
	border-radius: 50%;
}

.quality-service-process-item .icon img {
	width: 100%;
	display: block;
}

.quality-service-process-item h2 {
	margin: 1.25vw 0 0.4688vw 0; /* 24 9 */
	font-size: 1.1458vw;
	line-height: 1.6667vw;
}

.quality-service-process-item p {
	position: relative;
	font-size: 0.8854vw;
	line-height: 1.5625vw;
}

.quality-service-process-list.row-1 .quality-service-process-item:last-child::after {
	content: " ";
	width: 10px;
	height: 19px;
	display: block;
	margin: 0 0 0 -5px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: url(../images/design_center_process_arrow.png) no-repeat center center / 100%;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}

.quality-service-process-arrow {
	width: 4.0625vw; /* 78 */
	height: 8.8542vw; /* 170 */
	position: relative;
}

.quality-service-process-arrow::after {
	content: " ";
	width: 10px;
	height: 19px;
	display: block;
	margin: -9.5px 0 0 -5px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../images/design_center_process_arrow.png) no-repeat center center / 100%;
}

.quality-service-process-list.row-2 .quality-service-process-arrow::after {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}


/*---------------- free design ----------------*/
.free-design-banner-info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 5.3125vw; /* 102 */
	text-align: center;
}

.free-design-banner-info h3 {
	color: #ffffff;
	font-size: 45px;
	letter-spacing: 2.0833vw; /* 40 */
}

.free-design-form {
	margin: 3.125vw 0 4.375vw 0; /* 60 84 */
	background: #f8fbfb;
}

.free-design-form .thumb {
	width: 56.5625vw; /* 1086 */
	height: 32.5vw; /* 624 */
	float: left;
}


.free-design-form .info {
	width: calc(100% - 56.5625vw);
	height: 32.5vw; /* 624 */
	float: left;
	padding: 4.375vw 5.625vw; /* 84 108 */
}

.free-design-form .info h2, .free-design-form .info h2 span {
	color: #515151;
	font-size: 1.1458vw; /* 22 */
	font-weight: bold;
	line-height: 1.6667vw; /* 32 */
	text-align: center;
}

.free-design-form .info ul  {
	margin: 3.125vw 0 2.1875vw; /* 60 42 */
}

.free-design-form .info ul li {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 1.5625vw; /* 30 */
	position: relative;
}

.free-design-form .info input {
	width: 100%;
	height: 1.5625vw; /* 30 */
	float: left;
	background: none;
	border: 0;
	border-bottom: 1px solid #a4a6a6;
	color: #0d0d0d;
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.free-design-form .info input.select-arrow {
	background: url(../images/select_arrow.png) no-repeat right center / 1.0938vw auto;
}

.free-design-form .info input::placeholder {
	color: #515151;
}

.free-design-form .info  a.btn-submit {
	width: 100%;
	height: 2.0833vw; /* 40 */
	display: block;
	background: #e8e8e8;
	border-radius: 0.5208vw; /* 10 */
	color: #515151;
	font-size: 0.8854vw; /* 17 */
	font-weight: bold;
	line-height: 2.0833vw; /* 40 */
	text-align: center;
}

.free-design-service {
	color: #515151;
}

.free-design-service .title {
	font-size: 1.1458vw; /* 22 */
	font-weight: bold;
	line-height: 1.6667vw; /* 32 */
	text-align: center;
}

.free-design-service-list {
	margin: 3.75vw 0 5vw 0; /* 72 96 */
	display: flex;
	justify-content: center;
}

.free-design-service-item {
	width: 13.9583vw; /* 268 */
	height: 7.2917vw; /* 140 */
	margin: 0 1.6667vw; /* 32 */
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f8fbfb;
	border-radius: 1.0417vw; /* 20 */
}

.free-design-service-item p {
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
	text-align: center;
}

.free-design-process {
	display: flex;
	justify-content: center;
}

.free-design-process.xs {
	display: none;
}

.free-design-process-item {
	width: 6.4583vw; /* 124 */
}

.free-design-process-item .icon {
	width: 6.4583vw; /* 124 */
	height: 6.4583vw;
	margin-bottom: 0.7813vw; /* 15 */
	border-radius: 50%;
	border: 1px solid #9c9794;
}

.free-design-process-item .icon img {
	width: 100%;
	display: block;
}

.free-design-process-item p {
	width: 100%;
	color: #0d0d0d;
	font-size: 0.8854vw; /* 17 */
	font-weight: bold;
	line-height: 1.5625vw; /* 30 */
	text-align: center;
}

.free-design-process-arrow {
	width: 5.625vw; /* 108 */
	height: 6.4583vw; /* 124 */
	background: url(../images/arrow_right_small.png) no-repeat center center / 7.5px;
}

.free-design-pic .mask-pic {
	width: 100%;
	height: 56vw;
	max-height: 95vh;
}

.free-design-pic .mask-pic img {
	height: 100%;
	object-fit: cover;
}


.free-design-pic .mask-white {
	height: 50%;
}


/*---------------- join ----------------*/
.join-banner-info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 13.4375vw; /* 258 */
	color: #ffffff;
	text-align: center;
}

.join-banner-info h2 {
	font-size: 2.3438vw; /* 45 */
	line-height: 3.125vw; /* 60 */
	letter-spacing: 2.0833vw; /* 40 */
}

.join-banner-info p {
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

/* join brand */
.join-brand-form {
	height: 34.375vw; /* 660 */
}

.join-brand-form .thumb {
	width: 45.625vw; /* 876 */
	height: 100%;
	float: left;
}

.join-brand-form .info {
	width: calc(100% - 45.625vw);
	height: 100%;
	float: left;
	padding: 0 2.5vw; /* 48 */
	background: #f9f9f9;
	color: #515151;
}

.join-brand-form .info h2 {
	margin: 4.6875vw 0 0 0; /* 90 */
	font-size: 1.1458vw; /* 22 */
	font-weight: bold;
	line-height: 1.6667vw; /* 32 */
	text-align: center;
	font-size: 1.1458vw;
	line-height: 1.6667vw;
}

.join-brand-form .info h2 * {
	font-weight: bold;
}

.join-brand-form .info ul {
	margin: 4.0625vw 0 0 0; /* 78 */
	padding: 3.125vw 0 0 0; /* 60 */
	border-top: 1px solid #515151;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.join-brand-form .info ul li {
	width: 45.8%;
	height: auto;
	margin-bottom: 3.125vw; /* 60 */
	position: relative;
	border-bottom: 1px solid #515151;
}

.join-brand-form .info ul li, .join-brand-form .info ul li input {
	color: #515151;
	font-size: 0.8854vw; /* 17 */
	font-size: clamp(12px, 0.8854vw, 17px);
	font-weight: bold;
	line-height: 1.5625vw; /* 30 */
}

.join-brand-form .info ul li input {
	width: 100%;
	height: 1.5625vw; /* 30 */
	background: none;
	border: 0;
}

.join-brand-form .info ul li select {
	width: 100%;
	height: 1.5625vw; /* 30 */
	padding: 0;
	background: none;
	background: url(../images/select_arrow.png) no-repeat right center / 1.0938vw auto;
	border: 0;
}

.join-brand-form .info ul li input::placeholder {
	color: rgba(0, 0, 0, 0);
}

.join-brand-form .info a.btn-submit {
	width: 13.8021vw; /* 265 */
	height: 2.1875vw; /* 42 */
	margin: 0 auto;
	border: 1px solid #515151;
	border-radius: 0.5208vw; /* 10 */
	display: flex;
	justify-content: center;
	align-items: center;
	color: #515151;
	font-size: 0.8854vw; /* 17 */
	font-weight: bold;
}


.join-brand-info {
	position: relative;
}

.join-brand-info .mask-pic {
	width: 100%;
	margin-top: 24.8958vw; /* 478 */
}

.join-brand-info .mask-white {
	height: 40.1042vw; /* 770 */
	height: 28.125vw; /* 540 */
	height: 30.2083vw; /* 580 */
	position: absolute;
	left: 0;
	top: 13.5417vw; /* 260 */
	top: 24.8958vw; /* 478 */
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0));
}

.join-brand-info .content-box {
	width: 100%;
	position: absolute;
	left: 0;
	top: 5.625vw; /* 108 */
}

.join-brand-info .title {
	margin-bottom: 5.78125vw; /* 111 */
}

.join-brand-info ul {
	width: 100%;
	padding: 0 14.6875vw; /* 282 */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


.join-brand-info ul li {
	width: 33.3333%;
	height: auto;
	margin-bottom: 4.5833vw; /* 88 */
	display: flex;
	align-items: center;
}

.join-brand-info ul li .icon {
	width: 3.4375vw; /* 66 */
	height: 3.4375vw;
	margin-right: 0.9375vw; /* 18 */
}

.join-brand-info ul li .icon img {
	width: 100%;
	display: block;
}

/* join jobs */
.join-jobs-list ul {
	margin: 6.25vw 0 5.625vw 0; /* 120 108 */
	padding: 0 23.4375vw; /* 450 */
	display: flex;
	justify-content: space-between;
}
.join-jobs-list ul li {
	text-align: center;
}

.join-jobs-list ul li img {
	width: 8.4375vw; /* 132 */
	height: auto;
	display: block;
	margin-bottom: 2.5vw; /* 48 */
}

.join-jobs-list ul li a {
	color: #515151;
	font-size: 1.1458vw; /* 22 */
	font-weight: bold;
	line-height: 1.6667vw; /* 32 */
}


.join-jobs-info .title {
	padding: 5.3125vw 0 4.1667vw; /* 102 80 */
	border-top: 1px solid #515151;
}

.join-jobs-info ul {

}

.join-jobs-info ul li {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 3.9583vw; /* 76 */
	display: flex;
	align-items: center;
}

.join-jobs-info ul li .thumb {
	width: 55.9375vw; /* 1074 */
	height: 27.5vw; /* 528 */
}

.join-jobs-info ul li:nth-child(2n) .thumb {
	order: 2;
}

.join-jobs-info ul li .info {
	width: calc(100% - 55.9375vw);
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.join-jobs-info ul li .info.lg {
	display: flex;
}

.join-jobs-info ul li .info.xs {
	display: none;
}

.join-jobs-info ul li .info h2, .join-jobs-info ul li .info p {
	width: 16.5625vw; /* 318 */
}

/* join partner */
.join-partner .mask-pic {
	margin: 0.7813vw 0 3.4375vw 0; /* 15 66 */
}


.join-partner .mask-white {
	height: 18.75vw; /* 360 */
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0));
}

/* join supplier */
.join-supplier .thumb {
	margin-top: 3.75vw; /* 72 */
}

/*---------------- brand ----------------*/
.brand-banner-info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 5.3125vw; /* 102 */
	text-align: center;
}

.brand-banner-info h3 {
	color: #ffffff;
	font-size: 60px;
	font-weight: bold;
	line-height: 66px;
}

.brand-banner-info p {
	color: #ffffff;
	font-size: 60px;
	line-height: 66px;
}

.brand-intro .title {
	width: 100%;
	margin: 4.0104vw 0 4.7396vw 0;/* 77 91 */
}


.brand-intro-list {
	padding-bottom: 4.375vw; /* 84 */
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #000000;
}

.brand-intro-item {
	width: 28.125vw; /* 540 */
	height: auto;
}

.brand-intro-item .thumb {
	width: 100%;
	height: 24.375vw; /* 468 */
	float: left;
}

.brand-intro-item .info {
	width: 100%;
	height: auto;
	float: left;
	color: #0d0d0d;
	text-align: center;
}

.brand-intro-item .info h2 {
	margin: 2.8125vw 0 0.4167vw 0; /* 54 8 */
}

.brand-slogan {

}

.brand-slogan .mask-pic {
	margin: 7.1875vw 0 0 0; /* 138 */
}

.brand-slogan .mask-white {
	height: 35vw;
	margin: 7.1875vw 0 0 0; /* 138 */
}

.brand-slogan .title {
	width: 100%;
	position: absolute;
	left: 0;
	top: 4.6875vw; /* 90 */
}

.brand-slogan .title p {
	margin-bottom: 2.5vw; /* 48 */
	font-size: 22px;
	line-height: 32px;
}

.brand-slogan .title p span {
	font-family: "hm-light";
}

.brand-slogan .title h2 {
	font-size: 60px;
	line-height: 66px;
}

.brand-sub .title {
	margin: 4.7917vw 0 5.3125vw 0;/* 92 102 */
}

.brand-list {
	margin-bottom: 5.7292vw; /* 110 */
	padding: 0 11.5625vw;
	display: flex;
	justify-content: space-between;
}

.brand-item {
	width: 300px;
	height: 360px;
	float: left;
	border-radius: 10px;
	transition: all .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
}

.brand-item img {
	width: 130px;
	display: block;
	margin: 50px auto 120px auto;
}

.brand-item .btn-more {
	margin: 0 auto;
	transition: all .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	opacity: 0;
}

.brand-item:hover {
	background: #f9f9f9;
	cursor: none;
}

.brand-item:hover .btn-more {
	opacity: 1;
	cursor: none;
}

/*---------------- news ----------------*/
.news-banner-info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
}

.news-banner-info h3 {
	color: #ffffff;
	font-size: 60px;
	font-family: "hm-light";
	font-weight: bold;
	line-height: 66px;
}

.news-banner-info p {
	margin: 1.875vw 0 5vw 0; /* 36 96 */
	color: rgba(255, 255, 255, 0.7);
	font-size: 22px;
	line-height: 32px;
}

.news-list {
	width: 100%;
	margin: 3.3333vw 0 3.6458vw 0; /* 64 70 */
	justify-content: flex-start;
	column-gap: calc(50% - 41.71875vw);
	flex-wrap: wrap;
	display: none;
	opacity: 0;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
}

.news-list.active {
	display: flex;
	opacity: 1;
}

.news-item {
	width: 27.8125vw; /* 534 */
	height: auto;
	float: left;
	margin-bottom: 4.375vw;/* 84 */
	background: #f9f9f9;
}

.news-item .thumb {
	width: 100%;
	height: 16.25vw;/* 312 */
}

.news-item .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.news-item .info {
	width: 100%;
	height: auto;
	float: left;
	padding: 0 1.25vw; /* 24 */
}

.news-item .info h3 {
	width: 100%;
	height: 3.4375vw; /* 66 */
	margin: 1.7708vw 0 1.25vw 0; /* 34 24 */
	margin: 1.7708vw 0 0.9375vw 0; /* 34 18 */
}

.news-item .info h3 a {
	color: #0d0d0d;
	font-size: 1.1458vw; /* 22 */
	font-size: 1.0417vw; /* 20 */
	font-weight: bold;
	font-weight: normal;
	line-height: 1.7188vw; /* 33 */
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.news-item .info p {
	margin-bottom: 2.1875vw; /* 42 */
	margin-bottom: 1.875vw; /* 36 */
	color: #000000;
	font-size: 0.8854vw; /* 17 */
	font-size: 0.7813vw; /* 15 */
	line-height: 1.5625vw; /* 30 */

}

.news-item .info p a {
	margin-left: 1.1458vw; /* 22 */
	color: #000000;
}

.load-more a {
	margin: 0 auto;
}

/*---------------- news show ----------------*/
.news-show-title {
	padding: 4.6875vw 0; /* 90 */
	color: #000000;
	font-size: 1.875vw; /* 36 */
	line-height: 150%;
	text-align: center;
}

.news-show-content {
	width: 56.25vw; /* 1080 */
	float: none;
	margin: 0 auto;
	margin-bottom: 4.6875vw; /* 90 */
	color: #000000;
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.news-show-content p {
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.news-show-content img {
	max-width: 100%;
}

/*---------------- notice ----------------*/
.notice-banner-info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 5.1563vw; /* 99 */
	text-align: center;
}

.notice-banner-info h2 {
	color: #ffffff;
	font-size: 3.125vw; /* 60 */
	font-family: "hm-light";
	line-height: 3.4375vw; /* 66 */
	letter-spacing: 2.0833vw; /* 40 */
}

.notice {
	padding: 0 0 3.125vw 0; /* 60 */
	padding: 0;
}

.notice-list {
	margin: 5.3125vw 0 3.4375vw 0;/* 102 66 */
	padding: 0 11.4583vw; /* 220 */
}

.notice-item {
	width: 100%;
	height: auto;
	min-height: 3.6458vw; /* 70 */
	margin-bottom: 1.0417vw; /* 20 */
	padding-right: 5.2083vw; /* 100 */
	position: relative;
	border-bottom: 1px solid #a8a8a8;
	font-size: 1.1458vw; /* 22 */
	line-height: 3.6458vw; /* 70 */
}

.notice-item::after {
	content: " ";
	width: 2.1875vw;/* 42 */
	height: 2.1875vw;
	display: block;
	margin-top: -1.0938vw; /* 21 */
	position: absolute;
	right: 1.4583vw; /* 28 */
	top: 50%;
	border-radius: 50%;
	background: url(../images/more_small_arrow.png) no-repeat center center;
	background-size: auto 0.7292vw; /* 14 */
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

.notice-item:hover::after {
	background-color: #e8e8e8;
}

.notice-item a {
	float: left;
	color: #0d0d0d;
	font-family: "hm-light";
	font-weight: bold;
}

.notice-item span {
	float: right;
	font-family: "hm-light";
	font-weight: bold;
}

.notice .pages {
	margin: 0 0 4.1667vw 0;/* 80 */
}

.notice-contact {
	background: #f8fbfb;
}

.notice-contact .thumb {
	width: 65.1042%; /* 1250 */
	height: 37.5vw; /* 720 */
	float: left;
}

.notice-contact .info {
	width: 34.8%;
	height: 37.5vw; /* 720 */
	float: right;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #0d0d0d;
	text-align: center;
}

.notice-contact .info h2 {
	margin-bottom: 1.875vw; /* 36 */
	font-size: 1.1458vw; /* 22 */
	font-weight: bold;
	line-height: 1.6667vw; /* 32 */
}

.notice-contact .info p {
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}


/*---------------- store ----------------*/
.store {
	background: #eeeeee;
}

.flagship {
	margin: 12.5vw 0 0 0; /* 240 */
	overflow: visible;
}

.flagship .store-title {
	margin-bottom: 3.6458vw; /* 70 */
}

.store-title {
	color: #333333;
	text-align: center;
}

.store-title h3 {
	font-size: 1.0938vw; /* 21 */
	line-height: 1.0938vw; /* 21 */
}

.store-title h2 {
	margin-top: 0.4688vw; /* 9 */
	font-size: 1.875vw; /* 36 */
	line-height: 2.3438vw; /* 45 */
}

.flagship .swiper {
	padding: 1.5625vw 0; /* 30 */
}

.flagship-item {
	width: 100%;
	height: auto;
	background: #ffffff;
	transition: transform .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: transform .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: transform .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: transform .5s cubic-bezier(0.54, 0, 0.19, 1.08);
}

.flagship-item:hover {
	transform: scale(1.06, 1.06);
	-webkit-transform: scale(1.06, 1.06);
	-moz-transform: scale(1.06, 1.06);
	-ms-transform: scale(1.06, 1.06);
}

.flagship-item .info {
	width: 100%;
	height: 8.125vw; /* 156 */
	padding: 1.5625vw 1.875vw; /* 30 36 */
}

.flagship-item .info h2, .flagship-item .info h2 a {
	color: #333333;
	font-size: 1.0938vw; /* 21 */
	line-height: 1.25vw; /* 24 */
	text-align: center;
	overflow: visible;
}

.flagship-item .info p {
	margin-top: 0.9375vw; /* 18 */
	color: #727272;
	font-size: 0.9375vw; /* 18 */
	line-height: 1.25vw; /* 24 */
	text-align: center;
}

.flagship .swiper-button-next, .flagship .swiper-button-prev {
	width: 3.125vw; /* 60 */
	height: 3.125vw; /* 60 */
	margin-top: -1.5625vw;
	position: absolute;
	top: 40%;
	background: #727272;
	border-radius: 50%;
	opacity: 0.6;
	color: #333340;
}

.flagship .swiper-button-prev {
	left: 1%;
	display: flex;
}

.flagship .swiper-button-next {
	right: 1%;
	display: flex;
}

.flagship .swiper-button-next::after, .flagship .swiper-button-prev::after {
	font-size: 1.25vw; /* 24 */
}

.flagship-line {
	height: 2px;
	margin: 3.6458vw 0 4.6875vw 0; /* 70 90 */
	background: #d6d6d6;
}

.store-ctrl {

}

.store-form select {
	width: auto; /* 135 */
	height: 2.5vw; /* 48 */
	float: left;
	margin-right: 2.1875vw !important; /* 42 */
	padding: 0 2.1875vw 0 1.0938vw; /* 42 21 */
	border: 0;
	background-color: #ffffff;
	border-radius: 1.25vw;
	color: #999999;
	font-size: 0.8333vw; /* 16 */
	font-family: "hm-light";
}

.store-form a {
	width: auto; /* 135 */
	height: 2.5vw; /* 48 */
	float: right;
	padding: 0 1.25vw 0 2.8125vw; /* 24 54 */
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(../images/icon_map.png) no-repeat 1.25vw center #c09f89; /* 24 */
	background-size: 0.9375vw auto;
	border-radius: 1.25vw;
	color: #ffffff;
	font-size: 0.8333vw; /* 16 */
}

.store-search-city {
	width: 14.0625vw; /* 270 */
	height: 2.5vw; /* 48 */
	float: left;
	padding: 0 1.0938vw; /* 42 21 */
	background-color: #ffffff;
	border-radius: 1.25vw;
}

.store-search-city input {
	width: 7.8125vw;
	height: 100%;
	float: left;
	background: none;
	border: 0;
	color: #828282;
	font-size: 0.8333vw; /* 16 */
	font-family: "hm-light";
}

.store-search-city img {
	width: auto;
	height: 1.25vw; /* 24 */
	float: right;
	margin-top: 0.625vw;
}

.store-hot-city {
	margin: 3.125vw 0 2.1875vw 0; /* 60 42 */
	padding-bottom: 0.3125vw; /* 6 */
	color: #828282;
	font-size: 0.8333vw; /* 16 */
}

.store-hot-city a {
	margin-right: 0.625vw; /* 12 */
	padding-bottom: 0.1563vw; /* 3 */
	border-bottom: 1px solid #a1a1a1;
	color: #828282;
	font-weight: bold;
}

.store-list {
	margin-bottom: 6.25vw; /* 120 */
	display: flex;
	column-gap: 0.4688vw; /* 9 */
	row-gap: 0.4688vw; /* 9 */
	column-gap: 8px;
	row-gap: 8px;
	flex-wrap: wrap;
}

.store-item {
	width: 24.0625vw; /* 462 */
	width: calc(25% - 6px);
	height: 7.0313vw; /* 135 */
	padding: 0.9375vw 1.25vw; /* 18 24 */
	position: relative;
	background: #ffffff;
	color: #828282;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
}

.store-item * {
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
}

.store-item h3 {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 0.4688vw; /* 9 */
	color: #000000;
	font-size: 0.7813vw; /* 15 */
	line-height: 1.0938vw; /* 21 */
}

.store-item p {
	width: 100%;
	height: auto;
	float: left;
	margin: 0.3125vw 0 0 0; /* 6 */
	padding-left: 1.25vw; /* 24 */
	
	background: url(../images/icon_pos.png) no-repeat left 0.0781vw / 0.8333vw; /* 1.5 16 */
	font-size: 0.625vw; /* 12 */
	line-height: 1.0938vw; /* 21 */
}

.store-item p.tel {
	background-image: url(../images/icon_tel.png);
}

.store-item a {
	width: 3.75vw; /* 72 */
	height: 1.25vw; /* 24 */
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 1.5625vw; /* 30 */
	bottom: 0.9375vw; /* 18 */
	border-radius: 0.7813vw; /* 15 */
	background: #c09f89;
	color: #ffffff;
	font-size: 0.625vw; /* 12 */
}

.store-item:hover {
	background: #333333;
	color: #ffffff;
}

.store-item:hover h3 {
	color: #c09f89;
}

.store-item:hover p {
	background: url(../images/icon_pos_white.png) no-repeat left 0.0781vw / 0.8333vw; /* 1.5 16 */
}

.store-item:hover p.tel {
	background: url(../images/icon_tel_white.png) no-repeat left 0.0781vw / 0.8333vw; /* 1.5 16 */
}

.store-item:hover a {
	color: #333333;
}


/*---------------- store book ----------------*/
.store-book {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5500;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	display: none;
	opacity: 0;
	transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
}

.store-book.show {
	display: flex;
	opacity: 1;
}

.store-book-box {
	width: 38.125vw; /* 732 */
	width: 34.375vw; /* 660 */
	height: auto;
	margin-top: 6.875vw; /* 132 */
	padding: 3.75vw 3.125vw; /* 72 60 */
	padding: 2.5vw; /* 48 */
	background: #333333;
	position: relative;
	color: #ffffff;
}

.store-book-box .close {
	width: 1.25vw; /* 24 */
	height: 1.25vw;
	position: absolute;
	right: 0.625vw; /* 12 */
	top: 0.625vw;
	cursor: pointer;
}

.store-book-box h2 {
	margin-bottom: 3.125vw; /* 60 */
	margin-bottom: 1.5625vw; /* 30 */
	font-size: 1.4583vw; /* 28 */
	font-size: 1.25vw; /* 24 */
	line-height: 2.1875vw; /* 42 */
	text-align: center;
}

.store-book-box ul li {
	margin-bottom: 1.25vw;
	position: relative;
}

.store-book-box input, .store-book-box .city-picker-span {
	width: 100%;
	height: 4.375vw; /* 84 */
	height: 3.125vw; /* 60 */
	padding: 0 0.9375vw; /* 18 */
	background: none;
	border: 1px solid #8a8a8a;
	border-radius: 4px;
	color: #8a8a8a;
	font-size: 0.9375vw; /* 18 */
	font-size: 0.8333vw; /* 16 */
}

.store-book-box .city-picker-span {
	background: url(../images/icon_store_select.png) no-repeat 96% center / 0.625vw; /* 12 */
}

.store-book-box .city-picker-span > .placeholder, .store-book-box .city-picker-span > .title > span {
	color: #8a8a8a;
}

.store-book-box .city-select dt {
	color: #000000;
}

.store-book-box ul li a.btn-submit {
	width: 100%;
	height: 4.375vw; /* 84 */
	height: 3.125vw; /* 60 */
	display: flex;
	justify-content: center;
	align-items: center;
	background: #c09f89;
	border-radius: 4px;
	color: #333333;
	font-size: 1.4583vw; /* 28 */
	font-size: 1.1458vw; /* 22 */
	font-weight: bold;
}

.store-book-box p {
	color: #8a8a8a;
	font-size: 0.9375vw; /* 18 */
	font-size: 0.8333vw; /* 16 */
	line-height: 1.5625vw; /* 30 */
	text-align: center;
}



/*---------------- store-show ----------------*/
.store-show-title {
	margin: 7.8125vw 0 3.125vw 0; /* 150 60 */
	font-size: 2.1875vw; /* 42 */
	line-height: 3.125vw; /* 60 */
	text-align: center;
}

.store-show-banner {
	display: flex;
	align-items: center;
	background: #f5f5f5;
}

.store-show-banner img {
	width: 67.8125%; /* 1302 */
	display: block;
}

.store-show-banner .info {
	width: 32.1875%;
	height: 100%;
	padding: 0 3.75vw; /* 72 */
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 1.5625vw; /* 30 */
}

.store-show-banner .info p {
	width: 100%;
	height: auto;
	padding-left: 2.1875vw; /* 54 */
	background: url(../images/icon_store_address.png) no-repeat 0 1px / 1.0938vw;
	color: #333333;
	font-size: 1.25vw; /* 24 */
	line-height: 1.5625vw; /* 30 */
}

.store-show-banner .info p.tel {
	background-image: url(../images/icon_store_tel.png);
	background-size: 1.25vw;
}

.store-show-content {
	width: 56.25vw; /* 1080 */
	float: none;
	margin: 5.1563vw auto 3.75vw auto; /* 99 72 */
	margin-bottom: 4.6875vw; /* 90 */
}

.store-show-swiper {
	margin-bottom: 3.75vw; /* 72 */
}

.store-show-swiper .swiper-slide {
	width: 70.3125vw; /* 1350 */
}


.store-show-swiper .swiper-pagination {
	width: 70.3125vw;
	padding: 0 3.125vw; /* 60 */
	left: 14.84375%;
}

/*---------------- store-map ----------------*/
#store-map-box {
	width: 100%;
	height: 100vh;
}

#store-map-box canvas {
	display: block;
}

.store-map-ctrl {
	width: 18.125vw; /* 348 */
	height: calc(100% - 4.4792vw - 3.125vw); /* 86 60 */
	padding: 1.875vw 1.5625vw; /* 36 30 */
	padding: 1.875vw 1.5625vw; /* 36 30 */
	position: absolute;
	left: 5.75%;
	top: 6.0417vw; /* 116 */
	z-index: 1500;
	background: #ffffff;
	color: #0d0d0d;
}

.store-map-ctrl .title {
	margin-bottom: 0.7813vw; /* 15 */
	font-size: 0.8854vw; /* 17 */
	font-family: "hm-light";
	font-weight: bold;
	line-height: 1.5625vw; /* 30 */
}

.store-map-form select {
	width: 7.0313vw; /* 135 */
	height: 1.7708vw; /* 34 */
	float: left;
	margin-bottom: 0.7813vw; /* 15 */
	border: 1px solid #a2a2a2;
	color: #0d0d0d;
	font-size: 0.625vw; /* 12 */
	font-family: "hm-light";
}

#sf-brand, #sf-city {
	margin-right: 0.9375vw; /* 18 */
}

#sf-zone {
	width: 7.0313vw; /* 135 */
}

.store-map-tips {
	margin-top: 0.5208vw; /* 10 */
	color: #696969;
	font-size: 0.7813vw; /* 15 */
	font-family: "hm-light";
	line-height: 1.5625vw; /* 30 */
}

.store-map-list {
	height: 21.875vw; /* 420 */
}

.store-map-item {
	width: 100%;
	height: auto;
	padding: 1.0417vw 0; /* 20 */
	border-top: 1px solid #bfbfbf;
	color: #0d0d0d;
	cursor: pointer;
}

.store-map-item.active h3 {
	color: #bb9880;
}

.store-map-item:nth-child(1) {
	border: 0;
}

.store-map-item h3 {
	width: 100%;
	height: auto;
	float: left;
	font-size: 0.8854vw; /* 17 */
	font-weight: bold;
	line-height: 1.6667vw; /* 32 */
}

.store-map-item p {
	width: 100%;
	height: auto;
	float: left;
	margin: 0.5208vw 0 2px 0; /* 10 2 */
	padding-left: 1.0417vw; /* 20 */
	background: url(../images/icon_pos.png) no-repeat left 2px / 14px;
	font-size: 0.625vw; /* 12 */
	font-family: "hm-light";
	line-height: 0.9375vw; /* 18 */
}

.store-map-item a {
	width: 100%;
	height: auto;
	float: left;
	display: block;
	padding-left: 1.0417vw; /* 20 */
	background: url(../images/icon_tel.png) no-repeat left 1px / 0.7292vw;
	color: #0d0d0d;
	font-size: 0.625vw; /* 12 */
	font-family: "hm-light";
	line-height: 0.9375vw; /* 18 */
}

.platform {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1600;
	background: rgba(0, 0, 0, 0.4);
	display: none;
	opacity: 0;
}

.platform .content-box {
	width: 44.7917vw; /* 860 */
	height: 29.6875vw; /* 570 */
	margin: 9.8958vw auto 0 auto; /* 190 */
	background: #ffffff;
	position: relative;
}

.platform .thumb {
	width: 17.9167vw; /* 344px */
	height: auto;
	float: left;
}

.platform .thumb .title {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.platform .thumb .title h2 {
	font-size: 1.1458vw; /* 22px */
	font-weight: bold;
	line-height: 1.6667vw; /* 32px */
}

.platform .thumb .title p {
	font-size: 0.8854vw; /* 17px */
	line-height: 1.6667vw; /* 32px */
}

.platform .info {
	width: 26.875vw; /* 516px */
	height: 100%; /* 10 */
	float: left;
}

.platform .info ul {
	width: 18.2292vw; /* 350px */
	height: auto;
	margin: 4.6875vw auto 0 auto; /* 90px */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.platform .info ul li {
	width: 6.7708vw; /* 130px */
	height: auto;
	margin: 2.2396vw 0; /* 43px */
}

.platform .info ul li .logo img {
	width: auto;
	height: 3.125vw; /* 60px */
	display: block;
	margin: 0 auto 0.9375vw auto; /* 18px */
}

.platform .info ul li .icon {
	width: 100%;
	display: flex;
	justify-content: center;
	overflow: visible;
}

.platform .info ul li .icon a {
	width: 1.6667vw; /* 32px */
	height: 1.6667vw; /* 32px */
	margin: 0 0.4167vw; /* 8px */
	display: block;
	position: relative;
	overflow: visible;
}

.platform .info ul li .icon .icon-img {
	width: 1.6667vw; /* 32px */
	height: 1.6667vw; /* 32px */
	border-radius: 50%;
	border: 1px solid #7e7e7e;
}

.platform .info ul li .icon .qrcode {
	width: 6.25vw; /* 120 */
	height: auto;
	display: block;
	margin-left: -3.125vw; /* 60 */
	padding: 0.3125vw; /* 6 */
	background: #ffffff;
	border-radius: 0.2604vw; /* 5 */
	position: absolute;
	left: 50%;
	top: -7.1875vw; /* 138 */
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	display: none;
}

.platform .info ul li .icon a:hover .qrcode {
	display: block;
}

.platform .close {
	width: 17px;
	height: auto;
	display: block;
	position: absolute;
	top: 21px;
	right: 21px;
	cursor: pointer;
}

/*---------------- products ----------------*/
.products-banner-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/product_list_banner_mask.png) no-repeat 0 0 / 100% 100%;
}

.products-banner-info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 3.4375vw; /* 66 */
	color: #ffffff;
	text-align: center;
}

.products-banner-info h2 {
	font-family: 'Noto Serif SC';
	font-family: "hm-light";
	font-size: 1.5625vw; /* 30 */
	line-height: 120%;
	letter-spacing: 0.1563vw; /* 3 */
}

.products-banner-info p {
	margin-top: 0.4688vw; /* 9 */
	font-family: 'Noto Serif SC';
	font-family: "hm-light";
	font-weight: 200;
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.products-list {
	width: 100%;
	height: auto;
	margin: 4.0625vw auto 1.25vw auto; /* 78 24 */
	padding: 0 6.25vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.products-item {
	width: 36.875vw; /* 708 */
	height: auto;
	float: left;
	margin: 0 0 2.0833vw 0; /* 40 */
}

.products-item:nth-child(2n) {
	margin-right: 0;
}

.products-item .thumb {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

.products-item .thumb p {
	width: 100%;
	height: 5.7292vw; /* 110 */
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	transform: translate3d(0, 100%, 0);
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
	transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
}

.products-item:hover .thumb p, .products-item:hover .thumb p img {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.products-item .thumb p img {
	width: auto;
	height: 2.8646vw; /* 55 */
	display: block;
}

.products-item .info {
	width: 100%;
	height: auto;
	float: left;
}


.products-item .info h2 {
	width: 100%;
	height: auto;
	margin: 1.5625vw 0 1.0938vw 0; /* 30 21 */
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
	text-align: center;
}

.products-item .info h2 * {
	color: #191919;
	font-weight: bold;
}


.products-item .info a.btn-more {
	margin: 0 auto;
}

/*---------------- series ----------------*/
.series-banner-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/series_banner_mask.png) no-repeat 0 0 / 100% 100%;
}

.series-banner-info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 4.8438vw; /* 93 */
	color: #ffffff;
	text-align: center;
}

.series-banner-info h2 {
	font-family: 'Noto Serif SC';
	font-family: "hm-light";
	font-size: 30px;
	line-height: 120%;
	letter-spacing: 0.1563vw; /* 3 */
}

.series-banner-info p {
	margin-top: 0.4688vw; /* 9 */
	font-family: 'Noto Serif SC';
	font-family: "hm-light";
	font-weight: 200;
	font-size: 17px;
	line-height: 30px;
}

/*---------------- product show ----------------*/
.product-show-banner {
	margin-bottom: 3.75vw; /* 72 */
	margin-bottom: 0;
}

.product-show-banner.project-show-banner {
	margin-bottom: 0;
}

.product-show-banner-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/product_show_banner_mask.png) no-repeat 0 0 / 100% 100%;
}

.product-show-banner-info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 3.125vw; /* 60 */
	color: #ffffff;
	text-align: center;
}

.product-show-banner-info img {
	width: auto;
	height: 4.1667vw; /* 80 */
	display: block;
	margin: 0 auto 1.25vw auto; /* 24 */
}

.product-show-banner-info h2 {
	font-family: 'Noto Serif SC';
	font-family: "hm-light";
	font-size: 30px;
	line-height: 120%;
	letter-spacing: 0.625vw; /* 12 */
}

.product-show-content {
	width: 100%;
	height: auto;
	float: left;
	color: #0d0d0d;
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.product-show-content img, .product-show-content video {
	max-width: 100%;
	height: auto;
}


/*---------------- content style ----------------*/
.content-style {
	font-size: 0.8854vw !important; /* 17 */
	line-height: 1.5625vw !important; /* 30 */
}

.content-style h2 {
	font-size: 1.1458vw !important; /* 22 */
	font-weight: bold;
	line-height: 1.6667vw !important; /* 32 */
}

.content-style h3 {
	font-size: 0.8854vw !important; /* 17 */
	font-weight: bold;
	line-height: 1.5625vw !important; /* 30 */
}

.content-style b, .content-style strong {
	font-weight: bold;
}

.content-style img, .content-style video {
	max-width: 100%;
	height: auto;
}

/*---------------- model ----------------*/
.model-info h2, .model-info h3, .model-info h4, .model-info h5, .model-info p {
	width: 100%;
	height: auto;
	float: left;
}

.model-info h2, .model-info h2 *, h2.model-info {
	font-size: 1.1458vw; /* 22 */
	font-family: "Noto Serif SC";
	font-family: "hm-light";
	font-weight: 500;
	line-height: 1.6667vw; /* 32 */
}

.model-info h3, .model-info h3 *, h3.model-info {
	font-size: 0.8854vw; /* 17 */
	font-family: "Noto Serif SC";
	font-family: "hm-light";
	line-height: 1.5625vw; /* 30 */
}

.model-info p, .model-info p *, p.model-info {
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.model-info h2.gap, .model-info h3.gap {
	margin-bottom: 1.25vw; /* 24 */
}

.model-info p.gap {
	margin-top: 1.25vw; /* 24 */
}

/* full pic */
.model-full-pic {
	margin-bottom: 3.75vw; /* 72 */
}

.model-full-pic .title {
	margin-bottom: 3.125vw; /* 60 */
	text-align: center;
}

.model-full-pic .title h2 {
	width: 100%;
	height: auto;
	float: left;
}

.model-full-pic .title h2, .model-full-pic .title h2 * {
	font-size: 1.1458vw; /* 22 */
	font-family: "Noto Serif SC";
	font-family: "hm-light";
	font-weight: 500;
	line-height: 1.6667vw; /* 32 */
}

.model-full-pic .title p {
	width: 100%;
	height: auto;
	float: left;
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.model-full-pic .title p.gap {
	margin-top: 1.25vw; /* 24 */
}

/* line */
.model-line {
	margin-bottom: 3.75vw; /* 72 */
}

/* left text right pic */
.model-left-text-right-pic {
	margin-bottom: 3.75vw; /* 72 */
}

.model-left-text-right-pic .info {
	width: calc(100% - 59.375vw);
	height: auto;
	float: left;
	padding: 3.75vw 3.125vw 0 5.625vw; /* 72 60 108 */
}

.model-left-text-right-pic .info h2 {
	width: 100%;
	height: auto;
	float: left;
	font-size: 1.1458vw; /* 22 */
	font-family: "Noto Serif SC";
	font-family: "hm-light";
	line-height: 1.6667vw; /* 32 */
}

.model-left-text-right-pic .info p {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 1.4583vw; /* 28 */
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.model-left-text-right-pic .pic {
	width: 59.375vw; /* 1140 */
	height: 33.75vw; /* 648 */
}

/* top text bottom 3pic */
.model-top-text-bottom-3pic {
	margin-bottom: 4.375vw; /* 84 */
}

.model-top-text-bottom-3pic .info {
	margin: 3.125vw 0 2.8125vw 0; /* 60 54 */
	margin: 0 0 2.8125vw 0; /* 54 */
}

.model-top-text-bottom-3pic .info.center {
	text-align: center;
}

.model-top-text-bottom-3pic .info .left {
	width: 51.75%;
	height: auto;
	float: left;
	padding: 0 5.625vw;
}

.model-top-text-bottom-3pic .info .left h2, .model-top-text-bottom-3pic .info .left h2 * {
	font-size: 1.1458vw; /* 22 */
	font-family: "Noto Serif SC";
	font-family: "hm-light";
	font-weight: 500;
	line-height: 1.6667vw; /* 32 */
}

.model-top-text-bottom-3pic .info .left h3 {
	margin: 0.1563vw; /* 3 */
	font-size: 0.8854vw; /* 17 */
	font-family: "Noto Serif SC";
	font-family: "hm-light";
	line-height: 1.5625vw; /* 30 */
}

.model-top-text-bottom-3pic .info .right {
	width: 42.35%;
	height: auto;
	float: left;
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.model-top-text-bottom-3pic .pic-box {
	width: 100%;
	height: auto;
}

.model-top-text-bottom-3pic .pic-box img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.model-top-text-bottom-3pic .big {
	width: 75%; /* 1260 */
	height: 32.6042vw; /* 626 */
	float: left;
}

.model-top-text-bottom-3pic .small-box {
	width: 24%; /* 408 */
	height: 32.6042vw; /* 626 */
	float: right;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.model-top-text-bottom-3pic .small {
	width: 100%; /* 408 */
	height: 15.8854vw; /* 305 */
}


/* model-pic-list-3-item */
.model-pic-list-3-item .title {
	margin-bottom: 3.75vw; /* 72 */
}

.model-pic-list-3-item .title h2 * {
	font-family: "Noto Serif SC";
	font-family: "hm-light";
}

.model-pic-list-3-item ul {
	display: flex;
	column-gap: 2.33%;
	flex-wrap: wrap;
}

.model-pic-list-3-item ul li {
	width: 28.125vw; /* 540 */
	width: 31.78%;
	height: auto;
	margin-bottom: 3.75vw; /* 72 */
}

.model-pic-list-3-item .thumb {
	width: 100%;
	height: 18.125vw; /* 348 */
	float: left;
	margin-bottom: 1.5625vw; /* 30 */
}


.model-pic-list-3-item .thumb h5 {
	width: 100%;
	height: auto;
	padding: 1.25vw; /* 24 */
	position: absolute;
	left: 0;
	top: 0;
	color: #ffffff;
	font-size: 1.1458vw; /* 22 */
	line-height: 1.6667vw; /* 32 */
}

.model-pic-list-3-item .info {
	width: 100%;
	height: auto;
	float: left;
	color: #0d0d0d;
	text-align: center;
}

.model-pic-list-3-item .info p {
	font-size: 1.1458vw; /* 22 */
	line-height: 1.6667vw; /* 32 */
}

.model-pic-list-3-item .info a {
	color: #0d0d0d;
	font-size: 1.1458vw; /* 22 */
	line-height: 1.6667vw; /* 32 */
}

/* model scroll */
.model-scroll {
	margin: 4.1667vw 0; /* 80 */
	overflow: visible;
}

.model-scroll-list {
	width: 200vw;
}

.model-scroll-item {
	width: 20.8333vw; /* 400 */
	height: auto;
	float: left;
	margin: 0 0.8333vw; /* 16 */
}

.model-scroll-item .thumb {
	width: 100%;
	height: auto;
	position: relative;
}

.model-scroll-item .thumb img {
	width: 100%;
	height: auto;
	display: block;
}

.model-scroll-item .thumb img {
	transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
}

.model-scroll-item .thumb:hover img {
	transform: scale(1.15,1.15);
	-webkit-transform: scale(1.15,1.15);
	-moz-transform: scale(1.15,1.15);
	-ms-transform: scale(1.15,1.15);
}

.model-scroll-item .info {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 1.875vw; /* 36 */
}

.model-scroll-item .info p {
	color: #000000;
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

/* model awards */
.model-awards {
	margin-bottom: 3.125vw; /* 60 */
}

.model-awards .content-box {
	background: #e8e8e8;
}

.model-awards .info {
	width: auto;
	height: 39.0625vw; /* 750 */
	float: left;
	padding: 6.5625vw 0 0 5.3125vw; /* 126 102 */
}

.model-awards .info h2 {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 0.9375vw; /* 18 */
	font-size: 1.1458vw; /* 22 */
	font-family: "Noto Serif SC";
	font-family: "hm-light";
	line-height: 1.6667vw; /* 32 */
}

.model-awards .info p {
	width: 100%;
	height: auto;
	float: left;
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.model-awards .info img {
	width: 9.9479vw; /* 191 */
	position: absolute;
	left: 5.3125vw; /* 102 */
	bottom: 0.9375vw; /* 18 */
}

.model-awards .pic {
	width: 59.375vw; /* 1140 */
	height: 39.0625vw; /* 750 */
	float: right;
}

/* model-top-text-bottom-2pic-full */
.model-top-text-bottom-2pic-full {
	margin-bottom: 3.125vw; /* 60 */
}

.model-top-text-bottom-2pic-full .title {
	margin: 3.125vw 0 2.8125vw 0; /* 60 54 */
	margin: 0 0 2.8125vw 0; /* 54 */
}

.model-top-text-bottom-2pic-full .title .left {
	width: 65%; /* 1156 */
	height: auto;
	float: left;
	padding: 0 5.625vw;
}

.model-top-text-bottom-2pic-full .title .left h2, .model-top-text-bottom-2pic-full .title .left h2 * {
	font-size: 1.1458vw; /* 22 */
	font-family: "Noto Serif SC";
	font-family: "hm-light";
	font-weight: 500;
	line-height: 1.6667vw; /* 32 */
}

.model-top-text-bottom-2pic-full .title .right {
	width: 35%;
	height: auto;
	float: left;
}

.model-top-text-bottom-2pic-full .title .right p {
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.model-top-text-bottom-2pic-full .pic-box {
	display: flex;
	flex-wrap: wrap;
	column-gap: 1%;
}	

.model-top-text-bottom-2pic-full .pic-box li {
	width: 49.5%; /* 841 */
	height: auto;
}

.model-top-text-bottom-2pic-full .pic-box li .thumb {
	width: 100%;
	height: 20.8333vw; /* 400 */
	float: left;
}

.model-top-text-bottom-2pic-full .pic-box li .info {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 1.5625vw; /* 30 */
}

.model-top-text-bottom-2pic-full .pic-box li .info p {
	font-size: 1.1458vw; /* 22 */
	line-height: 1.6667vw; /* 32 */
	text-align: center;
}

/* model-top-text-bottom-2pic-center */
.model-top-text-bottom-2pic-center {
	margin-bottom: 3.125vw; /* 60 */
}

.model-top-text-bottom-2pic-center .title {
	margin: 0 0 2.8125vw 0; /* 54 */
}

.model-top-text-bottom-2pic-center .title h2, .model-top-text-bottom-2pic-center .title h2 * {
	font-size: 1.1458vw; /* 22 */
	font-family: "Noto Serif SC";
	font-family: "hm-light";
	font-weight: 500;
	line-height: 1.6667vw; /* 32 */
}

.model-top-text-bottom-2pic-center .title h2 {
	width: 100%;
	height: auto;
	float: left;
}

.model-top-text-bottom-2pic-center .title p {
	width: 100%;
	height: auto;
	float: left;
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.model-top-text-bottom-2pic-center .title p.gap {
	margin-top: 1.5625vw; /* 30 */
}

.model-top-text-bottom-2pic-center .pic-box {
	display: flex;
	justify-content: center;
	column-gap: 2.5vw; /* 48 */
}	

.model-top-text-bottom-2pic-center .pic-box li {
	width: 31.5625vw; /* 606 */
	height: auto;
}

.model-top-text-bottom-2pic-center .pic-box li .thumb {
	width: 100%;
	height: 20.4688vw; /* 393 */
	float: left;
}

.model-top-text-bottom-2pic-center .pic-box li .info {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 1.5625vw; /* 30 */
}

.model-top-text-bottom-2pic-center .pic-box li .info p {
	font-size: 1.1458vw; /* 22 */
	line-height: 1.6667vw; /* 32 */
	text-align: center;
}

/* full pic abs text */
.model-full-pic-abs-text {
	margin-bottom: 3.75vw; /* 72 */
}

.model-full-pic-abs-text .title {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 3.75vw; /* 72 */
}

/* model-pop-text-pic-list */
.model-pop-text-pic-list {
	margin-bottom: 0.9375vw; /* 18 */
}

.model-pop-text-pic-list ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.model-pop-text-pic-list ul li {
	width: 49.5%; /* 841 */
	height: auto;
	margin-bottom: 2.8125vw; /* 54 */
}

.model-pop-text-pic-list ul li .thumb {
	width: 100%;
	height: auto;
	position: relative;
}


.model-pop-text-pic-list ul li .thumb h5 {
	width: 100%;
	height: 5.9375vw; /* 114 */
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	font-size: 1.1458vw; /* 22 */
	font-family: "Noto Serif SC";
	font-family: "hm-light";
	font-weight: 500;
	line-height: 1.6667vw; /* 32 */
	text-align: center;
	transform: translate3d(0, 100%, 0);
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
	transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .5s cubic-bezier(0.54, 0, 0.19, 1.08);
}

.model-pop-text-pic-list ul li .thumb:hover h5 {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.model-pop-text-pic-list ul li .info {
	width: 100%;
	height: auto;
	margin-top: 1.5625vw; /* 30 */
	text-align: center;
}

/* small pic center */
.model-small-pic-center .title {
	margin-bottom: 2.8125vw; /* 54 */
}

.model-small-pic-center ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 0.9558%;
}

.model-small-pic-center ul li {
	width: 19.2353%; /* 237 */
	height: auto;
}

.model-small-pic-center ul li .thumb {
	width: 100%;
	height: auto;
	float: left;
}

.model-small-pic-center ul li .info {
	width: 100%;
	height: auto;
	float: left;
	margin: 1.5625vw 0 3.125vw 0; /* 30 60 */
	text-align: center;
}

.model-small-pic-center ul li .info p {
	font-size: 0.8854vw;
	line-height: 1.5625vw;
	font-size: 17px;
	line-height: 30px;
}


/*---------------- model system ----------------*/
.model-system {
	margin-bottom: 3.75vw; /* 72 */
}

.model-system.diy {
	margin: 0 0 4.1667vw 0; /* 80 */
}

.model-system-part-title {
	width: 100%;
	height: auto;
	float: left;
	color: #bb9880;
	font-size: 0.8854vw; /* 17 */
	font-weight: bold;
	line-height: 1.5625vw; /* 30 */
}

.model-system-part-title.gap {
	margin-bottom: 1.5625vw; /* 30 */
}

.model-system-part-title.black, .model-system-part-title.black span {
	color: #0d0d0d;
}

.model-system-part-title span {
	font-weight: bold;
}

.model-system .title {
	margin: 3.75vw 0 3.125vw 0; /* 72 60 */
}

.model-system-item {
	width: 20.9375vw; /* 402 */
	width: auto;
	height: auto;
}

.model-system-item .thumb {
	width: 100%;
	height: auto;
	height: 30.7813vw; /* 591 */
	position: relative;
	overflow: hidden;
}

.model-system-item .thumb img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.model-system-item, .model-system-item .thumb, .model-system-item .thumb img, .model-system-item .thumb p {
	transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-webkit-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-moz-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	-ms-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
}

.model-system-item .thumb:hover img {
	transform: scale(1.1,1.5);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}

.model-system-item .thumb p {
	width: 100%;
	height: 5.9375vw; /* 114 */
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate3d(0, 100%, 0);
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
}

.model-system-item .thumb:hover p {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}


.model-system-item .info {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 0.9375vw; /* 18 */
	text-align: center;
}


.model-system-item .info a {
	color: #000000;
	font-size: 1.1458vw; /* 22 */
	line-height: 1.6667vw; /* 32 */
	font-weight: bold;
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}

.model-system-item .info p {
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
	text-align: left;
}

.model-system-item .info a.btn-more {
	display: none;
}


.model-system-swiper .swiper-button-next, .model-system-swiper .swiper-button-prev {
	width: 3.125vw; /* 60 */
	height: 3.125vw; /* 60 */
	margin-top: -1.5625vw;
	background: #e7e7e7;
	border-radius: 50%;
	opacity: 0.6;
	color: #bb9880;
}

.model-system-swiper .swiper-button-prev {
	left: 6.75%;
}

.model-system-swiper .swiper-button-next {
	right: 6.75%;
}

.model-system-swiper .swiper-button-next::after, .model-system-swiper .swiper-button-prev::after {
	font-size: 1.0938vw; /* 21 */
}

/*---------------- model series ----------------*/
.model-series {

}

.model-series .title {
	padding: 5.3125vw 0 3.2813vw 0; /* 102 63 */
}

.model-series ul {
	padding: 0 6.25vw; /* 120 */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.model-series ul li {
	width: 36.875vw; /* 708 */
	margin-bottom: 3.125vw; /* 60 */
}

.model-series ul li .thumb {
	width: 100%;
	height: 22.9167vw; /* 440 */
	margin-bottom: 0.9375vw; /* 18 */
}

.model-series ul li .info {
	text-align: center;
}

.model-series ul li a {
	color: #000000;
	font-size: 1.1458vw; /* 22 */
	line-height: 1.6667vw; /* 32 */
	font-weight: bold;
	font-size: 0.8854vw; /* 17 */
	line-height: 1.5625vw; /* 30 */
}