:root {
	/* 导航变量 */
	--c: #c70019; /* 主色调 */
	--cr: rgb(244,67,54,.8); /* 主色调-半透明 */
	--t: .6s; /* 动画过渡时间 */
}
/* 导航 header */
.public-header { color: #fff; padding: 0 28px 0 calc(100vw / 1920 * 142); height: 116px; font-size: 16px; transition: height var(--t); }
.public-header::before { background: transparent; border-bottom: 1px solid rgba(255,255,255,.3); }
.header-fixed { color: #333; height: 80px; }
.header-fixed::before  { background: rgba(255,255,255,.8); backdrop-filter: blur(10px); }
.header-fixed .header-logo { width: 129px; }
.header-fixed .header-button > div { border-top: 1px solid #333; border-bottom: 1px solid #333; }
/* logo */
.header-logo { width: 185px;  transition: width var(--t); }
.header-logo .i-box { padding-bottom: 62.7027027027027%; }
.public-header .logo-box { display: flex; align-items: center; font-size: 26px; }
.public-header .logo-box .header-logo { margin-right: 40px; }
.public-header .logo-box p { transition: color var(--t), opacity var(--t); opacity: 0; }
.public-header.header-fixed .logo-box p { opacity: 1; }
/* 导航按钮 */
.header-button { display: flex; margin-left: 0; }
.header-button > div { width: auto; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 4px 0; transition: color var(--t), border var(--t); }
/* 搜索 */
.header-search { font-size: 16px; margin-left: 35px; background: transparent; width: auto; }
.header-search .icon { height: auto; transition: color var(--t); }

@media (max-width: 1199px) {
	.public-header { height: 60px; }
	.header-logo { width: 96px !important; }
	.public-header .logo-box { font-size: 18px; }
	.public-header .logo-box .header-logo { margin-right: 20px; }
}
@media (max-width: 991px) {
	.public-header { padding: 0 5%; }
	.header-search { margin-left: 20px; }
}
@media (max-width: 767px) {
	.public-header .logo-box p { display: none; }
}
/* ====================================================================================================================================== */
/* 品牌故事 */
.index-brand { display: flex; align-items: center; justify-content: center; position: relative; height: calc(100vw / 1920 * 1047); }
.index-brand .title {
	background: url(../images/index-brand-bg1.png) center / cover no-repeat;
	display: flex; justify-content: center; align-items: center; font-size: calc(100vw / 1920 * 54); color: #ffffed;
	position: absolute; top: calc(100vw / 1920 * 120); left: calc(100vw / 1920 * 304); width: calc(100vw / 1920 * 133); height: calc(100vw / 1920 * 625);
	padding-right: calc(100vw / 1920 * 20); padding-top: calc(100vw / 1920 * 6);
}
.index-brand .title .h2 { width: 1em; }
.index-brand .h3 {
	position: absolute; z-index: 1; left: calc(100vw / 1920 * 206); bottom: calc(100vw / 1920 * 152);
	font-weight: bold; width: 1em; font-size: calc(100vw / 1920 * 48);
}
.index-brand .h3::before {
	background: url(../images/index-brand-bg2.png) center / cover no-repeat;
	content: ''; position: absolute; z-index: -1; left: calc(100vw / 1920 * -38); bottom: calc(100vw / 1920 * -48); width: calc(100vw / 1920 * 107); height: calc(100vw / 1920 * 153);
}
.index-brand .list {
	display: flex; flex-wrap: wrap; position: absolute; right: calc(100vw / 1920 * 230); bottom: calc(100vw / 1920 * 327);
}
.index-brand .list .li {
	display: flex; align-items: center; justify-content: center; 
	background: url(../images/index-brand-bg3.png) center / cover no-repeat;
	width: calc(100vw / 1920 * 164); height: calc(100vw / 1920 * 164); font-size: calc(100vw / 1920 * 40); margin-left: calc(100vw / 1920 * 44);
}
.index-brand .list .li:first-child { margin-left: 0; }
.index-brand .list .li > p { width: 2em; line-height: 1.1; text-shadow: 0px -2px 2px #fff, 0px 2px 2px #000;  }
.index-brand .icon {
	position: absolute; right: calc(100vw / 1920 * 76); bottom: calc(100vw / 1920 * 54); color: #e5dfd7; width: 1em;
	text-shadow: 0px -2px 2px #fff, 0px 2px 2px #f2e1c9; font-size: calc(100vw / 1920 * 120); line-height: 1.16;
}
.index-brand .text {
	display: flex; flex-direction: column; writing-mode: vertical-rl;
	font-size: calc(100vw / 1920 * 24); margin-bottom: calc(100vw / 1920 * 30); margin-right: calc(100vw / 1920 * 108);
}
.index-brand .text .tit { font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.index-brand .text p {
	display: flex; align-items: center; border-left: 1px solid #606060; border-right: 1px solid #606060; margin-left: -1px;
	width: calc(100vw / 1920 * 90); padding-bottom: calc(100vw / 1920 * 12);
}

@media (max-width: 1199px) {
	.index-brand .text { font-size: 15px; }
	.index-brand .text p { width: 56px; }
}
@media (max-width: 991px) {
	.index-brand .text { font-size: 14px; }
	.index-brand .text .tit { font-size: 18px; }
	.index-brand .text p { width: 46px; }
}
@media (max-width: 767px) {
	.index-brand { height: auto; padding: 30px 0 80px; justify-content: flex-end; }
	.index-brand .title { font-size: 18px; top: 0; left: 13%; width: 48px; height: 211px; padding-right: 7px; padding-top: 4px; }
	.index-brand .h3 { left: 5%; bottom: 20px; font-size: 18px; }
	.index-brand .h3::before { left: -10px; bottom: -7px; width: 32px; height: 47px; }
	.index-brand .text .tit { font-size: 16px; }
	.index-brand .text p { width: 36px; }
	.index-brand .list { right: 14%; bottom: 20px; }
	.index-brand .list .li { width: 50px; height: 50px; font-size: 12px; }
	.index-brand .icon { right: 5%; bottom: 16px; font-size: 22px; }
}
@media (max-width: 374px) {
	.index-brand .text p { width: 30px; }
}




/* 首页-产品 */
.index-product {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; color: #fff; overflow: hidden;
	padding: calc(100vw / 1920 * 174) calc(100vw / 1920 * 186) calc(100vw / 1920 * 114) calc(100vw / 1920 * 126);
}
.index-product .l { width: 45.4%; }
.index-product .l .t .h2 > h2 { font-size: calc(100vw / 1920 * 32); }
.index-product .l .t .h2 > p { font-size: calc(100vw / 1920 * 72); margin-top: calc(100vw / 1920 * 16); }
.index-product .l .t .h3 { font-size: calc(100vw / 1920 * 48); line-height: 1.25; margin-top: calc(100vw / 1920 * 42); }
.index-product .l .b { display: flex; flex-direction: column; position: relative; margin-top: calc(100vw / 1920 * 52); }
.index-product .l .b .list { display: flex; flex-wrap: wrap; }
.index-product .l .b .list .li { position: relative; width: 22.876%; margin-right: 2.83%; margin-top: calc(100vw / 1920 * 20); }
.index-product .l .b .list .li:nth-child(4n) { margin-right: 0; }
.index-product .l .b .list .li > div { position: relative; }
.index-product .l .b .list .li .inner { border-radius: 5px; overflow: hidden; box-shadow: 0 0 5px 5px rgba(0,0,0,.3); }
.index-product .l .b .list .li .inner .img.i-box { padding-bottom: 44.31137724550898%; }
.index-product .l .b .list .li .inner > p {
	display: flex; flex-direction: column; align-items: center; color: #ffeed8; font-size: calc(100vw / 1920 * 22);
	position: absolute; left: 0; bottom: 5px; width: 100%;
}
.index-product .l .b .list .li .inner > p::after {
	background: url(../images/index-product-bg2.png) center / cover no-repeat;
	content: ''; width: calc(100vw / 1920 * 97); height: calc(100vw / 1920 * 17); margin-top: 3px;
}
.index-product .l .b .list .li .front {
	display: flex; justify-content: center; align-items: center; font-size: calc(100vw / 1920 * 22); padding-bottom: calc(100vw / 1920 * 16);
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #ffeed8; z-index: 1;
	border-radius: 5px; overflow: hidden; transition: transform var(--t) ease-in-out; transform-origin: top center;
}
.index-product .l .b .list .li.active .front { transform: rotateX(-90deg); }
.index-product .l .b .more {
	display: inline-block;
	position: relative; z-index: 1; color: #920213; font-size: calc(100vw / 1920 * 20); margin-left: auto; margin-top: calc(100vw / 1920 * 62); margin-right: calc(100vw / 1920 * 18);
}
.index-product .l .b .more::before {
	content: ''; position: absolute; z-index: -1; top: calc(100vw / 1920 * -17); left: calc(100vw / 1920 * -64); width: calc(100vw / 1920 * 164); height: calc(100vw / 1920 * 49);
	background: url(../images/index-product-more.png) center / cover no-repeat;
}
.index-product .l .b .con {
	position: absolute; right: calc(100vw / 1920 * -403); bottom: 4px; width: calc(100vw / 1920 * 288); height: calc(100vw / 1920 * 288);
	border-radius: 50%; overflow: hidden; background: #fff;
}
.index-product .l .b .con .li {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity var(--t); z-index: 0;
}
.index-product .l .b .con .li.active { opacity: 1; z-index: 1; }
.index-product .l .b .con .li::before {
	content: ''; position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: calc(100vw / 1920 * 147);
	background: url(../images/index-product-con.png) center / cover no-repeat;
}
.index-product .l .b .con .li .img::after {
	content: ''; position: absolute; z-index: 1; top: 7px; left: 7px; right: 7px; bottom: 7px; border: 1px solid #fff;
	border-radius: 50%;
}
.index-product .l .b .con .li .img.i-box { padding-bottom: 100%; }
.index-product .l .b .con .li > p { position: absolute; z-index: 1; left: 0; bottom: calc(100vw / 1920 * 42); width: 100%; text-align: center; color: #000; font-size: calc(100vw / 1920 * 32); }
.index-product .r { position: relative; z-index: 1; width: 22.886%; padding-top: calc(100vw / 1920 * 24); }
.index-product .r .img.i-box { padding-bottom: 188.5869565217391%; }
.index-product .r::before {
	content: ''; position: absolute; z-index: -1; top: calc(100vw / 1920 * 53); left: calc(100vw / 1920 * -126);
	width: calc(100vw / 1920 * 608); height: calc(100vw / 1920 * 608); background: url(../images/index-product-bg.png) center / cover no-repeat;
	animation: rotate 30s linear infinite;
}
@keyframes rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.index-product .r::after {
	content: ''; position: absolute; z-index: -1; bottom: calc(100vw / 1920 * -61); left: 50%; transform: translateX(-50%);
	width: calc(100vw / 1920 * 610); height: calc(100vw / 1920 * 142); background: url(../images/index-product-bg1.png) center / cover no-repeat;
}

@media (max-width: 1199px) {
	.index-product .l .b .more { font-size: 12px; margin-right: 12px; }
	.index-product .l .b .more::before { width: 102px; height: 30px; top: -10px; left: -40px; }
}
@media (max-width: 991px) {
	.index-product { padding: calc(100vw / 1920 * 174) calc(100vw / 1920 * 120) calc(100vw / 1920 * 114); }
	.index-product .l { width: 376px; }
	.index-product .l .b .con { bottom: 0; right: calc(100vw / 1920 * -340); }
	.index-product .l .b .list .li .front { font-size: 12px; }
	.index-product .l .b .list .li .inner > p { font-size: 12px; }
}
@media (max-width: 767px) {
	.index-product { padding: 30px 5%; }
	.index-product .l { width: 100%; order: 1; }
	.index-product .l .t .h2 > h2 { font-size: 16px; }
	.index-product .l .t .h2 > p { font-size: 22px; margin-top: 10px; }
	.index-product .l .t .h3 { font-size: 18px; margin-top: 15px; }
	.index-product .l .b { margin-top: 20px; }
	.index-product .l .b .list .li { margin-top: 16px; }
	.index-product .l .b .list .li .front { font-size: 16px; padding-bottom: 0; }
	.index-product .l .b .list .li .inner > p { font-size: 16px; }
	.index-product .l .b .list .li .inner > p::after { width: calc(100vw / 767 * 97); height: calc(100vw / 767 * 17); }
	.index-product .l .b .more { margin-top: 30px; }
	.index-product .l .b .con { right: 0; bottom: auto; top: -130px; width: 120px; height: 120px; }
	.index-product .l .b .con .li::before { height: 58px; }
	.index-product .l .b .con .li .img::after { top: 5px; left: 5px; right: 5px; bottom: 5px; }
	.index-product .l .b .con .li > p { bottom: 20px; font-size: 16px; }
	.index-product .r { padding-top: 0; width: 160px; margin: 0 auto 30px; }
	.index-product .r::before { width: 240px; height: 240px; top: 25px; left: -40px; }
	.index-product .r::after { width: 243px; height: 56px; bottom: -30px; }
}
@media (max-width: 560px) {
	.index-product .l .b .list .li .front { font-size: 14px; }
	.index-product .l .b .list .li .inner > p { font-size: 14px; }
}
@media (max-width: 480px) {
	.index-product .l .b .list { justify-content: space-between; }
	.index-product .l .b .list .li { width: 31%; margin-right: 0; }
	.index-product .l .b .con { width: 100px; height: 100px; top: -115px; }
	.index-product .l .b .con .li > p { font-size: 14px; }
	.index-product .r { width: 120px; }
	.index-product .r::before { width: 200px; height: 200px; }
	.index-product .r::after { bottom: -26px; }
}




/* footer */
.footer { padding: calc(100vw / 1920 * 140) calc(100vw / 1920 * 150) 0; }
.footer .t { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #dedede; padding-bottom: calc(100vw / 1920 * 28); }
.footer .t .l { display: flex; flex-wrap: wrap; padding-top: calc(100vw / 1920 * 14); }
.footer .t .l .list { margin-right: calc(100vw / 1920 * 198); }
.footer .t .l .list:last-child { margin-right: 0; }
.footer .t .l .list > a { position: relative; z-index: 1; font-size: calc(100vw / 1920 * 32); }
.footer .t .l .list > a::before {
	content: ''; position: absolute; z-index: -1; top: 3px; left: -4px; width: calc(100vw / 1920 * 80); height: calc(100vw / 1920 * 26);
	background: url(../images/footer-icon.png) center / cover no-repeat;
}
.footer .t .l .list .li { display: flex; flex-direction: column; font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 30); }
.footer .t .l .list .li > a { transition: color var(--t); margin-bottom: calc(100vw / 1920 * 30); }
.footer .t .l .list .li > a:last-child { margin-bottom: 0; }
.footer .t .l .list .li > a:hover { color: var(--c); }
.footer .t .r .logo { width: calc(100vw / 1920 * 143); margin-right: calc(100vw / 1920 * -22); }
.footer .t .r .logo .img.i-box { padding-bottom: 82.51748251748252%; }
.footer .t .r .link { display: flex; justify-content: flex-end; margin-top: calc(100vw / 1920 * 100); }
.footer .t .r .link > a { margin-left: calc(100vw / 1920 * 16); }
.footer .t .r .link > a:first-child { margin-left: 0; }
.footer .t .r .link > a img { width: 35px; height: 35px; }
.footer .b { display: flex; flex-wrap: wrap; color: rgba(0,0,0,.4); font-size: calc(100vw / 1920 * 18); padding: calc(100vw / 1920 * 48) 0; }
.footer .b > p { transition: color var(--t); margin-right: calc(100vw / 1920 * 64); }
.footer .b > p:last-child { margin-right: 0; }
.footer .b > p:hover { color: #000; }

@media (max-width: 1440px) {
	.footer .t .r .logo { width: 89px; }
	.footer .t .l .list .li { font-size: 15px; }
	.footer .b { font-size: 14px; }
}
@media (max-width: 1199px) {
	.footer { padding: calc(100vw / 1920 * 140) calc(100vw / 1920 * 120) 0; }
	.footer .t .l .list > a { font-size: 20px; }
	.footer .t .l .list > a::before { width: 49px; height: 16px; top: 2px; left: -2px; }
	.footer .t .r .link > a img { width: 30px; height: 30px; }
}
@media (max-width: 991px) {
	.footer .t .l .list { margin-right: calc(100vw / 1920 * 150); }
	.footer .t .l .list > a { font-size: 18px; }
}
@media (max-width: 767px) {
	.footer { padding: 30px 5% 0; }
	.footer .t { padding-bottom: 10px; }
	.footer .t .l { padding-top: 0; width: 100%; }
	.footer .t .l .list { margin-right: 0; width: 25%; }
	.footer .t .l .list > a { font-size: 16px; }
	.footer .t .l .list > a::before { top: 0; }
	.footer .t .l .list .li { margin-top: 10px; font-size: 14px; }
	.footer .t .l .list .li > a { margin-bottom: 10px; }
	.footer .t .r { margin-left: auto; margin-top: 10px; }
	.footer .t .r .logo { width: 62px; margin: 0 auto; }
	.footer .t .r .link { margin-top: 15px; }
	.footer .t .r .link > a { margin-left: 10px; }
	.footer .b { padding: 10px 0; justify-content: center; line-height: 1.5; text-align: center; }
}




/* 内页 banner */
.page-banner { position: relative; }
.page-banner .img.i-box { padding-bottom: 46.35416666666667%; }
.page-banner .con {
	display: flex; flex-direction: column; justify-content: center; color: #fff;
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0 calc(100vw / 1920 * 146) calc(100vw / 1920 * 36);
}
.page-banner .con .h2 { font-size: calc(100vw / 1920 * 72); }
.page-banner .con .h3 { font-size: calc(100vw / 1920 * 48); margin-top: calc(100vw / 1920 * 35); }
@media (min-width: 767px) {
	.page-banner .img img { animation: banner 4s 0s ease both; }
}
@media (max-width: 767px) {
	.page-banner .img.i-box { padding-bottom: 65%; }
	.page-banner .con { padding: 0 5%; }
	.page-banner .con .h2 { font-size: 22px; }
	.page-banner .con .h3 { font-size: 18px; margin-top: 10px; }
}


/* 品牌介绍 */
.brand-introduce { padding: calc(100vw / 1920 * 200) calc(100vw / 1920 * 180) calc(100vw / 1920 * 320); }
.brand-introduce .con { display: flex; }
.brand-introduce .h2 { color: var(--c); font-weight: bold; width: 1em; order: 1; font-size: calc(100vw / 1920 * 64); font-weight: 400;  }
.brand-introduce .h2 span { position: relative; z-index: 1; display: block; color: #fff; width: 1em; font-size: calc(100vw / 1920 * 32); margin-left: calc(100vw / 1920 * 45);}
.brand-introduce .h2 span::before {
	background: url(../images/brand-introduce-icon.png) center / cover no-repeat; transform: translateX(-50%);
	content: ''; position: absolute; z-index: -1; left: 50%; top: calc(100vw / 1920 * -8); width: calc(100vw / 1920 * 51); height: calc(100vw / 1920 * 135);
}
.brand-introduce .text {
	display: flex; flex-direction: column; writing-mode: vertical-rl; color: #333;
	font-size: calc(100vw / 1920 * 24); margin-right: calc(100vw / 1920 * 28);
}
.brand-introduce .text .tit { font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.brand-introduce .text p {
	display: flex; align-items: center; border-left: 1px solid #606060; border-right: 1px solid #606060; margin-left: -1px;
	width: calc(100vw / 1920 * 90);
}

@media (max-width: 1199px) {
	.brand-introduce .text { font-size: 15px; }
	.brand-introduce .text p { width: 56px; }
}
@media (max-width: 991px) {
	.brand-introduce .text .tit { font-size: 18px; }
	.brand-introduce .h2 span { font-size: 16px; }
	.brand-introduce .h2 span::before { width: 26px; height: 69px; top: -5px; }
}
@media (max-width: 767px) {
	.brand-introduce { padding: 30px 5%; position: relative; z-index: 1; }
	.brand-introduce::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,.5); }
	.brand-introduce .h2 { font-size: 22px; }
	.brand-introduce .h2 span { margin-left: 1em; }
	.brand-introduce .text { font-size: 14px; margin-right: 1em; }
	.brand-introduce .text .tit { font-size: 16px; }
	.brand-introduce .text p { width: 36px; }
}


/* 品牌故事 */
.brand-title { display: flex; align-items: flex-end; justify-content: center; }
.brand-title .h2 { color: var(--c); font-weight: bold; width: 1em; font-size: calc(100vw / 1920 * 64); }
.brand-title span { position: relative; z-index: 1; color: #fff; width: 1em; font-size: calc(100vw / 1920 * 30); margin-bottom: calc(100vw / 1920 * -5); margin-left: calc(100vw / 1920 * 12); }
.brand-title span::before {
	content: ''; position: absolute; z-index: -1; top: calc(100vw / 1920 * -10); left: calc(100vw / 1920 * -8); width: calc(100vw / 1920 * 46); height: calc(100vw / 1920 * 85);
	background: url(../images/brand-title-bg.png) center / cover no-repeat;
}
.brand-story { padding: calc(100vw / 1920 * 92) calc(100vw / 1920 * 150) calc(100vw / 1920 * 104); }
.brand-story .list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: calc(100vw / 1920 * 112); }
.brand-story .list .li { position: relative; width: 48.149%; }
.brand-story .list .li:nth-child(n+3) { margin-top: calc(100vw / 1920 * 136); }
.brand-story .list .li .img { width: 62.822%; }
.brand-story .list .li .img .i-box { padding-bottom: 143.6734693877551%; }
.brand-story .list .li .text {
	display: flex; align-items: center; background: url(../images/brand-story-tbg.jpg) center / cover no-repeat; font-size: calc(100vw / 1920 * 20);
	position: absolute; top: 0; right: 0; writing-mode: vertical-rl; color: #333; line-height: 1.5; z-index: 1; transition: color var(--t);
	min-width: calc(100vw / 1920 * 314); height: calc(100vw / 1920 * 540); padding: calc(100vw / 1920 * 30) calc(100vw / 1920 * 40) calc(100vw / 1920 * 36);
}
.brand-story .list .li .text::before {
	content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: var(--c); opacity: 0; transition: opacity var(--t);
}
.brand-story .list .li:hover .text { color: #fff; }
.brand-story .list .li:hover .text::before { opacity: 1; }

@media (max-width: 1199px) {
	.brand-story { padding: calc(100vw / 1920 * 92) 6.25% calc(100vw / 1920 * 104); }
	.brand-story .list .li .text { font-size: 12px; }
}
@media (max-width: 767px) {
	.brand-story { padding: 30px 5%; }
	.brand-title .h2 { font-size: 22px; }
	.brand-title span { font-size: 14px; margin-left: 4px; margin-bottom: -12px; }
	.brand-title span::before { width: 20px; height: 37px; top: -3px; left: -3px; }
	.brand-story .list { margin-top: 30px; }
	.brand-story .list .li { width: 100%; margin-top: 20px; }
	.brand-story .list .li:first-child { margin-top: 0; }
	.brand-story .list .li .img { width: 100%; }
	.brand-story .list .li .img .i-box { padding-bottom: 80%; }
	.brand-story .list .li .text { position: relative; min-width: 100%; height: auto; padding: 20px; line-height: 1.4; font-size: 14px; writing-mode: initial; }
	.brand-story .list .li:nth-child(n+3) { margin-top: 20px; }
}


/* 工厂资质 */
.brand-aptitude { background: #ededed; padding: calc(100vw / 1920 * 100) 8% calc(100vw / 1920 * 114); }
.aptitude-slick { margin-top: calc(100vw / 1920 * 65); padding-bottom: 40px; }
.aptitude-slick .slick-slide { margin: 0 calc(100vw / 1920 * 12); }
.aptitude-slick .img { border: 5px solid #e5e5e5; }
.aptitude-slick .img.i-box { padding-bottom: 128.5996055226824%; }
.aptitude-slick p { font-size: 20px; color: #333; text-align: center; margin-top: 1em; }
.aptitude-slick .slick-dots { bottom: 0; }

@media (max-width: 1440px) {
	.aptitude-slick p { font-size: 18px; }
}
@media (max-width: 1199px) {
	.aptitude-slick p { font-size: 16px; }
}
@media (max-width: 767px) {
	.brand-aptitude { padding: 30px 5%; }
	.aptitude-slick { margin-top: 30px; padding-bottom: 26px; }
	.aptitude-slick .slick-slide { margin: 0 10px; }
}




/* 产品列表 */
.product-link {
	position: relative; z-index: 5; border-top: 1px solid rgba(255,255,255,.4);
	height: calc(100vw / 1920 * 101); margin-top: calc(100vw / 1920 * -101); padding: 0 calc(100vw / 1920 * 160);
}
.product-link .mobile { display: none; justify-content: space-between; width: 100%; }
.product-link .mobile .h2 { display: flex; align-items: center; background-color: var(--c); color: #fff; font-size: 16px; padding: 0 20px; }
.product-link .mobile .button { display: flex; align-items: center; overflow: hidden; }
.product-link .mobile .button > div { display: flex; flex-direction: column; cursor: pointer; width: 24px; }
.product-link .mobile .button span { width: 100%; height: 2px; transition: all 0.5s; background-color: var(--c); }
.product-link .mobile .button span:nth-of-type(2) { margin: 5px 0; }
.product-link .mobile .button > div.active span:first-of-type { transform: translateY(100%) rotateZ(225deg); }
.product-link .mobile .button > div.active span:nth-of-type(2) { transform: translateX(100px); opacity: 0; margin: 0; }
.product-link .mobile .button > div.active span:last-of-type { transform: translateY(-100%) rotateZ(-225deg); }
.product-link .nav { display: flex; height: 100%; }
.product-link a {
	display: flex; align-items: center; justify-content: center; color: #fff; position: relative; border-right: 1px solid rgba(255,255,255,.5);
	transition: background var(--t), color var(--t); overflow: hidden; font-size: calc(100vw / 1920 * 26); min-width: calc(100vw / 1920 * 180); padding: 8px;
}
.product-link a:first-child { border-left: 1px solid rgba(255,255,255,.5); }
.product-link a::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; }
.product-link .nav a .bg { position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; opacity: 0; transition: opacity var(--t); }
.product-link .nav a .bg span::before { content: ''; position: absolute; width: 7px; height: 1px; background: rgba(255,255,255,.5); }
.product-link .nav a .bg span::after { content: ''; position: absolute; width: 1px; height: 8px; background: rgba(255,255,255,.5); }
.product-link .nav a .bg span:nth-child(1)::before { top: 0; left: 0; }
.product-link .nav a .bg span:nth-child(1)::after { top: 0; left: 0; }
.product-link .nav a .bg span:nth-child(2)::before { top: 0; right: 0; }
.product-link .nav a .bg span:nth-child(2)::after { top: 0; right: 0; }
.product-link .nav a .bg span:nth-child(3)::before { bottom: 0; left: 0; }
.product-link .nav a .bg span:nth-child(3)::after { bottom: 0; left: 0; }
.product-link .nav a .bg span:nth-child(4)::before { bottom: 0; right: 0; }
.product-link .nav a .bg span:nth-child(4)::after { bottom: 0; right: 0; }
.product-link .nav a:hover { background: var(--c); color: #fff; }
.product-link .nav a.active { background: var(--c); color: #fff; }
.product-link .nav a:hover .bg { opacity: 1; }
.product-link .nav a.active .bg { opacity: 1; }

@media (max-width: 1199px) {
	.product-link { height: 64px; margin-top: -64px; }
	.product-link a { font-size: 16px; min-width: 110px; }
}
@media (max-width: 767px) {
	.product-link { height: 50px; margin-top: 0; position: relative; display: flex; justify-content: space-between; background-color: #fff; border-bottom: 1px solid #d8d8d8; padding-right: 5%; padding-left: 0; border-top: 0; }
	.product-link .mobile { display: flex; }
	.product-link .nav { display: none; position: absolute; z-index: 2; top: 100%; left: 0; width: 100%; height: auto; background-color: #fff; box-shadow: 0 0 2px rgba(0,0,0,.1); }
	.product-link .nav a { width: 100%; padding: 14px 6.25%; margin: 0; border-radius: 0; color: #333; }
}

.product-list { padding: calc(100vw / 1920 * 113) calc(100vw / 1920 * 140) 0; }
.product-list .container {
	display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; border-bottom: 1px solid #e7e7e7;
	padding-bottom: calc(100vw / 1920 * 56);
}
.product-list .li { width: 48.171%; margin-bottom: calc(100vw / 1920 * 40); }
.product-list .li .box { background: #e7e7e7; position: relative; z-index: 1; padding: calc(100vw / 1920 * 40) 0 calc(100vw / 1920 * 66); }
.product-list .li .box::before {
	content: ''; position: absolute; z-index:-1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0;
	background: url(../images/product-list-bg.jpg) center / cover no-repeat; transition: opacity var(--t);
}
.product-list .li:hover .box::before { opacity: 1; }
.product-list .li .img { width: 42.026%; margin: 0 auto; }
.product-list .li .img .i-box { padding-bottom: 188.5093167701863%; }
.product-list .li p { font-size: calc(100vw / 1920 * 26); color: #333; text-align: center; margin-top: calc(100vw / 1920 * 20); transition: color var(--t); }
.product-list .li:hover p { color: var(--c); }

@media (max-width: 1199px) {
	.product-list .li { margin-bottom: 32px; }
	.product-list .li p { font-size: 16px; margin-top: 16px; }
}
@media (max-width: 767px) {
	.product-list { padding: 30px 5%; }
	.product-list .container { padding-bottom: 20px; }
	.product-list .li { width: 100%; margin-bottom: 20px; }
	.product-list .li .box { padding: 20px; }
	.product-list .li p { margin-top: 20px; }
}




/* 产品详情 */
.product-details { position: relative; z-index: 1; margin-top: calc(100vw / 1920 * -694); overflow: hidden; }
.product-details .link { display: flex; justify-content: space-between; align-items: center; color: #fff; padding: 0 calc(100vw / 1920 * 118) 0 calc(100vw / 1920 * 140); }
.product-details .link .h2 { font-size: calc(100vw / 1920 * 48); }
.product-details .link .back { font-size: calc(100vw / 1920 * 24); position: relative; z-index: 1; }
.product-details .link .back::before {
	content: ''; position: absolute; z-index: -1; top: calc(100vw / 1920 * -20); left: calc(100vw / 1920 * -34); width: calc(100vw / 1920 * 210); height: calc(100vw / 1920 * 61);
	background: url(../images/product-details-back.png) center / cover no-repeat;
}
.product-details .top {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
	padding: calc(100vw / 1920 * 122) calc(100vw / 1920 * 390) calc(100vw / 1920 * 110) calc(100vw / 1920 * 308); margin-top: calc(100vw / 1920 * 68);
}
.product-details .top .con { width: 50%; }
.product-details .top .con .h3 { font-size: calc(100vw / 1920 * 72); color: var(--c); }
.product-details .top .con .text { font-size: calc(100vw / 1920 * 32); line-height: 1.875; }
.product-details .top .con .text span { color: var(--c); }
.product-details .top .img { width: 29.051%; position: relative; z-index: 1; }
.product-details .top .img::before {
	background: url(../images/product-details-bg.png) center / cover no-repeat; animation: rotate 30s linear infinite;
	content: ''; position: absolute; z-index: -1; top: calc(100vw / 1920 * 42); left: calc(100vw / 1920 * -133);
	width: calc(100vw / 1920 * 608); height: calc(100vw / 1920 * 608);
}
.product-details .top .img .i-box { padding-bottom: 188.7323943661972%; }

@media (max-width: 1199px) {
	.product-details .link .back { font-size: 15px; }
	.product-details .link .back::before { width: 130px; height: 37px; top: -11px; left: -18px; }
}
@media (max-width: 767px) {
	.product-details { margin-top: 30px; }
	.product-details .link { color: #000; padding: 0 5%; }
	.product-details .link .h2 { font-size: 22px; }
	.product-details .link .back { color: #fff; }
	.product-details .top { margin-top: 30px; padding: 30px 5%; justify-content: center; }
	.product-details .top .con { width: 65%; }
	.product-details .top .con .h3 { font-size: 20px; }
	.product-details .top .con .text { font-size: 14px; margin-top: 10px; }
	.product-details .top .img::before { top: calc(100vw / 1920 * 50); left: calc(100vw / 1920 * -156); width: calc(100vw / 1440 * 608); height: calc(100vw / 1440 * 608); }
}



.product-details .middle { padding: calc(100vw / 1920 * 80) 0 calc(100vw / 1920 * 86); }
.product-details .middle .list {
	margin-top: calc(100vw / 1920 * 58); padding: 0 50px;
}
@media (min-width: 1199px) {
	/* .product-details .middle { padding: 130px 0 calc(100vw / 1920 * 86); } */
	.product-details .middle .list { overflow: hidden; height: 37.5vw; }
}
.product-details .middle .list .box { display: flex; flex-wrap: wrap; }
.product-details .middle .li {
	display: flex; flex-wrap: wrap; justify-content: space-between; width: 22.588%; border-right: 1px solid #e0e0e0; margin-right: 3.2%;
	margin-bottom: calc(100vw / 1920 * 100);
}
.product-details .middle .li:nth-child(4n) { margin-right: 0; }
.product-details .middle .li .img { width: 52.556%; position: relative; }
.product-details .middle .li .img .i-box { padding-bottom: 177.3148148148148%; }
.product-details .middle .li .img p {
	display: flex; writing-mode: vertical-rl; align-items: center; padding: calc(100vw / 1920 * 13);
	position: absolute; top: 0; right: 0; min-width: calc(100vw / 1920 * 63); min-height: calc(100vw / 1920 * 138); background: var(--c); color: #fff; font-size: calc(100vw / 1920 * 30);
}
.product-details .middle .li .text {
	display: flex; align-items: flex-end;
	writing-mode: vertical-rl; color: #666; line-height: 1.5; font-size: calc(100vw / 1920 * 20); height: calc(100vw / 1920 * 383); width: calc(100vw / 1920 * 140);
}

@media (max-width: 1440px) {
	.product-details .middle .li .text { font-size: 15px; }
}
@media (max-width: 1199px) {
	.product-details .middle .li { width: 31.2%; }
	.product-details .middle .li:nth-child(4n) { margin-right: 3.2%; }
	.product-details .middle .li:nth-child(3n) { margin-right: 0; }
	.product-details .middle .li .img p { font-size: 18px; padding: 10px; min-width: 40px; min-height: 86px; }
	.product-details .middle .li .text { width: calc(100vw / 1440 * 140); height: calc(100vw / 1440 * 383); }
}
@media (max-width: 991px) {
	.product-details .middle .li .img p { font-size: 16px; min-width: 35px; min-height: 80px; }
}
@media (max-width: 767px) {
	.product-details .middle { padding: 30px 0; }
	.product-details .middle .list { margin-top: 30px; padding: 0 5%; }
	.product-details .middle .list .box { justify-content: space-between; }
	.product-details .middle .li { width: 48%; margin-right: 0; margin-bottom: 20px; align-content: flex-start; border-right: none; }
	.product-details .middle .li:nth-child(4n) { margin-right: 0; }
	.product-details .middle .li .img { width: 100%; }
	.product-details .middle .li .text { width: 100%; height: auto; writing-mode: initial; margin-top: 20px; }
}


.product-details .bottom { background: #eee; padding: calc(100vw / 1920 * 144) 0 calc(100vw / 1920 * 116); }
.product-details .bottom .box { margin: 0 auto; width: 73.146%; }
.product-details .bottom .box img { width: 100%; display: block; }

@media (max-width: 767px) {
	.product-details .bottom { padding: 30px 5%; }
	.product-details .bottom .box { width: 100%; }
}




/* 新闻列表 */
.news-list { display: flex; flex-wrap: wrap; background: #f5f5f5; padding: calc(100vw / 1920 * 98) calc(100vw / 1920 * 140) calc(100vw / 1920 * 70); }
.news-list .li { width: 29.879%; margin-bottom: calc(100vw / 1920 * 57); margin-right: 5.18%; transition: background var(--t); }
.news-list .li:nth-child(3n) { margin-right: 0; }
.news-list .li .img.i-box { padding-bottom: 63.87755102040816%; }
.news-list .li .text { padding: calc(100vw / 1920 * 12) calc(100vw / 1920 * 17) calc(100vw / 1920 * 40); font-size: 16px; color: #666; }
.news-list .li .text .h3 { font-size: calc(100vw / 1920 * 24); line-height: 1.5; color: #000; transition: color var(--t); }
.news-list .li .text .des { margin-top: calc(100vw / 1920 * 20); }
.news-list .li .text .b { display: flex; justify-content: space-between; margin-top: calc(100vw / 1920 * 28); }
.news-list .li .text .b .more { position: relative; z-index: 1; right: 10px; transition: color var(--t); }
.news-list .li .text .b .more::before {
	content: ''; position: absolute; z-index: -1; top: -9px; right: -10px; width: 76px; height: 34px;
	background: url(../images/news-icon1.png) center / cover no-repeat; transition: opacity var(--t);
}
.news-list .li .text .b .more::after {
	content: ''; position: absolute; z-index: -1; top: -9px; right: -10px; width: 76px; height: 34px;
	background: url(../images/news-icon2.png) center / cover no-repeat; opacity: 0; transition: opacity var(--t);
}
.news-list .li:hover { background: #fff; }
.news-list .li:hover .text .h3 { color: var(--c); }
.news-list .li:hover .text .b .more { color: #fff; }
.news-list .li:hover .text .b .more::before { opacity: 0; }
.news-list .li:hover .text .b .more::after { opacity: 1; }

.page-link { display: flex; justify-content: center; width: 100%; }
.page-link ul { display: flex; }
.page-link ul li {
	width: 50px; height: 50px; border: 1px solid #dcdcdc; color: #ccc; border-radius: 50%; margin: 0 5px;
	transition: background-color .8s, color .8s, border .8s;
}
.page-link ul li:hover { border: 1px solid var(--c); background-color: var(--c); color: #fff; }
.page-link ul li.active { border: 1px solid var(--c); background-color: var(--c); color: #fff; }
.page-link ul li a, .page-link ul li span { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 2px; }

@media (max-width: 1440px) {
	.news-list .li .text { font-size: 14px; }
	.news-list .li .text .b .more::before { top: -10px; }
	.news-list .li .text .b .more::after { top: -10px; }
}
@media (max-width: 1199px) {
	.news-list .li .text { font-size: 12px; padding: 7px 10px 24px; }
	.news-list .li .text .h3 { font-size: 15px; }
	.news-list .li .text .des { margin-top: 12px; }
	.news-list .li .text .b { margin-top: 16px; }
	.news-list .li .text .b .more::before { width: 60px; height: 27px; top: -7px; }
	.news-list .li .text .b .more::after { width: 60px; height: 27px; top: -7px; }
	.page-link ul li { width: 40px; height: 40px; padding-top: 0; }
}
@media (max-width: 767px) {
	.news-list { padding: 30px 5%; }
	.news-list .li { width: 100%; margin-right: 0; margin-bottom: 20px; background: #fff; }
	.news-list .li .text { padding: 10px 10px 20px; }
	.news-list .li .text .h3 { font-size: 16px; }
	.news-list .li .text .des { font-size: 14px; }
	.news-list .li .text .b .more { color: #fff; }
	.news-list .li .text .b .more::before { opacity: 0; }
	.news-list .li .text .b .more::after { opacity: 1; }
	.page-link ul li { width: 35px; height: 35px; }
	.page-link ul li a, .page-link ul li span { padding-top: 0; }
}


/* 新闻详情 */
.news-details { background: #f5f5f5; padding: calc(100vw / 1920 * 100) calc(100vw / 1920 * 140) calc(100vw / 1920 * 150); }
.news-details .box { background: #fff; padding: calc(100vw / 1920 * 56) calc(100vw / 1920 * 100) calc(100vw / 1920 * 96); }
.news-details .top { border-bottom: 1px solid #e7e7e7; padding-bottom: calc(100vw / 1920 * 15); }
.news-details .top .h2 { color: var(--c); font-size: calc(100vw / 1920 * 36); line-height: 1.2; }
.news-details .top .time { color: #666; font-size: 16px; margin-top: calc(100vw / 1920 * 36); }
.news-details .text { color: #666; font-size: 18px; line-height: 1.67; margin-top: calc(100vw / 1920 * 28); }
.news-details .link { display: flex; flex-direction: column; color: #333; font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 90); }
.news-details .link > a {
	display: flex; align-items: center; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; transition: color var(--t);
	height: calc(100vw / 1920 * 100); padding: 0 calc(100vw / 1920 * 26);
}
.news-details .link > a:last-child { margin-top: -1px; }
.news-details .link > a span:first-child { position: relative; z-index: 1; color: #fff; margin-right: calc(100vw / 1920 * 72); }
.news-details .link > a span:first-child::before {
	content: ''; position: absolute; z-index: -1; top: calc(100vw / 1920 * -20); left: calc(100vw / 1920 * -28); width: calc(100vw / 1920 * 147); height: calc(100vw / 1920 * 61);
	background: url(../images/news-details-icon1.png) center / cover no-repeat; transition: opacity var(--t);
}
.news-details .link > a span:first-child::after {
	content: ''; position: absolute; z-index: -1; top: calc(100vw / 1920 * -20); left: calc(100vw / 1920 * -28); width: calc(100vw / 1920 * 147); height: calc(100vw / 1920 * 61);
	background: url(../images/news-details-icon2.png) center / cover no-repeat; transition: opacity var(--t); opacity: 0;
}
.news-details .link > a span:last-child { flex: 1; }
.news-details .link > a:hover { color: var(--c); }
.news-details .link > a:hover span:first-child::before { opacity: 0; }
.news-details .link > a:hover span:first-child::after { opacity: 1; }

@media (max-width: 1440px) {
	.news-details .top .time { font-size: 14px; }
	.news-details .text { font-size: 16px; }
	.news-details .link { font-size: 18px; }
	.news-details .link > a span:first-child { margin-right: 50px; }
	.news-details .link > a span:first-child::before { width: 110px; height: 45px; top: -13px; left: -17px; }
	.news-details .link > a span:first-child::after { width: 110px; height: 45px; top: -13px; left: -17px; }
}
@media (max-width: 1199px) {
	.news-details .top .h2 { font-size: 22px; }
	.news-details .top .time { font-size: 12px; }
	.news-details .text { font-size: 14px; }
	.news-details .link { font-size: 16px; }
	.news-details .link > a { height: 60px; padding: 0 16px; }
	.news-details .link > a span:first-child::before { width: 100px; height: 40px; top: -12px; }
	.news-details .link > a span:first-child::after { width: 100px; height: 40px; top: -12px; }
}
@media (max-width: 767px) {
	.news-details { padding: 30px 5%; }
	.news-details .box { padding: 20px; }
	.news-details .top { padding-bottom: 10px; }
	.news-details .top .h2 { font-size: 18px; }
	.news-details .top .time { margin-top: 10px; }
	.news-details .text { margin-top: 10px; }
	.news-details .link { margin-top: 20px; font-size: 14px; }
	.news-details .link > a { padding: 0; height: 50px; }
	.news-details .link > a span:first-child { margin-right: 20px; }
	.news-details .link > a span:first-child::before { width: 72px;height: 30px;top: -9px;left: -10px; }
	.news-details .link > a span:first-child::after { width: 72px;height: 30px;top: -9px;left: -10px; }
}




/* 常见问题 */
.contact-question { min-height: calc(100vw / 1920 * 970); padding: calc(100vw / 1920 * 106) calc(100vw / 1920 * 180) calc(100vw / 1920 * 80); }
.contact-question .brand-title { justify-content: flex-start; }
.contact-question .brand-title .h2 { color: #fff; }
.contact-question .box { width: 54%; margin-top: calc(100vw / 1920 * 56); }


.contact-question .list { color: #fff; border-bottom: 1px solid #fff; margin-bottom: calc(100vw / 1920 * 56); }
.contact-question .list:last-child { margin-bottom: 0; }
.contact-question .list .top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; cursor: pointer; padding-bottom: 20px; }
.contact-question .list .top .h3 { font-size: 20px; line-height: 1.2; flex: 1; }

.contact-question .list .top .icon { position: relative; z-index: 1; width: 50px; height: 27px; }
.contact-question .list .top .icon::before {
	content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; transition: opacity var(--t);
	background: url(../images/contact-icon1.png) center / cover no-repeat;
}
.contact-question .list .top .icon::after {
	content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%;  transition: opacity var(--t);
	background: url(../images/contact-icon2.png) center / cover no-repeat; opacity: 0;
}
.contact-question .list .top .icon span { position: absolute; top: 50%; left: 50%; transform: translate(0,-50%); width: 12px; height: 12px; }
.contact-question .list .top .icon span:before {
	content: ''; position: absolute; top: 5px; left: 0; width: 12px; height: 2px; background: #000; transition: all var(--t);
}
.contact-question .list .top .icon span:after {
	content: ''; position: absolute; top: 0; left: 5px; width: 2px; height: 12px; background: #000; transition: all var(--t);
}
.contact-question .list.active .top .icon::before { opacity: 0; }
.contact-question .list.active .top .icon::after { opacity: 1; }
.contact-question .list.active .top .icon span:before { transform: rotate(180deg); background: #fff; }
.contact-question .list.active .top .icon span:after { transform: rotate(180deg); background: #fff; opacity: 0; }

.contact-question .list .bottom { display: none; }
.contact-question .list .bottom .text { line-height: 1.875; font-size: 16px; padding-bottom: calc(100vw / 1920 * 40); }

@media (max-width: 1440px) {
	.contact-question .list .top .h3 { font-size: 18px; }
	.contact-question .list .bottom .text { font-size: 14px; }
}
@media (max-width: 1199px) {
	.contact-question .box { width: 65%; }
	.contact-question .list .top .h3 { font-size: 16px; }
	.contact-question .list .bottom .text { font-size: 12px; }
}
@media (max-width: 767px) {
	.contact-question { padding: 30px 5%; min-height: initial; }
	.contact-question .brand-title { justify-content: center; }
	.contact-question .box { width: 100%; margin-top: 30px; }
	.contact-question .list { margin-bottom: 10px; }
	.contact-question .list .top { padding-bottom: 10px; }
	.contact-question .list .bottom .text { font-size: 13px; padding-bottom: 15px; }
}


/* 提交请求 */
.contact-request {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; background: url(../images/contact-request-bg.jpg);
	padding: calc(100vw / 1920 * 168) calc(100vw / 1920 * 356) calc(100vw / 1920 * 146) calc(100vw / 1920 * 434);
}
.contact-request .box { width: 77.7%; }
.contact-request .box > p { font-size: 20px; }
.contact-request .box > form { margin-top: 26px; font-size: 18px; color: #5c5c5c; }
.contact-request .box > form input { width: 100%; height: 56px; margin-bottom: 24px; border: 1px solid rgba(0,0,0,.2); background: transparent; padding: 0 16px; }
.contact-request .box > form .button { width: 220px; height:56px; background: var(--c); color: #fff; cursor: pointer; }

@media (max-width: 1440px) {
	.contact-request .box > p { font-size: 18px; }
	.contact-request .box > form { font-size: 16px; margin-top: 20px; }
	.contact-request .box > form input { margin-bottom: 20px; height: 46px; }
	.contact-request .box > form .button { height: 46px; }
}
@media (max-width: 1199px) {
	.contact-request { padding: calc(100vw / 1920 * 168) calc(100vw / 1920 * 350) calc(100vw / 1920 * 146); }
	.contact-request .box > p { font-size: 16px; }
	.contact-request .box > form { font-size: 14px; }
}
@media (max-width: 991px) {
	.contact-request { padding: calc(100vw / 1920 * 168) 6.25% calc(100vw / 1920 * 146); }
	.contact-request .box { width: 84%; }
}
@media (max-width: 767px) {
	.contact-request { padding: 30px 5%; justify-content: center; }
	.contact-request .box { width: 100%; margin-top: 30px; }
	.contact-request .box > p { line-height: 1.4; }
	.contact-request .box > form { margin-top: 15px; }
	.contact-request .box > form input { margin-bottom: 10px; height: 40px; }
	.contact-request .box > form .button { height: 40px; width: 100%; }
}