/** Shopify CDN: Minification failed

Line 299:25 Unexpected "{"

**/
/** Shopify CDN: Minification failed

Line 293:25 Unexpected "{"

**/
@charset "utf-8";
/*ͨ����ʽ*/

			@font-face {
  font-family: "Avenir Next";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.shopifycdn.net/proxy/font/avenir_next/avenirnext_n5.972a96b7a049f12c89d6d1cd0e1b6c9211f7ba14.woff2?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=51b4a4a67547d927fbd11ba9bd483a3cd6bac9dde044b7a5b1a86b2cdcaeee33") format("woff2"),
       url("https://cdn.shopifycdn.net/proxy/font/avenir_next/avenirnext_n5.9e88d20fa9eb66ba268ac60ab013006ef69a310a.woff?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=73f6e66027f1ace39023740cfa39cf8ba943be252a51e94c944dc621c47cceac") format("woff");
}

			@font-face {
  font-family: "Avenir Next";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.shopifycdn.net/proxy/font/avenir_next/avenirnext_n6.08f6a09127d450aa39c74986de08fd8fa84e6a11.woff2?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=c0cf53160d6e44cb2447f06e4bdbafaa051b0ee63511bdfb46dd10ea363ee4bd") format("woff2"),
       url("https://cdn.shopifycdn.net/proxy/font/avenir_next/avenirnext_n6.bd2f76897d6f40c767db7c40226916ec7b6ffc65.woff?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=3fceee8b824bd14fb48817a419fc506a920ee87b2d6187135bbeb06cd49f0e2f") format("woff");
}

			@font-face {
  font-family: "Avenir Next";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("https://cdn.shopifycdn.net/proxy/font/avenir_next/avenirnext_i5.2d1a6d537e5b485482d6bcca34a56cc10d441a55.woff2?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=250ac43a7e49c4430d87967b00957f8b220ff88b33a15025ced1d2d481c1464e") format("woff2"),
       url("https://cdn.shopifycdn.net/proxy/font/avenir_next/avenirnext_i5.fcfa37c68ca483c41031623bfae4701d99bb4b95.woff?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=892f315c9847c86b2a6b63aebace322a707df1a4aeb2fa81030bed26eac4cb85") format("woff");
}

			@font-face {
  font-family: "Avenir Next";
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("https://cdn.shopifycdn.net/proxy/font/avenir_next/avenirnext_i6.449b8593f8987f1402fdf6d634f972f810c90c5c.woff2?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=93678c780bcca9c488cd773f0b90da724adf531c969b30f6d2b7d551ccb26816") format("woff2"),
       url("https://cdn.shopifycdn.net/proxy/font/avenir_next/avenirnext_i6.9c697a2eda486add54c668d1ec4ac662c8402e7c.woff?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=43c17e5590d8c336555e08f0822b0129de4ab1184ae5e5b9f98738ed6ec43a14") format("woff");
}

			@font-face {
  font-family: "Avenir Next";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.shopifycdn.net/proxy/font/avenir_next/avenirnext_n4.7fd0287595be20cd5a683102bf49d073b6abf144.woff2?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=cd32422f67c868d742372b6b3cdeee434fcf0185879f80c5cd1bb4e0e09a6a2e") format("woff2"),
       url("https://cdn.shopifycdn.net/proxy/font/avenir_next/avenirnext_n4.a26a334a0852627a5f36b195112385b0cd700077.woff?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=88cc5b5c388227fa8db97da6a8b5259791eb5b7e22d03528b1a904c7b5300909") format("woff");
}

			@font-face {
  font-family: "Avenir Next";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.shopifycdn.net/proxy/font/avenir_next/avenirnext_n5.972a96b7a049f12c89d6d1cd0e1b6c9211f7ba14.woff2?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=51b4a4a67547d927fbd11ba9bd483a3cd6bac9dde044b7a5b1a86b2cdcaeee33") format("woff2"),
       url("https://cdn.shopifycdn.net/proxy/font/avenir_next/avenirnext_n5.9e88d20fa9eb66ba268ac60ab013006ef69a310a.woff?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=73f6e66027f1ace39023740cfa39cf8ba943be252a51e94c944dc621c47cceac") format("woff");
}

			@font-face {
  font-family: Futura;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.shopifycdn.net/proxy/font/futura/futura_n6.bbe2e25d5b96d13ff36b242171a3d07cf5a60170.woff2?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=a1f78bfbefedca68efba24094e446e118347077bbf3f7b24ac9191da75b3f037") format("woff2"),
       url("https://cdn.shopifycdn.net/proxy/font/futura/futura_n6.66fa8f5c3c4b2c7c04809ecefe751450fa59d995.woff?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=60dfe41a6d591cea8eb9d6e4938bea7a9b63b78ff705b55c7b88b37f2fc99b2a") format("woff");
}

			@font-face {
  font-family: Futura;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("https://cdn.shopifycdn.net/proxy/font/futura/futura_n6.bbe2e25d5b96d13ff36b242171a3d07cf5a60170.woff2?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=a1f78bfbefedca68efba24094e446e118347077bbf3f7b24ac9191da75b3f037") format("woff2"),
       url("https://cdn.shopifycdn.net/proxy/font/futura/futura_n6.66fa8f5c3c4b2c7c04809ecefe751450fa59d995.woff?h1=bWFjYS1sYS5jb20&h2=bWFjYTEyMjUuYWNjb3VudC5teXNob3BpZnkuY29t&h3=bWFjYXN0b25lZGVjb3IuY29t&hmac=60dfe41a6d591cea8eb9d6e4938bea7a9b63b78ff705b55c7b88b37f2fc99b2a") format("woff");
}


