@charset "utf-8";
@media (min-width: 1px) and (max-width: 768px){
	/*---------------- base ----------------*/
	.lg {
		display: none !important;
	}

	img.lg {
		display: none !important;
	}
		
	.xs {
		display: block;
	}

	img.xs {
		display: block !important;
	}
	
	.layout-padding, .xs-layout-padding {
		padding-left: 5.2vw; /* 39 */
		padding-right: 5.2vw; /* 39 */
	}
	
	.content-padding {
		padding: 0 2.4vw; /* 18 */
	}

	.sticky-box {
		background: url(../images/m/menu_arrow.png) no-repeat 0.75vw 27.2vw  / 2.5333vw auto;
	}
	
	
	/*---------------- header ----------------*/
	.header {
		height: 17.6vw !important; /* 132 */
		position: fixed !important;
		top: 0 !important;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.header-bg {
		height: 17.6vw; /* 132 */
	}

	.header .logo a {
		width: 31.6vw; /* 237 */
		height: 4.4vw; /* 33 */
		width: 42vw; /* 315 */
		height: 6.4vw;
	}

	.header .logo.g a {
		width: 28vw;
		height: 6.4vw;
	}

	.header .logo.customization a {
		width: 32.9334vw;
		height: 4.4vw;
	}

	.header .logo.maguo a {
		height: 4.8vw;
	}

	.header .logo a img {
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		-webkit-transform: translate3d(-50%, 0, 0);
	}


	.nav {
		display: none;
	}

	.search {
		width: 5.6vw; /* 42 */
		height: 4.5333vw; /* 34 */
	}

	.search a {
		width: 4.5333vw; /* 34 */
		height: 4.5333vw;
	}

	.btn-menu {
		width: 5.6vw; /* 42 */
		height: 4.5333vw; /* 34 */
		position: relative;
		transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}
	

	.btn-menu::before, .btn-menu::after {
		content: " ";
		width: 100%;
		height: 1px;
		display: block;
		margin-top: -0.5px;
		position: absolute;
		left: 0;
		top: 50%;
		background: #8d8d8d;
		opacity: 0;
		transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}

	.btn-menu::before {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}

	.btn-menu::after {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	.btn-menu i {
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
	}

	.btn-menu i::before {
		content: " ";
		width: 100%;
		height: 3.0667vw; /* 23 */
		display: block;
		box-sizing: border-box;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		position: absolute;
		left: 0;
		top: 0;
		transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}

	.btn-menu i::after {
		content: " ";
		width: 4vw; /* 30 */
		height: 3.0667vw; /* 23 */
		display: block;
		box-sizing: border-box;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		position: absolute;
		left: 0;
		bottom: 0;
		transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}

	.btn-menu.show {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}

	.btn-menu.show::before, .btn-menu.show::after {
		opacity: 1;
	}

	.btn-menu.show i::before, .btn-menu.show i::after {
		opacity: 0;
	}
	/* fixed */
	.header.fixed .btn-menu i::before, .header.fixed .btn-menu i::after {
		border-color: #8d8d8d;
	}

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

	/* show-menu */
	.header.show-menu .logo img.white {
		opacity: 0;
	}
	
	.header.show-menu .logo img.gray {
		opacity: 1;
	}

	.header.show-menu .btn-menu i::before, .header.show-menu .btn-menu i::after {
		border-color: #8d8d8d;
	}

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

	/*---------------- menu ----------------*/
	.menu {
		width: 100%;
		height: 100%;
		padding: 17.6vw 0 0 0; /* 132 */
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1900;
		background: #ffffff;
		transform: translate3d(-100%, 0, 0);
		-webkit-transform: translate3d(-100%, 0, 0);
		transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
		overflow-y: auto;
	}

	.menu.show {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	.menu-box {
		width: 200%;
		height: 100%;
		transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}

	.menu-box.next {
		transform: translate3d(-50%, 0, 0);
		-webkit-transform: translate3d(-50%, 0, 0);
	}

	.menu-page {
		width: 50%;
		height: auto;
		min-height: 100%;
		float: left;
	}

	.sub-menu ul {
		display: none;
	}

	.sub-menu ul.show {
		display: block;
	}

	.menu ul {
		width: 100%;
		height: auto;
		float: left;
		border-top: 1px solid #e8e8e8;
	}

	.menu ul li {
		width: 100%;
		height: 17.6vw; /* 132 */
		float: left;
		padding: 0 5.3333vw; /* 40 */
		border-bottom: 1px solid #e8e8e8;
		position: relative;
	}

	.menu ul li::after {
		content: " ";
		width: 2.5333vw; /* 19 */
		height: 4.5333vw; /* 34 */
		margin-top: -2.2667vw;
		display: none;
		background: url(../images/m/menu_arrow.png) no-repeat 0 0 / 100%;
		position: absolute;
		top: 50%;
	}

	.menu ul li.next::after {
		display: block;
		right: 5.3333vw;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}

	.menu ul li.back::after {
		display: block;
		left: 5.3333vw;
	}

	.menu ul li a {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		color: #191919;
		font-size: 4vw; /* 30 */
	}

	.menu ul li.back a {
		justify-content: center;
	}

	
	/*---------------- footer ----------------*/
	.ft-top {
		margin-top: 10vw; /* 75 */
		display: flex;
		justify-content: center;
	}

	.ft-logo {
		width: auto;
		height: 9.2vw; /* 69 */
		height: auto;
	}

	.ft-logo img {
		width: auto;
		height: 4.5333vw; /* 34 */

		width: 100vw;
		height: auto;
		margin-left: -5.2vw;
	}

	.ft-logo img.g {
		width: auto;
		height: 5.8667vw; /* 44 */
	}

	.ft-logo img.plus {
		width: auto;
		height: 9.2vw; /* 69 */
		height: 5.2vw; /* 69 */
	}

	.ft-logo img.customization {
		width: auto;
		height: 4.5333vw; /* 34 */
	}

	.ft-logo img.maguo {
		width: auto;
		height: 4.5333vw; /* 34 */
	}

	.ft-middle {
		margin-top: 14vw; /* 105 */
		margin-top: 12vw; /* 90 */
		padding-bottom: 6.8vw; /* 51 */
		justify-content: center;
		border-bottom: 0;
	}

	.ft-sns ul {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.ft-sns ul li {
		margin: 0 1.3333vw; /* 10 */
	}

	.ft-sns ul li span {
		display: none;
	}

	.ft-sns ul li a img {
		width: 6.4vw; /* 48 */
		height: 6.4vw;
	}

	.ft-sns ul li .qrcode {
		width: 24vw; /* 180 */
		margin-left: -12vw; /* 90 */
		padding: 0.8vw; /* 6 */
		border-radius: 4px;
		top: -28vw; /* 210 */
	}

	.ft-info {
		height: 13.3333vw; /* 100 */
		border-top: 1px solid #7e7e7e;
		border-bottom: 1px solid #7e7e7e;
	}

	.fti-item {
		width: 50%;
		height: 100%;
		float: left;
		display: flex;
		justify-content: space-between;
		align-items: center;

		width: 33%;
		flex-direction: column;
		justify-content: center;
	}

	.fti-item:nth-child(1) {
		padding-right: 3.2vw; /* 24 */
		border-right: 1px solid #7e7e7e;

		padding: 0;
		border: 0;
	}

	.fti-item:nth-child(2) {
		padding-left: 3.2vw; /* 24 */

		width: 34%;
		padding: 0;
		border-left: 1px solid #7e7e7e;
		border-right: 1px solid #7e7e7e;
	}

	.fti-item h3 {
		font-size: 2.4vw; /* 18 */
		margin-bottom: 2px;
	}

	.fti-item h2 {
		margin-left: 0;
		font-size: 3.4667vw; /* 26 */
	}


	.copyright {
		margin: 5.0667vw 0 6.8vw 0; /* 38 51  */
		font-size: 2.4vw;
		line-height: 4.2667vw;
		text-align: center;
	}

	
	/*---------------- bar ----------------*/
	.bar {
		transform: translate3d(17.6vw, -50%, 0);
		-webkit-transform: translate3d(17.6vw, -50%, 0);
		-ms-transform: translate3d(17.6vw, -50%, 0);
		-moz-transform: translate3d(17.6vw, -50%, 0);
	}

	.bar .ctrl {
		width: 6vw;
		height: 7.6vw;
		margin-top: -3.8vw;
		left: -7.2vw;
		left: -6vw;
		border: 0px solid #000000;
	} 

	.bar .ctrl img {
		width: 2.4vw; /* 18 */
	}

	.bar ul {
		width: 17.6vw; /* 132 */
		padding: 4vw 0 0 0; /* 30 */
		border: 0px solid #000000;
	}

	.bar ul li {
		margin-bottom: 4.8vw; /* 36 */
		display: flex;
		flex-direction: column;
	}

	.bar ul li img {
		width: 5.6vw; /* 42 */
		margin: 0 auto 0.8vw auto; /* 6 */
	}

	.bar ul li a {
		font-size: 2.6667vw; /* 20 */
		line-height: 120%;
	}

	
	/*---------------- home ----------------*/
	.home-banner-info {
		padding-bottom: 20vw; /* 150 */
		background-image: url(../images/m/home_banner_mask.png);
		text-align: center;
	}
	
	.home-banner-info h2 {
		font-size: 8vw; /* 60 */
		line-height: 100%;
	}
	
	.home-banner-info h3 {
		font-size: 8vw; /* 60 */
		line-height: 100%;
	}
	
	.home-banner-info p {
		margin-top: 4vw; /* 30 */
		font-size: 2.9333vw; /* 22 */
	}

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

	.home-intro .mask-pic {
		height: 141.0667vw; /* 1058 */
		margin-top: 77.3333vw; /* 580 */
	}

	.home-intro .mask-pic .mask-white {
		height: 36vw; /* 270 */
	}

	.home-intro .info h2 {
		margin: 20vw 0 6.4vw 0;/* 150 48 */
	}

	.home-brand .home-title {
		margin: 20vw 0 18.4vw 0;/* 150 138 */
	}

	.home-brand-list {
		width: 84.8vw; /* 636 */
		margin-bottom: 20vw; /* 150 */
		column-gap: 4.8vw; /* 36 */
		row-gap: 10.8vw; /* 81 */
	}

	.home-brand-item {
		width: 40vw; /* 300 */
		height: auto; /* 353 */
	}


	.home-brand-item .logo {
		width: 40vw; /* 300 */
	}

	.home-designer .home-title {
		left: 0;
		top: 16vw; /* 120 */
	}

	.home-designer-pic {
		background: #f2f1ef;
	}

	.home-designer-pic .master {
		top: auto;
		bottom: 0;
	}

	.home-designer-pic .mask {
		top: auto;
		bottom: 0;
	}

	
	.btn-more-arrow {
		padding-right: 6.1333vw; /* 46 */
		background-size: 3.4667vw; /* 26 */
		font-size: 3.3333vw; /* 25 */
		line-height: 4vw; /* 30 */
	}

	.home-full-model {
		margin-top: 13.2vw; /* 99 */
		margin-top: 0;
	}

	.home-count-model {
		margin-top: 13.2vw; /* 99 */
		margin-top: 0;
	}

	.home-count-model .info {
		top: 40.8vw; /* 306 */
	}

	.home-count-model .info .title {
		height: 6vw; /* 45 */
	}

	.home-count-model .info p {
		margin: 3.2vw 0 6vw 0; /* 24 45 */
		font-size: 4.5333vw; /* 34 */
	}

	.home-count-model .info ul li {
		float: left;
		margin: 0 8vw 5.6vw 8vw; /* 60 42 60 */
		text-align: center;
	}

	.home-count-model .info ul li h3 {
		font-size: 7.2vw; /* 54 */
	}

	.home-count-model .info ul li h4 {
		margin-top: 1.2vw; /* 9 */
		font-size: 3.2vw; /* 24 */
	}

	.home-customization {
		position: relative;
	}

	.home-customization .home-title {
		width: 100%;
		margin-left: 0;
		padding: 20vw 5.2vw 0 5.2vw; /* 150 */
		left: 0;
		background: none;
	}


	.home-customization .mask-pic {
		height: 162vw; /* 1215 */
		margin-top: 57.3333vw; /* 430 */
	}

	.home-customization .mask-white {
		height: 60%;
		top: 0;
	}

	
	/*---------------- g ----------------*/
	.g-banner-info {
		bottom: 15.2vw; /* 114 */
	}

	.g-banner-info h2 {
		font-size: 5.3333vw; /* 40 */
		line-height: 7.3333vw; /* 55 */
	}

	.g-banner-info p {
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}

	.g-part-title {
		font-size: 2.4vw; /* 18 */
		line-height: 4vw; /* 30 */
	}

	.g-part-title span {
		padding-right: 4.4vw; /* 33 */
	}

	.g-part-title span::before {
		width: 10px;
		height: 9px;
		margin-top: -4.5px;
	}

	.g-part-title span::after {
		width: 10px;
	}

	.g-info h2, .g-info h2 span {
		font-size: 4.5333vw; /* 34 */
		line-height: 6.4vw; /* 48 */
	}

	.g-info p, .g-info p span {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}

	.g-brand-intro .g-part-title {
		margin: 16vw 0 7.2vw 0; /* 120 54 */
	}

	.g-brand-intro-info {
		margin-bottom: 10.4vw; /* 78 */
	}

	.g-brand-intro-info .left * {
		font-size: 4.5333vw; /* 34 */
		line-height: 6.4vw; /* 48 */
	}

	.g-brand-intro-info .right {
		float: left;
		margin-top: 6vw; /* 45 */
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}
	
	.g-brand-value {
		height: auto;
	}

	.g-brand-value .g-part-title {
		margin-top: 16vw; /* 120 */
	}

	.g-brand-value .pic {
		height: 74.8vw; /* 561 */
		top: 20vw; /* 150 */
	}

	.g-brand-value .info {
		width: 89.6vw; /* 672 */
		margin: 64vw auto 0 auto; /* 480 */
		padding: 6vw 0 10.8vw 0; /* 45 81 */
	}

	.g-brand-value .info .left {
		width: 100%;
		margin-bottom: 4vw; /* 30 */
	}

	.g-brand-value .info .left h2 {
		display: flex;
		justify-content: center;
		margin-bottom: 4vw; /* 30 */
	}

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

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

	.g-brand-value .info .right {
		width: 100%;
		float: left;
		padding-right: 0;
	}

	.g-brand-value .line {
		margin-top: 0;
	}

	.g-brand-concept {
		height: 155.2vw; /* 1164 */
	}

	.g-brand-concept .g-part-title {
		margin-top: 16vw; /* 120 */
	}

	.g-brand-concept .pic {
		height: 105.8667vw; /* 794 */
		top: 49.2vw; /* 369 */
	}

	.g-brand-concept .info {
		margin: 18.4vw 0 0 0; /* 138 */
	}

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

	.g-brand-concept .info h2 * {
		font-weight: bold;
	}

	.g-system .g-part-title {
		margin-top: 16vw; /* 120 */
	}

	.g-system .system-title {
		margin: 8vw 0 6.4vw 0; /* 60 48 */
	}

	.g-system-list {
		margin-bottom: 13.2vw; /* 99 */
	}

	.g-system-item {
		width: 41.0667vw; /* 308 */
		margin: 0 0 0 4vw; /* 30 */
	}

	.g-system-item .thumb {
		height: 58vw; /* 435 */
	}

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

	.g-system-item .thumb p {
		display: none;
	}

	.g-system-item .info {
		margin-top: 4vw; /* 30 */
	}

	.g-system-item .info a {
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}
	
	.g-system-item .info a.btn-more {
		margin: 2vw auto 0 auto; /* 15 */
		display: flex;
		font-size: 2.4vw; /* 18 */
	}

	.g-products .g-part-title {
		margin-top: 16vw; /* 120 */
	}

	.g-products .g-info {
		margin: 8.8vw 0 12.4vw 0;/* 66 93 */
	}

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

	.g-products .g-info .left h2 * {
		font-size: 4.5333vw; /* 34 */
		line-height: 6.4vw; /* 48 */
	}

	.g-products .g-info .right {
		width: 100%;
		float: left;
		margin: 6.4vw 0 0 0; /* 48 */
	}

	.g-products .g-info .right p * {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}


	.g-products-list {
		width: 100%;
		padding-bottom: 6.4vw; /* 48 */
	}

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

	.g-products-item:nth-child(1) {
		margin-right: 0;
	}

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

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

	.g-products-item .info {
		height: 13.6vw; /* 102 */
		padding: 0 6.4vw; /* 48 */
		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 {
		max-height: 7.2vw; /* 54 */
	}

	.g-products-item .title {
		height: 9.6vw; /* 72 */
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}

	.g-technique .g-part-title {
		margin-top: 16vw; /* 120 */
	}

	.g-technique .g-info {
		margin: 8.8vw 0 12.4vw 0;/* 66 93 */
		padding: 0;
	}

	.g-technique .g-info .left {
		width: 100%;
	}

	.g-technique .g-info .left h2 {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.g-technique .g-info .left h2 * {
		font-size: 4.5333vw; /* 34 */
		line-height: 6.4vw; /* 48 */
	}

	.g-technique .g-info .right {
		width: 100%;
		float: left;
		margin: 6.4vw 0 0 0; /* 48 */
	}
	
	.g-technique .g-info .right p * {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}

	.g-technique-list {
		margin-bottom: 0;
		flex-wrap: wrap;
	}

	.g-technique-item {
		width: 100%;
		margin-bottom: 8vw; /* 60 */
	}

	.g-technique-item h2 {
		width: 26.4vw; /* 198 */
		height: 26.4vw; /* 198 */
		margin-left: -13.2vw;/* 99 */
		top: 12vw; /* 90 */
		font-size: 4vw; /* 30 */
		line-height: 4.8vw; /* 36 */
	}

	.g-technique-item p {
		top: 46.4vw; /* 348 */
		font-size: 2.4vw; /* 18 */
		line-height: 3.2vw; /* 24 */
	}

	.g-technique-banner {
		margin-bottom: 5vw;
	}

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

	.g-technique-banner .swiper-slide img {
		width: 100%;
		height: 66.6667vw; /* 500 */
		object-fit: cover;
	}


	.g-technique-banner .swiper-slide .swiper-mask-info {
		background: #ffffff;
	}

	.g-technique-thumb {
		width: 89.6vw; /* 672 */
		margin: 7.2vw auto 8vw auto; /* 54 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 {
		width: 42.4vw; /* 318 */
	}

	.g-technique-thumb .swiper-slide img {
		height: 26.8vw; /* 201 */
		object-fit: cover;
 	}

	.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: 4vw; /* 30 */
		background-size: 5px;
	}

	.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 {
		padding-bottom: 16vw; /* 120 */
		background: url(../images/m/customization_banner_mask.png);
	}

	.customization-banner-info h2 {
		font-size: 6.6667vw; /* 50 */
		line-height: 7.3333vw; /* 55 */
	}

	.customization-banner-info h3 {
		font-size: 6.6667vw; /* 50 */
		line-height: 7.3333vw; /* 55 */
	}

	.customization-banner-info p {
		font-size: 2.9333vw; /* 22 */
		line-height: 4vw; /* 30 */
		letter-spacing: 1.6vw; /* 12 */
	}

	.customization-part-title {
		margin-bottom: 4.8vw; /* 36 */
		font-size: 2.4vw; /* 18 */
		line-height: 6.4vw; /* 48 */
	}

	.customization-brand .info {
		margin: 10.8vw 0 12.4vw 0; /* 81 93 */
		padding: 0 9.2vw; /* 69 */
		padding: 0 5.2vw;
	}


	.customization-brand .clip-box {
		height: auto;
	}

	.customization-system .customization-part-title {
		margin-top: 11.2vw ; /* 84 */
		margin-bottom: 5.2vw; /* 93 */
	}

	.customization-system .title {
		margin-bottom: 7.3333vw; /* 55 */
		flex-direction: column;
		justify-content: flex-start;
	}

	.customization-system .info {
		width: 100%;
	}
	
	.customization-system .info h2, .customization-system .info h2 * {
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}

	.customization-system .system-title {
		margin-top: 6.2667vw;
	}


	.customization-system-list {
		margin-bottom: 13.2vw; /* 99 */
	}

	.customization-system-item {
		width: 41.0667vw; /* 308 */
		margin: 0 0 0 4vw; /* 30 */
	}

	.customization-system-item .thumb {
		height: 58vw; /* 435 */
	}


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

	.customization-system-item .thumb p {
		display: none;
	}


	.customization-system-item .info {
		margin-top: 4vw; /* 30 */
	}


	.customization-system-item .info a {
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}
	
	.customization-system-item .info a.btn-more {
		margin: 2vw auto 0 auto; /* 15 */
		display: flex;
		font-size: 2.4vw; /* 18 */
	}

	.customization-case {
		padding: 8vw 0; /* 60 */
	}

	.customization-case .swiper-button-next, .customization-case .swiper-button-prev {
		display: none;
	}

	.customization-case .swiper-pagination {
		top: 64vw; /* 480 */
		bottom: auto !important;
	}


	/* maguo */
	.customization-products .info {
		padding: 12.8vw 0 12vw 0; /* 96 90 */
	}

	.customization-products .info h2 * {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}

	.customization-products ul  {
		padding-bottom: 6.4vw; /* 48 */
	}

	.customization-products ul li {
		width: 43.6vw; /* 327 */
		margin-bottom: 4vw; /* 30 */
	}

	.customization-products ul li .clip-box {
		width: 43.6vw; /* 327 */
		height: 27.0667vw; /* 203 */
		margin-bottom: 3.6vw; /* 27 */
	}

	.customization-products ul li h2 {
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}

	.customization-future .info {
		margin: 12.8vw 0 12vw 0; /* 96 90 */
	}

	.customization-future .info h2 * {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}

	.customization-future  .customization-part-title * {
		font-size: 4.5333vw; /* 34 */
		line-height: 5.8667vw; /* 44 */
	}

	.customization-coop-model .title {
		margin-top: 12.8vw; /* 96 */
	}

	.customization-coop-model  .customization-part-title * {
		font-size: 4.5333vw; /* 34 */
		line-height: 5.8667vw; /* 44 */
	}

	.customization-coop-model .title h2 * {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}

	.customization-coop-model .pic .left, .customization-coop-model .pic .right {
		width: 18.8vw; /* 141 */
		height: 18.8vw;
		margin-top: 0;
		top: 13.6vw; /* 102 */
	} 

	.customization-coop-model .pic .left {
		left: 5.2vw; /* 39 */
	}

	.customization-coop-model .pic .right {
		right: 5.2vw; /* 39 */
	}

	.customization-coop-model .info {
		margin: 4.8vw 0 5.6vw 0; /* 36 42 */
		display: flex;
		justify-content: center;
		align-items: center;
		color: #101010;
		font-size: 2.9333vw; /* 22 */
		line-height: 5.3333vw; /* 40 */
	}

	.customization-coop-model .info i {
		width: 19.2vw; /* 144 */
		height: 5.3333vw; /* 40 */
		margin: 0 1.3333vw; /* 10 */
		border-radius: 1.6vw; /* 12 */
		font-size: 2.9333vw; /* 22 */
		line-height: 5.3333vw; /* 40 */
	}

	.customization-coop-advantage .pic {
		width: 100%;
		height: 61.3333vw; /* 460 */
		margin-bottom: 177.2vw; /* 1329 */
	}

	.customization-coop-advantage .title {
		top: 18.8vw; /* 141 */
	}

	.customization-coop-advantage .title h2 * {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}

	.customization-coop-advantage ul {
		padding: 0 8vw; /* 60 */
		top: 69.3333vw; /* 520 */
		flex-wrap: wrap;
	}

	.customization-coop-advantage ul li {
		width: 40vw; /* 300 */
		height: 47.6vw; /* 357 */
		margin-bottom: 6.4vw; /* 48 */
		padding: 4vw; /* 30 */
		background: #f9f9f9;
		border-radius: 5px;
	}


	.customization-coop-advantage ul li h2 {
		margin-bottom: 0.8vw; /* 6 */
		font-size: 3.4667vw; /* 26 */
		font-weight: bold;
		line-height: 4.2667vw; /* 32 */
	}

	.customization-coop-advantage ul li p {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}


	.customization-partner {
		padding-bottom: 12.8vw; /* 96 */
	}

	.customization-partner .title {
		margin: 10.1333vw 0; /* 76 */
	}

	.customization-partner .title h2 * {
		font-size: 4vw; /* 30 */
		font-weight: bold;
		line-height: 4vw;
	}

	.customization-partner .pic {
		padding: 0 9.6vw;
	}

	.customization-concept .info {
		margin: 8vw 0 7.2vw 0; /* 60 54 */
		padding: 0 7.2vw; /* 54 */
		position: relative;
		top: 0;
	}

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

	.customization-concept .pic {
		height: 66.6667vw; /* 500 */
	}

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

	.plus-banner-info {
		padding-bottom: 13.6vw; /* 102 */
		background: url(../images/m/plus_banner_mask.png) no-repeat 0 0 / 100% 100%;
	}

	.plus-banner-info h2 {
		height: 6.9333vw;
	}

	.plus-banner-info h2 img {
		height: 6.9333vw; /* 52 */
	}

	.plus-banner-info p {
		margin-top: 1.6vw; /* 12 */
		font-size: 2.6667vw; /* 20 */
		line-height: 4vw; /* 30 */
		letter-spacing: 2vw; /* 15 */
	}

	.plus-part-icon {
		width: 8vw; /* 60 */
		margin: 0 auto 0.8vw auto; /* 6 */
	}

	.plus-part-title {
		margin-bottom: 4.8vw; /* 36 */
		font-size: 2.4vw; /* 18 */
		line-height: 3.4667vw; /* 36 */
	}


	.plus-brand .title {
		margin: 14vw 0 11.2vw 0; /* 105 84 */
	}

	.plus-brand .intro {
		margin-top: 13.6vw; /* 102 */
		flex-direction: column;
	}

	.plus-brand .intro .thumb {
		width: 100%;
		height: auto;
	}

	.plus-brand .intro .info {
		padding-bottom: 12vw; /* 90 */
	}

	.plus-brand .intro .info h2 {
		margin: 8vw 0 6.6667vw 0; /* 60 50 */
	}

	.plus-brand .intro .info h2 img {
		height: 4.2667vw; /* 32 */
	}

	.plus-concept .title {
		margin: 14vw 0 12.8vw 0; /* 105 96 */
	}

	.plus-concept ul {
		width: 60.8vw; /* 456 */
		margin: 0 auto 8vw auto; /* 60 */
		flex-wrap: wrap;
	}

	.plus-concept ul li {
		width: 22.4vw;
		height: 22.4vw;
		margin-bottom: 8vw; /* 60 */
		line-height: 4vw; /* 30 */
	}

	.plus-concept ul li h2 {
		font-size: 3.4667vw; /* 26 */
		line-height: 4vw; /* 30 */
	}

	.plus-concept ul li p {
		font-size: 2.2667vw; /* 17 */
		line-height: 4vw; /* 30 */
	}

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

	.plus-concept .pic .icon-box {
		width: 100%;
		margin-left: 0;
		padding: 0 6.4vw; /* 48 */
		left: 0;
		top: 10.8vw; /* 81 */
	}

	.plus-concept .pic .icon img {
		width: 8vw; /* 60 */
		height: 8vw; /* 60 */
		margin: 0 auto 0.8vw auto; /* 6 */
	}

	.plus-concept .pic .icon h2 {
		font-size: 2.9333vw; /* 22 */
		line-height: 5.6vw; /* 42 */
	}

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

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

	.plus-design .title {
		margin: 10vw 0 12.4vw 0; /* 75 93 */
	}

	.plus-design .clip-box {
		height: 66.6667vw; /* 500 */
	}

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

	.plus-product .title {
		margin: 10vw 0 12.4vw 0; /* 75 93 */
	}

	.plus-product .clip-box {
		height: 61.3333vw; /* 460 */
	}

	.plus-system {
		margin-top: 13.3333vw; /* 100 */
		background: #e8e8e8;
	}

	.plus-system .plus-part-title {
		margin: 14.4vw 0 0 0; /* 108 */
	}

	.plus-system .system-title {
		margin: 7.2vw 0 6vw 0; /* 54 45 */
	}

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

	.plus-system-item {
		width: 41.0667vw; /* 308 */
		margin: 0 0 0 4vw; /* 30 */
	}

	.plus-system-item .thumb {
		height: 58vw; /* 435 */
	}

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

	.plus-system-item .thumb p {
		display: none;
	}

	.plus-system-item .info {
		margin-top: 4vw; /* 30 */
	}

	.plus-system-item .info a {
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}

	.plus-system-item .info a.btn-more {
		margin: 2vw auto 0 auto; /* 15 */
		display: flex;
		font-size: 2.4vw; /* 18 */
	}


	.plus-product-type .title {
		margin: 10vw 0; /* 75 93 */
		padding: 0;
		border-top: 0px solid #000000;
	}

	.plus-product-type .plus-part-title {
		margin: 0;
	}

	.plus-product-type ul {
		margin-bottom: 8vw; /* 60 */
		padding: 0;
	}

	.plus-product-type ul li {
		width: 43.6vw; /* 327 */
		margin-bottom: 4vw; /* 30 */
	}

	.plus-product-type ul li .thumb {
		height: 26.8vw; /* 201 */
		margin-bottom: 2.4vw; /* 18 */
	}


	.plus-product-type ul li a {
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}


	.plus-tech {
		padding: 9.6vw 0; /* 72 */
		justify-content: flex-start;
		flex-direction: column;
	}

	.plus-tech .content-box {
		padding-top: 0;
		padding-bottom: 11.2vw; /* 84 */
		justify-content: space-between;
		text-align: center;
	}

	.plus-tech .content-box .info {
		margin-top: 0;
	}

	.plus-tech .content-box h2, .plus-tech .content-box h3, .plus-tech .content-box h4 {
		display: flex;
		justify-content: center;
	}

	.plus-tech .content-box h4 * {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.4vw; /* 48 */
	}

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


	.plus-tech .pic {
		width: 74.6667vw; /* 560*/
		float: none;
		margin: 0 auto 11.2vw auto; /* 84 */
	}

	.plus-tech .pic .icon {
		width: 14vw; /* 105 */
		height: 14vw;
		margin: -7vw 0 0 -7vw;
		font-size: 2.9333vw; /* 22 */
	}

	.plus-tech .pic .icon-1 {
		transform: translate3d(0.8vw, -20.5333vw, 0); /* 6 154 */
		-webkit-transform: translate3d(0.8vw, -20.5333vw, 0);
		-ms-transform: translate3d(0.8vw, -20.5333vw, 0);
		-moz-transform: translate3d(0.8vw, -20.5333vw, 0);
	}

	.plus-tech .pic .icon-2 {
		transform: translate3d(18.6667vw, -6.5333vw, 0); /* 140 49 */
		-webkit-transform: translate3d(18.6667vw, -6.5333vw, 0);
		-ms-transform: translate3d(18.6667vw, -6.5333vw, 0);
		-moz-transform: translate3d(18.6667vw, -6.5333vw, 0);
	}

	.plus-tech .pic .icon-3 {
		transform: translate3d(11.4667vw, 16.1333vw, 0); /* 86 121 */
		-webkit-transform: translate3d(11.4667vw, 16.1333vw, 0);
		-ms-transform: translate3d(11.4667vw, 16.1333vw, 0);
		-moz-transform: translate3d(11.4667vw, 16.1333vw, 0);
	}

	.plus-tech .pic .icon-4 {
		transform: translate3d(-11.4667vw, 16.1333vw, 0); /* 86 121 */
		-webkit-transform: translate3d(-11.4667vw, 16.1333vw, 0);
		-ms-transform: translate3d(-11.4667vw, 16.1333vw, 0);
		-moz-transform: translate3d(-11.4667vw, 16.1333vw, 0);
	}

	.plus-tech .pic .icon-5 {
		transform: translate3d(-18.6667vw, -6.5333vw, 0); /* 140 49 */
		-webkit-transform: translate3d(-18.6667vw, -6.5333vw, 0);
		-ms-transform: translate3d(-18.6667vw, -6.5333vw, 0);
		-moz-transform: translate3d(-18.6667vw, -6.5333vw, 0);
	}

	.plus-manufacture .pic {
		margin-top: 38.4vw; /* 288 */
	}

	.plus-manufacture .title {
		position: absolute;
		right: 0;
		top: 8vw; /* 60 */
	}

	.plus-manufacture .title h2, .plus-manufacture .title h3, .plus-manufacture .title p {
		justify-content: center;
	}

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

	.plus-service {
		margin-bottom: 13.6vw; /* 102 */
		padding: 0 5.2vw; /* 39 */
	}

	.plus-service .title {
		margin-top: 12vw; /* 90 */
	}

	.plus-service .title h2, .plus-service .title h4, .plus-service .title p, .plus-service .title .plus-part-title {
		display: flex;
		justify-content: center;
	}

	.plus-service .title h4 * {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.4vw; /* 48 */
	}

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

	.plus-service .pic {
		width: 62.4vw; /* 468 */
		margin: 11.2vw auto 5.6vw auto; /* 84 42 */
	}

	.plus-case {
		margin-bottom: 8vw; /* 60 */
		background: #ffffff;
	}

	.plus-case .swiper {
		width: 100%;
	}

	.plus-case .swiper .swiper-slide {
		height: auto;
		max-height: auto;
	}

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

	.plus-case .btn-more {
		margin-left: auto;
		margin-right: auto;
	}

	.plus-case .slide-pic {
		height: 66.6667vw; /* 500 */
		object-fit: cover;
	}

	.plus-case .swiper-pagination {
		top: 57.6vw; /* 432 */
		bottom: auto !important;
	}
	
	/*---------------- manufacture ----------------*/
	.manufacture-banner-info {
		bottom: 10vw; /* 75 */
		font-size: 5.3333vw; /* 40 */
		line-height: 6.1333vw; /* 46 */
		letter-spacing: 0.8vw; /* 6 */
	}

	.manufacture-facture .title {
		margin: 14.8vw 0 12.8vw 0; /* 111 96 */
		text-align: center;
	}

	.manufacture-facture .title h2 {
		margin-bottom: 6vw; /* 45 */
		font-size: 4vw; /* 30 */
		line-height: 6.4vw; /* 48 */
	}

	.manufacture-facture .title p {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.manufacture-facture ul li {
		width: 100%;
		margin-bottom: 0;
	}

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

	.manufacture-facture ul li .info {
		margin: 2.4vw 0; /* 18 */
		font-size: 2.6667vw; /* 20 */
		line-height: 4vw; /* 30 */
	}

	.manufacture-device .pic {
		height: 85.6vw; /* 642 */
	}


	.manufacture-device .title {
		position: relative;
		margin-bottom: 8.4vw; /* 63 */
	}

	.manufacture-device .title img {
		height: 8.6667vw; /* 65 */
		margin: 13.3333vw auto 5.3333vw auto; /* 100 40 */
	}
	
	.manufacture-device .icon-box {
		position: relative;
		top: 0;
	}

	.manufacture-device .icon-box ul {
		width: 100%; /* 1180 */
		padding: 0 16.8vw; /* 126 */
		flex-wrap: wrap;
		position: absolute;
		left: 0;
		top: 12.8vw; /* 96 */
	}

	.manufacture-device .icon-box ul li {
		width: 28vw; /* 210 */
		margin-bottom: 12vw; /* 90 */
	}

	.manufacture-device .icon-box ul li img {
		width: 10vw; /* 75 */
	}

	.manufacture-device .icon-box ul li h2 {
		margin: 1.6vw 0; /* 12 */
		font-size: 3.4667vw; /* 26 */
		line-height: 4.8vw; /* 36 */
	}

	
	.manufacture-device .icon-box ul li p {
		font-size: 2.9333vw; /* 22 */
		line-height: 4vw; /* 30 */
	}

	.manufacture-device .images-box {
		margin: 6vw 0; /* 45 */
		position: relative;
		top: 0;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.manufacture-device .images-box img {
		width: 43.2vw; /* 324 */
		height: 26.8vw; /* 201 */
		margin: 0 0 3.2vw 0; /* 24 */
		border: 0;
		border-radius: 0;
	}

	.manufacture-cert .title {
		float: left;
		margin: 14.8vw 0 12.6667vw 0; /* 111 95 */
		position: relative;
		top: 0;
	}

	.manufacture-cert .title h2 {
		margin-bottom: 6vw; /* 45 */
		font-size: 4vw; /* 30 */
		line-height: 6.4vw; /* 48 */
	}

	.manufacture-cert .title p {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.manufacture-cert .content-box {
		float: left;
		padding-bottom: 5.3333vw; /* 40 */
		position: relative;
		top: 0;
		background: #e9edf1;
		background-image: linear-gradient(to bottom, #ffffff 25%, #e9edf1 50%, #e9edf1 100%);
	}

	
	.manufacture-cert .content-box .info {
		padding: 11.3333vw 10vw 13.6vw 10vw; /* 85 75 102 75 */
		padding: 11.3333vw 5.2vw 13.6vw 5.2vw;
	}
	
	.manufacture-cert .content-box .info p {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.manufacture-cert .content-box ul {
		margin-top: 0; /* 126 */
		flex-direction: column;
		justify-content: center;
	}

	.manufacture-cert .content-box ul li {
		width: 100%;
		margin: 0 0 8vw 0; /* 60 */
	}	


	.manufacture-cert .content-box ul li img {
		height: auto;
	}

	.manufacture-cert .content-box ul li p {
		padding: 2.8vw 0; /* 21 */
		font-size: 2.9333vw; /* 22 */
		line-height: 4vw; /* 30 */
	}

	.manufacture-tech .title {
		margin: 12vw 0 7.2vw 0; /* 90 54 */
	}

	.manufacture-tech .title h2 {
		margin-bottom: 6vw; /* 45 */
		font-size: 4vw; /* 30 */
		line-height: 6.4vw; /* 48 */
	}

	.manufacture-tech .title p {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.manufacture-tech .pic {
		margin-top: 32vw; /* 240 */
	}

	.manufacture-tech .content-box {
		position: relative;
	}

	.manufacture-tech .content-box .icon-box {
		padding: 5.6vw 0; /* 42 */
		position: absolute;
		left: 0;
		top: 0;
	}

	.manufacture-tech .icon-big {
		width: 40vw; /* 300 */
	}

	.manufacture-tech .icon-small {
		width: 21.2vw; /* 159 */
		margin: -10.6vw 0 0  -10.6vw;
	}
	
	/*---------------- design ----------------*/
	.design-banner-info {
		width: 100%;
		padding: 0 20vw;
		right: 0;
		top: auto;
		bottom: 14.8vw; /* 111 */
		font-size: 11.2vw; /* 84 */
		line-height: 11.2vw; /* 84 */
		text-align: center;
	}

	.design {

	}

	.design .title {
		width: 100%;
		margin: 11.6vw 0 0 0; /* 87 */
	}

	.design .title h2 {
		margin: 0 0 5.2vw 0; /* 39 */
	}


	.designer-list {
		margin-bottom: 6.25vw; /* 120 */
	}

	.designer-item {
		margin-top: 15.2vw; /* 114 */
	}

	.designer-item .content-box {
		width: 100%;
		bottom: auto;
		top: 0;
	}


	.designer-item .content-box .info {
		position: absolute;
		left: 4vw; /* 30 */
		top: 17.6vw; /* 132 */
	}

	.designer-item .content-box .info.right {
		align-items: flex-end;
	}

	.designer-item .content-box .info h2 {
		font-size: 7.2vw; /* 54 */
	}

	.designer-item .content-box .info h3 {
		margin: 4.8vw 0 0.8vw 0; /* 36 6 */
		font-size: 4vw; /* 30 */
		line-height: 100%;
	}

	.designer-item .content-box .info p {
		font-size: 2.9333vw; /* 22 */
		line-height: 4vw; /* 30 */
	}

	.designer-item .content-box .info a {
		width: 18.8vw; /* 141 */
		height: 5.3333vw; /* 40 */
		margin-top: 8vw; /* 60 */
		border-radius: 2.6667vw;
		font-size: 2.4vw; /* 18 */
	}

	.designer-center {
		background: #e9e9e9;
	}

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


	.designer-center .title {
		top: 9.6vw; /* 72 */
	}

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


	.designer-center .title a {
		margin: 6.8vw auto; /* 51 */
	}

	.designer-awards {
		padding: 8.8vw 5.2vw 12.8vw 5.2vw; /* 66 39 96 39 */
	}

	.designer-awards .title {
		display: none;
	}

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

	.designer-awards-item {
		margin-bottom: 8vw; /* 60 */
		border-bottom: 0;
	}

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

	.designer-awards-item .thumb {
		display: none;
	}

	.designer-awards-item .right {
		width: 100%;
		float: left;
		padding-bottom: 0; /* 60 */
	}

	.designer-awards-item .right .info {
		width: 100%;
		height: 14.8vw; /* 111 */
		padding: 0 22.4vw 0 2.8vw; /* 168 21 */
		font-size: 2.4vw; /* 18 */
		line-height: 3.2vw; /* 24 */
	}

	.designer-awards-item .right .pic {
		width: 16.4vw; /* 123 */
		right: 3.2vw; /* 24 */
		bottom: 0;
	}

	.designer-awards-item .swiper-pagination {
		bottom: 1.6vw !important; /* 12 */
	}


	/*---------------- design show ----------------*/
	.designer-details-banner-info {
		padding-bottom: 13.6vw; /* 102 */
		justify-content: flex-end;
		background: url(../images/m/designer_banner_mask.png) no-repeat 0 0 / 100%;
	}

	.designer-details-banner-info h2 {
		font-size: 9.3333vw; /* 70 */
		line-height: 100%;
		overflow: visible;
	}

	.designer-details-banner-info h3 {
		height: 6.6667vw; /* 50 */
		margin: 1.6vw 0 3.6vw 0; /* 12 27 */
	}

	.designer-details-banner-info h3::before, .designer-details-banner-info h3::after {
		width: 9.3333vw; /* 70 */
		margin-left: -4.6667vw;
	}

	.designer-details .title {
		margin: 11.2vw 0 8vw 0; /* 84 60 */
	}

	.designer-details .title h3 {
		margin-bottom: 2.4vw; /* 18 */
		font-size: 2.1333vw; /* 16 */
	}

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

	.designer-details-title {
		width: 89.6vw; /* 672 */
		height: auto;
		margin: 6.4vw auto 0 auto; /* 48 */
		font-size: 2.4vw; /* 18 */
		line-height: 5.2vw; /* 39 */
	}

	.designer-details-content {
		margin-bottom: 5.6vw; /* 42 */
		margin: 10vw 0 0 0; /* 75 */
	}

	.designer-details-content .title {
		margin: 14.8vw 0; /* 111 */
		margin: 0 0 10vw 0; /* 75 */
	}


	.designer-details-content .title h2 {
		margin-bottom: 6.4vw; /* 48 */
		display: flex;
		justify-content: center;
	}

	.designer-case-full {
		margin-bottom: 13.2vw; /* 99 */
	}

	.designer-case .swiper-slide {
		width: 81.5104vw; /* 1565 */
	}
	.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 ----------------*/
	.xs-design-center-title h2, .xs-design-center-title h2 * {
		font-size: 4vw !important; /* 30 */
		font-weight: bold;
		line-height: 6.4vw !important; /* 48 */
	}

	.design-center .title {
		margin: 14.8vw 0 9.2vw 0; /* 111 69 */
	}

	.design-center-service .title {
		margin: 10.8vw 0; /* 81 */
	}

	.design-center-service-list {
		width: 150vw;
		height: auto;
	}
	
	.design-center-service-item {
		width: 41.0667vw; /* 308 */
		margin: 0 0 0 4vw; /* 30 */
	}
	
	.design-center-service-item img {
		height: 58vw; /* 435 */
	}
	
	.design-center-service-item h2 {
		margin: 3.6vw 0 9.6vw 0; /* 27 72 */
		font-size: 3.4667vw; /* 26 */
		line-height: 4.8vw; /* 36 */
	}

	.design-center-process .title {
		padding: 14.8vw 0 12vw 0; /* 111 90 */
	}


	.design-center-process-list {
		padding: 0 2vw; /* 15 */
	}

	.design-center-process-item {
		width: 24vw; /* 180 */
		margin-bottom: 6.4vw; /* 48 */
		padding-bottom: 8vw; /* 60 */
	}

	.design-center-process-item .icon {
		width: 14.4vw; /* 108 */
	}

	.design-center-process-item h2 {
		margin: 3.2vw 0 2.4vw 0; /* 24 18 */
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}

	.design-center-process-item p {
		padding-bottom: 2.8vw; /* 21 */
		font-size: 2.4vw; /* 18 */
		line-height: 4vw; /* 30 */
	}

	.design-center-process-item p::after {
		font-size: 2.9333vw; /* 22 */
	}

	.design-center-process-list.row-1 .design-center-process-item:last-child::after {
		width: 1.6vw; /* 12 */
		height: 2.8vw; /* 21 */
		margin: 0 0 0 -0.8vw;
	}

	.design-center-process-arrow {
		width: 4vw; /* 30 */
		height: 14.4vw; /* 108 */
	}

	.design-center-process-arrow::after {
		width: 1.6vw; /* 12 */
		height: 2.8vw; /* 21 */
		margin: -1.4vw 0 0 -0.8vw;
	}



	.design-center-product {
		padding: 0;
		background: #ffffff;
	}

	.design-center-product .info {
		width: 100%;
		padding: 0 5.2vw; /* 39 */
	}


	.design-center-product .swiper {
		width: 100%;
	}

	.design-center-product .sticky-container {
		margin-top: 9.6vw; /* 72 */
		padding-top: 13.6vw; /* 102 */
		background-color: #e8e8e8;
	}

	.design-center-product-list {
		width: 150vw;
		height: auto;
	}
	
	.design-center-product-item {
		width: 41.0667vw; /* 308 */
		height: auto;
		float: left;
		margin: 0 0 0 4vw; /* 30 */
	}
	
	.design-center-product-item img {
		height: 58vw; /* 435 */
	}
	
	.design-center-product-item h2 {
		margin: 3.6vw 0 9.6vw 0; /* 27 72 */
		font-size: 3.4667vw; /* 26 */
		line-height: 4.8vw; /* 36 */
	}


 
	.design-center-fix .title {
		margin-top: 14.8vw; /* 111 */
	}

	.design-center-fix ul {
		padding: 9.2vw 0 0 0; /* 69 */
		border-bottom: 0;
		flex-wrap: wrap;
	}

	.design-center-fix ul li {
		width: 41.6vw; /* 312 */
	}

	.design-center-fix ul li.full {
		width: 100%;
	}

	.design-center-fix ul li img {
		height: 38vw; /* 285 */
	}

	.design-center-fix ul li h2 {
		margin: 3.2vw 0 7.6vw 0; /* 24 */
		font-size: 3.2vw; /* 24 */
		line-height: 4.5333vw; /* 34 */
	}

	.design-center-case {
		margin-bottom: 0;
		padding-bottom: 12vw; /* 90 */
		background: #f9f7f8;
	}

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

	.design-center-case .title {
		margin: 13.6vw 0 9.6vw 0; /* 102 72 */
	}

	.design-center-case .swiper-pagination {
		width: 100%;
		height: auto;
		padding: 0;
		bottom: 16vw !important; /* 120 */
	}

	.design-center-case .swiper .thumb {
		width: 100%;
		height: auto;
		float: left;
	}

	.design-center-case .swiper .info {
		width: 100%;
		height: 13.6vw; /* 102 */
		float: left;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #646363;
	}
	
	.design-center-case .swiper .info p {
		color: #ffffff;
		font-size: 2.4vw; /* 18 */
		line-height: 4vw; /* 30 */
	}
	
	.design-center-case .swiper .info p span {
		font-size: 2.9333vw; /* 22 */
		font-weight: bold;
		line-height: 4.2667vw; /* 32 */
	}
	
	/*---------------- about ----------------*/
	.about-banner-info {
		bottom: 14.4vw; /* 108 */
		text-align: center;
	}

	.about-banner-info h2 {
		font-size: 6.6667vw; /* 50 */
		line-height: 100%;
	}

	.about-banner-info p {
		font-size: 6.6667vw; /* 50 */
		line-height: 100%;
	}

	.about-intro .clip-box {
		margin-top: 0;
	}

	.about-intro-info {
		padding: 0;
		position: relative;
		top: 0;
	}

	.about-intro-info .box {
		padding: 0 2.5333vw; /* 19 */
	}

	.about-intro-info .left {
		width: 100%;
		float: left;
		margin: 15.2vw 0 5.6vw 0; /* 114 42 */
	}

	.about-intro-info .right {
		width: 100%;
		float: left;
	}

	.about-brand {
		margin-top: 8vw; /* 60 */
	}

	.about-brand .pic .cloud {
		top: 107.2vw; /* 804 */
		top: 115.2vw; /* 864 */
	}

	.about-brand .pic .mask {
		height: 0; /* 72 */
		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: 0;
	}

	.about-brand .info .box {
		padding: 0;
		flex-direction: column;
		justify-content: flex-start;
	}

	.about-brand .info .box .left {
		width: 100%;
		margin: 4.2667vw 0 6.4vw 0; /* 32 48 */
	}

	.about-brand .info .box .left h2 span {
		font-size: 4vw; /* 30 */
		line-height: 6.4vw; /* 48 */
	}

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

	.about-brand .info .box .right h2 {
		margin: 6.9333vw 0 2.4vw 0; /* 52 18 */
	}
	
	.about-brand .info .box .right h2 * {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}

	.about-brand .info .box .right p * {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.about-brand-list {
		width: 100%;
		margin-left: 0;
		position: relative;
		left: 0;
		bottom: auto;
		flex-wrap: wrap;
	}

	.about-brand-item {
		width: 43.6vw; /* 327 */
		height: 33.3333vw; /* 250 */
		margin-top: 8vw; /* 60 */
		background: #f5f5f5;
	}

	.about-brand-item h2 {
		margin: 5.2vw 0 1.6vw 0; /* 39 12 */
		font-size: 3.4667vw; /* 26 */
		line-height: 4.2667vw; /* 32 */
	}

	.about-brand-item p {
		font-size: 3.2vw; /* 24 */
		line-height: 5.8667vw; /* 44 */
	}

	.about-founder .thumb {
		height: auto;
	}

	.about-founder .info {
		width: 100%;
		height: auto;
		margin: 12vw 0 11.2vw 0; /* 90 84 */
		position: relative;
		right: 0;
		justify-content: center;
	}

	.about-founder .info h2 * {
		font-size: 4vw; /* 30 */
		line-height: 6.4vw; /* 48 */
	}

	.about-founder .info p.gap {
		margin-top: 5.3333vw; /* 40 */
	}

	.about-founder .info p * {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.about-history .title {
		margin: 11.2vw 0 12vw 0; /* 84 90 */
	}

	.about-history .title h2 * {
		font-size: 4vw; /* 30 */
		line-height: 6.4vw; /* 48 */
	}

	.about-history .title p * {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.about-history .info p.gap {
		margin-top: 5.3333vw; /* 40 */
	}

	.about-history-list {
		margin-bottom: 13.6vw; /* 102 */
		padding: 0;
		overflow: visible;
	}

	.about-history-year {
		margin-bottom: 8vw; /* 8 */
	}

	.about-history-year-item {
		padding: 1.6vw 0; /* 12 */
	}

	.about-history-year-item p {
		font-size: 2.9333vw; /* 22 */
		font-weight: normal;
		line-height: 4vw; /* 30 */
		text-align: center;
	}
	
	.about-history-year-item.active p {
		font-weight: bold;
	}

	.about-history-list {
		padding: 0 1.6vw;
	}

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

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

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

	.about-history-list .swiper-button-next::after, .about-history-list .swiper-button-prev::after {
		font-size: 3.4667vw; /* 26 */
	}

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

	.about-history-item .thumb {
		width: 100%;
		height: auto;
	}

	.about-history-item .info h2 {
		margin-bottom: 4vw; /* 30 */
		font-size: 3.4667vw; /* 26 */
		line-height: 4.8vw; /* 36 */
	}

	.about-history-item .info p {
		min-height: 45.3333vw; /* 340 */
		font-size: 2.6667vw; /* 20 */
		line-height: 4.5333vw; /* 34 */
	}


	.about-cert {
		padding: 0;
	}

	.about-cert-box {
		padding-top: 12vw; /* 90 */
	}

	.about-cert .title h2 * {
		font-size: 4vw; /* 30 */
		line-height: 6.4vw; /* 48 */
	}

	.about-cert .pic {
		margin: 12vw 0 10.4vw 0; /* 90 78 */
	}

	.about-honor {
		margin-bottom: 8vw; /* 60 */
		margin-bottom: 0;
		padding-top: 12vw; /* 90 */
	}

	.about-honor .title h2 * {
		font-size: 4vw; /* 30 */
		line-height: 6.4vw; /* 48 */
	}

	.about-honor .title p * {
		font-size: 2.4vw; /* 18 */
		line-height: 4vw; /* 30 */
	}

	.about-honor .info p.gap {
		margin-top: 5.3333vw; /* 40 */
	}

	/*---------------- quality ----------------*/
	.quality-banner img {
		height: 98.6667vw; /* 740 */
	}

	.quality-banner-info {
		background: url(../images/m/quality_banner_mask.png) no-repeat 0 0 / 100% 100%;
	}

	.quality-banner-info h2 {
		bottom: 12.8vw; /* 96 */
		font-size: 5.3333vw; /* 40 */
		letter-spacing: 2vw; /* 15 */
	}

	/* quality product */
	.quality-product-brand .pic {
		margin: 8vw 0 13.6vw 0; /* 60 102 */
	}

	.quality-product-system .title {
		margin-top: 14.8vw; /* 111 */
	}

	.quality-product-system .title h2, .quality-product-system .title h2 * {
		font-weight: bold;
	}

	.quality-product-system .content-box {
		margin: 5.6vw 0 9.6vw 0; /* 42 72 */
		padding: 0 7.2vw; /* 54 */
	}


	.quality-product-system-list {
		width: 2000vw;
	}

	.quality-product-system-item {
		width: 41.2vw; /* 309 */
		margin: 0 0 0 4vw; /* 30 */
	}

	.quality-product-system-item .thumb {
		height: 58vw; /* 435 */
	}

	.quality-product-system-item .info {
		margin-top: 4vw; /* 30 */
	}

	.quality-product-system-item .info a {
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}

	.quality-product-system .mask-pic {
		height: 74.8vw; /* 561 */
		margin-top: 67.2vw; /* 504 */
	}


	.quality-product-system .mask-white {
		height: 72.8vw; /* 546 */
		top: 42.4vw; /* 318 */
		top: 50vw; /* 396 */
	}

	/* quality design */
	.quality-design-intro {
		padding: 0;
	}

	.quality-design-intro .info {
		width: 100%;
		padding-top: 0;
	}

	.quality-design-intro .pic {
		width: 100%;
		margin: 8.4vw 0 4.8vw 0; /* 63 36 */
	}

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

	.quality-design-history .title {
		margin: 15.2vw 0 8vw 0; /* 114 60 */
	}

	.quality-design-history .title h2, .quality-design-history .title h2 * {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}

	.quality-design-history .left {
		width: 100%;
		padding-left: 0;
		padding-bottom: 8vw; /* 60 */
		padding-bottom: 6.4vw; /* 48 */
		display: flex;
		flex-direction: column;
		top: 17.6vw; /* 132 */
		z-index: 20;
		background: #ffffff;
	}

	.quality-design-history .left  h3 {
		order: 1;
		height: auto;
		margin-bottom: 0;
		justify-content: center;
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.quality-design-history .left  h1 {
		order: 3;
		font-size: 5.3333vw; /* 40 */
		line-height: 8vw; /* 60 */
	}

	.quality-design-history .left  h2 {
		order: 4;
		font-size: 4vw; /* 30 */
		line-height: 4.8vw; /* 36 */
	}

	.quality-design-history .left  p {
		height: auto;
		order: 5;
		margin-top: 4vw; /* 30 */
		padding-bottom: 4vw; /* 30 */
		border-bottom: 1px solid #000000;
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.quality-design-year-list {
		order: 2;
		margin: 3.6vw 0 8vw 0; /* 27 60 */
		display: flex;
		justify-content: space-between;
	}

	.quality-design-year-list a {
		font-size: 2.9333vw; /* 22 */
		line-height: 4vw; /* 30 */
	}

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

	.quality-design-history .right {
		width: 100%;
		position: relative;
		top: 0;
		z-index: 10;
	}

	.history-title {
		padding-left: 6.4vw; /* 48 */
		position: relative;
		top: 0;
	}

	.history-title::before {
		left: 2px;
	}

	.history-title::after {
		display: none;
	}

	.history-title h2 {
		width: 100%;
		height: auto;
		padding-top: 1.6vw; /* 12 */
		float: left;
		font-size: 3.2vw; /* 24 */
		line-height: 4vw; /* 30 */
	}

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

	.quality-design-history-list::before {
		left: 2px;
	}

	.quality-design-history-item {
		width: 100%;
		height: auto;
		float: left;
		margin-top: 7.2vw; /* 54 */
		padding-left: 6.4vw; /* 48 */
	}

	.quality-design-history-item::before {
		width: 5px;
		height: 5px;
		left: 0;
		top: 0.5208vw; /* 10 */
		background: #191919;
		border-radius: 50%;
	}

	.quality-design-history-item h2 {
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}

	.quality-design-history-item p {
		margin: 3.2vw 0; /* 24 */
		font-size: 2.4vw; /* 18 */
		line-height: 4vw; /* 30 */
	}


	.quality-design-history-item .images img {
		width: 39.2vw; /* 294 */
		height: 22.4vw; /* 168 */
	}

	.quality-design-cert .pic {
		margin-top: 28vw;
	}

	.quality-design-cert .content-box {
		top: 0;
	}

	.quality-design-cert .content-box .title h2 {
		margin-bottom: 6.4vw; /* 48 */
		font-size: 4vw; /* 30 */
		line-height: 5.6vw; /* 42 */
	}

	.quality-design-cert .content-box .title p {
		font-size: 3.4667vw; /* 26 */
		line-height: 4vw; /* 30 */
	}

	.quality-design-cert .cert-box {
		margin: 13.6vw 0 3.2vw 0; /* 102 24 */
	}

	.quality-design-cert .cert-box img {
		width: 29.8667vw; /* 224 */
		margin: 0 1.0667vw; /* 8 */
	}

	.quality-design-cert .content-box .info h2 * {
		font-size: 2.4vw; /* 18 */
		font-weight: normal;
		line-height: 4vw; /* 30 */
	}


	/* quality deliver */
	.quality-deliver-intro .title img {
		height: 4.6667vw; /* 35 */
		margin: 0 auto 6.4vw auto; /* 48 */
	}


	.quality-deliver-intro .title h3 {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.quality-deliver-intro .icon-box {
		margin: 10vw 0 0 0; /* 78 */
		padding: 0 12vw; /* 90 */
		flex-wrap: wrap;
	}

	.quality-deliver-intro .icon-box img {
		width: 27.4667vw; /* 206 */
		height: auto;
		margin: 0 3.7333vw 4.4vw 3.7333vw; /* 28 33 28 */
	}

	.quality-deliver-material .title {
		margin: 14.8vw 0 12vw 0;  /* 111 90 */
	}

	.quality-deliver-material .info {
		width: 100%;
		right: 0; /* 235 */
		top: 13.6vw; /* 102 */
	}

	.quality-deliver-material .info h2, .quality-deliver-material .info p {
		justify-content: center;
	}

	.quality-deliver-cert .title {
		margin-top: 19.2vw; /* 144 */
	}

	.quality-deliver-cert .pic img {
		width: 70vw; /* 525 */
		margin: 10.4vw auto 6.4vw auto; /* 78 48 */
	}

	.quality-deliver-client .title {
		margin: 14.8vw 0; /* 111 */
	}

	.quality-deliver-client .map {
		margin-bottom: 9.6vw; /* 72 */
	}

	.quality-deliver-client .map img {
		width: 100%;
	}

	.quality-deliver-client .client-swiper img {
		width: 100%;
	}

	.quality-deliver-client .client-swiper .swiper-pagination {
		width: 100%;
		height: auto;
		margin: 8vw 0 12vw 0; /* 60 90 */
		padding: 0;
		position: relative !important;
		bottom: auto !important;
	}
	
	.quality-deliver-client .client-swiper .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		margin: 0 3px;
		background: none;
		border: 1px solid #bfbfbf;
		border-radius: 50%;
	}

	.quality-deliver-client .client-swiper .swiper-pagination-bullet:hover {
		background: #bfbfbf;
	}

	.quality-deliver-client .client-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 8px;
		background: #bfbfbf;
	}

	.quality-deliver-standard .title {
		margin: 14.8vw 0 9.6vw 0; /* 111 72 */
	}

	.quality-deliver-standard ul {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.quality-deliver-standard ul li {
		width: 44vw; /* 330 */
		height: 48vw; /* 360 */
		margin: 0 0 3.3333vw 0; /* 25 */
	}

	.quality-deliver-standard ul li.xs {
		width: 100%;
		height: 31.2vw;
	}

	.quality-deliver-standard ul li h2 {
		margin: 4.4vw 0 0.9333vw 0; /* 34 7 */
		font-size: 3.2vw; /* 24 */
		line-height: 4vw; /* 30 */
	}

	.quality-deliver-standard ul li h3 {
		margin-bottom: 1.6vw; /* 12 */
		font-size: 2.6667vw; /* 20 */
		line-height: 4vw; /* 30 */
	}

	.quality-deliver-standard ul li p {
		font-size: 2.9333vw; /* 22 */
		line-height: 6.1333vw; /* 46 */
	}

	.quality-deliver-standard-thumb {
		margin: 8vw 0 5.6vw 0; /* 60 42 */
		padding: 0;
	}
	
	.quality-deliver-standard-thumb-scroll {
		display: block;
	}
	
	.quality-deliver-standard-thumb-scroll img {
		width: 33.6vw; /* 252 */
		height: 22.4vw; /* 168 */
		float: left;
		margin: 0 1.4667vw 2.4vw 1.4667vw; /* 11 18 11 */
	}

	/* quality service */
	.quality-service-intro .pic img {
		width: 24.9333vw; /* 187 */
	}

	.quality-service-intro .title {
		margin-bottom: 8vw; /* 60 */
	}

	.quality-service-intro .title h2 {
		margin: 6.8vw 0 4vw 0; /* 51 30 */
	}

	.quality-service-concept {
		min-height: auto;
		display: flex;
		flex-direction: column;
	}

	.quality-service-concept .pic {
		order: 2;
		width: 100%;
		margin-bottom: 6.9333vw; /* 52 */
		position: relative;
		right: auto;
		top: 0;
	}

	.quality-service-concept .content-box {
		order: 1;
		margin: 8vw 0 0 0;/* 60 */
		padding: 0 5.2vw; /* 39 */
	}


	.quality-service-concept .content-box .title h2 {
		width: 29.6vw; /* 222 */
		height: 7.6vw; /* 57 */
		float: none;
		margin: 0 auto;
		margin-bottom: 2vw; /* 15 */
		font-size: 4vw;
	}

	.quality-service-concept .content-box dl {
		margin: 7.6vw 0 0 0; /* 57 */
		align-items: flex-start;
	}

	.quality-service-concept .content-box dl dt {
		width: 32vw; /* 240 */
		margin-right: 0; /* 66 */
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	
	.quality-service-concept .content-box dl dd {
		flex: 1;
	}

	.quality-service-concept .content-box dl dd h2 {
		margin-bottom: 1.2vw; /* 9 */
		font-size: 3.2vw; /* 24 */
		font-weight: bold;
		line-height: 6.1333vw; /* 46 */
	}

	.quality-service-concept .content-box dl dd p {
		font-size: 2.9333vw; /* 22 */
		line-height: 200%;
	}

	.quality-service-map .pic {
		width: 100%;
		float: left;
		margin: 0 0 7.4667vw 0; /* 56 */
	}

	.quality-service-map .title {
		margin: 10vw 0 8vw 0; /* 75 60 */
		padding: 0 5.2vw; /* 39 */
		position: relative;
		top: 0;
	}

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

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

	.quality-service-case p {
		height: 8.4vw; /* 63 */
		position: relative;
		background: #f1f1f1;
		color: #0d0d0d;
		font-size: 2.9333vw; /* 22 */
		line-height: 8.4vw;
	}

	.quality-service-case .swiper-pagination {
		padding: 0;
		bottom: 10.4vw !important; /* 78 */
	}

	.quality-service-client .title {
		margin: 12vw 0; /* 90 */
	}

	.quality-service-client .scroll-box img {
		height: 20.4vw; /* 153 */
		margin: 0 0.8vw; /* 6 */
	}

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

	.quality-service-client .scroll-right {
		margin-bottom: 0; /* 0 */
	}

	.quality-service-process .pic {
		height: 112.4vw; /* 843 */
		margin-top: 178.8vw; /* 1341 */
	}

	.quality-service-process .mask-white {
		height: 46.4vw; /* 348 */
		top: 170.6667vw; /* 1280 */
	}

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

	.quality-service-process .title {
		margin: 12.8vw 0 10.8vw 0; /* 96 81 */
	}

	.quality-service-process-list {
		padding: 0 5.2vw; /* 39 */
	}

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

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

	.quality-service-process-item {
		width: 26.8vw; /* 201 */
		margin-bottom: 5.6vw; /* 42 */
		padding-bottom: 0;
	}

	.quality-service-process-item .icon {
		width: 14.8vw; /* 111 */
		height: 14.8vw; /* 111 */
		border: 1px solid #a2a2a2;
	}

	.quality-service-process-item .icon img {
		width: 150%;
		margin: -3.7vw 0 0 -3.7vw;
	}

	.quality-service-process-item h2 {
		margin: 3.2vw 0 0.8vw 0; /* 24 6 */
		font-size: 2.9333vw; /* 22 */
		line-height: 4.8vw; /* 36 */
	}

	.quality-service-process-item p {
		font-size: 2.4vw; /* 18 */
		line-height: 4vw; /* 30 */
	}

	.quality-service-process-list.row-1 .quality-service-process-item:last-child::after {
		display: none;
	}

	.quality-service-process-arrow {
		width: 4.4vw; /* 33 */
		height: 14.8vw; /* 111 */
	}

	.quality-service-process-arrow::after {
		width: 6px;
		height: 11px;
		margin: -5.5px 0 0 -3px;
	}
	
	/*---------------- free design ----------------*/
	.free-design-banner-info {
		bottom: 10vw; /* 75 */
	}

	.free-design-banner-info h3 {
		font-size: 5.3333vw; /* 40 */
		letter-spacing: 0.8vw; /* 6 */
	}

	.free-design-form {
		margin: 8vw 0 15.2vw 0; /* 60 114 */
	}

	.free-design-form .thumb {
		width: 100%;
		height: auto;
	}

	.free-design-form .info {
		width: 100%;
		height: auto;
		padding: 5.6vw 3.6vw 9.6vw 3.6vw; /* 42 27 72 27 */
	}

	.free-design-form .info h2 {
		font-size: 4vw; /* 30 */
		line-height: 5.3333vw; /* 40 */
	}
	
	.free-design-form .info h2 span {
		font-size: 2.9333vw; /* 22 */
	}

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

	.free-design-form .info ul li {
		margin-bottom: 5.6vw; /* 42 */
	}

	.free-design-form .info input {
		height: 6vw; /* 45 */
		color: #515151;
		font-size: 3.4667vw; /* 26 */
		line-height: 6vw; /* 45 */
	}

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

	.free-design-form .info  a.btn-submit {
		width: 52vw; /* 390 */
		height: 8.4vw; /* 63 */
		margin: 0 auto;
		border-radius: 1.3333vw; /* 10 */
		font-size: 4vw; /* 30 */
		line-height: 8vw; /* 60 */
	}

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

	.free-design-service .title {
		margin-bottom: 5.6vw; /* 42 */
		font-size: 4.5333vw; /* 34 */
		line-height: 100%;
		overflow: visible;
	}

	.free-design-service .info {
		margin-bottom: 11.2vw; /* 84 */
		padding-bottom: 3.2vw; /* 24 */
	}

	.free-design-service .info p {
		margin-bottom: 3.2vw; /* 24 */
		font-size: 2.9333vw; /* 22 */
		line-height: 4.8vw; /* 36 */
		text-align: center;
	}

	.free-design-process.xs {
		padding: 0 12vw; /* 90 */
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

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

	.free-design-process-item {
		width: 14vw; /* 105 */
		padding-bottom: 8vw; /* 60 */
	}

	.free-design-process.row-1 .free-design-process-item:last-child {
		background: url(../images/arrow_down_small.png) no-repeat center 24.4vw / 3.6vw; /* 183 27 */
	}

	.free-design-process-item .icon {
		width: 14vw; /* 105 */
		height: 14vw; /* 105 */
		margin-bottom: 3.6vw; /* 27 */
	}

	.free-design-process-item .icon img {
		width: 15.4vw;
		height: 15.4vw;
		margin: -0.7vw 0 0 -0.7vw;
	}

	.free-design-process-item p {
		font-size: 2.9333vw; /* 22 */
		line-height: 4vw; /* 30 */
	}

	.free-design-process-arrow {
		width: 16vw; /* 120 */
		height: 14vw; /* 105 */
		background: url(../images/arrow_right_small.png) no-repeat center center / 1.36vw;
	}

	.free-design-process.row-2 .free-design-process-arrow {
		background-image: url(../images/arrow_left_small.png);
	}

	.free-design-pic .mask-pic {
		height: auto;
	}

	.free-design-pic .mask-pic img {
		height: auto;
	}

	.free-design-pic .mask-white {
		height: 26.8vw; /* 201 */
	}
	
	/*---------------- join ----------------*/
	.join-banner-info {
		bottom: 9.6vw; /* 72 */
	}

	.join-banner-info h2 {
		margin-bottom: 0.8vw; /* 6 */
		font-size: 5.3333vw;
		line-height: 6.1333vw;
		letter-spacing: 1.6vw; /* 12 */
	}

	.join-banner-info p {
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
		letter-spacing: 0.8vw; /* 6 */
	}

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

	.join-brand-form .thumb {
		width: 100%;
		height: auto;
	}

	.join-brand-form .info {
		width: 100%;
		height: auto;
		padding: 0 3.2vw; /* 24 */
		background: #f8fbfb;
	}

	.join-brand-form .info h2 {
		margin: 5.6vw 0 0 0; /* 42 */
		font-size: 4vw; /* 30 */
		line-height: 5.3333vw; /* 40 */
	}

	.join-brand-form .info h2 span {
		font-size: 2.9333vw; /* 22 */
	}

	.join-brand-form .info ul {
		margin: 8vw 0 0 0; /* 60 */
		padding: 0;
		border-top: 0;
		flex-direction: column;
		justify-content: flex-start;
	}

	.join-brand-form .info ul li {
		width: 100%;
		margin-bottom: 3.2vw; /* 24 */
		border-bottom: 1px solid #a4a6a6;
	}

	.join-brand-form .info ul li, .join-brand-form .info ul li * {
		font-size: 3.4667vw; /* 26 */
		line-height: 4vw; /* 30 */
	}

	.join-brand-form .info ul li label {
		
	}

	.join-brand-form .info ul li input {
		height: 8vw; /* 60 */
		font-size: 3.4667vw; /* 26 */
		line-height: 4vw; /* 30 */
	}

	.join-brand-form .info ul li input::placeholder {
		color: #515151;
	}

	.join-brand-form .info ul li select {
		height: 8vw; /* 60 */
		font-size: 3.4667vw; /* 26 */
		line-height: 4vw; /* 30 */
	}

	.join-brand-form .info a.btn-submit {
		width: 52vw; /* 390 */
		height: 8vw; /* 60 */
		margin: 6vw auto 10.8vw auto; /* 45 81 */
		border: 0;
		background: #e8e8e8;
		font-size: 4vw; /* 30 */
		letter-spacing: 10px;
	}


	.join-brand-info {
		
	}

	.join-brand-info .mask-pic {
		margin-top: 138.4vw; /* 1038 */
	}

	.join-brand-info .mask-white {
		height: 51.2vw; /* 384 */
		top: 128vw; /* 960 */
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 22%, rgba(255, 255, 255, 0));
	}

	.join-brand-info .content-box {
		top: 14.8vw; /* 111 */
	}
	
	.join-brand-info .title {
		margin-bottom: 14.8vw; /* 111 */
	}

	.join-brand-info ul {
		padding: 0 12vw; /* 90 */
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.join-brand-info ul li {
		width: 20vw;
		margin-bottom: 10vw; /* 75 */
		flex-direction: column;
		text-align: center;
	}

	.join-brand-info ul li .icon {
		width: 14vw; /* 105 */
		height: 14vw;
		margin-right: 0;
	}

	.join-brand-info ul li h2 {
		margin: 2.4vw 0 0.8vw 0; /* 18 6 */
		font-size: 2.9333vw; /* 22 */
		line-height: 4.8vw; /* 36 */
	}

	.join-brand-info ul li p {
		font-size: 2.4vw; /* 18 */
		line-height: 4vw; /* 30 */
	}

	/* join jobs */
	.join-jobs-list .title h2 * {
		font-size: 4vw; /* 30 */
		line-height: 5.3333vw;
	}

	.join-jobs-list ul {
		margin: 10vw 0 12vw 0; /* 75 90 */
		padding: 0 10.6667vw; /* 80 */
	}

	.join-jobs-list ul li img {
		width: 14.8vw; /* 111 */
		margin-bottom: 7.2vw; /* 54 */
	}

	.join-jobs-list ul li a {
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}

	.join-jobs-info .title {
		padding: 13.3333vw 0 10vw 0; /* 100 75 */
		border-top: 1px solid #515151;
	}

	.join-jobs-info .title h2 * {
		font-size: 4vw; /* 30 */
		line-height: 5.3333vw;
	}

	.join-jobs-info ul {

	}

	.join-jobs-info ul li {
		width: 100%;
		height: auto;
		margin-bottom: 10.6667vw; /* 80 */
		flex-direction: column;
		align-items: center;
	}

	.join-jobs-info ul li .thumb {
		width: 100%;
		height: auto;
	}

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

	.join-jobs-info ul li .info {
		width: 100%;
	}

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

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

	.join-jobs-info ul li .info h2, .join-jobs-info ul li .info p {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.join-jobs-info ul li .info h2 {
		margin: 8.4vw 0 4vw 0; /* 63 30 */
		font-size: 4vw; /* 30 */
		line-height: 6.4vw; /* 48 */
	}

	.join-jobs-info ul li .info p {
		font-size: 3.2vw; /* 24 */
		line-height: 5.3333vw; /* 40 */
	}

	/* 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: 8.8vw; /* 66 */
	}

	/*---------------- brand ----------------*/
	.brand-banner-info {
		bottom: 13.3333vw; /* 100 */
	}
	
	.brand-banner-info h3 {
		font-size: 5.3333vw; /* 40 */
		line-height: 6.1333vw; /* 46 */
	}
	
	.brand-banner-info p {
		font-size: 5.3333vw;
		line-height: 6.1333vw;
	}
	
	.brand-intro .title {
		margin: 16vw 0 12.6667vw 0;/* 120 95 */
	}
	
	
	.brand-intro-list {
		padding-bottom: 3.2vw; /* 24 */
		justify-content: flex-start;
		flex-wrap: wrap;
		flex-direction: column;
	}
	
	.brand-intro-item {
		width: 100%;
		margin-bottom: 6.4vw; /* 48 */
	}
	
	.brand-intro-item .thumb {
		height: auto;
	}
	
	.brand-intro-item .info h2 {
		margin: 6.6667vw 0 1.6vw 0; /* 50 12 */
		font-size: 13px;
		line-height: 22px;
	}

	.brand-intro-item .info p {
		font-size: 11px;
		line-height: 16px;
	}
	
	.brand-slogan {
	
	}
	
	.brand-slogan .mask-pic {
		margin: 26vw 0 0 0; /* 195 */
	}
	
	.brand-slogan .mask-white {
		height: 20vw;
		margin: 26vw 0 0 0; /* 195 */
	}
	
	.brand-slogan .title {
		top: 16vw; /* 120 */
	}
	
	.brand-slogan .title p {
		margin-bottom: 4.8vw; /* 36 */
		font-size: 13px;
		line-height: 22px;
	}
	
	.brand-slogan .title h2 {
		font-size: 20px;
		line-height: 23px;
	}
	
	.brand-sub .title {
		margin: 15.6vw 0 13.6vw 0;/* 117 102 */
	}

	.brand-list {
		margin-bottom: 0; /* 110 */
		padding: 0 8vw; /* 60 */
		flex-wrap: wrap;
	}

	.brand-item {
		width: 40vw; /* 300 */
		height: 48vw; /* 360 */
		margin-bottom: 10.8vw; /* 81 */
		background: #f9f9f9;
	}

	.brand-item img {
		width: 20vw; /* 150 */
		margin: 5.6vw auto 12vw auto; /* 42 90 */
	}

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

		
	/*---------------- news ----------------*/
	.news-banner-info {

	}

	.news-banner-info h3 {
		font-size: 5.3333vw; /* 40 */
		font-weight: normal;
		line-height: 100%;
	}

	.news-banner-info p {
		margin: 2vw 0 12vw 0; /* 15 90 */
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}

	.news-list {
		margin: 8vw 0 2.4vw 0; /* 60 18 */
		justify-content: flex-start;
	}

	.news-item {
		width: 100%;
		margin-bottom: 8vw; /* 60 */
		background: #ffffff;
		border-bottom: 1px solid #414141;
	}

	.news-item .thumb {
		height: auto;
	}

	.news-item .thumb img {
		height: auto;
	}

	.news-item .info h3 {
		height: auto;
		margin: 4.2667vw 0 4vw 0; /* 32 30 */
	}

	.news-item .info h3 a {
		color: #0d0d0d;
		font-size: 4vw; /* 30 */
		line-height: 6.4vw; /* 48 */
		font-size: 15px;
		line-height: 24px;
	}

	.news-item .info p {
		margin-bottom: 7.2vw; /* 54 */
		color: #0d0d0d;
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
		font-size: 11px;
		line-height: 16px;
	}

	.news-item .info p a {
		display: none;
	}

	.load-more {
		margin-bottom: 10.6667vw; /* 80 */
	}

	.load-more a {
		width: 100%;
		height: 12vw; /* 90 */
		display: flex;
		justify-content: center;
		align-items: center;
		background: #e8e8e8;
		border-radius: 1.3333vw; /* 10 */
		color: #0d0d0d;
		font-size: 4vw;
		font-size: 15px;
		letter-spacing: 10px;
	}

	/*---------------- news show ----------------*/
	.news-show-title {
		padding: 10vw 0; /* 75 */
		font-size: 4.8vw; /* 36 */
	}

	.news-show-content {
		width: 100%;
		margin-bottom: 10vw; /* 75 */
		font-size: 3.4667vw; /* 26 */
		line-height: 6.4vw; /* 48 */
	}

	.news-show-content p {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.4vw; /* 48 */
	}

	/*---------------- notice ----------------*/
	.notice-banner-info {
		bottom: 10.4vw; /* 78 */
	}

	.notice-banner-info h2 {
		font-size: 5.3333vw; /* 40 */
		font-weight: normal;
		line-height: 100%;
		letter-spacing: 10px;
	}

	.notice {
		padding: 0;
	}

	.notice-list {
		margin: 9.6vw 0 6.4vw 0;/* 72 48 */
		padding: 0 5.2vw; /* 39 */
	}

	.notice-item {
		min-height: auto;
		margin-bottom: 2.8vw; /* 21 */
		padding-right: 10vw; /* 75 */
		display: flex;
		flex-direction: column;
		font-size: 11px;
		line-height: 16px;
	}

	.notice-item::after {
		width: 1.7333vw; /* 13 */
		height: 2.9333vw; /* 22 */
		margin-top: -1.4667vw;
		right: 0;
		background-size: 100%;
		border-radius: 0;
	}

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

	.notice-item a {
		order: 2;
		margin-bottom: 2.8vw; /* 21 */
		font-size: 11px;
		line-height: 16px;
	}

	.notice-item span {
		order: 1;
		font-size: 9px;
		font-weight: normal;
	}

	.notice .pages {
		margin: 0 0 14.6667vw 0;/* 110 */
	}

	.notice-contact {
		background: #ffffff;
	}

	.notice-contact .thumb {
		width: 100%;
		height: auto;
	}

	.notice-contact .info {
		width: 100%;
		height: auto;
		float: left;
		margin: 6.8vw 0; /* 51 */
	}

	.notice-contact .info h2 {
		margin-bottom: 1.8667vw; /* 14 */
		font-size: 17px;
		line-height: 30px;
	}

	.notice-contact .info p {
		font-size: 13px;
		line-height: 23px;
	}


	/*---------------- store ----------------*/
	.flagship {
		margin: 26.6667vw 0 0 0; /* 200 */
	}

	.flagship .store-title {
		margin-bottom: 8vw; /* 60 */
	}

	.store-title h3 {
		font-size: 3.2vw; /* 24 */
		line-height: 4vw; /* 30 */
	}

	.store-title h2 {
		margin-top: 2vw; /* 15 */
		font-size: 5.0667vw; /* 38 */
		line-height: 5.6vw; /* 42 */
	}

	.flagship .swiper {
		padding: 0;
	}


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

	.flagship-item .info {
		height: 20vw; /* 150 */
		padding: 4vw 4.8vw; /* 30 36 */
	}

	.flagship-item .info h2, .flagship-item .info h2 a {
		font-size: 3.4667vw; /* 26 */
		line-height: 4vw; /* 30 */
	}

	.flagship-item .info p {
		margin-top: 2vw; /* 15 */
		font-size: 2.6667vw; /* 20 */
		line-height: 4vw; /* 30 */
	}

	.flagship .swiper-button-next, .flagship .swiper-button-prev {
		width: 7.2vw; /* 54 */
		height: 7.2vw; /* 54 */
		margin-top: -1.5625vw;
		top: 40%;
	}

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

	.flagship-line {
		margin: 7.2vw 0 12vw 0; /* 54 90 */
	}

	.store-ctrl {
		margin-bottom: 6vw; /* 45 */
		border-bottom: 1px solid #d6d6d6;
	}

	.store-form {
		margin-top: 5.3333vw; /* 40 */
		display: flex;
		justify-content: center;
	}

	.store-form select {
		height: 6.4vw; /* 48 */
		margin: 0 1.4vw !important; /* 10.5 */
		padding: 0 6.4vw 0 2.8vw; /* 48 21 */
		border-radius: 3.2vw;
		font-size: 3.2vw;
	}

	.store-form a {
		height: 6.8vw; /* 51 */
		float: none;
		padding: 0 4vw 0 8vw; /* 30 60 */
		background-size: 3.2vw auto;
		background-position-x: 3.2vw; /* 24 */
		border-radius: 3.4667vw; /* 26 */
		font-size: 3.2vw; /* 24 */
	}

	.store-search-city {
		width: 36vw; /* 270 */
		height: 6.8vw; /* 51 */
		margin-right: 2.8vw ;
		padding: 0 2.4vw; /* 18 */
		border-radius: 3.4vw;
	}
	
	.store-search-city input {
		width: 24vw; /* 180 */
		font-size: 3.2vw;
	}
	
	.store-search-city img {
		height: 4vw; /* 30 */
		margin-top: 1.4vw;
	}

	.store-hot-city {
		margin: 9.6vw 0 4.8vw 0; /* 72 36 */
		padding-bottom: 0.4vw; /* 3 */
		font-size: 3.4667vw; /* 26 */
		line-height: 4.5333vw; /* 34 */
	}

	.store-hot-city a {
		margin-right: 2.4vw; /* 18 */
		padding-bottom: 1px;
	}

	.store-list {
		margin-bottom: 8vw; /* 60 */
		column-gap: 0;
		row-gap: 4.8vw; /* 36 */
	}

	.store-item {
		width: 100%;
		height: 36.8vw; /* 276 */
		padding: 4.8vw 4vw; /* 36 30 */
	}

	.store-item h3 {
		margin-bottom: 4vw; /* 30 */
		font-size: 3.4667vw; /* 26 */
		line-height: 4.8vw; /* 36 */
	}

	.store-item p {
		margin: 2vw 0 0 0; /* 15 */
		padding-left: 5.6vw; /* 42 */
		background: url(../images/icon_pos.png) no-repeat left 0.4vw / 4vw; /* 3 30 */
		font-size: 3.2vw; /* 24 */
		line-height: 4.8vw; /* 36 */
	}

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

	.store-item a {
		width: 18vw; /* 135 */
		height: 5.6vw; /* 42 */
		right: 4vw; /* 30 */
		bottom: 4.8vw; /* 36 */
		border-radius: 2.8vw; /* 21 */
		font-size: 3.2vw; /* 24 */
	}

	.store-item:hover p {
		background: url(../images/icon_pos_white.png) no-repeat left 0.4vw / 3.6vw; /* 3 30 */
	}

	.store-item:hover p.tel {
		background: url(../images/icon_tel_white.png) no-repeat left 0.4vw / 4vw; /* 3 30 */
	}

	/*---------------- store book ----------------*/
	.store-book {
		background: rgba(0, 0, 0, 0.5);
	}

	.store-book-box {
		width: 88vw; /* 660 */
		margin: 28vw 0 0 0; /* 210 */
		padding: 8vw 7.2vw; /* 60 54 */
	}

	.store-book-box .close {
		width: 4vw; /* 30 */
		height: 4vw;
		right: 2vw; /* 15 */
		top: 2vw;
	}

	.store-book-box h2 {
		margin-bottom: 6.4vw; /* 48 */
		font-size: 3.4667vw; /* 26 */
		line-height: 4.8vw; /* 36 */
	}

	.store-book-box ul li {
		margin-bottom: 3.2vw; /* 24 */
	}

	.store-book-box input, .store-book-box .city-picker-span {
		height: 10vw; /* 75 */
		padding: 0 2vw; /* 15 */
		font-size: 2.9333vw; /* 24 */
	}

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

	.store-book-box ul li a.btn-submit {
		height: 10vw; /* 75 */
		font-size: 4vw; /* 30 */
	}

	.store-book-box p {
		font-size: 2.4vw; /* 18 */
		line-height: 3.2vw; /* 24 */
	}

	.store-book-box .city-picker-dropdown {
		min-width: 250px;
	}

	.city-select-content {
		overflow: auto;
		max-height: 40vh;
	}

	/*---------------- store-show ----------------*/
	.store-show-title {
		margin: 24vw 0 10vw 0; /* 180 75 */
		font-size: 5.0667vw; /* 38 */
		line-height: 6vw; /* 45 */
	}

	.store-show-banner {
		width: 89.6vw;
		float: none;
		margin: 0 auto;
		flex-direction: column;
		align-items: flex-start;
	}

	.store-show-banner img {
		width: 100%;
	}

	.store-show-banner .info {
		width: 100%;
		height: 36vw; /* 270 */
		padding: 0 6vw; /* 45 */
		row-gap: 4vw; /* 30 */
	}

	.store-show-banner .info p {
		padding-left: 6.4vw; /* 48 */
		background-size: 3.6vw;
		font-size: 3.4667vw; /* 26 */
		line-height: 6.4vw; /* 48 */
	}

	.store-show-banner .info p.tel {
		background-size: 4vw;
	}

	.store-show-content {
		width: 100%;
		margin: 10.8vw auto 8vw auto; /* 81 60 */
	}

	.store-show-swiper {
		margin-bottom: 8vw; /* 60 */
	}

	.store-show-swiper .swiper-slide {
		width: 100%;
	}


	.store-show-swiper .swiper-pagination {
		width: 100%;
		padding: 0;
		left: 0;
		bottom: 3.6vw !important; /* 27 */
	}


	/*---------------- store-map ----------------*/
	#store-map-map {
		min-height: 180vw; /* 1350 */
	}

	.store-map-ctrl {
		width: 100%;
		height: auto;
		padding: 0 5.2vw; /* 39 */
		left: 0;
		top: 32vw; /* 240 */
		top: 24vw; /* 180 */
		background: none;
	}

	.store-map-form select {
		width: 100%;
		width: 44vw !important; /* 330 */
		height: 12vw; /* 90 */
		height: 10vw; /* 75 */
		margin-bottom: 3.2vw; /* 24 */
		padding: 0 3.2vw; /* 24 */
		border: 0;
		background-color: #ffffff;
		font-size: 4vw; /* 30 */
	}

	#sf-brand, #sf-city {
		margin-right: 1.6vw; /* 12 */
	}

	.store-map-form a {
		width: 100%;
		height: 12vw; /* 90 */
		height: 10vw; /* 75 */
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(0, 0, 0, 0.8);
		color: #fefefe;
		font-size: 4vw; /* 30 */
		display: none;
	}

	.store-map-swiper {
		width: 89.6%;
		height: auto;
		position: absolute;
		left: 5.2%; /* 39 */
		bottom: 8vw; /* 60 */
		z-index: 1500;
		color: #0d0d0d;
		text-align: center;
	}

	.store-map-swiper .swiper-pagination {
		top: auto !important;
		bottom: 2.4vw !important;
	}

	.store-map-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: #0d0d0d;
	}

	.store-map-marker-item {
		width: 100%;
		height: auto;
		padding: 5.6vw 5.6vw 0 5.6vw; /* 54 42 0 42 */
		background: #ffffff;
		overflow: visible;
		color: #0d0d0d;
		text-align: center;
	}

	.store-map-marker-item h3 {
		width: 100%;
		height: auto;
		margin-bottom: 1.6vw; /* 12 */
		font-size: 4vw; /* 30 */
		line-height: 4.8vw; /* 36 */
	}

	.store-map-marker-item p {
		width: 100%;
		height: auto;
		height: 8.5333vw; /* 64 */
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}

	.store-map-marker-item a {
		width: 39.2vw; /* 294 */
		height: 10vw; /* 75 */
		margin: 3.2vw auto 5.6vw auto; /* 24 42 */ 
		margin: 1.6vw auto 7.2vw auto; /* 12 54 */ 
		display: flex;
		justify-content: center;
		align-items: center;
		background: #5e5e5e;
		border-radius: 5px;
		color: #ffffff;
		font-size: 4vw; /* 30 */
		line-height: 4.2667vw; /* 32 */
	}
	
	.store-map-marker-info {
		width: 89.6%;
		height: auto;
		padding: 7.2vw 5.6vw 0 5.6vw; /* 54 42 0 42 */
		position: absolute;
		left: 5.2%; /* 39 */
		bottom: 14.8vw; /* 111 */
		background: #ffffff;
		overflow: visible;
		color: #0d0d0d;
		text-align: center;
	}

	.store-map-marker-info h2 {
		width: 100%;
		height: auto;
		margin-bottom: 2.4vw; /* 18 */
		font-size: 4vw; /* 30 */
		line-height: 4.2667vw; /* 32 */
	}

	.store-map-marker-info p {
		width: 100%;
		height: auto;
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}

	.store-map-marker-info a {
		width: 39.2vw; /* 294 */
		height: 12vw; /* 90 */
		margin: 6.4vw auto 8.8vw auto; /* 48 66 */ 
		display: flex;
		justify-content: center;
		align-items: center;
		background: #5e5e5e;
		border-radius: 5px;
		color: #ffffff;
		font-size: 4vw; /* 30 */
		line-height: 4.2667vw; /* 32 */
	}

	.store-map-marker-info img {
		width: 10.8vw; /* 81 */
		height: auto;
		display: block;
		margin-left: -5.4vw;
		position: absolute;
		left: 50%;
		bottom: -5.4vw; /* 40.5 */
	}

	.platform .content-box {
		width: 68.8vw; /* 516 */
		height: 116.8vw; /* 876 */
		margin: 40vw auto 0 auto; /* 300 */
	}

	.platform .thumb {
		width: 100%;
	}

	.platform .thumb .title {
		margin-top: -1vw;
	}

	.platform .thumb .title h2 {
		font-size: 4vw; /* 30 */
		line-height: 4.2667vw; /* 32 */
	}

	.platform .thumb .title p {
		font-size: 2.6667vw; /* 20 */
		line-height: 4.2667vw; /* 32 */
	}

	.platform .info {
		width: 100%;
		height: auto;
		padding: 0 6.4vw; /* 48 */
	}

	.platform .info ul {
		width: 100%;
		margin: 6.4vw auto 0 auto; /* 48 */
	}

	.platform .info ul li {
		width: 20.8vw; /* 156 */
		height: auto;
		margin: 4vw 0; /* 30 */
	}

	.platform .info ul li .logo img {
		height: 9.6vw; /* 72 */
		margin: 0 auto 3.2vw auto; /* 24 */
	}

	.platform .info ul li .icon a {
		width: 5.2vw; /* 39 */
		height: 5.2vw; /* 39 */
		margin: 0 1.2vw; /* 9 */
	}

	.platform .info ul li .icon .icon-img {
		width: 5.2vw; /* 39 */
		height: 5.2vw; /* 39 */
	}

	.platform .info ul li .icon .qrcode {
		width: 20vw; /* 150 */
		margin-left: -10vw; /* 90 */
		padding: 0.8vw; /* 6 */
		border-radius: 4px;
		top: -24vw; /* 180 */
	}

	.platform .close {
		width: 3.2vw; /* 24 */
		top: 2vw; /* 15 */
		right: 2vw;
	}

	/*---------------- products ----------------*/
	.products-banner-mask {
		background: url(../images/m/product_list_banner_mask.png) no-repeat 0 0 / 100% 100%;
	}

	.products-banner-info {
		bottom: 12.8vw; /* 96 */
	}

	.products-banner-info h2 {
		font-size: 5.3333vw; /* 40 */
		line-height: 7.2vw; /* 54 */
		letter-spacing: 0.4vw; /* 3 */
	}

	.products-banner-info p {
		margin-top: 2.4vw; /* 18 */
		font-size: 2.6667vw; /* 20 */
		line-height: 100%;
		overflow: visible;
	}

	.products-list {
		width: 100%;
		margin: 16vw 0 0 0; /* 120 */
		padding: 0;
	}

	.products-item {
		width: 100%;
		margin: 0 0 8vw 0; /* 60 */
		background: #f9f9f9;
	}

	.products-item .thumb {
		height: auto;
	}

	.products-item .thumb p {
		display: none;
	}

	.products-item .info {
		padding: 3.6vw 4vw; /* 27 30 */
		display: flex;
	}

	.products-item .info img {
		width: auto;
		height: 6.8vw; /* 51 */
		display: block;
		float: left;
		margin-top: 0.8vw; /* 6 */
	}

	.products-item .info h2 {
		width: auto;
		height: auto;
		margin: 0 3.2vw; /* 24 */
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
		text-align: left;
	}

	.products-item .info h2 span {
		font-size: 2.4vw; /* 18 */
	}

	.products-item .info a.btn-more {
		margin: 0 0 0 auto;
	}

	/*---------------- series ----------------*/
	.series-banner {
		margin-bottom: 12.4vw; /* 93 */
	}

	.series-banner.no-margin {
		margin-bottom: 0;
	}

	.series-banner-mask {
		background: url(../images/m/series_banner_mask.png) no-repeat 0 0 / 100% 100%;
	}

	.series-banner-info {
		bottom: 12vw; /* 90 */
	}

	.series-banner-info h2 {
		font-size: 5.3333vw; /* 40 */
		line-height: 6.6667vw; /* 50 */
		letter-spacing: 0.8vw; /* 6 */
	}

	.series-banner-info p {
		margin-top: 3.2vw; /* 24 */
		font-size: 2.6667vw; /* 20 */
		line-height: 4vw; /* 30 */
	}

	/*---------------- product show ----------------*/
	.product-show-banner {
		margin-bottom: 12vw; /* 90 */
		margin-bottom: 0;
	}

	.product-show-banner-mask {
		background: url(../images/m/product_show_banner_mask.png) no-repeat 0 0 / 100% 100%;
	}

	.product-show-banner-info {
		bottom: 7.2vw; /* 54 */
	}

	.product-show-banner-info img {
		height: 10.6667vw; /* 80 */
		margin: 0 auto 2.4vw auto; /* 18 */
	}

	.product-show-banner-info h2 {
		font-size: 5.3333vw; /* 40 */
		letter-spacing: 1.2vw; /* 9 */
	}

	.product-show-content {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}

	/*---------------- content style ----------------*/
	.content-style {
		font-size: 3.4667vw !important; /* 26 */
		line-height: 6.1333vw !important; /* 46 */
	}

	.content-style h2 {
		font-size: 4.5333vw !important; /* 34 */
		line-height: 6.4vw !important; /* 48 */
	}

	.content-style h3 {
		font-size: 3.4667vw !important; /* 26 */
		line-height: 6.1333vw !important; /* 46 */
	}

	/*---------------- model ----------------*/
	.xs-model-margin-bottom {
		margin-bottom: 12vw; /* 90 */
	}

	.model-title {
		width: 100%;
		height: auto;
		float: left;
		margin-bottom: 12vw; /* 90 */
		display: flex;
		justify-content: center;
		overflow: visible;
	}

	.model-title * {
		font-size: 4.5333vw; /* 34 */
		font-family: 'Noto Serif SC';
		font-family: "hm-light";
		font-weight: 500;
		line-height: 100%;
	}

	.model-info {
		padding: 0 5.2vw; /* 39 */
	}

	.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: 4.5333vw; /* 34 */
		font-weight: normal;
		line-height: 6.4vw; /* 48 */
	}

	.model-info h3, .model-info h3 *, h3.model-info {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.model-info p, .model-info p *, p.model-info {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.model-info h2.gap, .model-info h3.gap {
		margin-bottom: 4.8vw; /* 36 */
	}

	.model-info p.gap {
		margin-top: 4.8vw; /* 36 */
	}

	/* full pic */
	.model-full-pic {
		margin-bottom: 12vw; /* 90 */
	}

	.model-full-pic .title {
		margin-bottom: 12vw; /* 90 */
	}

	.model-full-pic .title h2, .model-full-pic .title h2 * {
		font-size: 4vw; /* 30 */
		line-height: 6.4vw; /* 48 */
	}

	.model-full-pic .title p {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.model-full-pic .title p.gap {
		margin-top: 5.3333vw; /* 40 */
	}

	/* line */
	.model-line {
		margin-bottom: 12vw; /* 90 */
	}

	/* left text right pic */
	.model-left-text-right-pic {
		margin-bottom: 12vw; /* 90 */
	}

	.model-left-text-right-pic .info {
		width: 100%;
		padding: 0; /* 72 60 108 */
	}

	.model-left-text-right-pic .info h2 {
		font-size: 4vw; /* 30 */
		line-height: 6vw; /* 45 */
	}

	.model-left-text-right-pic .info p {
		margin-top: 4.8vw; /* 36 */
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.model-left-text-right-pic .pic {
		width: 100%;
		height: auto;
		float: left;
		margin-top: 6.4vw; /* 48 */
	}

	/* top text bottom 3pic */
	.model-top-text-bottom-3pic {
		margin-bottom: 12vw; /* 90 */
	}

	.model-top-text-bottom-3pic .info {
		margin: 0 0 11.2vw 0; /* 84 */
	}

	.model-top-text-bottom-3pic .info.center p {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}

	.model-top-text-bottom-3pic .info .left {
		width: 100%;
		padding: 0;
		text-align: center;
	}

	.model-top-text-bottom-3pic .info .left h2, .model-top-text-bottom-3pic .info .left h2 * {
		font-size: 4.5333vw; /* 34 */
		line-height: 6.1333vw; /* 46 */
	}

	.model-top-text-bottom-3pic .info .left h3 {
		margin: 1.2vw 0 4.8vw 0; /* 9 36 */
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.model-top-text-bottom-3pic .info .right {
		width: 100%;
	}

	.model-top-text-bottom-3pic .info .right p {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}


	.model-top-text-bottom-3pic .big {
		width: 100%;
		height: auto;
		margin-bottom: 2.8vw; /* 21 */
	}

	.model-top-text-bottom-3pic .small-box {
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
	}

	.model-top-text-bottom-3pic .small {
		width: calc(50% - 1.4vw);
		height: auto;
	}


	/* model-pic-list-3-item */
	.model-pic-list-3-item {
		margin-bottom: 5.6vw; /* 42 */
	}
	
	.model-pic-list-3-item .title {
		margin-bottom: 12vw; /* 90 */
	}

	.model-pic-list-3-item ul {
		display: flex;
		column-gap: 2.33%;
		flex-wrap: wrap;
	}

	.model-pic-list-3-item ul li {
		width: 31.78%;
		margin-bottom: 4.8vw; /* 36 */
	}

	.model-pic-list-3-item .thumb {
		height: auto;
		margin-bottom: 6.4vw; /* 48 */
		margin-bottom: 1.6vw; /* 12 */
	}
	
	.model-pic-list-3-item .thumb h5 {
		padding: 3.2vw 4vw; /* 24 30 */
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}
	
	.model-pic-list-3-item .info p {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.model-pic-list-3-item .info a {
		font-size: 2.4vw; /* 18 */
		line-height: 3.2vw; /* 24 */
	}

	.model-pic-list-3-item .swiper-pagination {
		top: 53.6vw; /* 402 */
		bottom: auto !important;
	}

	/* model scroll */
	.model-scroll {
		margin: 0 0 10.4vw 0; /* 78 */
	}

	.model-scroll-item {
		width: 41.0667vw; /* 308 */
		margin: 0 0 0 4vw; /* 30 */
	}

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

	.model-scroll-item .thumb img {
		transform: scale(1,1);
		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-ms-transform: scale(1,1);
	}

	.model-scroll-item .thumb:hover img {
		transform: scale(1,1);
		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-ms-transform: scale(1,1);
	}

	.model-scroll-item .info {
		margin-top: 3.2vw; /* 24 */
	}

	.model-scroll-item .info p {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	/* model awards */
	.model-awards {
		margin-bottom: 12vw; /* 90 */
	}

	.model-awards .content-box {
		display: flex;
		flex-direction: column;
	}

	.model-awards .info {
		order: 2;
		width: 100%;
		height: 14.8vw; /* 111 */
		padding: 0 23.6vw 0 2.8vw; /* 177 21 */
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.model-awards .info h2 {
		margin-bottom: 1.6vw; /* 12 */
		font-size: 2.9333vw; /* 22 */
		line-height: 3.2vw; /* 24 */
	}

	.model-awards .info p {
		font-size: 2.4vw; /* 18 */
		line-height: 3.2vw; /* 24 */
	}

	.model-awards .info img {
		width: 17.3333vw; /* 130 */
		left: auto;
		right: 3.2vw; /* 24 */
		bottom: 0.8vw; /* 6 */
	}

	.model-awards .pic {
		order: 1;
		width: 100%;
		height: auto;
	}

	/* model-top-text-bottom-2pic-full */
	.model-top-text-bottom-2pic-full {
		margin-bottom: 12vw; /* 90 */
	}

	.model-top-text-bottom-2pic-full .title {
		margin: 0;
	}

	.model-top-text-bottom-2pic-full .title .left {
		width: 100%;
		padding: 0;
	}

	.model-top-text-bottom-2pic-full .title .left h2, .model-top-text-bottom-2pic-full .title .left h2 * {
		font-size: 4vw; /* 30 */
		line-height: 6vw; /* 45 */
	}

	.model-top-text-bottom-2pic-full .title .right {
		width: 100%;
		margin: 4.8vw 0 12vw 0; /* 36 90 */
	}
	
	.model-top-text-bottom-2pic-full .title .right p {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.model-top-text-bottom-2pic-full .pic-box {
		column-gap: 2.68%;
	}	

	.model-top-text-bottom-2pic-full .pic-box li {
		width: 48.66%; /* 327 */
		height: auto;
	}

	.model-top-text-bottom-2pic-full .pic-box li .thumb {
		height: auto;
	}

	.model-top-text-bottom-2pic-full .pic-box li .info {
		margin-top: 1.2vw; /* 9 */
	}

	.model-top-text-bottom-2pic-full .pic-box li .info p {
		font-size: 2.4vw; /* 18 */
		line-height: 4.2667vw; /* 32 */
	}

	/* model-top-text-bottom-2pic-center */
	.model-top-text-bottom-2pic-center {
		margin-bottom: 12vw; /* 90 */
	}

	.model-top-text-bottom-2pic-center .title {
		margin: 0 0 10.4vw 0; /* 78 */
	}

	.model-top-text-bottom-2pic-center .title h2, .model-top-text-bottom-2pic-center .title h2 * {
		font-size: 4vw; /* 30 */
		line-height: 6.4vw; /* 48 */
	}

	.model-top-text-bottom-2pic-center .title p {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	.model-top-text-bottom-2pic-center .title p.gap {
		margin-top: 4.8vw; /* 36 */
	}

	.model-top-text-bottom-2pic-center .pic-box {
		column-gap: 2.4vw; /* 18 */
	}	

	.model-top-text-bottom-2pic-center .pic-box li {
		width: 43.6vw; /* 327 */
	}

	.model-top-text-bottom-2pic-center .pic-box li .thumb {
		height: auto;
	}

	.model-top-text-bottom-2pic-center .pic-box li .info {
		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: 12vw; /* 90 */
	}

	.model-full-pic-abs-text .title {
		top: 12vw; /* 90 */
	}

	/* model-pop-text-pic-list */
	.model-pop-text-pic-list {
		margin-bottom: 1.6vw; /* 12 */
	}

	.model-pop-text-pic-list ul {
		justify-content: flex-start;
	}

	.model-pop-text-pic-list ul li {
		width: 100%;
		margin: 6.4vw 0; /* 48 */
	}

	.model-pop-text-pic-list ul li .thumb h5 {
		height: auto;
		padding: 2.4vw 4vw; /* 18 30 */
		top: 0;
		bottom: auto;
		justify-content: flex-start;
		background: none;
		font-size: 3.2vw; /* 24 */
		font-weight: normal;
		line-height: 6.1333vw; /* 46 */
		text-align: left;
		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 {
		margin-top: 6.4vw; /* 48 */
		padding: 0 6vw; /* 45 */
	}

	.model-pop-text-pic-list ul li .info p {
		font-size: 3.2vw; /* 24 */
		line-height: 6.1333vw; /* 46 */
	}

	/* small pic center */
	.model-small-pic-center .title {
		margin-bottom: 12vw; /* 90 */
	}

	.model-small-pic-center ul {
		column-gap: 6.25%;
	}

	.model-small-pic-center ul li {
		width: 46.875%; /* 315 */
	}

	.model-small-pic-center ul li .info {
		margin: 3.2vw 0 6.4vw 0; /* 24 48 */
	}

	
	.model-small-pic-center ul li .info p {
		font-size: 2.9333vw; /* 22 */
		line-height: 4.2667vw; /* 32 */
	}

	
	/*---------------- model system ----------------*/
	.model-system {
		margin-bottom: 12.8vw; /* 96 */
	}

	.model-system.diy {
		margin: 0 0 10.4vw 0; /* 78 */
	}

	.model-system-part-title {
		font-size: 2.9333vw; /* 22 */
		font-size: 2.4vw; /* 18 */
		line-height: 3.4667vw; /* 36 */
	}

	.model-system-part-title.gap {
		margin-bottom: 4.8vw; /* 36 */
	}

	.model-system .title {
		margin: 14vw 0 12.8vw 0; /* 105 96 */
	}


	.model-system-item {
		width: 41.0667vw; /* 308 */
	}

	.model-system-item .thumb {
		height: 58vw; /* 435 */
	}

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

	.model-system-item .thumb p {
		display: none;
	}

	.model-system-item .info {
		margin-top: 4vw; /* 30 */
	}

	.model-system-item .info a {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}

	.model-system-item .info p {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}

	.model-system-item .info a.btn-more {
		margin: 2vw auto 0 auto; /* 15 */
		display: flex;
		font-size: 2.4vw; /* 18 */
	}


	.model-system-swiper .swiper-button-next, .model-system-swiper .swiper-button-prev {
		width: 5.6vw; /* 60 */
		height: 5.6vw; /* 60 */
		margin-top: 0;
		top: 26.2vw;
		background: none;
		border-radius: 0;
		opacity: 0.6;
		color: #000000;
		pointer-events: none;
	}

	.model-system-swiper .swiper-button-prev {
		left: -0.4%;
	}

	.model-system-swiper .swiper-button-next {
		right: -0.4%;
	}

	.model-system-swiper .swiper-button-next::after, .model-system-swiper .swiper-button-prev::after {
		font-size: 12px;
	}

	
	
	/*---------------- model series ----------------*/
	.model-series .title {
		margin: 10vw 0; /* 75 93 */
		padding: 0;
		border-top: 0px solid #000000;
	}

	.model-series .plus-part-title {
		margin: 0;
	}

	.model-series ul {
		margin-bottom: 8vw; /* 60 */
		padding: 0;
	}

	.model-series ul li {
		width: 43.6vw; /* 327 */
		margin-bottom: 4vw; /* 30 */
	}

	.model-series ul li .thumb {
		height: 26.8vw; /* 201 */
		margin-bottom: 2.4vw; /* 18 */
	}


	.model-series ul li a {
		font-size: 3.4667vw; /* 26 */
		line-height: 6.1333vw; /* 46 */
	}



}