.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 .box,.banner .pc {
	height:100%
}
.banner .pc img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center
}
.banner .box::after {
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	pointer-events:none;
	background:linear-gradient(90deg,rgba(5,55,119,0.34) 0%,rgba(5,55,119,0.08) 54%,rgba(0,16,33,0.08) 100%)
}
.banner .text {
	top:47.5%
}
.banner .banner-copy h1,.banner .banner-copy h2 {
	margin:0;
	font-size:3.625rem;
	line-height:1.13;
	letter-spacing:-0.0625rem;
	font-weight:600;
	color:#fff
}
.banner .banner-copy p {
	max-width:51.25rem;
	margin-top:2.125rem;
	font-size:1.125rem;
	line-height:1.55;
	color:#fff
}
.banner .banner-more {
	margin-top:3rem
}
.banner .banner-control {
	position:absolute;
	left:50%;
	bottom:4.6875rem;
	z-index:12;
	transform:translateX(-50%)
}
.banner .banner-tabs {
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
}
.banner .banner-tabs a {
	min-width:0;
	display:flex;
	align-items:center;
	gap:.625rem;
	color:#fff;
	font-size:1.125rem;
	line-height:1.625rem;
	white-space:nowrap;
	transition:font-weight .3s ease,opacity .3s ease
}
.banner .banner-tabs a b {
	font-weight:400
}
.banner .banner-tabs a.active {
	font-weight:600;
	opacity:1
}
.banner .banner-tabs a.active b {
	font-weight:600
}
.banner .banner-progress {
	width:calc(100% - 65rem/16);
	height:2px;
	margin-top:.8125rem;
	position:relative;
	overflow:hidden;
	background:rgba(255,255,255,0.38)
}
.banner .banner-progress i {
	width:25%;
	max-width:100%;
	height:2px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	background:#216795;
	transition:width .7s ease
}
.banner .banner-toggle {
	width:2.375rem;
	height:2.375rem;
	padding:0;
	position:absolute;
	right:0;
	bottom:-0.75rem;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:.25rem;
	border:0;
	border-radius:50%;
	background:var(--main-color);
	cursor:pointer
}
.banner .banner-toggle i {
	width:.1875rem;
	height:.875rem;
	display:block;
	background:#fff
}
.banner .banner-toggle.paused i:first-child {
	width:0;
	height:0;
	margin-left:.1875rem;
	border-top:.4375rem solid transparent;
	border-bottom:.4375rem solid transparent;
	border-left:.6875rem solid #fff;
	background:transparent
}
.banner .banner-toggle.paused i:last-child {
	display:none
}
.banner .swiper-slide .banner-copy>* {
	opacity:0;
	transform:translateY(2.1875rem)
}
.banner .swiper-slide-active .banner-copy>* {
	opacity:1;
	transform:translateY(0);
	transition:opacity .8s ease,transform .8s ease
}
.banner .swiper-slide-active .banner-copy p {
	transition-delay:.12s
}
.banner .swiper-slide-active .banner-copy .banner-more {
	transition-delay:.22s
}
@media (max-width:1024px) {
	.banner {
	height:auto;
	margin-top:60px
}
.banner .box::after {
	background:linear-gradient(90deg,rgba(4,43,91,0.82),rgba(4,43,91,0.25))
}
.banner .text {
	top:40% !important;
	transform:translateY(-50%) !important
}
.banner .text-2 {
	top:10% !important;
	transform:translateY(0%) !important
}
.banner .banner-copy {
	max-width:640px;
	padding-left:0
}
.banner .banner-copy h1,.banner .banner-copy h2 {
	font-size:42px;
	line-height:1.16;
	letter-spacing:-0.5px
}
.banner .banner-copy p {
	max-width:620px;
	margin-top:24px;
	font-size:16px;
	line-height:1.6
}
.banner .banner-more {
	margin-top:34px
}
.banner .banner-control {
	bottom:28px;
	padding:0 24px !important;
	display:block
}
.banner .banner-control .banner-tabs,.banner .banner-control .banner-progress,.banner .banner-control .banner-toggle {
	display:none
}
.banner .banner-control .banner-pagination {
	display:flex;
	align-items:center;
	justify-content:center;
	position:static;
	width:100%;
	height:18px
}
.banner .banner-control .banner-pagination .swiper-pagination-bullet {
	width:8px;
	height:8px;
	margin:0 5px !important;
	background:#fff;
	opacity:.85
}
.banner .banner-control .banner-pagination .swiper-pagination-bullet-active {
	background:var(--main-color);
	opacity:1
}
.banner .banner-tabs {
	grid-template-columns:repeat(4,1fr);
	gap:16px;
	padding-right:52px
}
.banner .banner-tabs a {
	gap:6px;
	font-size:13px;
	line-height:20px
}
.banner .banner-progress {
	width:calc(100% - 52px);
	margin-top:10px
}
.banner .banner-toggle {
	width:34px;
	height:34px;
	right:24px;
	bottom:-11px;
	gap:3px
}
.banner .banner-toggle i {
	width:3px;
	height:12px
}
.banner .banner-toggle.paused i:first-child {
	margin-left:3px;
	border-top-width:6px;
	border-bottom-width:6px;
	border-left-width:10px
}
.banner .swiper-slide .banner-copy>* {
	transform:translateY(25px)
}
}@media (max-width:640px) {
	.banner .banner-copy h1,.banner .banner-copy h2 {
	font-size:30px;
	line-height:1.18
}
.banner .banner-copy p {
	margin-top:20px;
	font-size:14px;
	line-height:1.6
}
.banner .banner-pc-br {
	display:none
}
.banner .banner-more {
	margin-top:28px
}
.banner .banner-control {
	bottom:28px
}
.banner .banner-tabs {
	display:flex;
	gap:0;
	padding-right:45px
}
.banner .banner-tabs a {
	display:none;
	font-size:14px
}
.banner .banner-tabs a.active {
	display:flex
}
.banner .banner-progress {
	width:calc(100% - 45px);
	margin-top:10px
}
.banner .banner-toggle {
	right:24px
}
}.banner {
	height:100vh;
	clear:both;
	overflow:hidden;
	text-align:center;
	position:relative;
	z-index:9
}
.banner .pc {
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	display:block
}
.banner .pc img {
	vertical-align:top;
	display:block;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:100%;
	max-height:none;
	max-width:initial;
	width:100%;
	object-fit:cover
}
.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%
}
.banner .text {
	left:0;
	top:47.5%;
	z-index:3;
	width:100%;
	color:#fff;
	text-align:left;
	position:absolute;
	transform:translateY(-50%)
}
.banner .text-2 {
	top:28%
}
.banner .text-2 .banner-copy h1 {
	text-align:center
}
.banner .item {
	text-align:center
}
.banner .swiper-container {
	height:100%;
	width:100vw;
	max-width:none;
	margin-left:calc((100% - 100vw)/2)
}
.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;
	width:100%;
	bottom:3.5rem;
	text-align:center
}
.banner .banner-pagination {
	display:none
}
.banner .swiper-pagination-bullet {
	width:8px;
	height:8px;
	border-radius:0;
	background:#fff;
	border-radius:50%;
	opacity:1;
	vertical-align:middle;
	transition:all 500ms ease;
	margin:0 5px
}
.banner .swiper-pagination-bullet-active {
	background:var(--main-color)
}
.banner .banner-prev,.banner .banner-next {
	z-index:10;
	width:3.25rem;
	height:3.25rem;
	margin-top:-1.625rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid rgba(255,255,255,0.7);
	border-radius:50%;
	background:rgba(4,88,154,0.22);
	opacity:0;
	visibility:hidden;
	cursor:pointer;
	transition:opacity .3s ease,visibility .3s ease,background-color .3s ease,transform .3s ease
}
.banner .banner-prev:after,.banner .banner-next:after {
	display:none
}
.banner .banner-prev svg,.banner .banner-next svg {
	width:1.5625rem;
	height:1.5625rem;
	fill:none;
	stroke:#fff;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round
}
.banner .banner-prev:hover,.banner .banner-next:hover {
	background:var(--main-color);
	transform:scale(1.06)
}
.banner .banner-prev {
	left:2.375rem
}
.banner .banner-next {
	right:2.375rem
}
.banner:hover .banner-prev,.banner:hover .banner-next {
	opacity:1;
	visibility:visible
}
@media (max-width:1024px) {
	.banner {
	margin-top:60px;
	height:auto
}
.banner .banner-tabs a {
	font-size:0
}
}@media (max-width:767px) {
	.banner .pc {
	display:none
}
.banner .ph {
	display:block
}
.banner .banner-copy h1 br {
	display:none
}
.banner .banner-copy p {
	display:none
}
.banner .banner-copy .banner-more {
	display:none
}
}.solutions-content {
	padding:6.25rem 0 3.75rem 0;
	background:#fff
}
.solutions-content .solutions-swiper {
	margin-top:3.125rem;
	padding-bottom:3.875rem;
	overflow:hidden
}
.solutions-content .swiper-slide {
	height:auto
}
.solutions-content .solutions-item {
	height:100%;
	overflow:hidden;
	border-radius:.9375rem;
	background:#f5f5f5
}
.solutions-content .solutions-pic {
	width:100%;
	height:19.6875rem;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#e8edf1
}
.solutions-content .solutions-pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	object-position:center center;
	transition:transform .7s ease
}
.solutions-content .solutions-info {
	min-height:9.6875rem;
	padding:1.9375rem 1.5rem 1.5rem
}
.solutions-content h3 {
	margin:0;
	font-size:1.625rem;
	line-height:1.3;
	font-weight:600
}
.solutions-content h3 a {
	color:#333333
}
.solutions-content .solutions-more {
	margin-top:2rem;
	display:inline-flex;
	align-items:center;
	gap:.625rem;
	color:#333;
	font-size:.875rem;
	line-height:1;
	font-weight:600;
	transition:color .3s ease
}
.solutions-content .solutions-more svg {
	width:1.125rem;
	height:1.125rem;
	fill:none;
	stroke:var(--sub-color);
	stroke-width:2.2;
	stroke-linecap:round;
	stroke-linejoin:round;
	transition:transform .3s ease
}
.solutions-content .solutions-item:hover h3 a {
	color:var(--sub-color)
}
.solutions-content .solutions-item:hover .solutions-pic img {
	transform:scale(1.045)
}
.solutions-content .solutions-item:hover .solutions-more {
	color:var(--sub-color)
}
.solutions-content .solutions-item:hover .solutions-more svg {
	transform:translateX(.1875rem)
}
.solutions-content .solutions-pagination {
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:.75rem
}
.solutions-content .solutions-pagination .swiper-pagination-bullet {
	width:.6875rem;
	height:.6875rem;
	margin:0 !important;
	border-radius:50%;
	opacity:1;
	background:#c7d9e4
}
.solutions-content .solutions-pagination .swiper-pagination-bullet-active {
	width:1.1875rem;
	height:1.1875rem;
	border:1px solid var(--main-color);
	background:#fff;
	position:relative
}
.solutions-content .solutions-pagination .swiper-pagination-bullet-active::after {
	content:"";
	width:.5625rem;
	height:.5625rem;
	position:absolute;
	top:48%;
	left:50%;
	border-radius:50%;
	background:var(--main-color);
	transform:translate(-50%,-50%)
}
@media (max-width:1024px) {
	.solutions-content {
	padding:70px 0 50px
}
.solutions-content .container {
	max-width:760px
}
.solutions-content .solutions-swiper {
	margin-top:36px;
	padding-bottom:52px
}
.solutions-content .solutions-item {
	border-radius:12px
}
.solutions-content .solutions-pic {
	height:260px
}
.solutions-content .solutions-info {
	min-height:140px;
	padding:25px 20px 22px
}
.solutions-content h3 {
	font-size:22px
}
.solutions-content .solutions-more {
	margin-top:25px;
	gap:8px;
	font-size:14px
}
.solutions-content .solutions-more svg {
	width:18px;
	height:18px
}
.solutions-content .solutions-item:hover .solutions-more svg {
	transform:translateX(3px)
}
.solutions-content .solutions-pagination {
	gap:10px
}
.solutions-content .solutions-pagination .swiper-pagination-bullet {
	width:10px;
	height:10px
}
.solutions-content .solutions-pagination .swiper-pagination-bullet-active {
	width:16px;
	height:16px;
	border-width:2px
}
.solutions-content .solutions-pagination .swiper-pagination-bullet-active::after {
	width:8px;
	height:8px
}
}@media (max-width:640px) {
	.solutions-content {
	padding:55px 0 40px
}
.solutions-content .solutions-swiper {
	margin-top:28px;
	padding-bottom:48px
}
.solutions-content .solutions-pic {
	height:245px
}
.solutions-content .solutions-info {
	min-height:132px;
	padding:22px 18px 20px
}
.solutions-content h3 {
	font-size:21px
}
.solutions-content .solutions-more {
	margin-top:22px
}
}.about-section {
	min-height:55rem;
	padding:10.3125rem 0 6.5625rem;
	position:relative;
	overflow:hidden;
	color:#fff;
	background:url(../images/about-bg.jpg) no-repeat center center;
	background-size:cover
}
.about-section .about-main {
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,.978fr);
	align-items:center
}
.about-section .about-copy h2 {
	margin:0;
	font-size:3.75rem;
	line-height:1.15;
	font-weight:600;
	color:#fff
}
.about-section .about-copy h3 {
	margin:2.8125rem 0 0;
	font-size:1.75rem;
	line-height:1.2;
	font-weight:400;
	color:#fff
}
.about-section .about-copy p {
	max-width:41.25rem;
	margin-top:1.875rem;
	font-size:1rem;
	line-height:1.9;
	color:#fff
}
.about-section .about-more {
	min-width:14rem;
	height:3.875rem;
	margin-top:4.875rem;
	padding:0 .5rem 0 1.875rem;
	position:relative;
	overflow:hidden;
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
	border:1px solid #878d8f;
	border-radius:1.875rem;
	color:#fff;
	font-size:1.125rem;
	font-weight:600;
	transition:border-color .4s ease
}
.about-section .about-more::before {
	content:"";
	position:absolute;
	inset:-1px;
	border-radius:inherit;
	background:var(--sub-color);
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .5s ease
}
.about-section .about-more span,.about-section .about-more i {
	position:relative;
	z-index:1
}
.about-section .about-more i {
	width:2.875rem;
	height:2.875rem;
	flex:0 0 2.875rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:var(--main-color);
	transition:background .5s ease,transform .5s ease
}
.about-section .about-more svg {
	width:1.4375rem;
	height:1.4375rem;
	fill:none;
	stroke:#fff;
	stroke-width:2.4;
	stroke-linecap:round;
	stroke-linejoin:round
}
.about-section .about-more:hover {
	color:#fff;
	border-color:var(--sub-color)
}
.about-section .about-more:hover::before {
	transform:scaleX(1)
}
.about-section .about-more:hover i {
	transform:translateX(.125rem)
}
.about-section .about-media {
	height:29.375rem;
	position:relative;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:1.875rem;
	background:#174d81
}
.about-section .about-media img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	object-position:center center
}
.about-section .about-media::after {
	content:"";
	position:absolute;
	inset:0;
	background:rgba(0,0,0,0.4);
	pointer-events:none
}
.about-section .about-video-play {
	width:4.375rem;
	height:4.375rem;
	position:absolute;
	left:50%;
	top:50%;
	z-index:2;
	color:#fff;
	transform:translate(-50%,-50%);
	transition:transform .35s ease
}
.about-section .about-video-play svg {
	width:100%;
	height:100%;
	fill:#fff
}
.about-section .about-video-play circle {
	fill:transparent;
	stroke:#fff;
	stroke-width:2
}
.about-section .about-video-play path {
	stroke:none
}
.about-section .about-video-play:hover {
	color:#fff;
	transform:translate(-50%,-50%) scale(1.1)
}
.about-section .about-data {
	width:113%;
	margin-top:3.875rem;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:3.75rem
}
.about-section .about-data-item {
	min-width:0
}
.about-section .about-data-item p {
	margin-top:.625rem;
	font-size:1.125rem;
	line-height:1.5;
	color:#fff
}
.about-section .about-number {
	display:flex;
	align-items:flex-start;
	color:#fff;
	font-family:"Oswald";
	font-size:4.75rem;
	line-height:1;
	font-weight:400;
	letter-spacing:-0.1875rem
}
.about-section .about-number sup {
	margin:.25rem 0 0 .1875rem;
	font-size:2.5rem;
	line-height:1;
	letter-spacing:0;
	font-weight:400
}
.about-section .about-number sup em {
	position:relative;
	font-size:1rem;
	font-style:normal
}
@media (max-width:1024px) {
	.about-section {
	min-height:0;
	padding:70px 0 65px
}
.about-section .container {
	max-width:760px
}
.about-section .about-main {
	grid-template-columns:1fr;
	gap:38px
}
.about-section .about-copy {
	padding-left:0
}
.about-section .about-copy h2 {
	font-size:42px
}
.about-section .about-copy h3 {
	margin-top:24px;
	font-size:23px;
	line-height:1.3
}
.about-section .about-copy p {
	max-width:none;
	margin-top:20px;
	font-size:15px;
	line-height:1.75
}
.about-section .about-more {
	width:205px;
	height:56px;
	margin-top:34px;
	padding:0 7px 0 25px;
	border-radius:29px;
	font-size:16px
}
.about-section .about-more i {
	width:42px;
	height:42px;
	flex-basis:42px
}
.about-section .about-more svg {
	width:21px;
	height:21px
}
.about-section .about-more:hover i {
	transform:translateX(2px)
}
.about-section .about-media {
	height:440px;
	border-radius:24px
}
.about-section .about-video-play {
	width:56px;
	height:56px
}
.about-section .about-data {
	margin-top:52px;
	grid-template-columns:repeat(2,1fr);
	gap:34px 50px
}
.about-section .about-data-item p {
	margin-top:3px;
	font-size:15px
}
.about-section .about-number {
	font-size:58px;
	letter-spacing:-2px
}
.about-section .about-number sup {
	margin:3px 0 0 3px;
	font-size:23px;
	letter-spacing:0
}
.about-section .about-number sup em {
	top:-8px;
	font-size:14px
}
}@media (max-width:640px) {
	.about-section {
	padding:55px 0 50px;
	background-position:62% center
}
.about-section .about-copy h2 {
	font-size:33px
}
.about-section .about-copy h3 {
	margin-top:20px;
	font-size:20px
}
.about-section .about-copy h3 br {
	display:none
}
.about-section .about-copy p {
	font-size:14px;
	line-height:1.7
}
.about-section .about-more {
	margin-top:28px
}
.about-section .about-main {
	gap:32px
}
.about-section .about-media {
	height:280px;
	border-radius:18px
}
.about-section .about-video-play {
	width:50px;
	height:50px
}
.about-section .about-data {
	margin-top:40px;
	gap:28px 20px
}
.about-section .about-number {
	font-size:44px;
	letter-spacing:-1px
}
.about-section .about-number sup {
	font-size:19px
}
.about-section .about-number sup em {
	top:-6px;
	font-size:12px
}
.about-section .about-data-item p {
	font-size:13px
}
}.map-content {
	padding:6.25rem 0;
	background:#fff
}
.map-content .common-title sup {
	font-size:.55em;
	vertical-align:super
}
.map-content .map-stage {
	position:relative;
	width:100%;
	aspect-ratio:2.21538462
}
.map-content .map-background {
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center
}
.map-content .map-point {
	position:absolute;
	left:var(--x);
	top:var(--y);
	margin:-0.75rem 0 0 -0.75rem;
	width:1.5rem;
	height:1.5rem;
	z-index:2
}
.map-content .map-point:hover,.map-content .map-point:focus-within,.map-content .map-point.is-open {
	z-index:8
}
.map-content .map-point-trigger {
	width:100%;
	height:100%;
	padding:0;
	display:block;
	position:relative;
	z-index:3;
	border:1px solid #e8b848;
	border-radius:50%;
	background:rgba(255,226,114,0.3);
	cursor:pointer
}
.map-content .map-point-trigger::before,.map-content .map-point-trigger::after {
	content:"";
	position:absolute;
	border-radius:50%;
	pointer-events:none
}
.map-content .map-point-trigger::before {
	inset:-0.1875rem;
	border:1px solid #f2b918;
	background:transparent;
	box-shadow:none;
	animation:mapPulse 2s ease-in-out infinite;
	animation-delay:var(--delay);
	will-change:transform,opacity
}
.map-content .map-point-trigger::after {
	width:.25rem;
	height:.25rem;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:#e8b848
}
.map-content .map-point:hover .map-point-trigger,.map-content .map-point:focus-within .map-point-trigger,.map-content .map-point.is-open .map-point-trigger {
	background:rgba(255,209,66,0.65)
}
.map-content .map-point-line {
	width:4.25rem;
	height:1px;
	position:absolute;
	left:1.125rem;
	top:50%;
	z-index:1;
	background:#e8b848;
	transform:translateY(-50%) rotate(-22deg);
	transform-origin:left center;
	opacity:0;
	visibility:hidden;
	transition:opacity .25s ease
}
.map-content .map-point-line::after {
	content:"";
	width:.25rem;
	height:.25rem;
	position:absolute;
	right:-0.125rem;
	top:-0.125rem;
	border-radius:50%;
	background:#e8b848
}
.map-content .map-point-card {
	position:absolute;
	left:5rem;
	top:50%;
	bottom:auto;
	width:21.5rem;
	z-index:2;
	border-radius:1.25rem;
	overflow:hidden;
	color:#fff;
	box-shadow:0 .75rem 1.5625rem rgba(0,0,0,0.25);
	background:linear-gradient(100deg,#176495,#49b99d);
	opacity:0;
	visibility:hidden;
	transform:translateY(calc(-50% + 10rem/16));
	transition:opacity .25s,transform .25s,visibility .25s
}
.map-content .map-point-card>img {
	display:block;
	width:100%;
	height:11.875rem;
	object-fit:cover;
	object-position:center
}
.map-content .map-point-copy {
	padding:.75rem 1.375rem 1.375rem
}
.map-content .map-point-card h3 {
	font-size:1.125rem;
	line-height:1.4;
	font-weight:600
}
.map-content .map-point-card p {
	font-weight:300;
	font-size:1rem;
	line-height:1.35;
	margin:.25rem 0 .625rem
}
.map-content .map-point:hover .map-point-card,.map-content .map-point:focus-within .map-point-card,.map-content .map-point.is-open .map-point-card,.map-content .map-point:hover .map-point-line,.map-content .map-point:focus-within .map-point-line,.map-content .map-point.is-open .map-point-line {
	opacity:1;
	visibility:visible
}
.map-content .map-point:hover .map-point-card,.map-content .map-point:focus-within .map-point-card,.map-content .map-point.is-open .map-point-card {
	transform:translateY(-50%)
}
.map-content .map-point:hover .map-point-line,.map-content .map-point:focus-within .map-point-line,.map-content .map-point.is-open .map-point-line {
	transform:translateY(-50%) rotate(-22deg)
}
.map-content .map-point.card-left .map-point-card {
	left:auto;
	right:5rem
}
.map-content .map-point.card-left .map-point-line {
	left:auto;
	right:1.125rem;
	transform:translateY(-50%) rotate(22deg);
	transform-origin:right center
}
.map-content .map-point.card-left:hover .map-point-line,.map-content .map-point.card-left:focus-within .map-point-line,.map-content .map-point.card-left.is-open .map-point-line {
	transform:translateY(-50%) rotate(22deg)
}
.map-content .map-point.card-up .map-point-card {
	left:50%;
	right:auto;
	top:auto;
	bottom:4.6875rem;
	transform:translate(-50%,.625rem)
}
.map-content .map-point.card-up .map-point-line {
	width:3.4375rem;
	left:50%;
	right:auto;
	top:auto;
	bottom:1.125rem;
	transform:rotate(-90deg);
	transform-origin:left center
}
.map-content .map-point.card-up:hover .map-point-card,.map-content .map-point.card-up:focus-within .map-point-card,.map-content .map-point.card-up.is-open .map-point-card {
	transform:translate(-50%,0)
}
.map-content .map-point.card-up:hover .map-point-line,.map-content .map-point.card-up:focus-within .map-point-line,.map-content .map-point.card-up.is-open .map-point-line {
	transform:rotate(-90deg)
}
.map-content svg {
	width:1.25rem;
	height:1.25rem;
	fill:none;
	stroke:currentColor;
	stroke-width:2.2;
	stroke-linecap:round;
	stroke-linejoin:round
}
.map-content .map-carousel {
	position:relative;
	margin-top:-0.3125rem
}
.map-content .map-project {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	height:12.1875rem;
	border-radius:.625rem;
	overflow:hidden;
	color:#fff
}
.map-content .map-project>img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	transition:transform .5s
}
.map-content .map-project::after {
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(transparent 20%,rgba(0,18,34,0.65))
}
.map-content .map-project:hover>img {
	transform:scale(1.05)
}
.map-content .map-project-copy {
	position:absolute;
	left:1.25rem;
	right:.9375rem;
	bottom:1.25rem;
	z-index:1
}
.map-content .map-project h3 {
	font-size:1.0625rem;
	line-height:1.4;
	font-weight:600;
	margin-bottom:.75rem
}
.map-content .map-prev,.map-content .map-next {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:2.75rem;
	height:2.75rem;
	border:0;
	border-radius:50%;
	background:var(--main-color);
	color:#fff;
	isolation:isolate;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer
}
.map-content .map-prev::before,.map-content .map-next::before {
	content:"";
	position:absolute;
	inset:0;
	z-index:-1;
	border-radius:inherit;
	background:var(--sub-color);
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .4s ease
}
.map-content .map-prev svg,.map-content .map-next svg {
	position:relative;
	z-index:1
}
.map-content .map-prev:hover::before,.map-content .map-next:hover::before {
	transform:scaleX(1)
}
.map-content .map-prev {
	left:-4.375rem
}
.map-content .map-prev svg {
	transform:rotate(180deg)
}
.map-content .map-next {
	right:-4.375rem
}
@keyframes mapPulse {
	0%,100% {
	transform:scale(.9);
	opacity:1
}
50% {
	transform:scale(2);
	opacity:.12
}
}@media (max-width:1024px) {
	.map-content {
	padding:55px 0
}
.map-content .container {
	max-width:900px !important
}
.map-content .common-title h2 {
	font-size:36px
}
.map-content .map-stage {
	margin-top:25px;
	margin-bottom:25px
}
.map-content .map-point {
	width:18px;
	height:18px;
	margin:-9px 0 0 -9px
}
.map-content .map-point-trigger {
	border-width:1px
}
.map-content .map-point-trigger::before {
	inset:-3px;
	border-width:2px;
	box-shadow:none
}
.map-content .map-point-trigger::after {
	width:3px;
	height:3px
}
.map-content .map-point-card {
	left:58px;
	bottom:35px;
	width:250px;
	border-radius:14px;
	box-shadow:0 8px 20px rgba(0,0,0,0.2);
	transform:translateY(8px);
	display:none !important
}
.map-content .map-point-card>img {
	height:125px
}
.map-content .map-point-copy {
	padding:10px 14px 14px
}
.map-content .map-point-card h3 {
	font-size:15px
}
.map-content .map-point-card p {
	font-size:13px;
	margin:4px 0 8px
}
.map-content .map-point-line {
	width:58px;
	left:14px;
	top:4px
}
.map-content .map-point.card-left .map-point-card {
	right:58px
}
.map-content .map-point.card-left .map-point-line {
	right:14px
}
.map-content .map-point.card-up .map-point-card {
	bottom:58px
}
.map-content .map-point.card-up .map-point-line {
	width:42px;
	bottom:14px
}
.map-content svg {
	width:18px;
	height:18px
}
.map-content .map-carousel {
	margin-top:0;
	padding-bottom:58px
}
.map-content .map-project {
	height:210px;
	border-radius:10px
}
.map-content .map-project-copy {
	left:16px;
	right:12px;
	bottom:16px
}
.map-content .map-project h3 {
	font-size:16px;
	margin-bottom:10px
}
.map-content .map-prev,.map-content .map-next {
	width:38px;
	height:38px;
	top:auto;
	bottom:0;
	transform:none
}
.map-content .map-prev {
	left:calc(50% - 48px)
}
.map-content .map-next {
	right:calc(50% - 48px)
}
}@media (max-width:640px) {
	.map-content {
	padding:45px 0
}
.map-content .common-title h2 {
	font-size:27px
}
.map-content .map-stage {
	margin-bottom:25px;
	aspect-ratio:2.21538462
}
.map-content .map-background {
	height:auto;
	aspect-ratio:2.21538462
}
.map-content .map-point {
	width:16px;
	height:16px;
	left:var(--x);
	top:var(--y);
	margin:-8px 0 0 -8px
}
.map-content .map-point-card,.map-content .map-point.card-left .map-point-card,.map-content .map-point.card-up .map-point-card {
	position:fixed;
	left:50%;
	right:auto;
	top:auto;
	bottom:20px;
	width:calc(100vw - 40px);
	max-width:340px;
	transform:translate(-50%,8px)
}
.map-content .map-point:hover .map-point-card,.map-content .map-point:focus-within .map-point-card,.map-content .map-point.is-open .map-point-card,.map-content .map-point.card-up:hover .map-point-card,.map-content .map-point.card-up:focus-within .map-point-card,.map-content .map-point.card-up.is-open .map-point-card {
	transform:translate(-50%,0)
}
.map-content .map-point-line {
	display:none
}
.map-content .map-project {
	height:210px
}
}.hontech-content {
	background:#f7f7f7;
	padding-bottom:10rem
}
.hontech-content img {
	display:block;
	max-width:100%
}
.hontech-content .hontech-app-logo,.hontech-content .hontech-qrs figure,.hontech-content .hontech-app-phone img,.hontech-content .hontech-feature-pic img {
	transition:transform .55s ease,box-shadow .55s ease,filter .55s ease
}
.hontech-content .hontech-app-intro {
	min-height:32rem;
	padding-top:3.5rem;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.hontech-content .hontech-app-copy {
	width:45rem
}
.hontech-content .hontech-app-logo {
	width:10.625rem;
	height:10.625rem;
	object-fit:contain;
	border-radius:1.25rem;
	margin-bottom:2.1875rem
}
.hontech-content .hontech-app-logo:hover {
	transform:translateY(-0.375rem) scale(1.03);
	filter:drop-shadow(0 1rem 1.5rem rgba(18,86,155,0.16))
}
.hontech-content h1,.hontech-content h2 {
	margin:0;
	font-weight:600;
	line-height:1.08
}
.hontech-content h1 {
	font-size:3.125rem
}
.hontech-content h2 {
	font-size:3.125rem
}
.hontech-content .hontech-app-copy>p,.hontech-content .hontech-feature-copy p {
	margin:1.875rem 0 0;
	font-size:1.25rem;
	line-height:1.55
}
.hontech-content .common-more {
	height:2.875rem;
	margin-top:3.125rem;
	min-width:10.9375rem
}
.hontech-content .common-more i {
	transition:transform .35s ease
}
.hontech-content .common-more:hover i {
	transform:translateX(.3125rem)
}
.hontech-content .hontech-qrs {
	display:flex;
	gap:1.25rem;
	margin-top:3.125rem
}
.hontech-content .hontech-qrs figure {
	margin:0;
	width:12.375rem;
	position:relative;
	background:#fff;
	overflow:hidden;
	box-shadow:0 0 0 rgba(18,86,155,0)
}
.hontech-content .hontech-qrs figure:hover {
	transform:translateY(-0.5rem);
	box-shadow:0 1.125rem 2.125rem rgba(18,86,155,0.14)
}
.hontech-content .hontech-qrs figure:hover img {
	transform:scale(1.04)
}
.hontech-content .hontech-app-phone {
	width:26.25rem;
	display:flex;
	justify-content:center;
	align-items:center
}
.hontech-content .hontech-app-phone img {
	object-fit:contain;
	animation:hontechPhoneFloat 4.6s ease-in-out infinite
}
.hontech-content .hontech-features {
	margin-top:1.5rem
}
.hontech-content .hontech-feature {
	margin-top:8.125rem;
	min-height:32.5rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:2.5rem
}
.hontech-content .hontech-feature-copy {
	width:37.5rem
}
.hontech-content .hontech-feature-pic {
	width:50rem;
	display:flex;
	align-items:center;
	overflow:hidden
}
.hontech-content .hontech-feature-pic img {
	width:100%;
	height:auto;
	object-fit:contain
}
.hontech-content .hontech-feature-pic:hover img {
	transform:translateY(-0.5rem) scale(1.025);
	filter:saturate(1.06)
}
.hontech-content .hontech-feature-reverse .hontech-feature-copy {
	order:2
}
.hontech-content .hontech-feature-reverse .hontech-feature-pic {
	order:1
}
@keyframes hontechPhoneFloat {
	0%,100% {
	transform:translateY(0)
}
50% {
	transform:translateY(-0.75rem)
}
}@media (max-width:1024px) {
	.hontech-content {
	padding-top:100px;
	padding-bottom:80px
}
.hontech-content .hontech-feature {
	margin-top:0;
	padding-bottom:0 !important;
	gap:40px !important
}
.hontech-content .hontech-app-logo:hover,.hontech-content .hontech-qrs figure:hover,.hontech-content .hontech-feature-pic:hover img {
	transform:none
}
.hontech-content .hontech-app-intro {
	min-height:0;
	padding-top:50px;
	gap:45px
}
.hontech-content .hontech-app-copy {
	width:48%
}
.hontech-content .hontech-app-logo {
	width:82px;
	height:82px;
	margin-bottom:16px
}
.hontech-content h1,.hontech-content h2 {
	font-size:32px
}
.hontech-content .hontech-app-copy>p,.hontech-content .hontech-feature-copy p {
	margin-top:13px;
	font-size:14px;
	line-height:1.65
}
.hontech-content .hontech-download {
	width:98px;
	height:32px;
	margin-top:22px;
	font-size:10px
}
.hontech-content .hontech-download span {
	width:20px;
	height:20px;
	font-size:16px
}
.hontech-content .hontech-qrs {
	gap:12px;
	margin-top:22px
}
.hontech-content .hontech-qrs figure {
	width:92px
}
.hontech-content .hontech-qrs img {
	height:92px
}
.hontech-content .hontech-qrs figcaption {
	bottom:5px;
	font-size:8px
}
.hontech-content .hontech-app-phone {
	width:45%
}
.hontech-content .hontech-app-phone img {
	width:280px;
	max-height:410px;
	animation:hontechPhoneFloatMobile 4.6s ease-in-out infinite
}
.hontech-content .hontech-features {
	margin-top:55px
}
.hontech-content .hontech-feature {
	min-height:270px;
	gap:42px
}
.hontech-content .hontech-feature-copy,.hontech-content .hontech-feature-pic {
	width:calc(50% - 21px)
}
.hontech-content .common-more {
	height:50px
}
}@keyframes hontechPhoneFloatMobile {
	0%,100% {
	transform:translateY(0)
}
50% {
	transform:translateY(-8px)
}
}@media (max-width:640px) {
	.hontech-content {
	padding-bottom:55px
}
.hontech-content .hontech-app-intro {
	padding-top:30px;
	display:block
}
.hontech-content .hontech-app-copy,.hontech-content .hontech-app-phone {
	width:100%
}
.hontech-content .hontech-app-logo {
	width:68px;
	height:68px;
	margin-bottom:14px
}
.hontech-content h1,.hontech-content h2 {
	font-size:28px
}
.hontech-content .hontech-app-phone {
	margin-top:32px
}
.hontech-content .hontech-app-phone img {
	width:240px;
	max-height:355px;
	margin:auto
}
.hontech-content .hontech-qrs {
	justify-content:space-between;
	gap:8px
}
.hontech-content .hontech-qrs figure {
	width:calc((100% - 16px) / 3)
}
.hontech-content .hontech-qrs img {
	width:100%;
	height:auto;
	aspect-ratio:1
}
.hontech-content .hontech-features {
	margin-top:30px
}
.hontech-content .hontech-feature,.hontech-content .hontech-feature-reverse {
	min-height:0;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	gap:23px;
	padding:35px 0
}
.hontech-content .hontech-feature-copy,.hontech-content .hontech-feature-pic {
	width:100%
}
.hontech-content .hontech-feature-copy,.hontech-content .hontech-feature-reverse .hontech-feature-copy {
	order:1
}
.hontech-content .hontech-feature-pic,.hontech-content .hontech-feature-reverse .hontech-feature-pic {
	order:2
}
.hontech-content .hontech-feature-copy p {
	max-width:500px
}
}.news-section {
	padding:6.25rem 0 3.75rem 0;
	background:#f7f7f7
}
.news-section .news-swiper {
	margin-top:2.625rem;
	padding-bottom:5.125rem
}
.news-section .swiper-slide {
	height:auto
}
.news-section .news-item {
	height:100%;
	display:flex;
	flex-direction:column;
	color:#363636
}
.news-section .news-pic {
	width:100%;
	height:17.0625rem;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:.625rem;
	background:#e7edf1
}
.news-section .news-pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	object-position:center;
	transition:transform .6s ease
}
.news-section .news-pic:hover img {
	transform:scale(1.045)
}
.news-section .news-info {
	padding:1.8125rem .3125rem 0;
	display:flex;
	flex:1;
	flex-direction:column
}
.news-section time {
	color:#969696;
	font-size:1rem;
	line-height:1.5
}
.news-section h3 {
	min-height:5.875rem;
	margin-top:.625rem;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	color:#383838;
	font-size:1.375rem;
	line-height:1.4;
	font-weight:600;
	transition:color .3s ease
}
.news-section .news-more {
	width:max-content;
	min-width:12.5rem;
	height:3.75rem;
	margin-top:1.8125rem;
	padding:0 .5rem 0 1.875rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	position:relative;
	overflow:hidden;
	border:1px solid #d1d1d1;
	border-radius:1.875rem;
	color:#383838;
	font-size:1.125rem;
	font-weight:600
}
.news-section .news-more::before {
	content:"";
	position:absolute;
	inset:-1px;
	border-radius:inherit;
	background:var(--sub-color);
	transform:scaleX(0);
	transform-origin:left;
	transition:transform .45s ease
}
.news-section .news-more span,.news-section .news-more i {
	position:relative;
	z-index:1
}
.news-section .news-more i {
	width:2.375rem;
	height:2.375rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:var(--main-color);
	transition:transform .4s ease
}
.news-section .news-more svg {
	width:1.3125rem;
	height:1.3125rem;
	fill:none;
	stroke:#fff;
	stroke-width:2.4;
	stroke-linecap:round;
	stroke-linejoin:round
}
.news-section .news-more:hover {
	color:#fff;
	border-color:var(--sub-color)
}
.news-section .news-more:hover::before {
	transform:scaleX(1)
}
.news-section .news-more:hover i {
	transform:translateX(.125rem)
}
.news-section .news-item:hover h3 {
	color:var(--sub-color)
}
.news-section .news-item:hover .news-more {
	color:#fff;
	border-color:var(--sub-color)
}
.news-section .news-item:hover .news-more::before {
	transform:scaleX(1)
}
.news-section .news-item:hover .news-more i {
	transform:translateX(.125rem)
}
.news-section .news-pagination {
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:.75rem
}
.news-section .news-pagination .swiper-pagination-bullet {
	width:.6875rem;
	height:.6875rem;
	margin:0 !important;
	opacity:1;
	background:#c7d9e4
}
.news-section .news-pagination .swiper-pagination-bullet-active {
	width:1.125rem;
	height:1.125rem;
	border:.125rem solid var(--main-color);
	background:#fff;
	position:relative
}
.news-section .news-pagination .swiper-pagination-bullet-active::after {
	content:"";
	width:.625rem;
	height:.625rem;
	position:absolute;
	left:50%;
	top:50%;
	border-radius:50%;
	background:var(--main-color);
	transform:translate(-50%,-50%)
}
.partner-section {
	padding:6.5625rem 0 7.8125rem;
	overflow:hidden;
	background:#e9f2f9
}
.partner-section .common-title h2 {
	font-size:3.625rem
}
.partner-section .partner-rows {
	margin-top:4.5rem
}
.partner-section .partner-swiper {
	width:100%;
	overflow:visible
}
.partner-section .partner-swiper+.partner-swiper {
	margin-top:2.25rem
}
.partner-section .swiper-wrapper {
	transition-timing-function:linear !important
}
.partner-section .swiper-slide {
	width:16rem;
	height:9.625rem
}
.partner-section .partner-item {
	width:100%;
	height:100%;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:.625rem;
	background:#fff
}
.partner-section .partner-item img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
	object-position:center
}
.partner-section .partner-item.is-featured {
	background:#adeddc
}
.message-section {
	padding:4rem 0 3.625rem;
	background:#fff url(../images/message-bg.jpg) no-repeat center center;
	background-size:cover
}
.message-section .container {
	max-width:90rem
}
.message-section .common-title h2 {
	font-size:3.625rem
}
.message-section .message-form {
	margin-top:2.8125rem
}
.message-section .message-fields {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:1.25rem .875rem
}
.message-section .message-field {
	height:3.4375rem;
	display:block;
	position:relative
}
.message-section .message-required-mark {
	position:absolute;
	left:1rem;
	top:50%;
	z-index:2;
	color:#e60012;
	font-size:1.125rem;
	line-height:1;
	transform:translateY(-45%);
	pointer-events:none
}
.message-section .message-required input {
	padding-left:1.8125rem
}
.message-section .message-company {
	grid-column:span 2
}
.message-section .message-textarea {
	width:100%;
	height:12.1875rem;
	margin-top:1.25rem;
	display:block;
	position:relative
}