:root {
--font-body-family: "Avenir Next", sans-serif;
--font-body-style: normal;
--font-body-weight: 500;

--font-heading-family: "Avenir Next", sans-serif;
--font-heading-style: normal;
--font-heading-weight: 500;
--font-heading-letter-spacing: 0em;

--font-heading-card-family: "Avenir Next", sans-serif;
--font-heading-card-style: normal;
--font-heading-card-weight: 600;
--font-heading-card-text-transform: uppercase;
--font-heading-card-letter-spacing: 0.1em;

--font-body-scale: 1.0;
--font-heading-scale: 1.0;
--font-heading-card-scale: 1.0;

--font-button-family: Futura, sans-serif;
--font-button-style: normal;
--font-button-weight: 600;
--font-button-text-transform: uppercase;

--font-button-family: Futura, sans-serif;
--font-button-style: normal;
--font-button-weight: 600;
--font-button-text-transform: uppercase;

--font-header-menu-family: Futura, sans-serif;
--font-header-menu-style: normal;
--font-header-menu-weight: 600;
--font-header-menu-text-transform: uppercase;

--font-popups-heading-family: Futura, sans-serif;
--font-popups-heading-style: normal;
--font-popups-heading-weight: 600;
--font-popups-text-family: "Avenir Next", sans-serif;
--font-popups-text-style: normal;
--font-popups-text-weight: 500;
--font-popups-scale: 1.0;

--color-base-text: 33, 28, 28;
--color-title-text: 33, 28, 28;
--color-secondary-text: 109, 107, 107;
--color-base-background-1: 255, 255, 255;
--color-base-background-2: 244, 244, 244;

--color-secondary-element-background: 244, 244, 244;

--color-announcement-bar-background: 33, 28, 28;

--color-section-border: 33, 28, 28;
--color-base-solid-button-labels: 255, 255, 255;
--color-base-outline-button-labels: 0, 0, 0;
--color-base-button-background: 0, 0, 0;
--payment-terms-background-color: #FFFFFF;

}

