.ellipsis1 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:1
}
.ellipsis2 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:2
}
.ellipsis3 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:3
}
.banner {
	height:100vh;
	clear:both;
	overflow:hidden;
	text-align:center;
	position:relative;
	z-index:9;
	background:#000
}
.banner .pc {
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	display:block
}
.banner .pc img {
	vertical-align:top;
	display:inline-block;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	max-height:initial;
	max-width:initial;
	width:100%;
	height:100%;
	object-fit:cover
}
.banner .pc .video {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block
}
.banner .ph {
	position:relative;
	display:none;
	text-align:center
}
.banner .ph img {
	width:100%;
	width:auto;
	height:auto
}
.banner .box {
	display:block;
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%
}
.banner .text {
	left:0;
	z-index:10;
	width:100%;
	color:#fff;
	text-align:center;
	position:absolute;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover
}
.banner .swiper-container {
	height:100%;
	width:100%
}
.banner .swiper-wrapper {
	height:100%
}
.banner .swiper-slide {
	width:100% !important;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top
}
.banner .swiper-pagination {
	z-index:9;
	display:none;
	width:100%;
	bottom:2.1875rem;
	text-align:center
}
.banner .swiper-pagination-bullet {
	border-radius:0;
	background:#6d7986;
	opacity:1;
	border-radius:50%;
	vertical-align:middle;
	transition:all 500ms ease;
	margin:0 .3125rem;
	width:.625rem;
	height:.625rem
}
.banner .swiper-pagination-bullet-active {
	border-radius:.3125rem;
	background:#fff
}
.banner .swiper-slide-active .banner-features {
	animation:1.5s fadeInUp2 ease
}
.banner .swiper-slide-active .banner-title,.banner .swiper-slide-active .banner-title-img {
	animation:1.6s fadeInUp2 ease
}
@media (max-width:1024px) {
	.banner {
	padding-top:0;
	margin-top:60px;
	height:auto
}
.banner .pc {
	height:auto
}
.banner .swiper-pagination {
	bottom:20px
}
}@media (max-width:768px) {
	.banner {
	background:#000;
	height:auto !important
}
.banner .pc {
	display:none
}
.banner .ph {
	display:block
}
.banner .ph img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover
}
.banner .common-button {
	display:none
}
.banner .tech-btn {
	display:none
}
.banner .item {
	padding-left:0
}
.banner .banner-line,.banner .banner-thumbs {
	display:none !important
}
.banner .banner-title-img img {
	max-height:120px !important
}
}.facing-section {
	padding-top:6.875rem;
	background:#f8f9fc;
	overflow:hidden
}
.facing-section .facing-head {
	margin-bottom:3.125rem
}
.facing-section .facing-head h2 {
	line-height:1.32
}
.facing-section .facing-head h2 span {
	display:block
}
.facing-section .facing-head h2 span em {
	vertical-align:top;
	padding-left:.5rem
}
.facing-section .facing-head h2 span:last-child {
	margin-top:.25rem
}
.facing-section .facing-head h2 b {
	position:relative
}
.facing-section .facing-head h2 b::before {
	top:1.25rem;
	left:1.875rem;
	position:absolute;
	content:"";
	width:.1875rem;
	height:2.125rem;
	background:#111111
}
.facing-section .facing-head h2 b::after {
	content:"";
	bottom:.75rem;
	left:1.375rem;
	position:absolute;
	border-top:solid 1.125rem #111;
	border-left:solid .625rem transparent;
	border-right:solid .625rem transparent
}
.facing-content {
	position:relative;
	min-height:43.75rem;
	background:url(../images/facing-bg1.jpg) center center / cover no-repeat;
	transition:background-image .45s ease
}
.facing-list {
	position:relative;
	z-index:1;
	display:flex;
	min-height:43.75rem
}
.facing-item {
	position:relative;
	width:25%;
	min-height:43.75rem;
	border-right:1px solid rgba(255,255,255,0.8);
	color:#fff;
	transition:background-color .35s ease
}
.facing-item.active {
	background:linear-gradient(to bottom,rgba(186,2,2,0.71),rgba(142,2,2,0.71))
}
.facing-item.active .facing-item-inner {
	justify-content:center
}
.facing-item.active .facing-item-inner p,.facing-item.active .facing-more {
	display:block
}
.facing-item-inner {
	width:100%;
	height:100%;
	min-height:43.75rem;
	padding:3.125rem 2.1875rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .55s ease;
	will-change:transform
}
.facing-item-inner img {
	display:block;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:7.5rem;
	margin:0 0 2.1875rem;
	object-fit:contain;
	transition:transform .55s cubic-bezier(.22,.61,.36,1)
}
.facing-item-inner h3 {
	margin:0;
	font-family:Oswald;
	font-size:2rem;
	line-height:1.2;
	color:#fff
}
.facing-item-inner p {
	display:none;
	max-width:22.5rem;
	margin:2rem 0 0;
	line-height:1.8;
	color:#fff
}
.facing-item-inner .facing-more {
	display:none;
	min-width:11.375rem;
	height:2.5rem;
	margin-top:5.3125rem;
	padding:0 1.125rem;
	color:#fff;
	font-weight:700;
	line-height:2.5rem;
	background:url(../images/pro-hover.png) center / cover no-repeat
}
.facing-item-inner .facing-more svg {
	margin-left:.3125rem;
	vertical-align:middle;
	width:1rem;
	height:1rem
}
.facing-item:hover .facing-item-inner {
	transform:translateY(-0.75rem)
}
.facing-item:hover .facing-item-inner img {
	transform:scale(1.08)
}
.facing-item:hover .facing-item-inner h3 {
	animation:facingTitleIn .55s ease both
}
.facing-item:hover .facing-item-inner p,.facing-item:hover .facing-item-inner .facing-more {
	animation:facingContentIn .65s ease both
}
@keyframes facingTitleIn {
	from {
	opacity:0;
	transform:translateY(.625rem)
}
to {
	opacity:1;
	transform:translateY(0)
}
}@keyframes facingContentIn {
	from {
	opacity:0;
	transform:translateY(1rem)
}
to {
	opacity:1;
	transform:translateY(0)
}
}@media (max-width:1024px) {
	.facing-section {
	padding-top:60px
}
.facing-section .facing-head {
	margin:0 20px 34px
}
.facing-section .facing-head h2 {
	font-size:34px;
	line-height:1.35
}
.facing-section .facing-head h2 span:last-child {
	margin-top:4px
}
.facing-section .facing-head h2 b {
	font-size:30px;
	margin-left:5px
}
.facing-section .facing-head h2 b::after {
	bottom:10px
}
.facing-content,.facing-list,.facing-item,.facing-item-inner {
	min-height:540px
}
.facing-item-inner {
	padding:30px 18px 38px;
	transition:transform .4s ease
}
.facing-item-inner img {
	max-height:80px;
	margin-bottom:24px
}
.facing-item-inner h3 {
	font-size:24px
}
.facing-item-inner p {
	max-width:280px;
	margin-top:22px;
	font-size:14px;
	line-height:1.7
}
.facing-item-inner .facing-more {
	margin-top:34px;
	min-width:182px;
	height:36px;
	line-height:36px;
	font-size:13px
}
.facing-item-inner .facing-more svg {
	width:16px;
	height:16px
}
}@media (max-width:640px) {
	.facing-section {
	padding-top:48px
}
.facing-section .facing-head {
	margin-bottom:25px
}
.facing-section .facing-head h2 {
	font-size:25px
}
.facing-content,.facing-list {
	min-height:0
}
.facing-list {
	display:block
}
.facing-item {
	width:100%;
	min-height:180px;
	border-right:0;
	border-bottom:1px solid rgba(255,255,255,0.65)
}
.facing-item.active {
	min-height:420px
}
.facing-item-inner {
	min-height:180px;
	padding:28px 20px;
	transform:none !important
}
.facing-item.active .facing-item-inner {
	min-height:420px
}
}@media (max-width:1024px) {
	.facing-content {
	min-height:0;
	padding:50px 24px 50px;
	overflow:hidden;
	background:#151515 !important
}
.facing-list {
	min-height:0;
	display:flex
}
.facing-item {
	width:auto;
	min-height:480px;
	overflow:hidden;
	border:0;
	border-radius:8px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat
}
.facing-item::before {
	position:absolute;
	z-index:0;
	inset:0;
	content:"";
	background:linear-gradient(180deg,rgba(0,0,0,0.16),rgba(0,0,0,0.72));
	pointer-events:none
}
.facing-item.active {
	min-height:480px
}
.facing-item-inner,.facing-item.active .facing-item-inner {
	position:relative;
	z-index:1;
	min-height:480px;
	padding:34px 24px 38px;
	transform:none!important;
	transition:none!important
}
.facing-item-inner p,.facing-item-inner .facing-more {
	display:block
}
.facing-item:hover .facing-item-inner,.facing-item:hover .facing-item-inner img {
	transform:none!important
}
.facing-item:hover .facing-item-inner h3,.facing-item:hover .facing-item-inner p,.facing-item:hover .facing-item-inner .facing-more {
	animation:none!important
}
.facing-pagination {
	position:relative;
	left:auto;
	bottom:auto;
	margin-top:24px;
	text-align:center
}
.facing-pagination .swiper-pagination-bullet {
	width:8px;
	height:8px;
	margin:0 5px;
	background:#fff;
	opacity:.45
}
.facing-pagination .swiper-pagination-bullet-active {
	width:24px;
	border-radius:4px;
	background:var(--main-color);
	opacity:1
}
}@media (max-width:640px) {
	.facing-item,.facing-item.active,.facing-item-inner,.facing-item.active .facing-item-inner {
	min-height:430px
}
.facing-item-inner {
	padding:30px 20px 34px
}
.facing-pagination {
	margin-top:20px
}
}.product-section {
	padding:7.5rem 0;
	overflow:hidden;
	background:url(../images/product-bg.jpg) center center / cover no-repeat
}
.product-section .container {
	position:relative
}
.product-swiper-wrap {
	position:relative;
	margin-top:4.0625rem
}
.product-prev,.product-next {
	position:absolute;
	top:50%;
	z-index:5;
	width:2.625rem;
	height:2.625rem;
	margin-top:-1.3125rem;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	border:0;
	background:url(../images/proarrow-link.png) no-repeat center center;
	background-size:cover
}
.product-prev:hover,.product-next:hover {
	background:url(../images/pro-arrowhover.png) no-repeat center center;
	background-size:cover
}
.product-prev {
	left:-3.75rem;
	transform:rotate(-180deg)
}
.product-prev:hover {
	transform:rotate(0)
}
.product-next {
	right:-3.75rem
}
.product-next:hover {
	transform:rotate(180deg)
}
.product-swiper {
	overflow:hidden
}
.product-swiper .swiper-wrapper {
	padding-bottom:1.25rem;
	align-items:stretch
}
.product-swiper .swiper-slide {
	height:auto;
	display:flex
}
.product-card {
	width:100%;
	min-height:32.25rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	padding:0 .625rem;
	padding-top:1.25rem;
	padding-bottom:2.5rem;
	border-radius:.625rem;
	background:#fff url(../images/product-kuang.jpg) center center / cover no-repeat;
	color:#111;
	transition:transform .3s ease,box-shadow .3s ease
}
.product-card .product-pic {
	width:100%;
	height:21.875rem;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden
}
.product-card .product-pic img {
	display:block;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	object-fit:contain;
	transition:transform 1.2s cubic-bezier(.25,.74,.22,.99)
}
.product-card .product-name {
	font-family:Oswald;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:1;
	display:block;
	margin-top:.625rem;
	font-size:1.25rem;
	line-height:1.875rem;
	    height: 3.75rem;
	font-weight:700;
	color:#111
}
.product-card .product-more {
	margin-top:2.5rem;
	min-width:11.375rem;
	height:2.5rem;
	padding:0 1.125rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:.5rem;
	color:#111;
	font-weight:700;
	line-height:1;
	text-decoration:none;
	background:url(../images/pro-link.png) no-repeat center center;
	background-size:cover
}
.product-card .product-more svg {
	margin-top:.25rem;
	vertical-align:top;
	width:1rem;
	height:1rem
}
.product-card:hover {
	box-shadow:0 0 1.25rem rgba(0,0,0,0.12)
}
.product-card:hover .product-name {
	color:var(--main-color)
}
.product-card:hover .product-pic img {
	transform:scale(.95)
}
.product-card:hover .product-more {
	color:#fff;
	background:url(../images/pro-hover.png) no-repeat center center;
	background-size:cover
}
@media (max-width:1024px) {
	.product-section {
	padding:72px 0 76px
}
.product-section .container {
	max-width:100%;
	padding:0 24px
}
.product-swiper-wrap {
	padding:0
}
.product-prev,.product-next {
	display:none
}
.product-card {
	min-height:100%;
	padding:22px 18px 26px;
	border-radius:8px
}
.product-card .product-pic {
	height:240px
}
.product-card .product-name {
	margin-top:14px;
	font-size:16px
}
.product-card .product-more {
	margin-top:14px;
	min-width:182px;
	height:40px;
	font-size:13px
}
.product-card .product-more svg {
	width:16px;
	height:16px
}
}@media (max-width:640px) {
	.product-section {
	padding:54px 0 60px
}
.product-card {
	padding:18px 14px 22px
}
.product-card .product-pic {
	height:200px
}
}.banner {
	height:51.25rem;
	text-align:left
}
.banner .banner-bg {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center top
}
.banner .text {
	inset:0;
	padding:0;
	text-align:left;
	background:none;
	transform:none
}
.banner .text .container {
	height:100%
}
.banner .banner-content {
	width:37.125rem;
	padding-top:7.75rem
}
.banner .banner-features {
	width:31.25rem;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.banner .banner-features span {
	display:flex;
	align-items:center;
	gap:.75rem;
	color:#fff
}
.banner .banner-features img {
	width:2.5rem;
	max-height:2.5rem;
	object-fit:contain
}
.banner .banner-features b {
	font-family:Oswald,sans-serif;
	font-size:1rem;
	line-height:1.28
}
.banner .banner-title {
	width:31.25rem;
	height:21.25rem;
	margin:3.125rem 0 0;
	color:var(--main-color);
	font-family:Oswald,sans-serif;
	font-size:7.25rem;
	font-weight:700;
	line-height:1.02;
	letter-spacing:-0.025em;
	text-transform:uppercase;
	text-shadow:1px 0 rgba(255,255,255,0.65),-1px 0 rgba(255,255,255,0.28),0 1px rgba(255,255,255,0.25)
}
.banner .banner-title span {
	display:block;
	white-space:nowrap
}
.banner .banner-title span:first-child {
	color:#eee;
	text-shadow:1px 0 #fff,-1px 0 rgba(255,255,255,0.55),0 1px rgba(0,0,0,0.55)
}
.banner .banner-title-img {
	margin-top:3.125rem
}
.banner .banner-title-img img {
	max-height:21.25rem
}
.banner .banner-hide {
	display:none
}
.banner .banner-show {
	display:block
}
.banner .banner-line {
	display:block;
	width:30.9375rem;
	height:.625rem;
	margin:2.6875rem 0 2.75rem
}
.banner .banner-thumbs {
	position:relative;
	isolation:isolate;
	width:49.5rem;
	height:5.25rem;
	display:flex;
	align-items:center;
	padding:.5rem .75rem;
	border:0;
	background:rgba(255,255,255,0.1);
	clip-path:polygon(.625rem 0,calc(100% - .625rem) 0,100% .625rem,100% calc(100% - .625rem),calc(100% - .625rem) 100%,.625rem 100%,0 calc(100% - .625rem),0 .625rem)
}
.banner .banner-thumbs::before {
	content:"";
	position:absolute;
	z-index:-1;
	inset:1px;
	background:rgba(13,13,13,0.82);
	clip-path:polygon(.5625rem 0,calc(100% - .5625rem) 0,100% .5625rem,100% calc(100% - .5625rem),calc(100% - .5625rem) 100%,.5625rem 100%,0 calc(100% - .5625rem),0 .5625rem)
}
.banner .swiper-slide .banner-thumbs {
	display:none
}
.banner .banner-static-thumbs {
	position:absolute;
	z-index:12;
	left:max(calc((100% - 95.375rem) / 2),20px);
	bottom:5.1875rem
}
.banner .banner-thumb {
	position:relative;
	z-index:1;
	opacity:.8;
	min-width:0;
	height:4.25rem;
	flex:1;
	display:flex;
	align-items:center;
	gap:.75rem;
	padding:.25rem .45rem;
	border:0;
	color:#fff;
	text-align:left;
	cursor:pointer;
	background:transparent
}
.banner .banner-thumb img {
	width:5rem;
	height:3.5rem;
	flex:0 0 5rem;
	object-fit:contain;
	border:1px solid transparent;
	clip-path:polygon(.5rem 0,100% 0,100% calc(100% - .5rem),calc(100% - .5rem) 100%,0 100%,0 .5rem)
}
.banner .banner-thumb b {
	font-family:Oswald,sans-serif;
	font-size:1rem;
	line-height:1.25
}
.banner .banner-thumb.active {
	opacity:1
}
.banner .swiper-pagination {
	display:block;
	bottom:2rem
}
.banner .swiper-pagination .swiper-pagination-bullet {
	border-radius:50%;
	width:1rem;
	height:1rem;
	margin:0 1.25rem;
	background:#fff
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
	background:#e3151b
}
@media (max-width:1024px) {
	.banner .banner-title {
	font-size:86px
}
}@media (max-width:640px) {
	.banner .banner-title {
	font-size:40px
}
}.about-section {
	display:flex;
	min-height:43.125rem;
	overflow:hidden
}
.about-info,.about-pic {
	width:50%
}
.about-info {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	padding:4.375rem 0 4.375rem 0;
	padding-right:2.5rem
}
.about-info-inner {
	width:100%;
	max-width:45rem
}
.about-title h2 {
	margin:0;
	font-family:Oswald,sans-serif;
	font-size:3.5rem;
	line-height:1.1;
	color:#333
}
.about-title h2 img {
	margin-left:.9375rem;
	margin-top:.625rem;
	vertical-align:top;
	max-height:2.8125rem
}
.about-title h3 {
	margin:1.75rem 0 0;
	font-size:1.75rem;
	line-height:1.3;
	font-weight:400;
	color:#333
}
.about-desc {
	margin:.9375rem 0 0;
	line-height:2;
	color:#666
}
.about-data {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:1.25rem;
	margin-top:2.25rem
}
.about-data-item strong {
	font-weight:700;
	display:block;
	color:var(--main-color);
	font-size:3.5rem;
	line-height:1;
	white-space:nowrap
}
.about-data-item>span {
	font-size:1.125rem;
	display:block;
	margin-top:.625rem;
	line-height:1.3;
	color:#666;
	white-space:nowrap
}
.about-more {
	display:flex;
	align-items:center;
	justify-content:center;
	width:11.375rem;
	height:2.5rem;
	margin-top:3.125rem;
	color:#fff;
	font-size:.875rem;
	font-weight:700;
	background:url(../images/pro-hover.png) center / cover no-repeat;
	transition:transform .3s ease
}
.about-more svg {
	width:1rem;
	height:1rem;
	margin-left:.3125rem
}
.about-more:hover {
	color:#fff
}
.about-pic {
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden
}
.about-pic img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center
}
@media (max-width:1024px) {
	.about-section {
	display:block;
	min-height:0
}
.about-info,.about-pic {
	width:100%
}
.about-info {
	padding:70px 40px 64px
}
.about-info-inner {
	max-width:760px;
	margin:0 auto
}
.about-title h2 {
	font-size:48px
}
.about-title h3 {
	margin-top:20px;
	font-size:24px
}
.about-desc {
	margin-top:22px;
	font-size:14px;
	line-height:2
}
.about-data {
	gap:18px;
	margin-top:30px
}
.about-data-item strong {
	font-size:40px
}
.about-data-item>span {
	margin-top:8px;
	font-size:14px
}
.about-more {
	font-size:14px;
	width:182px;
	height:40px;
	margin-top:38px
}
.about-more svg {
	width:16px;
	height:16px;
	margin-top:3px
}
.about-pic {
	height:520px
}
.about-pic img {
	height:100%
}
}@media (max-width:640px) {
	.about-info {
	padding:52px 20px 48px
}
.about-title h2 {
	font-size:36px
}
.about-title h3 {
	margin-top:16px;
	font-size:19px
}
.about-desc {
	margin-top:18px;
	font-size:13px;
	line-height:1.9
}
.about-data {
	grid-template-columns:repeat(2,1fr);
	gap:24px 12px;
	margin-top:28px
}
.about-data-item strong {
	font-size:34px
}
.about-data-item>span {
	font-size:13px
}
.about-more {
	margin-top:30px
}
.about-pic {
	height:320px
}
}.news-warp {
	padding:6.875rem 0 7.25rem;
	background:#f8f9fc;
	overflow:hidden
}
.news-layout {
	display:grid;
	grid-template-columns:45.625rem 47.1875rem;
	gap:2.375rem;
	margin-top:3.1875rem;
	align-items:start
}
.news-main a {
	display:block;
	color:#1d3556
}
.news-main-pic,.news-item-pic {
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:.625rem;
	position:relative
}
.news-main-pic img,.news-item-pic img {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	object-fit:cover;
	transform:translate(-50%,-50%);
	transition:transform .45s ease,filter .45s ease
}
.news-main-pic {
	height:25.375rem
}
.news-main-text {
	display:block;
	padding-top:1.25rem
}
.news-main-text h3 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:1;
	line-height:1.875rem;
	height:1.875rem;
	font-size:1.25rem;
	font-weight:700;
	color:#1d1d1d;
	transition:color .3s ease
}
.news-main-text p {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	height:3.25rem;
	line-height:1.625rem;
	margin-top:.9375rem;
	color:#666
}
@media (max-width:1024px) {
	.news-main-text {
	padding-top:20px
}
.news-main-text p {
	line-height:24px;
	height:48px;
	font-size:14px
}
}.news-side {
	padding-top:0
}
.news-item+.news-item {
	margin-top:1.875rem
}
.news-item a {
	display:grid;
	grid-template-columns:17.25rem 1fr;
	gap:1.375rem;
	align-items:start;
	color:#666
}
.news-item-pic {
	height:9.5625rem
}
.news-item-text {
	display:block;
	padding-top:1.25rem
}
.news-item-text h3 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	font-family:var(--AlbertSans-Bold);
	height:3.75rem;
	line-height:1.875rem;
	font-size:1.25rem;
	font-weight:700;
	color:#1d1d1d;
	transition:color .3s ease
}
.news-item-text p {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	margin-top:.625rem;
	height:3.25rem;
	line-height:1.625rem;
	display:block;
	color:#666
}
.news-main a:hover .news-main-pic img,.news-item a:hover .news-main-pic img,.news-main a:hover .news-item-pic img,.news-item a:hover .news-item-pic img {
	transform:translate(-50%,-50%) scale(1.04);
	filter:saturate(1.08)
}
.news-main a:hover h3,.news-item a:hover h3 {
	color:var(--main-color)
}
@media (max-width:1024px) {
	.news-warp {
	padding:58px 0 60px
}
.news-warp .container {
	max-width:760px
}
.news-layout {
	display:block;
	margin-top:34px
}
.news-main-pic {
	height:390px;
	border-radius:8px
}
.news-main-text strong {
	margin-top:16px;
	font-size:20px
}
.news-main-text span {
	margin-top:10px;
	font-size:15px;
	line-height:1.7
}
.news-side {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:20px;
	margin-top:30px
}
.news-item+.news-item {
	margin-top:0
}
.news-item a {
	display:block
}
.news-item-pic {
	height:135px;
	border-radius:8px
}
.news-item-text {
	padding-top:14px
}
.news-item-text h3 {
	font-size:17px;
	line-height:1.45
}
.news-item-text p {
	height:48px;
	line-height:24px;
	margin-top:8px;
	font-size:14px;
	line-height:1.65
}
}@media (max-width:640px) {
	.news-warp {
	padding:44px 0 46px
}
.news-layout {
	margin-top:28px
}
.news-main-pic {
	height:210px
}
.news-main-text h3 {
	font-size:18px
}
.news-main-text p {
	font-size:14px
}
.news-side {
	grid-template-columns:1fr;
	gap:24px;
	margin-top:28px
}
.news-item a {
	display:grid;
	grid-template-columns:122px 1fr;
	gap:14px
}
.news-item-pic {
	height:86px
}
.news-item-text {
	padding-top:0
}
.news-item-text h3 {
	font-size:16px;
	height:48px;
	line-height:24px
}
.news-item-text p {
	margin-top:6px;
	font-size:14px;
	height:40px;
	line-height:20px
}
}.news-section {
	padding:7.8125rem 0 6.5625rem;
	background:#fff
}
.news-list {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	column-gap:2.5rem;
	row-gap:3.75rem
}
.news-card {
	min-width:0
}
.news-card:hover .news-card-pic img {
	transform:scale(1.045)
}
.news-card:hover h2 a,.news-card:hover .news-more {
	color:var(--main-color)
}
.news-card-pic {
	position:relative;
	width:100%;
	height:16.875rem;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:.625rem;
	background:#eee
}
.news-card-pic img {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	object-position:center center;
	transform:translate(-50%,-50%);
	transition:transform .6s cubic-bezier(.22,.61,.36,1)
}
.news-card:hover .news-card-pic img {
	transform:translate(-50%,-50%) scale(1.045)
}
.news-card-info {
	padding-top:1.75rem
}
.news-meta {
	color:var(--main-color);
	font-size:.875rem;
	line-height:1.4
}
.news-card h2 {
	margin:.75rem 0 0;
	font-size:1.25rem;
	height:3.75rem;
	font-weight:700;
	line-height:1.875rem;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:2
}
.news-card h2 a {
	color:#1d1d1d;
	transition:color .3s ease
}
.news-desc {
	height:4.875rem;
	margin-top:.875rem;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	color:#666666;
	line-height:1.625rem
}
.news-more {
	display:inline-block;
	margin-top:2rem;
	color:#666;
	line-height:1.5;
	transition:color .3s ease,transform .3s ease
}
.news-more:hover {
	color:var(--main-color);
	transform:translateX(.25rem)
}
.news-content .common-page {
	margin-top:3.4375rem
}
@media (max-width:1024px) {
	.news-section {
	padding:70px 0 75px
}
.news-section .container {
	padding:0 32px
}
.news-list {
	grid-template-columns:repeat(2,minmax(0,1fr));
	column-gap:24px;
	row-gap:46px
}
.news-card-pic {
	height:240px;
	border-radius:8px
}
.news-card-info {
	padding-top:20px
}
.news-meta {
	font-size:12px
}
.news-card h2 {
	height:52px;
	margin-top:9px;
	font-size:18px;
	line-height:26px
}
.news-desc {
	height:72px;
	margin-top:10px;
	font-size:14px;
	line-height:24px
}
.news-more {
	margin-top:22px;
	font-size:14px
}
.news-content .common-page {
	margin-top:46px
}
}@media (max-width:640px) {
	.news-section {
	padding:48px 0 56px
}
.news-section .container {
	padding:0 20px
}
.news-list {
	grid-template-columns:1fr;
	row-gap:42px
}
.news-card-pic {
	height:auto;
	aspect-ratio:1.7804878
}
.news-card h2 {
	height:auto;
	max-height:52px
}
.news-desc {
	height:auto;
	max-height:72px
}
}.faq-content {
	padding:7.8125rem 0 6.875rem;
	background:#fff
}
.faq-content .faq-list {
	display:flex;
	flex-direction:column;
	gap:1.125rem
}
.faq-content .faq-item {
	overflow:hidden;
	border-radius:.5rem;
	background:#f8f9fc;
	transition:background-color .35s ease,box-shadow .35s ease
}
.faq-content .faq-item.active {
	background:#f6f7fa
}
.faq-content .faq-item.active .faq-question {
	padding-bottom:.9375rem
}
.faq-content .faq-item.active .faq-question i {
	background:url(../images/jt-2.png) no-repeat center center;
	background-size:cover
}
.faq-content .faq-item:hover {
	box-shadow:0 .5rem 1.5rem rgba(20,26,38,0.055)
}
.faq-content .faq-question {
	position:relative;
	width:100%;
	min-height:6.375rem;
	padding:1.75rem 4.5rem 1.75rem 1.4375rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border:0;
	color:#111111;
	background:transparent;
	font-family:inherit;
	font-size:1.25rem;
	font-weight:700;
	line-height:1.4;
	text-align:left;
	cursor:pointer;
	transition:padding .35s ease
}
.faq-content .faq-question span {
	display:block
}
.faq-content .faq-question .faq-title {
	display:block;
	margin:0;
	font:inherit;
	color:inherit
}
.faq-content .faq-question i {
	position:absolute;
	right:4.375rem;
	width:1.125rem;
	height:1.125rem;
	flex:0 0 1.125rem;
	color:var(--main-color);
	transition:transform .35s ease;
	background:url(../images/jt-1.png) no-repeat center center;
	background-size:cover
}
.faq-content .faq-answer {
	display:none;
	padding:0 4.375rem 1.6875rem 1.4375rem;
	color:#333;
	line-height:2
}
.faq-content .faq-answer p {
	margin:0
}
.faq-content .faq-item:first-child .faq-answer {
	display:block
}
@media (max-width:1024px) {
	.faq-content {
	padding:70px 0 76px
}
.faq-content .container {
	padding:0 32px
}
.faq-content .faq-list {
	gap:14px
}
.faq-content .faq-item {
	border-radius:7px
}
.faq-content .faq-item:hover {
	box-shadow:0 6px 20px rgba(20,26,38,0.05)
}
.faq-content .faq-item.active .faq-question {
	padding-bottom:12px
}
.faq-content .faq-item.active .faq-question i::before {
	width:14px;
	height:2px;
	transform:translate(-50%,-50%) rotate(45deg)
}
.faq-content .faq-item.active .faq-question i::after {
	top:50%;
	width:14px;
	height:2px;
	border:0;
	background:currentColor;
	transform:translate(-50%,-50%) rotate(-45deg)
}
.faq-content .faq-question {
	min-height:84px;
	padding:22px 58px 22px 20px;
	font-size:17px;
	line-height:1.45
}
.faq-content .faq-question i {
	top:25px;
	right:28px;
	width:18px;
	height:18px;
	flex-basis:18px
}
.faq-content .faq-question i::before {
	width:2px;
	height:16px;
	background:currentColor;
	transform:translate(-50%,-55%)
}
.faq-content .faq-question i::after {
	top:58%;
	width:8px;
	height:8px;
	border-right:2px solid currentColor;
	border-bottom:2px solid currentColor;
	background:transparent;
	transform:translate(-50%,-50%) rotate(45deg)
}
.faq-content .faq-answer {
	padding:0 58px 23px 20px;
	font-size:15px;
	line-height:1.8
}
}@media (max-width:640px) {
	.faq-content {
	padding:48px 0 56px
}
.faq-content .container {
	padding:0 20px
}
.faq-content .faq-list {
	gap:12px
}
.faq-content .faq-question {
	min-height:76px;
	padding:18px 48px 18px 16px;
	font-size:16px
}
.faq-content .faq-question i {
	right:20px
}
.faq-content .faq-item.active .faq-question {
	padding-bottom:10px
}
.faq-content .faq-answer {
	padding:0 16px 20px;
	line-height:1.75
}
}.contact-content {
	padding:6.5625rem 0 6.875rem;
	color:#333;
	background:#fff
}
.contact-content .contact-layout {
	display:grid;
	grid-template-columns:minmax(0,51.875rem) minmax(0,37.5rem);
	gap:5.625rem;
	align-items:start
}
.contact-content .contact-heading {
	margin:0;
	display:flex;
	align-items:center;
	color:#080808;
	font-family:Oswald,sans-serif;
	font-size:3.5rem;
	font-weight:700;
	line-height:1;
	white-space:nowrap
}
.contact-content .contact-heading i {
	width:.375rem;
	height:3rem;
	margin:0 1rem;
	background:#111
}
.contact-content .contact-heading img {
	width:20.625rem;
	height:auto;
	display:block;
	object-fit:contain;
	object-position:center center
}
.contact-content .contact-intro {
	margin-top:2rem;
	color:#333;
	font-size:1.125rem;
	line-height:2
}
.contact-content .contact-intro p+p {
	margin-top:.9375rem
}
.contact-content .contact-form {
	margin-top:3.125rem
}
.contact-content .contact-fields {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	column-gap:1.25rem;
	row-gap:1.875rem
}
.contact-content .contact-field {
	display:block
}
.contact-content .contact-field>span {
	display:block;
	margin-bottom:.625rem;
	color:#333;
	font-size:1rem;
	line-height:1.4
}
.contact-content .contact-field em {
	color:#d20d12;
	font-style:normal
}
.contact-content .contact-field input,.contact-content .contact-field textarea {
	width:100%;
	display:block;
	border:1px solid #d8d8d8;
	border-radius:0;
	color:#222;
	background:#fff;
	font:inherit;
	transition:border-color .3s ease,box-shadow .3s ease
}
.contact-content .contact-field input:focus,.contact-content .contact-field textarea:focus {
	border-color:var(--main-color);
	box-shadow:0 0 0 .1875rem rgba(186,2,2,0.08)
}
.contact-content .contact-field input {
	height:2.625rem;
	padding:0 .75rem
}
.contact-content .contact-field textarea {
	height:8.75rem;
	padding:.75rem;
	resize:vertical
}
.contact-content .contact-field-full {
	grid-column:1 / -1
}
.contact-content .contact-consent {
	width:100%;
	margin-top:1.5rem;
	display:flex;
	align-items:flex-start;
	gap:.625rem;
	color:#444;
	font-size:1rem;
	cursor:pointer
}
.contact-content .contact-consent input[type="checkbox"] {
	width:1rem;
	height:1rem;
	flex:0 0 1rem;
	margin:.25rem 0 0;
	accent-color:var(--main-color)
}
.contact-content .contact-consent span {
	display:block
}
.contact-content .contact-consent a {
	color:#333
}
.contact-content .contact-consent a:hover {
	color:var(--main-color);
	text-decoration:underline
}
.contact-content .contact-submit-row {
	margin-top:3.4375rem;
	display:flex;
	align-items:stretch;
	gap:1.125rem
}
.contact-content .contact-submit-row .contact-captcha {
	height:3.5rem;
	flex:1;
	display:flex;
	border:1px solid #d8d8d8
}
.contact-content .contact-submit-row .contact-captcha input {
	min-width:0;
	flex:1;
	padding:0 .9375rem;
	border:0;
	color:#333;
	background:#fff;
	font-size:1rem;
	font-family:D DIN,Arial,Helvetica,sans-serif
}
.contact-content .contact-submit-row .contact-captcha strong {
	width:7.1875rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-left:1px solid #d8d8d8;
	color:#111;
	font-family:monospace;
	font-size:1.875rem;
	letter-spacing:.125rem
}
.contact-content .contact-submit-row button {
	min-width:11.25rem;
	border:0;
	color:#fff;
	background:var(--main-color);
	font-size:1rem;
	cursor:pointer;
	transition:background-color .3s ease,transform .3s ease
}
.contact-content .contact-submit-row button:hover {
	background:var(--sub-color)
}
.contact-content .contact-details h2 {
	margin:0;
	color:#111;
	font-family:Oswald,sans-serif;
	font-size:3.5rem;
	font-weight:700;
	line-height:1
}
.contact-content .contact-details h3 {
	margin:2.1875rem 0 0;
	color:#333;
	font-size:1.5rem;
	font-weight:400;
	line-height:1.35
}
.contact-content .contact-address {
	margin-top:1.625rem;
	color:#333;
	font-size:1.125rem;
	line-height:1.9
}
.contact-content .contact-info-list {
	margin-top:1rem;
	color:#333;
	font-size:1.125rem;
	line-height:1.5
}
.contact-content .contact-info-list li+li {
	margin-top:1.25rem
}
.contact-content .contact-info-list a {
	color:inherit
}
.contact-content .contact-info-list a:hover {
	color:var(--main-color)
}
.contact-content .contact-map {
	position:relative;
	width:100%;
	height:21.875rem;
	margin-top:3.125rem;
	overflow:hidden;
	background:#eee
}
.contact-content .contact-map iframe {
	position:absolute;
	top:-7.5rem;
	right:0;
	bottom:auto;
	left:0;
	width:100%;
	height:calc(100% + 7.5rem);
	border:0
}
@media (max-width:1024px) {
	.contact-content {
	padding:70px 0 76px
}
.contact-content .container {
	padding:0 32px
}
.contact-content .contact-layout {
	grid-template-columns:1fr;
	gap:65px
}
.contact-content .contact-heading {
	font-size:44px
}
.contact-content .contact-heading i {
	width:2px;
	height:40px;
	margin:0 13px
}
.contact-content .contact-heading img {
	width:270px
}
.contact-content .contact-intro {
	margin-top:26px;
	font-size:16px;
	line-height:1.85
}
.contact-content .contact-intro p+p {
	margin-top:12px
}
.contact-content .contact-form {
	margin-top:38px
}
.contact-content .contact-fields {
	column-gap:18px;
	row-gap:24px
}
.contact-content .contact-field>span {
	margin-bottom:8px;
	font-size:16px
}
.contact-content .contact-field input {
	height:44px;
	padding:0 12px;
	font-size:16px !important
}
.contact-content .contact-field textarea {
	height:135px;
	padding:12px;
	font-size:16px !important
}
.contact-content .contact-consent {
	margin-top:20px;
	gap:9px;
	font-size:13px;
	line-height:1.7
}
.contact-content .contact-consent input[type="checkbox"] {
	width:16px;
	height:16px;
	flex-basis:16px;
	margin-top:3px
}
.contact-content .contact-submit-row {
	margin-top:34px;
	gap:14px
}
.contact-content .contact-submit-row .contact-captcha {
	height:54px
}
.contact-content .contact-submit-row .contact-captcha input {
	padding:0 13px;
	font-size:12px
}
.contact-content .contact-submit-row .contact-captcha strong {
	width:55px;
	font-size:20px;
	letter-spacing:0
}
.contact-content .contact-submit-row button {
	width:165px;
	font-size:14px
}
.contact-content .contact-details h2 {
	font-size:44px
}
.contact-content .contact-details h3 {
	margin-top:26px;
	font-size:20px
}
.contact-content .contact-address {
	margin-top:22px;
	font-size:15px;
	line-height:1.8
}
.contact-content .contact-info-list {
	margin-top:14px;
	font-size:15px
}
.contact-content .contact-info-list li+li {
	margin-top:15px
}
.contact-content .contact-map {
	height:420px;
	margin-top:34px
}
}@media (max-width:640px) {
	.contact-content {
	padding:48px 0 56px
}
.contact-content .container {
	padding:0 20px
}
.contact-content .contact-layout {
	gap:52px
}
.contact-content .contact-heading {
	flex-wrap:wrap;
	gap:10px;
	font-size:35px
}
.contact-content .contact-heading i {
	height:32px;
	margin:0 3px
}
.contact-content .contact-heading img {
	width:210px;
	max-width:60%
}
.contact-content .contact-intro {
	margin-top:22px
}
.contact-content .contact-form {
	margin-top:30px
}
.contact-content .contact-fields {
	grid-template-columns:1fr;
	row-gap:20px
}
.contact-content .contact-field-full {
	grid-column:auto
}
.contact-content .contact-submit-row {
	display:block
}
.contact-content .contact-submit-row .contact-captcha {
	width:100%
}
.contact-content .contact-submit-row button {
	width:100%;
	height:52px;
	margin-top:14px
}
.contact-content .contact-details h2 {
	font-size:38px
}
.contact-content .contact-details h3 {
	margin-top:22px;
	font-size:16px
}
.contact-content .contact-map {
	height:320px
}
}.technical-content {
	padding:7.5rem 0
}
.technical-content .technical-list li {
	min-height:6.25rem;
	padding:1.25rem 2.875rem 1.25rem 2.5rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1.25rem;
	border-radius:.625rem;
	background:#f8f9fc
}
.technical-content .technical-list li+li {
	margin-top:1.25rem
}
.technical-content .technical-list li:hover .technical-meta a {
	border-color:transparent;
	color:#fff;
	background:url(../images/pro-hover.png) center / 100% 100% no-repeat;
	background-size:cover
}
.technical-content .technical-name {
	min-width:0;
	flex:1;
	display:flex;
	align-items:center;
	gap:.9375rem
}
.technical-content .technical-name>img {
	width:2.375rem;
	height:2.375rem;
	flex:0 0 auto;
	object-fit:contain
}
.technical-content .technical-name h2 {
	min-width:0;
	overflow:hidden;
	color:#333;
	font-size:1.375rem;
	font-weight:600;
	line-height:1.4;
	white-space:nowrap;
	text-overflow:ellipsis
}
.technical-content .technical-meta {
	flex:0 0 auto;
	display:flex;
	align-items:center;
	gap:2.5rem;
	color:#666;
	font-size:1rem
}
.technical-content .technical-meta span {
	display:flex;
	align-items:center;
	gap:.5rem;
	white-space:nowrap
}
.technical-content .technical-meta img {
	width:1.25rem;
	height:1.25rem;
	object-fit:contain
}
.technical-content .technical-meta a {
	min-width:11.375rem;
	height:2.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:2.125rem;
	color:#333;
	font-weight:600;
	line-height:1;
	transition:all .3s ease;
	background:url(../images/pro-link.png) center / 100% 100% no-repeat;
	background-size:cover
}
.technical-content .technical-meta a svg {
	width:1.25rem;
	height:1.25rem;
	fill:none;
	stroke:currentColor;
	stroke-width:1.4;
	stroke-linecap:round;
	stroke-linejoin:round
}
@media (max-width:1024px) {
	.technical-content {
	padding:40px 0 64px
}
.technical-content .container {
	padding:0 24px
}
.technical-content .technical-list li {
	min-height:92px;
	padding:18px 24px;
	gap:20px
}
.technical-content .technical-list li+li {
	margin-top:16px
}
.technical-content .technical-name {
	gap:15px
}
.technical-content .technical-name>img {
	width:34px;
	height:34px
}
.technical-content .technical-name h2 {
	font-size:18px
}
.technical-content .technical-meta {
	gap:22px;
	font-size:14px
}
.technical-content .technical-meta span {
	gap:7px
}
.technical-content .technical-meta img {
	width:18px;
	height:18px
}
.technical-content .technical-meta a {
	width:150px;
	height:40px;
	gap:20px;
	font-size:14px
}
.technical-content .technical-meta a svg {
	width:18px;
	height:18px
}
}@media (max-width:767px) {
	.technical-content .technical-list li {
	min-height:0;
	padding:18px;
	display:block;
	border-radius:8px
}
.technical-content .technical-list li+li {
	margin-top:12px
}
.technical-content .technical-name {
	gap:12px
}
.technical-content .technical-name>img {
	width:32px;
	height:32px
}
.technical-content .technical-name h2 {
	font-size:16px
}
.technical-content .technical-meta {
	margin-top:16px;
	padding-left:44px;
	display:grid;
	grid-template-columns:1fr auto;
	gap:12px 16px;
	font-size:13px
}
.technical-content .technical-meta a {
	width:100%;
	height:40px;
	grid-column:-1;
	gap:24px;
	font-size:14px
}
}@media (max-width:420px) {
	.technical-content .technical-meta {
	padding-left:0;
	grid-template-columns:1fr;
	display:block
}
.technical-content .technical-meta span {
	font-size:14px;
	margin-top:10px
}
.technical-content .technical-meta a {
	margin-top:20px;
	width:auto;
	width:182px;
	min-height:40px;
	height:auto;
	padding:10px 14px;
	grid-column:-1;
	white-space:normal;
	line-height:20px
}
}.support-content {
	padding:7.5rem 0
}
.support-content h2 {
	margin:0;
	color:#303030;
	font-family:Oswald,sans-serif;
	font-size:3.625rem;
	font-weight:700;
	line-height:1.2
}
.support-content h2 span {
	color:var(--main-color)
}
.support-content .support-intro {
	margin-top:1.875rem;
	color:#666;
	line-height:2
}
.support-content .support-intro p+p {
	margin-top:.5rem
}
.support-content .support-form {
	margin-top:2rem;
	max-width:90%
}
.support-content .support-fields {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:1.75rem 1.75rem
}
.support-content .support-fields label {
	min-width:0
}
.support-content label>span {
	display:block;
	margin-bottom:.625rem;
	color:#333;
	line-height:1.4
}
.support-content label>span em {
	color:#e32121;
	font-style:normal
}
.support-content input,.support-content textarea,.support-content button {
	font:inherit
}
.support-content .support-fields input {
	width:100%;
	font-size:1rem;
	height:2.625rem;
	padding:0 .75rem;
	border:1px solid #d6d6d6;
	background:#fff;
	color:#333;
	font-family:D DIN,Arial,Helvetica,sans-serif
}
.support-content input:focus,.support-content textarea:focus {
	border-color:var(--main-color);
	outline:0
}
.support-content .support-products {
	margin-top:1.625rem;
	border:1px solid #d6d6d6;
	color:#333
}
.support-content .support-product-head,.support-content .support-product-row {
	display:grid;
	grid-template-columns:11.25rem 1.35fr 1fr;
	align-items:center
}
.support-content .support-product-head {
	height:2.625rem;
	text-align:center
}
.support-content .support-product-head span {
	padding:0 .75rem
}
.support-content .support-product-head span:first-child {
	text-align:left;
	padding-left:2.5rem
}
.support-content .support-product-row {
	min-height:2.6875rem;
	border-top:1px solid #d6d6d6
}
.support-content .support-product-row span:first-child {
	text-align:left;
	padding-left:2.5rem
}
.support-content .support-product-row>span {
	text-align:center
}
.support-content .support-product-row input {
	font-size:1rem;
	width:calc(100% - 30rem/16);
	height:1.875rem;
	padding:0 .625rem;
	border:0;
	background:#e8eaf1;
	font-family:D DIN,Arial,Helvetica,sans-serif
}
.support-content .support-message {
	display:block;
	margin-top:1.5rem
}
.support-content .support-message textarea {
	font-size:1rem;
	width:100%;
	height:8.875rem;
	display:block;
	padding:.75rem;
	resize:vertical;
	border:1px solid #d6d6d6;
	background:#fff;
	font-family:D DIN,Arial,Helvetica,sans-serif
}
.support-content .support-consent {
	margin-top:1.5rem;
	color:#333;
	line-height:1.8
}
.support-content .support-consent a {
	color:#333
}
.support-content .support-consent a:hover {
	color:var(--sub-color);
	text-decoration:underline
}
.support-content .support-submit {
	margin-top:1.25rem;
	display:flex;
	align-items:stretch;
	gap:1rem
}
.support-content .support-captcha {
	width:39.75rem;
	height:3.4375rem;
	display:flex;
	border:1px solid #d6d6d6
}
.support-content .support-captcha input {
	min-width:0;
	flex:1;
	padding:0 .9375rem;
	border:0;
	color:#333;
	font-size:1rem;
	font-family:D DIN,Arial,Helvetica,sans-serif
}
.support-content .support-captcha strong {
	width:7.125rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-left:1px solid #d6d6d6;
	color:#111;
	font-family:monospace;
	font-size:1.875rem;
	letter-spacing:.0625rem
}
.support-content .support-submit button {
	width:11.25rem;
	border:0;
	background:var(--main-color);
	color:#fff;
	cursor:pointer;
	transition:background-color .3s ease
}
.support-content .support-submit button:hover {
	background:var(--sub-color)
}
@media (max-width:1024px) {
	.support-content {
	padding:50px 0 64px
}
.support-content .container {
	padding:0 20px
}
.support-content h2 {
	font-size:42px
}
.support-content .support-intro {
	margin-top:24px;
	line-height:1.9
}
.support-content .support-form {
	margin-top:28px;
	max-width:100%
}
.support-content .support-fields {
	grid-template-columns:1fr;
	gap:20px
}
.support-content label>span {
	margin-bottom:8px
}
.support-content .support-fields input {
	height:42px;
	padding:0 12px;
	font-size:16px
}
.support-content .support-products {
	margin-top:24px
}
.support-content .support-product-head,.support-content .support-product-row {
	grid-template-columns:48px 1.35fr 1fr
}
.support-content .support-product-head {
	height:42px;
	font-size:13px
}
.support-content .support-product-head span {
	padding:0 10px
}
.support-content .support-product-head span:first-child,.support-content .support-product-row span:first-child {
	padding-left:24px
}
.support-content .support-product-row {
	min-height:43px
}
.support-content .support-product-row input {
	width:calc(100% - 12px);
	margin:0 6px;
	height:32px;
	padding:0 10px;
	font-size:16px
}
.support-content .support-message {
	margin-top:22px
}
.support-content .support-message textarea {
	height:130px;
	padding:12px;
	font-size:16px
}
.support-content .support-consent {
	margin-top:20px
}
.support-content .support-submit {
	display:block;
	margin-top:18px
}
.support-content .support-captcha {
	width:100%;
	height:52px
}
.support-content .support-captcha input {
	padding:0 14px;
	font-size:12px
}
.support-content .support-captcha strong {
	width:55px;
	font-size:20px
}
.support-content .support-submit button {
	width:100%;
	height:52px;
	margin-top:12px
}
}@media (max-width:767px) {
	.support-content h2 {
	font-size:32px
}
.support-content .support-fields {
	grid-template-columns:1fr;
	gap:20px
}
.support-content .support-product-head,.support-content .support-product-row {
	grid-template-columns:48px 1.35fr 1fr
}
.support-content .support-product-head {
	font-size:13px
}
.support-content .support-product-row input {
	width:calc(100% - 12px);
	margin:0 6px
}
.support-content .support-message textarea {
	height:130px
}
.support-content .support-submit {
	display:block
}
.support-content .support-captcha {
	width:100%
}
.support-content .support-submit button {
	width:100%;
	height:52px;
	margin-top:12px
}
}.product-content {
	min-height:56.8125rem;
	padding:7.5rem 0;
	background:url(../images/product-bg.jpg) center top / cover no-repeat
}
.product-content .product-layout {
	display:flex;
	align-items:flex-start;
	gap:2.25rem
}
.product-content .product-main {
	min-width:0;
	flex:1
}
.product-content .product-list {
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:1.5rem
}
.product-content .product-list li {
	min-width:0;
	height:22.5rem;
	overflow:hidden;
	border-radius:.75rem;
	background:#fff;
	transition:transform .3s ease,box-shadow .3s ease
}
.product-content .product-list li:hover {
	transform:translateY(-0.25rem);
	box-shadow:0 .75rem 1.75rem rgba(0,0,0,0.12)
}
.product-content .product-list li>a {
	padding-left:.625rem;
	padding-right:.625rem;
	padding-bottom:1.875rem;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	color:#111;
	text-align:center
}
.product-content .product-list li.active .product-more,.product-content .product-list li:hover .product-more {
	color:#fff;
	background-image:url(../images/pro-hover.png)
}
.product-content .product-image {
	width:100%;
	height:12.5rem;
	display:flex;
	align-items:center;
	justify-content:center
}
.product-content .product-image img {
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	object-fit:contain
}
.product-content .product-list h2 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	height:3.75rem;
	padding:0 1.25rem;
	margin:.625rem 0;
	font-family:Oswald,sans-serif;
	font-size:1.25rem;
	line-height:1.875rem;
	font-weight:700
}
.product-content .product-more {
	width:11.375rem;
	height:2.5rem;
	margin-top:auto;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:1rem;
	background:url(../images/pro-link.png) center / 100% 100% no-repeat;
	font-size:.9375rem;
	font-weight:600;
	transition:all .3s ease
}
.product-content .product-more i {
	width:.4375rem;
	height:.4375rem;
	border-top:1px solid currentColor;
	border-right:1px solid currentColor;
	transform:rotate(45deg)
}
.product-content .product-filter {
	position:sticky;
	top:6.25rem;
	width:20.875rem;
	flex:0 0 20.875rem;
	background:#fff
}
.product-content .product-filter h2 {
	height:4.375rem;
	padding:0 1.625rem;
	display:flex;
	align-items:center;
	color:#fff;
	background:var(--main-color);
	font-family:Oswald,sans-serif;
	font-size:1.75rem;
	font-weight:700
}
.product-content .product-filter-form {
	padding:.625rem .6875rem 2.125rem
}
.product-content .product-search {
	height:2.625rem;
	display:flex;
	background:#f0f1f4
}
.product-content .product-search input {
	min-width:0;
	flex:1;
	padding:0 1rem;
	border:0;
	background:transparent;
	color:#555;
	font-size:.875rem
}
.product-content .product-search button {
	position:relative;
	width:2.875rem;
	border:0;
	background:transparent;
	cursor:pointer
}
.product-content .product-search button::before {
	position:absolute;
	top:.6875rem;
	left:.5625rem;
	content:"";
	width:1.0625rem;
	height:1.0625rem;
	border:1px solid #111;
	border-radius:50%
}
.product-content .product-search button::after {
	position:absolute;
	top:1.6875rem;
	left:1.5625rem;
	content:"";
	width:.5rem;
	border-top:1px solid #111;
	transform:rotate(48deg)
}
.product-content .product-filter-list {
	font-size:1.125rem
}
.product-content .product-filter-list>li {
	margin-top:.625rem;
	font-size:1.125rem
}
.product-content .product-filter-list>li>ul {
	display:none;
	padding:.75rem;
	padding-top:1.25rem
}
.product-content .product-filter-list>li.open>ul {
	display:block
}
.product-content .product-filter-list h3 {
	padding:.4375rem 1rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:#f0f1f4;
	color:#333;
	font-size:1.25rem;
	font-weight:600;
	cursor:pointer;
	transition:color .35s ease,background-color .35s ease
}
.product-content .product-filter-list h3 i {
	width:.6875rem;
	height:.6875rem;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
	transform:rotate(45deg) translateY(-0.1875rem);
	transition:transform .35s cubic-bezier(.22,.61,.36,1),border-color .35s ease
}
.product-content .product-filter-list>li.open h3 {
	color:var(--main-color)
}
.product-content .product-filter-list>li.open h3 i {
	transform:rotate(225deg) translate(-0.125rem,-0.125rem)
}
.product-content .product-filter-list>li>ul li+li {
	margin-top:.625rem
}
.product-content .product-filter-list label {
	display:flex;
	align-items:center;
	gap:.875rem;
	color:#333;
	cursor:pointer
}
.product-content .product-filter-list label input {
	position:absolute;
	opacity:0;
	pointer-events:none
}
.product-content .product-filter-list label>i {
	position:relative;
	width:2rem;
	height:2rem;
	flex:0 0 auto;
	border:1px solid #222;
	border-radius:.1875rem
}
.product-content .product-filter-list label input:checked+i {
	border-color:#ca1717;
	background:#ca1717
}
.product-content .product-filter-list label input:checked+i::after {
	position:absolute;
	top:.625rem;
	left:.625rem;
	content:"";
	width:.75rem;
	height:.4375rem;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(-45deg)
}
.product-content .product-filter-list label span {
	min-width:0;
	flex:1;
	white-space:nowrap
}
.product-content .product-filter-list label em {
	color:#777;
	font-style:normal;
	letter-spacing:.0625rem;
	white-space:nowrap
}
.product-content .product-pagination {
	margin-top:4.25rem;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:.875rem
}
.product-content .product-pagination a {
	width:2.625rem;
	height:2.625rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid rgba(255,255,255,0.8);
	border-radius:50%;
	color:#9c9c9c;
	font-size:.875rem
}
.product-content .product-pagination a.current,.product-content .product-pagination a:hover {
	border-color:#d11919;
	background:#d11919;
	color:#fff
}
.product-content .product-pagination .prev,.product-content .product-pagination .next {
	width:6.75rem;
	border-radius:1.5rem;
	gap:.75rem
}
.product-content .product-pagination i {
	width:.4375rem;
	height:.4375rem;
	border-top:1px solid currentColor;
	border-right:1px solid currentColor;
	transform:rotate(45deg)
}
.product-content .product-pagination .prev i {
	transform:rotate(-135deg)
}
@media (max-width:1024px) {
	.product-content {
	min-height:0;
	padding:48px 0 56px;
	background-position:center
}
.product-content .product-layout {
	display:flex;
	flex-direction:column;
	align-items:stretch;
	gap:28px
}
.product-content .product-main {
	width:100%;
	max-width:100%;
	flex:none;
	margin:0 auto
}
.product-content .product-filter {
	position:static;
	order:-1;
	width:100%;
	flex-basis:auto
}
.product-content .product-filter h2 {
	height:58px;
	padding:0 20px;
	font-size:24px
}
.product-content .product-filter-form {
	padding:10px 12px 20px
}
.product-content .product-search {
	height:44px
}
.product-content .product-search input {
	padding:0 14px;
	font-size:14px
}
.product-content .product-search button {
	width:44px
}
.product-content .product-search button::before {
	top:11px;
	left:9px;
	width:17px;
	height:17px
}
.product-content .product-search button::after {
	top:27px;
	left:25px;
	width:8px
}
.product-content .product-filter-list {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:8px
}
.product-content .product-filter-list>li {
	margin:0
}
.product-content .product-filter-list>li.open {
	grid-column:-1
}
.product-content .product-filter-list h3 {
	padding:6px 14px;
	font-size:16px
}
.product-content .product-filter-list h3 i {
	width:10px;
	height:10px;
	transform:rotate(45deg) translateY(-3px)
}
.product-content .product-filter-list>li.open h3 i {
	transform:rotate(225deg) translate(-2px,-2px)
}
.product-content .product-filter-list>li>ul {
	padding:10px 8px 4px;
	grid-template-columns:repeat(2,1fr);
	gap:10px 20px
}
.product-content .product-filter-list>li.open>ul {
	display:grid
}
.product-content .product-filter-list>li>ul li+li {
	margin:0
}
.product-content .product-filter-list label {
	gap:10px;
	font-size:14px
}
.product-content .product-filter-list label>i {
	width:28px;
	height:28px
}
.product-content .product-filter-list label input:checked+i::after {
	top:7px;
	left:7px;
	width:11px;
	height:6px
}
.product-content .product-filter-list label em {
	letter-spacing:1px
}
.product-content .product-list {
	grid-template-columns:repeat(3,minmax(0,1fr));
	width:100%;
	justify-content:center;
	gap:18px
}
.product-content .product-list li {
	height:340px;
	border-radius:10px
}
.product-content .product-list li>a {
	padding:24px 16px 26px
}
.product-content .product-list li:hover {
	transform:translateY(-3px);
	box-shadow:0 10px 24px rgba(0,0,0,0.12)
}
.product-content .product-image {
	height:170px
}
.product-content .product-list h2 {
	min-height:54px;
	margin:4px 0 16px;
	font-size:18px
}
.product-content .product-more {
	width:170px;
	height:38px;
	gap:14px;
	font-size:14px
}
.product-content .product-more i {
	width:7px;
	height:7px
}
.product-content .product-pagination {
	margin-top:42px;
	gap:10px
}
.product-content .product-pagination a {
	width:40px;
	height:40px;
	font-size:13px
}
.product-content .product-pagination .prev,.product-content .product-pagination .next {
	width:96px;
	gap:10px
}
.product-content .product-pagination i {
	width:7px;
	height:7px
}
}@media (max-width:767px) {
	.product-content .product-filter-list {
	grid-template-columns:1fr
}
.product-content .product-filter-list>li.open {
	grid-column:auto
}
.product-content .product-filter-list>li>ul {
	grid-template-columns:1fr
}
.product-content .product-list {
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px
}
.product-content .product-list li {
	height:290px
}
.product-content .product-list li>a {
	padding:16px 10px 20px;
	padding-bottom:30px
}
.product-content .product-image {
	height:145px
}
.product-content .product-list h2 {
	min-height:48px;
	margin:3px 0 12px;
	font-size:16px;
	line-height:1.5
}
.product-content .product-more {
	width:145px;
	max-width:100%;
	height:36px;
	gap:12px;
	font-size:13px
}
.product-content .product-pagination {
	margin-top:32px;
	gap:7px
}
.product-content .product-pagination .prev,.product-content .product-pagination .next {
	width:72px;
	font-size:0
}
.product-content .product-pagination .prev::after {
	content:"PREV";
	font-size:12px
}
.product-content .product-pagination .next::before {
	content:"NEXT";
	font-size:12px
}
}@media (max-width:420px) {
	.product-content .product-list {
	grid-template-columns:1fr
}
.product-content .product-list li {
	height:330px;
	margin-bottom:10px
}
.product-content .product-image {
	height:180px
}
}.download-section {
	padding:7.5rem 0
}
.download-section .download-search {
	height:5.625rem;
	padding:1.125rem 2.125rem 1rem 1.5rem;
	display:grid;
	grid-template-columns:19.125rem 1fr;
	gap:.75rem;
	background:#f6f6fb
}
.download-section .download-select {
	position:relative;
	z-index:5;
	height:3.625rem;
	padding:0 3rem 0 1.75rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:#fff;
	color:#333;
	font-size:1.125rem;
	cursor:pointer
}
.download-section .download-select span {
	min-width:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.download-section .download-select i {
	width:0;
	height:0;
	border-left:.375rem solid transparent;
	border-right:.375rem solid transparent;
	border-top:.4375rem solid #777;
	transition:transform .3s ease
}
.download-section .download-select.open i {
	transform:rotate(180deg)
}
.download-section .download-select-list {
	position:absolute;
	top:100%;
	left:0;
	right:0;
	display:none;
	padding:.5rem 0;
	background:#fff;
	box-shadow:0 .75rem 1.5rem rgba(0,0,0,0.08)
}
.download-section .download-select-list li {
	padding:.625rem 1.75rem;
	color:#333;
	font-size:.9375rem;
	line-height:1.4;
	transition:color .3s ease,background-color .3s ease
}
.download-section .download-select-list li:hover {
	color:var(--main-color)
}
.download-section .download-keyword {
	height:3.625rem;
	display:flex;
	background:#fff
}
.download-section .download-keyword input {
	min-width:0;
	flex:1;
	height:100%;
	padding:0 2rem;
	border:0;
	background:#fff;
	color:#333;
	font-size:.875rem
}
.download-section .download-keyword input::placeholder {
	color:#bbb
}
.download-section .download-keyword button {
	position:relative;
	width:4rem;
	height:100%;
	border:0;
	background:#050505;
	cursor:pointer
}
.download-section .download-keyword button::before {
	position:absolute;
	top:1.125rem;
	left:1.1875rem;
	content:"";
	width:1.25rem;
	height:1.25rem;
	border:2px solid #fff;
	border-radius:50%
}
.download-section .download-keyword button::after {
	position:absolute;
	top:2.375rem;
	left:2.0625rem;
	content:"";
	width:.5rem;
	border-top:2px solid #fff;
	transform:rotate(45deg)
}
.download-section .download-keyword button:hover {
	background:var(--main-color)
}
.download-section .download-list {
	margin-top:3.5rem;
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:2.25rem 2.75rem
}
.download-section .download-list>li {
	min-height:14.875rem;
	padding:2.75rem 2.375rem 2.625rem 2.5rem;
	display:grid;
	grid-template-columns:7.25rem 1fr;
	align-items:center;
	gap:2rem;
	background:#f6f6fb;
	transition:background-color .3s ease,box-shadow .3s ease
}
.download-section .download-list>li:hover {
	background:#cf1717;
	box-shadow:0 .75rem 1.875rem rgba(207,23,23,0.18)
}
.download-section .download-list>li:hover .download-info h2 a,.download-section .download-list>li:hover .download-info p,.download-section .download-list>li:hover .download-info h2 a {
	color:#fff
}
.download-section .download-list>li:hover .download-btn {
	color:#fff;
	background:url(../images/pro-hover.png) center / 100% 100% no-repeat
}
.download-section .download-list>li:hover .download-btn i {
	filter:brightness(0) invert(1)
}
.download-section .download-list>li:hover .download-cover img {
	transform:scale(1.05)
}
.download-section .download-list>li:hover .download-read a {
	color:#fff;
	text-decoration:underline
}
.download-section .download-cover {
	border:solid 1px #e0e1e1;
	width:7.25rem;
	height:9.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden
}
.download-section .download-cover img {
	transition:all 500ms ease;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	object-fit:contain
}
.download-section .download-info {
	min-width:0
}
.download-section .download-info h2 {
	margin:0;
	font-size:1.125rem;
	font-weight:400;
	line-height:1.35
}
.download-section .download-info h2 a {
	max-width:100%;
	display:inline-block;
	overflow:hidden;
	color:#333;
	white-space:nowrap;
	text-overflow:ellipsis
}
.download-section .download-info p {
	margin-top:.625rem;
	color:#999;
	font-size:.875rem;
	line-height:1.2;
	transition:color .3s ease
}
.download-section .download-read {
	text-decoration:underline;
	font-weight:700;
	color:var(--main-color);
	font-size:1.125rem;
	line-height:1.2;
	transition:color .3s ease
}
.download-section .download-read a {
	color:var(--main-color)
}
.download-section .download-btn {
	width:11.375rem;
	height:2.5rem;
	margin-top:1.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:2.125rem;
	color:#333;
	font-size:.875rem;
	font-weight:600;
	background:url(../images/pro-link.png) center / 100% 100% no-repeat;
	transition:all .3s ease
}
.download-section .download-btn i {
	width:1.125rem;
	height:1.125rem;
	background:url(../images/download-icon3.png) center / contain no-repeat;
	transition:filter .3s ease
}
@media (max-width:1024px) {
	.download-section {
	padding:42px 0 72px
}
.download-section .container {
	padding:0 24px
}
.download-section .download-search {
	height:auto;
	padding:16px;
	grid-template-columns:240px 1fr;
	gap:10px
}
.download-section .download-select {
	height:52px;
	padding:0 22px;
	font-size:15px
}
.download-section .download-select i {
	border-left-width:6px;
	border-right-width:6px;
	border-top-width:7px
}
.download-section .download-select-list {
	padding:8px 0
}
.download-section .download-select-list li {
	padding:10px 22px;
	font-size:14px
}
.download-section .download-keyword {
	height:52px
}
.download-section .download-keyword input {
	padding:0 10px;
	font-size:12px !important;
	letter-spacing:-1px
}
.download-section .download-keyword button {
	width:50px
}
.download-section .download-keyword button::before {
	top:15px;
	left:16px;
	width:20px;
	height:20px
}
.download-section .download-keyword button::after {
	top:35px;
	left:31px;
	width:8px
}
.download-section .download-list {
	margin-top:36px;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:22px
}
.download-section .download-list>li {
	min-height:220px;
	padding:32px 26px;
	grid-template-columns:112px 1fr;
	gap:26px
}
.download-section .download-cover {
	width:112px;
	height:148px
}
.download-section .download-info h2 {
	font-size:16px
}
.download-section .download-info p {
	margin-top:28px;
	font-size:13px
}
.download-section .download-read {
	margin-top:9px;
	font-size:13px
}
.download-section .download-btn {
	width:170px;
	height:38px;
	margin-top:20px;
	gap:28px;
	font-size:14px
}
.download-section .download-btn i {
	width:18px;
	height:18px
}
}@media (max-width:767px) {
	.download-section {
	padding:32px 0 54px
}
.download-section .container {
	padding:0 16px
}
.download-section .download-search {
	grid-template-columns:1fr;
	padding:12px
}
.download-section .download-select,.download-section .download-keyword {
	height:48px
}
.download-section .download-list {
	margin-top:26px;
	grid-template-columns:1fr;
	gap:16px
}
.download-section .download-list>li {
	min-height:0;
	padding:24px 20px;
	grid-template-columns:98px 1fr;
	gap:20px
}
.download-section .download-cover {
	width:98px;
	height:128px
}
.download-section .download-info h2 a {
	white-space:normal;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.download-section .download-info p {
	margin-top:18px
}
.download-section .download-read {
	margin-top:8px
}
.download-section .download-btn {
	width:150px;
	height:36px;
	margin-top:18px;
	gap:22px
}
}@media (max-width:420px) {
	.download-section .download-list>li {
	display:block;
	text-align:center
}
.download-section .download-cover {
	margin:0 auto 18px
}
.download-section .download-btn {
	margin-left:auto;
	margin-right:auto
}
}.download-book-modal {
	position:fixed;
	inset:0;
	z-index:9999;
	display:none;
	align-items:center;
	justify-content:center;
	padding:4.375rem 5rem;
	background:rgba(0,0,0,0.72)
}
.download-book-modal.show {
	display:flex
}
body.book-modal-open {
	overflow:hidden
}
.download-book-close {
	position:absolute;
	top:5.125rem;
	right:12.25rem;
	z-index:3;
	width:2.125rem;
	height:2.125rem;
	border:0;
	background:none;
	color:#f21a1a;
	font-size:2.125rem;
	line-height:1;
	cursor:pointer
}
.download-book-wrap {
	position:relative;
	width:min(80rem,82vw);
	max-height:82vh;
	aspect-ratio:1.6;
	perspective:112.5rem;
	margin:auto;
	transform:translateX(0)
}
.download-book {
	position:relative;
	width:100%;
	height:100%;
	display:grid;
	grid-template-columns:1fr 1fr;
	filter:drop-shadow(0 1.125rem 1.375rem rgba(0,0,0,0.45))
}
.download-book::before {
	position:absolute;
	top:2.5%;
	bottom:2.5%;
	left:50%;
	z-index:3;
	content:"";
	width:3.375rem;
	transform:translateX(-50%);
	background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.12) 28%,rgba(255,255,255,0.72) 50%,rgba(0,0,0,0.12) 72%,rgba(0,0,0,0) 100%);
	opacity:.62;
	filter:blur(.5rem);
	pointer-events:none
}
.download-book-spread {
	position:absolute;
	inset:0;
	display:grid;
	grid-template-columns:1fr 1fr;
	opacity:0;
	transform:rotateY(8deg) scale(.985);
	transform-origin:center;
	transition:opacity .45s ease,transform .65s cubic-bezier(.22,.61,.36,1);
	pointer-events:none
}
.download-book-spread.active {
	opacity:1;
	transform:rotateY(0) scale(1);
	pointer-events:auto
}
.download-book-turner {
	position:absolute;
	top:0;
	bottom:0;
	z-index:5;
	display:none;
	width:50%;
	background:#fff;
	box-shadow:0 0 1.75rem rgba(0,0,0,0.26),inset 1.125rem 0 2.125rem rgba(0,0,0,0.11),inset -0.875rem 0 1.625rem rgba(0,0,0,0.08);
	backface-visibility:hidden;
	transform-style:preserve-3d
}
.download-book-turner::before {
	position:absolute;
	inset:0;
	content:"";
	background:linear-gradient(90deg,rgba(255,255,255,0.96),rgba(238,238,238,0.42) 46%,rgba(255,255,255,0.98))
}
.download-book.turn-next .download-book-turner {
	right:0;
	transform-origin:left center;
	animation:bookTurnNext .86s cubic-bezier(.34,.02,.18,1) both
}
.download-book.turn-prev .download-book-turner {
	left:0;
	transform-origin:right center;
	animation:bookTurnPrev .86s cubic-bezier(.34,.02,.18,1) both
}
@keyframes bookTurnNext {
	0% {
	transform:rotateY(0deg);
	box-shadow:0 0 1.25rem rgba(0,0,0,0.18)
}
42% {
	transform:rotateY(-82deg);
	box-shadow:-1.125rem 0 2.125rem rgba(0,0,0,0.28)
}
68% {
	transform:rotateY(-132deg);
	box-shadow:-0.625rem 0 1.5rem rgba(0,0,0,0.18)
}
100% {
	transform:rotateY(-180deg);
	box-shadow:0 0 .75rem rgba(0,0,0,0.1)
}
}@keyframes bookTurnPrev {
	0% {
	transform:rotateY(0deg);
	box-shadow:0 0 1.25rem rgba(0,0,0,0.18)
}
42% {
	transform:rotateY(82deg);
	box-shadow:1.125rem 0 2.125rem rgba(0,0,0,0.28)
}
68% {
	transform:rotateY(132deg);
	box-shadow:.625rem 0 1.5rem rgba(0,0,0,0.18)
}
100% {
	transform:rotateY(180deg);
	box-shadow:0 0 .75rem rgba(0,0,0,0.1)
}
}.download-book-page {
	position:relative;
	min-width:0;
	padding:3rem;
	overflow:hidden;
	background:#fff;
	box-shadow:inset .875rem 0 1.75rem rgba(0,0,0,0.08),inset -0.75rem 0 1.375rem rgba(0,0,0,0.08)
}
.download-book-page:first-child {
	border-radius:0 0 0 .375rem
}
.download-book-page:first-child::before {
	position:absolute;
	inset:0 auto 0 0;
	content:"";
	width:1.5rem;
	background:repeating-linear-gradient(90deg,#cfcfcf 0,#e9e9e9 .25rem,#fff .5rem);
	opacity:.9
}
.download-book-page:last-child {
	border-radius:0 .375rem .375rem 0
}
.download-book-page:last-child::after {
	position:absolute;
	inset:0 0 0 auto;
	content:"";
	width:1.125rem;
	background:linear-gradient(90deg,rgba(0,0,0,0.12),rgba(255,255,255,0.8))
}
.download-book-page h3 {
	margin-top:1.5rem;
	color:#244b91;
	font-family:Oswald,sans-serif;
	font-size:1.75rem;
	font-weight:700
}
.download-book-page p {
	margin-top:1rem;
	color:#666;
	line-height:1.8
}
.download-book-watermark {
	position:absolute;
	inset:0;
	z-index:0;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:5rem;
	color:rgba(0,0,0,0.045);
	font-family:Oswald,sans-serif;
	font-size:3.5rem;
	font-weight:700;
	transform:rotate(-28deg);
	pointer-events:none
}
.download-book-watermark::before,.download-book-watermark::after {
	content:"ALLROAD";
	align-self:center;
	justify-self:center
}
.download-book-photo,.download-book-intro,.download-book-page h3,.download-book-page p {
	position:relative;
	z-index:1
}
.download-book-photo {
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	background:#f4f4f4
}
.download-book-photo img {
	/*width:100%;
	height:100%;
	object-fit:cover*/
}
.download-book-photo-large {
	height:44.875rem
}
.download-book-photo-row {
	position:relative;
	z-index:1;
	margin-top:.75rem;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:.75rem
}
.download-book-photo-row .download-book-photo {
	height:8rem
}
.download-book-intro {
	display:grid;
	grid-template-columns:13.75rem 1fr;
	gap:1.25rem;
	display:none;
	align-items:start
}
.download-book-block {
	min-height:18.875rem;
	padding:8.25rem 1.125rem 0;
	display:flex;
	align-items:flex-start;
	background:#496aaa;
	color:#fff;
	font-family:Oswald,sans-serif;
	font-size:1.625rem;
	font-weight:700;
	line-height:1.1
}
.download-book-text {
	color:#666;
	font-size:.9375rem;
	line-height:1.7
}
.download-book-text p {
	margin:0
}
.download-book-text p+p {
	margin-top:.5rem
}
.download-book-photo-small {
	/* width:13.75rem; */
	height:44.875rem;
	/* margin-top:.875rem */
}
.download-book-prev,.download-book-next {
	position:absolute;
	top:50%;
	z-index:4;
	width:2.875rem;
	height:2.875rem;
	border:1px solid rgba(255,255,255,0.7);
	border-radius:50%;
	background:rgba(0,0,0,0.28);
	cursor:pointer;
	transform:translateY(-50%)
}
.download-book-prev::before,.download-book-next::before {
	position:absolute;
	top:50%;
	left:50%;
	content:"";
	width:.75rem;
	height:.75rem;
	border-top:2px solid #fff;
	border-right:2px solid #fff
}
.download-book-prev {
	left:-4.625rem
}
.download-book-prev::before {
	transform:translate(-35%,-50%) rotate(-135deg)
}
.download-book-next {
	right:-4.625rem
}
.download-book-next::before {
	transform:translate(-65%,-50%) rotate(45deg)
}
@media (max-width:1024px) {
	.download-book-modal {
	padding:82px 24px 32px;
	align-items:flex-start;
	overflow-y:auto;
	background:rgba(0,0,0,0.82)
}
.download-book-close {
	position:fixed;
	top:5px;
	right:20px;
	width:38px;
	height:38px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:var(--main-color);
	color:#fff;
	font-size:30px
}
.download-book-wrap {
	width:100%;
	max-width:720px;
	max-height:none;
	aspect-ratio:auto;
	perspective:none;
	margin:0 auto
}
.download-book {
	display:block;
	height:auto;
	filter:drop-shadow(0 12px 20px rgba(0,0,0,0.38))
}
.download-book::before {
	display:none
}
.download-book-spread {
	position:relative;
	display:none;
	grid-template-columns:1fr;
	opacity:0;
	transform:none;
	transition:opacity .3s ease
}
.download-book-spread.active {
	display:grid;
	opacity:1
}
.download-book-turner {
	display:none!important
}
.download-book-page {
	min-height:0;
	padding:38px 28px 32px;
	border-radius:8px!important;
	box-shadow:0 4px 18px rgba(0,0,0,0.16)
}
.download-book-page+.download-book-page {
	margin-top:16px
}
.download-book-photo-large {
	height:auto;
	aspect-ratio:1.6
}
.download-book-photo-row {
	gap:12px
}
.download-book-photo-row .download-book-photo {
	height:auto;
	aspect-ratio:1.6
}
.download-book-intro {
	grid-template-columns:180px 1fr;
	
	gap:18px
}
.download-book-block {
	min-height:210px;
	padding:82px 16px 20px;
	font-size:22px
}
.download-book-text {
	font-size:14px;
	line-height:1.7
}
.download-book-photo-small {
	width:180px;
	height:110px;
	margin-top:14px
}
.download-book-prev,.download-book-next {
	top:-58px;
	bottom:auto;
	width:44px;
	height:44px;
	border-color:rgba(255,255,255,0.85);
	background:rgba(0,0,0,0.5);
	box-shadow:0 4px 12px rgba(0,0,0,0.25);
	transform:none
}
.download-book-prev {
	left:calc(50% - 54px)
}
.download-book-next {
	right:calc(50% - 54px)
}
}@media (max-width:767px) {
	.download-book-modal {
	padding:58px 16px 30px;
	align-items:flex-start;
	overflow:auto
}
.download-book-wrap {
	width:100%;
	aspect-ratio:auto;
	perspective:none
}
.download-book {
	display:block;
	height:auto;
	filter:drop-shadow(0 12px 16px rgba(0,0,0,0.35))
}
.download-book::before {
	display:none
}
.download-book-spread {
	position:relative;
	display:none;
	grid-template-columns:1fr;
	transform:none!important;
	transition:opacity .3s ease
}
.download-book-spread.active {
	display:grid
}
.download-book-turner {
	display:none!important
}
.download-book-page {
	min-height:0;
	padding:34px 18px 28px;
	border-radius:6px!important
}
.download-book-page+.download-book-page {
	margin-top:12px
}
.download-book-photo-large {
	height:auto;
	aspect-ratio:1.33333333
}
.download-book-photo-row {
	grid-template-columns:1fr
}
.download-book-photo-row .download-book-photo {
	height:auto;
	aspect-ratio:1.33333333
}
.download-book-intro {
	grid-template-columns:1fr
}
.download-book-block {
	min-height:120px;
	padding:34px 16px;
	font-size:21px
}
.download-book-photo-small {
	width:100%;
	height:auto;
	aspect-ratio:1.33333333
}
.download-book-prev,.download-book-next {
	top:-54px;
	bottom:auto;
	width:42px;
	height:42px;
	transform:none
}
.download-book-prev {
	left:calc(50% - 52px)
}
.download-book-next {
	right:calc(50% - 52px)
}
}.core-content {
	padding:7.5rem 0 7.25rem;
	background:#f2f3f5;
	color:#151515
}
.core-content .core-head h2 {
	margin:0;
	color:#333;
	font-family:Oswald,sans-serif;
	font-size:3.5rem;
	font-weight:700;
	line-height:1.15
}
.core-content .core-head p {
	margin-top:1.5rem;
	font-size:1.125rem;
	line-height:1.8
}
.core-content .core-list {
	margin-top:3rem
}
.core-content .core-list>li {
	border-radius:.5rem;
	box-shadow:0 .75rem 1.875rem rgba(0,0,0,0.08);
	overflow:hidden
}
.core-content .core-list>li+li {
	margin-top:1.25rem
}
.core-content .core-list>li.active {
	margin-bottom:1.875rem
}
.core-content .core-list>li.active .core-title i {
	background:url(../images/jt-2b.png) no-repeat center center;
	background-size:cover
}
.core-content .core-title {
	box-shadow:0 .75rem 1.875rem rgba(0,0,0,0.08);
	border-radius:.625rem;
	height:3.75rem;
	padding:0 1.5625rem 0 2rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:var(--main-color);
	color:#fff;
	cursor:pointer
}
.core-content .core-title h3 {
	margin:0;
	font-size:1.5rem;
	font-weight:700;
	line-height:1.2
}
.core-content .core-title i {
	position:relative;
	width:1.25rem;
	height:1.25rem;
	flex:0 0 auto;
	background:url(../images/jt-1b.png) no-repeat center center;
	background-size:cover
}
.core-content .core-panel {
	display:none;
	padding:1.375rem 3rem 3.25rem;
	border:1px dashed #ccdade;
	border-radius:0 0 .5rem .5rem;
	background:#f6f7f8;
	margin-top:.9375rem
}
.core-content .active .core-panel {
	display:block
}
.core-content .core-step-list {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	column-gap:1.5rem;
	row-gap:3.25rem;
	counter-reset:coreStep
}
.core-content .core-step-list>li {
	position:relative;
	min-width:0;
	text-align:center;
	counter-increment:coreStep
}
.core-content .core-step-list>li:not(:nth-child(3n))::after {
	position:absolute;
	left:calc(100% - 18rem/16);
	top:19.125rem;
	content:"";
	font-weight:700;
	width:3.75rem;
	height:1.875rem;
	background:url(../images/core-arrow.jpg) no-repeat center center;
	background-size:cover
}
.core-content .core-image {
	height:14.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	background:#eee
}
.core-content .core-image img {
	width:100%;
	height:100%;
	object-fit:cover
}
.core-content .core-step {
	min-height:7rem;
	padding-top:1.75rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start
}
.core-content .core-step strong {
	color:var(--main-color);
	font-size:3.125rem;
	font-weight:700;
	line-height:1
}
.core-content .core-step span {
	margin-top:.875rem;
	font-size:1.5rem;
	font-weight:600;
	line-height:1.25
}
@media (max-width:1024px) {
	.core-content {
	padding:64px 0 72px
}
.core-content .container {
	padding:0 24px
}
.core-content .core-head h2 {
	font-size:42px
}
.core-content .core-head p {
	margin-top:18px;
	font-size:15px;
	line-height:1.8
}
.core-content .core-list {
	margin-top:34px
}
.core-content .core-list>li {
	border-radius:8px
}
.core-content .core-list>li+li {
	margin-top:18px
}
.core-content .core-list>li.active {
	margin-bottom:24px
}
.core-content .core-title {
	height:56px;
	padding:0 20px
}
.core-content .core-title h3 {
	font-size:21px
}
.core-content .core-title i {
	width:20px;
	height:20px
}
.core-content .core-panel {
	padding:22px;
	border-radius:0 0 8px 8px
}
.core-content .core-step-list {
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:30px 16px
}
.core-content .core-step-list>li::after {
	display:none
}
.core-content .core-image {
	height:auto;
	aspect-ratio:1.98275862
}
.core-content .core-step {
	min-height:86px;
	padding-top:18px
}
.core-content .core-step strong {
	font-size:34px
}
.core-content .core-step span {
	margin-top:10px;
	font-size:20px
}
}@media (max-width:640px) {
	.core-content {
	padding:46px 0 54px
}
.core-content .container {
	padding:0 16px
}
.core-content .core-head h2 {
	font-size:32px
}
.core-content .core-head p {
	margin-top:14px;
	font-size:14px;
	line-height:1.75
}
.core-content .core-list {
	margin-top:26px
}
.core-content .core-title {
	height:auto;
	min-height:52px;
	padding:12px 16px;
	gap:14px
}
.core-content .core-title h3 {
	font-size:18px
}
.core-content .core-panel {
	padding:14px
}
.core-content .core-step-list {
	gap:10px
}
.core-content .core-step {
	min-height:0;
	padding-top:14px
}
.core-content .core-step strong {
	font-size:20px
}
.core-content .core-step span {
	font-size:16px
}
}.workshop-content {
	padding:7rem 0 7.625rem;
	color:#151515
}
.workshop-content .workshop-head h2 {
	margin:0;
	color:#333;
	font-family:Oswald,sans-serif;
	font-size:3.5rem;
	font-weight:700;
	line-height:1.15
}
.workshop-content .workshop-head p {
	font-size:1.125rem;
	margin-top:1.5rem;
	line-height:2
}
.workshop-content .workshop-list {
	margin-top:2.875rem
}
.workshop-content .workshop-list>li {
	border-radius:.625rem
}
.workshop-content .workshop-list>li+li {
	margin-top:1.625rem
}
.workshop-content .workshop-list>li.active .workshop-title i {
	background:url(../images/jt-2b.png) no-repeat center center;
	background-size:cover
}
.workshop-content .workshop-title {
	box-shadow:0 .75rem 1.875rem rgba(0,0,0,0.08);
	border-radius:.3125rem;
	height:3.75rem;
	padding:0 1.5625rem 0 2rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:var(--main-color);
	color:#fff;
	cursor:pointer
}
.workshop-content .workshop-title h3 {
	margin:0;
	font-size:1.5rem;
	font-weight:700;
	line-height:1.2
}
.workshop-content .workshop-title i {
	position:relative;
	width:1.25rem;
	height:1.25rem;
	flex:0 0 auto;
	background:url(../images/jt-1b.png) no-repeat center center;
	background-size:cover
}
.workshop-content .workshop-panel {
	display:none;
	margin-top:.9375rem;
	padding:2rem 3rem 2.125rem;
	border:1px dashed #ccdade;
	border-radius:.625rem;
	background:#fff
}
.workshop-content .active .workshop-panel {
	display:block
}
.workshop-content .workshop-gallery {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:1.5rem
}
.workshop-content .workshop-gallery li {
	height:17.25rem;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	background:#f2f2f2
}
.workshop-content .workshop-gallery li img {
	width:100%;
	height:100%;
	object-fit:cover
}
@media (max-width:1024px) {
	.workshop-content {
	padding:64px 0 72px
}
.workshop-content .container {
	padding:0 24px
}
.workshop-content .workshop-head h2 {
	font-size:44px
}
.workshop-content .workshop-head p {
	margin-top:18px;
	font-size:15px;
	line-height:1.8
}
.workshop-content .workshop-list {
	margin-top:34px
}
.workshop-content .workshop-list>li {
	border-radius:8px
}
.workshop-content .workshop-list>li+li {
	margin-top:20px
}
.workshop-content .workshop-title {
	height:56px;
	padding:0 20px
}
.workshop-content .workshop-title h3 {
	font-size:21px
}
.workshop-content .workshop-title i {
	width:20px;
	height:20px
}
.workshop-content .workshop-panel {
	padding:22px;
	border-radius:0 0 8px 8px
}
.workshop-content .workshop-gallery {
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px
}
.workshop-content .workshop-gallery li {
	height:auto;
	aspect-ratio:1.67272727
}
}@media (max-width:640px) {
	.workshop-content {
	padding:46px 0 54px
}
.workshop-content .container {
	padding:0 16px
}
.workshop-content .workshop-head h2 {
	font-size:34px
}
.workshop-content .workshop-head p {
	margin-top:14px;
	font-size:14px;
	line-height:1.75
}
.workshop-content .workshop-list {
	margin-top:26px
}
.workshop-content .workshop-title {
	height:auto;
	min-height:52px;
	padding:12px 16px;
	gap:14px
}
.workshop-content .workshop-title h3 {
	font-size:18px
}
.workshop-content .workshop-panel {
	padding:14px
}
.workshop-content .workshop-gallery {
	gap:12px
}
}.key-content {
	padding:3.125rem 0;
	background:#f2f3f5;
	overflow:hidden;
	color:#111
}
.key-content .container {
	position:relative;
	display:grid;
	grid-template-columns:31.875rem 1fr;
	align-items:center;
	gap:5.25rem;
	min-height:45.375rem
}
.key-content .container::before {
	z-index:3;
	content:"";
	top:0;
	left:60%;
	width:20%;
	height:3.75rem;
	position:absolute;
	background:#f2f3f5
}
.key-content .key-copy {
	padding-top:1.125rem
}
.key-content .key-copy h3 {
	margin:0 0 1.625rem;
	font-size:1.5rem;
	font-weight:600;
	line-height:1.3
}
.key-content .key-copy h2 {
	margin:0;
	color:#333;
	font-family:Oswald,sans-serif;
	font-size:3.625rem;
	font-weight:700;
	line-height:1
}
.key-content .key-copy h2 strong {
	color:var(--main-color);
	font-weight:700
}
.key-content .key-copy p {
	margin-top:1.5rem;
	font-size:1.125rem;
	line-height:1.8
}
.key-content .key-line {
	width:31.875rem;
	max-width:100%;
	height:1px;
	margin:1.75rem 0 1.75rem;
	background:#cfcfcf
}
.key-content .key-region-list li {
	font-size:1.25rem;
	font-weight:600;
	line-height:1.6
}
.key-content .key-region-list li+li {
	margin-top:.75rem
}
.key-content .key-logo-wall {
	height:45.5rem;
	display:grid;
	grid-template-columns:repeat(3,17.75rem);
	gap:2.25rem;
	overflow:hidden
}
.key-content .key-logo-column {
	display:flex;
	flex-direction:column;
	gap:1.625rem;
	animation:keyLogoMove 18s linear infinite
}
.key-content .key-logo-column:nth-child(1) {
	transform:translateY(0)
}
.key-content .key-logo-column:nth-child(3) {
	transform:translateY(0)
}
.key-content .key-logo-column li {
	height:9rem;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	overflow:hidden
}
.key-content .key-logo-column li img {
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	object-fit:contain
}
.key-content .key-logo-column-reverse {
	position:relative;
	padding-top:0;
	transform:translateY(3.75rem);
	animation-name:keyLogoMoveReverse
}
@keyframes keyLogoMove {
	0% {
	translate:0 0
}
100% {
	translate:0 -42.5rem
}
}@keyframes keyLogoMoveReverse {
	0% {
	translate:0 -42.5rem
}
100% {
	translate:0 0
}
}@media (max-width:1024px) {
	.key-content {
	padding:54px 0 58px
}
.key-content .container {
	grid-template-columns:1fr;
	gap:38px;
	min-height:0;
	padding:0 24px
}
.key-content .container::before {
	display:none
}
.key-content .key-copy {
	padding-top:0
}
.key-content .key-copy h3 {
	margin-bottom:18px;
	font-size:22px
}
.key-content .key-copy h2 {
	font-size:46px
}
.key-content .key-copy p {
	max-width:760px;
	margin-top:20px;
	font-size:15px;
	line-height:1.85
}
.key-content .key-line {
	width:100%;
	margin:24px 0
}
.key-content .key-region-list li {
	max-width:760px;
	font-size:17px;
	line-height:1.7
}
.key-content .key-region-list li+li {
	margin-top:10px
}
.key-content .key-logo-wall {
	height:430px;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:16px
}
.key-content .key-logo-column {
	gap:16px;
	animation-duration:16s
}
.key-content .key-logo-column:nth-child(1) {
	transform:translateY(0)
}
.key-content .key-logo-column:nth-child(3) {
	transform:translateY(0)
}
.key-content .key-logo-column li {
	height:118px
}
.key-content .key-logo-column-reverse {
	transform:translateY(60px)
}
.key-content .key-logo-column-reverse {
	margin-top:0
}
@keyframes keyLogoMove {
	0% {
	translate:0 0
}
100% {
	translate:0 -536px
}
}@keyframes keyLogoMoveReverse {
	0% {
	translate:0 -536px
}
100% {
	translate:0 0
}
}}@media (max-width:767px) {
	.key-content {
	padding:42px 0 48px
}
.key-content .container {
	padding:0 16px;
	gap:30px
}
.key-content .key-copy h3 {
	margin-bottom:14px;
	font-size:19px
}
.key-content .key-copy h2 {
	font-size:38px
}
.key-content .key-copy p {
	margin-top:16px;
	font-size:14px;
	line-height:1.75
}
.key-content .key-line {
	margin:20px 0
}
.key-content .key-region-list li {
	font-size:15px;
	line-height:1.65
}
.key-content .key-logo-wall {
	height:360px;
	gap:10px
}
.key-content .key-logo-column {
	gap:10px
}
.key-content .key-logo-column li {
	height:96px
}
.key-content .key-logo-column-reverse {
	transform:translateY(40px)
}
.key-content .key-logo-column-reverse {
	margin-top:0
}
@keyframes keyLogoMove {
	0% {
	translate:0 0
}
100% {
	translate:0 -424px
}
}@keyframes keyLogoMoveReverse {
	0% {
	translate:0 -424px
}
100% {
	translate:0 0
}
}}@media (max-width:520px) {
	.key-content .key-logo-wall {
	grid-template-columns:repeat(2,minmax(0,1fr));
	height:342px
}
.key-content .key-logo-column:nth-child(3) {
	display:none
}
}.road-content {
	padding:7.5rem 0 7.25rem;
	background:#fff
}
.road-content .road-list {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:1.5625rem
}
.road-content .road-list>li {
	min-width:0
}
.road-content .road-image {
	width:100%;
	aspect-ratio:1.66666667;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:.5rem
}
.road-content .road-image img {
	width:100%;
	height:100%;
	object-fit:cover
}
.road-content .road-info {
	padding-top:1.375rem;
	color:#171717;
	font-size:1.25rem;
	line-height:1.75
}
.road-content .road-info h2 {
	margin:0 0 1rem;
	font-size:1.5rem;
	font-weight:700;
	line-height:1.3
}
.road-content .road-info p {
	margin:0
}
.road-content .road-info p+p {
	margin-top:.75rem
}
.road-content .road-info strong {
	font-weight:700
}
.road-content .road-info sup {
	position:relative;
	top:-0.35em;
	font-size:.6em
}
@media (max-width:1024px) {
	.road-content {
	padding:70px 0 76px
}
.road-content .container {
	padding:0 24px
}
.road-content .road-list {
	gap:22px
}
.road-content .road-image {
	border-radius:8px
}
.road-content .road-info {
	padding-top:20px;
	font-size:16px;
	line-height:1.7
}
.road-content .road-info h2 {
	margin-bottom:14px;
	font-size:21px
}
.road-content .road-info p+p {
	margin-top:10px
}
}@media (max-width:767px) {
	.road-content {
	padding:48px 0 56px
}
.road-content .container {
	padding:0 16px
}
.road-content .road-list {
	grid-template-columns:1fr;
	gap:42px
}
.road-content .road-info {
	padding-top:16px;
	font-size:15px
}
.road-content .road-info h2 {
	margin-bottom:12px;
	font-size:20px
}
}.corporate-content.corporate-bg-layout {
	min-height:0;
	height:auto;
	aspect-ratio:2.03821656;
	padding:0;
	background:#080a0d url(../images/corporate-bg.jpg) center / cover no-repeat
}
.corporate-content.corporate-bg-layout::before,.corporate-content.corporate-bg-layout::after {
	display:none
}
.corporate-content.corporate-bg-layout>.container {
	position:absolute;
	inset:0;
	width:100%;
	max-width:none;
	height:100%
}
.corporate-content.corporate-bg-layout>.container>h2 {
	position:absolute;
	top:13.588%;
	left:10.417%;
	font-size:3.625rem
}
.corporate-content.corporate-bg-layout .corporate-map {
	position:absolute;
	inset:0;
	min-height:0;
	margin:0;
	display:block
}
.corporate-content.corporate-bg-layout .corporate-map strong,.corporate-content.corporate-bg-layout .corporate-map p,.corporate-content.corporate-bg-layout .corporate-map h3 {
	color:#fff;
	background:linear-gradient(180deg,#fff 0%,#f4f4f4 42%,#aeb3bb 100%);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent
}
.corporate-content.corporate-bg-layout .corporate-company,.corporate-content.corporate-bg-layout .corporate-offices li,.corporate-content.corporate-bg-layout .corporate-business li {
	border:0;
	background:none;
	box-shadow:none;
	clip-path:none
}
.corporate-content.corporate-bg-layout .corporate-company {
	position:absolute;
	top:47.134%;
	left:16%;
	width:16.146%;
	height:11.465%;
	padding:0;
	font-size:2rem
}
.corporate-content.corporate-bg-layout .corporate-company::after {
	display:none
}
.corporate-content.corporate-bg-layout .corporate-offices {
	position:absolute;
	inset:0;
	display:block
}
.corporate-content.corporate-bg-layout .corporate-offices::before {
	display:none
}
.corporate-content.corporate-bg-layout .corporate-offices li {
	position:absolute;
	left:42.5%;
	width:13.021%;
	height:18.047%;
	padding:1.75rem .625rem 1.25rem 0;
	display:flex;
	text-align:left
}
.corporate-content.corporate-bg-layout .corporate-offices li::before,.corporate-content.corporate-bg-layout .corporate-offices li::after {
	display:none
}
.corporate-content.corporate-bg-layout .corporate-offices li:first-child {
	top:25.265%
}
.corporate-content.corporate-bg-layout .corporate-offices li:last-child {
	top:61.571%
}
.corporate-content.corporate-bg-layout .corporate-offices li strong {
	font-size:1.5rem
}
.corporate-content.corporate-bg-layout .corporate-offices li p {
	font-size:1.5rem
}
.corporate-content.corporate-bg-layout .corporate-business {
	position:absolute;
	inset:0;
	display:block
}
.corporate-content.corporate-bg-layout .corporate-business::before {
	display:none
}
.corporate-content.corporate-bg-layout .corporate-business li {
	position:absolute;
	left:61.354%;
	width:28.125%;
	height:12.951%;
	display:grid;
	grid-template-columns:15.625rem 1fr;
	background:none
}
.corporate-content.corporate-bg-layout .corporate-business li::before,.corporate-content.corporate-bg-layout .corporate-business li::after {
	display:none
}
.corporate-content.corporate-bg-layout .corporate-business li:nth-child(1) {
	top:16.348%
}
.corporate-content.corporate-bg-layout .corporate-business li:nth-child(2) {
	top:36.73%
}
.corporate-content.corporate-bg-layout .corporate-business li:nth-child(3) {
	top:57.325%
}
.corporate-content.corporate-bg-layout .corporate-business li:nth-child(4) {
	top:78.344%
}
.corporate-content.corporate-bg-layout .corporate-business li h3 {
	padding-left:8.125rem;
	font-size:1.5rem
}
.corporate-content.corporate-bg-layout .corporate-products {
	width:auto;
	height:6.625rem;
	margin:.5rem .5rem .5rem 0;
	background:#f4f4f4
}
.corporate-content.corporate-bg-layout .corporate-products img {
	width:100%;
	max-width:100%;
	height:100%;
	object-fit:cover
}
@media (max-width:1024px) {
	.corporate-content.corporate-bg-layout {
	aspect-ratio:auto;
	padding:54px 0 62px;
	background:#080a0d url(../images/corporate-bg.jpg) center top / auto 500px no-repeat
}
.corporate-content.corporate-bg-layout>.container {
	height:auto
}
.corporate-content.corporate-bg-layout>.container>h2 {
	position:relative;
	top:auto;
	left:auto;
	font-size:44px
}
.corporate-content.corporate-bg-layout .corporate-map {
	position:relative;
	inset:auto;
	margin-top:38px;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px
}
.corporate-content.corporate-bg-layout .corporate-company {
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	height:112px;
	grid-column:-1;
	padding:20px 26px;
	border:1px solid #777;
	background:rgba(7,9,12,0.9);
	font-size:27px
}
.corporate-content.corporate-bg-layout .corporate-offices {
	position:relative;
	inset:auto;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px;
	grid-column:-1
}
.corporate-content.corporate-bg-layout .corporate-offices li {
	position:relative;
	top:auto !important;
	left:auto;
	width:100%;
	height:150px;
	padding:22px;
	border:1px solid #777;
	background:rgba(7,9,12,0.92)
}
.corporate-content.corporate-bg-layout .corporate-offices li strong {
	font-size:20px
}
.corporate-content.corporate-bg-layout .corporate-offices li p {
	font-size:17px
}
.corporate-content.corporate-bg-layout .corporate-business {
	position:relative;
	inset:auto;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px;
	grid-column:-1
}
.corporate-content.corporate-bg-layout .corporate-business li {
	position:relative;
	top:auto !important;
	left:auto;
	width:100%;
	height:118px;
	display:grid;
	grid-template-columns:130px 1fr;
	border:1px solid #777;
	background:rgba(7,9,12,0.92)
}
.corporate-content.corporate-bg-layout .corporate-business li h3 {
	padding:0 14px;
	font-size:18px
}
.corporate-content.corporate-bg-layout .corporate-products {
	height:100px;
	margin:8px
}
}@media (max-width:767px) {
	.corporate-content.corporate-bg-layout {
	padding:42px 0 48px
}
.corporate-content.corporate-bg-layout>.container>h2 {
	font-size:35px
}
.corporate-content.corporate-bg-layout .corporate-map {
	grid-template-columns:1fr;
	gap:14px
}
.corporate-content.corporate-bg-layout .corporate-offices,.corporate-content.corporate-bg-layout .corporate-business {
	grid-template-columns:1fr
}
.corporate-content.corporate-bg-layout .corporate-company {
	grid-column:auto;
	height:100px;
	padding:18px 20px;
	font-size:23px
}
.corporate-content.corporate-bg-layout .corporate-offices,.corporate-content.corporate-bg-layout .corporate-business {
	grid-column:auto
}
.corporate-content.corporate-bg-layout .corporate-offices li {
	height:auto;
	min-height:126px;
	padding:20px
}
.corporate-content.corporate-bg-layout .corporate-business li {
	height:108px;
	grid-template-columns:115px 1fr
}
.corporate-content.corporate-bg-layout .corporate-business li h3 {
	font-size:17px
}
.corporate-content.corporate-bg-layout .corporate-products {
	height:90px
}
}.corporate-content {
	position:relative;
	min-height:58.75rem;
	padding:7.5rem 0 4.875rem;
	overflow:hidden;
	color:#fff;
	background:radial-gradient(circle at 60% 42%,#202328 0,#111419 38%,#06080b 78%)
}
.corporate-content::before,.corporate-content::after {
	position:absolute;
	content:"";
	z-index:0;
	width:26.875rem;
	height:110%;
	top:-5%;
	background-color:#0a0b0e;
	background-image:radial-gradient(#000 .25rem,transparent .3125rem);
	background-size:1.125rem 1.125rem;
	opacity:.8;
	transform:skewX(-28deg);
	box-shadow:0 0 0 .1875rem #30333a,0 0 1.875rem rgba(220,0,0,0.4)
}
.corporate-content::before {
	left:-15.625rem;
	border-right:.1875rem solid #d00000
}
.corporate-content::after {
	top:34%;
	right:-21.875rem;
	left:auto;
	border-left:.1875rem solid #d00000
}
.corporate-content .container {
	position:relative;
	z-index:1
}
.corporate-content>.container>h2 {
	margin:0;
	font-family:Oswald,sans-serif;
	font-size:3.625rem;
	font-weight:700;
	line-height:1
}
.corporate-content .corporate-map {
	position:relative;
	min-height:42.5rem;
	margin-top:2.25rem;
	display:grid;
	grid-template-columns:24.0625rem 22.5rem 1fr;
	align-items:center;
	gap:6.125rem
}
.corporate-content .corporate-company,.corporate-content .corporate-offices li,.corporate-content .corporate-business li {
	position:relative;
	border:.125rem solid #9da0a5;
	background:linear-gradient(115deg,#bd0000 0,#d40000 24%,#16191e 24.5%,#080a0d 100%);
	box-shadow:0 .625rem 1.125rem rgba(0,0,0,0.45),inset 0 0 1.25rem rgba(255,255,255,0.05);
	clip-path:polygon(.75rem 0,calc(100% - 12rem/16) 0,100% .75rem,100% calc(100% - 12rem/16),calc(100% - 12rem/16) 100%,.75rem 100%,0 calc(100% - 12rem/16),0 .75rem)
}
.corporate-content .corporate-company {
	height:9.6875rem;
	padding:0 1.375rem 0 6.375rem;
	display:flex;
	align-items:center;
	font-size:1.5rem;
	line-height:1.25
}
.corporate-content .corporate-company::after {
	position:absolute;
	top:50%;
	right:-6.25rem;
	content:"";
	width:6.25rem;
	border-top:.1875rem solid #ddd
}
.corporate-content .corporate-offices {
	position:relative;
	display:flex;
	flex-direction:column;
	gap:10.3125rem
}
.corporate-content .corporate-offices::before {
	position:absolute;
	top:5.375rem;
	bottom:5.375rem;
	left:-4.25rem;
	content:"";
	border-left:.1875rem solid #ddd
}
.corporate-content .corporate-offices li {
	height:10.875rem;
	padding:1.375rem 1.25rem 1.25rem 8.25rem;
	display:flex;
	align-items:center
}
.corporate-content .corporate-offices li::before {
	position:absolute;
	top:50%;
	left:-4.375rem;
	content:"";
	width:4.375rem;
	border-top:.1875rem solid #ddd
}
.corporate-content .corporate-offices li::after {
	position:absolute;
	top:50%;
	left:-0.625rem;
	content:"";
	width:1rem;
	height:1rem;
	border-radius:50%;
	background:#ddd;
	box-shadow:0 0 .25rem #fff
}
.corporate-content .corporate-offices li strong {
	display:block;
	font-size:1.375rem
}
.corporate-content .corporate-offices li p {
	margin-top:.375rem;
	font-size:1.3125rem;
	line-height:1.5
}
.corporate-content .corporate-mark {
	position:absolute;
	left:1.125rem;
	width:5.625rem;
	color:#fff;
	font-size:1.5rem;
	font-weight:700;
	text-align:center
}
.corporate-content .corporate-business {
	position:relative;
	display:flex;
	flex-direction:column;
	gap:4.25rem
}
.corporate-content .corporate-business::before {
	position:absolute;
	top:3.8125rem;
	bottom:3.8125rem;
	left:-4.5625rem;
	content:"";
	border-left:.1875rem solid #ddd
}
.corporate-content .corporate-business li {
	height:7.75rem;
	display:grid;
	grid-template-columns:6.875rem 11.25rem minmax(13.125rem,1fr);
	align-items:center;
	background:linear-gradient(105deg,#c90000 0,#d40000 20%,#191c21 20.5%,#080a0d 100%)
}
.corporate-content .corporate-business li::before {
	position:absolute;
	top:50%;
	left:-4.6875rem;
	content:"";
	width:4.6875rem;
	border-top:.1875rem solid #ddd
}
.corporate-content .corporate-business li::after {
	position:absolute;
	top:50%;
	left:-0.625rem;
	content:"";
	width:1rem;
	height:1rem;
	border-radius:50%;
	background:#ddd
}
.corporate-content .corporate-business li h3 {
	font-size:1.25rem
}
.corporate-content .corporate-symbol {
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center
}
.corporate-content .corporate-symbol img {
	width:4.875rem;
	height:4.875rem;
	object-fit:contain;
	filter:brightness(0) invert(1)
}
.corporate-content .corporate-products {
	height:6.625rem;
	margin-right:.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:.6875rem;
	background:#f4f4f4
}
.corporate-content .corporate-products img {
	min-width:0;
	max-width:50%;
	max-height:100%;
	width:auto;
	height:auto;
	object-fit:contain
}
.corporate-content .corporate-products img:only-child {
	max-width:92%
}
@media (max-width:1024px) {
	.corporate-content {
	background:#000 !important;
	min-height:0;
	padding:64px 0 70px
}
.corporate-content::before,.corporate-content::after {
	width:320px;
	background-size:16px 16px
}
.corporate-content .container {
	padding:0 24px
}
.corporate-content>.container>h2 {
	font-size:46px
}
.corporate-content .corporate-map {
	min-height:0;
	margin-top:42px;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:28px
}
.corporate-content .corporate-company {
	grid-column:-1;
	width:100%;
	height:120px;
	padding:0 30px 0 115px;
	font-size:28px
}
.corporate-content .corporate-company::after {
	display:none
}
.corporate-content .corporate-offices {
	gap:20px;
	align-self:start
}
.corporate-content .corporate-offices::before {
	display:none
}
.corporate-content .corporate-offices li {
	height:160px;
	padding:20px 18px 18px 112px
}
.corporate-content .corporate-offices li::before,.corporate-content .corporate-offices li::after {
	display:none
}
.corporate-content .corporate-offices li strong {
	font-size:20px
}
.corporate-content .corporate-offices li p {
	font-size:18px
}
.corporate-content .corporate-mark {
	left:14px;
	width:78px;
	font-size:22px
}
.corporate-content .corporate-business {
	gap:16px
}
.corporate-content .corporate-business::before {
	display:none
}
.corporate-content .corporate-business li {
	height:108px;
	grid-template-columns:88px 125px minmax(130px,1fr)
}
.corporate-content .corporate-business li::before,.corporate-content .corporate-business li::after {
	display:none
}
.corporate-content .corporate-business li h3 {
	padding-left:14px;
	font-size:18px
}
.corporate-content .corporate-symbol img {
	width:62px;
	height:62px
}
.corporate-content .corporate-products {
	height:92px;
	margin-right:7px;
	border-radius:8px
}
}@media (max-width:767px) {
	.corporate-content {
	padding:46px 0 52px
}
.corporate-content .container {
	padding:0 16px
}
.corporate-content>.container>h2 {
	font-size:36px
}
.corporate-content .corporate-map {
	grid-template-columns:1fr;
	gap:20px
}
.corporate-content .corporate-company {
	grid-column:auto;
	height:105px;
	padding:0 20px 0 82px;
	font-size:23px
}
.corporate-content .corporate-offices {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px
}
.corporate-content .corporate-offices li {
	height:145px;
	padding:54px 14px 14px;
	display:block;
	text-align:center
}
.corporate-content .corporate-offices li strong {
	font-size:17px
}
.corporate-content .corporate-offices li p {
	font-size:15px
}
.corporate-content .corporate-mark {
	top:14px;
	left:50%;
	width:auto;
	transform:translateX(-50%);
	font-size:19px
}
.corporate-content .corporate-business {
	gap:12px
}
.corporate-content .corporate-business li {
	height:100px;
	grid-template-columns:70px 95px minmax(110px,1fr)
}
.corporate-content .corporate-business li h3 {
	padding-left:10px;
	font-size:16px
}
.corporate-content .corporate-symbol img {
	width:52px;
	height:52px
}
.corporate-content .corporate-products {
	height:84px
}
}@media (max-width:420px) {
	.corporate-content .corporate-offices {
	grid-template-columns:1fr
}
.corporate-content .corporate-business li {
	height:auto;
	min-height:150px;
	grid-template-columns:64px 1fr
}
.corporate-content .corporate-business li h3 {
	padding-left:8px
}
.corporate-content .corporate-symbol {
	grid-row:1
}
.corporate-content .corporate-products {
	grid-column:-1;
	width:calc(100% - 14px);
	height:76px;
	margin:0 7px 7px
}
}@media (max-width:1024px) {
	.corporate-content.corporate-bg-layout {
	position:relative;
	min-height:0;
	height:auto;
	aspect-ratio:auto;
	padding:56px 0 64px;
	background:#080a0d url(../images/corporate-bg.jpg) center top / auto 520px no-repeat
}
.corporate-content.corporate-bg-layout>.container {
	position:relative;
	inset:auto;
	width:100%;
	max-width:1200px;
	height:auto;
	margin:0 auto;
	padding:0 24px
}
.corporate-content.corporate-bg-layout>.container>h2 {
	position:relative;
	top:auto;
	left:auto;
	margin:0;
	font-size:42px;
	line-height:1.12
}
.corporate-content.corporate-bg-layout .corporate-map {
	position:relative;
	inset:auto;
	min-height:0;
	margin-top:34px;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px
}
.corporate-content.corporate-bg-layout .corporate-company {
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	height:auto;
	min-height:112px;
	grid-column:-1;
	padding:22px 26px;
	display:flex;
	align-items:center;
	border:1px solid rgba(255,255,255,0.32);
	border-radius:10px;
	background:linear-gradient(120deg,rgba(190,0,0,0.92),rgba(15,18,23,0.94) 58%);
	box-shadow:0 8px 24px rgba(0,0,0,0.28);
	font-size:27px;
	line-height:1.3
}
.corporate-content.corporate-bg-layout .corporate-offices {
	position:relative;
	inset:auto;
	grid-column:-1;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px
}
.corporate-content.corporate-bg-layout .corporate-offices li {
	position:relative;
	top:auto!important;
	left:auto;
	width:100%;
	height:auto;
	min-height:148px;
	padding:24px;
	display:flex;
	align-items:center;
	border:1px solid rgba(255,255,255,0.24);
	border-radius:10px;
	background:rgba(8,11,15,0.9);
	box-shadow:0 8px 22px rgba(0,0,0,0.22)
}
.corporate-content.corporate-bg-layout .corporate-offices li strong {
	font-size:20px;
	line-height:1.35
}
.corporate-content.corporate-bg-layout .corporate-offices li p {
	margin-top:7px;
	font-size:16px;
	line-height:1.55
}
.corporate-content.corporate-bg-layout .corporate-business {
	position:relative;
	inset:auto;
	grid-column:-1;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px
}
.corporate-content.corporate-bg-layout .corporate-business li {
	position:relative;
	top:auto!important;
	left:auto;
	width:100%;
	height:auto;
	min-height:122px;
	display:grid;
	grid-template-columns:130px minmax(0,1fr);
	align-items:center;
	overflow:hidden;
	border:1px solid rgba(255,255,255,0.24);
	border-radius:10px;
	background:rgba(8,11,15,0.92);
	box-shadow:0 8px 22px rgba(0,0,0,0.22)
}
.corporate-content.corporate-bg-layout .corporate-business li h3 {
	padding:0 16px;
	font-size:18px;
	line-height:1.35;
	text-align:center
}
.corporate-content.corporate-bg-layout .corporate-products {
	width:auto;
	height:106px;
	margin:8px;
	border-radius:8px;
	background:#f4f4f4
}
.corporate-content.corporate-bg-layout .corporate-products img {
	width:100%;
	max-width:100%;
	height:100%;
	max-height:none;
	object-fit:cover
}
}@media (max-width:640px) {
	.corporate-content.corporate-bg-layout {
	padding:44px 0 52px;
	background-size:auto 420px
}
.corporate-content.corporate-bg-layout>.container {
	padding:0 16px
}
.corporate-content.corporate-bg-layout>.container>h2 {
	font-size:33px
}
.corporate-content.corporate-bg-layout .corporate-map {
	margin-top:28px;
	grid-template-columns:1fr;
	gap:14px
}
.corporate-content.corporate-bg-layout .corporate-company {
	grid-column:auto;
	min-height:100px;
	padding:18px 20px;
	font-size:22px
}
.corporate-content.corporate-bg-layout .corporate-offices,.corporate-content.corporate-bg-layout .corporate-business {
	grid-column:auto;
	grid-template-columns:1fr;
	gap:14px
}
.corporate-content.corporate-bg-layout .corporate-offices li {
	min-height:126px;
	padding:20px
}
.corporate-content.corporate-bg-layout .corporate-offices li strong {
	font-size:18px
}
.corporate-content.corporate-bg-layout .corporate-offices li p {
	font-size:15px
}
.corporate-content.corporate-bg-layout .corporate-business li {
	min-height:108px;
	grid-template-columns:112px minmax(0,1fr)
}
.corporate-content.corporate-bg-layout .corporate-business li h3 {
	padding:0 12px;
	font-size:16px
}
.corporate-content.corporate-bg-layout .corporate-products {
	grid-column:auto;
	width:auto;
	height:92px;
	margin:7px
}
}.factory-content {
	padding:5.625rem 0 6.875rem 0;
	color:#171717
}
.factory-content .factory-intro {
	display:grid;
	grid-template-columns:minmax(0,1.15fr) minmax(25rem,40rem);
	align-items:start;
	gap:1.875rem
}
.factory-content .factory-copy h1 {
	margin:0;
	font-size:2.6875rem;
	line-height:1
}
.factory-content .factory-copy p {
	margin-top:1.75rem;
	color:#666;
	font-size:1rem;
	line-height:2
}
.factory-content .factory-copy h2 {
	margin-top:1.5rem;
	font-size:1.75rem;
	font-weight:600;
	line-height:1.3
}
.factory-content .factory-copy h2 strong {
	color:var(--main-color);
	font-weight:700
}
.factory-content .factory-copy h3 {
	margin-top:1.625rem;
	font-size:1.375rem;
	font-weight:700
}
.factory-content .factory-copy h4 {
	margin-top:1.25rem;
	font-weight:700
}
.factory-content .factory-copy h4 svg {
	margin-top:.1875rem;
	vertical-align:top;
	width:1.25rem;
	height:1.25rem
}
.factory-content .factory-photo {
	width:100%;
	height:23.125rem;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden
}
.factory-content .factory-photo img {
	width:100%;
	height:100%;
	object-fit:cover
}
.factory-content .factory-size-title {
	margin:4.125rem 0 2.625rem;
	font-size:1.875rem;
	font-weight:700
}
.factory-content .factory-size-title strong {
	color:var(--main-color)
}
.factory-content .factory-size-title sup {
	position:relative;
	top:-0.2em;
	font-size:.55em
}
.factory-content .factory-area-list {
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:2.75rem 2.875rem
}
.factory-content .factory-area-list li {
	position:relative;
	height:16.25rem;
	padding:2.125rem 1.125rem 1.375rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	background:url(../images/factotr-bg.png) no-repeat center center;
	background-size:cover
}
.factory-content .factory-number {
	position:absolute;
	top:0;
	left:0;
	width:4.375rem;
	height:4rem;
	padding:.75rem 0 0 .9375rem;
	color:#fff;
	font-family:Oswald,sans-serif;
	font-size:1.625rem;
	font-weight:700;
	text-align:left
}
.factory-content .factory-icon {
	width:7.5rem;
	height:7.5rem;
	display:flex;
	align-items:center;
	justify-content:center
}
.factory-content .factory-icon img {
	width:100%;
	height:100%;
	object-fit:contain
}
.factory-content .factory-area-list h3 {
	min-height:1.75rem;
	margin-top:.25rem;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.25rem;
	font-weight:600;
	line-height:1.25
}
.factory-content .factory-area-list strong {
	margin-top:.25rem;
	color:var(--main-color);
	font-size:2.5rem;
	font-weight:700;
	line-height:1.1
}
.factory-content .factory-area-list strong sup {
	position:relative;
	top:-0.4em;
	font-size:.5em
}
@media (max-width:1024px) {
	.factory-content {
	padding:58px 0 72px
}
.factory-content .container {
	padding:0 24px
}
.factory-content .factory-intro {
	grid-template-columns:1fr 1fr;
	gap:34px
}
.factory-content .factory-copy h1 {
	font-size:36px
}
.factory-content .factory-copy p {
	margin-top:20px;
	font-size:14px;
	line-height:2
}
.factory-content .factory-copy h2 {
	margin-top:20px;
	font-size:24px
}
.factory-content .factory-copy h3 {
	margin-top:22px;
	font-size:20px
}
.factory-content .factory-copy h4 {
	margin-top:16px;
	font-size:14px
}
.factory-content .factory-copy h4 svg {
	width:16px;
	height:16px
}
.factory-content .factory-photo {
	height:320px
}
.factory-content .factory-size-title {
	margin:48px 0 32px;
	font-size:25px
}
.factory-content .factory-area-list {
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:24px
}
.factory-content .factory-area-list li {
	height:238px;
	padding:30px 14px 18px;
	clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)
}
.factory-content .factory-number {
	width:62px;
	height:58px;
	padding:15px 0 0 13px;
	font-size:20px
}
.factory-content .factory-icon {
	width:105px;
	height:90px
}
.factory-content .factory-area-list h3 {
	min-height:26px;
	margin-top:3px;
	font-size:17px
}
.factory-content .factory-area-list strong {
	margin-top:4px;
	font-size:31px
}
}@media (max-width:767px) {
	.factory-content {
	padding:40px 0 52px
}
.factory-content .container {
	padding:0 16px
}
.factory-content .factory-intro {
	grid-template-columns:1fr;
	gap:28px
}
.factory-content .factory-copy h1 {
	font-size:30px
}
.factory-content .factory-copy p {
	margin-top:18px;
	line-height:1.8
}
.factory-content .factory-copy h2 {
	font-size:20px
}
.factory-content .factory-copy h3 {
	margin-top:10px
}
.factory-content .factory-photo {
	height:auto;
	aspect-ratio:1.72972973
}
.factory-content .factory-size-title {
	margin:38px 0 26px;
	font-size:22px
}
.factory-content .factory-area-list {
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px
}
.factory-content .factory-area-list li {
	height:220px;
	padding:28px 10px 16px
}
.factory-content .factory-icon {
	width:92px;
	height:80px
}
.factory-content .factory-area-list h3 {
	font-size:15px
}
.factory-content .factory-area-list strong {
	font-size:27px
}
}@media (max-width:420px) {
	.factory-content .factory-area-list {
	grid-template-columns:1fr
}
.factory-content .factory-area-list li {
	height:245px
}
}.factory-area-swiper {
	overflow:hidden
}
.factory-area-pagination {
	display:none
}
@media (max-width:1024px) {
	.factory-content .factory-area-swiper {
	width:100%;
	padding-bottom:38px
}
.factory-content .factory-area-list {
	display:flex;
	grid-template-columns:none;
	gap:0
}
.factory-content .factory-area-list li {
	width:auto;
	height:238px;
	flex-shrink:0;
	margin:0
}
.factory-content .factory-area-pagination {
	position:absolute;
	left:0;
	bottom:4px;
	width:100%;
	display:block;
	text-align:center
}
.factory-content .factory-area-pagination .swiper-pagination-bullet {
	width:8px;
	height:8px;
	margin:0 5px;
	background:#999;
	opacity:.45
}
.factory-content .factory-area-pagination .swiper-pagination-bullet-active {
	width:24px;
	border-radius:4px;
	background:var(--main-color);
	opacity:1
}
}@media (max-width:640px) {
	.factory-content .factory-area-swiper {
	padding-bottom:34px
}
.factory-content .factory-area-list li {
	height:210px
}
}.news-show {
	z-index:9;
	color:#333;
	position:relative;
	padding:7.5rem 0
}
.news-show .container {
	z-index:9;
	position:relative
}
.news-show h1 {
	color:#333;
	font-size:2.875rem;
	line-height:3.75rem;
	font-family:Oswald
}
.news-show .info {
	color:#999999;
	font-weight:lighter;
	padding:1.875rem 0
}
.news-show .info span {
	padding:0 1.875rem
}
.news-show .share {
	width:5%;
	float:left;
	padding-top:.625rem
}
.news-show .share p {
	font-size:1.25rem
}
.news-show .share li {
	width:2.5rem;
	height:2.5rem;
	text-align:center;
	margin-top:1.25rem;
	line-height:2.25rem;
	border-radius:100%;
	background:#999;
	transition:all 500ms ease
}
.news-show .share li svg {
	width:1.25rem;
	height:1.25rem;
	fill:#fff;
	vertical-align:middle
}
.news-show .share li a {
	display:block
}
.news-show .share li:hover {
	background:var(--main-color)
}
.news-show .right {
	position:relative
}
.news-show .right .nr {
	width:92%;
	float:right
}
.news-show .text {
	font-size:1rem;
	line-height:1.875rem
}
.news-show .return {
	float:right;
	margin-top:3.125rem
}
.news-show .return a {
	text-align:center;
	min-width:7.75rem;
	line-height:2.5rem;
	color:#fff;
	display:inline-block;
	background:#666e86
}
.news-show .return:hover a {
	background:var(--main-color)
}
@media (max-width:1024px) {
	.news-show {
	padding:50px 0  0 0
}
.news-show h1 {
	font-size:20px;
	line-height:30px;
	padding-right:0
}
.news-show .share {
	display:none
}
.news-show .return {
	display:none
}
.news-show .info {
	font-size:12px;
	padding:15px 0
}
.news-show .right {
	margin-top:0;
	width:100%;
	float:none;
	padding-right:0;
	font-size:14px
}
.news-show .right .nr {
	width:100%;
	float:none
}
.news-show .text {
	padding-left:0;
	font-size:15px;
	line-height:26px;
	padding-right:0
}
.news-show .text .pic {
	padding-top:20px;
	padding-bottom:30px;
	display:block
}
.news-show .text .pic img {
	margin-left:0;
	float:none!important
}
.news-show .tag {
	font-size:14px;
	padding-top:20px
}
.news-show .tag a {
	padding:0 10px
}
.news-show .text .font28 {
	font-size:20px;
	padding:30px 0 10px 0
}
.news-show .newslist {
	top:auto;
	left:auto;
	float:none;
	width:100%;
	position:relative
}
.news-show .newslist li {
	width:50%;
	padding-top:30px !important
}
}@media (max-width:420px) {
	.news-show .newslist li {
	width:100%
}
}.common-tag {
	color:#333;
	padding-top:3.125rem
}
.common-tag span {
	font-size:1.25rem
}
.common-tag a {
	margin-left:.625rem;
	padding:.5rem .9375rem;
	border:solid 1px #e1e1e1;
	color:#333;
	display:inline-block
}
.common-tag a:hover {
	color:var(--main-color)
}
@media (max-width:1024px) {
	.common-tag {
	padding-top:30px
}
}.common-pagelist {
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	margin-top:3.125rem
}
.common-pagelist li {
	color:#333;
	font-size:1.125rem;
	overflow:hidden;
	height:4.375rem;
	line-height:4.3125rem;
	border-top:solid 1px #ccc
}
.common-pagelist li span {
	min-width:10%;
	display:inline-block;
	position:relative
}
.common-pagelist li span:after {
	content:"";
	top:48%;
	right:1.875rem;
	position:absolute;
	vertical-align:middle;
	border-left:solid .3125rem transparent;
	border-right:solid .3125rem transparent;
	border-bottom:solid .375rem #222
}
.common-pagelist li a {
	color:#333
}
.common-pagelist li:hover a {
	color:var(--main-color)
}
.common-pagelist li:first-child {
	border-top:0
}
.common-pagelist li:last-child span:after {
	border-bottom:0;
	border-left:solid .3125rem transparent;
	border-right:solid .3125rem transparent;
	border-top:solid .375rem #222
}
@media (max-width:1024px) {
	.common-pagelist {
	margin-top:20px
}
.common-pagelist li {
	font-size:15px;
	overflow:hidden;
	height:50px;
	padding:0 0px;
	line-height:49px
}
.common-pagelist li a {
	font-size:15px;
	padding-left:20px
}
.common-pagelist li span:after {
	display:none
}
}.news-related {
	padding:0 0 6.25rem;
	background:#fff;
	overflow:hidden
}
.news-related h2 {
	margin:0 0 3rem;
	color:#151515;
	font-family:Oswald,sans-serif;
	font-size:3.5rem;
	font-weight:700;
	line-height:1;
	text-align:center
}
.news-related h2 span {
	color:var(--main-color);
	font-size:3.5rem;
	margin-top:0
}
.news-related .news-related-swiper {
	overflow:hidden
}
.news-related .news-related-card {
	display:block;
	color:#666
}
.news-related .news-related-card:hover .news-related-image img {
	transform:scale(1.05)
}
.news-related .news-related-card:hover h3,.news-related .news-related-card:hover span {
	color:var(--main-color)
}
.news-related .news-related-image {
	width:100%;
	height:16.6875rem;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:.625rem;
	background:#f5f5f5
}
.news-related .news-related-image img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .6s ease
}
.news-related .news-related-meta {
	margin-top:1.875rem;
	color:var(--main-color);
	font-size:.9375rem;
	line-height:1.2
}
.news-related h3 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	min-height:4rem;
	margin-top:.875rem;
	color:#333;
	font-size:1.25rem;
	line-height:1.875rem;
	height:3.75rem;
	font-weight:600;
	transition:color .3s ease
}
.news-related p {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	height:5.25rem;
	line-height:1.75rem;
	margin-top:1rem;
	color:#666
}
.news-related span {
	font-size:1rem;
	margin-top:1.5625rem;
	display:inline-block;
	color:#666;
	line-height:1.2;
	transition:color .3s ease
}
@media (max-width:1024px) {
	.news-related {
	padding:64px 0 70px
}
.news-related .container {
	padding:0 24px
}
.news-related h2 {
	margin-bottom:34px;
	font-size:44px
}
.news-related .news-related-image {
	height:auto;
	aspect-ratio:1.79775281;
	border-radius:8px
}
.news-related .news-related-meta {
	margin-top:22px;
	font-size:13px
}
.news-related h3 {
	min-height:58px;
	margin-top:12px;
	font-size:18px;
	line-height:1.55
}
.news-related p {
	min-height:72px;
	margin-top:12px;
	font-size:14px;
	line-height:1.7
}
.news-related span {
	margin-top:24px;
	font-size:14px
}
}@media (max-width:767px) {
	.news-related {
	padding:46px 0 54px
}
.news-related .container {
	padding:0 16px
}
.news-related h2 {
	margin-bottom:26px;
	font-size:34px
}
.news-related h3 {
	min-height:0;
	font-size:17px
}
.news-related p {
	min-height:0
}
.news-related span {
	margin-top:20px
}
}.casebox-warp {
	overflow:hidden;
	padding:6.875rem 0 0 0
}
.casebox-warp .container {
	max-width:107.5rem
}
.casebox-top {
	margin:0 auto;
	max-width:95rem;
	display:grid;
	gap:4.375rem;
	grid-template-columns:1fr 49.375rem
}
.casebox-top .casebox-pic {
	order:1
}
.casebox-top .casebox-text {
	order:2
}
.casebox-text {
	padding-top:2.5rem
}
.casebox-text h2 {
	text-transform:uppercase;
	color:#14100d;
	font-size:3.5rem;
	line-height:1;
	letter-spacing:0
}
.casebox-text h2 img {
	margin-left:.9375rem;
	margin-bottom:.625rem;
	vertical-align:middle;
	max-height:2.5rem
}
.casebox-text h3 {
	color:#010101;
	font-size:1.25rem;
	margin-top:.9375rem
}
.casebox-text p {
	line-height:1.875rem;
	margin-top:1.25rem
}
.casebox-pic {
	overflow:hidden;
	position:relative;
	border-radius:.625rem
}
.casebox-pic img {
	border-radius:.625rem
}
.casebox-map {
	margin-top:4.6875rem;
	position:relative
}
.casebox-data {
	z-index:2;
	width:21.875rem;
	height:21.875rem;
	display:flex;
	position:absolute;
	text-align:center;
	align-items:center;
	border-radius:50%;
	flex-direction:column;
	justify-content:center;
	box-shadow:.5rem 0 1.3125rem rgba(62,119,190,0.16);
	background:rgba(255,255,255,0.9)
}
.casebox-data img {
	width:4.375rem;
	height:4.375rem;
	display:block;
	object-fit:contain;
	margin-bottom:1.25rem;
	vertical-align:middle
}
.casebox-data strong {
	margin-top:.625rem;
	color:var(--main-color);
	display:block;
	font-size:3.875rem;
	line-height:.9;
	font-weight:700;
	white-space:nowrap
}
.casebox-data em {
	font-style:normal
}
.casebox-data span {
	display:block;
	font-size:1.25rem;
	line-height:1.35
}
.casebox-data-1 {
	left:9.6875rem;
	top:2.1875rem;
	width:18.75rem;
	height:18.75rem
}
.casebox-data-2 {
	left:28.75rem;
	top:14.375rem;
	width:24.375rem;
	height:24.375rem
}
.casebox-data-3 {
	left:53.125rem;
	top:-1.875rem
}
.casebox-data-4 {
	right:9.375rem;
	top:13.125rem
}
@media (max-width:1024px) {
	.casebox-warp {
	padding:58px 0 50px
}
.casebox-warp .container {
	max-width:760px
}
.casebox-top {
	max-width:100%;
	gap:28px;
	grid-template-columns:1fr
}
.casebox-top .casebox-text,.casebox-top .casebox-pic {
	order:initial
}
.casebox-top .casebox-pic {
	display:none
}
.casebox-text h2 {
	font-size:42px
}
.casebox-text h3 {
	font-size:25px;
	line-height:1.38;
	margin-top:18px
}
.casebox-text p {
	font-size:15px;
	line-height:1.78;
	margin-top:20px
}
.casebox-text .casebox-more {
	width:270px;
	height:44px;
	margin-top:18px;
	padding:0 30px;
	font-size:15px
}
.casebox-text .casebox-more i {
	margin-left:16px
}
.casebox-pic {
	height:360px;
	border-radius:8px
}
.casebox-map {
	height:auto;
	display:grid;
	gap:18px;
	margin-top:34px;
	padding-top:0;
	grid-template-columns:repeat(2,minmax(0,1fr))
}
.casebox-map-img {
	grid-column:-1;
	width:100%;
	height:auto;
	position:static;
	transform:none;
	display:none !important
}
.casebox-data {
	top:auto;
	left:auto;
	right:auto;
	width:100%;
	height:auto;
	min-height:168px;
	position:relative;
	border-radius:8px;
	background:#fff;
	box-shadow:0 8px 24px rgba(31,55,88,0.08)
}
.casebox-data img {
	width:32px;
	height:32px;
	margin-bottom:10px
}
.casebox-data strong {
	font-size:38px
}
.casebox-data span {
	font-size:13px;
	line-height:1.25;
	margin-top:8px;
	padding:0 12px
}
.casebox-data-1 {
	top:auto;
	left:auto;
	right:auto;
	width:100%;
	height:auto
}
.casebox-data-2 {
	top:auto;
	left:auto;
	right:auto;
	width:100%;
	height:auto
}
.casebox-data-2 strong {
	font-size:42px
}
.casebox-data-3 {
	top:auto;
	left:auto;
	right:auto;
	width:100%;
	height:auto
}
.casebox-data-4 {
	top:auto;
	left:auto;
	right:auto;
	width:100%;
	height:auto
}
}@media (max-width:640px) {
	.casebox-warp {
	padding:44px 0 40px
}
.casebox-text h2 {
	font-size:36px
}
.casebox-text h3 {
	font-size:22px
}
.casebox-text p {
	font-size:14px
}
.casebox-text .casebox-more {
	width:240px;
	height:42px;
	padding:0 22px;
	font-size:14px
}
.casebox-pic {
	height:220px
}
.casebox-map {
	padding-top:0;
	height:auto;
	display:grid;
	gap:14px;
	grid-template-columns:repeat(2,minmax(0,1fr))
}
.casebox-map-img {
	grid-column:-1;
	height:auto;
	position:static;
	transform:none
}
.casebox-data,.casebox-data-1,.casebox-data-2,.casebox-data-3,.casebox-data-4 {
	top:auto;
	left:auto;
	right:auto;
	width:100%;
	height:auto;
	min-height:145px;
	position:relative;
	border-radius:8px;
	background:#fff;
	box-shadow:0 8px 24px rgba(31,55,88,0.08)
}
.casebox-data strong,.casebox-data-1 strong,.casebox-data-2 strong,.casebox-data-3 strong,.casebox-data-4 strong {
	font-size:34px
}
.casebox-data-2 strong {
	font-size:34px
}
}.about-history {
	position:relative;
	scroll-margin-top:110px;
	padding:6.875rem 0 2.5rem 0
}
.about-history .info {
	color:#fff;
	padding-top:.9375rem;
	font-size:1.125rem
}
.about-history .swiper-pagination {
	bottom:auto;
	text-align:center;
	position:relative;
	margin-top:.625rem
}
.about-history .swiper-pagination-bullet {
	background:#fff;
	margin:0 .3125rem;
	width:.625rem;
	height:.625rem
}
.about-history .common-head span {
	color:#fff
}
.about-history .history-bottom {
	position:relative;
	margin-top:2.5rem
}
.about-history .history-bottom .year {
	font-weight:700;
	top:-0.3125rem;
	font-size:2.625rem;
	line-height:1;
	color:#ffffff;
	position:relative
}
.about-history .history-bottom .anr {
	width:110%;
	line-height:1.625rem;
	color:#ffffff;
	height:8.75rem
}
.about-history .history-bottom ul li .box {
	padding-left:1.875rem;
	position:relative
}
.about-history .history-bottom ul li:nth-child(2n) .box .nr {
	padding-top:1.875rem
}
.about-history .history-bottom ul li .box:after {
	content:'';
	display:block;
	height:15.625rem;
	width:2.1875rem;
	top:0;
	position:absolute;
	left:0;
	background:url(../images/line1.png) no-repeat bottom center
}
.about-history .history-bottom ul li:nth-child(2n) .box:after {
	content:'';
	display:block;
	height:15.625rem;
	width:2.1875rem;
	top:auto;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/line2.png) no-repeat bottom center
}
.about-history .history-bottom ul li:nth-child(5n+1) .box {
	margin-top:6.5625rem
}
.about-history .history-bottom ul li:nth-child(5n+2) .box {
	margin-top:18.125rem;
	padding-top:3rem
}
.about-history .history-bottom ul li:nth-child(5n+3) .box {
	margin-top:2.5rem
}
.about-history .history-bottom ul li:nth-child(5n+4) .box {
	margin-top:12.8125rem;
	padding-top:1.875rem
}
.about-history .history-bottom ul li:nth-child(5n+5) .box {
	margin-top:.3125rem
}
.about-history .history-bottom ul li:nth-child(5n+5) .box .anr {
	width:100%
}
.about-history .history-bottom .swiper-container:after {
	content:'';
	display:block;
	width:98.75rem;
	height:13.3125rem;
	background:url(../images/history-line.png) no-repeat bottom center;
	position:absolute;
	top:10rem;
	left:0;
	z-index:0
}
.history-bottom .swiper-slide li {
	width:20%;
	float:left
}
@media (max-width:1024px) {
	.about-history,.honor-content {
	scroll-margin-top:72px
}
.about-history .history-bottom .swiper-container:after {
	display:none
}
.about-history .history-bottom ul li .box {
	margin-top:0 !important;
	margin-bottom:0 !important
}
.about-history .history-bottom ul li .box:after {
	background:url(../images/line2.png) no-repeat bottom center !important
}
.about-history .history-bottom ul li .box .nr {
	padding-top:0 !important
}
.history-bottom .swiper-slide li {
	width:100%;
	float:left;
	margin-bottom:15px
}
.about-history .history-bottom .year {
	font-size:22px
}
.about-history .history-bottom .anr {
	font-size:14px;
	height:unset
}
}.honor-content {
	overflow:hidden;
	scroll-margin-top:110px;
	padding:6.25rem 0;
	background:#f2f2f3
}
.honor-content .honor-head {
	text-align:center
}
.honor-content .honor-head h2 {
	margin:0;
	color:#333338;
	font-family:Oswald,sans-serif;
	font-size:3.625rem;
	font-weight:700;
	line-height:1.18;
	text-transform:uppercase
}
.honor-content .honor-head span {
	color:var(--main-color)
}
.honor-content .honor-counts {
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:1.875rem;
	margin-top:3.375rem;
	text-align:center
}
.honor-content .honor-count-item strong {
	display:block;
	color:var(--sub-color);
	font-family:Oswald,sans-serif;
	font-size:4.0625rem;
	font-weight:700;
	line-height:1
}
.honor-content .honor-count-item span {
	display:block;
	margin-top:.875rem;
	line-height:1.4
}
.honor-content .honor-tabs {
	display:flex;
	justify-content:center;
	gap:1.75rem;
	margin-top:3.3125rem
}
.honor-content .honor-tab {
	border:0;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	width:11.375rem;
	height:2.5rem;
	color:#333;
	font-weight:700;
	text-align:center;
	cursor:pointer;
	transition:all .3s ease;
	background:url(../images/pro-link.png) no-repeat center center;
	background-size:cover
}
.honor-content .honor-tab.active {
	border-color:transparent;
	color:#fff;
	background:url(../images/pro-hover.png) no-repeat center center
}
.honor-content .honor-desc {
	display:none;
	margin:3.125rem auto 0
}
.honor-content .honor-desc.active {
	display:block
}
.honor-content .honor-desc p {
	margin:0;
	color:#666;
	line-height:2
}
.honor-content .honor-panel {
	display:none
}
.honor-content .honor-panel.active {
	display:block
}
.honor-content .honor-swiper-wrap {
	position:relative;
	margin-top:2.875rem
}
.honor-content .honor-swiper {
	overflow:hidden
}
.honor-content .honor-card {
	text-align:center
}
.honor-content .honor-pic {
	height:20.25rem;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#eee
}
.honor-content .honor-pic img {
	display:block;
	width:100%;
	height:100%;
	object-fit:contain
}
.honor-content .honor-name {
	margin-top:1.9375rem;
	color:#333;
	font-size:1.125rem;
	line-height:1.4
}
.honor-content .honor-arrow {
	position:absolute;
	top:10.125rem;
	z-index:3;
	width:2.75rem;
	height:2.75rem;
	border-radius:50%;
	background:#111;
	cursor:pointer;
	transition:all .3s ease
}
.honor-content .honor-arrow:before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:.625rem;
	height:.625rem;
	border-top:.125rem solid #fff;
	border-left:.125rem solid #fff
}
.honor-content .honor-arrow:hover {
	background:var(--main-color)
}
.honor-content .honor-prev {
	left:-6.25rem
}
.honor-content .honor-prev:before {
	transform:translate(-35%,-50%) rotate(-45deg)
}
.honor-content .honor-next {
	right:-6.25rem
}
.honor-content .honor-next:before {
	transform:translate(-65%,-50%) rotate(135deg)
}
@media (max-width:1024px) {
	.honor-content {
	padding:46px 0 44px
}
.honor-content .container {
	max-width:100%;
	padding:0 24px
}
.honor-content .honor-counts {
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px;
	margin-top:32px
}
.honor-content .honor-count-item {
	min-height:118px;
	padding:20px 12px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	background:#fff;
	box-shadow:0 6px 18px rgba(20,26,38,0.06)
}
.honor-content .honor-count-item strong {
	font-size:44px
}
.honor-content .honor-count-item span {
	margin-top:9px;
	font-size:14px
}
.honor-content .honor-tabs {
	flex-wrap:wrap;
	gap:14px;
	margin-top:34px
}
.honor-content .honor-tab {
	width:182px;
	height:40px;
	font-size:15px;
	clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 8px),0 8px)
}
.honor-content .honor-tab.active {
	box-shadow:0 8px 18px rgba(215,25,25,0.18)
}
.honor-content .honor-desc {
	margin-top:28px;
	padding:20px 22px;
	border-radius:8px;
	background:#fff;
	box-shadow:0 6px 18px rgba(20,26,38,0.05)
}
.honor-content .honor-desc p {
	font-size:14px;
	line-height:1.8
}
.honor-content .honor-swiper-wrap {
	margin-top:30px;
	padding:0 52px
}
.honor-content .honor-card {
	padding:14px 14px 18px;
	border-radius:8px;
	background:#fff;
	box-shadow:0 6px 18px rgba(20,26,38,0.08)
}
.honor-content .honor-pic {
	height:250px;
	background:#f7f7f8
}
.honor-content .honor-name {
	margin-top:18px;
	font-size:15px
}
.honor-content .honor-arrow {
	top:125px;
	width:40px;
	height:40px
}
.honor-content .honor-arrow:before {
	width:9px;
	height:9px;
	border-top-width:2px;
	border-left-width:2px
}
.honor-content .honor-prev {
	left:4px
}
.honor-content .honor-next {
	right:4px
}
}@media (max-width:640px) {
	.honor-content .honor-counts {
	grid-template-columns:1fr;
	gap:18px
}
.honor-content .honor-tabs {
	flex-direction:column;
	align-items:center
}
.honor-content .honor-tab {
	width:182px
}
.honor-content .honor-swiper-wrap {
	padding:0 46px
}
.honor-content .honor-pic {
	height:120px
}
.honor-content .honor-arrow {
	top:70px;
	width:36px;
	height:36px
}
}.allroad-brand {
	overflow:hidden;
	padding:8.125rem 0
}
.allroad-brand .container {
	display:grid;
	grid-template-columns:30rem 58.125rem;
	gap:8rem;
	align-items:center
}
.allroad-brand .allroad-brand-text {
	min-width:0
}
.allroad-brand .allroad-brand-text h3 {
	margin:0 0 .9375rem;
	color:#000000;
	font-size:1.5rem;
	font-weight:700;
	line-height:1.25
}
.allroad-brand .allroad-brand-text p {
	margin:0;
	color:#111;
	font-size:1.125rem
}
.allroad-brand .allroad-brand-text .common-head {
	margin-bottom:1.875rem;
	text-align:left
}
.allroad-brand .allroad-brand-pic {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	background:#fff
}
.allroad-brand .allroad-brand-pic::before {
	position:absolute;
	z-index:2;
	top:50%;
	left:50%;
	content:"";
	width:5.375rem;
	height:5.375rem;
	border:.25rem solid var(--main-color);
	border-radius:50%;
	opacity:0;
	transform:translate(-50%,-50%) scale(.2)
}
.allroad-brand .allroad-brand-pic img {
	display:block;
	width:100%;
	clip-path:circle(0 at 50% 50%);
	transform:scale(1.08)
}
.allroad-brand .allroad-brand-pic.allroad-brand-reveal.animated::before {
	animation:allroad-brand-circle 1s cubic-bezier(.22,.61,.36,1) forwards
}
.allroad-brand .allroad-brand-pic.allroad-brand-reveal.animated img {
	animation:allroad-brand-image 1.35s .72s cubic-bezier(.77,0,.18,1) forwards
}
@keyframes allroad-brand-circle {
	0% {
	opacity:0;
	transform:translate(-50%,-50%) scale(.2)
}
28% {
	opacity:1;
	transform:translate(-50%,-50%) scale(1)
}
68% {
	opacity:1;
	transform:translate(-50%,-50%) scale(1.12)
}
100% {
	opacity:0;
	transform:translate(-50%,-50%) scale(1.55)
}
}@keyframes allroad-brand-image {
	from {
	clip-path:circle(0 at 50% 50%);
	transform:scale(1.08)
}
to {
	clip-path:circle(75% at 50% 50%);
	transform:scale(1)
}
}.allroad-brand .allroad-brand-pic {
	isolation:isolate;
	aspect-ratio:1.77777778
}
.allroad-brand .allroad-brand-pic::before {
	display:none
}
.allroad-brand .allroad-brand-pic .allroad-brand-stage {
	position:absolute;
	inset:0;
	z-index:1;
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:0;
	clip-path:none;
	transform:none;
	transition:opacity .36s ease;
	will-change:opacity
}
.allroad-brand .allroad-brand-pic .allroad-brand-stage.active {
	z-index:2;
	opacity:1
}
@media (prefers-reduced-motion:reduce) {
	.allroad-brand .allroad-brand-pic.allroad-brand-reveal::before {
	display:none
}
.allroad-brand .allroad-brand-pic.allroad-brand-reveal img {
	clip-path:none;
	transform:none;
	animation:none
}
}@media (max-width:1024px) {
	.allroad-brand {
	padding:64px 0 68px
}
.allroad-brand .container {
	max-width:100%;
	grid-template-columns:1fr;
	gap:34px
}
.allroad-brand .allroad-brand-text h3 {
	margin-bottom:18px;
	font-size:22px
}
.allroad-brand .allroad-brand-text h2 {
	margin-bottom:18px;
	font-size:44px
}
.allroad-brand .allroad-brand-text p {
	font-size:15px;
	line-height:1.85
}
.allroad-brand .allroad-brand-pic {
	height:auto
}
}@media (max-width:640px) {
	.allroad-brand {
	padding:48px 0 54px
}
.allroad-brand .allroad-brand-text h3 {
	font-size:18px
}
.allroad-brand .allroad-brand-text h2 {
	font-size:34px
}
.allroad-brand .allroad-brand-text p {
	font-size:14px
}
}.proshow-1 {
	padding:5.9375rem 0 5.375rem;
	overflow:hidden
}
.proshow-1 .proshow-container {
	display:grid;
	grid-template-columns:34.375rem 33.125rem 20.875rem;
	gap:3.375rem;
	align-items:start
}
.proshow-1 .proshow-gallery {
	min-width:0
}
.proshow-1 .proshow-main-swiper {
	overflow:hidden
}
.proshow-1 .proshow-main-pic {
	height:34.375rem;
	display:flex;
	align-items:center;
	justify-content:center
}
.proshow-1 .proshow-main-pic img {
	display:block;
	width:100%;
	height:100%;
	object-fit:contain
}
.proshow-1 .proshow-thumbs-wrap {
	position:relative;
	margin-top:1.5rem;
	padding:0 1.75rem
}
.proshow-1 .proshow-thumbs {
	overflow:hidden
}
.proshow-1 .proshow-thumb-pic {
	height:4.375rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #d8d8d8;
	background:#fff;
	cursor:pointer;
	transition:border-color .3s ease
}
.proshow-1 .proshow-thumb-pic img {
	padding:.1875rem;
	display:block;
	width:100%;
	height:100%;
	object-fit:cover
}
.proshow-1 .proshow-thumbs .swiper-slide-thumb-active .proshow-thumb-pic {
	border:1px solid var(--main-color)
}
.proshow-1 .proshow-thumb-arrow {
	position:absolute;
	top:50%;
	z-index:3;
	width:1rem;
	height:1.75rem;
	margin-top:-0.875rem;
	cursor:pointer
}
.proshow-1 .proshow-thumb-arrow::before {
	content:"";
	position:absolute;
	top:50%;
	width:.875rem;
	height:.875rem
}
.proshow-1 .proshow-thumb-prev {
	left:0;
	background:url(../images/proarrow-link.png) no-repeat center center;
	background-size:cover;
	transform:rotate(-180deg)
}
.proshow-1 .proshow-thumb-prev:hover {
	background:url(../images/pro-arrowhover.png) no-repeat center center;
	background-size:cover;
	transform:rotate(0)
}
.proshow-1 .proshow-thumb-next {
	right:0;
	background:url(../images/proarrow-link.png) no-repeat center center;
	background-size:cover
}
.proshow-1 .proshow-thumb-next:hover {
	transform:rotate(-180deg);
	background:url(../images/pro-arrowhover.png) no-repeat center center;
	background-size:cover
}
.proshow-1 .proshow-info {
	min-width:0
}
.proshow-1 .proshow-info h1 {
	margin:0;
	color:#111;
	font-family:Oswald,sans-serif;
	font-size:2.5rem;
	font-weight:700;
	line-height:1.18
}
.proshow-1 .proshow-rating {
	margin-top:1rem;
	display:flex;
	align-items:center;
	gap:1rem
}
.proshow-1 .proshow-rating span {
	vertical-align:top;
	font-weight:700;
	color:var(--main-color);
	font-size:1.875rem;
	line-height:.5;
	letter-spacing:.125rem
}
.proshow-1 .proshow-rating em {
	vertical-align:top;
	color:#666;
	font-size:1.125rem;
	font-style:normal;
	font-weight:700
}
.proshow-1 .proshow-intro {
	margin-top:.625rem
}
.proshow-1 .proshow-intro p {
	margin:0;
	color:#666;
	font-size:1.125rem;
	line-height:2
}
.proshow-1 .proshow-more,.proshow-1 .proshow-buy {
	width:11.375rem;
	height:2.5rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-size:.9375rem;
	font-weight:700;
	background:url(../images/pro-hover.png) center / 100% 100% no-repeat
}
.proshow-1 .proshow-more {
	margin-top:1.625rem
}
.proshow-1 .proshow-feature {
	margin-top:2.75rem
}
.proshow-1 .proshow-feature h2 {
	margin:0;
	padding-bottom:.5rem;
	border-bottom:1px solid #111;
	color:#111;
	font-family:Oswald,sans-serif;
	font-size:1.5rem;
	font-weight:700;
	line-height:1.2
}
.proshow-1 .proshow-feature ul {
	margin-top:.75rem
}
.proshow-1 .proshow-feature li {
	color:var(--main-color);
	font-size:1.125rem;
	font-weight:700;
	line-height:1.55
}
.proshow-1 .proshow-feature li+li {
	margin-top:.375rem
}
.proshow-1 .proshow-feature li strong {
	color:#111
}
.proshow-1 .proshow-actions {
	margin-top:2.125rem;
	display:flex;
	align-items:center;
	gap:1rem
}
.proshow-1 .proshow-actions svg {
	fill:#fff;
	width:1.25rem;
	height:1.25rem
}
.proshow-1 .proshow-share {
	width:2.5rem;
	height:2.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%);
	color:#fff;
	font-size:1.5625rem;
	font-weight:700;
	line-height:1
}
.proshow-1 .proshow-facebook {
	background:#3b5ca8
}
.proshow-1 .proshow-whatsapp {
	background:#27c965;
	font-size:1.1875rem
}
.proshow-1 .proshow-email {
	background:#f09a0c;
	font-size:1.25rem
}
.proshow-1 .product-filter {
	position:sticky;
	top:0;
	width:20.875rem;
	flex:0 0 20.875rem;
	background:#f0f0f0
}
.proshow-1 .product-filter h2 {
	height:4.375rem;
	padding:0 1.625rem;
	display:flex;
	align-items:center;
	color:#fff;
	background:var(--main-color);
	font-family:Oswald,sans-serif;
	font-size:1.75rem;
	font-weight:700
}
.proshow-1 .product-filter-form {
	padding:.625rem .6875rem 2.125rem
}
.proshow-1 .product-search {
	height:2.625rem;
	display:flex;
	background:#fff
}
.proshow-1 .product-search input {
	min-width:0;
	flex:1;
	padding:0 1rem;
	border:0;
	background:transparent;
	color:#555;
	font-size:.875rem
}
.proshow-1 .product-search button {
	position:relative;
	width:2.875rem;
	border:0;
	background:transparent;
	cursor:pointer
}
.proshow-1 .product-search button::before {
	position:absolute;
	top:.6875rem;
	left:.5625rem;
	content:"";
	width:1.0625rem;
	height:1.0625rem;
	border:1px solid #111;
	border-radius:50%
}
.proshow-1 .product-search button::after {
	position:absolute;
	top:1.6875rem;
	left:1.5625rem;
	content:"";
	width:.5rem;
	border-top:1px solid #111;
	transform:rotate(48deg)
}
.proshow-1 .product-filter-list {
	font-size:1.125rem
}
.proshow-1 .product-filter-list>li {
	margin-top:.4375rem;
	font-size:1.125rem
}
.proshow-1 .product-filter-list>li>ul {
	display:none;
	padding:.75rem;
	padding-top:1rem
}
.proshow-1 .product-filter-list>li.open>ul {
	display:block
}
.proshow-1 .product-filter-list h3 {
	padding:.5625rem 1rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:#fff;
	color:#333;
	font-size:1.25rem;
	font-weight:600;
	cursor:pointer
}
.proshow-1 .product-filter-list h3 i {
	width:.6875rem;
	height:.6875rem;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
	transform:rotate(45deg) translateY(-0.1875rem);
	transition:transform .35s ease
}
.proshow-1 .product-filter-list>li.open h3 i {
	transform:rotate(225deg) translate(-0.125rem,-0.125rem)
}
.proshow-1 .product-filter-list>li>ul li+li {
	margin-top:.625rem
}
.proshow-1 .product-filter-list label {
	display:flex;
	align-items:center;
	gap:.875rem;
	color:#333;
	cursor:pointer
}
.proshow-1 .product-filter-list label input {
	position:absolute;
	opacity:0;
	pointer-events:none
}
.proshow-1 .product-filter-list label>i {
	position:relative;
	width:2rem;
	height:2rem;
	flex:0 0 auto;
	border:1px solid #222;
	border-radius:.1875rem
}
.proshow-1 .product-filter-list label input:checked+i {
	border-color:#ca1717;
	background:#ca1717
}
.proshow-1 .product-filter-list label input:checked+i::after {
	position:absolute;
	top:.625rem;
	left:.625rem;
	content:"";
	width:.75rem;
	height:.4375rem;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(-45deg)
}
.proshow-1 .product-filter-list label span {
	min-width:0;
	flex:1;
	white-space:nowrap
}
.proshow-1 .product-filter-list label em {
	color:#777;
	font-style:normal;
	letter-spacing:.0625rem;
	white-space:nowrap
}
@media (max-width:1024px) {
	.proshow-1 {
	padding:120px 0 56px
}
.proshow-1 .proshow-container {
	max-width:100%;
	grid-template-columns:1fr;
	gap:30px
}
.proshow-1 .proshow-gallery {
	order:1
}
.proshow-1 .proshow-info {
	order:2;
	padding-top:0
}
.proshow-1 .proshow-info h1 {
	font-size:34px
}
.proshow-1 .product-filter {
	position:static;
	order:3;
	width:100%;
	flex-basis:auto
}
.proshow-1 .product-filter h2 {
	height:58px;
	padding:0 20px;
	font-size:24px
}
.proshow-1 .proshow-main-pic {
	height:auto;
	aspect-ratio:1
}
.proshow-1 .proshow-thumbs-wrap {
	margin-top:18px;
	padding:0 24px
}
.proshow-1 .proshow-thumb-pic {
	height:76px
}
.proshow-1 .proshow-thumb-arrow {
	width:16px;
	height:26px;
	margin-top:-13px
}
.proshow-1 .proshow-thumb-arrow::before {
	width:13px;
	height:13px
}
.proshow-1 .proshow-rating {
	margin-top:12px
}
.proshow-1 .proshow-rating span {
	font-size:21px
}
.proshow-1 .proshow-rating em {
	font-size:14px
}
.proshow-1 .proshow-intro {
	margin-top:12px
}
.proshow-1 .proshow-intro p {
	font-size:14px;
	line-height:1.85
}
.proshow-1 .proshow-more {
	margin-top:20px
}
.proshow-1 .proshow-feature {
	margin-top:30px
}
.proshow-1 .proshow-feature h2 {
	font-size:22px
}
.proshow-1 .proshow-feature li {
	font-size:16px
}
.proshow-1 .proshow-actions {
	margin-top:26px;
	gap:12px;
	flex-wrap:wrap
}
.proshow-1 .proshow-more,.proshow-1 .proshow-buy {
	width:168px;
	height:38px;
	font-size:14px
}
.proshow-1 .proshow-share {
	width:32px;
	height:32px;
	font-size:22px
}
.proshow-1 .proshow-share svg {
	width:20px;
	height:20px
}
.proshow-1 .product-filter-form {
	padding:10px 12px 20px
}
.proshow-1 .product-search {
	height:44px
}
.proshow-1 .product-search input {
	padding:0 14px;
	font-size:14px
}
.proshow-1 .product-search button {
	width:44px
}
.proshow-1 .product-search button::before {
	top:11px;
	left:9px;
	width:17px;
	height:17px
}
.proshow-1 .product-search button::after {
	top:27px;
	left:25px;
	width:8px
}
.proshow-1 .product-filter-list {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:8px
}
.proshow-1 .product-filter-list>li {
	margin:0
}
.proshow-1 .product-filter-list>li.open {
	grid-column:-1
}
.proshow-1 .product-filter-list h3 {
	padding:6px 14px;
	font-size:16px
}
.proshow-1 .product-filter-list h3 i {
	width:10px;
	height:10px;
	transform:rotate(45deg) translateY(-3px)
}
.proshow-1 .product-filter-list>li.open h3 i {
	transform:rotate(225deg) translate(-2px,-2px)
}
.proshow-1 .product-filter-list>li>ul {
	padding:10px 8px 4px;
	grid-template-columns:repeat(2,1fr);
	gap:10px 20px
}
.proshow-1 .product-filter-list>li.open>ul {
	display:grid
}
.proshow-1 .product-filter-list>li>ul li+li {
	margin:0
}
.proshow-1 .product-filter-list label {
	gap:10px;
	font-size:14px
}
.proshow-1 .product-filter-list label>i {
	width:28px;
	height:28px
}
.proshow-1 .product-filter-list label input:checked+i::after {
	top:7px;
	left:7px;
	width:11px;
	height:6px
}
.proshow-1 .product-filter-list label em {
	letter-spacing:1px
}
.proshow-1 .product-filter {
	display:none !important
}
}@media (max-width:640px) {
	.proshow-1 .proshow-info h1 {
	font-size:24px
}
.proshow-1 .proshow-thumb-pic {
	height:64px
}
.proshow-1 .product-filter-list {
	grid-template-columns:1fr
}
.proshow-1 .product-filter-list>li.open>ul {
	grid-template-columns:1fr
}
}.proshow-2 {
	scroll-margin-top:5.625rem;
	overflow:hidden;
	background:#1a1a1a
}
.proshow-2 .proshow-detail-tabs {
	position:relative;
	z-index:3;
	height:4.375rem;
	background:#191919
}
.proshow-2 .proshow-detail-tabs-inner {
	max-width:67.5rem;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.proshow-2 .proshow-detail-tabs a {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	color:#fff;
	font-size:1.5rem;
	font-weight:700;
	text-transform:uppercase
}
.proshow-2 .proshow-detail-tabs a.active {
	z-index:2;
	width:22.625rem;
	height:4.375rem;
	background:transparent;
	transform:translateY(.625rem);
	background:url(../images/prohover.png) no-repeat top center;
	background-size:cover
}
.proshow-2 .proshow-detail-tabs a.active span {
	padding-top:.625rem;
	position:relative;
	z-index:3
}
.proshow-2 .proshow-key-visual {
	position:relative;
	min-height:48.875rem;
	color:#fff
}
.proshow-2 .proshow-key-inner {
	position:relative;
	z-index:2
}
.proshow-2 .proshow-key-copy {
	width:43.75rem;
	padding-top:5.75rem
}
.proshow-2 .proshow-key-copy h2 {
	margin:0;
	font-style:italic;
	font-size:4.5rem;
	font-weight:700;
	line-height:1;
	text-transform:uppercase
}
.proshow-2 .proshow-key-copy h2 span,.proshow-2 .proshow-key-copy h2 em {
	display:block;
	font-style:italic
}
.proshow-2 .proshow-key-copy h2 span {
	color:var(--main-color);
	background:-webkit-linear-gradient(top,var(--main-color),#f41c1e);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.proshow-2 .proshow-key-copy h2 em {
	color:#f1f1f1;
	background:-webkit-linear-gradient(top left,#aaacb0,#fff);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.proshow-2 .proshow-key-slogan {
	width:30.125rem;
	height:3.3125rem;
	margin-top:2.625rem;
	padding:.375rem 2.125rem 0 3.375rem;
	background:#ba1c1a;
	clip-path:polygon(4% 0,100% 0,93% 100%,0 100%);
	color:#fff;
	font-size:1.125rem;
	font-style:italic;
	line-height:1.22;
	letter-spacing:1px;
	background:url(../images/proshow-line.png) no-repeat top center;
	background-size:cover
}
.proshow-2 .proshow-key-grid {
	display:flex;
	flex-wrap:wrap;
	position:relative;
	width:43.75rem;
	margin-top:.625rem
}
.proshow-2 .proshow-key-grid::before {
	position:absolute;
	left:0;
	top:50%;
	content:"";
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.85)
}
.proshow-2 .proshow-key-item {
	width:50%;
	min-height:8rem;
	display:flex;
	align-items:center;
	gap:1.75rem;
	color:#fff;
	position:relative
}
.proshow-2 .proshow-key-item::before {
	top:50%;
	left:0;
	position:absolute;
	content:"";
	width:1px;
	height:5rem;
	background:#fff;
	transform:translateY(-50%)
}
.proshow-2 .proshow-key-item:nth-child(1) {
	width:40%
}
.proshow-2 .proshow-key-item:nth-child(1)::before {
	display:none
}
.proshow-2 .proshow-key-item:nth-child(3) {
	width:40%
}
.proshow-2 .proshow-key-item:nth-child(3)::before {
	display:none
}
.proshow-2 .proshow-key-item:nth-child(2n) {
	padding-left:5rem
}
.proshow-2 .proshow-key-item img {
	width:5.375rem;
	height:5.375rem;
	object-fit:contain;
	flex:0 0 auto
}
.proshow-2 .proshow-key-item p {
	margin:0;
	font-size:2.125rem;
	font-weight:300;
	line-height:1.18
}
.proshow-2 .proshow-key-item strong,.proshow-2 .proshow-key-item span {
	display:block
}
.proshow-2 .proshow-key-bottom {
	position:absolute;
	z-index:2;
	left:0;
	bottom:0;
	width:100%;
	height:6rem;
	display:flex;
	align-items:center;
	background:linear-gradient(90deg,#ae0503,rgba(0,0,0,0))
}
.proshow-2 .proshow-key-bottom-inner {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	align-items:center;
	padding-right:6%
}
.proshow-2 .proshow-key-bottom-item {
	padding-right:18%;
	position:relative;
	min-height:3.375rem;
	display:flex;
	align-items:center;
	gap:1.375rem;
	color:#fff
}
.proshow-2 .proshow-key-bottom-item::after {
	top:50%;
	right:18%;
	position:absolute;
	content:"";
	width:1px;
	height:3.4375rem;
	transform:translateY(-50%);
	background:rgba(255,255,255,0.5)
}
.proshow-2 .proshow-key-bottom-item:last-child {
	border-right:0
}
.proshow-2 .proshow-key-bottom-item:last-child::after {
	display:none
}
.proshow-2 .proshow-key-bottom-item img {
	width:4rem;
	height:4rem;
	object-fit:contain;
	flex:0 0 auto
}
.proshow-2 .proshow-key-bottom-item p {
	margin:0;
	font-size:1.1875rem;
	line-height:1.5
}
.proshow-2 .proshow-key-bottom-item span {
	display:block
}
@media (max-width:1024px) {
	.proshow-2 {
	scroll-margin-top:60px
}
.proshow-2 .proshow-detail-tabs {
	height:64px
}
.proshow-2 .proshow-detail-tabs-inner {
	max-width:100%;
	padding:0 16px
}
.proshow-2 .proshow-detail-tabs a {
	flex:1;
	font-size:20px
}
.proshow-2 .proshow-detail-tabs a.active {
	width:auto;
	height:46px;
	margin-top:0
}
.proshow-2 .proshow-detail-tabs a.active span {
	padding-top:14px
}
.proshow-2 .proshow-detail-tabs a.active::before {
	left:-10px;
	top:-8px;
	height:46px
}
.proshow-2 .proshow-key-visual {
	min-height:auto;
	padding:64px 0 126px;
	background-position:66% top
}
.proshow-2 .proshow-key-copy {
	width:58%;
	min-width:480px;
	padding-top:0;
	margin-left:0
}
.proshow-2 .proshow-key-copy h2 {
	font-size:46px;
	letter-spacing:1px
}
.proshow-2 .proshow-key-slogan {
	width:430px;
	height:50px;
	margin-top:28px;
	padding:7px 26px 0 42px;
	font-size:16px
}
.proshow-2 .proshow-key-grid {
	width:100%;
	margin-top:24px
}
.proshow-2 .proshow-key-item {
	min-height:104px;
	gap:18px
}
.proshow-2 .proshow-key-item:nth-child(2n) {
	padding-left:32px
}
.proshow-2 .proshow-key-item img {
	width:68px;
	height:68px
}
.proshow-2 .proshow-key-item p {
	font-size:26px
}
.proshow-2 .proshow-key-bottom {
	height:110px
}
.proshow-2 .proshow-key-bottom-inner {
	max-width:100%;
	grid-template-columns:repeat(4,1fr)
}
.proshow-2 .proshow-key-bottom-item {
	padding:0 14px;
	gap:12px
}
.proshow-2 .proshow-key-bottom-item img {
	width:48px;
	height:48px
}
.proshow-2 .proshow-key-bottom-item p {
	font-size:15px;
	line-height:1.45
}
}@media (max-width:640px) {
	.proshow-2 .proshow-detail-tabs {
	height:auto;
	padding:30px 0
}
.proshow-2 .proshow-detail-tabs-inner {
	display:grid;
	grid-template-columns:1fr;
	gap:8px
}
.proshow-2 .proshow-detail-tabs a {
	height:42px;
	font-size:18px;
	background:#242424
}
.proshow-2 .proshow-detail-tabs a.active {
	height:44px
}
.proshow-2 .proshow-detail-tabs a.active::before {
	display:none
}
.proshow-2 .proshow-key-visual {
	padding:42px 0 0;
	background-position:70% top
}
.proshow-2 .proshow-key-visual::before {
	position:absolute;
	left:0;
	top:0;
	content:"";
	width:100%;
	height:100%;
	background:linear-gradient(90deg,rgba(0,0,0,0.78),rgba(0,0,0,0.28))
}
.proshow-2 .proshow-key-copy {
	position:relative;
	z-index:2;
	width:100%;
	min-width:0
}
.proshow-2 .proshow-key-copy h2 {
	font-size:38px
}
.proshow-2 .proshow-key-slogan {
	width:100%;
	max-width:420px;
	height:auto;
	min-height:48px;
	padding:8px 24px 8px 34px;
	font-size:14px
}
.proshow-2 .proshow-key-grid {
	grid-template-columns:1fr;
	width:100%
}
.proshow-2 .proshow-key-grid::before {
	display:none
}
.proshow-2 .proshow-key-item {
	width:100% !important;
	min-height:78px;
	border-bottom:1px solid rgba(255,255,255,0.38)
}
.proshow-2 .proshow-key-item::before {
	display:none
}
.proshow-2 .proshow-key-item:nth-child(2n) {
	padding-left:0;
	border-left:0
}
.proshow-2 .proshow-key-item img {
	width:56px;
	height:56px
}
.proshow-2 .proshow-key-item p {
	font-size:22px
}
.proshow-2 .proshow-key-bottom {
	position:relative;
	height:auto;
	margin-top:34px;
	padding:18px 0;
	background:var(--main-color) !important
}
.proshow-2 .proshow-key-bottom-inner {
	grid-template-columns:1fr;
	gap:14px
}
.proshow-2 .proshow-key-bottom-item {
	min-height:0;
	padding:0;
	border-right:0
}
.proshow-2 .proshow-key-bottom-item::after {
	display:none
}
}

.proshow-spec p{
	height:3.5625rem;
	padding:1rem 0;
	color:#242424;
	font-size:1.25rem;
}
@media (max-width: 1024px) {
    .proshow-spec p{
        font-size: 16px;
        line-height: 1.3;
    }
}
@media (max-width: 640px) {
    .proshow-spec p{
        font-size: 15px;
    }
}

.proshow-3 {
	position:relative;
	height:49.5rem;
	overflow:hidden;
	color:#fff
}
.proshow-3 .proshow-cable-inner {
	position:relative;
	height:100%
}
.proshow-3 .proshow-cable-title {
	position:absolute;
	top:4.375rem;
	left:50%;
	width:100%;
	transform:translateX(-50%);
	text-align:center;
	text-transform:uppercase
}
.proshow-3 .proshow-cable-title h2 {
	margin:0;
	color:#d70b0c;
	font-family:Oswald,sans-serif;
	font-size:4.375rem;
	font-weight:700;
	line-height:1.12;
	background:-webkit-linear-gradient(top,var(--main-color),#f41c1e);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.proshow-3 .proshow-cable-title h3 {
	margin:.625rem 0 0;
	color:#fff;
	font-family:Oswald,sans-serif;
	font-size:2.8125rem;
	font-weight:400;
	line-height:1.2;
	text-transform:none
}
.proshow-3 .proshow-cable-desc {
	z-index:9;
	position:absolute;
	left:0;
	bottom:2.1875rem;
	width:100%;
	margin:0;
	color:#fff;
	font-size:2.8125rem;
	font-weight:700;
	line-height:1.2;
	text-align:center;
	text-shadow:0 .125rem .3125rem rgba(0,0,0,0.85)
}
.proshow-3 .proshow-cable-desc span {
	margin:0 auto;
	max-width:68.75rem
}
.proshow-3 .proshow-cable-desc span {
	display:block
}
@media (max-width:1024px) {
	.proshow-3 {
	height:560px;
	border-top-width:1px;
	background-position:center top
}
.proshow-3 .proshow-cable-title {
	top:42px;
	padding:0 20px
}
.proshow-3 .proshow-cable-title h2 {
	font-size:46px;
	letter-spacing:1px
}
.proshow-3 .proshow-cable-title h3 {
	margin-top:8px;
	font-size:32px
}
.proshow-3 .proshow-cable-desc {
	bottom:30px;
	padding:0 24px;
	font-size:30px;
	line-height:1.35;
	text-shadow:0 2px 5px rgba(0,0,0,0.85)
}
}@media (max-width:640px) {
	.proshow-3 {
	height:500px;
	background-position:center top
}
.proshow-3::before {
	position:absolute;
	inset:0;
	content:"";
	background:linear-gradient(180deg,rgba(0,0,0,0.18),transparent 35%,transparent 68%,rgba(0,0,0,0.48))
}
.proshow-3 .proshow-cable-title {
	top:32px;
	padding:0 14px
}
.proshow-3 .proshow-cable-title h2 {
	font-size:32px;
	line-height:1.15
}
.proshow-3 .proshow-cable-title h3 {
	margin-top:7px;
	font-size:23px
}
.proshow-3 .proshow-cable-desc {
	bottom:24px;
	padding:0 16px;
	font-size:23px;
	line-height:1.3
}
}.proshow-4 {
	position:relative;
	height:48.125rem;
	overflow:hidden;
	color:#fff
}
.proshow-4 .proshow-power-inner {
	position:relative;
	height:100%
}
.proshow-4 .proshow-power-copy {
	position:absolute;
	top:5.75rem;
	left:0;
	width:40.625rem;
	font-style:italic
}
.proshow-4 .proshow-power-copy h2 {
	margin:0;
	font-size:4rem;
	font-weight:700;
	line-height:1.1
}
.proshow-4 .proshow-power-copy h2 span,.proshow-4 .proshow-power-copy h2 em {
	display:block
}
.proshow-4 .proshow-power-copy h2 span {
	color:#d4d4d8
}
.proshow-4 .proshow-power-copy h2 em {
	font-style:italic;
	background:-webkit-linear-gradient(top,var(--main-color),#f41c1e);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.proshow-4 .proshow-power-copy>h3 {
	display:flex;
	align-items:center;
	width:39.6875rem;
	height:3.375rem;
	margin:.5rem 0 0 -2.125rem;
	padding-left:3.625rem;
	background:linear-gradient(90deg,#f31b22 0%,#d90b0d 76%,#a70000 100%);
	clip-path:polygon(5% 0,100% 0,92% 100%,0 100%);
	color:#fff;
	font-size:2.25rem;
	font-weight:700;
	line-height:1;
	text-shadow:0 .125rem .1875rem rgba(0,0,0,0.35)
}
.proshow-4 .proshow-power-list {
	width:30.625rem;
	margin:2.625rem 0 0;
	padding:0;
	list-style:none
}
.proshow-4 .proshow-power-list li {
	position:relative;
	min-height:8.125rem;
	display:flex;
	align-items:flex-start;
	padding:1.1875rem 0 .75rem 5.375rem
}
.proshow-4 .proshow-power-list li::after {
	z-index:9;
	content:"";
	width:2.1875rem;
	height:.375rem;
	left:2.5rem;
	top:-0.25rem;
	position:absolute;
	background:#ec1018;
	clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)
}
.proshow-4 .proshow-power-list li::before {
	position:absolute;
	top:0;
	left:2.75rem;
	content:"";
	width:75%;
	height:1px;
	background:linear-gradient(90deg,rgba(255,255,255,0.75),rgba(255,255,255,0.2),rgba(255,255,255,0.05))
}
.proshow-4 .proshow-power-list li>strong {
	position:absolute;
	top:0;
	left:0;
	padding-right:.625rem;
	width:4.5rem;
	height:4.1875rem;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#ec1018;
	clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);
	color:#fff;
	font-size:3.25rem;
	font-weight:700;
	line-height:1;
	font-family:Oswald,sans-serif
}
.proshow-4 .proshow-power-list h4 {
	margin:0;
	color:#fff;
	font-size:1.5625rem;
	font-weight:700;
	line-height:1.15
}
.proshow-4 .proshow-power-list p {
	margin:.1875rem 0 0;
	color:#fff;
	font-size:1.125rem;
	font-weight:600;
	line-height:1.28
}
.proshow-4 .proshow-power-benefits {
	position:absolute;
	right:-12%;
	bottom:1rem;
	width:34.25rem;
	display:grid;
	grid-template-columns:repeat(4,1fr)
}
.proshow-4 .proshow-power-benefit {
	position:relative;
	min-height:7rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center
}
.proshow-4 .proshow-power-benefit:not(:last-child)::after {
	position:absolute;
	top:1.875rem;
	right:0;
	content:"";
	width:1px;
	height:4.3125rem;
	background:linear-gradient(to bottom,rgba(255,255,255,0.5),rgba(255,255,255,0.8),rgba(255,255,255,0.1))
}
.proshow-4 .proshow-power-benefit img {
	width:4rem;
	height:4rem;
	object-fit:contain
}
.proshow-4 .proshow-power-benefit p {
	margin:.4375rem 0 0;
	color:#fff;
	font-size:1.125rem;
	line-height:1.28
}
.proshow-4 .proshow-power-benefit span {
	display:block
}
@media (max-width:1024px) {
	.proshow-4 {
	height:680px;
	background-position:55% top
}
.proshow-4 .proshow-power-copy {
	top:55px;
	left:10px;
	width:500px
}
.proshow-4 .proshow-power-copy h2 {
	font-size:46px;
	letter-spacing:1px
}
.proshow-4 .proshow-power-copy>h3 {
	width:470px;
	height:46px;
	margin:7px 0 0 -20px;
	padding-left:42px;
	font-size:27px;
	text-shadow:0 2px 3px rgba(0,0,0,0.35)
}
.proshow-4 .proshow-power-list {
	width:405px;
	margin-top:30px
}
.proshow-4 .proshow-power-list li {
	min-height:108px;
	padding:16px 0 10px 72px
}
.proshow-4 .proshow-power-list li::after {
	display:none
}
.proshow-4 .proshow-power-list li::before {
	left:38px;
	width:365px
}
.proshow-4 .proshow-power-list li>strong {
	width:61px;
	height:57px;
	font-size:42px
}
.proshow-4 .proshow-power-list h4 {
	font-size:22px
}
.proshow-4 .proshow-power-list p {
	margin-top:3px;
	font-size:16px
}
.proshow-4 .proshow-power-benefits {
	right:8px;
	bottom:12px;
	width:500px
}
.proshow-4 .proshow-power-benefit {
	min-height:102px
}
.proshow-4 .proshow-power-benefit:not(:last-child)::after {
	top:25px;
	height:62px
}
.proshow-4 .proshow-power-benefit img {
	width:56px;
	height:56px
}
.proshow-4 .proshow-power-benefit p {
	margin-top:6px;
	font-size:14px
}
}@media (max-width:640px) {
	.proshow-4 {
	height:auto;
	min-height:760px;
	padding:34px 0 24px;
	background-position:62% top;
	background-size:auto 500px
}
.proshow-4::before {
	position:absolute;
	inset:0;
	content:"";
	background:linear-gradient(90deg,rgba(0,0,0,0.76),rgba(0,0,0,0.1)),linear-gradient(180deg,transparent 380px,#050505 590px)
}
.proshow-4 .proshow-power-inner {
	height:auto
}
.proshow-4 .proshow-power-copy {
	position:relative;
	top:auto;
	left:auto;
	width:100%
}
.proshow-4 .proshow-power-copy h2 {
	font-size:30px
}
.proshow-4 .proshow-power-copy>h3 {
	width:100%;
	height:auto;
	margin:8px 0 0;
	padding:10px 20px;
	font-size:18px
}
.proshow-4 .proshow-power-list {
	width:100%;
	max-width:390px;
	margin-top:28px
}
.proshow-4 .proshow-power-list li {
	min-height:105px;
	padding-left:70px
}
.proshow-4 .proshow-power-list li::before {
	left:34px;
	width:calc(100% - 34px)
}
.proshow-4 .proshow-power-list h4 {
	font-size:21px
}
.proshow-4 .proshow-power-list p {
	font-size:15px
}
.proshow-4 .proshow-power-benefits {
	position:relative;
	right:auto;
	bottom:auto;
	width:100%;
	margin-top:20px;
	padding:18px 8px 0;
	grid-template-columns:repeat(2,1fr);
	row-gap:20px;
	border-top:1px solid rgba(255,255,255,0.32)
}
.proshow-4 .proshow-power-benefit {
	min-height:96px
}
.proshow-4 .proshow-power-benefit:nth-child(2)::after {
	display:none
}
.proshow-4 .proshow-power-benefit:not(:last-child)::after {
	top:18px;
	height:58px
}
.proshow-4 .proshow-power-benefit img {
	width:54px;
	height:54px
}
.proshow-4 .proshow-power-benefit p {
	font-size:14px
}
}.proshow-5 {
	position:relative;
	height:49.25rem;
	overflow:hidden;
	color:#fff
}
.proshow-5 .proshow-weather-inner {
	position:relative;
	height:100%
}
.proshow-5 .proshow-weather-title {
	position:absolute;
	z-index:2;
	top:3.1875rem;
	left:50%;
	width:100%;
	transform:translateX(-50%);
	text-align:center
}
.proshow-5 .proshow-weather-title h2 {
	margin:0;
	letter-spacing:-2px;
	font-size:4.375rem;
	font-style:italic;
	font-weight:700;
	line-height:1.1;
	background:-webkit-linear-gradient(top,#fff,#cdc3c1);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.proshow-5 .proshow-weather-title p {
	letter-spacing:-1px;
	margin:0 auto;
	padding:.75rem;
	max-width:82.5rem;
	margin-top:.625rem;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-size:2.125rem;
	font-weight:700;
	line-height:1;
	background:linear-gradient(to right,rgba(0,0,0,0.01),#fb1520,#fb1520,#fb1520,rgba(255,255,255,0))
}
.proshow-5 .proshow-weather-benefits {
	position:absolute;
	z-index:2;
	left:50%;
	bottom:0;
	width:78rem;
	height:5rem;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	transform:translateX(-50%)
}
.proshow-5 .proshow-weather-benefit {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:.625rem;
	color:#fff
}
.proshow-5 .proshow-weather-benefit img {
	width:auto;
	max-width:3.75rem;
	object-fit:contain;
	flex:0 0 auto
}
.proshow-5 .proshow-weather-benefit p {
	margin:0;
	font-size:1.25rem;
	font-weight:400;
	line-height:1.22;
	white-space:nowrap
}
.proshow-5 .proshow-weather-benefit span {
	display:block
}
@media (max-width:1024px) {
	.proshow-5 {
	height:620px;
	background-position:center top
}
.proshow-5 .proshow-weather-title {
	top:36px;
	padding:0 18px
}
.proshow-5 .proshow-weather-title h2 {
	font-size:44px;
	letter-spacing:1px;
	text-shadow:0 4px 4px rgba(0,0,0,0.55)
}
.proshow-5 .proshow-weather-title p {
	height:48px;
	margin-top:7px;
	font-size:25px;
	text-shadow:0 2px 3px rgba(0,0,0,0.28)
}
.proshow-5 .proshow-weather-benefits {
	width:calc(100% - 28px);
	height:78px
}
.proshow-5 .proshow-weather-benefit {
	gap:10px
}
.proshow-5 .proshow-weather-benefit img {
	max-height:50px
}
.proshow-5 .proshow-weather-benefit p {
	font-size:14px;
	white-space:normal
}
}@media (max-width:640px) {
	.proshow-5 {
	height:650px;
	background-position:center top;
	background-size:auto 520px
}
.proshow-5::after {
	position:absolute;
	inset:0;
	content:"";
	background:linear-gradient(180deg,rgba(0,0,0,0.12),transparent 55%,#080b0d 82%)
}
.proshow-5 .proshow-weather-title {
	top:25px;
	padding:0 12px
}
.proshow-5 .proshow-weather-title h2 {
	font-size:32px;
	line-height:1.12
}
.proshow-5 .proshow-weather-title p {
	width:calc(100% - 12px);
	height:auto;
	min-height:44px;
	margin:9px auto 0;
	padding:5px 12px;
	background:rgba(235,10,19,0.86);
	font-size:19px;
	line-height:1.22
}
.proshow-5 .proshow-weather-benefits {
	bottom:12px;
	width:calc(100% - 24px);
	height:auto;
	padding-top:16px;
	grid-template-columns:repeat(2,1fr);
	row-gap:18px;
	border-top:1px solid rgba(255,255,255,0.28)
}
.proshow-5 .proshow-weather-benefit {
	min-height:65px;
	justify-content:flex-start;
	gap:10px;
	padding:0 6px
}
.proshow-5 .proshow-weather-benefit img {
	max-height:48px
}
.proshow-5 .proshow-weather-benefit p {
	font-size:13px;
	line-height:1.22
}
}.proshow-6 {
	position:relative;
	height:49.375rem;
	overflow:hidden;
	color:#fff
}
.proshow-6 .proshow-safety-inner {
	position:relative;
	height:100%
}
.proshow-6 .proshow-safety-main {
	position:absolute;
	top:10.875rem;
	left:61%;
	width:31.25rem;
	transform:translateX(-50%);
	text-align:center;
	font-style:italic
}
.proshow-6 .proshow-safety-main h2 {
	margin:0;
	font-size:5.375rem;
	font-weight:700;
	line-height:1.08;
	text-transform:uppercase
}
.proshow-6 .proshow-safety-main h2 span,.proshow-6 .proshow-safety-main h2 em {
	display:block;
	font-style:italic
}
.proshow-6 .proshow-safety-main h2 span {
	color:#e0080d;
	background:-webkit-linear-gradient(top,var(--main-color),#f41c1e);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.proshow-6 .proshow-safety-main h2 em {
	color:#fff
}
.proshow-6 .proshow-safety-slogan {
	width:32.5rem;
	height:3.75rem;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:2rem auto 0;
	padding:0 2.125rem;
	background:linear-gradient(90deg,#df171a,#ca1115);
	clip-path:polygon(4% 0,100% 0,93% 100%,0 100%);
	color:#fff;
	font-size:1.5rem;
	font-weight:400;
	letter-spacing:.125rem;
	white-space:nowrap;
	background:url(../images/proshow-line-2.png) no-repeat top center;
	background-size:auto;
	background-size:cover
}
.proshow-6 .proshow-safety-main h3 {
	position:relative;
	margin:3.625rem 0 0;
	padding:1rem 0 1.125rem;
	color:#fff;
	font-size:2.625rem;
	font-style:normal;
	font-weight:700;
	line-height:1.08;
	text-transform:uppercase
}
.proshow-6 .proshow-safety-main h3::before,.proshow-6 .proshow-safety-main h3::after {
	position:absolute;
	left:0;
	content:"";
	width:100%;
	height:.25rem;
	background:linear-gradient(90deg,transparent,#b20d0e 12%,#e01313 52%,#920708 88%,transparent)
}
.proshow-6 .proshow-safety-main h3::before {
	top:0
}
.proshow-6 .proshow-safety-main h3::after {
	bottom:0
}
.proshow-6 .proshow-safety-main h3 span {
	display:block
}
.proshow-6 .proshow-safety-list {
	position:absolute;
	top:12.6875rem;
	right:0;
	width:18.125rem;
	margin:0;
	padding:0;
	list-style:none;
	font-style:italic
}
.proshow-6 .proshow-safety-list li {
	position:relative;
	min-height:9.5625rem;
	padding-left:4.375rem
}
.proshow-6 .proshow-safety-list i {
	position:absolute;
	top:.1875rem;
	left:0;
	width:2.8125rem;
	height:2.8125rem;
	border-radius:50%
}
.proshow-6 .proshow-safety-list i img {
	max-height:2.8125rem
}
.proshow-6 .proshow-safety-list p {
	margin:0;
	color:#fff;
	font-size:1.5rem;
	font-weight:600;
	line-height:1.45
}
.proshow-6 .proshow-safety-list span {
	display:block
}
@media (max-width:1024px) {
	.proshow-6 {
	height:700px;
	background-position:46% top
}
.proshow-6 .proshow-safety-main {
	top:122px;
	left:52%;
	width:400px
}
.proshow-6 .proshow-safety-main h2 {
	font-size:60px;
	letter-spacing:1px
}
.proshow-6 .proshow-safety-slogan {
	width:390px;
	height:50px;
	margin-top:24px;
	padding:0 25px;
	font-size:18px;
	letter-spacing:1px
}
.proshow-6 .proshow-safety-main h3 {
	margin-top:45px;
	padding:14px 0 16px;
	font-size:33px
}
.proshow-6 .proshow-safety-main h3::before,.proshow-6 .proshow-safety-main h3::after {
	height:3px
}
.proshow-6 .proshow-safety-list {
	top:145px;
	right:12px;
	width:245px
}
.proshow-6 .proshow-safety-list li {
	min-height:130px;
	padding-left:40px
}
.proshow-6 .proshow-safety-list p {
	font-size:19px
}
}@media (max-width:640px) {
	.proshow-6 {
	height:auto;
	min-height:520px;
	padding:50px 0;
	background-position:38% top;
	background-size:auto 520px
}
.proshow-6::after {
	position:absolute;
	inset:0;
	content:"";
	background:linear-gradient(90deg,rgba(0,0,0,0.25),rgba(0,0,0,0.68)),linear-gradient(180deg,transparent 260px,rgba(6,8,8,0.72) 440px,#070909 620px)
}
.proshow-6 .proshow-safety-inner {
	z-index:2;
	height:auto
}
.proshow-6 .proshow-safety-main {
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	transform:none
}
.proshow-6 .proshow-safety-main h2 {
	font-size:43px
}
.proshow-6 .proshow-safety-slogan {
	width:100%;
	max-width:390px;
	height:auto;
	min-height:47px;
	margin-top:22px;
	padding:7px 22px;
	font-size:15px;
	white-space:normal
}
.proshow-6 .proshow-safety-main h3 {
	margin-top:36px;
	padding:13px 0 15px;
	font-size:24px
}
.proshow-6 .proshow-safety-list {
	position:relative;
	top:auto;
	right:auto;
	width:100%;
	max-width:390px;
	margin:38px auto 0
}
.proshow-6 .proshow-safety-list li {
	min-height:92px
}
.proshow-6 .proshow-safety-list p {
	font-size:18px;
	line-height:1.35
}
.proshow-6 .proshow-safety-list span {
	display:inline
}
.proshow-6 .proshow-safety-list span:not(:last-child)::after {
	content:" "
}
}.proshow-7 {
	position:relative;
	height:49.375rem;
	overflow:hidden;
	background:#151515 url(../images/probg-6.jpg) center top / cover no-repeat;
	color:#fff
}
.proshow-7 .proshow-universal-inner,.proshow-7 .proshow-universal-vehicles {
	position:relative;
	height:100%
}
.proshow-7 .proshow-universal-vehicles {
	position:absolute;
	inset:0
}
.proshow-7 .proshow-universal-vehicle {
	position:absolute;
	width:15rem;
	height:15rem
}
.proshow-7 .proshow-universal-vehicle img {
	display:block;
	width:100%;
	height:100%;
	object-fit:contain
}
.proshow-7 .proshow-universal-vehicle strong {
	position:absolute;
	z-index:2;
	color:#fff;
	font-family:Arial,sans-serif;
	font-size:1.8125rem;
	font-style:italic;
	font-weight:700;
	line-height:1.12;
	text-shadow:0 .125rem .25rem rgba(0,0,0,0.55)
}
.proshow-7 .proshow-universal-van {
	top:2.5rem;
	left:80%
}
.proshow-7 .proshow-universal-van strong {
	top:.3125rem;
	left:-3rem
}
.proshow-7 .proshow-universal-pickup {
	top:4.5rem;
	left:52.5%
}
.proshow-7 .proshow-universal-pickup strong {
	top:1.125rem;
	left:-6rem
}
.proshow-7 .proshow-universal-sedan {
	top:16.125rem;
	left:32.5%
}
.proshow-7 .proshow-universal-sedan strong {
	top:4.5625rem;
	left:-5.5rem
}
.proshow-7 .proshow-universal-suv {
	top:32.8125rem;
	left:13.5%
}
.proshow-7 .proshow-universal-suv strong {
	top:1.6875rem;
	left:-2.8125rem
}
.proshow-7 .proshow-universal-product {
	position:absolute;
	z-index:2;
	top:20.625rem;
	left:47.5%;
	width:26.25rem;
	height:26.25rem;
	object-fit:contain
}
.proshow-7 .proshow-universal-copy {
	position:absolute;
	z-index:2;
	top:20.0625rem;
	left:75%;
	width:26.875rem;
	font-style:italic
}
.proshow-7 .proshow-universal-copy h2 {
	margin:0;
	font-size:3.3125rem;
	line-height:.9;
	font-style:normal;
	font-weight:700;
	text-transform:uppercase;
	background:-webkit-linear-gradient(top,var(--main-color),#f41c1e);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.proshow-7 .proshow-universal-copy h2 span,.proshow-7 .proshow-universal-copy p span {
	display:block
}
.proshow-7 .proshow-universal-copy p {
	margin:1.25rem 0 0;
	color:#fff;
	font-size:2.125rem;
	font-weight:700;
	line-height:1.6
}
@media (max-width:1024px) {
	.proshow-7 {
	height:720px;
	background-position:center top
}
.proshow-7 .proshow-universal-vehicle {
	width:150px;
	height:150px
}
.proshow-7 .proshow-universal-vehicle strong {
	font-size:20px;
	text-shadow:0 2px 4px rgba(0,0,0,0.55)
}
.proshow-7 .proshow-universal-van {
	top:24px;
	left:auto;
	right:5px
}
.proshow-7 .proshow-universal-van strong {
	top:5px;
	left:-34px
}
.proshow-7 .proshow-universal-pickup {
	top:62px;
	left:53%
}
.proshow-7 .proshow-universal-pickup strong {
	top:12px;
	left:-65px
}
.proshow-7 .proshow-universal-sedan {
	top:235px;
	left:34%
}
.proshow-7 .proshow-universal-sedan strong {
	top:48px;
	left:-58px
}
.proshow-7 .proshow-universal-suv {
	top:465px;
	left:10%
}
.proshow-7 .proshow-universal-suv strong {
	top:20px;
	left:-30px
}
.proshow-7 .proshow-universal-product {
	top:330px;
	left:43%;
	width:280px;
	height:280px
}
.proshow-7 .proshow-universal-copy {
	top:300px;
	left:71%;
	width:285px
}
.proshow-7 .proshow-universal-copy h2 {
	font-size:35px;
	letter-spacing:1px
}
.proshow-7 .proshow-universal-copy p {
	margin-top:22px;
	font-size:23px;
	line-height:1.55;
	text-shadow:0 2px 4px rgba(0,0,0,0.4)
}
}@media (max-width:640px) {
	.proshow-7 {
	height:auto;
	min-height:1060px;
	padding:220px 12px 30px;
	background-position:left top;
	background-size:auto 520px
}
.proshow-7::after {
	position:absolute;
	inset:0;
	content:"";
	background:linear-gradient(180deg,transparent 260px,rgba(12,12,12,0.38) 430px,#111 700px)
}
.proshow-7 .proshow-universal-inner {
	z-index:2;
	height:auto
}
.proshow-7 .proshow-universal-vehicles {
	position:relative;
	inset:auto;
	height:auto;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:12px 8px
}
.proshow-7 .proshow-universal-vehicle,.proshow-7 .proshow-universal-van,.proshow-7 .proshow-universal-pickup,.proshow-7 .proshow-universal-sedan,.proshow-7 .proshow-universal-suv {
	position:relative;
	top:auto;
	right:auto;
	left:auto;
	width:100%;
	height:auto;
	min-height:150px;
	display:flex;
	align-items:center;
	justify-content:center
}
.proshow-7 .proshow-universal-vehicle img {
	width:145px;
	height:145px
}
.proshow-7 .proshow-universal-vehicle strong,.proshow-7 .proshow-universal-van strong,.proshow-7 .proshow-universal-pickup strong,.proshow-7 .proshow-universal-sedan strong,.proshow-7 .proshow-universal-suv strong {
	top:8px;
	left:8px;
	font-size:18px
}
.proshow-7 .proshow-universal-product {
	position:relative;
	top:auto;
	left:auto;
	width:300px;
	height:300px;
	display:block;
	margin:-2px auto 0
}
.proshow-7 .proshow-universal-copy {
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	margin-top:0;
	text-align:center
}
.proshow-7 .proshow-universal-copy h2 {
	font-size:38px;
	line-height:.94
}
.proshow-7 .proshow-universal-copy p {
	margin-top:22px;
	font-size:24px;
	line-height:1.45
}
}.proshow-8 {
	position:relative;
	height:49.375rem;
	overflow:hidden;
	color:#fff
}
.proshow-8 .proshow-complete-inner {
	position:relative;
	height:100%
}
.proshow-8 .proshow-complete-copy {
	position:absolute;
	top:7.25rem;
	left:0;
	width:45rem
}
.proshow-8 .proshow-complete-copy h2 {
	margin:0;
	font-size:4.375rem;
	font-weight:700;
	line-height:1.14;
	letter-spacing:.0625rem;
	text-transform:uppercase
}
.proshow-8 .proshow-complete-copy h2 span,.proshow-8 .proshow-complete-copy h2 em {
	display:block
}
.proshow-8 .proshow-complete-copy h2 span {
	color:#df080b;
	background:-webkit-linear-gradient(top,var(--main-color),#f41c1e);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.proshow-8 .proshow-complete-copy h2 em {
	margin-top:.25rem;
	color:#d7d7db;
	font-style:normal;
	background:-webkit-linear-gradient(top left,#aaacb0,rgba(255,255,255,0.8),#aaacb0);
	background-clip:border-box;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.proshow-8 .proshow-complete-slogan {
	position:relative;
	width:30.3125rem;
	height:2.5rem;
	display:flex;
	align-items:center;
	margin:1.5rem 0 0 -0.3125rem;
	padding-left:1.625rem;
	border-left:.1875rem solid #ff151b;
	background:linear-gradient(90deg,#db191c,#ba1c1a,#ba1c1a);
	clip-path:polygon(0 0,100% 0,94% 100%,0 100%);
	color:#fff;
	font-size:1.625rem;
	font-weight:600;
	line-height:1
}
.proshow-8 .proshow-complete-slogan::before {
	top:0;
	left:0;
	position:absolute;
	content:"";
	width:100%;
	height:.1875rem;
	background:#ff151b;
	background:linear-gradient(to right,#ff151b,#ba1c1a)
}
.proshow-8 .proshow-complete-slogan::after {
	bottom:0;
	left:0;
	position:absolute;
	content:"";
	width:100%;
	height:.1875rem;
	background:#ff151b;
	background:linear-gradient(to right,#ff151b,#ba1c1a)
}
.proshow-8 .proshow-complete-safe {
	width:44.0625rem;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	margin-top:3rem
}
.proshow-8 .proshow-complete-safe-item {
	position:relative;
	min-height:5.125rem;
	display:flex;
	align-items:flex-start;
	gap:.875rem;
	padding:0 1.0625rem
}
.proshow-8 .proshow-complete-safe-item:first-child {
	padding-left:.25rem
}
.proshow-8 .proshow-complete-safe-item:not(:last-child)::after {
	position:absolute;
	top:.3125rem;
	right:0;
	content:"";
	width:1px;
	height:3.4375rem;
	background:rgba(255,255,255,0.65)
}
.proshow-8 .proshow-complete-safe-item img {
	width:auto;
	max-width:3.125rem;
	height:3rem;
	object-fit:contain;
	flex:0 0 auto
}
.proshow-8 .proshow-complete-safe-item p {
	margin:0;
	color:#fff;
	font-size:.875rem;
	font-style:italic;
	font-weight:600;
	line-height:1.35
}
.proshow-8 .proshow-complete-safe-item strong,.proshow-8 .proshow-complete-safe-item span {
	display:block
}
.proshow-8 .proshow-complete-safe-item strong {
	color:var(--main-color);
	font-size:1.5rem;
	font-style:normal;
	line-height:1
}
.proshow-8 .proshow-complete-kit {
	position:absolute;
	left:0;
	bottom:3.1875rem;
	width:56.5625rem
}
.proshow-8 .proshow-complete-kit h3 {
	position:relative;
	width:24.375rem;
	margin:0 auto .9375rem;
	color:#fff;
	font-family:Oswald,sans-serif;
	font-size:1.125rem;
	font-weight:600;
	line-height:1;
	text-align:center
}
.proshow-8 .proshow-complete-kit h3::before,.proshow-8 .proshow-complete-kit h3::after {
	position:absolute;
	top:50%;
	content:"";
	width:6.5625rem;
	height:1px;
	background:linear-gradient(to right,rgba(0,0,0,0.01),#fe1a00,#fe1a00)
}
.proshow-8 .proshow-complete-kit h3::before {
	left:0
}
.proshow-8 .proshow-complete-kit h3::after {
	right:0;
	background:linear-gradient(to left,rgba(0,0,0,0.01),#fe1a00,#fe1a00)
}
.proshow-8 .proshow-complete-cards {
	display:grid;
	grid-template-columns:repeat(5,10.6875rem);
	gap:.8125rem
}
.proshow-8 .proshow-complete-card {
	position:relative;
	height:10.125rem;
	overflow:hidden
}
.proshow-8 .proshow-complete-card>img {
	display:block;
	width:10.6875rem;
	height:7.5rem;
	object-fit:cover
}
.proshow-8 .proshow-complete-card p {
	position:absolute;
	left:0;
	bottom:0;
	width:10.6875rem;
	height:2.625rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin:0;
	padding:0 .8125rem 0 .625rem;
	background:url(../images/comple-bg.png) center / 100% 100% no-repeat;
	color:#fff;
	font-size:1rem;
	font-style:italic;
	font-weight:700;
	line-height:1.08
}
@media (max-width:1024px) {
	.proshow-8 {
	height:47.5rem;
	background-position:58% top
}
.proshow-8 .proshow-complete-copy {
	top:4.875rem;
	left:1.125rem;
	width:36.875rem
}
.proshow-8 .proshow-complete-copy h2 {
	font-size:3rem
}
.proshow-8 .proshow-complete-slogan {
	width:26.25rem;
	height:2.375rem;
	margin-top:1.125rem;
	padding-left:1.375rem;
	font-size:1.375rem
}
.proshow-8 .proshow-complete-safe {
	width:36.875rem;
	margin-top:2.375rem
}
.proshow-8 .proshow-complete-safe-item {
	gap:.5625rem;
	padding:0 .625rem
}
.proshow-8 .proshow-complete-safe-item img {
	max-width:2.5rem;
	height:2.625rem
}
.proshow-8 .proshow-complete-safe-item strong {
	font-size:1.25rem
}
.proshow-8 .proshow-complete-safe-item p {
	font-size:.75rem
}
.proshow-8 .proshow-complete-kit {
	left:1.125rem;
	bottom:2.5rem;
	width:43.75rem
}
.proshow-8 .proshow-complete-cards {
	grid-template-columns:repeat(5,8.25rem);
	gap:.625rem
}
.proshow-8 .proshow-complete-card {
	height:7.875rem
}
.proshow-8 .proshow-complete-card>img {
	width:8.25rem;
	height:5.8125rem
}
.proshow-8 .proshow-complete-card p {
	width:8.25rem;
	height:2.125rem;
	padding:.125rem .5rem 0 .8125rem;
	font-size:.6875rem
}
}@media (max-width:640px) {
	.proshow-8 {
	height:auto;
	min-height:70rem;
	padding:18.75rem .875rem 1.75rem;
	background-position:68% top;
	background-size:auto 32.5rem
}
.proshow-8::after {
	position:absolute;
	inset:0;
	content:"";
	background:linear-gradient(180deg,transparent 15.625rem,rgba(0,0,0,0.75) 30rem,#000 40.625rem)
}
.proshow-8 .proshow-complete-inner {
	z-index:2;
	height:auto
}
.proshow-8 .proshow-complete-copy {
	position:relative;
	top:auto;
	left:auto;
	width:100%
}
.proshow-8 .proshow-complete-copy h2 {
	font-size:2.375rem;
	line-height:1.08
}
.proshow-8 .proshow-complete-slogan {
	width:100%;
	height:auto;
	min-height:2.5rem;
	margin:1.125rem 0 0;
	padding:.4375rem 1.5rem;
	font-size:1.125rem
}
.proshow-8 .proshow-complete-safe {
	width:100%;
	grid-template-columns:repeat(2,1fr);
	gap:1.125rem 0;
	margin-top:1.875rem
}
.proshow-8 .proshow-complete-safe-item:nth-child(2)::after {
	display:none
}
.proshow-8 .proshow-complete-safe-item p {
	font-size:.8125rem
}
.proshow-8 .proshow-complete-kit {
	position:relative;
	left:auto;
	bottom:auto;
	width:100%;
	margin-top:2.125rem
}
.proshow-8 .proshow-complete-kit h3 {
	width:100%;
	max-width:21.875rem;
	margin-bottom:.75rem
}
.proshow-8 .proshow-complete-cards {
	grid-template-columns:repeat(2,minmax(0,10.6875rem));
	justify-content:center;
	gap:.875rem .75rem
}
.proshow-8 .proshow-complete-card,.proshow-8 .proshow-complete-card>img {
	width:100%
}
.proshow-8 .proshow-complete-card {
	height:10.125rem
}
.proshow-8 .proshow-complete-card>img {
	height:7.5rem
}
.proshow-8 .proshow-complete-card p {
	width:100%;
	height:2.625rem;
	font-size:.8125rem
}
}@media (max-width:1024px) {
	.proshow-8 {
	height:auto;
	min-height:0;
	padding:300px 24px 48px;
	overflow:hidden;
	background-position:62% top!important;
	background-size:auto 520px!important
}
.proshow-8::after {
	position:absolute;
	z-index:0;
	inset:0;
	content:"";
	background:linear-gradient(180deg,rgba(0,0,0,0.02) 180px,rgba(0,0,0,0.7) 420px,#050505 620px);
	pointer-events:none
}
.proshow-8 .proshow-complete-inner {
	position:relative;
	z-index:1;
	height:auto;
	max-width:900px;
	margin:0 auto
}
.proshow-8 .proshow-complete-copy {
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	padding:26px;
	border:1px solid rgba(255,255,255,0.16);
	border-radius:10px;
	background:rgba(5,7,9,0.76);
	box-shadow:0 10px 28px rgba(0,0,0,0.28);
	backdrop-filter:blur(5px)
}
.proshow-8 .proshow-complete-copy h2 {
	font-size:46px;
	line-height:1.08;
	letter-spacing:1px
}
.proshow-8 .proshow-complete-copy h2 em {
	margin-top:4px
}
.proshow-8 .proshow-complete-slogan {
	width:100%;
	max-width:520px;
	height:auto;
	min-height:42px;
	margin:18px 0 0;
	padding:8px 24px;
	border-left:3px solid #ff151b;
	font-size:20px;
	line-height:1.25
}
.proshow-8 .proshow-complete-safe {
	width:100%;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:12px;
	margin-top:28px
}
.proshow-8 .proshow-complete-safe-item,.proshow-8 .proshow-complete-safe-item:first-child {
	min-height:112px;
	padding:16px 12px;
	display:flex;
	align-items:center;
	gap:10px;
	border:1px solid rgba(255,255,255,0.12);
	border-radius:8px;
	background:rgba(255,255,255,0.05)
}
.proshow-8 .proshow-complete-safe-item:not(:last-child)::after {
	display:none
}
.proshow-8 .proshow-complete-safe-item img {
	max-width:42px;
	height:42px
}
.proshow-8 .proshow-complete-safe-item strong {
	font-size:20px
}
.proshow-8 .proshow-complete-safe-item p {
	font-size:12px;
	line-height:1.4
}
.proshow-8 .proshow-complete-kit {
	position:relative;
	left:auto;
	bottom:auto;
	width:100%;
	margin-top:30px;
	padding:24px;
	border:1px solid rgba(255,255,255,0.14);
	border-radius:10px;
	background:rgba(5,7,9,0.72)
}
.proshow-8 .proshow-complete-kit h3 {
	width:100%;
	max-width:390px;
	margin:0 auto 18px;
	font-size:18px
}
.proshow-8 .proshow-complete-kit h3::before,.proshow-8 .proshow-complete-kit h3::after {
	width:90px
}
.proshow-8 .proshow-complete-cards {
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:12px
}
.proshow-8 .proshow-complete-card {
	width:100%;
	height:auto;
	min-height:142px;
	border-radius:7px;
	background:#17191c
}
.proshow-8 .proshow-complete-card>img {
	width:100%;
	height:100px;
	object-fit:cover
}
.proshow-8 .proshow-complete-card p {
	position:relative;
	left:auto;
	bottom:auto;
	width:100%;
	height:42px;
	padding:5px 9px;
	font-size:12px;
	line-height:1.2
}
}@media (max-width:640px) {
	.proshow-8 {
	padding:270px 14px 34px;
	background-position:68% top!important;
	background-size:auto 460px!important
}
.proshow-8::after {
	background:linear-gradient(180deg,rgba(0,0,0,0.04) 150px,rgba(0,0,0,0.76) 360px,#050505 520px)
}
.proshow-8 .proshow-complete-copy {
	padding:22px 16px
}
.proshow-8 .proshow-complete-copy h2 {
	font-size:34px;
	line-height:1.1
}
.proshow-8 .proshow-complete-slogan {
	min-height:40px;
	padding:8px 10px;
	font-size:14px
}
.proshow-8 .proshow-complete-safe {
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
	margin-top:22px
}
.proshow-8 .proshow-complete-safe-item,.proshow-8 .proshow-complete-safe-item:first-child {
	min-height:104px;
	padding:14px 10px
}
.proshow-8 .proshow-complete-safe-item p {
	font-size:12px
}
.proshow-8 .proshow-complete-kit {
	margin-top:18px;
	padding:20px 14px
}
.proshow-8 .proshow-complete-kit h3 {
	max-width:320px;
	margin-bottom:14px;
	font-size:16px
}
.proshow-8 .proshow-complete-kit h3::before,.proshow-8 .proshow-complete-kit h3::after {
	width:68px
}
.proshow-8 .proshow-complete-cards {
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px
}
.proshow-8 .proshow-complete-card {
	min-height:152px
}
.proshow-8 .proshow-complete-card>img {
	height:108px
}
.proshow-8 .proshow-complete-card p {
	height:44px;
	font-size:12px
}
}.proshow-9 {
	position:relative;
	height:49.25rem;
	overflow:hidden;
	color:#fff
}
.proshow-9 .proshow-gift-inner {
	position:relative;
	height:100%
}
.proshow-9 .proshow-gift-copy {
	position:absolute;
	z-index:2;
	top:8.1875rem;
	left:0;
	width:45rem
}
.proshow-9 .proshow-gift-copy h2 {
	margin:0;
	font-size:4.375rem;
	font-weight:700;
	line-height:1.18;
	letter-spacing:.0625rem;
	text-transform:uppercase
}
.proshow-9 .proshow-gift-copy h2 span,.proshow-9 .proshow-gift-copy h2 em,.proshow-9 .proshow-gift-copy p span {
	display:block
}
.proshow-9 .proshow-gift-copy h2 span {
	color:#dd070a;
	background:-webkit-linear-gradient(top,var(--main-color),#f41c1e);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.proshow-9 .proshow-gift-copy h2 em {
	margin-top:.25rem;
	color:#d7d7db;
	font-style:normal;
	background:-webkit-linear-gradient(top left,#aaacb0,rgba(255,255,255,0.8),#aaacb0);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.proshow-9 .proshow-gift-copy p {
	margin:4.875rem 0 0;
	color:#fff;
	font-size:3.3125rem;
	font-weight:600;
	line-height:1.5
}
.proshow-9 .proshow-gift-logo {
	position:absolute;
	z-index:2;
	left:0;
	bottom:4.25rem;
	width:19.625rem;
	height:6.25rem;
	object-fit:contain
}
@media (max-width:1024px) {
	.proshow-9 {
	height:40.625rem;
	background-position:56% top
}
.proshow-9 .proshow-gift-copy {
	top:5.125rem;
	left:1.5rem;
	width:35rem
}
.proshow-9 .proshow-gift-copy h2 {
	font-size:3.125rem
}
.proshow-9 .proshow-gift-copy p {
	margin-top:3.4375rem;
	font-size:2.1875rem;
	line-height:1.55
}
.proshow-9 .proshow-gift-logo {
	left:1.125rem;
	bottom:2.8125rem;
	width:15.3125rem;
	height:auto
}
}@media (max-width:640px) {
	.proshow-9 {
	height:43.75rem;
	background-position:62% top;
	background-size:auto 43.75rem
}
.proshow-9::after {
	position:absolute;
	inset:0;
	content:"";
	background:linear-gradient(90deg,rgba(41,14,4,0.82),rgba(41,14,4,0.12) 75%),linear-gradient(180deg,transparent 55%,rgba(35,12,4,0.68))
}
.proshow-9 .proshow-gift-copy {
	top:3.625rem;
	left:1rem;
	width:calc(100% - 32rem/16)
}
.proshow-9 .proshow-gift-copy h2 {
	font-size:2.625rem;
	line-height:1.12
}
.proshow-9 .proshow-gift-copy p {
	margin-top:3rem;
	font-size:1.8125rem;
	line-height:1.45
}
.proshow-9 .proshow-gift-logo {
	left:1rem;
	bottom:1.875rem;
	width:13.75rem
}
}@media (max-width:1024px) {
	.proshow-9 {
	height:540px;
	overflow:hidden;
	background-position:58% top!important;
	background-size:cover!important
}
.proshow-9::after {
	position:absolute;
	z-index:0;
	inset:0;
	content:"";
	background:linear-gradient(90deg,rgba(31,10,3,0.82) 0%,rgba(31,10,3,0.56) 48%,rgba(31,10,3,0.08) 82%),linear-gradient(180deg,rgba(0,0,0,0.08),rgba(18,6,2,0.55));
	pointer-events:none
}
.proshow-9 .proshow-gift-inner {
	position:relative;
	z-index:1;
	height:100%;
	padding:50px 24px 30px
}
.proshow-9 .proshow-gift-copy {
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	max-width:540px;
	padding:24px 26px;
	border:1px solid rgba(255,255,255,0.14);
	border-radius:10px;
	background:rgba(42,15,6,0.42);
	box-shadow:0 10px 28px rgba(0,0,0,0.2);
	backdrop-filter:blur(4px)
}
.proshow-9 .proshow-gift-copy h2 {
	font-size:50px;
	line-height:1.12;
	letter-spacing:1px
}
.proshow-9 .proshow-gift-copy h2 em {
	margin-top:4px
}
.proshow-9 .proshow-gift-copy p {
	margin-top:22px;
	font-size:28px;
	line-height:1.4;
	text-shadow:0 2px 5px rgba(0,0,0,0.45)
}
.proshow-9 .proshow-gift-logo {
	left:24px;
	bottom:28px;
	width:210px;
	height:auto
}
}@media (max-width:640px) {
	.proshow-9 {
	height:500px;
	background-position:64% top!important;
	background-size:auto 500px!important
}
.proshow-9::after {
	background:linear-gradient(90deg,rgba(35,12,4,0.86) 0%,rgba(35,12,4,0.56) 62%,rgba(35,12,4,0.12) 100%),linear-gradient(180deg,rgba(0,0,0,0.04),rgba(23,8,3,0.66))
}
.proshow-9 .proshow-gift-inner {
	padding:32px 14px 22px
}
.proshow-9 .proshow-gift-copy {
	width:100%;
	max-width:none;
	padding:16px;
	border-radius:8px
}
.proshow-9 .proshow-gift-copy h2 {
	font-size:32px;
	line-height:1.1
}
.proshow-9 .proshow-gift-copy p {
	margin-top:22px;
	font-size:21px;
	line-height:1.42
}
.proshow-9 .proshow-gift-logo {
	left:14px;
	bottom:18px;
	width:155px
}
}.proshow-10 {
	background:#fff;
	color:#151515
}
.proshow-10 .proshow-spec-inner {
	padding:6.5625rem 0
}

.proshow-10 .proshow-spec-inner>h2 {
	margin:0 0 1.875rem;
	color:#111;
	font-family:Oswald,sans-serif;
	font-size:3.5rem;
	font-weight:700;
	line-height:1.2;
	text-transform:uppercase
}
.proshow-10 .proshow-spec-table {
	width:100%;
	overflow-x:auto;
	scrollbar-color:#d20b0d #ececec;
	scrollbar-width:thin
}
.proshow-10 table {
	width:100%;
	border:1px solid #7d7d7d;
	border-collapse:collapse;
	table-layout:fixed;
	border-top:0
}
.proshow-10 thead {
	background:linear-gradient(180deg,#b00303 0%,#f31b1e 100%);
	color:#fff
}
.proshow-10 th {
	height:4.625rem;
	padding:1rem 1.125rem;
	border:0;
	font-size:2.125rem;
	font-weight:700;
	line-height:1.1;
	text-align:left;
	text-transform:uppercase;
	/*padding-left:6.25rem*/
}
.proshow-10 th:nth-child(1) {
	width:33%
}
/*.proshow-10 th:nth-child(2) {
	width:20%
}
.proshow-10 th:nth-child(3) {
	width:25%
}
.proshow-10 th:nth-child(4) {
	width:31%
}*/
.proshow-10 tbody tr {
	background:#f2f3f5
}
.proshow-10 tbody tr+tr {
	border-top:1px solid #858585
}
.proshow-10 td {
	height:3.5625rem;
	padding:1rem 1.125rem;
	/*padding-left:6.25rem;*/
	color:#242424;
	font-size:1.25rem;
	font-weight:400;
	line-height:1.2;
	text-align:left
}
.proshow-10 .proshow-spec-note {
	margin:1.6875rem 0 0;
	color:#171717;
	font-size:1.25rem;
	font-weight:700;
	line-height:1.4
}
@media (max-width:1024px) {
	.proshow-10 .proshow-spec-inner {
	padding:3.75rem 1.25rem 4.0625rem
}
.proshow-10 .proshow-spec-inner>h2 {
	margin-bottom:1.5rem;
	font-size:2.875rem
}
.proshow-10 table {
	min-width:47.5rem
}
.proshow-10 th {
	height:4rem;
	padding:0 .875rem;
	font-size:1.6875rem
}
.proshow-10 td {
	height:3.4375rem;
	padding:0 .875rem;
	font-size:1.0625rem
}
.proshow-10 .proshow-spec-note {
	margin-top:1.375rem;
	font-size:1rem
}
}@media (max-width:640px) {
	.proshow-10 .proshow-spec-inner {
	padding:2.625rem 0
}
.proshow-10 .proshow-spec-inner>h2 {
	font-size:2.375rem
}
.proshow-10 table {
	min-width:45rem
}
.proshow-10 th {
	height:3.625rem;
	font-size:1.4375rem
}
.proshow-10 td {
	height:3.25rem;
	font-size:1rem
}
.proshow-10 .proshow-spec-note {
	font-size:.875rem
}
}@media (max-width:1024px) {
	.proshow-10 .proshow-spec-inner {
	padding:52px 24px 58px
}
.proshow-10 .proshow-spec-inner>h2 {
	margin-bottom:22px;
	font-size:42px;
	line-height:1.15
}
.proshow-10 .proshow-spec-table {
	overflow-x:auto;
	border:1px solid #c7c7c7;
	border-radius:8px;
	background:#fff;
	box-shadow:0 8px 24px rgba(0,0,0,0.08);
	scrollbar-width:thin;
	scrollbar-color:var(--main-color) #e6e6e6;
	-webkit-overflow-scrolling:touch
}
.proshow-10 .proshow-spec-table::-webkit-scrollbar {
	height:7px
}
.proshow-10 .proshow-spec-table::-webkit-scrollbar-track {
	background:#e6e6e6
}
.proshow-10 .proshow-spec-table::-webkit-scrollbar-thumb {
	border-radius:4px;
	background:var(--main-color)
}
.proshow-10 table {
	min-width:760px;
	border:0
}
.proshow-10 th {
	height:58px;
	padding:0 16px;
	font-size:22px;
	line-height:1.15;
	white-space:nowrap
}
.proshow-10 td {
	height:52px;
	padding:0 16px;
	font-size:16px;
	line-height:1.3;
	white-space:nowrap
}
.proshow-10 th:first-child,.proshow-10 td:first-child {
	position:sticky;
	left:0;
	z-index:2;
	box-shadow:5px 0 10px rgba(0,0,0,0.08)
}
.proshow-10 th:first-child {
	z-index:3;
	background:linear-gradient(180deg,#b00303 0%,#f31b1e 100%)
}
.proshow-10 td:first-child {
	background:#f2f3f5
}
.proshow-10 .proshow-spec-note {
	margin-top:20px;
	font-size:15px;
	line-height:1.55
}
}@media (max-width:640px) {
	.proshow-10 .proshow-spec-inner {
	padding:40px 16px 46px
}
.proshow-10 .proshow-spec-inner>h2 {
	margin-bottom:18px;
	font-size:34px
}
.proshow-10 .proshow-spec-table {
	border-radius:6px
}
.proshow-10 table {
	min-width:680px
}
.proshow-10 th {
	height:54px;
	padding:0 13px;
	font-size:18px
}
.proshow-10 td {
	height:48px;
	padding:0 13px;
	font-size:15px
}
.proshow-10 .proshow-spec-note {
	margin-top:16px;
	font-size:13px;
	line-height:1.6
}
}.proshow-11 {
	position:relative;
	height:53.6875rem;
	overflow:hidden;
	color:#fff
}
.proshow-11::after {
	position:absolute;
	z-index:1;
	left:0;
	bottom:0;
	content:"";
	width:100%;
	height:18.375rem;
	background:linear-gradient(180deg,#ca0000,#f0171a)
}
.proshow-11 .proshow-review-marquee {
	position:relative;
	z-index:2;
	padding-top:5rem;
	overflow:hidden;
	font-family:Oswald,sans-serif;
	font-size:5.3125rem;
	font-style:italic;
	font-weight:700;
	line-height:1;
	text-transform:uppercase
}
.proshow-11 .proshow-review-marquee-row {
	width:100%;
	overflow:hidden
}
.proshow-11 .proshow-review-marquee-row+.proshow-review-marquee-row {
	margin-top:1.125rem
}
.proshow-11 .proshow-review-marquee-track {
	display:flex;
	width:max-content;
	will-change:transform
}
.proshow-11 .proshow-review-marquee-group {
	display:flex;
	align-items:center;
	gap:1.5rem;
	flex:0 0 auto;
	padding-right:5.625rem;
	white-space:nowrap
}
.proshow-11 .proshow-review-marquee span {
	color:#d51a1d
}
.proshow-11 .proshow-review-marquee .outline {
	color:transparent;
	-webkit-text-stroke:1px #d51a1d;
	text-stroke:.0625rem #d51a1d
}
.proshow-11 .proshow-review-marquee-left .proshow-review-marquee-track {
	animation:proshow-review-left 19s linear infinite
}
.proshow-11 .proshow-review-marquee-right .proshow-review-marquee-track {
	transform:translateX(-50%);
	animation:proshow-review-right 21s linear infinite
}
.proshow-11 .proshow-review-slider {
	z-index:9;
	position:relative
}
.proshow-11 .proshow-review-swiper {
	overflow:hidden;
	padding-top:6.25rem
}
.proshow-11 .proshow-review-swiper .swiper-slide {
	height:23.3125rem
}
.proshow-11 .proshow-review-card {
	position:relative;
	isolation:isolate;
	height:100%;
	padding:2.4375rem 3.4375rem 2.125rem 3.875rem;
	overflow:visible;
	background:transparent;
	color:#262626
}
.proshow-11 .proshow-review-card::after {
	position:absolute;
	z-index:-1;
	inset:0;
	content:"";
	background:#fff;
	clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)
}
.proshow-11 .proshow-review-card::before {
	position:absolute;
	top:0;
	left:5.8%;
	content:"";
	width:94.2%;
	height:.25rem;
	background:#d51a1d
}
.proshow-11 .proshow-review-quote {
	position:absolute;
	z-index:2;
	top:-2.75rem;
	right:2.5rem;
	width:6.25rem;
	height:6.25rem;
	object-fit:contain
}
.proshow-11 .proshow-review-card header {
	position:relative;
	display:flex;
	align-items:center;
	min-height:5.125rem;
	padding-right:10.9375rem
}
.proshow-11 .proshow-review-avatar {
	width:5.125rem;
	height:5.125rem;
	margin-right:.75rem;
	border:.125rem solid #d8aa00;
	border-radius:50%;
	object-fit:cover;
	flex:0 0 auto
}
.proshow-11 .proshow-review-card header h3 {
	margin:0;
	color:#151b21;
	font-size:1.3125rem;
	font-weight:600;
	line-height:1.22
}
.proshow-11 .proshow-review-card header p {
	margin:.1875rem 0 0;
	color:#d0181b;
	font-size:1.25rem;
	font-weight:500;
	line-height:1.2
}
.proshow-11 .proshow-review-stars {
	position:absolute;
	top:.9375rem;
	right:0;
	font-weight:700;
	color:var(--main-color);
	font-size:1.875rem;
	line-height:1;
	letter-spacing:.125rem;
	white-space:nowrap
}
.proshow-11 .proshow-review-card>h4 {
	margin:1.25rem 0 0;
	color:#282828;
	font-size:1.25rem;
	font-weight:600;
	line-height:1.6
}
.proshow-11 .proshow-review-card.is-red>h4 {
	color:#cd171a
}
.proshow-11 .proshow-review-text {
	margin:.8125rem 0 0;
	color:#3a3a3a;
	font-weight:400
}
@media (min-width:1025px) {
	.proshow-11 .proshow-review-card>div {
	position:relative;
	display:flex;
	align-items:center;
	min-height:5.125rem;
	padding-right:10.9375rem
}
.proshow-11 .proshow-review-card>div>div:not(.proshow-review-stars) {
	min-width:0
}
.proshow-11 .proshow-review-card>div h3 {
	margin:0;
	color:#151b21;
	font-size:1.3125rem;
	font-weight:600;
	line-height:1.22
}
.proshow-11 .proshow-review-card>div p {
	margin:.1875rem 0 0;
	color:#d0181b;
	font-size:1.25rem;
	font-weight:500;
	line-height:1.2
}
}@keyframes proshow-review-left {
	from {
	transform:translateX(0)
}
to {
	transform:translateX(-50%)
}
}@keyframes proshow-review-right {
	from {
	transform:translateX(-50%)
}
to {
	transform:translateX(0)
}
}@media (max-width:1024px) {
	.proshow-11 {
	height:690px
}
.proshow-11::after {
	height:250px
}
.proshow-11 .proshow-review-marquee {
	padding-top:48px;
	font-size:48px
}
.proshow-11 .proshow-review-marquee-row+.proshow-review-marquee-row {
	margin-top:12px
}
.proshow-11 .proshow-review-marquee-group {
	gap:16px;
	padding-right:56px
}
.proshow-11 .proshow-review-slider {
	padding:0 24px
}
.proshow-11 .proshow-review-swiper {
	padding-top:72px
}
.proshow-11 .proshow-review-swiper .swiper-wrapper {
	align-items:stretch
}
.proshow-11 .proshow-review-swiper .swiper-slide {
	height:auto
}
.proshow-11 .proshow-review-card {
	padding:34px 38px 28px 44px
}
.proshow-11 .proshow-review-quote {
	top:-30px;
	right:28px;
	width:76px;
	height:76px
}
.proshow-11 .proshow-review-card header {
	min-height:72px;
	padding-right:140px
}
.proshow-11 .proshow-review-avatar {
	width:68px;
	height:68px;
	margin-right:12px;
	border-width:2px
}
.proshow-11 .proshow-review-card header h3 {
	font-size:18px
}
.proshow-11 .proshow-review-card header p {
	margin-top:3px;
	font-size:16px
}
.proshow-11 .proshow-review-stars {
	top:14px;
	font-size:24px;
	letter-spacing:2px
}
.proshow-11 .proshow-review-card>h4 {
	margin-top:18px;
	font-size:17px;
	line-height:1.5
}
.proshow-11 .proshow-review-text {
	margin-top:10px;
	font-size:14px;
	line-height:1.65
}
}@media (max-width:640px) {
	.proshow-11 {
	height:620px
}
.proshow-11::after {
	height:250px
}
.proshow-11 .proshow-review-marquee {
	padding-top:32px;
	font-size:32px
}
.proshow-11 .proshow-review-marquee-row+.proshow-review-marquee-row {
	margin-top:8px
}
.proshow-11 .proshow-review-marquee-group {
	gap:12px;
	padding-right:36px
}
.proshow-11 .proshow-review-slider {
	padding:0 14px
}
.proshow-11 .proshow-review-swiper {
	padding-top:56px
}
.proshow-11 .proshow-review-swiper .swiper-slide {
	height:auto
}
.proshow-11 .proshow-review-card {
	padding:36px 24px 22px 30px
}
.proshow-11 .proshow-review-card::after {
	clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)
}
.proshow-11 .proshow-review-quote {
	top:-26px;
	right:18px;
	width:64px;
	height:64px
}
.proshow-11 .proshow-review-card header {
	min-height:58px;
	padding-right:0;
	flex-wrap:wrap
}
.proshow-11 .proshow-review-avatar {
	width:58px;
	height:58px;
	margin-right:10px
}
.proshow-11 .proshow-review-card header h3 {
	font-size:16px
}
.proshow-11 .proshow-review-card header p {
	font-size:14px
}
.proshow-11 .proshow-review-stars {
	position:static;
	width:100%;
	margin:12px 0 0;
	font-size:20px
}
.proshow-11 .proshow-review-card>h4 {
	margin-top:16px;
	font-size:15px;
	line-height:1.45
}
.proshow-11 .proshow-review-text {
	margin-top:9px;
	font-size:13px;
	line-height:1.6
}
}@media (prefers-reduced-motion:reduce) {
	.proshow-11 .proshow-review-marquee-track {
	animation-play-state:paused
}
}.proshow-12 {
	min-height:54.125rem;
	background:#d7d8d9 url(../images/probg-10.jpg) center top / cover no-repeat;
	color:#151515
}
.proshow-12 .proshow-faq-inner {
	display:grid;
	grid-template-columns:35.3125rem minmax(0,1fr);
	align-items:start;
	padding:6.25rem 2.5rem 7.4375rem
}
.proshow-12 .proshow-faq-heading {
	position:sticky;
	top:6.875rem;
	width:31.25rem;
	padding-top:2.0625rem;
	font-family:Oswald,sans-serif
}
.proshow-12 .proshow-faq-heading h2 {
	margin:0;
	color:#111;
	font-size:3.5rem;
	font-weight:700;
	line-height:1.25;
	text-transform:uppercase
}
.proshow-12 .proshow-faq-heading h2 span {
	display:block
}
.proshow-12 .proshow-faq-brand {
	position:relative;
	display:inline-block;
	margin-top:.9375rem;
	color:#a90000;
	font-size:4rem;
	font-weight:900;
	line-height:1
}
.proshow-12 .proshow-faq-brand img {
	max-height:3.125rem
}
.proshow-12 .proshow-faq-list {
	display:flex;
	flex-direction:column;
	gap:1.125rem
}
.proshow-12 .proshow-faq-item {
	overflow:hidden;
	border-radius:.5625rem;
	background:#fff;
	box-shadow:0 .0625rem .0625rem rgba(0,0,0,0.03)
}
.proshow-12 .proshow-faq-question {
	width:100%;
	min-height:6.375rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1.5rem;
	padding:1.25rem 3.1875rem 1.25rem 1.4375rem;
	border:0;
	background:transparent;
	color:#171717;
	font-size:1.5rem;
	line-height:1.3;
	text-align:left;
	cursor:pointer;
	font-weight:500;
	text-shadow:0 0 1px #111;
	transition:min-height .4s ease,padding .4s ease
}
.proshow-12 .proshow-faq-question i {
	position:relative;
	width:1.25rem;
	height:1.25rem;
	flex:0 0 auto;
	background:url(../images/jt-1.png) no-repeat center center;
	background-size:cover
}
.proshow-12 .proshow-faq-answer {
	display:none;
	padding:0 5rem 1.4375rem 1.4375rem
}
.proshow-12 .proshow-faq-answer p {
	margin:0;
	color:#666;
	font-size:1rem;
	font-weight:400
}
.proshow-12 .proshow-faq-item.open .proshow-faq-question {
	min-height:5rem;
	padding-bottom:.625rem
}
.proshow-12 .proshow-faq-item.open .proshow-faq-question i {
	background:url(../images/jt-2.png) no-repeat center center;
	background-size:cover
}
.proshow-12 .proshow-faq-item.open .proshow-faq-answer {
	display:block
}
@media (max-width:1024px) {
	.proshow-12 {
	min-height:0;
	background-position:center top
}
.proshow-12 .proshow-faq-inner {
	display:block;
	padding:64px 28px 72px
}
.proshow-12 .proshow-faq-heading {
	position:relative;
	top:auto;
	width:100%;
	padding-top:0;
	margin-bottom:36px
}
.proshow-12 .proshow-faq-heading h2 {
	max-width:680px;
	font-size:44px;
	line-height:1.15
}
.proshow-12 .proshow-faq-brand {
	margin-top:14px;
	font-size:48px
}
.proshow-12 .proshow-faq-brand img {
	max-height:44px
}
.proshow-12 .proshow-faq-list {
	gap:14px
}
.proshow-12 .proshow-faq-item {
	border-radius:8px;
	box-shadow:0 5px 18px rgba(0,0,0,0.06)
}
.proshow-12 .proshow-faq-question {
	min-height:76px;
	gap:20px;
	padding:18px 24px;
	font-size:19px;
	line-height:1.4;
	text-shadow:none
}
.proshow-12 .proshow-faq-question i {
	width:20px;
	height:20px
}
.proshow-12 .proshow-faq-answer {
	padding:0 58px 22px 24px
}
.proshow-12 .proshow-faq-answer p {
	font-size:15px;
	line-height:1.7
}
.proshow-12 .proshow-faq-item.open .proshow-faq-question {
	min-height:66px;
	padding-bottom:10px
}
.proshow-12 .proshow-faq-item.open .proshow-faq-question i::before,.proshow-12 .proshow-faq-item.open .proshow-faq-question i::after {
	left:10px;
	top:3px;
	width:2px;
	height:19px
}
}@media (max-width:640px) {
	.proshow-12 .proshow-faq-inner {
	padding:44px 14px 52px
}
.proshow-12 .proshow-faq-heading {
	margin-bottom:28px
}
.proshow-12 .proshow-faq-heading h2 {
	font-size:34px;
	line-height:1.16
}
.proshow-12 .proshow-faq-brand {
	margin-top:12px
}
.proshow-12 .proshow-faq-brand img {
	max-height:36px
}
.proshow-12 .proshow-faq-list {
	gap:10px
}
.proshow-12 .proshow-faq-item {
	border-radius:7px
}
.proshow-12 .proshow-faq-question {
	min-height:68px;
	gap:14px;
	padding:15px 16px;
	font-size:16px;
	line-height:1.45
}
.proshow-12 .proshow-faq-answer {
	padding:0 46px 18px 16px
}
.proshow-12 .proshow-faq-answer p {
	font-size:13px;
	line-height:1.65
}
.proshow-12 .proshow-faq-item.open .proshow-faq-question {
	min-height:60px;
	padding-bottom:8px
}
}.product-xg {
	background:none
}
.product-xg .common-head {
	text-align:left
}
.common-banner-2 .care-banner-copy {
	position:absolute;
	inset:0;
	z-index:2;
	color:#fff;
	font-weight:900;
	font-style:italic;
	line-height:1;
	pointer-events:none;
}
.common-banner-2 .care-banner-copy span {
	position:absolute;
	display:block;
	white-space:nowrap;
}
.common-banner-2 .care-premium {
	top:6.5%;
	left:2.7%;
	font-size:5.65vw;
	letter-spacing:-.12vw;
	font-family:"Oswald";
	font-weight:700;
}
.common-banner-2 .care-slogan {
	font-family:"Oswald";
	top:13%;
	left:28%;
	font-size:1.15vw;
	transform:rotate(-10deg);
	font-weight:700;
}
.common-banner-2 .care-title {
	top:31%;
	left:2.3%;
	color:#ffc400;
	font-size:4.22vw;
	letter-spacing:-.12vw;
	font-family:"Oswald";
	font-weight:700;
}
.common-banner-2 .care-steps {
	top:54.5%;
	left:4.4%;
	font-size:1.82vw;
}
.common-banner-2 .care-steps b {
	color:#ffc400;
	font-style:normal;
}
.common-banner-2 .care-trusted {
	top:69.2%;
	left:6%;
	font-size:1.04vw;
	font-style:normal;
}
.common-banner-2 .care-item {
	top:89.2%;
	width:8.6%;
	font-size:.82vw;
	line-height:1.08;
	text-align:center;
	font-style:normal;
}
.common-banner-2 .care-item-1 {
	left:1.5%;
}
.common-banner-2 .care-item-2 {
	left:11%;
}
.common-banner-2 .care-item-3 {
	left:20%;
}
.common-banner-2 .care-item-4 {
	left:28%;
}
.common-banner-2 .care-complete {
	top:11%;
	left:86.5%;
	color:#ffc400;
	font-size:1.65vw;
	transform:rotate(-5deg);
	font-family:"Oswald";
	font-weight:700;
}
.common-banner-2 .care-inside {
	top:20%;
	left:86.5%;
	font-size:1.55vw;
	transform:rotate(-5deg);
	font-family:"Oswald";
	font-weight:700;
}
.common-banner-2 .electric-banner-copy {
	position:absolute;
	inset:0;
	z-index:2;
	color:#111;
	font-family:Arial,Helvetica,sans-serif;
	pointer-events:none;
}
.common-banner-2 .electric-title {
	position:absolute;
	top:6.5%;
	left:32.6%;
	margin:0;
	font-family:"Oswald",Impact,"Arial Narrow",sans-serif;
	font-size:3.18vw;
	line-height:.95;
	font-weight:700;
	letter-spacing:0;
}
.common-banner-2 .electric-title strong,.common-banner-2 .electric-title span {
	display:block;
}
.common-banner-2 .electric-title strong {
	color:#b20d0d;
	font-weight:700;
}
.common-banner-2 .electric-title span {
	color:#fff;
}
.common-banner-2 .electric-tagline {
	position:absolute;
	top:38.4%;
	left:32.3%;
	min-width:20.8%;
	padding:.42vw 2.5vw .42vw .62vw;
	color:#fff;
	background:#c41410;
	clip-path:polygon(0 0,100% 0,91% 100%,0 100%);
	font-family:"Oswald",Impact,"Arial Narrow",sans-serif;
	font-size:1.25vw;
	font-weight:700;
	font-style:italic;
	line-height:1;
	white-space:nowrap;
}
.common-banner-2 .electric-feature {
	position:absolute;
	left:58.55%;
	white-space:nowrap;
}
.common-banner-2 .electric-feature img {
	position:absolute;
	left:-3vw;
	top:-.12vw;
	display:flex;
	width:2.2vw;
	height:2.2vw;
	align-items:center;
	justify-content:center;
}
.common-banner-2 .electric-feature strong,.common-banner-2 .electric-feature span {
	display:block;
}
.common-banner-2 .electric-feature strong {
	font-size:1vw;
	line-height:1.2;
}
.common-banner-2 .electric-feature span {
	margin-top:.35vw;
	font-size:.86vw;
	line-height:1.2;
	font-weight:400;
}
.common-banner-2 .electric-feature-1 {
	top:8%;
}
.common-banner-2 .electric-feature-2 {
	top:23.6%;
}
.common-banner-2 .electric-feature-3 {
	top:39.2%;
}
.common-banner-2 .secure-banner-copy {
	position:absolute;
	inset:0;
	z-index:2;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	pointer-events:none;
}
.common-banner-2 .secure-title {
	position:absolute;
	top:9.8%;
	left:3.35%;
	margin:0;
	font-family:"Oswald",Impact,"Arial Narrow",sans-serif;
	font-size:4.25vw;
	line-height:1;
	font-weight:700;
	font-style:italic;
	letter-spacing:0;
}
.common-banner-2 .secure-title strong,.common-banner-2 .secure-title span {
	display:block;
}
.common-banner-2 .secure-title strong {
	color:#fff;
	font-weight:700;
}
.common-banner-2 .secure-title span {
	margin-top:.45vw;
	color:#ffc400;
	font-size:3.25vw;
}
.common-banner-2 .secure-subtitle {
	position:absolute;
	top:40.8%;
	left:3.35%;
	margin:0;
	padding-top:.65vw;
	width:37.5%;
	color:#fff;
	font-size:1.3vw;
	line-height:1.2;
	white-space:nowrap;
}
.common-banner-2 .secure-subtitle::before {
	content:"";
	width:100%;
	height:2px;
	display:inline-block;
	background:linear-gradient(to right,#ffffff,#ffbf2f,rgba(0,0,0,0.1));
}
.common-banner-2 .secure-points {
	position:absolute;
	top:64.2%;
	left:3%;
	display:flex;
	width:34.6%;
	justify-content:space-between;
}
.common-banner-2 .secure-point {
	width:7.8vw;
	color:#ffc400;
	font-size:.82vw;
	line-height:1.1;
	font-weight:700;
	text-align:center;
	white-space:nowrap;
}
.common-banner-2 .secure-point img {
	display:block;
	width:4.2vw;
	height:4.2vw;
	margin:0 auto 1vw;
	object-fit:contain;
}
@media (max-width:1024px) {
	.common-banner-2 .care-banner-copy span {
	display:none;
}
.common-banner-2 .care-banner-copy .care-title {
	top:50%;
	left:50%;
	width:90%;
	display:block;
	font-size:42px;
	letter-spacing:0;
	text-align:center;
	transform:translate(-50%,-50%);
	text-shadow:0 2px 10px rgba(0,0,0,.65);
}
.common-banner-2 .electric-tagline,.common-banner-2 .electric-feature,.common-banner-2 .secure-subtitle,.common-banner-2 .secure-points {
	display:none;
}
.common-banner-2 .electric-title,.common-banner-2 .secure-title {
	top:50%;
	left:50%;
	width:90%;
	font-size:42px;
	text-align:center;
	transform:translate(-50%,-50%);
	text-shadow:0 2px 10px rgba(0,0,0,.7);
}
}@media (max-width:640px) {
	.common-banner-2 .care-banner-copy .care-title,.common-banner-2 .electric-title,.common-banner-2 .secure-title {
	font-size:28px;
}
}.common-banner-2 .swiper-pagination-bullet {
	background:#fff;
	opacity:1;
}
.common-banner-2 .swiper-pagination-bullet-active {
	background:#b20d0d;
}
@media (min-width:769px) {
	.banner {
	width:100%;
	height:auto;
	aspect-ratio:1920 / 820;
}
.banner .swiper-slide .banner-thumbs {
	display:flex;
}
.banner .banner-thumb {
	cursor:default;
}
}.banner .care-home-copy {
	position:absolute;
	inset:0;
	z-index:2;
	width:100%;
	height:100%;
	color:#fff;
	font-weight:700;
	font-style:italic;
	line-height:1;
	pointer-events:none;
}
.banner .care-home-copy span {
	position:absolute;
	display:block;
	white-space:nowrap;
}
.banner .care-home-premium {
	top:16%;
	left:5.9%;
	font-size:7.45vw;
	font-family:"Oswald";
}
.banner .care-home-slogan {
	top:24.1%;
	left:41.5%;
	font-size:1.1vw;
	transform:rotate(-8deg);
}
.banner .care-home-title {
	top:33%;
	left:5.45%;
	color:#f3b502;
	font-size:5.45vw;
	font-family:"Oswald";
}
.banner .care-home-steps {
	top:49.2%;
	left:8.5%;
	font-size:2.1vw;
}
.banner .care-home-steps b {
	color:#f3b502;
	font-style:normal;
	display:inline-block;
	padding-left:0.6vw;
	padding-right:0.3vw;
}
.banner .care-home-trusted {
	top:60.8%;
	left:8%;
	display:flex !important;
	align-items:center;
	gap:1vw;
	font-size:1.88vw;
	font-style:normal;
	letter-spacing:.05em;
}
.banner .care-home-trusted img {
	max-height:4.6vw;
}
.banner .care-home-trusted img {
	width:2.4vw;
	height:2.4vw;
	flex:0 0 2.4vw;
	object-fit:contain;
}
.banner .care-home-complete {
	top:18.5%;
	left:87.75%;
	color:#f3b502;
	font-size:1.7vw;
	transform:rotate(-5deg);
	font-family:"Oswald";
}
.banner .care-home-inside {
	top:22.8%;
	left:87.8%;
	font-size:1.65vw;
	transform:rotate(-5deg);
	font-family:"Oswald";
}
.banner .care-home-item {
	top:74%;
	width:8.7%;
	font-size:.83vw;
	line-height:1.08;
	text-align:center;
	font-style:normal;
}
.banner .care-home-item::after {
	content:"";
	width:2px;
	height:80%;
	right:0;
	top:10%;
	position:absolute;
	background:linear-gradient(to bottom,rgba(255,255,255,0.6),rgba(255,255,255,0.6),rgba(255,255,255,0.3));
}
.banner .care-home-item img {
	display:block;
	width:3.65vw;
	height:3.125vw;
	margin:0 auto .55vw;
	object-fit:contain;
}
.banner .care-home-item-1 {
	left:5.8%;
}
.banner .care-home-item-2 {
	left:15%;
}
.banner .care-home-item-3 {
	left:25.5%;
	&::after {
	right:-2vw;
}
}.banner .care-home-item-4 {
	left:36%;
	&::after {
	display:none;
}
}.banner .electric-home-copy {
	position:absolute;
	inset:0;
	z-index:2;
	width:100%;
	height:100%;
	color:#111;
	font-family:Arial,Helvetica,sans-serif;
	pointer-events:none;
}
.banner .electric-home-title {
	position:absolute;
	top:24%;
	left:22.85%;
	margin:0;
	font-family:"Oswald",Impact,"Arial Narrow",sans-serif;
	font-size:4.35vw;
	font-weight:700;
	line-height:.95;
}
.banner .electric-home-title strong,.banner .electric-home-title span {
	display:block;
	white-space:nowrap;
}
.banner .electric-home-title strong {
	color:#b20d0d;
	font-weight:700;
}
.banner .electric-home-title span {
	color:#fff;
}
.banner .electric-home-tagline {
	position:absolute;
	top:46%;
	left:22.3%;
	min-width:27.1%;
	padding:.3vw 2.8vw .5vw .75vw;
	color:#fff;
	background:#b41208;
	clip-path:polygon(0 0,100% 0,92% 100%,0 100%);
	font-family:"Oswald",Impact,"Arial Narrow",sans-serif;
	font-size:1.56vw;
	font-weight:700;
	font-style:italic;
	line-height:1;
	white-space:nowrap;
}
.banner .electric-home-feature {
	position:absolute;
	left:57.25%;
	white-space:nowrap;
}
.banner .electric-home-feature img {
	position:absolute;
	top:-.1vw;
	left:-3.75vw;
	width:2.8vw;
	height:2.8vw;
	object-fit:contain;
}
.banner .electric-home-feature strong,.banner .electric-home-feature span {
	display:block;
}
.banner .electric-home-feature strong {
	font-size:1.3vw;
	line-height:1.1;
}
.banner .electric-home-feature span {
	margin-top:.55vw;
	font-size:1.12vw;
	line-height:1.15;
	font-weight:100;
}
.banner .electric-home-feature-1 {
	top:24.5%;
}
.banner .electric-home-feature-2 {
	top:34.8%;
}
.banner .electric-home-feature-3 {
	top:45.1%;
}
.banner .secure-home-copy {
	position:absolute;
	inset:0;
	z-index:2;
	width:100%;
	height:100%;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	pointer-events:none;
}
.banner .secure-home-title {
	position:absolute;
	top:23%;
	left:3.9%;
	margin:0;
	font-family:"Oswald",Impact,"Arial Narrow",sans-serif;
	font-size:4.4vw;
	font-weight:700;
	font-style:italic;
	line-height:.98;
}
.banner .secure-home-title strong,.banner .secure-home-title span {
	display:block;
	white-space:nowrap;
}
.banner .secure-home-title strong {
	color:#fff;
	font-weight:700;
}
.banner .secure-home-title span {
	margin-top:.55vw;
	color:#f3b502;
	font-size:3.45vw;
}
.banner .secure-home-subtitle {
	position:absolute;
	top:45.5%;
	left:3.9%;
	width:37%;
	margin:0;
	padding-top:.75vw;
	color:#fff;
	font-size:1.38vw;
	line-height:1.15;
	white-space:nowrap;
}
.banner .secure-home-subtitle::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:2px;
	background:linear-gradient(to right,#fff,#f3b502,rgba(243,181,2,0));
}
.banner .secure-home-points {
	position:absolute;
	top:53.4%;
	left:3.6%;
	display:flex;
	width:34.8%;
	justify-content:space-between;
}
.banner .secure-home-point {
	width:7.4vw;
	color:#f3b502;
	font-size:.82vw;
	line-height:1.1;
	font-weight:700;
	text-align:center;
	white-space:nowrap;
}
.banner .secure-home-point img {
	display:block;
	width:3.65vw;
	height:4.17vw;
	margin:0 auto .55vw;
	object-fit:contain;
}
.banner .secure-home-road {
	position:absolute;
	top:77.6%;
	left:3.9%;
	color:#080808;
	font-family:"Oswald",Impact,"Arial Narrow",sans-serif;
	font-size:1.75vw;
	font-weight:700;
	font-style:italic;
	line-height:1;
	white-space:nowrap;
}
@media (max-width:768px) {
	.banner .care-home-copy,.banner .electric-home-copy,.banner .secure-home-copy {
	display:block;
}
.banner .care-home-copy > *,.banner .electric-home-copy > *,.banner .secure-home-copy > * {
	display:none !important;
}
.banner .care-home-copy .care-home-title,.banner .electric-home-copy .electric-home-title,.banner .secure-home-copy .secure-home-title {
	top:50%;
	left:50%;
	display:block !important;
	width:92%;
	margin:0;
	font-size:38px;
	line-height:1;
	text-align:center;
	transform:translate(-50%,-50%);
	text-shadow:0 2px 8px rgba(0,0,0,.72);
}
.banner .secure-home-copy .secure-home-title span {
	margin-top:8px;
	font-size:32px;
}
}@media (max-width:480px) {
	.banner .care-home-copy .care-home-title,.banner .electric-home-copy .electric-home-title,.banner .secure-home-copy .secure-home-title {
	font-size:28px;
}
.banner .secure-home-copy .secure-home-title span {
	font-size:24px;
}
}.about-history .swiper-button-next,.about-history .swiper-button-prev {
	color:#fff;
}
.about-history .swiper-button-prev {
	left:-50px;
}
.about-history .swiper-button-next {
	right:-50px;
}
.common-nav .listNav>li>.child>.list>li {
	position:relative;
}
.common-nav .listNav>li>.child>.list>li .list2 {
	position:absolute;
	left:100%;
	top:0;
	padding:1.875rem 1.875rem;
	background:rgba(255,255,255,0.95);
	box-shadow:0 0 1.25rem rgba(0,0,0,0.05);
	width:100%;
	display:none;
}
.common-nav .listNav>li>.child>.list>li:hover .list2 {
	display:block;
}
.about-pic {
	position:relative;
}
.about-pic .about-play {
	z-index:2;
	width:5.625rem;
	height:5.625rem;
	border-radius:50%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
}
.about-pic .about-play:after {
	content:"";
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:-1;
	position:absolute;
	background:rgba(255,255,255,0.6);
	border-radius:50%;
	animation:aboutPlayHalo 2.2s ease-out infinite;
}
.about-pic .about-play img {
	max-height:3.75rem;
}
@keyframes aboutPlayHalo {
	0% {
	opacity:.75;
	transform:scale(.85)
}
75%,100% {
	opacity:0;
	transform:scale(2)
}
}.videoWindow {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,0.8);
	z-index:1000000;
	display:none
}
.videoWindow video {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:auto;
	transform:translateX(-50%) translateY(-50%);
	max-height:100%;
	max-width:100%;
	object-fit:cover
}
.videoWindow i {
	z-index:99;
	display:block;
	position:absolute;
	top:3rem;
	right:3rem;
	width:2.5rem;
	height:2.5rem;
	background:url(../images/onlineClose.png) no-repeat center center;
	background-size:contain;
	cursor:pointer
}