.message-section input,.message-section textarea {
	width:100%;
	height:100%;
	padding:0 1rem;
	border:1px solid #d7dce0;
	border-radius:0;
	color:#333;
	background:rgba(255,255,255,0.92);
	font-family:inherit;
	font-size:1rem;
	line-height:1.5;
	appearance:none;
	transition:border-color .25s,box-shadow .25s
}
.message-section input::placeholder,.message-section textarea::placeholder {
	color:#555;
	opacity:1
}
.message-section input:focus,.message-section textarea:focus {
	border-color:var(--main-color);
	box-shadow:0 0 0 .125rem rgba(225,183,84,0.15)
}
.message-section textarea {
	padding-top:1.0625rem;
	resize:vertical
}
.message-section .sr-only {
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	position:absolute;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0
}
.message-section .message-actions {
	margin-top:2.4375rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:2.5rem
}
.message-section .message-verify {
	width:30.5rem;
	height:2.875rem;
	position:relative;
	overflow:hidden;
	border:1px solid #d8d8d8;
	background:#ececec;
	user-select:none;
	touch-action:none
}
.message-section .message-verify p {
	height:100%;
	padding:0 .9375rem 0 3.875rem;
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	color:#333;
	font-size:.8125rem;
	white-space:nowrap
}
.message-section .message-verify-progress {
	width:0;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#dff2df
}
.message-section .message-verify-handle {
	width:3.125rem;
	height:100%;
	padding:0;
	position:absolute;
	left:0;
	top:0;
	z-index:3;
	border:0;
	border-right:1px solid #d8d8d8;
	background:#fff;
	cursor:ew-resize;
	touch-action:none
}
.message-section .message-verify-handle span {
	display:block;
	color:#c9cfd2;
	font-family:Poppins;
	font-size:1.875rem;
	line-height:1
}
.message-section .message-verify.is-verified {
	border-color:#78be7b;
	padding-left:0
}
.message-section .message-verify.is-verified .message-verify-progress {
	background:#dff2df
}
.message-section .message-verify.is-verified .message-verify-handle {
	background:#78be7b;
	border-color:#78be7b;
	cursor:default
}
.message-section .message-verify.is-verified .message-verify-handle span {
	color:#fff;
	font-size:0
}
.message-section .message-verify.is-verified .message-verify-handle span::before {
	content:"✓";
	font-size:1.375rem
}
.message-section .message-verify.is-verified p {
	color:#387b3b;
	justify-content:center;
	padding-left:0
}
.message-section .message-verify.needs-verify {
	animation:messageShake .35s ease
}
.message-section .message-submit {
	min-width:13.75rem;
	height:3.375rem;
	padding:0 .4375rem 0 4.0625rem;
	border:0;
	border-radius:1.75rem;
	position:relative;
	isolation:isolate;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:2.5rem;
	color:#fff;
	background:var(--main-color);
	font-size:1.125rem;
	font-weight:600;
	cursor:pointer
}
.message-section .message-submit::before {
	content:"";
	position:absolute;
	inset:0;
	z-index:-1;
	border-radius:inherit;
	background:var(--sub-color);
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .45s ease
}
.message-section .message-submit span,.message-section .message-submit i {
	position:relative;
	z-index:1
}
.message-section .message-submit i {
	width:2.5rem;
	height:2.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#fff
}
.message-section .message-submit svg {
	width:1.3125rem;
	height:1.3125rem;
	fill:none;
	stroke:var(--main-color);
	stroke-width:2.4;
	stroke-linecap:round;
	stroke-linejoin:round
}
.message-section .message-submit:hover::before {
	transform:scaleX(1)
}
.message-section .message-submit:hover svg {
	stroke:var(--sub-color)
}
@keyframes messageShake {
	0%,100% {
	transform:translateX(0)
}
25% {
	transform:translateX(-0.375rem)
}
75% {
	transform:translateX(.375rem)
}
}@media (max-width:1024px) {
	.message-section {
	padding:55px 0 48px
}
.message-section .container {
	max-width:760px
}
.message-section .common-title h2 {
	font-size:38px
}
.message-section .message-form {
	margin-top:35px
}
.message-section .message-fields {
	grid-template-columns:repeat(2,1fr);
	gap:14px
}
.message-section .message-field {
	height:52px
}
.message-section .message-company {
	grid-column:span 1
}
.message-section .message-textarea {
	height:170px;
	margin-top:14px
}

.message-section input,.message-section textarea {
	padding:0 14px;
	font-size:16px;
	line-height:1.5
}
.message-section .message-required-mark {
	left:14px
}
.message-section .message-required input {
	padding-left:27px
}
.message-section textarea {
	padding-top:14px
}
.message-section .message-actions {
	margin-top:28px;
	gap:24px
}
.message-section .message-verify {
	width:430px;
	height:46px
}
.message-section .message-verify p {
	padding:0 12px 0 58px;
	font-size:12px
}
.message-section .message-verify-handle {
	width:48px
}
.message-section .message-verify-handle span {
	font-size:28px
}
.message-section .message-submit {
	min-width:190px;
	height:50px;
	padding:0 6px 0 48px;
	gap:30px;
	border-radius:26px;
	font-size:16px
}
.message-section .message-submit i {
	width:38px;
	height:38px
}
.message-section .message-submit svg {
	width:20px;
	height:20px
}
}@media (max-width:640px) {
	.message-section {
	padding:45px 0 42px
}
.message-section .common-title h2 {
	font-size:30px
}
.message-section .message-form {
	margin-top:28px
}
.message-section .message-fields {
	grid-template-columns:1fr;
	gap:12px
}
.message-section .message-company {
	grid-column:1
}
.message-section .message-textarea {
	height:150px;
	margin-top:12px
}
.message-section .message-actions {
	margin-top:22px;
	flex-direction:column;
	align-items:stretch;
	gap:18px
}
.message-section .message-verify {
	width:100%
}
.message-section .message-submit {
	align-self:inherit
}
}@media (max-width:1024px) {
	.partner-section {
	padding:70px 0 80px
}
.partner-section .common-title {
	padding:0 24px
}
.partner-section .common-title h2 {
	font-size:38px
}
.partner-section .partner-rows {
	margin-top:48px
}
.partner-section .partner-swiper+.partner-swiper {
	margin-top:24px
}
.partner-section .swiper-slide {
	width:220px;
	height:132px
}
.partner-section .partner-item {
	border-radius:9px
}
}@media (max-width:640px) {
	.partner-section {
	padding:55px 0 60px
}
.partner-section .common-title h2 {
	font-size:29px;
	line-height:1.25
}
.partner-section .partner-rows {
	margin-top:34px
}
.partner-section .partner-swiper+.partner-swiper {
	margin-top:18px
}
.partner-section .swiper-slide {
	width:178px;
	height:107px
}
.partner-section .partner-item {
	border-radius:8px
}
}@media (max-width:1024px) {
	.news-section {
	padding:65px 0 50px
}
.news-section .container {
	max-width:760px
}
.news-section .news-swiper {
	margin-top:34px;
	padding-bottom:62px
}
.news-section .news-pic {
	height:235px;
	border-radius:9px
}
.news-section .news-info {
	padding:22px 3px 0
}
.news-section time {
	font-size:14px
}
.news-section h3 {
	min-height:86px;
	margin-top:7px;
	font-size:19px;
	line-height:1.4
}
.news-section .news-more {
	width:max-content;
	min-width:180px;
	height:54px;
	margin-top:24px;
	padding:0 7px 0 25px;
	border-radius:28px;
	font-size:15px
}
.news-section .news-more i {
	width:36px;
	height:36px
}
.news-section .news-more svg {
	width:20px;
	height:20px
}
.news-section .news-pagination {
	gap:10px
}
.news-section .news-pagination .swiper-pagination-bullet {
	width:10px;
	height:10px
}
.news-section .news-pagination .swiper-pagination-bullet-active {
	width:16px;
	height:16px;
	border-width:2px
}
.news-section .news-pagination .swiper-pagination-bullet-active::after {
	width:8px;
	height:8px
}
}@media (max-width:640px) {
	.news-section {
	padding:50px 0 42px
}
.news-section .news-swiper {
	margin-top:28px;
	padding-bottom:58px
}
.news-section .news-pic {
	height:220px
}
.news-section h3 {
	min-height:0;
	font-size:18px
}
.news-section .news-more {
	margin-top:22px
}
}.news-content {
	padding-bottom:6.5625rem;
	background:#fff
}
.news-content .news-inner {
	padding-top:1.875rem
}
.news-content h2 {
	margin:0;
	color:#1c1c1c;
	font-size:3.75rem;
	line-height:1.2;
	font-weight:600;
	text-align:center
}
.news-content .news-list {
	margin-top:3.75rem;
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:3.4375rem 2.3125rem
}
.news-content .news-list li {
	min-width:0
}
.news-content .news-list a {
	height:100%;
	display:flex;
	flex-direction:column;
	color:#383838
}
.news-content .news-pic {
	width:100%;
	height:17.0625rem;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:.625rem;
	background:#e7edf1
}
.news-content .news-pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	object-position:center center;
	transition:transform .6s ease
}
.news-content .news-info {
	padding:1.8125rem .3125rem 0;
	display:flex;
	flex:1;
	flex-direction:column
}
.news-content time {
	color:#999;
	line-height:1.5
}
.news-content h3 {
	line-height:1.75rem;
	height:7rem;
	margin-top:.625rem;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	color:#383838;
	font-size:1.3125rem;
	font-weight:600;
	transition:color .3s ease
}
.news-content .news-more {
	width:max-content;
	min-width:12.5rem;
	height:3.75rem;
	margin-top:auto;
	padding:0 .5rem 0 1.875rem;
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
	position:relative;
	overflow:hidden;
	border:1px solid #d9d9d9;
	border-radius:1.875rem;
	color:#383838;
	font-size:1.125rem;
	line-height:1;
	font-weight:600;
	margin-top:1.875rem;
	transition:color .35s ease,border-color .35s ease
}
.news-content .news-more::before {
	content:"";
	position:absolute;
	inset:-1px;
	border-radius:inherit;
	background:var(--sub-color);
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .45s ease
}
.news-content .news-more span,.news-content .news-more i {
	position:relative;
	z-index:1
}
.news-content .news-more i {
	width:2.375rem;
	height:2.375rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	color:#fff;
	background:#e5b848;
	transition:transform .35s ease,background-color .35s ease
}
.news-content .news-more svg {
	width:1.3125rem;
	height:1.3125rem;
	fill:none;
	stroke:currentColor;
	stroke-width:2.4;
	stroke-linecap:round;
	stroke-linejoin:round
}
.news-content .news-list a:hover h3 {
	color:var(--sub-color)
}
.news-content .news-list a:hover .news-pic img {
	transform:scale(1.045)
}
.news-content .news-list a:hover .news-more {
	color:#fff;
	border-color:var(--sub-color)
}
.news-content .news-list a:hover .news-more::before {
	transform:scaleX(1)
}
.news-content .news-list a:hover .news-more i {
	background:var(--main-color);
	transform:translateX(.125rem)
}
@media (max-width:1024px) {
	.news-content {
	padding-top:50px;
	padding-bottom:70px
}
.news-content .news-inner {
	padding-top:38px
}
.news-content h2 {
	font-size:42px;
	line-height:1.18
}
.news-content .news-list {
	margin-top:38px;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:36px 24px
}
.news-content .news-pic {
	height:235px;
	border-radius:9px
}
.news-content .news-info {
	padding:22px 3px 0
}
.news-content time {
	font-size:14px
}
.news-content h3 {
	margin-top:7px;
	font-size:18px;
	line-height:24px;
	height:48px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	-webkit-line-clamp:2
}
.news-content .news-more {
	min-width:180px;
	height:54px;
	padding:0 7px 0 25px;
	border-radius:28px;
	font-size:15px
}
.news-content .news-more i {
	width:36px;
	height:36px
}
.news-content .news-more svg {
	width:20px;
	height:20px
}
.news-content .news-list a:hover .news-more i {
	transform:translateX(2px)
}
}@media (max-width:640px) {
	.news-content {
	padding-bottom:55px
}
.news-content .news-inner {
	padding-top:30px
}
.news-content h2 {
	font-size:34px
}
.news-content .news-list {
	margin-top:30px;
	grid-template-columns:1fr;
	gap:34px
}
.news-content .news-pic {
	height:220px
}
.news-content h3 {
	min-height:0;
	font-size:18px
}
.news-content .news-more {
	margin-top:22px
}
}.focused-content {
	padding:22.5rem 0;
	padding-bottom:10rem;
	position:relative;
	overflow:hidden;
	color:#fff;
	background-size:cover
}
.focused-content .container {
	position:relative;
	z-index:1
}
.focused-content .focused-layout {
	display:grid;
	grid-template-columns:minmax(0,33.125rem) minmax(0,1fr);
	gap:8.125rem;
	align-items:center
}
.focused-content .focused-left h2 {
	margin:0;
	color:#fff;
	font-size:3.3125rem;
	line-height:1.22;
	font-weight:600
}
.focused-content .focused-left p {
	margin-top:1.875rem;
	color:rgba(255,255,255,0.88);
	font-size:1.125rem;
	line-height:1.75
}
.focused-content .focused-right {
	display:grid;
	grid-template-columns:1.25fr 1fr;
	gap:6.25rem
}
.focused-content .focused-item h3 {
	margin:0;
	color:#fff;
	font-size:2rem;
	line-height:1;
	font-weight:400
}
.focused-content .focused-item p {
	margin-top:.875rem;
	color:#fff;
	font-size:1.125rem;
	line-height:1.65
}
.contact-section {
	height:23.75rem;
	position:relative;
	overflow:hidden;
	display:flex;
	align-items:center;
	color:#fff;
	background:url(../images/contact-bg.jpg) no-repeat center center;
	background-size:cover
}
.contact-section .container {
	max-width:101.25rem;
	position:relative;
	z-index:1
}
.contact-section .contact-copy {
	max-width:49.5rem
}
.contact-section h2 {
	margin:0;
	color:#fff;
	font-size:3.75rem;
	line-height:1.15;
	font-weight:500
}
.contact-section p {
	margin-top:1.25rem;
	color:#fff;
	font-size:1.125rem;
	line-height:1.65
}
.contact-section .contact-more {
	min-width:14.375rem;
	height:3.375rem;
	margin-top:1.25rem;
	padding:0 1.75rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	position:relative;
	overflow:hidden;
	isolation:isolate;
	border:.125rem solid rgba(255,255,255,0.85);
	border-radius:1.8125rem;
	color:#fff;
	font-size:1.125rem;
	line-height:1;
	font-weight:600;
	transition:border-color .4s ease
}
.contact-section .contact-more::before {
	content:"";
	position:absolute;
	inset:-1px;
	border-radius:inherit;
	background:var(--main-color);
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .45s ease;
	z-index:-1
}
.contact-section .contact-more:hover {
	color:#fff;
	border:0;
	border-color:var(--main-color)
}
.contact-section .contact-more:hover::before {
	transform:scaleX(1)
}
@media (max-width:1024px) {
	.focused-content {
	padding:120px 0  70px 0;
	background-position:center center
}
.focused-content::before {
	background:linear-gradient(180deg,rgba(0,38,76,0.65) 0%,rgba(0,38,76,0.45) 100%)
}
.focused-content .focused-layout {
	display:block
}
.focused-content .focused-left h2 {
	font-size:38px;
	line-height:1.25
}
.focused-content .focused-left p {
	margin-top:18px;
	font-size:15px;
	line-height:1.7
}
.focused-content .focused-right {
	margin-top:40px;
	grid-template-columns:1.25fr 1fr;
	gap:28px 36px
}
.focused-content .focused-item h3 {
	font-size:19px;
	line-height:1.4
}
.focused-content .focused-item p {
	margin-top:10px;
	font-size:14px;
	line-height:1.65
}
}@media (max-width:640px) {
	.focused-content .focused-left h2 {
	font-size:28px
}
.focused-content .focused-left p {
	margin-top:14px;
	font-size:13px
}
.focused-content .focused-right {
	margin-top:28px;
	grid-template-columns:1fr;
	gap:22px
}
.focused-content .focused-item h3 {
	font-size:17px
}
.focused-content .focused-item p {
	margin-top:8px;
	font-size:13px
}
}@media (max-width:1024px) {
	.contact-section {
	height:auto;
	min-height:350px;
	padding:65px 0;
	background-position:62% center
}
.contact-section::after {
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(90deg,rgba(3,65,126,0.88),rgba(3,65,126,0.25))
}
.contact-section .container {
	max-width:760px
}
.contact-section .contact-copy {
	max-width:610px
}
.contact-section h2 {
	font-size:42px
}
.contact-section p {
	margin-top:18px;
	font-size:16px;
	line-height:1.65
}
.contact-section .contact-more {
	min-width:210px;
	height:52px;
	margin-top:24px;
	padding:0 24px;
	border-width:2px;
	border-radius:27px;
	font-size:16px
}
}@media (max-width:640px) {
	.contact-section {
	min-height:330px;
	padding:55px 0;
	background-position:68% center
}
.contact-section::after {
	background:rgba(3,65,126,0.72)
}
.contact-section h2 {
	font-size:30px
}
.contact-section p {
	margin-top:16px;
	font-size:15px;
	line-height:1.65
}
.contact-section p br {
	display:none
}
.contact-section .contact-more {
	min-width:190px;
	height:48px;
	margin-top:22px;
	border-radius:25px;
	font-size:15px
}
}.about-content {
	padding:7.625rem 0 8.4375rem;
	background:#fff
}
.about-content .container {
	display:grid;
	grid-template-columns:43.75rem 43.75rem;
	justify-content:space-between;
	align-items:start;
	gap:2.5rem
}
.about-content h2 {
	margin:0;
	color:#1d1d1f;
	font-size:3.75rem;
	line-height:1.04;
	font-weight:600
}
.about-content h3 {
	margin:2.25rem 0 0;
	color:#383838;
	font-size:1.375rem;
	line-height:1.42;
	font-weight:600
}
.about-content .about-description {
	margin-top:2.375rem
}
.about-content .about-description p {
	margin:0;
	color:#383838;
	font-size:1.125rem;
	line-height:1.68;
	font-weight:400
}
.about-content .about-description p+p {
	margin-top:1.75rem
}
.about-content .about-picture {
	width:43.75rem;
	height:43.75rem;
	overflow:hidden
}
.about-content .about-picture img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover
}
@media (max-width:1024px) {
	.about-content {
	padding:70px 0 80px
}
.about-content .container {
	max-width:760px;
	grid-template-columns:1fr;
	gap:42px
}
.about-content .about-copy {
	padding-top:0
}
.about-content h2 {
	font-size:46px;
	line-height:1.08;
	letter-spacing:-1px
}
.about-content h3 {
	margin-top:26px;
	font-size:20px;
	line-height:1.5
}
.about-content h3 br {
	display:none
}
.about-content .about-description {
	margin-top:28px
}
.about-content .about-description p {
	font-size:16px;
	line-height:1.75
}
.about-content .about-description p+p {
	margin-top:22px
}
.about-content .about-picture {
	width:100%;
	height:auto;
	aspect-ratio:1
}
}@media (max-width:640px) {
	.about-content {
	padding:50px 0 58px
}
.about-content .container {
	gap:32px
}
.about-content h2 {
	font-size:36px
}
.about-content h3 {
	margin-top:22px;
	font-size:18px
}
.about-content .about-description {
	margin-top:24px
}
.about-content .about-description p {
	font-size:15px;
	line-height:1.7
}
.about-content .about-description p+p {
	margin-top:18px
}
}.scopeut-content {
	padding:7.5rem 0;
	color:#fff;
	background:linear-gradient(-160deg,#1a6698 0%,#216f99 43%,#3da499 100%)
}
.scopeut-content .scopeut-heading {
	text-align:center
}
.scopeut-content .scopeut-heading h2 {
	margin:0;
	color:#fff;
	font-size:3.75rem;
	line-height:1.15;
	font-weight:600
}
.scopeut-content .scopeut-heading p {
	margin-top:1.4375rem;
	color:#fff;
	font-size:1.125rem;
	line-height:1.65
}
.scopeut-content .scopeut-list {
	margin-top:2.875rem;
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:1.3125rem
}
.scopeut-content .scopeut-item {
	min-height:31.25rem;
	padding:2.5rem 1.25rem 2rem;
	border-radius:.625rem;
	color:#1e394a;
	background:rgba(255,255,255,0.87);
	transition:transform .45s ease,background-color .45s ease,box-shadow .45s ease
}
.scopeut-content .scopeut-item img {
	width:7.5rem;
	height:7.5rem;
	margin:0 auto 1.9375rem;
	display:block;
	object-fit:contain;
	transition:all .45s ease
}
.scopeut-content .scopeut-item p {
	margin:0;
	line-height:1.5;
	font-weight:300
}
.scopeut-content .scopeut-item:hover {
	background:#fff;
	box-shadow:0 1.25rem 2.8125rem rgba(8,61,88,0.24);
	transform:translateY(-0.75rem)
}
@media (max-width:1024px) {
	.scopeut-content {
	padding:70px 0 80px
}
.scopeut-content .container {
	max-width:760px
}
.scopeut-content .scopeut-heading h2 {
	font-size:42px;
	line-height:1.2;
	letter-spacing:-1px
}
.scopeut-content .scopeut-heading p {
	margin-top:20px;
	font-size:16px;
	line-height:1.7
}
.scopeut-content .scopeut-heading p br {
	display:none
}
.scopeut-content .scopeut-list {
	margin-top:38px;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px
}
.scopeut-content .scopeut-item {
	min-height:360px;
	padding:30px 25px;
	border-radius:10px
}
.scopeut-content .scopeut-item img {
	width:110px;
	height:110px;
	margin:0 auto 24px
}
.scopeut-content .scopeut-item p {
	font-size:16px;
	line-height:1.6
}
}@media (hover:none),(prefers-reduced-motion:reduce) {
	.scopeut-content .scopeut-item,.scopeut-content .scopeut-item img {
	transition:none
}
.scopeut-content .scopeut-item:hover {
	box-shadow:none;
	transform:none
}
.scopeut-content .scopeut-item:hover img {
	transform:none
}
}@media (max-width:640px) {
	.scopeut-content {
	padding:52px 0 58px
}
.scopeut-content .scopeut-heading h2 {
	font-size:32px
}
.scopeut-content .scopeut-heading p {
	margin-top:17px;
	font-size:15px
}
.scopeut-content .scopeut-list {
	margin-top:30px;
	grid-template-columns:1fr;
	gap:16px
}
.scopeut-content .scopeut-item {
	min-height:0;
	padding:26px 22px 28px
}
.scopeut-content .scopeut-item img {
	width:100px;
	height:100px;
	margin-bottom:20px
}
.scopeut-content .scopeut-item p {
	font-size:15px
}
}.production-content {
	padding:6.25rem 0 8.625rem;
	position:relative;
	overflow:hidden
}
.production-content .waves {
	width:100%;
	height:18.75rem;
	position:absolute;
	z-index:1;
	left:0;
	bottom:-10%;
	overflow:hidden;
	pointer-events:none
}
.production-content .waves canvas {
	position:absolute;
	left:0;
	bottom:-19rem
}
.production-content h2 {
	margin:0 1.25rem 5rem;
	color:#1c1c1c;
	font-size:3.75rem;
	line-height:1.15;
	font-weight:600;
	text-align:center;
	position:relative;
	z-index:2
}
.production-content .production-swiper {
	width:100%;
	overflow:visible;
	position:relative;
	z-index:2
}
.production-content .swiper-slide {
	width:63.75rem;
	height:34.375rem;
	overflow:hidden;
	border-radius:1.125rem;
	opacity:.8;
	transition:opacity .45s ease
}
.production-content .swiper-slide img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover
}
.production-content .swiper-slide.swiper-slide-active {
	opacity:1
}
.production-content .production-prev,.production-content .production-next {
	width:2.625rem;
	height:2.625rem;
	padding:0;
	border:0;
	border-radius:50%;
	position:absolute;
	top:50%;
	z-index:5;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	background:#1c4ea5;
	cursor:pointer;
	transform:translateY(-50%);
	transition:background-color .3s ease,transform .3s ease
}
.production-content .production-prev svg,.production-content .production-next svg {
	width:1.5rem;
	height:1.5rem
}
.production-content .production-prev span,.production-content .production-next span {
	font-size:1.25rem;
	line-height:1
}
.production-content .production-prev:hover,.production-content .production-next:hover {
	background:var(--main-color);
	transform:translateY(-50%) scale(1.1)
}
.production-content .production-prev {
	left:calc(50% - 658rem/16)
}
.production-content .production-prev span {
	transform:rotate(-135deg)
}
.production-content .production-next span {
	transform:rotate(45deg)
}
.production-content .production-next {
	right:calc(50% - 658rem/16)
}
@media (max-width:1024px) {
	.production-content {
	padding:68px 0 100px
}
.production-content .waves {
	height:190px;
	bottom:-35px
}
.production-content::after {
	height:110px;
	background-size:22px 15px;
	transform:perspective(220px) rotateX(62deg) scale(1.4)
}
.production-content h2 {
	margin:0 20px 46px;
	font-size:42px;
	line-height:1.2;
	letter-spacing:-1px
}
.production-content .swiper-slide {
	width:76vw;
	height:auto;
	aspect-ratio:1.85454545;
	border-radius:14px
}
.production-content .production-prev,.production-content .production-next {
	width:40px;
	height:40px
}
.production-content .production-prev span,.production-content .production-next span {
	font-size:18px
}
.production-content .production-prev {
	left:20px
}
.production-content .production-next {
	right:20px
}
}@media (max-width:640px) {
	.production-content {
	padding:50px 0 78px
}
.production-content .waves {
	height:130px;
	bottom:-25px
}
.production-content::after {
	height:80px;
	background-size:18px 12px
}
.production-content h2 {
	margin-bottom:32px;
	font-size:32px
}
.production-content .swiper-slide {
	width:calc(100vw - 44px);
	border-radius:10px
}
.production-content .production-prev,.production-content .production-next {
	width:36px;
	height:36px
}
.production-content .production-prev {
	left:16px
}
.production-content .production-next {
	right:16px
}
}.product-show {
	padding-bottom:10.625rem;
	background:#fff
}
.product-show .product-show-inner {
	padding-top:3.625rem;
	display:grid;
	grid-template-columns:minmax(0,28.125rem) minmax(0,56.25rem);
	align-items:start;
	justify-content:space-between;
	gap:5rem
}
.product-show .product-show-gallery {
	min-width:0
}
.product-show .product-show-main {
	overflow:hidden
}
.product-show .product-show-pic {
	height:28.125rem;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff
}
.product-show .product-show-pic img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
	object-position:center center
}
.product-show .product-show-thumbs-wrap {
	width:100%;
	min-height:7.5rem;
	display:grid;
	grid-template-columns:1.25rem minmax(0,1fr) 1.25rem;
	align-items:stretch;
	gap:.625rem
}
.product-show .product-show-thumbs {
	min-width:0;
	overflow:hidden
}
.product-show .product-show-thumb {
	height:7.5rem;
	padding:.9375rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border:.125rem solid transparent;
	border-radius:.9375rem;
	background:#fff;
	cursor:pointer;
	transition:border-color .3s ease,box-shadow .3s ease
}
.product-show .product-show-thumbs .swiper-slide{
    width:7.5rem !important;
}
.product-show .product-show-thumb img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
	object-position:center center
}
.product-show .product-show-thumb img {
    flex-shrink: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain;
    object-position: center center;
}
.product-show .product-show-thumbs .swiper-slide-thumb-active .product-show-thumb {
	border-color:#1a9690
}
.product-show .product-show-prev,.product-show .product-show-next {
	width:1.25rem;
	min-width:1.25rem;
	height:7.5rem;
	flex:0 0 1.25rem;
	position:relative;
	z-index:3;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#333;
	background:#e6e6e6;
	cursor:pointer;
	transition:color .3s ease,background-color .3s ease
}
.product-show .product-show-next{
    right: -30px;
}
.product-show .product-show-prev span,.product-show .product-show-next span {
	font-family:"SimSun";
	font-size:1.5rem;
	line-height:1
}
.product-show .product-show-prev:hover,.product-show .product-show-next:hover {
	color:#fff;
	background:var(--main-color)
}
.product-show .product-show-next.swiper-button-disabled,.product-show .product-show-prev.swiper-button-disabled {
	opacity:1;
	pointer-events:auto
}
.product-show h1 {
	margin:0;
	color:#383838;
	font-size:3.125rem;
	line-height:1.08;
	font-weight:600
}
.product-show p {
	margin-top:3rem;
	color:#333;
	font-size:1.25rem;
	line-height:1.7
}
.product-show .product-show-actions {
	margin-top:6.75rem;
	display:flex;
	align-items:center;
	gap:2.375rem
}
.product-show .product-show-expert,.product-show .product-show-download {
	height:3.125rem;
	display:inline-flex;
	align-items:center;
	position:relative;
	overflow:hidden;
	border-radius:1.5625rem;
	font-size:1.125rem;
	line-height:1;
	font-weight:600
}
.product-show .product-show-expert {
	min-width:14rem;
	padding:0 .5rem 0 1.5rem;
	justify-content:space-between;
	color:#fff;
	background:var(--main-color);
	transition:background-color .35s ease
}
.product-show .product-show-expert i {
	margin-left:.625rem;
	width:2.375rem;
	height:2.375rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	color:var(--main-color);
	background:#fff;
	transition:transform .35s ease
}
.product-show .product-show-expert svg {
	width:1.375rem;
	height:1.375rem;
	fill:none;
	stroke:currentColor;
	stroke-width:2.4;
	stroke-linecap:round;
	stroke-linejoin:round
}
.product-show .product-show-expert:hover {
	color:#fff
}
.product-show .product-show-download {
	min-width:13.375rem;
	padding:0 1rem 0 1.875rem;
	gap:.9375rem;
	color:#383838;
	border:1px solid #d8d8d8;
	background:#fff;
	transition:color .35s ease,border-color .35s ease,box-shadow .35s ease
}
.product-show .product-show-download img {
	max-height:1.875rem
}
.product-show .product-show-download em {
	margin-left:auto;
	color:#a7abb2;
	font-style:normal;
	transition:color .35s ease,transform .35s ease
}
.product-show .product-show-download svg {
	width:1.5rem;
	height:1.5rem;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round
}
.product-show .product-show-download:hover {
	color:var(--sub-color);
	border-color:var(--sub-color);
	box-shadow:0 .5rem 1.25rem rgba(18,86,155,0.08)
}
.product-show .product-show-download:hover em {
	color:var(--sub-color)
}
@media (max-width:1024px) {
	.product-show {
	padding-top:100px;
	padding-bottom:100px
}
.product-show .product-show-inner {
	padding-top:40px;
	display:block
}
.product-show .product-show-thumbs-wrap {
	min-height:110px;
	grid-template-columns:24px minmax(0,1fr) 24px;
	gap:10px
}
.product-show .product-show-thumb {
	height:110px;
	padding:15px;
	border-width:2px;
	border-radius:12px
}
.product-show .product-show-prev,.product-show .product-show-next {
	width:24px;
	min-width:24px;
	height:110px;
	flex-basis:24px
}
.product-show .product-show-prev span,.product-show .product-show-next span {
	font-size:22px
}
.product-show .product-show-copy {
	padding-top:44px
}
.product-show h1 {
	font-size:30px;
	line-height:1.15
}
.product-show p {
	max-width:none;
	margin-top:24px;
	font-size:16px;
	line-height:1.75
}
.product-show .product-show-actions {
	margin-top:34px;
	flex-wrap:wrap;
	gap:18px
}
.product-show .product-show-expert,.product-show .product-show-download {
	height:48px;
	border-radius:24px;
	font-size:16px
}
.product-show .product-show-expert {
	min-width:210px;
	padding:0 7px 0 22px
}
.product-show .product-show-expert i {
	width:36px;
	height:36px
}
.product-show .product-show-expert svg {
	width:20px;
	height:20px
}
.product-show .product-show-expert:hover i {
	transform:translateX(3px)
}
.product-show .product-show-download {
	min-width:198px;
	padding:0 14px 0 24px;
	gap:12px
}
.product-show .product-show-download i {
	width:24px;
	height:30px;
	font-size:10px
}
.product-show .product-show-download svg {
	width:22px;
	height:22px
}
.product-show .product-show-download:hover {
	box-shadow:0 8px 18px rgba(18,86,155,0.08)
}
.product-show .product-show-download:hover em {
	transform:translateY(2px)
}
}@media (max-width:640px) {
	.product-show .product-show-inner {
	padding-top:32px
}
.product-show .product-show-thumbs-wrap {
	min-height:82px;
	grid-template-columns:22px minmax(0,1fr) 22px;
	gap:8px
}
.product-show .product-show-thumb {
	height:82px;
	padding:10px;
	border-radius:10px
}
.product-show .product-show-prev,.product-show .product-show-next {
	width:22px;
	min-width:22px;
	height:82px;
	flex-basis:22px
}
.product-show .product-show-copy {
	padding-top:35px
}
.product-show h1 {
	font-size:22px
}
.product-show p {
	margin-top:18px;
	font-size:14px;
	line-height:1.7
}
.product-show .product-show-actions {
	margin-top:28px;
	display:grid;
	grid-template-columns:1fr;
	gap:14px
}
.product-show .product-show-expert,.product-show .product-show-download {
	width:100%;
	min-width:0
}
}.service-content {
	padding-bottom:6.25rem;
	background:#f7f7f7
}
.service-content .service-inner {
	padding-top:1.75rem
}
.service-content h2 {
	margin:0;
	color:#1c1c1c;
	font-size:3.75rem;
	line-height:1.16;
	font-weight:600;
	text-align:center
}
.service-content .service-search {
	height:4.375rem;
	margin-top:3.375rem;
	display:flex;
	border:1px solid #d3d3d3;
	border-radius:.375rem;
	overflow:hidden;
	background:#fff
}
.service-content .service-search label {
	min-width:0;
	flex:1;
	display:flex;
	align-items:center;
	gap:1.125rem;
	padding:0 2.5rem
}
.service-content .service-search svg {
	width:1.625rem;
	height:1.625rem;
	flex:0 0 auto;
	fill:none;
	stroke:#6f7780;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round
}
.service-content .service-search input {
	width:100%;
	height:100%;
	border:0;
	background:transparent;
	color:#333;
	font-family:inherit;
	font-size:1.25rem
}
.service-content .service-search input::placeholder {
	color:#c8c8c8;
	opacity:1
}
.service-content .service-search button {
	width:8.75rem;
	border:0;
	cursor:pointer;
	color:#fff;
	font-family:inherit;
	font-size:1.5rem;
	font-weight:600;
	background:var(--main-color);
	transition:background-color .3s ease
}
.service-content .service-search button:hover {
	background:var(--sub-color)
}
.service-content .service-layout {
	margin-top:2.875rem;
	display:grid;
	grid-template-columns:18rem 1fr;
	gap:1.5rem;
	align-items:start
}
.service-content .service-side {
	position:sticky;
	top:7.5rem
}
.service-content .service-side ul {
	padding:1.125rem 0 1.5rem;
	background:#fff;
	box-shadow:0 .625rem 1.375rem rgba(0,0,0,0.04)
}
.service-content .service-side a {
	min-height:4.375rem;
	padding:.9375rem 1.5rem;
	position:relative;
	display:flex;
	align-items:center;
	color:#222;
	font-size:1.25rem;
	line-height:1.2;
	transition:color .3s ease,background-color .3s ease
}
.service-content .service-side a::after {
	content:"";
	width:.125rem;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	background:var(--sub-color);
	opacity:0;
	transition:opacity .3s ease
}
.service-content .service-side a.active,.service-content .service-side a:hover {
	background:#f5f5f5
}
.service-content .service-side a.active::after,.service-content .service-side a:hover::after {
	opacity:1
}
.service-content .service-main {
	min-width:0
}
.service-content .service-file-list {
	display:grid;
	gap:1.125rem
}
.service-content .service-file-list a {
	min-height:6.125rem;
	padding:1.25rem 3.25rem 1.25rem 3.625rem;
	display:grid;
	grid-template-columns:3.375rem 1fr 1.875rem;
	align-items:center;
	gap:2.625rem;
	color:#222;
	background:#fff;
	transition:color .3s ease,transform .3s ease,box-shadow .3s ease
}
.service-content .service-file-list .service-file-icon {
	width:3.375rem;
	height:3.375rem;
	display:flex;
	align-items:center;
	justify-content:center
}
.service-content .service-file-list .service-file-icon img {
	max-width:100%;
	max-height:100%;
	object-fit:contain
}
.service-content .service-file-list strong {
	min-width:0;
	font-size:1.25rem;
	line-height:1.35;
	font-weight:400
}
.service-content .service-file-list i {
	width:1.875rem;
	height:1.875rem;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#9da1aa;
	font-style:normal;
	transition:color .3s ease,transform .3s ease
}
.service-content .service-file-list i svg {
	width:1.875rem;
	height:1.875rem;
	fill:none;
	stroke:currentColor;
	stroke-width:1.6;
	stroke-linecap:round;
	stroke-linejoin:round
}
.service-content .service-file-list a:hover {
	color:var(--sub-color);
	box-shadow:0 .75rem 1.5rem rgba(0,0,0,0.06)
}
.service-content .service-file-list a:hover i {
	color:var(--main-color)
}
@media (max-width:1024px) {
	.service-content {
	padding-top:50px;
	padding-bottom:70px
}
.service-content .service-inner {
	padding-top:38px
}
.service-content h2 {
	font-size:42px;
	line-height:1.18
}
.service-content .service-search {
	height:58px;
	margin-top:34px;
	border-radius:5px
}
.service-content .service-search label {
	gap:12px;
	padding:0 20px
}
.service-content .service-search svg {
	width:22px;
	height:22px
}
.service-content .service-search input {
	font-size:16px
}
.service-content .service-search button {
	width:110px;
	font-size:18px
}
.service-content .service-layout {
	margin-top:34px;
	display:block
}
.service-content .service-side {
	position:static;
	margin-bottom:28px;
	overflow-x:auto;
	display:none
}
.service-content .service-side ul {
	min-width:max-content;
	padding:0;
	display:flex;
	box-shadow:0 8px 20px rgba(0,0,0,0.04)
}
.service-content .service-side li {
	flex:0 0 auto
}
.service-content .service-side a {
	min-height:50px;
	padding:12px 18px;
	font-size:15px;
	white-space:nowrap
}
.service-content .service-side a::after {
	width:auto;
	height:2px;
	top:auto;
	left:0
}
.service-content .service-file-list {
	gap:14px
}
.service-content .service-file-list a {
	min-height:78px;
	padding:16px 22px;
	grid-template-columns:44px 1fr 26px;
	gap:20px
}
.service-content .service-file-list .service-file-icon {
	width:44px;
	height:44px
}
.service-content .service-file-list strong {
	font-size:16px
}
.service-content .service-file-list i {
	width:26px;
	height:26px
}
.service-content .service-file-list i svg {
	width:22px;
	height:22px
}
.service-content .service-file-list a:hover {
	transform:translateY(-2px);
	box-shadow:0 8px 18px rgba(0,0,0,0.05)
}
.service-content .service-file-list a:hover i {
	transform:translateY(2px)
}
}@media (max-width:640px) {
	.service-content {
	padding-bottom:55px
}
.service-content .service-inner {
	padding-top:30px
}
.service-content h2 {
	font-size:34px
}
.service-content .service-search {
	height:52px;
	margin-top:26px
}
.service-content .service-search label {
	padding:0 14px
}
.service-content .service-search button {
	width:88px;
	font-size:16px
}
.service-content .service-layout {
	margin-top:26px
}
.service-content .service-side {
	margin-bottom:24px
}
.service-content .service-side a {
	min-height:46px;
	padding:10px 15px;
	font-size:14px
}
.service-content .service-file-list a {
	min-height:72px;
	padding:14px;
	grid-template-columns:38px 1fr 24px;
	gap:14px
}
.service-content .service-file-list .service-file-icon {
	width:38px;
	height:38px
}
.service-content .service-file-list strong {
	font-size:14px;
	line-height:1.45
}
.service-content .service-file-list i {
	width:24px;
	height:24px
}
.service-content .service-file-list i svg {
	width:20px;
	height:20px
}
}.sustainability-content {
	padding-bottom:5rem;
	background:#fff
}
.sustainability-content .sustainability-inner {
	padding-top:5.5rem;
	display:grid;
	grid-template-columns:minmax(0,42.75rem) minmax(0,42rem);
	align-items:start;
	justify-content:space-between;
	gap:4.25rem
}
.sustainability-content h2 {
	max-width:38.125rem;
	margin:0;
	color:#1c1c1c;
	font-size:3.75rem;
	line-height:1.2;
	font-weight:600
}
.sustainability-content p {
	max-width:42.5rem;
	margin-top:3rem;
	font-size:1.25rem;
	line-height:1.55;
	font-weight:400
}
.sustainability-content .sustainability-more {
	min-width:15.25rem;
	height:3.75rem;
	margin-top:3.375rem;
	padding:0 2rem 0 1.9375rem;
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
	gap:1.125rem;
	border:1px solid #d9d9d9;
	border-radius:1.875rem;
	color:#333;
	font-size:1.125rem;
	line-height:1;
	font-weight:600;
	position:relative;
	overflow:hidden;
	background:#fff;
	transition:color .35s ease,border-color .35s ease,box-shadow .35s ease
}
.sustainability-content .sustainability-more::before {
	content:"";
	position:absolute;
	inset:0;
	z-index:0;
	border-radius:inherit;
	background:var(--main-color);
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .45s ease
}
.sustainability-content .sustainability-more span,.sustainability-content .sustainability-more i {
	position:relative;
	z-index:1
}
.sustainability-content .sustainability-more i {
	width:2.25rem;
	height:2.25rem;
	flex:0 0 2.25rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	color:#fff;
	background:var(--main-color);
	transition:transform .35s ease,background-color .35s ease
}
.sustainability-content .sustainability-more svg {
	width:1.25rem;
	height:1.25rem;
	fill:none;
	stroke:currentColor;
	stroke-width:2.4;
	stroke-linecap:round;
	stroke-linejoin:round
}
.sustainability-content .sustainability-more:hover {
	color:#fff;
	border-color:var(--main-color);
	box-shadow:0 .625rem 1.5rem rgba(0,0,0,0.06)
}
.sustainability-content .sustainability-more:hover::before {
	transform:scaleX(1)
}
.sustainability-content .sustainability-more:hover i {
	background:var(--main-color);
	transform:translateX(.1875rem)
}
.sustainability-content .sustainability-pic {
	margin-top:.875rem;
	overflow:hidden;
	background:#eaf1f1
}
.sustainability-content .sustainability-pic img {
	transition:transform .7s ease
}
.sustainability-content .sustainability-pic:hover img {
	transform:scale(1.035)
}
.sustainability-content .sustainability-stable {
	padding-top:10rem
}
.sustainability-content .sustainability-stable .stable-head {
	text-align:center
}
.sustainability-content .sustainability-stable .stable-head h2 {
	margin:0 auto;
	max-width:56.25rem;
	font-size:3.75rem;
	line-height:1.2
}
.sustainability-content .sustainability-stable .stable-head p {
	max-width:90rem;
	margin:2.25rem auto 0;
	font-size:1.25rem;
	line-height:1.7
}
.sustainability-content .sustainability-stable .stable-list {
	margin-top:3.75rem;
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:1.875rem
}
.sustainability-content .sustainability-stable .stable-item {
	padding:3.125rem 1.875rem;
	text-align:center;
	border-radius:.9375rem;
	background:linear-gradient(to right,#1a5f96 0%,#2e8bb0 45%,#46b299 100%);
	box-shadow:0 .875rem 1.875rem rgba(18,86,155,0.22);
	transition:transform .4s ease,box-shadow .4s ease
}
.sustainability-content .sustainability-stable .stable-item h3 {
	margin:0;
	color:#fff;
	font-size:2rem;
	line-height:1.3;
	font-weight:600
}
.sustainability-content .sustainability-stable .stable-item p {
	margin-top:1.375rem;
	color:rgba(255,255,255,0.92);
	font-size:1.125rem;
	line-height:1.7;
	font-weight:400
}
.sustainability-content .sustainability-stable .stable-item:hover {
	transform:translateY(-0.5rem);
	box-shadow:0 1.375rem 2.75rem rgba(18,86,155,0.32)
}
@media (max-width:1024px) {
	.sustainability-content {
	padding-top:50px;
	padding-bottom:60px
}
.sustainability-content .sustainability-inner {
	padding-top:46px;
	display:block
}
.sustainability-content .sustainability-copy {
	padding-left:0
}
.sustainability-content h2 {
	max-width:none;
	font-size:42px;
	line-height:1.18;
	text-align:left
}
.sustainability-content p {
	max-width:none;
	margin-top:24px;
	font-size:16px;
	line-height:1.75;
	text-align:left
}
.sustainability-content .sustainability-more {
	min-width:210px;
	height:54px;
	margin-top:30px;
	padding:0 8px 0 24px;
	gap:14px;
	border-radius:28px;
	font-size:16px
}
.sustainability-content .sustainability-more i {
	width:40px;
	height:40px;
	flex-basis:40px
}
.sustainability-content .sustainability-more svg {
	width:20px;
	height:20px
}
.sustainability-content .sustainability-more:hover {
	box-shadow:0 8px 18px rgba(0,0,0,0.05)
}
.sustainability-content .sustainability-more:hover i {
	transform:translateX(3px)
}
.sustainability-content .sustainability-pic {
	height:420px;
	margin-top:40px
}
.sustainability-content .sustainability-stable {
	padding-top:70px
}
.sustainability-content .sustainability-stable .stable-head h2 {
	font-size:36px;
	line-height:1.2
}
.sustainability-content .sustainability-stable .stable-head p {
	max-width:none;
	margin-top:22px;
	font-size:15px;
	line-height:1.75
}
.sustainability-content .sustainability-stable .stable-list {
	margin-top:36px;
	grid-template-columns:1fr;
	gap:20px
}
.sustainability-content .sustainability-stable .stable-item {
	padding:32px 28px 34px;
	border-radius:12px
}
.sustainability-content .sustainability-stable .stable-item h3 {
	font-size:20px
}
.sustainability-content .sustainability-stable .stable-item p {
	margin-top:14px;
	font-size:14px;
	line-height:1.7
}
.sustainability-content .sustainability-stable .stable-item:hover {
	transform:translateY(-4px)
}
}@media (max-width:640px) {
	.sustainability-content {
	padding-bottom:48px
}
.sustainability-content .sustainability-inner {
	padding-top:34px
}
.sustainability-content h2 {
	font-size:32px
}
.sustainability-content p {
	margin-top:18px;
	font-size:14px;
	line-height:1.7
}
.sustainability-content .sustainability-more {
	min-width:190px;
	height:50px;
	margin-top:26px;
	padding-left:20px;
	font-size:15px
}
.sustainability-content .sustainability-more i {
	width:36px;
	height:36px;
	flex-basis:36px
}
.sustainability-content .sustainability-pic {
	height:280px;
	margin-top:32px
}
.sustainability-content .sustainability-stable {
	padding-top:50px
}
.sustainability-content .sustainability-stable .stable-head h2 {
	font-size:28px
}
.sustainability-content .sustainability-stable .stable-head p {
	margin-top:16px;
	font-size:13px
}
.sustainability-content .sustainability-stable .stable-list {
	margin-top:26px;
	gap:16px
}
.sustainability-content .sustainability-stable .stable-item {
	padding:26px 22px 28px;
	border-radius:10px
}
.sustainability-content .sustainability-stable .stable-item h3 {
	font-size:18px
}
.sustainability-content .sustainability-stable .stable-item p {
	margin-top:12px;
	font-size:13px
}
}.product-content {
	padding-bottom:6.25rem;
	background:#f7f7f7
}
.product-content .product-inner {
	padding-top:1.625rem
}
.product-content h1 {
	margin:0;
	font-size:3.75rem;
	line-height:1.15;
	font-weight:600;
	text-align:center
}
.product-content .product-layout {
	margin-top:4.375rem;
	display:grid;
	grid-template-columns:18rem 1fr;
	gap:3.25rem;
	align-items:start
}
.product-content .product-side {
	position:sticky;
	z-index: 99;
	top:7.5rem
}
.product-content .product-side ul {
	padding:1.25rem 0 1.875rem;
	background:#fff;
	position:relative;
	box-shadow:0 .625rem 1.375rem rgba(0,0,0,0.04)
}

.product-content .product-side a {
	min-height:4.375rem;
	padding:1rem 1.5rem;
	position:relative;
	display:flex;
	align-items:center;
	color:#333;
	font-size:1.25rem;
	line-height:1.18;
	transition:color .35s ease,background-color .35s ease
}
.product-content .product-side a:after {
	content:"";
	width:.125rem;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	background:var(--sub-color);
	opacity:0;
	transition:opacity .35s ease
}
.product-content .product-side a.active,.product-content .product-side a:hover {
	color:#222;
	background:#f5f5f5
}
.product-content .product-side a.active::after,.product-content .product-side a:hover:after {
	opacity:1
}

.product-content .product-side li .porlist{
	display:none;
	position:absolute;
	left:106%;
	top:0;
	width:100%;
	background:#fff;
	box-shadow: .1875rem 0 .4375rem rgba(0, 0, 0, 0.1);
	min-width:23rem;
	color: #fff;
	padding:15px;
	border-radius: .875rem;
	height: 100%;
}
@media screen and (min-width: 1025px) {
    .product-content .product-side a:before {
		content: "";
		width: .875rem;
		height: .875rem;
		position: absolute;
		right: -.875rem;
		opacity:0;
		top: 45%;
		z-index: -10;
		border-left: 1px solid rgba(18, 86, 155, 0.12);
		border-top: 1px solid rgba(18, 86, 155, 0.12);
		background: #fff;
		transform: translateX(-50%) rotate(125deg);
    }
	.product-content .product-side a:hover:before {
		opacity:1
	}	
}

.product-content .product-side li .porlist a{
	min-height: auto;
	padding: 0.5rem 1rem;
	position: relative;
	display: block;
	align-items: center;
	font-size: 1.25rem;
	line-height: 1.18;
}

.product-content .product-side li:hover .porlist{
	display:block;
}


.product-content .product-main {
	min-width:0
}
.product-content .product-intro {
	max-width:63.75rem
}
.product-content .product-intro h2 {
	margin:0;
	color:#1c1c1c;
	font-size:3.125rem;
	line-height:1.15;
	font-weight:600;
	margin-bottom:1.4rem;
}
.product-content .product-intro p {
	margin-top:0.475rem;
	font-size:1.25rem;
	line-height:1.5
}
.product-content .product-intro .common-more {
	height:2.875rem;
	min-width:14.6875rem;
	margin-top:3.5rem
}
.product-content .product-hero {
	margin-top:3.625rem;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff
}
.product-content .product-hero img {
	transition:transform .6s ease
}
.product-content .product-hero:hover img {
	transform:scale(1.035)
}
.product-content .product-list {
	margin-top:4.5rem;
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:2.125rem
}
.product-content .product-list a {
	display:block;
	color:#222
}
.product-content .product-list .product-pic {
	height:22.5rem;
	position:relative;
	overflow:hidden;
	border-radius:.625rem;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff
}
.product-content .product-list .product-pic img {
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center;
	transition:transform .55s ease
}
.product-content .product-list .product-pic i {
	width:3rem;
	height:3rem;
	position:absolute;
	right:1.875rem;
	bottom:1.875rem;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-size:1.5rem;
	line-height:1;
	font-style:normal;
	background:#1a6698;
	transform:rotate(45deg);
	transition:transform .35s ease,background-color .35s ease
}
.product-content .product-list .product-pic svg {
	width:1.5rem;
	height:1.5rem
}
.product-content .product-list h3 {
	margin-top:1.625rem;
	color:#333;
	font-size:1.25rem;
	line-height:1.22;
	font-weight:600
}
.product-content .product-list a:hover .product-pic img {
	transform:scale(1.05)
}
.product-content .product-list a:hover .product-pic i {
	transform:translate(.25rem,-0.25rem);
	background:var(--main-color)
}
.product-content .product-list a:hover h3 {
	color:var(--sub-color)
}
@media (max-width:1024px) {
	.product-content {
	padding-top:130px;
	padding-bottom:70px
}
.product-content .product-inner {
	padding-top:38px
}
.product-content h1 {
	font-size:42px;
	line-height:1.18
}
.product-content .product-layout {
	margin-top:42px;
	display:block
}
.product-content .product-side {
	position:static;
	width:100%;
	margin-bottom:38px;
	overflow:visible
}
.product-content .product-side ul {
	min-width:0;
	min-height:50px;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	border-radius:4px;
	box-shadow:0 8px 20px rgba(0,0,0,0.04)
}
.product-content .product-side li {
	flex:1 1 25%
}
.product-content .product-side a {
	min-height:50px;
	padding:12px 18px;
	font-size:15px;
	justify-content:center;
	white-space:normal;
	text-align:center
}
.product-content .product-side a::after {
	width:auto;
	height:2px;
	top:auto;
	left:0
}
.product-content .product-intro {
	max-width:none
}
.product-content .product-intro h2 {
	font-size:34px
}
.product-content .product-intro p {
	margin-top:18px;
	font-size:15px;
	line-height:1.65
}
.product-content .product-intro .common-more {
	height:42px;
	min-width:190px;
	margin-top:28px
}
.product-content .product-hero {
	margin-top:35px
}
.product-content .product-list {
	margin-top:42px;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:28px 22px
}
.product-content .product-list .product-pic {
	height:250px;
	border-radius:8px
}
.product-content .product-list .product-pic i {
	width:40px;
	height:40px;
	right:18px;
	bottom:18px;
	font-size:20px
}
.product-content .product-list h3 {
	margin-top:18px;
	font-size:17px
}
}@media (max-width:640px) {
	.product-content {
	padding-bottom:55px
}
.product-content .product-inner {
	padding-top:30px
}
.product-content h1 {
	font-size:34px
}
.product-content .product-layout {
	margin-top:30px
}
.product-content .product-side {
	margin-bottom:30px
}
.product-content .product-side li {
	flex-basis:100%
}
.product-content .product-side a {
	min-height:46px;
	padding:10px 15px;
	font-size:14px
}
.product-content .product-intro h2 {
	font-size:28px
}
.product-content .product-intro p {
	margin-top:15px
}
.product-content .product-list {
	margin-top:32px;
	grid-template-columns:1fr;
	gap:28px
}
.product-content .product-list h3 {
	margin-top:25px
}
}.project-content {
	padding-bottom:7.5rem;
	background:#fff
}
.project-content .project-inner {
	padding-top:2.5rem
}
.project-content h2 {
	margin:0;
	color:#1c1c1c;
	font-size:3.75rem;
	line-height:1.2;
	font-weight:600;
	text-align:center
}
.project-content .project-tabs {
	margin-top:2.375rem;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:1.25rem
}
.project-content .project-tabs a {
	font-size:1.125rem;
	min-width:11.875rem;
	height:3.75rem;
	padding:0 1.5625rem;
	border:1px solid #d1d2d3;
	border-radius:1.875rem;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#383838;
	white-space:nowrap;
	transition:color .35s ease,border-color .35s ease,background-color .35s ease
}
.project-content .project-tabs a.active,.project-content .project-tabs a:hover {
	text-shadow:0 0 1px #fff;
	border-color:var(--main-color);
	color:#fff;
	background:var(--main-color)
}
.project-content .project-list {
	margin-top:4.0625rem;
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:2.5rem 2.5rem
}
.project-content .project-list li {
	min-width:0
}
.project-content .project-list a {
	border-radius:.9375rem;
	overflow:hidden;
	display:block;
	color:#000;
	background:#f7f7f7;
	box-shadow:0 .5rem 1.375rem rgba(22,43,62,0);
	transition:transform .4s ease,box-shadow .4s ease
}
.project-content .project-list .project-pic {
	height:15.5rem;
	position:relative;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center
}
.project-content .project-list .project-pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	object-position:center;
	transition:transform .55s ease
}
.project-content .project-list .project-pic span {
	font-size:1.125rem;
	position:absolute;
	z-index:1;
	left:1.875rem;
	top:1.5625rem;
	color:#fff
}
.project-content .project-list .project-info {
	padding:1.25rem 1.875rem;
	padding-bottom:1.875rem;
	position:relative;
	transition:color .35s ease,background .35s ease
}
.project-content .project-list .project-info h3 {
	margin:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:1.5rem;
	line-height:1.3;
	font-weight:600
}
.project-content .project-list .project-info p {
	margin-top:.625rem;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	font-size:1.25rem;
	line-height:1.45
}
.project-content .project-list .project-info i {
	opacity:0;
	display:block;
	margin-top:.625rem;
	line-height:1;
	transition:transform .35s ease
}
.project-content .project-list .project-info i svg {
	width:1.5rem;
	height:1.5rem;
	display:block;
	fill:none;
	stroke:currentColor;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round
}
.project-content .project-list a:hover .project-info {
	color:#fff;
	background:linear-gradient(110deg,#1a6296,#46b299)
}
.project-content .project-list a:hover {
	box-shadow:0 .875rem 1.875rem rgba(18,83,111,0.5)
}
.project-content .project-list a:hover img {
	transform:scale(1.05)
}
.project-content .project-list a:hover .project-info i {
	opacity:1;
	transform:translateX(.3125rem)
}
@media (max-width:1024px) {
	.project-content {
	padding-top:50px;
	padding-bottom:80px
}
.project-content .project-inner {
	padding-top:35px
}
.project-content h2 {
	font-size:42px;
	letter-spacing:-1px
}
.project-content .project-tabs {
	margin-top:30px;
	flex-wrap:wrap;
	gap:12px;
	display:none !important
}
.project-content .project-tabs a {
	min-width:0;
	height:46px;
	padding:0 20px;
	border-radius:24px;
	font-size:15px
}
.project-content .project-list {
	margin-top:42px;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:24px
}
.project-content .project-list a {
	height:340px;
	border-radius:11px
}
.project-content .project-list .project-pic span {
	left:22px;
	top:18px;
	font-size:14px
}
.project-content .project-list .project-info {
	padding:14px 21px
}
.project-content .project-list .project-info h3 {
	font-size:19px
}
.project-content .project-list .project-info p {
	margin-top:4px;
	font-size:15px
}
.project-content .project-list .project-info i {
	left:21px;
	bottom:14px
}
.project-content .project-list .project-info i svg {
	width:22px;
	height:22px
}
.project-content .project-list a:hover {
	box-shadow:0 12px 26px rgba(18,83,111,0.2);
	transform:translateY(-6px)
}
.project-content .project-list a:hover .project-info i {
	transform:translateX(5px)
}
}@media (max-width:640px) {
	.project-content {
	padding-bottom:60px
}
.project-content .project-inner {
	padding-top:28px
}
.project-content h2 {
	font-size:34px
}
.project-content .project-tabs {
	margin-top:25px;
	display:grid;
	grid-template-columns:1fr;
	gap:10px
}
.project-content .project-tabs a {
	width:100%;
	height:44px;
	font-size:14px
}
.project-content .project-list {
	margin-top:32px;
	grid-template-columns:1fr;
	gap:18px
}
.project-content .project-list a {
	height:auto
}
.project-content .project-list .project-pic {
	height:auto
}
}.contact-content {
	background-color:#e9f2f9
}
@media (max-width:1024px) {
	.contact-content {
	padding-bottom:60px
}
}.contact-main {
	padding:3rem 0 10rem
}
.contact-title {
	margin:0 0 4.0625rem;
	color:#1c1c1c;
	text-align:center;
	font-size:3.75rem;
	line-height:1.2;
	font-weight:600
}
.contact-list {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:1.875rem;
	margin:0;
	padding:0;
	list-style:none
}
.contact-card {
	background-color:#ffffff;
	padding:2.25rem 3.25rem 2.75rem
}
.contact-name {
	margin:0 0 1.25rem;
	color:#333333;
	font-size:1.625rem;
	line-height:1.2;
	font-weight:600
}
.contact-info {
	display:flex;
	align-items:center;
	gap:.5rem
}
.contact-info+.contact-info {
	margin-top:1rem
}
.contact-icon {
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:var(--sub-color)
}
.contact-icon img {
	max-height:1.375rem
}
.contact-info a {
	color:#333333;
	font-size:1.125rem;
	line-height:1.5;
	transition:color .3s ease
}
.contact-info a:hover {
	color:var(--sub-color)
}
@media (max-width:1024px) {
	.contact-main {
	padding:40px 0 20px
}
.contact-title {
	margin-bottom:40px;
	font-size:32px
}
.contact-list {
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px
}
.contact-card {
	padding:24px 28px 28px
}
.contact-name {
	margin-bottom:14px;
	font-size:20px
}
.contact-info {
	gap:8px
}
.contact-info+.contact-info {
	margin-top:12px
}
.contact-icon img {
	max-height:22px
}
.contact-info a {
	font-size:15px
}
}@media (max-width:640px) {
	.contact-title {
	font-size:28px
}
.contact-list {
	grid-template-columns:1fr;
	gap:16px
}
.contact-card {
	padding:22px 24px 26px
}
}.for-sales {
	margin-top:-2.5rem;
	position:relative;
	border-top-left-radius:2.5rem;
	border-top-right-radius:2.5rem;
	padding:7.5rem 0 7rem;
	background:url('../images/for-bg.jpg') no-repeat center center;
	background-size:cover
}
.for-sales-title {
	margin:0 0 3.75rem;
	color:#ffffff;
	text-align:center;
	font-size:3.75rem;
	line-height:1.2;
	font-weight:600
}
.for-sales-form {
	max-width:73.125rem;
	margin:0 auto
}
.for-sales-row {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:.8125rem;
	margin-bottom:1.5rem
}
.for-sales-field label {
	display:block;
	margin-bottom:.5rem;
	color:#ffffff;
	font-size:1.125rem;
	line-height:1.2
}
.for-sales-field label em {
	color:#c8394e;
	font-style:normal
}
.for-sales-field input,.for-sales-field textarea {
	width:100%;
	border:0;
	border-radius:.3125rem;
	background:#ffffff;
	color:#333333;
	font-family:inherit;
	font-size:1.125rem;
	box-sizing:border-box;
	outline:none
}
.for-sales-field input {
	height:3.125rem;
	padding:0 1.25rem
}
.for-sales-field textarea {
	height:8.9375rem;
	padding:.9375rem 1.25rem;
	resize:none
}
.for-sales-field input:focus,.for-sales-field textarea:focus {
	box-shadow:0 0 0 2px rgba(225,183,84,0.65)
}
.for-sales-foot {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1.875rem;
	margin-top:3.125rem
}
.for-sales-contact {
	display:flex;
	align-items:center;
	gap:3.75rem
}
.for-sales-linkedin {
	width:4.25rem;
	height:4.25rem;
	flex:0 0 4.25rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#ffffff;
	color:#0a66c2;
	transition:transform .3s ease
}
.for-sales-linkedin:hover {
	transform:translateY(-0.1875rem)
}
.for-sales-linkedin svg {
	width:2.25rem;
	height:2.25rem;
	fill:currentColor
}
.for-sales-contact-text {
	display:flex;
	flex-direction:column;
	gap:.625rem
}
.for-sales-contact-text a {
	color:#ffffff;
	font-size:1.75rem;
	line-height:1.2;
	transition:color .3s ease
}
.for-sales-contact-text a:hover {
	color:var(--main-color)
}
.for-sales-submit {
	min-width:10.875rem;
	height:3.375rem;
	padding:0 .5rem 0 1.625rem;
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
	gap:1.125rem;
	border:0;
	border-radius:1.6875rem;
	color:#ffffff;
	font-family:inherit;
	font-size:1.3125rem;
	font-weight:500;
	background:var(--main-color);
	box-sizing:border-box;
	cursor:pointer;
	position:relative;
	overflow:hidden
}
.for-sales-submit::before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:0;
	background:var(--sub-color);
	transition:width .45s ease
}
.for-sales-submit:hover {
	background:transparent
}
.for-sales-submit:hover::before {
	width:100%
}
.for-sales-submit span {
	position:relative;
	z-index:1
}
.for-sales-submit i {
	width:2.375rem;
	height:2.375rem;
	flex:0 0 2.375rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#ffffff;
	font-style:normal;
	position:relative;
	z-index:1;
	transition:transform .35s ease
}
.for-sales-submit svg {
	width:1.375rem;
	height:1.375rem;
	fill:none;
	stroke:var(--main-color);
	stroke-width:2.4;
	stroke-linecap:round;
	stroke-linejoin:round
}
@media (max-width:1024px) {
	.for-sales {
	padding:42px 0 46px
}
.for-sales-title {
	margin-bottom:32px;
	font-size:32px
}
.for-sales-form {
	max-width:none
}
.for-sales-row {
	grid-template-columns:1fr;
	gap:14px;
	margin-bottom:14px
}
.for-sales-field label {
	margin-bottom:8px;
	font-size:16px
}
.for-sales-field input,.for-sales-field textarea {
	font-size:16px
}
.for-sales-field input {
	height:46px;
	padding:0 16px
}
.for-sales-field textarea {
	height:120px;
	padding:12px 16px
}
.for-sales-foot {
	flex-direction:column;
	align-items:flex-start;
	gap:24px;
	margin-top:26px
}
.for-sales-contact {
	gap:18px
}
.for-sales-linkedin {
	width:52px;
	height:52px;
	flex-basis:52px
}
.for-sales-linkedin svg {
	width:26px;
	height:26px
}
.for-sales-contact-text {
	gap:6px
}
.for-sales-contact-text a {
	font-size:20px
}
.for-sales-submit {
	min-width:170px;
	height:50px;
	padding:0 6px 0 24px;
	gap:14px;
	border-radius:25px;
	font-size:16px
}
.for-sales-submit i {
	width:36px;
	height:36px;
	flex-basis:36px
}
.for-sales-submit svg {
	width:22px;
	height:22px
}
}@media (max-width:640px) {
	.for-sales-title {
	margin-bottom:26px;
	font-size:26px
}
.for-sales-contact-text a {
	font-size:17px
}
.for-sales-submit {
	width:100%
}
}.contact-map {
	padding:7.5rem 0
}
.contact-map .container {
	display:grid;
	grid-template-columns:minmax(0,31.875rem) minmax(0,1fr);
	align-items:center;
	gap:3.75rem
}
.contact-map-info {
	max-width:33.75rem
}
.contact-map-info h2 {
	margin:0;
	color:#383838;
	font-size:1.75rem;
	line-height:1.2;
	font-weight:600
}
.contact-map-welcome {
	margin:.9375rem 0 0;
	color:#333333;
	font-size:1.125rem;
	line-height:1.35;
	font-weight:600
}
.contact-map-list {
	margin:3.25rem 0 0;
	display:flex;
	flex-direction:column;
	gap:2.375rem
}
.contact-map-item {
	display:grid;
	grid-template-columns:1.625rem minmax(0,1fr);
	gap:2.625rem;
	align-items:start
}
.contact-map-item dt {
	width:1.625rem;
	padding-top:.25rem;
	display:flex;
	justify-content:center
}
.contact-map-item dt svg {
	display:block;
	width:100%;
	height:auto;
	color:var(--sub-color)
}
.contact-map-item dd {
	margin:0;
	color:#333333;
	font-size:1.25rem;
	line-height:1.6
}
.contact-map-item dd a {
	display:block;
	color:#333333;
	font-size:1.25rem;
	line-height:1.85;
	transition:color .3s ease
}
.contact-map-item dd a:hover {
	color:var(--sub-color)
}
.contact-map-item dd a+a {
	margin-top:.5rem
}
.contact-map-figure {
	margin:0;
	position:relative;
	overflow:hidden
}
.contact-map-badge {
	position:absolute;
	left:64%;
	top:57%;
	z-index:2;
	display:flex;
	align-items:center;
	gap:.5625rem;
	width:10rem;
	padding:.8125rem 1.1875rem .8125rem .6875rem;
	border-radius:62.4375rem;
	background:linear-gradient(90deg,#2c6e9a 0%,#3fa49c 100%);
	color:#ffffff;
	box-shadow:0 .375rem 1.125rem rgba(23,74,102,0.3)
}
.contact-map-badge::after {
	content:"";
	position:absolute;
	left:50%;
	bottom:-0.5rem;
	transform:translateX(-50%);
	border-left:.375rem solid transparent;
	border-right:.375rem solid transparent;
	border-top:.5rem solid #317f9e
}
.contact-map-badge-logo {
	width:2.125rem;
	height:2.125rem;
	flex:0 0 2.125rem;
	display:block;
	filter:brightness(0) invert(1)
}
.contact-map-badge-text {
	display:flex;
	flex-direction:column;
	line-height:1.1;
	white-space:nowrap
}
.contact-map-badge-text strong {
	font-size:.875rem;
	font-weight:600;
	letter-spacing:.0125rem
}
.contact-map-badge-text small {
	margin-top:.1875rem;
	font-size:.4375rem;
	line-height:1;
	opacity:.5
}
@media (max-width:1024px) {
	.contact-map .container {
	grid-template-columns:1fr;
	gap:34px
}
.contact-map-info {
	max-width:640px
}
.contact-map-info h2 {
	font-size:30px
}
.contact-map-welcome {
	margin-top:8px;
	font-size:18px
}
.contact-map-list {
	margin-top:28px;
	gap:24px
}
.contact-map-item {
	grid-template-columns:22px minmax(0,1fr);
	gap:22px
}
.contact-map-item dt {
	width:22px;
	padding-top:3px
}
.contact-map-item dd {
	font-size:16px;
	line-height:1.6
}
.contact-map-item dd a {
	font-size:16px;
	line-height:1.7
}
.contact-map-item dd a+a {
	margin-top:6px
}
.contact-map-figure img {
	border-radius:8px
}
}@media (max-width:640px) {
	.contact-map .container {
	gap:26px
}
.contact-map-info h2 {
	font-size:24px
}
.contact-map-welcome {
	font-size:16px
}
.contact-map-list {
	margin-top:20px;
	gap:18px
}
.contact-map-item {
	grid-template-columns:20px minmax(0,1fr);
	gap:14px
}
.contact-map-item dt {
	width:20px;
	padding-top:2px
}
.contact-map-item dd,.contact-map-item dd a {
	font-size:15px
}
}.product-specifications {
	padding:0 0 10.625rem;
	background:#fafafa;
	border-top:1px solid #8f8f8f
}
.product-specifications .container {
	display:flex;
	flex-direction:column
}
.product-specifications .spec-title {
	align-self:flex-start;
	margin:-3.875rem 0 6rem;
	padding:0 1.5rem;
	height:3.875rem;
	border-top:2px solid #2c8883;
	border-left:1px solid #8f8f8f;
	border-right:1px solid #8f8f8f;
	background:#fafafa;
	color:#383838;
	font-size:1.375rem;
	line-height:3.75rem;
	font-weight:400;
	text-align:center
}
.product-specifications .spec-points {
	margin:0 0 2.5rem;
	padding:0;
	list-style:none
}
.product-specifications .spec-points li {
	position:relative;
	padding-left:2.25rem;
	margin-bottom:1.25rem;
	color:#333333;
	font-size:1.25rem;
	line-height:1.6
}
.product-specifications .spec-points li::before {
	content:'';
	position:absolute;
	left:1rem;
	top:50%;
	width:.625rem;
	height:.625rem;
	border-radius:50%;
	background:#1c1c1c;
	transform:translateY(-50%)
}
.product-specifications .spec-cards {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:5rem
}
.product-specifications .spec-card {
	text-align:center
}
.product-specifications .spec-card-img {
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:21rem
}
.product-specifications .spec-card-img img {
	max-width:100%;
	max-height:21rem;
	object-fit:contain
}
.product-specifications .spec-card-sub {
	color:#383838;
	font-weight:500;
	font-size:1.75rem;
	max-width:25rem;
	margin:0 auto
}
.product-specifications .spec-card-params {
	width:100%;
	margin-top:6.25rem;
	border-collapse:collapse;
	text-align:left;
	table-layout:fixed
}
.product-specifications .spec-card-params th,.product-specifications .spec-card-params td {
	padding:.875rem 0;
	font-size:1.125rem;
	line-height:1.4;
	border-bottom:1px solid #e8e8e8;
	text-align:left
}
.product-specifications .spec-card-params th {
	width:17.75rem;
	color:#666666;
	font-weight:normal
}
.product-specifications .spec-card-params td {
	color:#1c1c1c
}
@media (max-width:1024px) {
	.product-specifications {
	padding:0 0 46px
}
.product-specifications .spec-title {
	margin:-52px 0 40px;
	height:52px;
	line-height:50px;
	font-size:18px;
	padding:0 20px
}
.product-specifications .spec-points {
	margin-bottom:28px
}
.product-specifications .spec-points li {
	padding-left:28px;
	margin-bottom:16px;
	font-size:16px
}
.product-specifications .spec-points li::before {
	left:10px;
	width:8px;
	height:8px
}
.product-specifications .spec-cards {
	grid-template-columns:1fr;
	gap:48px
}
.product-specifications .spec-card-img {
	min-height:240px;
	margin-bottom:28px
}
.product-specifications .spec-card-img img {
	max-height:240px
}
.product-specifications .spec-card-name {
	font-size:24px
}
.product-specifications .spec-card-sub {
	margin-bottom:48px;
	font-size:17px
}
.product-specifications .spec-card-params th,.product-specifications .spec-card-params td {
	padding:12px 0;
	font-size:15px
}
.product-specifications .spec-card-params th {
	width:190px
}
}@media (max-width:640px) {
	.product-specifications {
	padding:0 0 38px
}
.product-specifications .spec-title {
	margin:-44px 0 30px;
	height:44px;
	line-height:42px;
	font-size:16px;
	padding:0 16px
}
.product-specifications .spec-points li {
	font-size:15px
}
.product-specifications .spec-card-params th,.product-specifications .spec-card-params td {
	display:block;
	width:100%;
	padding:4px 0;
	border-bottom:0
}
.product-specifications .spec-card-params tr {
	border-bottom:1px solid #e8e8e8
}
.product-specifications .spec-card-params tr:last-child {
	border-bottom:0
}
}.product-show-2 {
	padding:5.625rem 0;
	background:#fff
}
.product-show-2 h2 {
	margin:0 0 2.625rem;
	color:#383838;
	font-size:2rem;
	line-height:1.2;
	font-weight:600
}
.product-show-2-table {
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	color:#3e3e3e
}
.product-show-2-table tr {
	border-bottom:1px solid #d7d7d7
}
.product-show-2-table th,.product-show-2-table td {
	padding:.6875rem 1.125rem;
	font-size:1.125rem;
	line-height:1.45;
	text-align:left;
	font-weight:400
}
.product-show-2-table th {
	width:37%;
	color:#666
}
.product-show-2-table td {
	color:#3e3e3e
}
.product-show-2 .spec-mark {
	display:inline-block;
	width:.32em;
	height:.32em;
	margin:0 .24em;
	vertical-align:middle;
	background:currentColor
}
@media (max-width:1024px) {
	.product-show-2 {
	padding:42px 0 56px
}
.product-show-2 .container {
	padding:0 32px
}
.product-show-2 h2 {
	margin-bottom:28px;
	font-size:30px
}
.product-show-2-table th,.product-show-2-table td {
	padding:13px 16px;
	font-size:16px
}
}@media (max-width:640px) {
	.product-show-2 {
	padding:30px 0 40px
}
.product-show-2 .container {
	padding:0 20px
}
.product-show-2 h2 {
	margin-bottom:20px;
	font-size:25px
}
.product-show-2-table {
	table-layout:auto
}
.product-show-2-table th,.product-show-2-table td {
	padding:11px 8px;
	font-size:14px;
	line-height:1.4;
	word-break:break-word
}
.product-show-2-table th {
	width:40%
}
}.related-products {
	padding:6.25rem 0;
	background:#e9f2f9
}
.related-products-title {
	margin:0 0 3.5rem;
	color:#333;
	font-size:3.125rem;
	line-height:1.2;
	font-weight:600;
	text-align:center
}
.related-products-swiper .swiper-slide {
	height:auto
}
.related-products-swiper a {
	display:block;
	color:#222
}
.related-products-swiper .related-product-box {
	position:relative;
	height:27.1875rem;
	background:#fff;
	border-radius:1.25rem
}
.related-products-swiper .related-products-pic {
	height:21.875rem;
	position:relative;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center
}
.related-products-swiper .related-products-pic img {
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center;
	transition:transform .55s ease
}
.related-products-swiper i {
	right:2.1875rem;
	bottom:2.5rem;
	position:absolute;
	width:3.625rem;
	height:3.625rem;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	background:#1a6698;
	transition:transform .35s ease,background-color .35s ease
}
.related-products-swiper svg {
	width:1.5rem;
	height:1.5rem
}
.related-products-swiper h3 {
	margin-top:1.5625rem;
	color:#333;
	font-size:1.375rem;
	line-height:1.45;
	font-weight:600
}
.related-products-swiper a:hover .related-products-pic img {
	transform:scale(1.05)
}
.related-products-swiper a:hover .related-products-pic i {
	transform:translate(.25rem,-0.25rem);
	background:var(--sub-color)
}
.related-products-swiper a:hover h3 {
	color:var(--sub-color)
}
.related-products-pagination {
	margin-top:2.5rem;
	position:static;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:.75rem;
	line-height:0
}
.related-products-pagination .swiper-pagination-bullet {
	width:.625rem;
	height:.625rem;
	margin:0 !important;
	border-radius:50%;
	opacity:1;
	background:#c8dcee;
	transition:width .3s ease,border-radius .3s ease,background-color .3s ease
}
.related-products-pagination .swiper-pagination-bullet-active {
	width:1.625rem;
	border-radius:.375rem;
	background:#1a6698
}
@media (max-width:1024px) {
	.related-products {
	padding:60px 0 70px
}
.related-products-title {
	margin-bottom:32px;
	font-size:30px;
	letter-spacing:0
}
.related-products-swiper .related-products-pic {
	height:260px;
	padding:20px;
	border-radius:10px
}
.related-products-swiper .related-products-pic i {
	width:38px;
	height:38px;
	right:16px;
	bottom:16px
}
.related-products-swiper .related-products-pic svg {
	width:18px;
	height:18px
}
.related-products-swiper h3 {
	margin-top:14px;
	font-size:16px
}
.related-products-pagination {
	margin-top:30px;
	gap:10px
}
.related-products-pagination .swiper-pagination-bullet {
	width:8px;
	height:8px
}
.related-products-pagination .swiper-pagination-bullet-active {
	width:22px;
	border-radius:5px
}
}@media (max-width:640px) {
	.related-products {
	padding:44px 0 52px
}
.related-products-title {
	margin-bottom:24px;
	font-size:25px
}
.related-products-swiper .related-products-pic {
	height:230px
}
.related-products-pagination {
	margin-top:24px
}
}.related-products-swiper .related-products-pic i {
	margin-left:auto
}
.related-products .related-products-pagination {
	display:none
}
@media (max-width:1024px) {
	.related-products .related-products-pagination {
	display:flex
}
}.common-banner.project-show-banner .text {
	top:auto;
	bottom:16%;
	padding:0;
	transform:none;
	text-align:left
}
.common-banner.project-show-banner .text .container {
	width:74%;
	max-width:90rem
}
.common-banner.project-show-banner .title {
	display:flex;
	align-items:center;
	gap:1.125rem;
	margin:0;
	color:#fff;
	font-size:3rem;
	line-height:1.2;
	font-weight:600
}
.common-banner.project-show-banner .title svg {
	width:1.5rem;
	height:2rem;
	flex:none
}
.common-banner.project-show-banner .ph img {
	display:block;
	width:100%
}
@media (max-width:1024px) {
	.common-banner.project-show-banner .text .container {
	width:calc(100% - 48px)
}
.common-banner.project-show-banner .title {
	gap:12px;
	font-size:32px
}
.common-banner.project-show-banner .title svg {
	width:20px;
	height:27px
}
}@media (max-width:480px) {
	.common-banner.project-show-banner .title {
	font-size:28px
}
}.project-show-1 {
	background:#f7f7f7;
	width:100%;
	overflow-x:hidden
}
.project-show-1 .project-show-1-inner {
	display:grid;
	grid-template-columns:minmax(0,1fr) 26.875rem;
	column-gap:5rem;
	padding:4.375rem 0 6.25rem
}
.project-show-1 .project-show-1-inner>* {
	min-width:0
}
.project-show-1 .project-download {
	margin-top:8.75rem;
	padding-top:0
}
.project-show-1 .project-download h2 {
	margin:0 0 3.125rem;
	font-size:2rem;
	line-height:1.2;
	font-weight:600
}
.project-show-1 .project-download ul {
	margin:0;
	padding:0;
	list-style:none
}
.project-show-1 .project-download li+li {
	margin-top:1rem
}
.project-show-1 .project-download a {
	min-height:6rem;
	padding:1rem 3.75rem;
	padding-right:5.625rem;
	display:flex;
	align-items:center;
	gap:3.125rem;
	color:#282828;
	background:#fff;
	box-shadow:0 .25rem .75rem rgba(0,0,0,0.025);
	transition:box-shadow .3s ease,transform .3s ease
}
.project-show-1 .project-download a:hover {
	color:var(--sub-color);
	box-shadow:0 .5rem 1.25rem rgba(0,0,0,0.08)
}
.project-show-1 .project-download a:hover svg {
	color:var(--sub-color)
}
.project-show-1 .project-download img {
	width:3rem;
	height:3.25rem;
	flex:0 0 3rem;
	object-fit:contain
}
.project-show-1 .project-download span {
	flex:1;
	font-size:1.25rem;
	line-height:1.4
}
.project-show-1 .project-download i {
	width:1.875rem;
	height:1.875rem;
	flex:0 0 1.875rem;
	color:#a4a9b2
}
.project-show-1 .project-download svg {
	width:100%;
	height:100%;
	fill:none;
	stroke:currentColor;
	stroke-width:1.6;
	stroke-linecap:round;
	stroke-linejoin:round
}
.project-show-1 .project-show-1-content {
	padding-top:.625rem
}
.project-show-1 .project-show-1-kicker {
	margin:0 0 2.5rem;
	color:var(--sub-color);
	font-size:1.375rem;
	line-height:1.3;
	font-weight:600
}
.project-show-1 .project-show-1-content h1 {
	margin:0;
	font-size:3.125rem;
	line-height:1.35;
	font-weight:600
}
.project-show-1 .project-show-1-content h2 {
	margin:4.375rem 0 2rem;
	font-size:2rem;
	line-height:1.2;
	font-weight:600
}
.project-show-1 .project-show-1-content>p:not(.project-show-1-kicker) {
	max-width:55rem;
	margin:0 0 1.25rem;
	font-size:1.25rem;
	line-height:1.95
}
.project-show-1 .project-show-1-product {
	position:sticky;
	top:1.875rem;
	align-self:start
}
.project-show-1 .project-show-1-product h2 {
	margin:0 0 2rem;
	font-size:2rem;
	line-height:1.2;
	font-weight:600
}
.project-show-1 .project-product-swiper {
	width:100%;
	height:27.375rem;
	overflow:hidden;
	border-radius:1rem;
	background:#fff
}
.project-show-1 .project-product-swiper .swiper-slide,.project-show-1 .project-product-swiper a {
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center
}
.project-show-1 .project-product-swiper img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain
}
.project-show-1 .project-product-pagination {
	bottom:1.25rem !important;
	line-height:0
}
.project-show-1 .project-product-pagination .swiper-pagination-bullet {
	width:.5rem;
	height:.5rem;
	margin:0 .375rem !important;
	opacity:1;
	background:#c5d9e1
}
.project-show-1 .project-product-pagination .swiper-pagination-bullet-active {
	background:var(--main-color)
}
.project-show-1 .project-show-1-product h3 {
	margin:1.75rem 0 0;
	color:#383838;
	font-size:1.25rem;
	line-height:1.4;
	font-weight:600
}
.project-show-1 .project-show-1-gallery {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:1.625rem
}
.project-show-1 .project-show-1-gallery img {
	width:100%;
	height:16.875rem;
	display:block;
	object-fit:cover;
	border-radius:1rem
}
@media (max-width:1024px) {
	.project-show-1 .project-show-1-inner {
	grid-template-columns:1fr;
	gap:52px;
	padding:48px 0 64px
}
.project-show-1 .project-show-1-content {
	padding-top:0
}
.project-show-1 .project-show-1-kicker {
	margin-bottom:18px;
	font-size:18px
}
.project-show-1 .project-show-1-content h1 {
	font-size:38px;
	line-height:1.3
}
.project-show-1 .project-show-1-content h2 {
	margin:48px 0 24px;
	font-size:28px
}
.project-show-1 .project-show-1-content>p:not(.project-show-1-kicker) {
	font-size:16px;
	line-height:1.8;
	margin-bottom:16px
}
.project-show-1 .project-show-1-product {
	position:relative;
	top:auto;
	width:100%;
	max-width:100%;
	min-width:0;
	margin:0 auto;
	padding:24px;
	box-sizing:border-box;
	background:#fff;
	border-radius:16px;
	box-shadow:0 8px 26px rgba(0,0,0,0.05)
}
.project-show-1 .project-show-1-product h2 {
	margin:30px 0 24px;
	font-size:28px;
	text-align:center
}
.project-show-1 .project-product-swiper {
	width:100%;
	max-width:100%;
	min-width:0;
	height:auto;
	aspect-ratio:1.35;
	border-radius:12px
}
.project-show-1 .project-product-swiper .swiper-wrapper,.project-show-1 .project-product-swiper .swiper-slide,.project-show-1 .project-product-swiper a {
	min-width:0;
	max-width:100%
}
.project-show-1 .project-product-swiper img {
	padding:24px
}
.project-show-1 .project-product-pagination {
	bottom:14px !important
}
.project-show-1 .project-product-pagination .swiper-pagination-bullet {
	width:8px;
	height:8px;
	margin:0 5px !important
}
.project-show-1 .project-show-1-product h3 {
	margin:20px 0 0;
	font-size:18px;
	line-height:1.5;
	text-align:center
}
.project-show-1 .project-show-1-gallery {
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px;
	margin-top:0
}
.project-show-1 .project-show-1-gallery img {
	height:auto;
	aspect-ratio:1.45;
	object-position:center center;
	border-radius:12px
}
.project-show-1 .project-show-1-gallery img:last-child {
	grid-column:-1;
	aspect-ratio:2.2
}
.project-show-1 .project-download {
	margin-top:50px
}
.project-show-1 .project-download h2 {
	margin-bottom:28px;
	font-size:30px
}
.project-show-1 .project-download li+li {
	margin-top:16px
}
.project-show-1 .project-download a {
	min-height:96px;
	padding:16px 24px;
	gap:24px
}
.project-show-1 .project-download img {
	width:48px;
	height:52px;
	flex-basis:48px
}
.project-show-1 .project-download span {
	font-size:17px;
	overflow-wrap:anywhere
}
}@media (max-width:767px) {
	.project-show-1 .project-show-1-gallery {
	grid-template-columns:1fr;
	gap:16px
}
.project-show-1 .project-show-1-gallery img,.project-show-1 .project-show-1-gallery img:last-child {
	grid-column:auto;
	width:100%;
	height:auto;
	aspect-ratio:1.55;
	border-radius:10px
}
}@media (max-width:640px) {
	.project-show-1 .project-show-1-inner {
	padding:34px 0 48px;
	gap:36px
}
.project-show-1 .project-show-1-kicker {
	margin-bottom:14px;
	font-size:16px
}
.project-show-1 .project-show-1-content h1 {
	font-size:29px;
	line-height:1.28
}
.project-show-1 .project-show-1-content h2,.project-show-1 .project-show-1-product h2 {
	font-size:24px
}
.project-show-1 .project-show-1-product {
	padding:18px;
	border-radius:12px
}
.project-show-1 .project-product-swiper {
	height:auto;
	aspect-ratio:1.15;
	border-radius:10px
}
.project-show-1 .project-product-swiper img {
	padding:16px
}
.project-show-1 .project-show-1-product h2 {
	margin-bottom:18px
}
.project-show-1 .project-show-1-product h3 {
	margin-top:16px;
	font-size:16px
}
.project-show-1 .project-show-1-gallery {
	grid-template-columns:1fr;
	gap:16px
}
.project-show-1 .project-show-1-gallery img {
	height:auto;
	aspect-ratio:1.55
}
.project-show-1 .project-show-1-gallery img:last-child {
	grid-column:auto;
	aspect-ratio:1.55
}
.project-show-1 .project-download h2 {
	margin-bottom:22px;
	font-size:25px
}
.project-show-1 .project-download a {
	min-height:82px;
	padding:14px 16px;
	gap:12px
}
.project-show-1 .project-download img {
	width:40px;
	height:44px;
	flex-basis:40px
}
.project-show-1 .project-download span {
	font-size:14px
}
.project-show-1 .project-download i {
	width:20px;
	height:20px;
	flex-basis:20px
}
}.projects-relate {
	padding:7.5rem 0 3.75rem 0
}
.projects-relate>h2 {
	margin:0 0 3.75rem;
	color:#1c1c1c;
	font-size:3.75rem;
	line-height:1.2;
	font-weight:600;
	text-align:center
}
.projects-relate .projects-relate-swiper {
	padding-bottom:3.75rem;
	overflow:hidden
}
.projects-relate .swiper-slide {
	height:auto
}
.projects-relate a {
	display:block;
	color:#111
}
.projects-relate .projects-relate-pic {
	height:15.5rem;
	position:relative;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:1rem;
	background:#e7edf0
}
.projects-relate .projects-relate-pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	transition:transform .55s ease
}
.projects-relate .projects-relate-pic span {
	position:absolute;
	left:1.875rem;
	top:1.25rem;
	color:#fff;
	font-size:1.125rem;
	line-height:1.2
}
.projects-relate .projects-relate-info {
	position:relative;
	padding:1.25rem 1.875rem 2rem
}
.projects-relate .projects-relate-info h3 {
	margin:0;
	color:#000;
	font-size:1.375rem;
	line-height:1.35;
	font-weight:600;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.projects-relate .projects-relate-info p {
	max-width:25rem;
	margin:.5rem 0 0;
	color:#222;
	font-size:1.3125rem;
	line-height:1.45;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.projects-relate .projects-relate-info i {
	display:block;
	margin-top:1.25rem;
	color:#fff;
	opacity:.9
}
.projects-relate .projects-relate-info svg {
	width:1.375rem;
	height:1.375rem;
	fill:none;
	stroke:currentColor;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round
}
.projects-relate a:hover .projects-relate-pic img {
	transform:scale(1.05)
}
.projects-relate a:hover .projects-relate-info h3 {
	color:var(--sub-color)
}
.projects-relate .projects-relate-pagination {
	bottom:0 !important;
	line-height:0
}
.projects-relate .projects-relate-pagination {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:.75rem
}
.projects-relate .projects-relate-pagination .swiper-pagination-bullet {
	width:.625rem;
	height:.625rem;
	margin:0 !important;
	opacity:1;
	border-radius:50%;
	background:#c4d8e1;
	transition:all .25s ease
}
.projects-relate .projects-relate-pagination .swiper-pagination-bullet-active {
	width:1.125rem;
	height:1.125rem;
	position:relative;
	border:.0625rem solid var(--main-color);
	background:#fff
}
.projects-relate .projects-relate-pagination .swiper-pagination-bullet-active::after {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:.5625rem;
	height:.5625rem;
	border-radius:50%;
	background:var(--main-color);
	transform:translate(-50%,-50%)
}
@media (max-width:1024px) {
	.projects-relate {
	margin-top:40px;
	padding:52px 0 44px
}
.projects-relate>h2 {
	margin-bottom:32px;
	font-size:42px
}
.projects-relate .projects-relate-pic {
	height:248px;
	border-radius:12px
}
.projects-relate .projects-relate-pic span {
	left:22px;
	top:16px;
	font-size:16px
}
.projects-relate .projects-relate-info {
	padding:14px 20px 24px
}
.projects-relate .projects-relate-info h3 {
	font-size:20px
}
.projects-relate .projects-relate-info p {
	font-size:16px
}
.projects-relate .projects-relate-pagination {
	gap:12px
}
.projects-relate .projects-relate-pagination .swiper-pagination-bullet {
	width:10px;
	height:10px
}
.projects-relate .projects-relate-pagination .swiper-pagination-bullet-active {
	width:18px;
	height:18px;
	border-width:1px
}
.projects-relate .projects-relate-pagination .swiper-pagination-bullet-active::after {
	width:9px;
	height:9px
}
}@media (max-width:640px) {
	.projects-relate {
	margin-top:28px;
	padding:40px 0 36px
}
.projects-relate>h2 {
	margin-bottom:26px;
	font-size:30px
}
.projects-relate .projects-relate-pic {
	height:230px
}
.projects-relate .projects-relate-info {
	padding-left:16px;
	padding-right:16px
}
}.news-show {
	min-height:2.25rem;
	color:#fff
}
.news-show .news-show-inner {
	background:#1a6698;
	padding:8.125rem 0 4.125rem 0;
}
.news-show .news-show-breadcrumb {
	display:flex;
	align-items:center;
	gap:1.25rem;
	color:#fff;
	font-size:1rem;
	line-height:1.4
}
.news-show .news-show-breadcrumb a {
	display:inline-flex;
	align-items:center;
	gap:.75rem;
	color:#fff
}
.news-show .news-show-breadcrumb a:hover {
	color:#fff;
	opacity:.8
}
.news-show .news-show-breadcrumb i {
	color:rgba(255,255,255,0.45);
	font-size:1.75rem;
	font-style:normal;
	line-height:1
}
.news-show .news-show-breadcrumb svg {
	width:1.375rem;
	height:1.375rem;
	fill:none;
	stroke:currentColor;
	stroke-width:1.6;
	stroke-linecap:round;
	stroke-linejoin:round
}
.news-show h1 {
	margin:3.375rem 0 4rem;
	color:#fff;
	font-size:3.0625rem;
	line-height:1.35;
	font-weight:600
}
.news-show .news-show-meta {
	min-height:3.625rem;
	padding:0 .5rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-top:1px solid rgba(255,255,255,0.28);
	border-bottom:1px solid rgba(255,255,255,0.28)
}
.news-show .news-show-meta ul {
	margin:0;
	padding:0;
	display:flex;
	align-items:center;
	gap:3.25rem;
	list-style:none
}
.news-show .news-show-meta li {
	color:#fff;
	font-size:1rem;
	line-height:1.4
}
.news-show .news-show-share {
	display:flex;
	align-items:center;
	gap:1.5rem
}
.news-show .news-show-share svg {
	width:1.25rem;
	height:1.25rem
}
.news-show .news-show-share a:first-child svg {
	stroke:#fff;
	fill:#fff
}
.news-show .news-show-share a {
	width:1.625rem;
	height:1.625rem;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#fff
}
.news-show .news-show-share a:hover {
	color:#fff;
	opacity:.75
}
.news-show .news-show-share b {
	font-size:1.25rem;
	line-height:1;
	font-weight:600
}
@media (max-width:1024px) {
	.news-show {
	min-height:0
}
.news-show .news-show-inner {
	width:100%;
	max-width:none;
	padding:64px 0 30px 0
}
.news-show .news-show-breadcrumb {
	gap:14px;
	font-size:15px;
	display:none
}
.news-show .news-show-breadcrumb svg {
	width:20px;
	height:20px
}
.news-show .news-show-breadcrumb i {
	font-size:24px
}
.news-show h1 {
	max-width:900px;
	margin:40px 0 42px;
	font-size:40px;
	line-height:1.3;
	overflow-wrap:anywhere
}
.news-show .news-show-meta {
	border-bottom:0;
	min-height:58px;
	padding:10px 0;
	gap:20px;
	flex-wrap:wrap
}
.news-show .news-show-meta ul {
	min-width:0;
	flex:1 1 auto;
	gap:28px;
	flex-wrap:wrap
}
.news-show .news-show-meta li {
	font-size:15px
}
.news-show .news-show-share {
	gap:16px;
	flex:0 0 auto;
	display:none
}
.news-show .news-main-text .news-show-pager a {
	min-width:0;
	padding:0 4px
}
.news-show .news-main-text .news-show-pager span,.news-show .news-main-text .news-show-pager strong {
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
}@media (max-width:640px) {
	.news-show .news-show-inner {
	width:100%;
	max-width:none
}
.news-show .news-show-breadcrumb {
	flex-wrap:wrap;
	gap:8px 10px;
	font-size:14px
}
.news-show .news-show-breadcrumb svg {
	width:18px;
	height:18px
}
.news-show h1 {
	max-width:none;
	margin:34px 0 34px;
	font-size:20px;
	line-height:1.35
}
.news-show .news-show-desktop-break {
	display:none
}
.news-show .news-show-meta {
	padding:16px 0;
	display:block
}
.news-show .news-show-meta ul {
	flex-wrap:wrap;
	gap:8px 0
}
.news-show .news-show-meta li {
	font-size:12px
}
.news-show .news-show-share {
	margin-top:16px;
	justify-content:flex-end;
	gap:14px
}
.news-show .news-main-text .news-show-pager a {
	min-height:56px;
	padding:8px 0
}
}.latest-news {
	padding:6.25rem 0;
	background:#f7f7f7
}
.latest-news h2 {
	margin:0 0 2.5rem;
	color:#1c1c1c;
	font-size:3.75rem;
	line-height:1.2;
	font-weight:600;
	text-align:center
}
.latest-news .latest-news-swiper {
	padding-bottom:6.25rem;
	overflow:hidden
}
.latest-news .swiper-slide {
	height:auto
}
.latest-news article {
	height:100%
}
.latest-news .latest-news-image {
	height:17.0625rem;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:1rem;
	background:#e8edf0
}
.latest-news .latest-news-image img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	transition:transform .55s ease
}
.latest-news .latest-news-image:hover img {
	transform:scale(1.045)
}
.latest-news .latest-news-info {
	padding:1.75rem .375rem 0
}
.latest-news time {
	display:block;
	color:#999;
	line-height:1.4
}
.latest-news h3 {
	height:5.625rem;
	margin:.75rem 0 2.5rem;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	color:#383838;
	font-size:1.375rem;
	line-height:1.4;
	font-weight:600
}
.latest-news .latest-news-more {
	width:12.5rem;
	height:3.75rem;
	padding:0 .625rem 0 1.875rem;
	position:relative;
	overflow:hidden;
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
	border:.0625rem solid #d5d5d5;
	border-radius:1.875rem;
	color:#383838;
	font-size:1.125rem;
	font-weight:600;
	transition:border-color .3s ease,color .3s ease
}
.latest-news .latest-news-more::before {
	content:"";
	position:absolute;
	inset:-0.0625rem;
	border-radius:inherit;
	background:var(--sub-color);
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .45s cubic-bezier(.7,0,.25,1)
}
.latest-news .latest-news-more span,.latest-news .latest-news-more i {
	position:relative;
	z-index:1
}
.latest-news .latest-news-more i {
	width:2.5rem;
	height:2.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	color:#fff;
	background:var(--main-color);
	transition:transform .35s ease
}
.latest-news .latest-news-more svg {
	width:1.375rem;
	height:1.375rem;
	fill:none;
	stroke:currentColor;
	stroke-width:2.2;
	stroke-linecap:round;
	stroke-linejoin:round
}
.latest-news .latest-news-more:hover {
	color:#fff;
	border-color:var(--sub-color)
}
.latest-news .latest-news-more:hover::before {
	transform:scaleX(1)
}
.latest-news .latest-news-more:hover i {
	transform:translateX(.125rem)
}
.latest-news .latest-news-pagination {
	bottom:0 !important;
	height:1.125rem;
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:0
}
.latest-news .latest-news-pagination .swiper-pagination-bullet {
	width:.625rem;
	height:.625rem;
	margin:0 .375rem !important;
	opacity:1;
	border-radius:50%;
	background:#c4d8e1
}
.latest-news .latest-news-pagination .swiper-pagination-bullet-active {
	width:1.125rem;
	height:1.125rem;
	position:relative;
	border:.0625rem solid var(--main-color);
	background:#fff
}
.latest-news .latest-news-pagination .swiper-pagination-bullet-active::after {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:.5625rem;
	height:.5625rem;
	border-radius:50%;
	background:var(--main-color);
	transform:translate(-50%,-50%)
}
@media (max-width:1024px) {
	.latest-news {
	padding:64px 0 58px
}
.latest-news h2 {
	margin-bottom:34px;
	font-size:42px
}
.latest-news .latest-news-swiper {
	padding-bottom:52px
}
.latest-news .latest-news-image {
	height:248px;
	border-radius:12px
}
.latest-news .latest-news-info {
	padding:22px 4px 0
}
.latest-news time {
	font-size:15px
}
.latest-news h3 {
	height:84px;
	margin:10px 0 26px;
	font-size:20px
}
.latest-news .latest-news-more {
	width:180px;
	height:52px;
	padding-left:24px;
	padding-right:8px;
	border-radius:26px;
	font-size:16px
}
.latest-news .latest-news-more i {
	width:36px;
	height:36px
}
.latest-news .latest-news-more svg {
	width:20px;
	height:20px
}
.latest-news .latest-news-pagination .swiper-pagination-bullet {
	width:10px;
	height:10px;
	margin:0 6px !important
}
.latest-news .latest-news-pagination {
	height:18px
}
.latest-news .latest-news-pagination .swiper-pagination-bullet-active {
	width:18px;
	height:18px
}
.latest-news .latest-news-pagination .swiper-pagination-bullet-active::after {
	width:9px;
	height:9px
}
}@media (max-width:640px) {
	.latest-news {
	padding:46px 0 44px
}
.latest-news h2 {
	margin-bottom:26px;
	font-size:30px
}
.latest-news .latest-news-image {
	height:230px
}
.latest-news .latest-news-info {
	padding-top:18px
}
.latest-news h3 {
	height:78px;
	font-size:19px
}
.latest-news .latest-news-more {
	width:170px
}
}.news-main-text {
	z-index:3;
	color:#333;
	padding-bottom:5rem;
	margin-top:3.4375rem;
	position:relative;
	font-size:1.25rem;
	line-height:2
}
.news-main-text .f32 {
	font-size:2rem;
	font-weight:600
}
.news-main-text p {
	margin-top:3.125rem
}
.news-main-text p:first-child {
	margin-top:0
}
.news-main-text b,.news-main-text strong {
	font-weight:600
}
.news-main-text .news-show-labels {
	margin-top:6.25rem;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:.4375rem;
	color:#333
}
.news-main-text .news-show-labels>span {
	margin-right:.1875rem;
	font-size:1.5rem
}
.news-main-text .news-show-labels a {
	padding:.1875rem .625rem;
	color:#333;
	font-family:inherit;
	line-height:1.625rem;
	transition:color .3s ease,background .3s ease
}
.news-main-text .news-show-labels a:hover {
	color:var(--sub-color)
}
.news-main-text .news-show-pager {
	margin-top:2.625rem;
	border-top:1px solid #aeb3b9;
	border-bottom:1px solid #aeb3b9
}
.news-main-text .news-show-pager a {
	min-height:4.1875rem;
	display:flex;
	align-items:center;
	color:#333;
	font-size:1.5rem;
	border-bottom:1px solid #e4e6e8;
	font-weight:100
}
.news-main-text .news-show-pager a:last-child {
	border-bottom:0
}
.news-main-text .news-show-pager a:hover strong {
	color:var(--sub-color)
}
.news-main-text .news-show-pager span {
	font-size:1.5rem;
	font-weight:100;
	min-width:10rem;
	flex:none;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-right:2.125rem;
	font-weight:normal
}
.news-main-text .news-show-pager i {
	width:0;
	height:0;
	border-left:.25rem solid transparent;
	border-right:.25rem solid transparent;
	border-bottom:.3125rem solid #222
}
.news-main-text .news-show-pager a:last-child i {
	border-top:.3125rem solid #222;
	border-bottom:0
}
.news-main-text .news-show-pager strong {
	font-family:inherit;
	font-weight:normal;
	transition:color .3s ease
}
.news-main-text .news-fanhui {
	display:flex;
	justify-content:flex-end;
	margin-top:3.125rem
}
.news-main-text .news-fanhui a {
	line-height:2.5rem;
	font-size:1.125rem;
	padding:0 .9375rem;
	color:#fff;
	text-align:center;
	display:inline-block;
	min-width:7.5rem;
	background:var(--sub-color)
}
.news-main-text .news-fanhui a:hover {
	background:var(--main-color)
}
@media (max-width:1024px) {
	.news-main-text {
	padding:0 0 70px;
	margin-top:36px;
	font-size:17px;
	line-height:1.85
}
.news-main-text .container {
	padding:0 32px
}
.news-main-text .f32 {
	font-size:28px;
	line-height:1.35
}
.news-main-text p {
	margin-top:32px
}
.news-main-text p img {
	width:100%;
	height:auto;
	display:block;
	object-fit:contain
}
.news-main-text .news-show-labels {
	margin-top:64px;
	gap:6px
}
.news-main-text .news-show-labels>span {
	margin-right:4px;
	font-size:20px
}
.news-main-text .news-show-labels a {
	padding:3px 9px;
	line-height:24px;
	font-size:15px
}
.news-main-text .news-show-pager {
	margin-top:34px
}
.news-main-text .news-show-pager i {
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-bottom:4px solid #222
}
.news-main-text .news-show-pager a:last-child i {
	border-top:4px solid #222
}
.news-main-text .news-show-pager a {
	min-height:58px;
	font-size:17px
}
.news-main-text .news-show-pager span {
	min-width:125px;
	padding-right:22px;
	font-size:16px
}
.news-main-text .news-fanhui {
	margin-top:34px;
	display:none
}
}@media (max-width:640px) {
	.news-main-text {
	padding-bottom:48px;
	font-size:15px;
	line-height:1.75
}
.news-main-text .container {
	padding:0 20px
}
.news-main-text .f32 {
	font-size:23px
}
.news-main-text p {
	margin-top:24px
}
.news-main-text .news-show-labels {
	margin-top:44px
}
.news-main-text .news-show-labels>span {
	font-size:17px
}
.news-main-text .news-show-labels a {
	font-size:14px
}
.news-main-text .news-show-pager {
	margin-top:28px
}
.news-main-text .news-show-pager a {
	min-height:52px;
	display:grid;
	grid-template-columns:82px minmax(0,1fr);
	gap:8px;
	font-size:14px;
	line-height:1.4
}
.news-main-text .news-show-pager span {
	min-width:0;
	padding-right:10px;
	font-size:14px
}
.news-main-text .news-fanhui {
	margin-top:26px
}
}.product-show .product-show-expert {
	isolation:isolate;
	overflow:hidden;
	transition:color .35s ease
}
.product-show .product-show-expert::before {
	content:"";
	position:absolute;
	inset:0;
	background:var(--sub-color);
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .45s cubic-bezier(.7,0,.25,1);
	z-index:0
}
.product-show .product-show-expert>span,.product-show .product-show-expert>i {
	position:relative;
	z-index:1
}
.product-show .product-show-expert>i {
	transition:transform .35s ease,background-color .35s ease,color .35s ease
}
.product-show .product-show-expert:hover::before {
	transform:scaleX(1)
}
.product-show .product-show-expert:hover>i {
	transform:translateX(.25rem)
}