*,
*::before,
*::after {
box-sizing: inherit;
}
@font-face {
	font-family:Futura;
	src: url(Futura.ttc);
}
@font-face {
	font-family:HelveticaNeue;
	src: url(https://cdn.shopifycdn.net/s/files/1/0665/4627/0496/files/HelveticaNeue.ttf?v=1703589120);
}
@font-face {
	font-family:Neue;
	src: url(https://cdn.shopifycdn.net/s/files/1/0665/4627/0496/files/Neue.ttf?v=1703589114);
}
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff;  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.desc { font-weight:500; line-height: 1.7; font-size: 14px; color: #938F8E; position: absolute; bottom: 0; right: 0; width: 154px;}
.aboutInfor { position: relative;}
/* CSS Document */
.location {max-width:92%; margin-bottom: 24px; color: #7A7777; font-size: 12px; width: 1220px; margin: 0 auto; line-height: 50px; }
.location a { text-decoration: underline; font-weight: bold; color: #000000;}
.location span { margin: 0 4px;}
.aboutCont {max-width:92%; padding: 40px 0; width: 1220px; margin: 0 auto;}
.aboutTit { font-size: 32px; line-height: 40px; color: #211c1c; margin-bottom: 20px;}
.aboutArt { width: 476px;}
.aboutArt h2 { color: #4D4949; font-weight:500; line-height: 1.4; margin-bottom: 8px; font-size: 20px;}
.aboutArt p { font-weight: 500; font-size: 14px; line-height: 24px; color: #646060;}
.aboutArt li { margin-bottom: 20px;}
.aboutArt li:last-child { margin-bottom: 0;}
.aboutInfor::after {content: ''; clear: both; display: block; height: 0;}
.aboutPic {padding-right: 72px; float: right; margin-top: -60px; width: calc(100% - 574px);}
.aboutPic img { width: 100%;}
.aboutPic img.pcShow { display: block;}




.porIntroduce::after { content: ''; clear: both; display: block; height: 0;}
.proTxt h2 { font-weight: 500; line-height: 1.4; font-size: 20px; color: #4D4949; margin-bottom: 16px;}
.proTxt p { font-weight: 500; font-size: 14px; line-height: 24px; color: #646060;}
.proTxt { float: right; width: 308px;}


.productPic img { display: block; width: 100%;}
.designInfor { position: relative; background: #ffffff;}
.designInfor { width: 1600px; max-width: 92%; margin: 0 auto; overflow: hidden;}
.designTxt { padding: 118px 48px 118px 36px; float: left; width: 42.5%;}
.designTxt h2 { color: #211C1C; font-weight: 600; font-size: 20px; line-height: 1.4; margin-bottom: 16px;}
.designTxt p { font-weight: 500; margin-bottom: 26px; font-size: 14px; line-height: 24px; color: #4D4949;}
.designImg { position: absolute; top: 0; right: 0; height: 100%; width: 57.5%;}
.designImg img { width: 100%; height: 100%; object-fit: cover;}
.designTxt a { font-family: 'Futura'; font-weight: bold; letter-spacing: .125em; position: relative;z-index: 2; transition: all .5s; display: inline-block; padding: 0 12px 0 32px; line-height: 37px; background: #000000; color: #ffffff; font-size: 10px; text-align: center;}
.designTxt a::before { display: none;}
.designTxt a svg {vertical-align: -1px; opacity: 0; margin-left: 5px; width: 20px; transition: all .5s; height: 11px; visibility: visible; transform: translate(0);}
.designTxt a:hover svg { opacity: 1;}
.designTxt a:hover {padding-left: 24px; padding-right: 20px;}
.mactTit { color: #211C1C; font-weight: bold; margin-bottom: 36px; font-size: 26px; line-height: 42px; text-align: center;}
.maca { width: 1600px; max-width: 92%; margin: 0 auto; padding: 84px 0;}
.maca li { margin-right: 90px; flex-direction: row; flex: 1;}
.maca li:last-child { margin-right: 0;}
.maca li h2{ font-size: 20px; line-height: 1.4; font-weight: 500; margin-bottom: 16px; color: #211C1C;}
.maca li h3 { margin-bottom: 16px; color: #4D4949; font-size: 14px; line-height: 24px;}
.maca li p { font-size: 14px; line-height: 24px; position: relative; padding-left: 15px; color: #4D4949;}
.maca li p::before { content: '';display: inline-block;margin-right: 5px; width: 5px; height: 5px; border-radius: 50%; background: #4D4949;vertical-align: 2px;}
.envision {  position: relative; width: 1600px; max-width: 92%; margin: 0 auto;}
.envisionTxt {padding-bottom: 80px; width: 36.25%;}
.envisionTxt p { font-weight: 500; color: #4D4949; margin-bottom: 36px; font-size: 16px; line-height:2.5;}
.envisionImg { position: absolute; right: 0; top: 0; height: 100%; width: 59.75%;}
.envisionImg img {display: block; width: 100%; height: 100%; object-fit: cover;}
.envisionTxt a { color: #4D4949; font-size: 16px;}
.videoCont::after { content: ''; clear: both; display: block; height: 0;}
.videoArticle { float: right; width: 35.25%; padding:10vw 40px 10vw 0;}
.videoInfor { position: absolute; left: 0; top: 0; height: 100%; width: 61.75%;}
.videoInfor video { width: 100%; height: 100%; display: block; outline: none; object-fit: cover;}
.videoInfor span { cursor: pointer; z-index: 2; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 5.9375vw;
height: 5.9375vw; border-radius: 50%;}
.videoInfor span img { display: block; width: 100%;}

.contLine { margin: 0 auto;}
.videoArticle a { font-weight: bold; font-family: Futura; position: relative;z-index: 2; transition: all .5s; display: inline-block; padding: 0 12px 0 32px; line-height: 37px; background: #000000; color: #ffffff; font-size: 10px; letter-spacing: .125em; text-align: center;}
.videoArticle a::before { display: none;}
.videoArticle a svg { visibility: visible; transform: translate(0);vertical-align: -1px; opacity: 0; margin-left: 5px; width: 20px; transition: all .5s; height: 11px;}
.videoArticle a:hover svg { opacity: 1;}
.videoArticle a:hover {padding-left: 24px; padding-right: 20px;}

.videoBox::after { content: ''; clear: both; display: block; height: 0;}
.mobShow { display: none;}

.helpDesc a::before { display: none;}
.helpDesc a svg { visibility: visible; transform: translate(0);vertical-align: -1px; opacity: 0; margin-left: 5px; width: 20px; transition: all .5s; height: 11px;}
.helpDesc a:hover svg { opacity: 1;}
.helpDesc a:hover {padding-left: 24px; padding-right: 20px;}
#shopify-section-template--21788906914080__b33ad09e-7a1d-4acd-840c-5823a3c37058 { margin-bottom: 0!important;}
/*2024.1.9*/

.designTxt.udState { padding: 48px 48px 48px 36px;}
.videoArticle.udState {padding: 48px 40px 48px 0;}
.videoArticle.udState p,.designTxt.udState p {margin-bottom: 166px;}

@media screen and  (max-width:1080px){
	.designTxt.udState p,.videoArticle.udState p {margin-bottom: 26px;}
  
	.helpDesc { padding: 30px 0;}
	.helpDesc h2 { font-size: 20px; line-height: 1.4; margin-bottom: 16px;}
	.helpDesc p { font-size: 14px; line-height: 26px;}
	.aboutTit { text-align: center; font-size: 26px; line-height: 32px;}
	.mobShow { display: block;}
	.aboutPic { float: none; margin: 0;}
	.aboutArt { width:88%; margin: 0 auto;}
	.aboutPic img.pcShow { display: none;}
	.aboutPic { width: 100%;padding-right: 0; margin-bottom: 20px;}
	.aboutArt li { margin-bottom: 26px;}
	.productPic { float: none; margin-bottom: 20px; width: 100%;}
	.proTxt { float: none; width: 88%; margin: 0 auto;}
	.porIntroduce { padding: 0;}
	.aboutArt li:last-child { margin-bottom: 0;}
	.aboutCont { padding: 20px 0;}
	.proTxt h2 { margin-bottom: 8px;}
	.designImg { position: static; width: 100%;}
	.designInfor { max-width: none; width: auto; margin: 0 16px;}
	.designTxt { float: none; width: 100%; text-align: center; padding: 26px 36px 30px!important;}
	.maca li { margin-bottom: 32px; margin-right: 0;}
	.maca ul { display: block!important;}
	.maca li h3 { margin-bottom: 8px;}
	.maca li h2 { margin-bottom: 8px;}
	.iconTag { display: block; width: 38px; margin-bottom: 8px;}
	.iconTag img { display: block; width: 100%;}
	.maca ul { padding: 32px 0;}
	.maca li:last-child { margin-bottom: 0;}
	.maca { padding: 40px 0;}
	.mactTit {font-size: 20px; line-height: 28px; margin-bottom:20px;}
	.envisionImg { margin-bottom: 28px; position: static; width: 100%; height: auto;}
	.envisionTxt {padding-bottom: 40px; width: 88%; margin: 0 auto;}
	.envision h2 { height: 30px; margin-bottom: 16px;}
	.envision { max-width: 92%;}
	.envisionTxt p { font-size: 14px; line-height: 2;}
	.videoCont { margin: 0 auto;}
	.videoBox { border: none; max-width: 100%;}
	.videoCont { padding: 40px 36px;}
	.videoInfor { margin-bottom: 26px; position: relative; width: 100%; height: auto;}
	.videoArticle { float: none; width: 100%; text-align: center; padding: 0!important;}
	.videoArticle h2 { font-size: 20px; line-height: 28px; margin-bottom: 8px;}
	.desc { display: none;} { display: none;}
	.videoInfor span { width:60px; height:60px;}
}

@media screen and  (max-width:780px){
.videoInfor span { display: none;}
.videoInfor i { display: none;}
}