@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	53%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}
	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce {
	0%,
	100%,
	20%,
	53%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}
	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}
	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}
	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes shake {
	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shake {
	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none
	}
	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}
	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}
	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}
	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}
	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none
	}
	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}
	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}
	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}
	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}
	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes bounceIn {
	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn {
	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInDown {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInLeft {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInRight {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInUp {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}
	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}
	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1
	}
	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1
	}
	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}
	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}
	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}
	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}
	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes rollOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	100% {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	100% {
		opacity: 0
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}
/* 初始化 */
html {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
  -webkit-overflow-scrolling: touch;
  direction: ltr !important;
  scroll-padding-top: 150px;
  scroll-behavior: smooth
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img {
  margin: 0;
  padding: 0;
}

button,
input,
textarea,
select {
  font-size: inherit;
  font-weight: inherit;
  border: 0;
  outline: 0;
}

ul,
ol,
li {
  list-style: none;
}

fieldset,
img {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
code,
dfn,
em,
var,
i,
b,
p,
dd,
dt {
  font-style: normal;
}

a {
  text-decoration: none;
  color: inherit;
}

iconify-icon {
  color: inherit;
}

a,
iconify-icon,
strong {
  font-size: inherit;
}

input,
textarea {
  outline-style: none;
}

/* wpforms表单插件生成代码初始化 */
.wpforms-container .wpforms-confirmation-scroll,
.wpforms-container .wpforms-error-container {
  line-height: 16px;
}

.wpforms-field-container .wpforms-field {
  padding: 0;
  margin: 0;
}

.wpforms-field-container input,
.wpforms-field-container textarea {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

.wpforms-hidden {
  display: none;
}

/* 全局表单文字 */
input::-webkit-input-placeholder {
  color: #aaa;
  font-size: 0.15rem;
}

input::-moz-placeholder {
  color: #aaa;
  font-size: 0.15rem;
}

input:-moz-placeholder {
  color: #aaa;
  font-size: 0.15rem;
}

input:-ms-input-placeholder {
  color: #aaa;
  font-size: 0.15rem;
}

/*滚动条*/
::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #ddd;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: #f1f1f1;
}

/* 复制选中 */
::selection {
  background: #338fff;
  color: #fff;
}

::-moz-selection {
  background: #338fff;
  color: #fff;
}

::-webkit-selection {
  background: #338fff;
  color: #fff;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.container {
  overflow: hidden;
}

.df {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.pr {
  position: relative;
}

.clear {
  clear: both;
}

/* font size */
.fz18 {
  font-size: 18px;
  line-height: 26px;
}

.fz17 {
  font-size: 17px;
  line-height: 24px;
}

.fz16 {
  font-size: 16px;
  line-height: 24px;
}

.fz15 {
  font-size: 15px;
  line-height: 22px;
}

.fz14 {
  font-size: 14px;
  line-height: 20px;
}

.fz13 {
  font-size: 13px;
  line-height: 20px;
}

.fz12 {
  font-size: 12px;
  line-height: 18px;
}

@media screen and (max-width: 1440px) {
  .fz18 {
    font-size: 17px;
    line-height: 24px;
  }

  .fz17 {
    font-size: 16px;
    line-height: 22px;
  }
}

@media screen and (max-width: 1366px) {
  .fz18 {
    font-size: 16px;
    line-height: 22px;
  }

  .fz17 {
    font-size: 16px;
  }

  .fz16 {
    font-size: 15px;
    line-height: 22px;
  }
}

@media screen and (max-width: 1200px) {
  .fz16 {
    font-size: 15px;
  }
}

@media screen and (max-width: 1024px) {
  .fz18 {
    font-size: 15px;
    line-height: 20px;
  }

  .fz17 {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .fz18 {
    font-size: 14px;
  }

  .fz17 {
    font-size: 14px;
    line-height: 20px;
  }

  .fz16 {
    font-size: 14px;
  }

  .fz15,
  .fz14 {
    font-size: 13px;
    line-height: 18px;
  }
}

@media screen and (max-width: 560px) {}

/* filleted corner */
.o40 {
  -webkit-border-radius: 0.4rem;
  border-radius: 0.4rem;
}

.o30 {
  -webkit-border-radius: 0.3rem;
  border-radius: 0.3rem;
}

@media screen and (max-width: 1024px) {
  .o40 {
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
  }

  .o30 {
    -webkit-border-radius: 0.24rem;
    border-radius: 0.24rem;
  }
}

@media screen and (max-width: 768px) {
  .o40 {
    -webkit-border-radius: 0.2rem;
    border-radius: 0.2rem;
  }

  .o30 {
    -webkit-border-radius: 0.2rem;
    border-radius: 0.2rem;
  }
}

/* spacing */
.m140 {
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
}

.m120 {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}

.m100 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.m80 {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

.m70 {
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
}

.m60 {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}

.m50 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.m40 {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

.m30 {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

.mt140 {
  margin-top: 1.4rem;
}

.mt120 {
  margin-top: 1.2rem;
}

.mt100 {
  margin-top: 1rem;
}

.mt80 {
  margin-top: 0.8rem;
}

.mt70 {
  margin-top: 0.7rem;
}

.mt60 {
  margin-top: 0.6rem;
}

.mt50 {
  margin-top: 0.5rem;
}

.mt40 {
  margin-top: 0.4rem;
}

.mt30 {
  margin-top: 0.3rem;
}

.mb140 {
  margin-bottom: 1.4rem;
}

.mb120 {
  margin-bottom: 1.2rem;
}

.mb100 {
  margin-bottom: 1rem;
}

.mb80 {
  margin-bottom: 0.8rem;
}

.mb70 {
  margin-bottom: 0.7rem;
}

.mb60 {
  margin-bottom: 0.6rem;
}

.mb50 {
  margin-bottom: 0.5rem;
}

.mb40 {
  margin-bottom: 0.4rem;
}

.mb30 {
  margin-bottom: 0.3rem;
}

@media screen and (max-width: 1440px) {
  .m140 {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
  }

  .mt140 {
    margin-top: 1.2rem;
  }

  .mb140 {
    margin-bottom: 1.2rem;
  }

  .m120 {
    margin-top: 1.1rem;
    margin-bottom: 1.1rem;
  }

  .mt120 {
    margin-top: 1.1rem;
  }

  .mb120 {
    margin-bottom: 1.1rem;
  }

  .m100 {
    margin-top: 0.9rem;
    margin-bottom: 0.9rem;
  }

  .mt100 {
    margin-top: 0.9rem;
  }

  .mb100 {
    margin-bottom: 0.9rem;
  }
}

@media screen and (max-width: 1366px) {
  .m140 {
    margin-top: 1.1rem;
    margin-bottom: 1.1rem;
  }

  .mt140 {
    margin-top: 1.1rem;
  }

  .mb140 {
    margin-bottom: 1.1rem;
  }

  .m120 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .mt120 {
    margin-top: 1rem;
  }

  .mb120 {
    margin-bottom: 1rem;
  }

  .m100 {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
  }

  .mt100 {
    margin-top: 0.8rem;
  }

  .mb100 {
    margin-bottom: 0.8rem;
  }

  .m80 {
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
  }

  .mt80 {
    margin-top: 0.7rem;
  }

  .mb80 {
    margin-bottom: 0.7rem;
  }

  .m70 {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
  }

  .mt70 {
    margin-top: 0.6rem;
  }

  .mb70 {
    margin-bottom: 0.6rem;
  }

  .m60 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .mt60 {
    margin-top: 0.5rem;
  }

  .mb60 {
    margin-bottom: 0.5rem;
  }
}

@media screen and (max-width: 1200px) {
  .m140 {
    margin-top: 0.9rem;
    margin-bottom: 0.9rem;
  }

  .mt140 {
    margin-top: 0.9rem;
  }

  .mb140 {
    margin-bottom: 0.9rem;
  }

  .m120 {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
  }

  .mt120 {
    margin-top: 0.8rem;
  }

  .mb120 {
    margin-bottom: 0.8rem;
  }

  .m100 {
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
  }

  .mt100 {
    margin-top: 0.7rem;
  }

  .mb100 {
    margin-bottom: 0.7rem;
  }

  .m80 {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
  }

  .mt80 {
    margin-top: 0.6rem;
  }

  .mb80 {
    margin-bottom: 0.6rem;
  }

  .m70 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .mt70 {
    margin-top: 0.5rem;
  }

  .mb70 {
    margin-bottom: 0.5rem;
  }
}

@media screen and (max-width: 1024px) {
  .m140 {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
  }

  .mt140 {
    margin-top: 0.6rem;
  }

  .mb140 {
    margin-bottom: 0.6rem;
  }

  .m120 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .mt120 {
    margin-top: 0.5rem;
  }

  .mb120 {
    margin-bottom: 0.5rem;
  }

  .m100 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .mt100 {
    margin-top: 0.5rem;
  }

  .mb100 {
    margin-bottom: 0.5rem;
  }

  .m80 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .mt80 {
    margin-top: 0.5rem;
  }

  .mb80 {
    margin-bottom: 0.5rem;
  }

  .m70 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }

  .mt70 {
    margin-top: 0.4rem;
  }

  .mb70 {
    margin-bottom: 0.4rem;
  }

  .m60 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }

  .mt60 {
    margin-top: 0.4rem;
  }

  .mb60 {
    margin-bottom: 0.4rem;
  }

  .m50 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }

  .mt50 {
    margin-top: 0.4rem;
  }

  .mb50 {
    margin-bottom: 0.4rem;
  }
}

@media screen and (max-width: 768px) {
  .m140 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .mt140 {
    margin-top: 0.5rem;
  }

  .mb140 {
    margin-bottom: 0.5rem;
  }

  .m80 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }

  .mt80 {
    margin-top: 0.4rem;
  }

  .mb80 {
    margin-bottom: 0.4rem;
  }

  .m60 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }

  .mt60 {
    margin-top: 0.4rem;
  }

  .mb60 {
    margin-bottom: 0.4rem;
  }

  .m50 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }

  .mt50 {
    margin-top: 0.4rem;
  }

  .mb50 {
    margin-bottom: 0.4rem;
  }

  .m40 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }

  .mt40 {
    margin-top: 0.4rem;
  }

  .mb40 {
    margin-bottom: 0.4rem;
  }
}

@media screen and (max-width: 560px) {
  .m140 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }

  .mt140 {
    margin-top: 0.4rem;
  }

  .mb140 {
    margin-bottom: 0.4rem;
  }

  .m120 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }

  .mt120 {
    margin-top: 0.4rem;
  }

  .mb120 {
    margin-bottom: 0.4rem;
  }

  .m100 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }

  .mt100 {
    margin-top: 0.4rem;
  }

  .mb100 {
    margin-bottom: 0.4rem;
  }

  .m80 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }

  .mt80 {
    margin-top: 0.4rem;
  }

  .mb80 {
    margin-bottom: 0.4rem;
  }

  .m60 {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
  }

  .mt60 {
    margin-top: 0.3rem;
  }

  .mb60 {
    margin-bottom: 0.3rem;
  }

  .m50 {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
  }

  .mt50 {
    margin-top: 0.3rem;
  }

  .mb50 {
    margin-bottom: 0.3rem;
  }

  .m40 {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
  }

  .mt40 {
    margin-top: 0.3rem;
  }

  .mb40 {
    margin-bottom: 0.3rem;
  }
}

.p140 {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}

.p120 {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.p100 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p80 {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.p70 {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.p60 {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.p50 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.p40 {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.p30 {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.pt140 {
  padding-top: 1.4rem;
}

.pt120 {
  padding-top: 1.2rem;
}

.pt100 {
  padding-top: 1rem;
}

.pt80 {
  padding-top: 0.8rem;
}

.pt70 {
  padding-top: 0.7rem;
}

.pt60 {
  padding-top: 0.6rem;
}

.pt50 {
  padding-top: 0.5rem;
}

.pt40 {
  padding-top: 0.4rem;
}

.pt30 {
  padding-top: 0.3rem;
}

.pb140 {
  padding-bottom: 1.4rem;
}

.pb120 {
  padding-bottom: 1.2rem;
}

.pb100 {
  padding-bottom: 1rem;
}

.pb80 {
  padding-bottom: 0.8rem;
}

.pb70 {
  padding-bottom: 0.7rem;
}

.pb60 {
  padding-bottom: 0.6rem;
}

.pb50 {
  padding-bottom: 0.5rem;
}

.pb40 {
  padding-bottom: 0.4rem;
}

.pb30 {
  padding-bottom: 0.3rem;
}

@media screen and (max-width: 1440px) {
  .p140 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }

  .pt140 {
    padding-top: 1.2rem;
  }

  .pb140 {
    padding-bottom: 1.2rem;
  }

  .p120 {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
  }

  .pt120 {
    padding-top: 1.1rem;
  }

  .pb120 {
    padding-bottom: 1.1rem;
  }

  .p100 {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
  }

  .pt100 {
    padding-top: 0.9rem;
  }

  .pb100 {
    padding-bottom: 0.9rem;
  }
}

@media screen and (max-width: 1366px) {
  .p140 {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
  }

  .pt140 {
    padding-top: 1.1rem;
  }

  .pb140 {
    padding-bottom: 1.1rem;
  }

  .p120 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .pt120 {
    padding-top: 1rem;
  }

  .pb120 {
    padding-bottom: 1rem;
  }

  .p100 {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }

  .pt100 {
    padding-top: 0.8rem;
  }

  .pb100 {
    padding-bottom: 0.8rem;
  }

  .p80 {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }

  .pt80 {
    padding-top: 0.7rem;
  }

  .pb80 {
    padding-bottom: 0.7rem;
  }

  .p70 {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }

  .pt70 {
    padding-top: 0.6rem;
  }

  .pb70 {
    padding-bottom: 0.6rem;
  }

  .p60 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .pt60 {
    padding-top: 0.5rem;
  }

  .pb60 {
    padding-bottom: 0.5rem;
  }
}

@media screen and (max-width: 1200px) {
  .p140 {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
  }

  .pt140 {
    padding-top: 0.9rem;
  }

  .pb140 {
    padding-bottom: 0.9rem;
  }

  .p120 {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }

  .pt120 {
    padding-top: 0.8rem;
  }

  .pb120 {
    padding-bottom: 0.8rem;
  }

  .p100 {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }

  .pt100 {
    padding-top: 0.7rem;
  }

  .pb100 {
    padding-bottom: 0.7rem;
  }

  .p80 {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }

  .pt80 {
    padding-top: 0.6rem;
  }

  .pb80 {
    padding-bottom: 0.6rem;
  }

  .p70 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .pt70 {
    padding-top: 0.5rem;
  }

  .pb70 {
    padding-bottom: 0.5rem;
  }
}

@media screen and (max-width: 1024px) {
  .p140 {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }

  .pt140 {
    padding-top: 0.6rem;
  }

  .pb140 {
    padding-bottom: 0.6rem;
  }

  .p120 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .pt120 {
    padding-top: 0.5rem;
  }

  .pb120 {
    padding-bottom: 0.5rem;
  }

  .p100 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .pt100 {
    padding-top: 0.5rem;
  }

  .pb100 {
    padding-bottom: 0.5rem;
  }

  .p80 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .pt80 {
    padding-top: 0.4rem;
  }

  .pb80 {
    padding-bottom: 0.4rem;
  }

  .p70 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .pt70 {
    padding-top: 0.4rem;
  }

  .pb70 {
    padding-bottom: 0.4rem;
  }

  .p60 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .pt60 {
    padding-top: 0.4rem;
  }

  .pb60 {
    padding-bottom: 0.4rem;
  }

  .p50 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .pt50 {
    padding-top: 0.4rem;
  }

  .pb50 {
    padding-bottom: 0.4rem;
  }
}

@media screen and (max-width: 768px) {
  .p140 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .pt140 {
    padding-top: 0.5rem;
  }

  .pb140 {
    padding-bottom: 0.5rem;
  }

  .p60 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .pt60 {
    padding-top: 0.4rem;
  }

  .pb60 {
    padding-bottom: 0.4rem;
  }

  .p50 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .pt50 {
    padding-top: 0.4rem;
  }

  .pb50 {
    padding-bottom: 0.4rem;
  }

  .p40 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .pt40 {
    padding-top: 0.4rem;
  }

  .pb40 {
    padding-bottom: 0.4rem;
  }
}

@media screen and (max-width: 560px) {
  .p140 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .pt140 {
    padding-top: 0.4rem;
  }

  .pb140 {
    padding-bottom: 0.4rem;
  }

  .p120 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .pt120 {
    padding-top: 0.4rem;
  }

  .pb120 {
    padding-bottom: 0.4rem;
  }

  .p100 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .pt100 {
    padding-top: 0.4rem;
  }

  .pb100 {
    padding-bottom: 0.4rem;
  }

  .p80 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .pt80 {
    padding-top: 0.4rem;
  }

  .pb80 {
    padding-bottom: 0.4rem;
  }

  .p60 {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
  }

  .p60 {
    padding-top: 0.3rem;
  }

  .p60 {
    padding-bottom: 0.3rem;
  }

  .p50 {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
  }

  .p50 {
    padding-top: 0.3rem;
  }

  .p50 {
    padding-bottom: 0.3rem;
  }

  .p40 {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
  }

  .p40 {
    padding-top: 0.3rem;
  }

  .p40 {
    padding-bottom: 0.3rem;
  }
}

/* -----------通用页面-------------------------------- */

/* privacy */
.privacy_cont {}

.privacy_cont .tit {
  margin-bottom: 30px;
}

.privacy_cont .tit h2 {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}

.privacy_cont article,
.privacy_cont article * {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}

/* 感谢页面 */
.thanks {
  padding-top: 100px;
  margin: 0px auto 100px;
  text-align: center;
}

.thanks h2 {
  margin-bottom: 20px;
  font-size: 30px;
  color: #222;
  font-weight: bold;
}

.thanks a {
  z-index: 2;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  position: relative;
  transition: all 1s ease;
}

.btns {
  height: 4em;
  width: 12em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0px solid black;
  cursor: pointer;
}

.btns:hover p {
  color: var(--i_color);
}

.wrapper {
  height: 2em;
  width: 8em;
  position: relative;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.thanks .text {
  font-size: 17px;
  z-index: 1;
  color: #000;
  padding: 4px 12px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.7);
  transition: all 0.5s ease;
}

.flower {
  display: grid;
  grid-template-columns: 1em 1em;
  position: absolute;
  transition: grid-template-columns 0.8s ease;
}

.flower1 {
  top: -12px;
  left: -13px;
  transform: rotate(5deg);
}

.flower2 {
  bottom: -5px;
  left: 8px;
  transform: rotate(35deg);
}

.flower3 {
  bottom: -15px;
  transform: rotate(0deg);
}

.flower4 {
  top: -14px;
  transform: rotate(15deg);
}

.flower5 {
  right: 11px;
  top: -3px;
  transform: rotate(25deg);
}

.flower6 {
  right: -15px;
  bottom: -15px;
  transform: rotate(30deg);
}

.petal {
  height: 1em;
  width: 1em;
  border-radius: 40% 70% / 7% 90%;
  background: linear-gradient(#07a6d7, #93e0ee);
  border: 0.5px solid #96d1ec;
  z-index: 0;
  transition: width 0.8s ease, height 0.8s ease;
}

.two {
  transform: rotate(90deg);
}

.three {
  transform: rotate(270deg);
}

.four {
  transform: rotate(180deg);
}

.btns:hover .petal {
  background: linear-gradient(#0761d7, #93bdee);
  border: 0.5px solid #96b4ec;
}

.btns:hover .flower {
  grid-template-columns: 1.5em 1.5em;
}

.btns:hover .flower .petal {
  width: 1.5em;
  height: 1.5em;
}

.btns:hover .text {
  background: rgba(255, 255, 255, 0.4);
}

.btns:hover div.flower1 {
  animation: 15s linear 0s normal none infinite running flower1;
}

@keyframes flower1 {
  0% {
    transform: rotate(5deg);
  }

  100% {
    transform: rotate(365deg);
  }
}

.btns:hover div.flower2 {
  animation: 13s linear 1s normal none infinite running flower2;
}

@keyframes flower2 {
  0% {
    transform: rotate(35deg);
  }

  100% {
    transform: rotate(-325deg);
  }
}

.btns:hover div.flower3 {
  animation: 16s linear 1s normal none infinite running flower3;
}

@keyframes flower3 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.btns:hover div.flower4 {
  animation: 17s linear 1s normal none infinite running flower4;
}

@keyframes flower4 {
  0% {
    transform: rotate(15deg);
  }

  100% {
    transform: rotate(375deg);
  }
}

.btns:hover div.flower5 {
  animation: 20s linear 1s normal none infinite running flower5;
}

@keyframes flower5 {
  0% {
    transform: rotate(25deg);
  }

  100% {
    transform: rotate(-335deg);
  }
}

.btns:hover div.flower6 {
  animation: 15s linear 1s normal none infinite running flower6;
}

@keyframes flower6 {
  0% {
    transform: rotate(30deg);
  }

  100% {
    transform: rotate(390deg);
  }
}

@media screen and (max-width: 1200px) {
  .thanks {
    padding-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .thanks {
    padding-top: 40px;
    margin: 0px auto 70px;
  }
}

@media screen and (max-width: 560px) {}

/* 404 */
.in404 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.in404_text {
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
}

.in404_text h1 {
  font-size: 220px;
  color: #bbb;
}

.in404_text h6 {
  margin: 10px auto 30px;
  font-size: 18px;
  color: #999;
}

.in404_text a {
  display: inline-block;
  padding: 0 40px;
  line-height: 32px;
  font-size: 15px;
  color: #999;
  border: 2px solid #ddd;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

@media screen and (max-width: 959px) {
  .in404_text h1 {
    font-size: 180px;
  }
}

@media screen and (max-width: 768px) {
  .in404_text h1 {
    font-size: 140px;
  }

  .in404_text h6 {
    font-size: 16px;
  }

  .in404_text a {
    font-size: 14px;
  }
}

@media screen and (max-width: 560px) {
  .in404_text h1 {
    font-size: 70px;
  }

  .in404_text h6 {
    margin: 10px auto 18px;
    font-size: 14px;
    line-height: 20px;
  }

  .in404_text a {
    font-size: 13px;
  }
}

/* 新闻详情页 */

.in_news_art_tit {
  margin-bottom: 0.3rem;
  text-align: center;
  position: relative;
}

.in_news_art_tit h1, .in_news_art_tit h2 {
  font-size: 0.34rem;
  color: var(--i_color);
  line-height: 0.36rem;
  font-weight: bold;
}

.n_tit_time {
  margin: 0.4rem 0 0.26rem;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.n_tit_time>p {
  font-size: 0.16rem;
  color: #363636;
  margin-right: 0.28rem;
  padding-right: 0.28rem;
  position: relative;
}

.n_tit_time>p::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  width: 1px;
  height: 0.1rem;
  background: #aaa;
}

.n_share {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.n_share p {
  font-size: 0.16rem;
  color: #363636;
}

.n_share a {
  margin-left: 0.2rem;
}

.n_share a i {
  font-size: 0.2rem;
}

.n_share a:hover i {
  color: var(--i_color);
}



@media screen and (max-width: 1440px) {
  .in_news_art_tit h1, .in_news_art_tit h2 {
    font-size: 0.28rem;
  }

  .n_tit_time {
    margin: 0.3rem 0 0.26rem;
  }
}

@media screen and (max-width: 1200px) {
  .in_news_art_tit h1, .in_news_art_tit h2 {
    font-size: 0.24rem;
  }
}

@media screen and (max-width: 1024px) {
  .in_news_art_tit h1, .in_news_art_tit h2 {
    font-size: 0.22rem;
    line-height: 0.3rem;
  }

  .n_tit_time {
    margin: 0.2rem 0 0.22rem;
  }
}

@media screen and (max-width: 768px) {
  .in_news_art_tit h1, .in_news_art_tit h2 {
    font-size: 0.18rem;
    line-height: 0.26rem;
  }

  .n_tit_time>p,
  .n_share p {
    font-size: 0.15rem;
  }
}

@media screen and (max-width: 560px) {
  .in_news_art_tit h1, .in_news_art_tit h2 {
    font-size: 0.17rem;
    line-height: 0.22rem;
  }

  .n_tit_time>p {
    margin-right: 0.14rem;
    padding-right: 0.14rem;
  }

  .n_tit_time>p,
  .n_share p {
    font-size: 0.14rem;
  }

  .n_share a i {
    font-size: 0.18rem;
  }
}

.n_navigation {
  margin-top: 0.8rem;
  padding-top: 0.2rem;
  border-top: 1px solid var(--border_color);
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.n_navigation ul {
  width: 80%;
}

.n_navigation li {
  margin: 0.12rem 0;
}

.n_navigation li a {
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
}

.n_navigation li p {
  margin-right: 0.06rem;
  font-size: 0.16rem;
  color: #363636;
  font-weight: bold;
}

.n_back {
  margin-left: auto;
  padding: 0.12rem 0.3rem;
  background: var(--i_color);
  -webkit-border-radius: 0.3rem;
  border-radius: 0.3rem;
  font-size: 0.16rem;
  color: #fff;
}

.n_back b {
  margin-left: 0.06rem;
  font-size: 0.15rem;
  color: #fff;
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  .n_navigation ul {
    width: 76%;
  }

  .n_back b {
    font-size: 0.14rem;
  }
}

@media screen and (max-width: 768px) {
  .n_navigation {
    margin-top: 0.6rem;
  }

  .n_navigation ul {
    width: 100%;
  }

  .n_navigation li p {
    font-size: 0.15rem;
  }

  .n_back {
    margin: 0.14rem 0 0 0;
  }
}

@media screen and (max-width: 560px) {
  .n_navigation {
    margin-top: 0.4rem;
  }

  .n_navigation li p {
    font-size: 0.14rem;
  }

  .n_back {
    padding: 0.08rem 0.22rem;
    margin: 0.1rem 0 0 0;
  }

  .n_back i {
    font-size: 0.15rem;
  }
}

.n_article {
  color: #222;
  font-size: 17px;
  line-height: 1.9;
  word-break: break-word;
}

.n_article p {
  margin: 0 0 20px;
}

.n_article h2,
.n_article h3,
.n_article h4,
.n_article h5,
.n_article h6 {
  margin: 36px 0 18px;
  color: #222;
  font-weight: 700;
  line-height: 1.4;
}

.n_article h2 {
  position: relative;
  padding-left: 16px;
  font-size: 28px;
}

.n_article h2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: 28px;
  background: #c9080d;
  transform: translateY(-50%);
}

.n_article h3 {
  font-size: 23px;
}

.n_article h4 {
  font-size: 20px;
}

.n_article h5,
.n_article h6 {
  font-size: 18px;
}

.n_article strong,
.n_article b {
  font-weight: 700;
}

.n_article a {
  color: #c9080d;
  text-decoration: none;
  transition: opacity 0.25s ease;
}

.n_article a:hover {
  opacity: 0.75;
}

.n_article ul,
.n_article ol {
  margin: 0 0 22px;
  padding-left: 28px;
}

.n_article li {
  margin-bottom: 8px;
  line-height: 1.8;
}

.n_article ul li {
  list-style: disc;
}

.n_article ol li {
  list-style: decimal;
}

.n_article img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 28px auto;
}

.n_article figure {
  margin: 28px 0;
}

.n_article figure img {
  margin: 0 auto;
}

.n_article figcaption {
  margin-top: 10px;
  color: #777;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}

.n_article blockquote {
  margin: 28px 0;
  padding: 20px 24px;
  border-left: 4px solid #c9080d;
  background: #f7f7f7;
  color: #444;
}

.n_article blockquote p:last-child {
  margin-bottom: 0;
}

.n_article table {
  width: 100%;
  margin: 28px 0;
  border-collapse: collapse;
  border-spacing: 0;
}

.n_article th,
.n_article td {
  padding: 14px 16px;
  border: 1px solid #ddd;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
  vertical-align: middle;
}

.n_article th {
  background: #f2f2f2;
  font-weight: 700;
}

.n_article hr {
  height: 1px;
  margin: 35px 0;
  border: 0;
  background: #e5e5e5;
}

.n_article iframe,
.n_article video {
  max-width: 100%;
}

.n_article>*:first-child {
  margin-top: 0;
}

.n_article>*:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .n_article {
    font-size: 15px;
    line-height: 1.8;
  }

  .n_article p {
    margin-bottom: 16px;
  }

  .n_article h2 {
    margin: 28px 0 15px;
    padding-left: 12px;
    font-size: 23px;
  }

  .n_article h2::before {
    width: 4px;
    height: 23px;
  }

  .n_article h3 {
    margin: 26px 0 14px;
    font-size: 20px;
  }

  .n_article h4 {
    font-size: 18px;
  }

  .n_article ul,
  .n_article ol {
    padding-left: 22px;
  }

  .n_article table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .n_article th,
  .n_article td {
    padding: 10px 12px;
    font-size: 14px;
  }
}

/* 搜索页 */
.search_back {
  display: block;
  margin-bottom: 0.2rem;
  width: 0.5rem;
  height: 0.5rem;
  box-sizing: border-box;
  border: 1px solid var(--border_color);
  position: relative;
  cursor: pointer;
}

.search_back i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.24rem;
  color: #aaa;
}

.search_back:hover {
  border-color: var(--i_color);
  background: var(--i_color);
}

.search_back:hover i {
  color: #fff;
}

.in_search_list {
  overflow: hidden;
}

.in_search_list li {
  box-sizing: border-box;
  border: 1px solid var(--border_color);
  margin-bottom: 0.26rem;
}

.in_search_list a {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.2rem;
}

.in_search_list .img {
  width: 2.2rem;
  position: relative;
  overflow: hidden;
}

.in_search_list .img::before {
  content: "";
  display: block;
  padding-bottom: 80%;
}

.in_search_list .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.in_search_list .txt {
  width: calc(100% - 2.6rem);
  margin-left: auto;
}

.in_search_list h2 {
  font-size: 0.18rem;
  color: #212121;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.in_search_list h6 {
  margin: 0.1rem 0;
  font-size: 0.14rem;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.in_search_list i {
  display: inline-block;
  padding: 0.06rem 0.1rem;
  font-size: 0.13rem;
  color: var(--i_color);
  background: #ededed;
  -webkit-border-radius: 0.04rem;
  border-radius: 0.04rem;
}

.in_search_list li:hover {
  border-color: var(--i_color);
}

.in_search_list li:hover h2 {
  color: var(--i_color);
}

@media screen and (max-width: 1024px) {
  .in_search_list h2 {
    font-size: 0.15rem;
  }

  .in_search_list h6 {
    font-size: 0.13rem;
  }

  .in_search_list i {
    font-size: 0.12rem;
  }
}

@media screen and (max-width: 768px) {
  .search_back {
    width: 0.4rem;
    height: 0.4rem;
  }

  .in_search_list li {
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
    border: none;
    border-bottom: 1px solid var(--border_color);
  }

  .in_search_list a {
    padding: 0;
  }

  .in_search_list .img {
    width: 1.2rem;
  }

  .in_search_list .txt {
    width: calc(100% - 1.5rem);
  }

  .in_search_list h2 {
    font-size: 0.14rem;
  }
}

@media screen and (max-width: 560px) {}

.link_hidden {
  display: none !important;
}

/* 重置标签样式 */
article,
article * {
  list-style: revert;
}

article b {
  font-weight: bold;
}

article figure {
  margin-left: auto;
  margin-right: auto;
}

.wp-block-column figure img {
  width: 100%;
}

article img {
  /* margin-top: 0.3rem;
	margin-bottom: 0.3rem; */
  max-width: 100%;
  height: auto;
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
  font-weight: bold;
}

.has-text-align-center {
  text-align: center;
}

/* article ul,article li,article ol{list-style: revert;} */
/* article ul,article ol{padding-left: 0.22rem;margin-top: 0.3rem;margin-bottom: 0.3rem;}
article li{margin-top: .1rem;margin-bottom: 0.1rem;} */

article .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

article .wp-caption {
  max-width: 100% !important;
}

/* 默认表格 */
article table {
  /* margin-top: 0.2rem; */
  margin-bottom: 0.2rem;
  width: 100% !important;
  max-width: 100% !important;
  /* background: #FFF; */
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  overflow-x: auto;
}

article tbody {
  width: 100% !important;
  max-width: 100% !important;
}

article table tr,
article table td {
  max-width: 100% !important;
}

article table tr,
article table td,
article table tr p,
article table td p {
  margin: 0;
  padding: 0;
}

/* article table tr:nth-child(odd) {
	background: rgba(0, 0, 0, .04)
} */
article table td {
  padding: 8px;
  /* border: 1px solid var(--border_color) */
}

article ol,
article ul {
  padding-left: 20px;
}

/* ------------------- Getwid 插件重置样式 ------------------- */
.wp-block-getwid-tabs__tab-content,
.wp-block-getwid-tabs__tab-content * {
  margin: revert;
  padding: revert;
  list-style: revert;
  border: none !important;
}

.wp-block-getwid-accordion * {
  margin: initial;
}

.wp-block-getwid-accordion .aligncenter {
  margin: 0 auto;
}

.wp-block-getwid-accordion .wp-caption {
  max-width: 100% !important;
}

.wp-block-table::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

/* .wp-block-getwid-tabs__tab-content {
	font-size: 0.18rem;
} */
.wp-block-getwid-tabs__tab-content li {
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}

.wp-block-getwid-tabs__tab-content figure {
  margin-left: auto;
  margin-right: auto;
}

p.has-background {
  padding: 0.1rem 0.2rem;
}

.wp-block-getwid-tabs__tab-content h1,
.wp-block-getwid-tabs__tab-content h2,
.wp-block-getwid-tabs__tab-content h3,
.wp-block-getwid-tabs__tab-content h4,
.wp-block-getwid-tabs__tab-content h5,
.wp-block-getwid-tabs__tab-content h6 {
  font-weight: bold;
}

/* Getwid 表格默认样式 */
.wp-block-getwid-tabs__tab-content table {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  width: 100% !important;
  max-width: 100% !important;
  background: #fff;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  overflow-x: auto;
}

.wp-block-getwid-tabs__tab-content tbody {
  width: 100% !important;
  max-width: 100% !important;
}

.wp-block-getwid-tabs__tab-content table tr,
.wp-block-getwid-tabs__tab-content table td {
  max-width: 100% !important;
}

.wp-block-getwid-tabs__tab-content table tr,
.wp-block-getwid-tabs__tab-content table td,
.wp-block-getwid-tabs__tab-content table tr p,
.wp-block-getwid-tabs__tab-content table td p {
  margin: 0;
  padding: 0;
}

.wp-block-getwid-tabs__tab-content table tr:nth-child(odd) {
  background: rgba(0, 0, 0, 0.04);
}

.wp-block-getwid-tabs__tab-content table td {
  padding: 14px 8px;
  border: 1px solid var(--border_color);
}

/* Getwid 选项卡 */
.wp-block-getwid-tabs__nav-link.ui-tabs-active {
  border: none !important;
}

.wp-block-getwid-tabs__nav-link:hover {
  border: none;
}

.wp-block-getwid-tabs {
  width: 100%;
}

.wp-block-getwid-tabs__nav-links {
  margin-bottom: 0.4rem;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
}

.wp-block-getwid-tabs__nav-links li {
  margin: 0 0.3rem;
}

.wp-block-getwid-tabs__title {
  display: block;
  padding-bottom: 0.14rem;
  font-size: 0.24rem;
  color: #666;
  text-transform: uppercase;
  position: relative;
}

.wp-block-getwid-tabs__title::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -1.5px;
  width: 0;
  height: 3px;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background: var(--i_color);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.ui-tabs-active .wp-block-getwid-tabs__title {
  color: var(--i_color);
  font-weight: bold;
}

.ui-tabs-active .wp-block-getwid-tabs__title::before {
  width: 0.5rem;
}

@media screen and (max-width: 959px) {
  .wp-block-getwid-tabs__title {
    font-size: 0.18rem;
  }
}

/*
Theme Name: Longxin
Version: 1.0
Description: 三鸟科技提供一站式服务——网站搭建,谷歌SEO优化,谷歌竞价,谷歌SNS社媒营销等。
Author: 版权所有：三鸟科技
*/
@charset "utf-8";

* {
  box-sizing: border-box;
  line-height: 1.55;
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: min(16px, 18px);
}


:root {
  /* Longxin unified brand palette */
  --i_color: #c10a09;
  --i_color2: #a90909;
  --brand-ink: #1a1d24;
  --brand-text: #68707c;
  --brand-surface: #f5f6f8;
  --brand-border: #d9dde3;
  --bc_color: #f5f6f8;
  --i_shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  --header_height: 0.8rem;
  --border_color: rgb(51, 51, 51, 0.2);
  --f_menu_height: 50px;
}


@media screen and (max-width: 1440px) {
  :root {
    --header_height: 0.7rem;
  }
}

@media screen and (max-width: 1024px) {
  :root {
    --header_height: 0.6rem;
    --border_color: rgb(0 0 0 / 6%);
  }
}

.wrap {
  width: 83.33%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.wrap_l {
  margin-left: 8.335%;
}

.wrap_r {
  margin-right: 8.335%;
}

@media screen and (max-width:1440px) {
  .wrap {
    width: 88%;
  }

  .wrap_l {
    margin-left: 6%;
  }

  .wrap_r {
    margin-right: 6%;
  }
}

@media screen and (max-width: 1024px) {
  .wrap {
    width: 92%;
  }
}

@media screen and (max-width: 1600px) {
  .wrap_l {
    margin-left: 8.335%;
  }

  .wrap_r {
    margin-right: 8.335%;
  }
}

@media screen and (max-width: 1024px) {

  .wrap_l,
  .wrap_r {
    margin-left: 4%;
    margin-right: 4%;
  }
}

/* header */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2014;
  background: none;
}

@media screen and (max-width: 1024px) {
  header {
    background: #fff;

  }
}

.TopHeader {
  --header_height: 0.8rem;
  background: #fff;
  box-shadow: 0px 0px 4px #ddd;
}

/* logo */
.logo {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: var(--header_height);
}

.logo a {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 90%;
}

.logo img {
  max-width: 2.2rem;
}

@media screen and (max-width:1440px) {
  .logo img {
    max-width: 1.8rem;
  }
}

@media screen and (max-width:1024px) {
  .logo img {
    max-width: 1.6rem;
  }
}

@media screen and (max-width:560px) {
  .logo img {
    max-width: 1.4rem;
  }
}

/* 导航 */
@media screen and (min-width: 1025px) {
  .i_nav {
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    z-index: 2015;
    gap: 0 0.45rem;
  }

  .i_nav>li {
    position: relative;
  }

  .i_nav>li>a {
    display: block;
    font-size: 17px;
    color: #fff;
    white-space: nowrap;
    font-weight: normal;
    line-height: var(--header_height);
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
  }

  .TopHeader .i_nav>li>a {
    color: #333;
  }

  .i_nav>.current-menu-item>a,
  .i_nav>.current-category-ancestor>a,
  .i_nav>.current-post-ancestor>a,
  .i_nav>.current-menu-ancestor>a,
  .i_nav>.current-menu-parent>a,
  .i_nav>li:hover>a,
  .i_nav .curr>a {
    color: var(--i_color) !important;
  }

  .i_nav>li.menu-item-has-children>a {
    padding-right: 24px;
  }

  .i_nav>.menu-item-has-children>a::before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: url("https://lxzngroup.com/wp-content/themes/longxin/static/images/arrow_down_hollow_bai.svg") no-repeat center;
    background-size: 100%;
  }

  .TopHeader .i_nav>.menu-item-has-children>a::before {
    background: url("https://lxzngroup.com/wp-content/themes/longxin/static/images/arrow_down_hollow_hei.svg") no-repeat center;
    background-size: 100%;
  }

  .i_nav .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    background-color: var(--bc_color);
    border-bottom: 2px solid var(--i_color);
  }

  .i_nav .sub-menu li {
    position: relative;
    padding: 0 0.3rem;
    border-bottom: 1px solid var(--border_color);
  }

  .i_nav .sub-menu a {
    color: #333;
    display: block;
    font-size: 0.15rem;
    line-height: 0.44rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
  }

  .i_nav .sub-menu>li:hover {
    background: var(--i_color);
  }

  .i_nav .sub-menu>li:hover>a {
    color: #fff;
  }

  /* 箭头 */
  .i_nav .sub-menu li.menu-item-has-children {
    position: relative;
  }

  .i_nav .sub-menu li.menu-item-has-children::after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m19 12l12 12l-12 12'/%3E%3C/svg%3E") no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  /* 三级 */
  .i_nav .sub-menu ul {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 80%;
    background-color: var(--bc_color);
  }

  .i_nav .sub-menu li:hover ul {
    opacity: 1;
    left: 100%;
  }
}

@media screen and (max-width: 1440px) {
  .i_nav {
    gap: 0 0.36rem;
  }

  .i_nav>li>a {
    font-size: 15px;
  }
}

@media screen and (max-width: 1366px) {
  .i_nav {
    gap: 0 0.3rem;
  }

  .i_nav>li>a {
    font-size: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .i_nav {
    display: none;
    position: fixed;
    top: var(--header_height);
    left: 0;
    width: 100%;
    width: 100vw;
    max-height: calc(100vh - var(--header_height));
    background: #fff;
    overflow-y: auto;
  }

  .i_nav a {
    display: block;
  }

  /*滚动条*/
  .i_nav::-webkit-scrollbar {
    width: 3px;
    height: 8px;
  }

  .i_nav::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #555;
  }

  .i_nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: #f1f1f1;
  }

  .i_nav>li {
    margin: 0 0 !important;
    border-bottom: 1px solid var(--border_color);
    position: relative;
  }

  .i_nav>.menu-item-has-children span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 0.44rem;
    height: 0.44rem;
    box-sizing: border-box;
    background: url(https://lxzngroup.com/wp-content/themes/longxin/static/images/arrow_down_hollow_hei.svg) no-repeat center;
    background-size: 0.18rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .i_nav>.menu-item-has-children span.on {
    transform: rotate(180deg);
  }

  .i_nav>li>a {
    padding: 0 0.2rem;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    line-height: 45px;
  }


  .i_nav>li>.sub-menu {
    display: none;
  }

  .i_nav>li>.sub-menu li {
    position: relative;
  }

  .i_nav .sub-menu a {
    padding: 0 0.4rem;
    font-size: 0.15rem;
    color: #555;
    line-height: 0.4rem;
    position: relative;
  }

  .i_nav .sub-menu li:not(:last-child) {
    border-bottom: 1px solid var(--border_color);
  }
}

/* 移动端导航按钮 */
.nav_menu {
  /* position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%); */
  position: relative;
  width: 22px;
  height: 16px;
  display: none;
  cursor: pointer;
}

.nav_menu i {
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  background: var(--i_color);
  border-radius: 0.1rem;
  transition: 0.5s;
}

.nav_menu::before,
.nav_menu::after {
  content: "";
  width: 100%;
  height: 3px;
  background: #333;
  position: absolute;
  left: 0;
  border-radius: 0.1rem;
  transition: 0.5s;
}

.nav_menu::before {
  top: 0;
}

.nav_menu::after {
  bottom: 0;
}

.nav_menu.on i {
  opacity: 0;
}

.nav_menu.on::before {
  transform: rotate(45deg);
  top: 50%;
  margin-top: -2px;
}

.nav_menu.on::after {
  transform: rotate(-45deg);
  top: 50%;
  margin-top: -2px;
}

@media screen and (max-width: 1024px) {
  .nav_menu {
    display: block !important;
    margin-left: 0.2rem;
  }
}

.top_r {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: var(--header_height);
}



.top_search_ico {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  color: #fff;
}

/* search main */
.top_search {
  --search_height: 0.38rem;
}

.top_search {
  width: 100%;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.16rem 0;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 6;
}

.top_search.on {
  visibility: visible;
  opacity: 1;
  top: 100%;
  box-shadow: 0 0.06rem 0.1rem rgb(0 0 0 / 8%);
}

.top_search form {
  width: 80%;
  margin: 0 auto;
  max-width: 5rem;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  border: 1px solid var(--i_color);
  overflow: hidden;
}

.top_search_ipt {
  width: calc(100% - var(--search_height) * 2);
  height: var(--search_height);
  box-sizing: border-box;
  padding: 0 0 0 0.12rem;
}

.top_search_btn {
  font-size: 0;
  color: #fff;
  width: calc(var(--search_height) * 2);
  height: var(--search_height);
  background: var(--i_color) url(https://lxzngroup.com/wp-content/themes/longxin/static/images/search.svg) no-repeat center;
  background-size: 0.24rem;
  cursor: pointer;
}

.language {
  position: relative;
  height: var(--header_height);
  display: flex;
  align-items: center;
}

.language p {
  position: relative;
  cursor: pointer;
  width: 0.3rem;
  height: 0.3rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 0.2rem;
  font-size: 0.24rem !important;
  color: #fff;
}

.TopHeader .language p,
.TopHeader .top_search_ico {
  color: #333;
}

.language p.on {
  color: var(--i_color);
}

.language p.on::before {
  border-top-color: var(--i_color);
}

.language_list {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 1.5rem;
  right: 0;
  background: #fff;
  z-index: 2016;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 0.16rem 0.2rem;
}

.language_list.on {
  opacity: 1;
  visibility: visible;
  top: var(--header_height);
}

.language_list dt>h6 {
  margin-bottom: 0.08rem;
  font-size: 0.17rem;
  font-weight: bold;
  white-space: nowrap;
}

.curr_lang {
  margin-bottom: 0.12rem;
  padding-bottom: 0.12rem;
  border-bottom: 1px solid #eee;
}

.lang_list a {
  display: block;
  padding: 0.06rem 0;
}

.lang_list span img {
  display: none;
}

.lang_list .trp-ls-language-name {
  padding-left: 0.3rem;
  font-size: 14px;
  position: relative;
}

.lang_list .trp-ls-language-name::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  width: 0.18rem;
  height: 0.18rem;
  box-sizing: border-box;
  border: 1px solid #aaa;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.lang_list .trp-ls-language-name::after {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0.06rem;
  width: 0.06rem;
  height: 0.06rem;
  background: var(--i_color);
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.lang_list li:hover .trp-ls-language-name::after,
.curr_lang .trp-ls-language-name::after {
  display: block;
}

.lang_list li:hover .trp-ls-language-name,
.curr_lang .trp-ls-language-name {
  color: var(--i_color);
}

.top_cont {
  position: relative;
}

.top {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.top_quote {
  display: table;
  padding: 6px 0.2rem;
  color: #fff;
  background: var(--i_color);
  font-size: 16px;
  border-radius: 4px;
  margin-left: 0.1rem;
}

@media screen and (max-width: 1024px) {
  .top_quote {
    padding: 4px 0.16rem;
    font-size: 14px;

  }
}

@media screen and (max-width: 560px) {
  .top_quote {
    padding: 4px 0.16rem;
    font-size: 12px;

  }
}

@media screen and (max-width: 1024px) {
  .full_header {
    margin-top: var(--header_height);
  }
}



@media screen and (max-width: 1024px) {
  .top_search.on {
    top: var(--header_height);
  }

  .top_r {
    margin-left: auto;
  }

  .top_search_ico {
    margin-right: 0.2rem;
  }

  .top_search_ico::before {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .top_search {
    --search_height: 0.34rem;
  }

  .top_search {
    padding: 0.12rem 0;
  }
}

@media screen and (max-width: 560px) {
  .top_search form {
    width: 94%;
  }
}





header,
.top_cont,
.logo,
.logo img,
.i_nav>li,
.i_nav>li>a,
.top_r {
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

/* =========================================================
   LONGXIN HEADER MEGA MENU
========================================================= */


/* =========================================================
   COMMON
========================================================= */

.longxin_mega_menu,
.drop_cont {
  position: fixed;
  top: var(--header_height);
  left: 0;
  z-index: 9998;

  width: 100%;
  max-height: calc(100vh - var(--header_height));

  overflow-x: hidden;
  overflow-y: auto;

  visibility: hidden;
  opacity: 0;
  pointer-events: none;

  background: #f5f6f8;

  border-top: 1px solid rgba(20, 28, 38, .06);

  box-shadow:
    0 20px 45px rgba(20, 28, 38, .08);

  transform: translateY(8px);

  transition:
    opacity .25s ease,
    transform .25s ease,
    visibility .25s ease;
}


.longxin_mega_menu.is_open,
.drop_cont.is_open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;

  transform: translateY(0);
}



/* =========================================================
   STANDARD MEGA PANEL
========================================================= */

.longxin_mega_panel {
  display: none;

  grid-template-columns:
    minmax(0, 1.3fr) minmax(380px, .8fr);

  min-height: 440px;
}


.longxin_mega_panel.is_active {
  display: grid;
}



/* =========================================================
   MEGA LEFT
========================================================= */

.longxin_mega_left {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;

  min-width: 0;

  padding:
    52px clamp(50px, 5vw, 100px) 52px 0;
}


.longxin_mega_left::before {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  opacity: .025;

  background:
    radial-gradient(circle at 15% 20%,
      var(--i_color, #c8101d) 0 2px,
      transparent 3px);

  background-size: 80px 80px;
}


.longxin_mega_head,
.longxin_mega_links,
.longxin_mega_more {
  position: relative;
  z-index: 1;
}



/* =========================================================
   MEGA HEADING
========================================================= */

.longxin_mega_head>span {
  display: block;

  margin-bottom: 12px;

  color: var(--i_color, #c8101d);

  font-size: 11px;
  font-weight: 650;
  line-height: 1.2;

  letter-spacing: 1.8px;

  text-transform: uppercase;
}


.longxin_mega_head h2 {
  margin: 0;

  color: #20242c;

  font-size: clamp(27px, 2vw, 36px);
  font-weight: 650;
  line-height: 1.15;

  letter-spacing: -.7px;
}


.longxin_mega_head p {
  max-width: 610px;

  margin: 13px 0 0;

  color: #777d86;

  font-size: 14px;
  line-height: 1.7;
}



/* =========================================================
   MEGA LINK GRID
========================================================= */

.longxin_mega_links {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 0 40px;

  margin-top: 28px;

  padding-top: 24px;

  border-top:
    1px solid rgba(30, 36, 44, .10);
}


.longxin_mega_links a {
  position: relative;

  display: flex;
  align-items: center;

  min-height: 42px;

  padding:
    8px 18px 8px 0;

  color: #292e35;

  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;

  text-decoration: none;

  transition:
    color .25s ease,
    padding-left .25s ease;
}


.longxin_mega_links a::before {
  content: "";

  position: absolute;
  top: 50%;
  left: 0;

  width: 0;
  height: 1px;

  background:
    var(--i_color, #c8101d);

  transform:
    translateY(-50%);

  transition:
    width .25s ease;
}


.longxin_mega_links a:hover,
.longxin_mega_links a:focus-visible {
  padding-left: 19px;

  color:
    var(--i_color, #c8101d);
}


.longxin_mega_links a:hover::before,
.longxin_mega_links a:focus-visible::before {
  width: 11px;
}



/* =========================================================
   MEGA CTA
========================================================= */

.longxin_mega_more {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;

  width: min(100%, 250px);
  min-height: 52px;

  margin-top: 25px;

  padding: 0 20px;

  color: #fff;

  background:
    var(--i_color, #c8101d);

  font-size: 13px;
  font-weight: 550;

  text-decoration: none;

  transition:
    background-color .25s ease,
    box-shadow .25s ease;
}


.longxin_mega_more:hover,
.longxin_mega_more:focus-visible {
  color: #fff;

  background: #a90b15;

  box-shadow:
    0 10px 24px rgba(200, 16, 29, .15);
}


.longxin_mega_arrow {
  font-size: 17px;

  transition:
    transform .25s ease;
}


.longxin_mega_more:hover .longxin_mega_arrow,
.longxin_mega_more:focus-visible .longxin_mega_arrow {
  transform:
    translateX(4px);
}



/* =========================================================
   MEGA IMAGE
========================================================= */

.longxin_mega_visual {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 0;

  padding:
    45px 0 45px clamp(40px, 4.5vw, 80px);

  border-left:
    1px solid rgba(30, 36, 44, .07);
}


.longxin_mega_visual::before {
  content: "";

  position: absolute;

  top: 50%;
  right: 0;

  width: 75%;
  height: 70%;

  pointer-events: none;

  background:
    radial-gradient(circle,
      rgba(200, 16, 29, .045),
      transparent 68%);

  transform:
    translateY(-50%);
}


.longxin_mega_visual img {
  position: relative;
  z-index: 1;

  display: block;

  width: 100%;
  max-width: 520px;

  aspect-ratio: 4 / 3;

  object-fit: cover;

  background: #e7e9ec;

  transition:
    transform .4s ease,
    box-shadow .4s ease;
}


.longxin_mega_visual:hover img {
  transform:
    translateY(-3px);

  box-shadow:
    0 18px 45px rgba(20, 28, 38, .09);
}



/* =========================================================
   NAV ACTIVE LINE
========================================================= */

.mega_menu_trigger>a,
.drop_p>a {
  position: relative;
}


.mega_menu_trigger>a::after,
.drop_p>a::after {
  content: "";

  position: absolute;

  bottom: -1px;
  left: 50%;

  width: 0;
  height: 2px;

  background:
    var(--i_color, #c8101d);

  transform:
    translateX(-50%);

  transition:
    width .25s ease;
}


.mega_menu_trigger:hover>a::after,
.mega_menu_trigger.mega_active>a::after,
.mega_menu_trigger.current-menu-item>a::after,
.drop_p:hover>a::after,
.drop_p.mega_active>a::after,
.drop_p.current-menu-item>a::after {
  width: 24px;
}



/* =========================================================
   SOLUTIONS
========================================================= */

.drop_p .sub-menu {
  display: none !important;
}


.drop_cont {
  padding:
    38px 0 42px;
}



/* =========================================================
   SOLUTIONS HEADER
========================================================= */

.solutions_heading {
  display: block;
  padding: 0;
  border: 0;
}


.solutions_heading .longxin_mega_head {
  max-width: 720px;
}



/* =========================================================
   SOLUTIONS GRID
========================================================= */

.solutions_grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  margin-top: 28px;
  padding-top: 24px;

  border-top:
    1px solid rgba(30, 36, 44, .10);
}


.solutions_item {
  position: relative;

  min-width: 0;

  padding:
    0 28px;
}


.solutions_item:first-child {
  padding-left: 0;
}


.solutions_item:last-child {
  padding-right: 0;
}


.solutions_item:not(:last-child)::after {
  content: "";

  position: absolute;

  top: 0;
  right: 0;

  width: 1px;
  height: 100%;

  background:
    rgba(30, 36, 44, .10);
}



/* =========================================================
   SOLUTION INDEX
========================================================= */

.solutions_item_index {
  margin-bottom: 12px;

  color:
    var(--i_color, #c8101d);

  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;

  letter-spacing: 1.5px;
}



/* =========================================================
   SOLUTION TITLE
========================================================= */

.solutions_item h3 {
  position: relative;

  margin:
    0 0 23px;

  color: #20242c;

  font-size:
    clamp(20px, 1.4vw, 23px);

  font-weight: 700;
  line-height: 1.3;
}


.solutions_item h3::after {
  content: "";

  position: absolute;

  bottom: -9px;
  left: 0;

  width: 30px;
  height: 2px;

  background:
    var(--i_color, #c8101d);

  transform:
    scaleX(0);

  transform-origin:
    left center;

  transition:
    transform .3s ease;
}


.solutions_item:hover h3::after {
  transform:
    scaleX(1);
}


.solutions_item h3 a {
  padding: 0;

  color: inherit;

  font-size: inherit;
  line-height: inherit;
}


.solutions_item h3 a::before {
  display: none;
}


.solutions_item h3 a:hover,
.solutions_item h3 a:focus-visible {
  padding-left: 0;

  color:
    var(--i_color, #c8101d);
}



/* =========================================================
   SOLUTION DESCRIPTION
========================================================= */

.solutions_item>p {
  min-height: 44px;
  margin:
    -5px 0 18px;
  color: #444;

  font-size: 13px;
  line-height: 1.6;
}



/* =========================================================
   SOLUTION LINKS
========================================================= */

.solutions_item ul {
  margin: 0;
  padding: 0;

  list-style: none;
}


.solutions_item li {
  margin-bottom: 10px;
}


.solutions_item li:last-child {
  margin-bottom: 0;
}


.solutions_item a {
  position: relative;

  display: inline-block;

  padding-left: 0;

  color: #555;

  font-size: 14px;
  line-height: 1.45;

  text-decoration: none;

  transition:
    color .25s ease,
    padding-left .25s ease;
}


.solutions_item a::before {
  content: "";

  position: absolute;

  top: 50%;
  left: 0;

  width: 0;
  height: 1px;

  background:
    var(--i_color, #c8101d);

  transform:
    translateY(-50%);

  transition:
    width .25s ease;
}


.solutions_item a:hover,
.solutions_item a:focus-visible {
  padding-left: 17px;

  color:
    var(--i_color, #c8101d);
}


.solutions_item a:hover::before,
.solutions_item a:focus-visible::before {
  width: 10px;
}



/* =========================================================
   ACCESSIBILITY
========================================================= */

.longxin_mega_menu a:focus-visible,
.drop_cont a:focus-visible {
  outline:
    2px solid var(--i_color, #c8101d);

  outline-offset: 3px;
}



/* =========================================================
   <= 1440
========================================================= */

@media screen and (max-width: 1440px) {

  .longxin_mega_left {
    padding-right: 50px;
  }


  .longxin_mega_links {
    gap:
      0 28px;
  }


  .solutions_item {
    padding:
      0 20px;
  }

}



/* =========================================================
   <= 1200
========================================================= */

@media screen and (max-width: 1200px) {

  .longxin_mega_panel {
    grid-template-columns:
      minmax(0, 1.2fr) minmax(320px, .72fr);
  }


  .longxin_mega_left {
    padding-right: 40px;
  }


  .longxin_mega_visual {
    padding-left: 35px;
  }


  .longxin_mega_links {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }


  .solutions_item {
    padding:
      0 16px;
  }


  .solutions_item>p {
    font-size: 13px;
  }


  .solutions_item a {
    font-size: 14px;
  }

}



/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 991px) {

  .longxin_mega_menu,
  .drop_cont {
    display: none !important;
  }

}



/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .longxin_mega_menu,
  .longxin_mega_menu *,
  .drop_cont,
  .drop_cont * {
    transition-duration:
      .01ms !important;
  }

}


.banner {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.banner .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.banner .swiper-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
}

.banner .swiper-slide {
  width: 100%;
  height: 0;
  padding-bottom: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.banner .swiper-slide>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner .swiper-slide video {
  position: absolute;
  left: -50px;
  top: 0;
  width: calc(100% + 100px);
  height: 102% !important;
  object-fit: cover;
  z-index: 2;
}

.banner-button-prev,
.banner-button-next {
  width: 0.5rem;
  height: 0.5rem;
  background: var(--i_color);
  border: 1px solid var(--i_color);
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-user-select: none;
  user-select: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 10;
  font-size: 0.3rem;
  color: #fff;
}

.banner-button-prev {
  left: -0.5rem;
}

.banner-button-next {
  right: -0.5rem;
}

.banner:hover .banner-button-prev {
  left: 3%;
}

.banner:hover .banner-button-next {
  right: 3%;
}

.banner-button-prev:hover,
.banner-button-next:hover {
  background-color: #fff;
  color: var(--i_color);
}

.banner-pagination {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0.4rem;
  text-align: center;
  z-index: 2;
}

.banner-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  display: inline-block;
  margin: 0 8px;
  background: #666;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
}

.banner-pagination .swiper-pagination-bullet::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--i_color);
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
}

.banner-pagination .swiper-pagination-bullet-active::after {
  width: 18px;
  height: 18px;
  opacity: 0.5;
}

.banner-pagination .swiper-pagination-bullet-active {
  background: var(--i_color);
}

@media screen and (max-width: 1024px) {

  .banner-button-prev,
  .banner-button-next {
    display: none;
  }

  .banner-pagination {
    bottom: 0.2rem;
  }


}

/* banner上文字 */
.banner .wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.banner .swiper-slide-active img {
  transform: scale(1.08);
}


.banner_content span {
  display: inline-flex;
  align-items: center;
  gap: .12rem;
  margin-bottom: .2rem;
  font-size: .16rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--i_color);
}

.banner_content span::before {
  content: "";
  width: .5rem;
  height: 1px;
  background: var(--i_color);
}

.banner_content p {
  margin-top: .25rem;
  max-width: 6.5rem;
  font-size: .19rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, .85);
}

.banner_btn {
  display: flex;
  gap: .18rem;
  margin-top: .45rem;
}

.banner_btn>.site_cta {
  align-self: center;
}

.banner_btn>a:not(.site_cta) {
  height: .56rem;
  padding: 0 .35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .16rem;
  font-weight: 600;
  transition: .35s;
}

.banner_btn>a:not(.site_cta) {
  background: var(--i_color);
  color: #fff;
}

.banner_btn>a:not(.site_cta):hover {
  transform: translateY(-3px);
  background: #a90909;
}

.banner_data {
  display: flex;
  gap: .6rem;
  margin-top: .55rem;
}

.banner_data li {
  position: relative;
}

.banner_data li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -.3rem;
  transform: translateY(-50%);
  width: 1px;
  height: .45rem;
  background: rgba(255, 255, 255, .2);
}

.banner_data strong {
  display: block;
  font-size: .34rem;
  font-weight: 700;
  color: var(--i_color);
  line-height: 1;
}

.banner_data p {
  margin-top: .08rem;
  font-size: .14rem;
  color: rgba(255, 255, 255, .75);
  line-height: 1.5;
}

.banner_center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.banner_center span {
  justify-content: center;
}

.banner_center h3,
.banner_center p {
  margin-left: auto;
  margin-right: auto;
}

.banner_center .banner_btn {
  justify-content: center;
}

.banner_center .banner_data {
  justify-content: center;
}

.banner_center span::before {
  display: inline-block;
}

.banner_center span::after {
  content: "";
  width: .5rem;
  height: 1px;
  background: var(--i_color);
}

.banner_center h2,
.banner_center h3,
.banner_center p,
.banner_center span {
  text-shadow: 0 2px 8px rgba(0, 0, 0, .45);
}

@media screen and (max-width: 1440px) {


  .banner_content p {
    font-size: .16rem;
    max-width: 6rem;
  }

  .banner_btn {
    margin-top: .35rem;
  }

  .banner_data {
    margin-top: .4rem;
  }
}


@media screen and (max-width: 1024px) {

  .banner .wrap {
    width: 90%;
  }


  .banner_content span {
    font-size: .14rem;
    margin-bottom: .15rem;
  }

  .banner_content span::before,
  .banner_center span::after {
    width: .35rem;
  }

  .banner_content p {
    font-size: .15rem;
    line-height: 1.6;
    margin-top: .18rem;
  }

  .banner_btn {
    margin-top: .3rem;
  }

  .banner_btn>a:not(.site_cta) {
    height: .48rem;
    padding: 0 .25rem;
    font-size: .14rem;
  }

  .banner_data {
    display: none;
  }
}


@media screen and (max-width: 767px) {

  .banner .wrap {
    width: 90%;
  }


  .banner_content span {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .banner_content span::before,
  .banner_center span::after {
    width: 25px;
  }

  .banner_content p {
    display: none;
  }

  .banner_btn {
    justify-content: flex-start;
    margin-top: 25px;
    gap: 12px;
  }

  .banner_center .banner_btn {
    justify-content: center;
  }

  .banner_btn>a:not(.site_cta) {
    height: 42px;
    padding: 0 20px;
    font-size: 14px;
  }

  .banner_btn {
    flex-wrap: wrap;
  }

  .banner_data {
    display: none;
  }
}



/* ==================== FOOTER 2026 ==================== */
.site_footer_2026 {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  color: #1a1d24;
  background: url(https://lxzngroup.com/wp-content/themes/longxin/static/images/bg_f.webp) no-repeat center;
  background-size: cover;
  min-height: 600px;
}



.site_footer_mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(245, 246, 248, .68), rgba(245, 246, 248, .6));
}

.site_footer_inner {
  position: relative;
  flex: 1 1 auto;
  z-index: 1;
  padding-top: 78px;
  padding-bottom: 72px;
}


.site_footer_heading .footer_logo {
  display: inline-block;
  margin-bottom: 24px;
}

.site_footer_heading .footer_logo img {
  display: block;
  width: 280px;
  max-width: 100%;
  height: auto;
}

.site_footer_heading .footer_intro {
  max-width: 480px;
  margin: 0 0 28px;
  color: #404754;
  font-size: 16px;
  line-height: 1.8;
}

.footer_certification {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
}

.footer_certification span {
  position: relative;
  padding-left: 14px;
  color: #3f4651;
  font-size: 13px;
  line-height: 1.6;
}

.footer_certification span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--i_color);
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .site_footer_heading .footer_logo img {
    width: 210px;
  }

  .site_footer_heading .footer_intro {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .footer_certification {
    gap: 6px 18px;
  }

  .footer_certification span {
    font-size: 14px;
  }
}

.site_footer_grid {
  display: grid;
  grid-template-columns: 1.25fr .65fr .9fr 1.2fr;
  gap: 54px;
  padding-top: 38px;
}

.site_footer_grid h3 {
  margin: 0 0 22px;
  color: #1a1d24;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
}

.site_footer_contact ul,
.site_footer_nav ul,
.site_footer_products ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site_footer_contact li {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 10px;
  margin: 0 0 15px;
  color: #3e4651;
}

.site_footer_contact iconify-icon {
  margin-top: 3px;
  color: var(--i_color);
  font-size: 17px;
}

.site_footer_contact a,
.site_footer_contact span,
.site_footer_nav a,
.site_footer_products a {
  color: #404754;
  font-size: 16px;
  line-height: 1.65;
  transition: .25s;
}

.site_footer_nav li,
.site_footer_products li {
  margin-bottom: 10px;
}

.site_footer_nav ul ul {
  display: none;
}

.site_footer_nav a:hover,
.site_footer_products a:hover,
.site_footer_contact a:hover {
  color: var(--i_color);
}

.site_footer_social {
  display: flex;
  gap: 9px;
  margin-top: 26px;
}

.site_footer_social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border: 1px solid rgba(26, 29, 36, .2);
  color: var(--i_color);
}

.site_footer_social a iconify-icon {
  color: inherit;
}

.site_footer_social a:hover,
.site_footer_social a:focus-visible {
  border-color: var(--i_color);
  background: var(--i_color);
  color: #fff;
  transform: translateY(-2px);
}


.site_footer_bottom {
  position: relative;
  flex: 0 0 auto;
  z-index: 2;
  min-height: 68px;
  background: #26282d;
}



.site_footer_bottom .wrap {
  min-height: 68px;
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(120px, 1fr);
  gap: 30px;
  align-items: center;
}

.site_footer_logo {
  width: 145px;
}

.site_footer_logo img {
  display: block;
  width: 100%;
  filter: brightness(0) invert(1);
}

.site_footer_bottom p {
  margin: 0;
  color: rgba(255, 255, 255, .62);
  font-size: 14px;
}

.site_footer_bottom_meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px 18px;
  color: rgba(255, 255, 255, .7);
}

.site_footer_bottom_meta span,
.site_footer_bottom_meta a {
  font-size: 14px;
  line-height: 1.45;
}

.site_footer_bottom_meta a {
  color: #fff;
  font-size: 14px !important;
}

.site_footer_bottom_meta a:hover {
  opacity: .72;
}

@media screen and (max-width:1100px) {
  .site_footer_2026 {
    height: auto;
  }

  .site_footer_grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width:767px) {
  .site_footer_2026 {
    height: auto;
    min-height: 0;
  }

  .site_footer_inner {
    flex: 0 0 auto;
    padding-top: 58px;
    padding-bottom: 50px;
  }

  .site_footer_grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .site_footer_nav,
  .site_footer_products {
    display: none;
  }

  .site_footer_bottom .wrap {
    grid-template-columns: 1fr;
    gap: 9px;
    padding: 20px 0;
  }

  .site_footer_bottom_meta {
    justify-content: flex-start;
  }
}

div.wpforms-container-full input[type="text"]:focus {
  box-shadow: none !important;
}

div.wpforms-container-full .wpforms-form label.wpforms-error,
div.wpforms-container-full .wpforms-form em.wpforms-error {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-top: 0;
}

.wpforms-hidden {
  display: none;
}

/* -----------------公用样式----------------- */
.i_tit {
  text-align: center;
  max-width: 8rem;
  margin: 0 auto .55rem;
  position: relative;
  z-index: 10;
}

/* 主标题 */
.i_tit h2 {
  position: relative;
  margin-bottom: .22rem;
  padding-bottom: .18rem;
  color: var(--i_color2);
  font-size: .38rem;
  line-height: 1.16;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.i_tit h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: .7rem;
  height: 3px;
  transform: translateX(-50%);
  background: linear-gradient(90deg,
      transparent,
      var(--i_color),
      transparent);
  border-radius: 999px;
}

.i_tit p {
  margin: 0 auto;
  font-size: .17rem;
  line-height: 1.75;
  color: #666;
}

/* 左对齐版本 */
.i_tit.left {
  text-align: left;
  margin: 0 0 .55rem;
}

.i_tit.left p {
  margin: 0;
}

.i_tit.left h2::after {
  left: 0;
  transform: none;
}

/* row_tit 兼容 */
.row_tit {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: .3rem;
}

.row_tit .i_tit {
  margin: 0;
}

/* 平板 */
@media screen and (max-width:1024px) {
  .i_tit {
    max-width: 7rem;
    margin-bottom: .5rem;
  }

  .i_tit h2 {
    font-size: .36rem;
  }

  .i_tit p {
    font-size: .16rem;
  }
}

/* 手机 */
@media screen and (max-width:768px) {
  .i_tit {
    max-width: 100%;
    margin-bottom: .38rem;
  }

  .i_tit h2 {
    margin-bottom: .18rem;
    padding-bottom: .15rem;
    font-size: .32rem;
  }

  .i_tit h2::after {
    width: .52rem;
    height: 2px;
  }

  .i_tit p {
    max-width: 100%;
    font-size: .15rem;
    line-height: 1.7;
  }
}

.row_tit {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.row_tit .i_tit {
  margin: 0
}

.bc {
  background: var(--bc_color);
}

.i_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .12rem;
  min-width: 2rem;
  height: .58rem;
  padding: 0 .35rem;
  background: var(--i_color);
  color: #fff;
  font-size: .16rem;
  font-weight: 600;
  transition: .35s;
  position: relative;
  overflow: hidden;
}

.i_btn:hover {
  transform: translateY(-3px);
  background: #a90909;
  color: #fff;
}

.i_btn.line {
  background: transparent;
  border: 1px solid var(--i_color2);
  color: var(--i_color2);
}

.i_btn.line:hover {
  background: var(--i_color2);
  color: #fff;
}

.more {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--i_color);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
  cursor: pointer;
}

.more iconify-icon {
  font-size: 24px;
  transition: all 0.4s ease;
}

.more:hover {
  background: #e2b576;
  transform: translateX(6px);
}

.more:hover iconify-icon {
  transform: translateX(3px);
}

/* Breadcrumb */
.in_position {
  position: relative;
}

.in_position .wrap {
  padding: 0.2rem 0;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.in_position a {
  display: block;
  font-size: 15px;
  color: #333;
  position: relative;
  line-height: 20px;
}

.in_position a:first-child {
  padding-left: 0.34rem;
}

.in_position a:first-child::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  width: 22px;
  height: 22px;
  background: var(--i_color) url("data:image/svg+xml,%3Csvg xmlns=\"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\" width=\"80\" height=\"80\" viewBox=\"0 0 2048 2048\"%3E%3Cpath fill=\"white\" d=\"m1024 165l941 942l-90 90l-83-82v805h-640v-640H896v640H256v-805l-83 82l-90-90l941-942zm640 1627V987l-640-640l-640 640v805h384v-640h512v640h384z\"%2F%3E%3C%2Fsvg%3E") no-repeat center;
  background-size: 14px;
}

.in_position a:not(:last-child):after {
  content: ">";
  margin: 0 4px;
  color: #555;
}

.in_position a:last-child {
  color: var(--i_color) !important;
}

.in_position a:hover {
  color: var(--i_color);
}

@media screen and (max-width: 1024px) {
  .in_position {
    padding: 0.16rem 0;
  }

  .in_position a {
    font-size: 14px;
  }
}

@media screen and (max-width: 560px) {
  .in_position {
    padding: 0.12rem 0;
  }

  .in_position a {
    font-size: 14px;
  }
}

/*-----产品页面-------*/

.p_nav_list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px 20px;
  width: 100%;
  margin: 0;

}



.p_nav_list li {
  flex: 0 0 calc((100% - 100px) / 6);
  margin: 0;
  padding: 0;
}

.p_nav_list li:last-child:nth-child(6n + 1) {
  margin-left: auto;
  margin-right: auto;
}

.p_nav_list li a {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 70px;
  padding: 15px 20px;

  background: #f0f0f0;

  color: #292929;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;

  box-sizing: border-box;

  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}

/* hover */
.p_nav_list li a:hover {
  background: #c9080d;
  color: #fff;
}

.p_nav_list li.current-cat a,
.p_nav_list li.active a {
  background: #c9080d;
  color: #fff;
}


/* =========================
   平板
========================= */
@media (max-width: 1200px) {

  .p_nav_list {
    gap: 16px;
  }

  .p_nav_list li {
    flex: 0 0 calc((100% - 32px) / 3);
  }

  .p_nav_list li:last-child:nth-child(6n + 1) {
    margin-left: 0;
    margin-right: 0;
  }

  .p_nav_list li a {
    min-height: 66px;
    font-size: 18px;
  }
}

@media (max-width: 767px) {

  .p_nav_list {
    gap: 10px;
    padding: 45px 0 30px;
  }


  .p_nav_list li {
    flex: 0 0 calc((100% - 10px) / 2);
  }

  .p_nav_list li:last-child:nth-child(6n + 1) {
    margin-left: 0;
    margin-right: 0;
  }

  .p_nav_list li a {
    min-height: 60px;
    padding: 10px;
    font-size: 15px;
  }
}

.in_cat_list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin: 60px 0 0;
}

.in_cat_list>li {
  min-width: 0;
  background: #fff;
  border: 1px solid #e5e8ec;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.in_cat_list>li:hover {
  transform: translateY(-5px);
  border-color: #d8dce2;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.in_cat_list>li>a {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

/* 图片区域 */
.in_cat_list .img {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f4f5f6;
}

.in_cat_list .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.in_cat_list>li:hover .img img {
  transform: scale(1.04);
}

/* 标题 */
.in_cat_list h3 {
  margin: 0;
  padding: 22px 24px 0;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 600;
  color: #172033;
  transition: color 0.3s ease;
}

.in_cat_list>li:hover h3 {
  color: #d60812;
}

/* 描述 */
.in_cat_list .txt {
  padding: 12px 24px 24px;
  font-size: 14px;
  line-height: 1.75;
  color: #68717d;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}


.in_cat_list_process .in_cat_list_meta {
  padding: 20px 24px 0;
  color: var(--i_color);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.in_cat_list_process h3 {
  padding-top: 6px;
}

/* 平板：一行2个 */
@media (max-width: 991px) {
  .in_cat_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .in_cat_list h3 {
    font-size: 19px;
    padding: 18px 20px 0;
  }

  .in_cat_list .txt {
    padding: 10px 20px 20px;
  }
}

/* 手机：一行1个 */
@media (max-width: 600px) {
  .in_cat_list {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .in_cat_list h3 {
    font-size: 18px;
  }

  .in_cat_list .txt {
    font-size: 13px;
    -webkit-line-clamp: 3;
  }
}

/*产品分类页*/
.in_tit {
  padding-top: 0.2rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.2rem;
  border-bottom: 1px solid var(--border_color);
  margin-bottom: 10px;
}

.in_tit h6 {
  font-size: 0.3rem;
  font-weight: 400;
  color: var(--i_color);
  text-transform: capitalize;
}

@media screen and (max-width: 1440px) {
  .in_tit h6 {
    font-size: 0.24rem;
  }
}

@media screen and (max-width: 1024px) {
  .in_tit h6 {
    font-size: 0.2rem;
  }
}

.p_decription {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.2rem;
}

.p_decription .img {
  width: 50%;
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 4px;
}

.p_decription .img::before {
  content: "";
  display: block;
  padding-bottom: 75%;
}

.p_decription .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p_decription .txt {
  width: 47%;
}

.p_decription .text {
  color: #333;
  font-size: 0.18rem;
  line-height: 0.28rem;
  max-height: calc(0.28rem * 10);
  overflow-y: auto;
  padding-right: 2%;
}

.p_decription .text * {
  margin: 0;
  font-size: 0.18rem;
  line-height: 0.28rem;
}

.p_decription .text::-webkit-scrollbar {
  width: 2px;
  border-radius: 3px;
}

.p_decription .text::-webkit-scrollbar-track {
  width: 1px;
  background-color: #d8d8d8;
}

.p_decription .text::-webkit-scrollbar-thumb {
  background-color: var(--i_color);
}

@media screen and (max-width: 1440px) {
  .p_decription .text {
    font-size: 0.16rem;
    line-height: 0.24rem;
    max-height: calc(0.24rem * 10);
  }

  .p_decription .text * {
    font-size: 0.16rem;
    line-height: 0.24rem;
  }
}

@media screen and (max-width: 1024px) {
  .p_decription .text {
    font-size: 14px;
    line-height: 20px;
    max-height: calc(20px * 10);
  }

  .p_decription .text * {
    font-size: 14px;
    line-height: 20px;
  }
}

.p_decription h6 {
  font-weight: 400;
  color: var(--i_color);
  padding-bottom: 0.1rem;
  font-size: 0.36rem;
  position: relative;
}

.p_decription h6::after {
  content: "";
  width: 60px;
  height: 5px;
  background: var(--i_color);
  position: absolute;
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 1440px) {
  .p_decription h6 {
    font-size: 0.3rem;
  }
}

@media screen and (max-width: 1024px) {
  .p_decription h6 {
    font-size: 0.22rem;
  }

  .p_decription .txt,
  .p_decription .img {
    width: 100%;
  }
}

.c_name {
  font-size: 0.28rem;
  color: #333;
  font-weight: 400;
}

.glass-showcase {
  position: relative;
  background: #f4f5f6;
  overflow: hidden;
}

.glass-showcase .wrap {
  position: relative;
}

.glass-showcase-inner {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  align-items: center;
  gap: 80px;
}

.glass-showcase-content {
  position: relative;
  z-index: 2;
}

.glass-title h2 {
  font-size: 40px;
  line-height: 1.08;
  font-weight: 600;
  color: var(--i_color2);
  letter-spacing: -1px;
}

.glass-showcase-content h3 {
  margin: 20px 0;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 400;
  font-style: italic;
  color: #444;
}

.glass-des {
  margin: 30px 0;
  max-height: 400px;
  overflow-y: auto;
}

/* 滚动条样式 */
.glass-des::-webkit-scrollbar {
  width: 2px;
}

.glass-des::-webkit-scrollbar-track {
  background: #f3f4f6;
}

.glass-des::-webkit-scrollbar-thumb {
  background: #bfc5cc;
  border-radius: 6px;
}

.glass-des::-webkit-scrollbar-thumb:hover {
  background: #929ba5;
}

.glass-showcase-content p {
  max-width: 720px;
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.75;
  color: #4b4b4b;
}

.glass-feature-list {
  margin: 0 0 58px;
  padding: 0;
  list-style: none;
}

.glass-feature-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 500;
  color: #4a4a4a;
}

.glass-feature-list li .iconify {
  flex: 0 0 auto;
  font-size: 20px;
  color: var(--i_color2);
}

.glass-btns {
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
}

.glass-btn {
  min-width: 300px;
  height: 60px;
  padding: 0 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  transition: all 0.35s ease;
}

.glass-btn.primary {
  background: var(--i_color);
  border: 2px solid var(--i_color);
  color: #fff;
}

.glass-btn.primary:hover {
  background: var(--i_color2);
  border-color: var(--i_color2);
}

.glass-showcase-img {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.glass-showcase-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* 自适应 */
@media screen and (max-width: 1440px) {
  .glass-showcase-content h3 {
    font-size: 18px;
  }

  .glass-btn {
    min-width: 260px;
    height: 68px;
    font-size: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .glass-showcase-inner {
    gap: 50px;
  }

  .glass-title h2 {
    font-size: 30px;
  }

  .glass-showcase-content p,
  .glass-feature-list {
    margin-bottom: 38px;
  }
}

@media screen and (max-width: 992px) {
  .glass-showcase-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .glass-showcase-img {
    order: -1;
  }

  .glass-title h2 {
    font-size: 24px;
  }

  .glass-showcase-content h3 {
    font-size: 18px;
  }

  .glass-feature-list li {
    font-size: 15px;
  }
}

@media screen and (max-width: 576px) {
  .glass-title h2 {
    font-size: 20px;
  }

  .glass-showcase-content p {
    font-size: 16px;
    line-height: 1.65;
  }

  .glass-feature-list li {
    align-items: flex-start;
  }

  .glass-feature-list li .iconify {
    margin-top: 2px;
    font-size: 18px;
  }

  .glass-btns {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }

  .glass-btn {
    width: 100%;
    min-width: auto;
    height: 58px;
    font-size: 17px;
  }
}


.in_products {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.p_nav {
  width: 28%;
  margin-right: auto;
  padding: 0.2rem;
  background-color: var(--bc_color);
}

.p_nav .tit h5 {
  font-size: 0.24rem;
}

.p_nav .tit {
  padding-bottom: 0.1rem;
  border-bottom: 1px solid var(--border_color);
  margin-bottom: 0.1rem;
}

@media screen and (max-width: 1440px) {
  .p_nav .tit h5 {
    font-size: 0.24rem;
  }
}

@media screen and (max-width: 1024px) {
  .p_nav .tit h5 {
    font-size: 0.2rem;
  }

  .p_nav .tit {
    padding-bottom: 0.1rem;
    margin-bottom: 0.1rem;
  }
}

/* 折叠面板 */
.p_menu_list {
  padding: 0;
  margin: 0;
  font-size: 1em;
  line-height: 0.5em;
  list-style: none;
}

.p_menu_list li {
  position: relative;
}

.p_menu_list li a {
  position: relative;
  line-height: 100%;
  font-size: 0.18rem;
  padding: 0.14rem 2%;
  display: block;
  box-sizing: border-box;
  text-transform: capitalize;
}

.p_menu_list ul {
  padding: 0;
  display: none;
  overflow: hidden;
}

.p_menu_list ul li {
  margin: 0;
  padding: 0;
  clear: both;
}

.p_menu_list ul li a {
  padding-left: 0.2rem;
  font-size: 0.16rem;
  outline: 0;
  color: #333;
  text-transform: capitalize;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
}

.p_menu_list ul li a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--i_color);
  position: absolute;
  left: -8px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.p_menu_list>li:hover>a,
.p_menu_list>li.active>a,
.p_menu_list>li.current-cat>a {
  color: var(--i_color);
}

.p_menu_list>li.active>a,
.p_menu_list>li.current-cat>a {
  font-weight: bold;
}

.p_menu_list ul li:hover > a,
.p_menu_list ul li.active > a {
  color: var(--i_color);
}

.p_menu_list ul li:not(.leaf):hover > a,
.p_menu_list ul li:not(.leaf).active > a {
  margin-left: 0.1rem;
}

.p_menu_list ul li:not(.leaf):hover > a::after,
.p_menu_list ul li:not(.leaf).active > a::after {
  left: 0;
  opacity: 1;
}

.p_menu_list ul ul li a {
  color: #333;
  padding-left: 40px;
}

.p_menu_list ul ul li > a:hover {
  color: var(--i_color);
}

.solution_archive .solution-process-group {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--border_color);
  scroll-margin-top: 140px;
}

.solution_archive .solution-process-group>a {
  line-height: 1.25;
}


.p_menu_list span {
  cursor: pointer;
  position: absolute;
  top: 0.16rem;
  right: 3%;
  z-index: 3;
  width: 20px;
  height: 20px;
  font-size: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p_menu_list>li:hover>span,
.p_menu_list>li.active>span {
  color: var(--i_color);
}

.p_menu_list ul li i {
  position: absolute;
  left: -0.3rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.3rem;
  height: 0.3rem;
  background: url(https://lxzngroup.com/wp-content/themes/longxin/static/images/ico_satr_p.png) no-repeat center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.p_menu_list ul li:not(.leaf):hover > i,
.p_menu_list ul li:not(.leaf).active > i {
  left: 0;
}

.p_nav .img {
  width: 70%;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {
  .p_nav {
    padding: 0.2rem 0.3rem;
  }
}

@media screen and (max-width: 1024px) {
  .p_nav {
    width: 100%;
    margin-bottom: 0.4rem;
    padding: 0.12rem 0.2rem;
  }
}

@media screen and (max-width: 768px) {
  .p_menu_list li a {
    padding: 0.1rem;
    font-size: 14px;
  }

  .p_menu_list ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 560px) {
  .p_nav {
    max-height: 300px;
    overflow-y: auto;
  }

  .p_nav .tit {
    display: none;
  }
}

.in_c_name h1,
.in_c_name h2 {
  font-size: 0.24rem;
  color: #333;
  font-weight: bold;
  text-transform: capitalize;
}

@media screen and (max-width: 1440px) {

  .in_c_name h1,
  .in_c_name h2 {
    font-size: 0.28rem;
  }
}

@media screen and (max-width: 1024px) {

  .in_c_name h1,
  .in_c_name h2 {
    font-size: 0.22rem;
  }
}

.in_c_name article {
  margin: 0.1rem 0 0.2rem;
  color: #666;
  font-size: 0.16rem;
  line-height: 0.24rem;
  max-height: calc(0.24rem * 6);
  overflow-y: auto;
  padding-right: 2%;
}

.in_c_name article * {
  margin: 0;
  font-size: 0.16rem;
  line-height: 0.24rem;
}

.in_c_name article::-webkit-scrollbar {
  width: 2px;
  border-radius: 3px;
}

.in_c_name article::-webkit-scrollbar-track {
  width: 1px;
  background-color: #d8d8d8;
}

.in_c_name article::-webkit-scrollbar-thumb {
  background-color: var(--i_color);
}

@media screen and (max-width: 1024px) {
  .in_c_name article {
    font-size: 14px;
    line-height: 20px;
    max-height: calc(20px * 6);
  }

  .in_c_name article * {
    font-size: 14px;
    line-height: 20px;
  }
}

@media screen and (max-width: 560px) {
  .in_c_name article {
    line-height: 20px;
    max-height: calc(20px * 8);
  }
}

.in_p_r {
  margin-left: auto;
  width: 68%;
}

.in_p_r a {
  position: relative;
}

.in_p_list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.in_p_list>li {
  min-width: 0;
  background: #fff;
  border: 1px solid #e5e8ec;
  overflow: hidden;
  transition: transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.in_p_list>li:hover {
  transform: translateY(-5px);
  border-color: #d8dce2;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.in_p_list>li>a {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

/* 图片 */
.in_p_list .img {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f5f6f8;
}

.in_p_list .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.in_p_list>li:hover .img img {
  transform: scale(1.04);
}

/* 标题 */
.in_p_list h6 {
  margin: 0;
  padding: 22px 24px 0;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
  color: #172033;
  transition: color 0.3s ease;
}

.in_p_list>li:hover h6 {
  color: #d60812;
}

/* 简介 */
.in_p_list .txt {
  margin-top: 12px;
  padding: 0 24px;
  font-size: 14px;
  line-height: 1.75;
  color: #68717d;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* Read More */
.in_p_list .home_news_read {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  margin-top: auto;
  padding: 22px 24px 24px;

  font-size: 14px;
  font-weight: 600;
  color: #172033;
}

.in_p_list .home_news_read i {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #f1f3f5;

  font-size: 18px;
  font-style: normal;
  line-height: 1;

  transition: all 0.3s ease;
}

.in_p_list>li:hover .home_news_read {
  color: #d60812;
}

.in_p_list>li:hover .home_news_read i {
  background: #d60812;
  color: #fff;
  transform: translateX(3px);
}

.solution-process-heading {
  margin-bottom: 26px;
}

.solution-process-card-label {
  color: var(--i_color);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}


.solution-process-card-label {
  padding: 20px 24px 0;
}

.solution-process-grid h6 {
  padding-top: 6px;
}

@media screen and (max-width: 1024px) {
  .solution_archive .in_p_r {
    width: 100%;
  }
}

/* 平板 */
@media (max-width: 991px) {
  .in_p_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .in_p_list h6 {
    padding: 18px 20px 0;
    font-size: 18px;
  }

  .in_p_list .txt {
    padding: 0 20px;
  }

  .in_p_list .home_news_read {
    padding: 20px;
  }
}

/* 手机 */
@media (max-width: 600px) {
  .in_p_list {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .in_p_list h6 {
    font-size: 18px;
  }
}


/* ---------------------详情页---------------- */
.pd_gallery_list {
  position: relative;
  overflow: hidden;
  padding-bottom: 0.1rem;
}

.pd_gallery_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}

.pd_gallery_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pd_gallery_list .img {
  width: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
}

.pd_gallery_list .img::before {
  content: "";
  display: block;
  padding-bottom: 75%;
}

.pd_gallery_list .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pd_gallery_list .img,
.pd_gallery_list img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pd_gallery_list li:hover img {
  width: 105%;
  height: 105%;
}

.pd_gallery-prev,
.pd_gallery-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  width: 0.46rem;
  height: 0.46rem;
  font-size: 0.3rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  background: var(--i_color);
  color: #fff;
  opacity: 0.5;
  display: none;
}

.pd_gallery-prev {
  left: 0;
}

.pd_gallery-next {
  right: 0;
}

.pd_gallery_list .swiper-button-disabled {
  cursor: not-allowed;
}

.pd_gallery-prev:hover,
.pd_gallery-next:hover {
  opacity: 1;
}

.pd_gallery-pagination {
  text-align: center;
}

.pd_gallery-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 8px;
  background: #cbcbcb;
  outline: none;
  cursor: pointer;
  position: relative;
}

.pd_gallery-pagination .swiper-pagination-bullet-active {
  background: var(--i_color);
}

@media screen and (max-width: 1024px) {

  .pd_gallery-prev,
  .pd_gallery-next {
    display: none;
  }
}

@media screen and (max-width: 560px) {
  .pd_gallery-pagination {
    margin-top: 0.22rem;
  }
}

.pd_det_cont {
  position: relative;
  overflow: hidden;
}

.pd_det_cont .wrap {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.pd_gallery_list {
  width: 49%;
}

.pd_det {
  width: 44%;
  position: relative;
  z-index: 10;
}

.pd_det>h1,
.pd_det>h2 {
  font-size: 0.28rem;
  font-weight: 400;
  color: var(--i_color);
}

.pd_det>.detail_category {
  display: table;
  margin: 0;
  font-size: 0.2rem;
  color: #333;
  padding: 0.16rem 0;
  border-bottom: 1px solid var(--i_color);
}

.p_brief {
  font-size: 0.18rem;
  padding: 0.16rem 0;
  border-top: 1px solid var(--border_color);
  border-bottom: 1px solid var(--border_color);
}

.p_brief p {
  margin: 8px 0;
}

.pd_det .min {
  font-size: 0.16rem;
  color: #333;
  margin: 0.16rem 0;
}

.pd_share {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.1rem;
}

.pd_share p {
  font-size: 0.16rem;
  color: #333;
  font-weight: 400;
}

.pd_share a {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  color: #c2c6c9;
}

.pd_share iconify-icon {
  font-size: 0.24rem;
}

.pd_share a:hover {
  color: var(--i_color);
}

@media screen and (max-width: 959px) {
  .pd_gallery_list {
    width: 100%;
  }

  .pd_det {
    width: 100%;
    margin-top: 0.3rem;
  }

  .p_brief {
    font-size: 0.16rem;
  }
}

.pd_menu {
  display: flex;
  display: -webkit-flex;
  gap: 0 0.4rem;
  margin-top: 0.2rem;
  border-bottom: 1px solid var(--border_color);
}

.pd_menu li {
  text-align: center;
  padding: 0.2rem;
  font-size: 0.24rem;
  color: #666;
  text-transform: capitalize;
  position: relative;
  cursor: pointer;
  font-weight: 400;
}

.pd_menu li::after {
  content: "";
  width: 0;
  right: 0;
  height: 2px;
  background: var(--i_color);
  position: absolute;
  bottom: -1px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pd_menu li.current,
.pd_menu li:hover {
  color: var(--i_color);
}

.pd_menu li:hover::after,
.pd_menu li.current::after {
  width: 100%;
  right: initial;
  left: 0;
}

@media screen and (max-width: 1440px) {
  .pd_menu li {
    padding: 0.12rem;
    font-size: 0.2rem;
  }
}

@media screen and (max-width: 1024px) {
  .pd_menu li {
    padding: 0.1rem;
    font-size: 0.18rem;
  }
}

.pd_content {
  padding: 0.2rem 0;
}

/* Product detail tabs: ACF gallery and technical-specification content */
.pd_product_gallery_grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
}

.pd_content article figure.pd_product_gallery_item {
  margin: 0;
  overflow: hidden;
  background: #f7f7f7;
}

.pd_content article .pd_product_gallery_item img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  margin: 0;
  background: #fff;
  object-fit: contain;
  transition: transform .35s ease;
}

.pd_content article .pd_product_gallery_item figcaption {
  margin: 0;
  padding: 14px 12px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  overflow-wrap: anywhere;
}

.pd_specs_content>*:first-child {
  margin-top: 0;
}

.pd_specs_content>*:last-child {
  margin-bottom: 0;
}

@media (hover: hover) and (pointer: fine) {
  .pd_product_gallery_item:hover img {
    transform: scale(1.035);
  }
}

@media (max-width: 1024px) {
  .pd_product_gallery_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .pd_product_gallery_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .pd_content article .pd_product_gallery_item figcaption {
    padding: 12px 8px;
    font-size: 14px;
  }
}

/* YPG product detail: technical table and mobile tab layout */
body.postid-1952 .pd_specs_content table {
  display: table !important;
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse;
  overflow: visible !important;
}

body.postid-1952 .pd_specs_content thead {
  display: table-header-group !important;
}

body.postid-1952 .pd_specs_content tbody {
  display: table-row-group !important;
}

body.postid-1952 .pd_specs_content tr {
  display: table-row !important;
}

body.postid-1952 .pd_specs_content th,
body.postid-1952 .pd_specs_content td {
  display: table-cell !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
  vertical-align: top;
}

body.postid-1952 .pd_specs_content th:first-child {
  width: 34%;
}

@media (max-width: 600px) {
  body.postid-1952 .pd_menu {
    display: flex !important;
    width: 100%;
    gap: 0 !important;
    padding: 0 !important;
  }

  body.postid-1952 .pd_menu li {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 6px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
  }

  body.postid-1952 .pd_specs_content th,
  body.postid-1952 .pd_specs_content td {
    padding: 10px !important;
    font-size: 14px;
    line-height: 1.55;
  }

  body.postid-1952 .aside_right {
    display: none !important;
  }
}

/*编辑器样式*/
.pd_content article {
  color: #222;
  font-size: 17px;
  line-height: 1.9;
  word-break: break-word;
}

.pd_content article p {
  margin: 0 0 20px;
}

.pd_content article h2,
.pd_content article h3,
.pd_content article h4,
.pd_content article h5,
.pd_content article h6 {
  margin: 36px 0 18px;
  color: #222;
  font-weight: 700;
  line-height: 1.4;
}

.pd_content article h2 {
  position: relative;
  padding-left: 16px;
  font-size: 28px;
}

.pd_content article h2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: 28px;
  background: #c9080d;
  transform: translateY(-50%);
}

.pd_content article h3 {
  font-size: 22px;
}

.pd_content article h4 {
  font-size: 20px;
}

.pd_content article h5,
.pd_content article h6 {
  font-size: 18px;
}

.pd_content article strong,
.pd_content article b {
  font-weight: 700;
}

.pd_content article a {
  color: #c9080d;
  text-decoration: none;
  transition: opacity .25s ease;
}

.pd_content article a:hover {
  opacity: .75;
}

.pd_content article ul,
.pd_content article ol {
  margin: 0 0 22px;
  padding-left: 28px;
}

.pd_content article li {
  margin-bottom: 8px;
  line-height: 1.8;
}

.pd_content article ul li {
  list-style: disc;
}

.pd_content article ol li {
  list-style: decimal;
}

.pd_content article img,
.pd_content article .wp-block-gallery.has-nested-images figure.wp-block-image img {
  display: block;
  width: 800px;
  max-width: 100% !important;
  height: auto;
  margin: 28px auto;
}

.pd_content article figure {
  margin: 28px 0;
}

.pd_content article figure img {
  margin: 0 auto;
}

.pd_content article figcaption {
  margin-top: 10px;
  color: #777;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}

.pd_content article figcaption a {
  text-decoration: underline;
  white-space: normal;
}

.pd_content article blockquote {
  margin: 28px 0;
  padding: 20px 24px;
  border-left: 4px solid #c9080d;
  background: #f7f7f7;
  color: #444;
}

.pd_content article blockquote p:last-child {
  margin-bottom: 0;
}

.pd_content article table {
  width: 100%;
  margin: 28px 0;
  border-collapse: collapse;
  border-spacing: 0;
}

.pd_content article th,
.pd_content article td {
  padding: 14px 16px;
  border: 1px solid #ddd;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
  vertical-align: middle;
}

.pd_content article th {
  background: #f2f2f2;
  font-weight: 700;
}

.pd_content article hr {
  height: 1px;
  margin: 35px 0;
  border: 0;
  background: #e5e5e5;
}

.pd_content article iframe,
.pd_content article video {
  max-width: 100%;
}

.pd_content article>*:first-child {
  margin-top: 0;
}

.pd_content article>*:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .pd_content article {
    font-size: 15px;
    line-height: 1.8;
  }

  .pd_content article p {
    margin-bottom: 16px;
  }

  .pd_content article h2 {
    margin: 28px 0 15px;
    padding-left: 12px;
    font-size: 23px;
  }

  .pd_content article h2::before {
    width: 4px;
    height: 23px;
  }

  .pd_content article h3 {
    margin: 26px 0 14px;
    font-size: 20px;
  }

  .pd_content article h4 {
    font-size: 18px;
  }

  .pd_content article ul,
  .pd_content article ol {
    padding-left: 22px;
  }

  .pd_content article table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .pd_content article th,
  .pd_content article td {
    padding: 10px 12px;
    font-size: 14px;
  }
}


.tag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.1rem 0.2rem;
}

.tag h6 {
  font-size: 0.18rem;
  color: #333;
  font-weight: 400;
}

.tag a {
  font-size: 16px;
  color: #666;
  padding: 6px 0.1rem;
  border-radius: 4px;
}

.tag a:hover {
  background: var(--i_color);
  color: #fff;
}

.pd_navigation {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 0;
  border-top: 1px solid var(--border_color);
}

.pd_navigation a {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
}

.pd_navigation .detail_navigation_label {
  font-size: 14px;
  color: #222;
  font-weight: 400;
  margin: 0 10px;
}

.pd_navigation p {
  font-size: 14px;
  color: #333;
}

.pd_n_btn {
  width: 0.36rem;
  height: 0.36rem;
  font-size: 0.3rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  background: var(--i_color);
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.r_product {
  position: relative;
  overflow: hidden;
}

.r_product::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -160px;
  top: -160px;
  background: rgba(193, 10, 9, .16);
  border-radius: 50%;
}

.rp {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.rp .swiper-container {
  margin: 0 auto;
  z-index: 1;
}

.rp .swiper-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
}

.rp .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.rp-button-prev,
.rp-button-next {
  border: 1px solid #666;
  font-size: 20px;
  color: #666;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 55px;
  height: 55px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  outline: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.rp-button-prev:hover,
.rp-button-next:hover {
  background: var(--linear-gradien);
  color: #fff;
  border-color: transparent;
}

.rp-button-prev {
  left: -8%;
}

.rp-button-next {
  right: -8%;
}

.rp-pagination {
  text-align: center;
}

.rp-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  display: inline-block;
  margin: 0 8px;
  background: #cbcbcb;
  outline: none;
  cursor: pointer;
  position: relative;
}

.rp-pagination .swiper-pagination-bullet-active {
  background: var(--i_color);
}

.rp_list>a {
  display: block;
  width: 100%;
}

.rp_list h6 {
  font-size: 0.18rem;
  color: #333;
  font-weight: normal;
  margin: 0.16rem 0.1rem;
  text-align: center;
}

.rp_list .img {
  border: 1px solid var(--border_color);
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.rp_list .img::before {
  content: "";
  display: block;
  padding-bottom: 75%;
}

.rp_list .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.rp_list li:hover .img {
  border-color: var(--i_color);
}

.rp_list img,
.rp_list h6 {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.rp_list li:hover h6 {
  color: var(--i_color);
}

.rp_list li:hover img {
  width: 105%;
  height: 105%;
}

.p_atlas_show {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.p_atlas_show .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}

.p_atlas_show .swiper-slide {
  flex-shrink: 0;
  position: relative;
}

.p_atlas_show .swiper-slide .img {
  position: relative;
  overflow: hidden;
  background: #fff;
}

.p_atlas_show .swiper-slide .img::before {
  content: "";
  display: block;
  padding-bottom: 63.15%;
}

.p_atlas_show .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p_atlas_list {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.p_atlas_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}

.p_atlas_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.p_atlas_list .swiper-slide::before {
  content: "";
  display: block;
  padding-bottom: 63.15%;
}

.p_atlas_list .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.p_atlas_list .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p_atlas_list .swiper-slide-thumb-active .img {
  border: 1px solid var(--i_color);
}

.atlas-prev,
.atlas-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  width: 0.5rem;
  height: 0.5rem;
  font-size: 0.3rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  background: var(--i_color);
  color: #fff;
  opacity: 0.5;
}

.atlas-prev {
  left: 0;
}

.atlas-next {
  right: 0;
}



.atlas-prev:hover,
.atlas-next:hover {
  opacity: 1;
}

.atlas-pagination {
  text-align: center;
  display: none;
}

.atlas-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  margin: 0 8px;
  background: #cbcbcb;
  outline: none;
  cursor: pointer;
  position: relative;
}

.atlas-pagination .swiper-pagination-bullet::after {
  content: "";
  width: 100%;
  height: 100%;
  background: none;
  border: 2px solid transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.atlas-pagination .swiper-pagination-bullet-active {
  background: var(--i_color);
}

.atlas-pagination .swiper-pagination-bullet-active::after {
  width: 200%;
  height: 200%;
  border-color: var(--i_color);
}

.env_list {
  position: relative;
  overflow: hidden;
  padding-bottom: 0.1rem;
}

.env_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}

.env_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: scale(0.75);
}

.env_list .swiper-slide-active {
  transform: scale(1);
}

.env_list .swiper-slide-next,
.env_list .swiper-slide-prev {
  transform: scale(0.9);
}

.env_list .img {
  width: 100%;
  background: var(--bc_color);
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
}

.env_list .img::before {
  content: "";
  display: block;
  padding-bottom: 140%;
}

.env_list .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.env_list .img,
.env_list img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.env_list li:hover .img {
  background: #fff;
  border-color: var(--i_color);
}

.env_list li:hover img {
  width: 105%;
  height: 105%;
}

.env_but {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.env-prev,
.env-next {
  z-index: 3;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  width: 0.6rem;
  height: 0.6rem;
  font-size: 0.3rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  background: var(--i_color);
  color: #fff;
  opacity: 0.5;
}

.env-prev {
  transform: translateX(-0.6rem);
}

.env-next {
  transform: translateX(0.6rem);
}



.env-prev:hover,
.env-next:hover {
  opacity: 1;
}

.env-pagination {
  text-align: center;
}

.env-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  display: inline-block;
  margin: 0 8px;
  background: #cbcbcb;
  outline: none;
  cursor: pointer;
  position: relative;
}

.env-pagination .swiper-pagination-bullet::after {
  content: "";
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: none;
  border: 2px solid transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.env-pagination .swiper-pagination-bullet-active {
  background: var(--i_color);
}

.env-pagination .swiper-pagination-bullet-active::after {
  width: 200%;
  height: 200%;
  border-color: var(--i_color);
}

/* ------------------case------------------- */
.hot_case {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  background: linear-gradient(to right, #fff, var(--bc_color));
  overflow: hidden;
  gap: 0.2rem 0;
}

.hot_case>img {
  position: absolute;
  right: -0.2rem;
  bottom: -0.2rem;
  max-width: 30%;
  opacity: 0.1;
}

.hot_case .img {
  width: 50%;
  position: relative;
  overflow: hidden;
}

.hot_case .img::before {
  content: "";
  display: block;
  padding-bottom: 62.1%;
}

.hot_case .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hot_case .txt {
  width: 50%;
  padding: 0 0.6rem;
}

.hot_case h6 {
  font-size: 0.26rem;
  font-weight: 400;
  color: var(--i_color);
  margin-bottom: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hot_case .date {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}

.hot_case .date span {
  font-size: 0.16rem;
  color: var(--i_color);
}

@media screen and (max-width: 1440px) {
  .hot_case .txt {
    padding: 0 0.4rem;
  }

  .hot_case h6 {
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
  }
}

@media screen and (max-width: 1024px) {

  .hot_case .img,
  .hot_case .txt {
    width: 100%;
  }

  .hot_case .txt {
    padding: 0.2rem;
    background: var(--bc_color);
  }
}







.hot_case article {
  color: #666;
  font-size: 0.18rem;
  line-height: 0.28rem;
  max-height: calc(0.28rem * 10);
  overflow-y: auto;
  padding-right: 2%;
}

.hot_case article * {
  margin: 0;
  font-size: 0.18rem;
  line-height: 0.28rem;
}



@media screen and (max-width: 1440px) {
  .hot_case article {
    font-size: 0.16rem;
    line-height: 0.24rem;
    max-height: calc(0.24rem * 10);
  }

  .hot_case article * {
    font-size: 0.16rem;
    line-height: 0.24rem;
  }
}

@media screen and (max-width: 1024px) {
  .hot_case article {
    font-size: 14px;
    line-height: 20px;
    max-height: calc(20px * 10);
  }

  .hot_case article * {
    font-size: 14px;
    line-height: 20px;
  }
}





































/* ==========================================================================
   contact
   ========================================================================== */
.contact_intro_map {
  position: relative;
  overflow: hidden;
}

.contact_intro_map::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -160px;
  top: -160px;
  background: rgba(193, 10, 9, .16);
  border-radius: 50%;
}

.contact_intro_map .contact_intro_box {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 45px;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

.contact_intro_map .contact_intro_txt {
  background: var(--i_color2);
  color: #fff;
  padding: 58px 55px;
  border-radius: 22px;
  position: relative;
  overflow: hidden;
}

.contact_intro_map .contact_intro_txt::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -80px;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(193, 10, 9, .28);
  border-radius: 50%;
}

.contact_intro_map .sub_title {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--i_color);
  margin-bottom: 18px;
  font-weight: 600;
}

.contact_intro_map .contact_intro_txt h2 {
  font-size: 42px;
  line-height: 1.2;
  margin-bottom: 24px;
  color: #fff;
}

.contact_intro_map .contact_intro_txt>p {
  font-size: 16px;
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.78);
  max-width: 760px;
  margin-bottom: 34px;
}

.contact_intro_map .contact_info_list {
  display: grid;
  gap: 16px;
  margin-bottom: 36px;
}

.contact_intro_map .info_item {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  gap: 12px;
}

.contact_intro_map .info_item .ico {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: var(--i_color);
}

.contact_intro_map .info_item p {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.68);
  margin: 0;
}

.contact_intro_map .contact_map {
  background: #fff;
  border-radius: 22px;
  padding: 28px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
}

.contact_intro_map .map_title {
  margin-bottom: 22px;
}

.contact_intro_map .map_title h3 {
  font-size: 26px;
  color: #111;
  margin-bottom: 8px;
}

.contact_intro_map .map_title p {
  font-size: 15px;
  line-height: 1.7;
  color: #666;
  margin: 0;
}

.contact_intro_map .map_iframe {
  width: 100%;
  height: calc(100% - 90px);
  min-height: 430px;
  border-radius: 16px;
  overflow: hidden;
  background: #eee;
}

.contact_intro_map .map_iframe iframe {
  width: 100%;
  height: 100%;
  border: 0;
  filter: grayscale(18%);
}

/* 平板 */
@media screen and (max-width: 1024px) {
  .contact_intro_map {
    padding: 70px 0;
  }

  .contact_intro_map .contact_intro_box {
    grid-template-columns: 1fr;
  }

  .contact_intro_map .contact_intro_txt {
    padding: 46px 38px;
  }

  .contact_intro_map .contact_intro_txt h2 {
    font-size: 36px;
  }

  .contact_intro_map .map_iframe {
    height: 420px;
    min-height: auto;
  }
}

/* 手机 */
@media screen and (max-width: 767px) {
  .contact_intro_map {
    padding: 55px 0;
  }

  .contact_intro_map .contact_intro_box {
    gap: 26px;
  }

  .contact_intro_map .contact_intro_txt {
    padding: 34px 24px;
    border-radius: 16px;
  }

  .contact_intro_map .contact_intro_txt h2 {
    font-size: 30px;
  }

  .contact_intro_map .contact_intro_txt>p {
    font-size: 15px;
    line-height: 1.8;
  }

  .contact_intro_map .contact_map {
    padding: 20px;
    border-radius: 16px;
  }

  .contact_intro_map .map_title h3 {
    font-size: 22px;
  }

  .contact_intro_map .map_iframe {
    height: 320px;
  }
}

/* Contact Form Section */
.c_form {
  max-width: 920px;
  background: #fff;
  border-radius: 22px;
  padding: 55px 60px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
}

.c_form::before {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -70px;
  top: -70px;
  background: rgba(193, 10, 9, .14);
  border-radius: 50%;
}

.c_form .i_tit {
  text-align: center;
  position: relative;
  z-index: 2;
}

.c_form .i_tit h2 {
  font-size: 42px;
  line-height: 1.2;
  color: #111;
  margin-bottom: 14px;
}

.c_form .i_tit p {
  font-size: 16px;
  line-height: 1.7;
  color: #666;
  max-width: 620px;
  margin: 0 auto;
}

/* WPForms 基础 */
.c_form .wpforms-container {
  margin: 0;
  position: relative;
  z-index: 2;
}

.c_form .wpforms-form {
  display: block;
}

.c_form .wpforms-field {
  padding: 0 0 20px !important;
}

/* label */
.c_form .wpforms-field-label {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #111 !important;
  margin-bottom: 8px !important;
}

/* 输入框 */
.c_form .wpforms-form input[type="text"],
.c_form .wpforms-form input[type="email"],
.c_form .wpforms-form input[type="tel"],
.c_form .wpforms-form input[type="url"],
.c_form .wpforms-form input[type="number"],
.c_form .wpforms-form select,
.c_form .wpforms-form textarea {
  width: 100% !important;
  height: 52px !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  background: #f8f8f8 !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  color: #111 !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

.c_form .wpforms-form textarea {
  height: 150px !important;
  padding: 16px 18px !important;
  resize: vertical;
}

/* 聚焦效果 */
.c_form .wpforms-form input:focus,
.c_form .wpforms-form select:focus,
.c_form .wpforms-form textarea:focus {
  border-color: var(--i_color) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(193, 10, 9, .14) !important;
  outline: none !important;
}

/* placeholder */
.c_form .wpforms-form input::placeholder,
.c_form .wpforms-form textarea::placeholder {
  color: #999;
}

/* 提交按钮 */
.c_form .wpforms-submit-container {
  padding-top: 8px !important;
  text-align: center;
}

.c_form .wpforms-submit {
  min-width: 190px !important;
  height: 54px !important;
  border: none !important;
  border-radius: 50px !important;
  background: var(--i_color2) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 0 36px !important;
  cursor: pointer !important;
  transition: all 0.35s ease !important;
}

.c_form .wpforms-submit:hover {
  background: var(--i_color) !important;
  color: #111 !important;
  transform: translateY(-3px);
  box-shadow: 0 12px 25px rgba(193, 10, 9, .24);
}

/* 错误提示 */
.c_form .wpforms-error {
  color: #c0392b !important;
  font-size: 13px !important;
  margin-top: 6px !important;
}

.c_form .wpforms-confirmation-container-full {
  border-radius: 12px !important;
  background: #f7f5f0 !important;
  border: 1px solid rgba(193, 10, 9, .28) !important;
  color: #111 !important;
  padding: 18px 22px !important;
}

/* 平板 */
@media screen and (max-width: 1024px) {
  .c_form {
    padding: 45px 38px;
  }

  .c_form .i_tit h2 {
    font-size: 36px;
  }
}

/* 手机 */
@media screen and (max-width: 767px) {
  .c_form {
    padding: 50px 0;
  }

  .c_form {
    padding: 34px 22px;
    border-radius: 16px;
  }

  .c_form .i_tit h2 {
    font-size: 30px;
  }

  .c_form .i_tit p {
    font-size: 14px;
  }

  .c_form .wpforms-form input[type="text"],
  .c_form .wpforms-form input[type="email"],
  .c_form .wpforms-form input[type="tel"],
  .c_form .wpforms-form input[type="url"],
  .c_form .wpforms-form input[type="number"],
  .c_form .wpforms-form select {
    height: 50px !important;
  }

  .c_form .wpforms-submit {
    width: 100% !important;
  }
}

/* -----------------news------------------------ */
.new_menu {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.2rem;
}

.new_menu a {
  display: table;
  padding: 0.1rem 0.3rem;
  font-size: 0.18rem;
  border: 1px solid var(--i_color);
  border-radius: 0.3rem;
  color: var(--i_color);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.new_menu .curr a,
.new_menu a:hover {
  background: var(--i_color);
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .new_menu a {
    padding: 8px 0.2rem;
    font-size: 0.16rem;
  }
}

@media screen and (max-width: 560px) {
  .new_menu a {
    font-size: 0.14rem;
  }
}

.in_n_list li {
  background: var(--bc_color);
  margin-bottom: 0.5rem;
}

.in_n_list a {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background: var(--bc_color);
  overflow: hidden;
  border-radius: 0.2rem;
  padding: 0.3rem;
}

.in_n_list .img {
  width: 28%;
  position: relative;
  overflow: hidden;
  background: #fff;
}

.in_n_list .img::before {
  content: "";
  display: block;
  padding-bottom: 75%;
}

.in_n_list .img img {
  width: 95%;
  height: 95%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.in_n_list .txt {
  width: 70%;
}

.in_n_list h6 {
  font-size: 0.24rem;
}

.in_n_list p {
  font-size: 0.16rem;
  margin: 0.1rem 0 0.2rem;
}

.in_n_list span {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.1rem;
  color: #666;
}

.in_n_list span i {
  font-size: 0.16rem;
}

.in_n_list a,
.in_n_list h6,
.in_n_list img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.in_n_list a:hover img {
  width: 100%;
  height: 100%;
}

.in_n_list a:hover {
  background: none;
  box-shadow: var(--i_shadow);
}

.in_n_list a:hover h6 {
  color: var(--i_color);
}

@media screen and (max-width: 1440px) {
  .in_n_list h6 {
    font-size: 0.2rem;
  }
}

@media screen and (max-width: 1024px) {
  .in_n_list h6 {
    font-size: 0.18rem;
  }

  .in_n_list p {
    font-size: 0.14rem;
    margin: 0.1rem 0;
  }

  .in_n_list .img,
  .in_n_list .txt {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {

  .in_n_list .img,
  .in_n_list .txt {
    width: 100%;
  }
}

/* ---------------application------------------- */
.application_list {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  gap: 0.6rem 0.4rem;
}

.application_list li {
  width: calc((100% - 0.8rem) / 3);
  position: relative;
  background: #fff;
}

@media screen and (max-width: 1440px) {
  .application_list {
    gap: 0.8rem 0.3rem;
  }

  .application_list li {
    width: calc((100% - 0.6rem) / 3);
  }
}

@media screen and (max-width: 1024px) {
  .application_list {
    gap: 0.8rem 0.2rem;
  }

  .application_list li {
    width: calc((100% - 0.2rem) / 2);
  }
}

@media screen and (max-width: 560px) {
  .application_list li {
    width: 100%;
  }
}

.application_list .img {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.application_list .img::before {
  content: "";
  display: block;
  padding-bottom: 73.27%;
}

.application_list .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.application_list .date {
  display: table;
  padding: 6px 0.2rem;
  font-size: 14px;
  color: #fff;
  border-radius: 6px;
  background: var(--i_color);
  z-index: 2;
  position: absolute;
  right: 0.3rem;
  transform: translateY(-50%);
}

.application_list h6 {
  width: 100%;
  font-size: 0.2rem;
  color: #333;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin: 0.3rem 0;
  padding: 0 0.2rem;
}

.application_list .more {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  padding: 0.1rem;
  transform: translateY(-0.2rem);
  background: var(--i_color);
  opacity: 0;
  border-radius: 0px 0px 8px 8px;
}

.application_list .more,
.application_list img {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.application_list li:hover img {
  width: 110%;
  height: 110%;
}

.application_list li:hover .more {
  transform: translateY(-8px);
  opacity: 1;
}

.application_list li:hover a {
  border-color: transparent;
  box-shadow: var(--i_shadow);
}

@media screen and (max-width: 1440px) {
  .application_list h6 {
    font-size: 0.2rem;
  }
}

@media screen and (max-width: 1024px) {
  .application_list h6 {
    font-size: 0.18rem;
  }
}





































/* Number of pages */
.in_page_box {
  margin: 0.3rem 0;
  text-align: center;
  overflow: hidden;
}

.in_page {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.in_page li {
  min-width: 0.32rem;
  margin: 0 0.04rem;
}

.in_page a,
.in_page span {
  display: block;
  padding: 0 0.12rem;
  line-height: 0.32rem;
  font-size: 0.14rem;
  color: #666;
  background: #fff;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  border: 1px solid var(--border_color);
  overflow: hidden;
}

.in_page>i {
  margin-top: 0.14rem;
  width: 100%;
  font-size: 0.13rem;
  color: #888;
}

.in_page a:hover,
.in_page .active_page a,
.in_page .active_page span {
  border-color: var(--i_color) !important;
  background: var(--i_color);
  color: #fff !important;
}

@media screen and (max-width: 1024px) {
  .in_page_box {
    margin-top: 0.4rem;
  }
}

@media screen and (max-width: 768px) {
  .in_page li {
    min-width: 0.28rem;
  }

  .in_page a,
  .in_page span {
    line-height: 0.28rem;
    padding: 0 0.1rem;
  }
}

@media screen and (max-width: 560px) {
  .in_page_box {
    margin-top: 0.3rem;
  }
}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
div.wpforms-container-full .wpforms-form select.wpforms-field-medium,
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
  max-width: 100% !important;
}

.tec_list {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.tec_list li {
  width: calc(50% - 0.2rem);
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  position: relative;
  overflow: hidden;
  background: #fff;
}

.tec_list a {
  display: block;
  width: 100%;
  height: 100%;
}

.tec_list .img {
  position: relative;
  padding-bottom: 58.39%;
  overflow: hidden;
}

.tec_list .img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--i_color);
  opacity: 0;
}

.tec_list img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.tec_list .txt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.24rem 0.1rem;
}

.tec_list .txt p {
  width: 70%;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tec_list .txt,
.tec_list img,
.tec_list .img::after {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tec_list li:hover .txt {
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.1);
}

.tec_list li:hover .img::after {
  opacity: 0.3;
}

.tec_list li:hover img {
  width: 105%;
  height: 105%;
}

.tec_list li:hover .i_btn {
  border-color: transparent;
  color: #fff;
  background: var(--i_color);
}

@media screen and (max-width: 768px) {
  .tec_list li {
    width: 100%;
  }
}

.certs_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* 四列平铺 */
  gap: 0.3rem;
}

.cert_item {
  background: #fff;
  transition: all 0.4s ease;
}

.cert_img {
  width: 100%;
  aspect-ratio: 1 / 1.414;
  background: #f9f9f9;
  border: 1px solid #eee;
  padding: 0.15rem;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cert_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.5s ease;
}

.cert_mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(193, 10, 9, .1);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.3s;
  cursor: pointer;
}

.cert_mask iconify-icon {
  font-size: 0.4rem;
  color: var(--i_color);
  background: #fff;
  border-radius: 50%;
  padding: 0.1rem;
  box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
}

.cert_info {
  padding-top: 0.2rem;
  text-align: center;
}

.cert_info h5 {
  font-size: 0.18rem;
  color: #1a1a1a;
  font-weight: 700;
  margin-bottom: 0.05rem;
}

.cert_info p {
  font-size: 0.14rem;
  color: #999;
}

.cert_item:hover .cert_img {
  border-color: var(--i_color);
  box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.05);
}

.cert_item:hover .cert_mask {
  opacity: 1;
}

.cert_item:hover img {
  transform: scale(1.05);
}

@media (max-width: 1024px) {
  .certs_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .certs_grid {
    grid-template-columns: 1fr;
  }
}

/* ---------------------新闻详情页------------------ */
.in_news_cont {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.3rem 0;
}

.post_recommend {
  flex-shrink: 0;
  width: 4rem;
  margin-left: auto;
  box-sizing: border-box;
  padding: 30px;
  border: 1px solid #ddd;
}

.post_content {
  width: calc(100% - 4.5rem);
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.post_recommend h3 {
  font-size: 0.22rem;
  margin-bottom: 0.2rem;
}

@media screen and (max-width: 1024px) {

  .post_recommend,
  .post_content {
    width: 100%;
  }

  .post_recommend {
    padding: 20px 10px;
  }
}

.post_recommend_list {}

.post_recommend_list li {}

.post_recommend_list li:not(:last-child) {
  margin-bottom: 26px;
  padding-bottom: 24px;
  border-bottom: 1px solid #ddd;
}

.post_recommend_list a {
  display: block;
  width: 100%;
}

.post_recommend_list .img {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.post_recommend_list .img::before {
  content: "";
  display: block;
  padding-bottom: 75%;
}

.post_recommend_list .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.post_recommend_list {
  margin: 14px 0 10px;
}

.post_recommend_list p {
  margin-top: 10px;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.post_recommend_list li:hover img {
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
}

.post_recommend_list li:hover p {
  color: var(--i_color);
}

.new_form_cont {
  background: #f7f7f7;
  margin-top: 0.3rem;
  padding: 0.2rem;
  position: relative;
}

.new_form_cont::after {
  content: "";
  width: 1.5px;
  height: 100%;
  background: linear-gradient(to top, var(--i_color), var(--i_color2));
  position: absolute;
  right: 0;
  top: 0;
}

.new_form_cont p {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  margin-bottom: 20px;
}

#wpforms-1014 {
  --input_font_size: 14px;
  --input_height: 0.46rem;
}

#wpforms-1014 {
  margin: 0;
  padding: 0;
}

#wpforms-form-1014 {
  width: 100%;
  position: relative;
  overflow: hidden;
}

#wpforms-1014 input,
#wpforms-1014 button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

#wpforms-1014 .wpforms-field {
  padding: 0;
  margin: 0;
}

#wpforms-1014 .wpforms-field-label {
  font-size: 0;
}

#wpforms-1014 .wpforms-required-label {
  position: absolute;
  top: 0.06rem;
  left: 4px;
  font-size: 0.16rem;
  color: #f00;
}

#wpforms-1014 .wpforms-field {
  width: 100%;
  background: transparent;
  padding-bottom: 0.2rem;
  position: relative;
  overflow: hidden;
}

#wpforms-1014 .wpforms-field-container input,
#wpforms-1014 textarea,
#wpforms-1014 select {
  width: 100%;
  max-width: 100% !important;
  min-width: 100%;
  font-size: var(--input_font_size);
  color: #333;
  height: var(--input_height);
  border: 1px solid transparent;
  background: #fff;
  padding: 0 0.1rem 0 0.16rem;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wpforms-1014 .wpforms-field-container input:hover,
#wpforms-1014 textarea:hover {
  border-color: var(--i_color);
}

#wpforms-1014 input {
  line-height: var(--input_height);
}

#wpforms-1014 textarea {
  line-height: 0.22rem;
  min-height: 1rem;
  padding: 0.06rem 0.16rem;
}

#wpforms-1014-field_1-container,
#wpforms-1014-field_2-container {
  width: 49% !important;
}

#wpforms-1014 input::-webkit-input-placeholder,
#wpforms-1014 textarea::-webkit-input-placeholder {
  color: rgb(0 0 0 / 40%);
  font-size: var(--input_font_size);
}

#wpforms-1014 input::-moz-placeholder,
#wpforms-1014 textarea::-moz-placeholder {
  color: rgb(0 0 0 / 40%);
  font-size: var(--input_font_size);
}

#wpforms-1014 input::-ms-input-placeholder,
#wpforms-1014 textarea::-ms-input-placeholder {
  color: rgb(0 0 0 / 40%);
  font-size: var(--input_font_size);
}

#wpforms-1014-field_1-error,
#wpforms-1014-field_2-error,
#wpforms-1014-field_3-error,
#wpforms-1014-field_4-error,
#wpforms-1014-field_5-error,
#wpforms-1014-field_6-error {
  position: absolute;
  font-size: 12px;
  color: #a90909;
}

#wpforms-1014 .wpforms-field-container {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
}

#wpforms-1014 .wpforms-submit-container {
  text-align: center;
  padding: 0;
  overflow: hidden;
  position: relative;
}

#wpforms-1014 .wpforms-submit-container button {
  display: block;
  width: 100%;
  font-size: 0.16rem;
  padding: 10px 0;
  color: #fff;
  background: var(--i_color);
  cursor: pointer;
  position: relative;
  z-index: 2;
}

#wpforms-1014 .wpforms-submit-container button:hover {
  background: var(--i_color2);
}

#wpforms-1014 .wpforms-submit-container img {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 4px;
  z-index: 2;
}

/* --- 左侧悬浮导航 --- */
.sidebar-nav {
  flex: 0 0 300px;
}

.sticky-menu {
  position: sticky;
  top: 100px;
  /* 距离顶部固定的距离 */
}

.sidebar-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
  border-left: 4px solid var(--primary-blue);
  padding-left: 15px;
}

#scrollspy-menu {
  list-style: none;
  padding: 0;
}

#scrollspy-menu li {
  margin-bottom: 15px;
}

#scrollspy-menu a {
  text-decoration: none;
  color: var(--text-gray);
  font-size: 16px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}

#scrollspy-menu li span {
  margin-right: 15px;
  font-size: 14px;
  opacity: 0.5;
}

/* 激活状态样式 */
#scrollspy-menu li.active a {
  color: var(--primary-blue);
  font-weight: 700;
  transform: translateX(10px);
}

/* --- 右侧内容区 --- */
.content-area {
  flex: 1;
}

.content-block {
  margin-bottom: 100px;
  /* 增加间距以触发滚动监听 */
  padding-bottom: 50px;
  border-bottom: 1px solid var(--border-color);
}

.block-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

.block-header iconify-icon {
  font-size: 32px;
  color: var(--primary-blue);
}

.block-header h3 {
  font-size: 22px;
  margin: 0;
}

.content-block p {
  color: var(--text-gray);
  line-height: 1.8;
  margin-bottom: 30px;
}

.demo-image img {
  width: 100%;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* 响应式 */
@media (max-width: 992px) {
  .solution-container {
    flex-direction: column;
  }

  .sidebar-nav {
    display: none;
    /* 移动端通常隐藏此类悬浮导航 */
  }
}

.category_list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  list-style: none;
  padding: 20px 0;
  justify-content: center;
}

.category_list li {
  position: relative;
}

.category_list li a {
  display: inline-block;
  padding: 12px 24px;
  text-decoration: none;
  color: #444;
  font-size: 15px;
  font-weight: 500;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 50px;
  /* 圆角胶囊形状 */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  /* 防止文字换行 */
}

.category_list li a:hover {
  color: #fff;
  background-color: var(--i_color);
  /* 品牌蓝 */
  border-color: var(--i_color);
  box-shadow: 0 4px 15px rgba(193, 10, 9, .2);
  transform: translateY(-2px);
  /* 向上轻微浮动 */
}

.category_list li.active a {
  color: #fff;
  background-color: var(--i_color);
  border-color: var(--i_color);
  font-weight: 600;
}

.category_list li.active a::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  background-color: var(--i_color);
  border-radius: 50%;
}

@media (max-width: 768px) {
  .category_list {
    flex-wrap: nowrap;
    overflow-x: auto;
    /* 开启横向滚动 */
    justify-content: flex-start;
    padding: 15px 10px;
    -webkit-overflow-scrolling: touch;
    /* 滚动更顺滑 */
  }

  .category_list::-webkit-scrollbar {
    display: none;
  }

  .category_list li a {
    padding: 10px 18px;
    font-size: 14px;
  }
}

/* ==========================================================================
   products页面
   ========================================================================== */
.catalog-quote-section {
  position: relative;
  overflow: hidden;
}

.catalog-quote-section .wrap {
  position: relative;
  z-index: 3;
}

.catalog-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.catalog-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 50, 72, 0.72);
  z-index: 2;
}

.catalog-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.catalog-quote-inner {
  display: grid;
  grid-template-columns: 1fr 650px;
  align-items: flex-start;
  gap: 80px;
}

.catalog-info {
  max-width: 720px;
  color: #fff;
  padding: 90px 0 40px;
}

.catalog-info h2 {
  margin: 0 0 16px;
}

.catalog-info h3 {
  margin: 0 0 42px;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 600;
  color: var(--i_color);
}

.catalog-info p {
  margin: 0 0 34px;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.95);
}

.catalog-product-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  max-width: 680px;
  margin-top: 40px;
  overflow: hidden;
}

.catalog-product-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.catalog-form-box {
  background: #fff;
  padding: 42px 46px 50px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16);
}

.catalog-form-title {
  margin-bottom: 34px;
  text-align: center;
}

.catalog-form-title h2 {
  margin: 0;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 600;
  color: #0b1f2a;
}



@media screen and (max-width: 1100px) {
  .catalog-quote-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }

  .catalog-info {
    max-width: none;
    padding: 70px 0 0;
  }

  .catalog-form-box {
    width: 100%;
    max-width: 560px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 767px) {
  .catalog-quote-inner {
    gap: 32px;
  }

  .catalog-info {
    padding: 0;
  }

  .catalog-info h3 {
    margin-bottom: 28px;
    font-size: 24px;
  }

  .catalog-info p {
    font-size: 15px;
  }

  .catalog-form-box {
    padding: 32px 22px 36px;
  }

  .catalog-form-title {
    margin-bottom: 24px;
  }

  .catalog-form-title h2 {
    font-size: 25px;
  }


}

.products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding: 30px 0;
  width: calc(100% - 80px);
  max-width: 1840px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.products_categories_section>.i_tit {
  width: 83.33%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.products-grid .products-item {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #eef2f5;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.products-grid .products-item .products-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  background: var(--bc_color);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.products-grid .products-item .products-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.products-grid .products-item h3 {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  text-align: center;
  margin: 0;
  padding: 20px 15px 8px;
  line-height: 1.4;
  transition: color 0.3s ease;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.products-grid .products-item p {
  min-height: 72px;
  margin: 0;
  padding: 0 20px 22px;
  color: #707884;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}


/* ==================== SHARED INNER-PAGE HERO ==================== */
.inner_hero {
  position: relative;
  min-height: 650px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  color: #fff;
  background: var(--brand-ink);
}

.inner_hero_video {
  min-height: 800px;
}

.inner_hero>img,
.inner_hero_media {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner_hero_media {
  pointer-events: none;
}

.inner_hero_overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg,
      rgba(13, 17, 24, 0.04) 0%,
      rgba(13, 17, 24, 0.16) 52%,
      rgba(13, 17, 24, 0.07) 100%),
    linear-gradient(0deg,
      rgba(13, 17, 24, 0.12),
      transparent 38%);
  pointer-events: none;
}

.inner_hero_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}


.inner_hero h1 {
  max-width: 980px;
  margin: 0;
  color: #fff;
  font-size: 66px;
  line-height: 1;
  letter-spacing: -3px;
  font-weight: 600;
}

.inner_hero h1 em {
  color: var(--i_color);
  font-size: inherit;
  font-style: normal;
  font-weight: 500;
}

.inner_hero p {
  max-width: 720px;
  margin: 22px 0 0;
  color: rgba(255, 255, 255, .82);
  font-size: 20px;
  line-height: 1.65;
}





.service_section_head small,
.service_testing small {
  color: var(--i_color);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

@media screen and (max-width:1440px) {
  .inner_hero h1 {
    font-size: 60px;
  }
}

@media screen and (max-width:1024px) {

  .inner_hero {
    min-height: 430px;
  }

  .inner_hero_content {
    padding-bottom: 65px;
  }

  .inner_hero h1 {
    font-size: 60px;
    letter-spacing: -2px;
  }
}

@media screen and (max-width:600px) {

  .inner_hero {
    min-height: 380px;
  }

  .inner_hero_overlay {
    background: linear-gradient(90deg, rgba(13, 17, 24, .92), rgba(13, 17, 24, .48));
  }

  .inner_hero_content {
    padding-bottom: 48px;
  }

  .inner_hero h1 {
    font-size: 38px;
    letter-spacing: -1.5px;
  }

  .inner_hero p {
    margin-top: 18px;
    font-size: 14px;
  }
}

.manufacturing_strength {
  position: relative;
  overflow: hidden;
  background: var(--bc_color);
}

.manufacturing_strength::before {
  content: "";
  position: absolute;
  right: -180px;
  top: -100px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0.16;
  background: url(https://lxzngroup.com/wp-content/themes/longxin/static/images/logo.webp) no-repeat center;
  background-size: contain;
}

.strength_head {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 50px;
  align-items: end;
  position: relative;
  z-index: 2;
}

.strength_head .i_tit {
  margin-bottom: 0;
}

.strength_head p {
  max-width: 620px;
  font-size: 17px;
  line-height: 1.8;
  color: #666;
  margin: 0;
}

.strength_new_box {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 55px;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

.strength_visual {
  position: relative;
  min-height: 100%;
}

.strength_img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  border-radius: 28px;
  overflow: hidden;
  background: #eee;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.12);
}

.strength_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.7s ease;
}

.strength_visual:hover .strength_img img {
  transform: scale(1.05);
}

.strength_stats {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 28px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.stat_item {
  padding: 22px 16px;
  border-radius: 18px;
  text-align: center;
  background: rgba(17, 17, 17, 0.82);
  backdrop-filter: blur(10px);
  color: #fff;
}

.stat_item h3 {
  font-size: 32px;
  line-height: 1.1;
  margin: 0 0 8px;
  color: #fff;
}

.stat_item h3 b {
  font-size: 17px;
  margin-left: 3px;
  font-weight: 600;
}

.stat_item p {
  font-size: 13px;
  line-height: 1.45;
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
}

.strength_content {
  padding: 44px 42px;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08);
}

.strength_label {
  margin-bottom: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eee;
}

.strength_label span {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--i_color, var(--i_color));
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.strength_label h3 {
  font-size: 30px;
  line-height: 1.3;
  color: #111;
  margin: 0;
}

.strength_feature {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 20px;
  padding: 24px 0;
  border-bottom: 1px solid #eee;
}

.strength_feature:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.feature_icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: #111;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.35s ease;
}

.feature_icon iconify-icon {
  font-size: 30px;
}

.strength_feature:hover .feature_icon {
  background: var(--i_color, var(--i_color));
  transform: translateY(-4px);
}

.feature_text h4 {
  font-size: 21px;
  line-height: 1.35;
  color: #111;
  margin: 0 0 10px;
}

.feature_text p {
  font-size: 15.5px;
  line-height: 1.75;
  color: #666;
  margin: 0;
}

@media screen and (max-width: 1024px) {

  .strength_head,
  .strength_new_box {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .strength_img {
    min-height: 460px;
  }

  .strength_content {
    padding: 36px 32px;
  }
}

@media screen and (max-width: 768px) {
  .manufacturing_strength {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .strength_head {
    gap: 20px;
  }

  .strength_head p {
    font-size: 15.5px;
    line-height: 1.7;
  }

  .strength_img {
    min-height: auto;
    aspect-ratio: 4 / 3;
    border-radius: 20px;
  }

  .strength_stats {
    display: none;
  }

  .stat_item {
    background: #111;
    padding: 20px 15px;
  }

  .stat_item h3 {
    font-size: 28px;
  }

  .strength_content {
    padding: 28px 22px;
    border-radius: 20px;
  }

  .strength_label h3 {
    font-size: 24px;
  }

  .strength_feature {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 22px 0;
  }

  .feature_icon {
    width: 54px;
    height: 54px;
    border-radius: 16px;
  }

  .feature_icon iconify-icon {
    font-size: 28px;
  }

  .feature_text h4 {
    font-size: 20px;
  }

  .feature_text p {
    font-size: 15px;
    line-height: 1.7;
  }
}

.recommended_products {
  position: relative;
  overflow: hidden;
  background: var(--bc_color);
}

.recommended_products::before {
  content: "";
  position: absolute;
  left: -160px;
  bottom: -160px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: rgba(193, 10, 9, .14);
  pointer-events: none;
}

.rp_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
  position: relative;
  z-index: 2;
}

.rp_item {
  list-style: none;
}

.rp_item a {
  display: block;
  height: 100%;
  border-radius: 26px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 14px 45px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease;
}

.rp_item a:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.13);
}

.rp_img {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #eee;
}

.rp_img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 45%,
      rgba(0, 0, 0, 0.16) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.rp_item a:hover .rp_img::after {
  opacity: 1;
}

.rp_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.7s ease;
}

.rp_item a:hover .rp_img img {
  transform: scale(1.06);
}

.rp_info {
  padding: 24px 24px 26px;
}

.rp_info span {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1;
  color: var(--i_color, var(--i_color));
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.rp_info h3 {
  font-size: 21px;
  line-height: 1.35;
  color: #111;
  margin: 0;
  transition: color 0.3s ease;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.rp_item a:hover .rp_info h3 {
  color: var(--i_color, var(--i_color));
}

.rp_more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 22px;
  padding: 12px 18px;
  border-radius: 999px;
  background: #111;
  color: #fff;
  transition: all 0.35s ease;
}

.rp_more em {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
}

.rp_more iconify-icon {
  font-size: 18px;
  transition: transform 0.35s ease;
}

.rp_item a:hover .rp_more {
  background: var(--i_color, var(--i_color));
}

.rp_item a:hover .rp_more iconify-icon {
  transform: translateX(4px);
}

@media screen and (max-width: 1200px) {
  .rp_grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 1024px) {
  .rp_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
  }
}

@media screen and (max-width: 768px) {
  .recommended_products {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .rp_grid {
    grid-template-columns: 1fr;
  }

  .rp_item a {
    border-radius: 20px;
  }

  .rp_info {
    padding: 22px 20px 24px;
  }

  .rp_info h3 {
    font-size: 20px;
  }
}


.en_partner {
  position: relative;
}

.en_partner_list {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.en_partner_list .swiper-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
}

.en_partner_list .swiper-slide {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-shrink: 0;

  position: relative;

  cursor: pointer;

  flex-direction: column;

  position: relative;
}

.en_partner_list .img {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.en_partner_list .img:before {
  content: "";
  display: block;
  padding-bottom: 66%;
}

.en_partner_list .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-sizing: border-box;
}

.en_partner_list .img img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.en_partner_text p {
  font-size: 0.24rem;
  text-align: center;
  margin: 0.3rem 0;
}





/* 指示器 */

.en_partner .pt-pagination {
  display: block;
  text-align: center;
  margin: 0px auto 0;
  margin-top: 0.6rem;
}

.en_partner .pt-pagination .swiper-pagination-bullet {
  width: 0.16rem;
  height: 0.12rem;
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  border-radius: 0;
  display: inline-block;
  margin: 0 5px;
  background: #bbb;
  outline: none;
}

.en_partner .pt-pagination .swiper-pagination-bullet-active {
  position: relative;
  background: var(--i_color);
}

/* 左右箭头 */

.en_partner .pt-button-prev,
.en_partner .pt-button-next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.5rem;
  height: 0.5rem;
  z-index: 999;
  cursor: pointer;
  outline: none;
}

.en_partner .pt-button-prev:before,
.en_partner .pt-button-next:before {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 100%;

  height: 100%;
}

.en_partner .pt-button-prev {
  left: 6%;
}

.en_partner .pt-button-prev:before {
  content: "";

  background: url("https://lxzngroup.com/wp-content/themes/longxin/static/imgs/history_left1.png") center no-repeat;

  background-size: contain;

  transition: all 0.3s ease;
}

.en_partner .pt-button-next {
  right: 6%;
}

.en_partner .pt-button-next:before {
  content: "";

  background: url("https://lxzngroup.com/wp-content/themes/longxin/static/imgs/history_right1.png") center no-repeat;

  background-size: contain;

  transition: all 0.3s ease;
}

.en_partner .pt-button-prev:hover::before {
  background: url("https://lxzngroup.com/wp-content/themes/longxin/static/imgs/history_left.png") center no-repeat;
}

.en_partner .pt-button-next:hover::before {
  background: url("https://lxzngroup.com/wp-content/themes/longxin/static/imgs/history_right.png") center no-repeat;
}

@media screen and (max-width: 1440px) {
  .en_partner_text {
    padding: 1rem 0 0.3rem 0;
  }
}



@media screen and (max-width: 1200px) {

  .en_partner .pt-button-prev,
  .en_partner .pt-button-next {
    display: none;
  }

  .en_partner .pt-pagination {
    display: block;
  }

  .en_partner_box {
    margin-top: 0.6rem;
  }

  .en_partner_text {
    padding: 0.8rem 0 0.2rem 0;
  }
}

@media screen and (max-width: 959px) {
  .en_partner_text {
    padding: 0.6rem 0 0.2rem 0;
  }
}

@media screen and (max-width: 767px) {
  .en_partner_box {
    margin-top: 0.4rem;
  }
}

@media screen and (max-width: 560px) {
  .en_partner .pt-pagination {
    margin: 14px auto 0;
  }

  .en_partner .pt-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
}

.faq_section {
  position: relative;
  overflow: hidden;
  padding: 0.9rem 0;
  background:
    radial-gradient(circle at 90% 82%, rgba(39, 49, 66, 0.06), transparent 28%),
    radial-gradient(circle at 12% 88%, rgba(219, 167, 103, 0.08), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #ffffff 55%, #faf7f2 100%);
}

.faq_section::before {
  content: "";
  position: absolute;
  right: -1rem;
  bottom: -1rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: url(https://lxzngroup.com/wp-content/themes/longxin/static/images/logo.png) no-repeat center;
  background-size: cover;
  z-index: 0;
  opacity: .2;
}

.faq_section>* {
  position: relative;
  z-index: 1;
}

.i_faq_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.24rem;
}

.faq_item {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.16rem;
  overflow: hidden;
  align-self: start;
  transition: 0.3s ease;
}

.faq_item.active {
  box-shadow: 0 0.12rem 0.3rem rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.12);
}

.faq_q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.2rem;
  padding: 0.24rem 0.28rem;
  cursor: pointer;
}

.faq_q h3 {
  margin: 0;
  font-size: 0.2rem;
  line-height: 1.4;
  font-weight: 600;
  color: #222;
}

.faq_q iconify-icon {
  flex: none;
  font-size: 0.24rem;
  color: var(--i_color, var(--i_color));
  transition: 0.3s ease;
}

.faq_item.active .faq_q iconify-icon {
  transform: rotate(45deg);
}

.faq_a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

.faq_a p,
.faq_a ul {
  padding: 0 0.28rem 0.24rem;
  margin: 0;
  font-size: 0.16rem;
  line-height: 1.75;
  color: #666;
}

.faq_a ul {
  padding-left: 0.48rem;
}

.faq_a li {
  margin-bottom: 0.08rem;
}

@media (max-width: 768px) {
  .i_faq_list {
    grid-template-columns: 1fr;
  }

  .faq_q {
    padding: 0.22rem;
  }

  .faq_q h3 {
    font-size: 0.18rem;
  }

  .faq_a p,
  .faq_a ul {
    padding-left: 0.22rem;
    padding-right: 0.22rem;
  }

  .faq_a ul {
    padding-left: 0.42rem;
  }
}

.wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: var(--i_color) !important;
}







/* ==================== HOME BANNER · CONSOLIDATED ==================== */
/* All homepage-only banner rules live in this block. Shared `.banner` rules stay above. */
.longxin_banner {
  --banner-red: var(--i_color);
  --banner-steel: #151920;
  background: var(--banner-steel);
}

.longxin_banner .swiper-slide {
  min-height: 760px;
  background: var(--banner-steel);
}

/* .longxin_banner .swiper-slide>img {
  filter: saturate(.84) contrast(1.03) brightness(.88);
  transition: transform 7s ease, filter .6s ease;
} */

.longxin_banner .swiper-slide-active>img {
  transform: scale(1.06);
}



.longxin_banner .banner_grid {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: .58;
  background-image:
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: 96px 96px;
}

.longxin_banner .banner_mark {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  background: linear-gradient(0deg,
      rgba(66, 72, 97, 0.4) 50%,
      rgba(0, 0, 0, 0) 100%);
}


.longxin_banner .wrap {
  top: 52%;
  z-index: 4;
}

.longxin_banner .banner_content {
  max-width: 900px;
}


.longxin_banner .banner_layout .banner_content :is(h1, h3) {
  white-space: nowrap;
  margin: 0;
  max-width: 920px;
  color: #fff;
  font-size: 65px;
  line-height: .95;
  letter-spacing: -3px;
  font-weight: 700;
}

.longxin_banner .banner_content :is(h1, h3) em {
  color: var(--banner-red);
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-style: normal;
  font-weight: 500;
}

.longxin_banner .banner_layout .banner_content h1 {
  white-space: normal;
}

.longxin_banner .banner_content>p {
  max-width: 700px;
  margin-top: 30px;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, .76);
  font-weight: 400;
}

.longxin_banner .banner_btn {
  margin-top: 38px;
}

.longxin_banner .banner_btn>a:not(.site_cta) {
  min-width: 190px;
  height: 54px;
  padding: 0 28px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .5px;
}

.longxin_banner .banner_btn>a:not(.site_cta) {
  background: var(--banner-red);
}

.longxin_banner .banner_btn>a:not(.site_cta):hover {
  background: #a90909;
}

.longxin_banner .banner_btn>a:not(.site_cta) b {
  margin-left: 8px;
  font-size: 18px;
  font-weight: 400;
}

.longxin_banner .banner_specs {
  display: flex;
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, .15);
}

.longxin_banner .banner_specs li {
  min-width: 160px;
  padding-right: 32px;
}

.longxin_banner .banner_specs li+li {
  padding-left: 32px;
  border-left: 1px solid rgba(255, 255, 255, .15);
}

.longxin_banner .banner_specs strong {
  display: block;
  color: #fff;
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 26px;
  line-height: 1;
  font-weight: 600;
}

.longxin_banner .banner_specs small {
  display: block;
  margin-top: 9px;
  color: rgba(255, 255, 255, .48);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.longxin_banner .banner_process {
  display: flex;
  align-items: center;
  max-width: 720px;
  margin-top: 50px;
  color: rgba(255, 255, 255, .55);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
}

.longxin_banner .banner_process i {
  flex: 1;
  height: 1px;
  margin: 0 16px;
  background: rgba(255, 255, 255, .24);
}

.longxin_banner .banner_side_note {
  position: absolute;
  right: 22px;
  top: 50%;
  z-index: 4;
  color: rgba(255, 255, 255, .35);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 3px;
  writing-mode: vertical-rl;
  transform: translateY(-50%);
}

.longxin_banner .banner_layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .92fr);
  gap: clamp(36px, 5vw, 86px);
  align-items: center;
  width: 100%;
}

.longxin_banner .banner_layout .banner_content {
  max-width: 760px;
}

.longxin_banner .banner_equipment {
  width: 100%;
  max-width: 700px;
  justify-self: end;
}

.longxin_banner .banner_equipment_frame {
  position: relative;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .2);
  background: rgba(66, 72, 97, .62);
  box-shadow: 0 36px 70px rgba(0, 0, 0, .45);
  backdrop-filter: blur(10px);
}

.longxin_banner .banner_equipment_frame::before,
.longxin_banner .banner_equipment_frame::after {
  content: "";
  position: absolute;
  z-index: 3;
  width: 58px;
  height: 58px;
  pointer-events: none;
}

.longxin_banner .banner_equipment_frame::before {
  top: -2px;
  left: -2px;
  border-top: 2px solid var(--banner-red);
  border-left: 2px solid var(--banner-red);
}

.longxin_banner .banner_equipment_frame::after {
  right: -2px;
  bottom: -2px;
  border-right: 2px solid var(--banner-red);
  border-bottom: 2px solid var(--banner-red);
}

.longxin_banner .banner_equipment_img {
  position: relative;
  height: clamp(260px, 27vw, 370px);
  overflow: hidden;
  background: #20252d;
}

.longxin_banner .banner_equipment_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.88) contrast(1.04);
  transition: transform .6s ease;
}

.longxin_banner .banner_equipment_frame:hover .banner_equipment_img img {
  transform: scale(1.035);
}

.longxin_banner .banner_equipment_img span {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 7px 12px;
  background: var(--banner-red);
  color: #fff;
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
}

.longxin_banner .banner_equipment_info {
  padding: 18px 8px 8px;
}

.longxin_banner .banner_equipment_info small {
  display: block;
  margin-bottom: 7px;
  color: var(--banner-red);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.6px;
}

.longxin_banner .banner_equipment_info h4 {
  margin: 0;
  color: #fff;
  font-size: 19px;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -.3px;
}

.longxin_banner .banner_equipment_info p {
  margin-top: 7px;
  color: rgba(255, 255, 255, .48);
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.longxin_banner .banner-button-prev,
.longxin_banner .banner-button-next {
  width: 48px;
  height: 48px;
  border-radius: 0;
  border-color: rgba(255, 255, 255, .3);
  background: rgba(13, 17, 24, .5);
  color: #fff;
  backdrop-filter: blur(8px);
}

.longxin_banner .banner-button-prev:hover,
.longxin_banner .banner-button-next:hover {
  border-color: var(--banner-red);
  background: var(--banner-red);
  color: #fff;
}

.longxin_banner .banner-pagination {
  bottom: 32px;
}

.longxin_banner .banner-pagination .swiper-pagination-bullet {
  width: 34px;
  height: 2px;
  margin: 0 5px;
  border-radius: 0;
  background: rgba(255, 255, 255, .35);
}

.longxin_banner .banner-pagination .swiper-pagination-bullet::after {
  display: none;
}

.longxin_banner .banner-pagination .swiper-pagination-bullet-active {
  background: var(--banner-red);
}

@media screen and (max-width: 1400px) {

  .longxin_banner .banner_layout .banner_content :is(h1, h3) {
    font-size: 60px;
  }
}

@media screen and (max-width: 1200px) {

  .longxin_banner .banner_layout .banner_content :is(h1, h3) {
    font-size: 55px;
  }
}

@media screen and (max-width: 1024px) {
  .longxin_banner .swiper-slide {
    min-height: 620px;
    padding-bottom: 32%;
  }

  .longxin_banner .banner_mark,
  .longxin_banner .banner_side_note,
  .longxin_banner .banner_equipment {
    display: none;
  }

  .longxin_banner .banner_layout {
    display: block;
  }

  .longxin_banner .banner_layout .banner_content {
    max-width: 700px;
  }
}

@media screen and (max-width: 767px) {
  .longxin_banner .swiper-slide {
    min-height: 450px;
  }

  /* .longxin_banner .swiper-slide>img {
    object-position: 62% center;
  } */


  .longxin_banner .banner_grid {
    background-size: 64px 64px;
  }

  .longxin_banner .wrap {
    top: 51%;
  }

  .longxin_banner .banner_layout .banner_content :is(h1, h3) {
    font-size: 38px;
    line-height: 1.05;
    letter-spacing: -1.5px;
  }

  .longxin_banner .banner_content>p {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.6;
  }

  .longxin_banner .banner_btn {
    margin-top: 26px;
  }

  .longxin_banner .banner_btn>a:not(.site_cta) {
    min-width: 0;
    height: 46px;
    padding: 0 20px;
  }

  .longxin_banner .banner_specs,
  .longxin_banner .banner_process {
    display: none;
  }

  .longxin_banner .banner-pagination {
    bottom: 20px;
  }
}

/* ==================== SHARED CONTENT HEADINGS ==================== */
.home_section_heading,
.home_section_heading_content,
.home_section_heading_title,
.home_section_heading_desc {
  min-width: 0;
}

.home_section_heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .65fr);
  gap: clamp(28px, 6vw, 80px);
  align-items: end;
  margin-bottom: clamp(34px, 4vw, 50px);
}

.home_section_heading_title {
  margin: 0;
  color: #1a1d24;
  font-size: clamp(36px, 3vw, 52px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -1.8px;
}

.home_section_heading_title em {
  color: var(--i_color);
  font: inherit;
  font-style: normal;
  font-weight: 500;
}

.home_section_heading_desc {
  max-width: 600px;
  margin: 0;
  color: #5c6470;
  font-size: clamp(15px, 1.1vw, 18px);
  line-height: 1.75;
}

.home_section_heading--single {
  grid-template-columns: minmax(0, 1fr);
}

.home_section_heading--stacked {
  display: block;
  margin-bottom: 32px;
}

.home_section_heading--stacked .home_section_heading_title {
  margin-bottom: 18px;
}

.home_section_heading--compact .home_section_heading_title {
  font-size: clamp(28px, 2.4vw, 38px);
  letter-spacing: -1px;
}

.home_section_heading--compact .home_section_heading_desc {
  font-size: 15px;
}

.home_section_heading--compact {
  margin-bottom: 28px;
}

.home_section_heading--light .home_section_heading_title {
  color: #fff;
}

.home_section_heading--light .home_section_heading_desc {
  color: rgba(255, 255, 255, .76);
}

.home_section_heading--flush {
  margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
  .home_section_heading {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .home_section_heading_desc {
    max-width: 720px;
  }
}

@media screen and (max-width: 767px) {
  .home_section_heading {
    gap: 14px;
    margin-bottom: 30px;
  }

  .home_section_heading_title {
    font-size: 32px;
    line-height: 1.12;
    letter-spacing: -1px;
  }

  .home_section_heading_desc {
    font-size: 14px;
  }

  .home_section_heading--stacked .home_section_heading_title {
    margin-bottom: 14px;
  }
}

/* ==================== SHARED INTERNAL CTA ==================== */
body a.site_cta {
  display: inline-flex;
  align-items: center;
  gap: clamp(12px, 1.1vw, 16px);
  width: fit-content;
  max-width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--site-cta-color, var(--brand-ink, #1a1d24));
  font-size: clamp(15px, 1.15vw, 18px);
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  transition: color .25s ease, transform .25s ease;
}

body a.site_cta>span {
  min-width: 0;
}

body a.site_cta>i {
  display: inline-grid;
  flex: 0 0 auto;
  width: clamp(38px, 2.5vw, 48px);
  height: clamp(38px, 2.5vw, 48px);
  place-items: center;
  border-radius: 50%;
  background: var(--i_color);
  color: #fff;
  font-size: clamp(20px, 1.6vw, 25px);
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  transition: background-color .25s ease, box-shadow .25s ease, transform .25s ease;
}



@media (hover: hover) and (pointer: fine) {
  body a.site_cta:hover {
    color: var(--i_color);
    transform: translateY(-2px);
  }

  body a.site_cta:hover>i {
    background: var(--i_color2);
    box-shadow: 0 8px 18px rgba(194, 0, 0, .2);
    transform: translateX(4px);
  }
}

body a.site_cta:focus-visible {
  outline: 3px solid var(--i_color);
  outline-offset: 4px;
}

@media screen and (max-width: 767px) {
  body a.site_cta {
    gap: 12px;
    font-size: 15px;
  }

  body a.site_cta>i {
    width: 42px;
    height: 42px;
    font-size: 22px;
  }
}

/* Legacy page CTA placement */
.in404 .site_cta,
.thanks .site_cta {
  margin-top: 28px;
}

/* ==================== HOME HERITAGE 2026 ==================== */
.home_heritage {
  padding: 96px 0;
  overflow: hidden;
  background: #f4f6f8;
}

.home_heritage_grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(420px, .88fr);
  gap: clamp(50px, 6vw, 100px);
  align-items: center;
}

.home_heritage_visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  overflow: hidden;
  aspect-ratio: 4 / 3;
}

.home_heritage_visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.home_heritage_visual.is-switching img {
  opacity: .18;
}


.home_heritage_content {
  padding: 10px 0;
}

.home_heritage_lead {
  max-width: 560px;
  margin: 0 0 30px;
  color: #5c6470;
  font-size: 15px;
  line-height: 1.7;
}

.home_timeline {
  position: relative;
  margin: 0;
  padding: 0 0 0 28px;
  border-left: 1px solid #d6dae1;
  list-style: none;
}

.home_timeline li {
  position: relative;
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 18px;
  padding: 0 0 23px;
  cursor: pointer;
  transition: opacity .25s ease;
}

.home_timeline li:last-child {
  padding-bottom: 0;
}

.home_timeline li::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -34px;
  width: 10px;
  height: 10px;
  border: 2px solid var(--i_color);
  border-radius: 50%;
  background: #f4f6f8;
  box-shadow: 0 0 0 4px #f4f6f8;
  transition: background-color .25s ease, transform .25s ease;
}

.home_timeline li.active::before {
  background: var(--i_color);
}

.home_timeline li.active::after {
  content: "←";
  position: absolute;
  top: -5px;
  left: -63px;
  color: var(--i_color);
  font-family: Arial, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
}



.home_timeline li:hover h3,
.home_timeline li:focus h3,
.home_timeline li.active h3 {
  color: var(--i_color);
}

.home_timeline li:focus {
  outline: none;
}

.home_timeline time {
  color: var(--i_color);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 1px;
}

.home_timeline h3 {
  margin: 0 0 4px;
  color: #1a1d24;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -.3px;
}

.home_timeline p {
  max-width: 470px;
  margin: 0;
  color: #6a717d;
  font-size: 14px;
  line-height: 1.65;
}

.home_heritage_content>.site_cta {
  margin-top: 32px;
}

@media (hover: hover) and (pointer: fine) {
  .home_heritage_visual img {
    transition: transform .9s cubic-bezier(.16, 1, .3, 1), filter .45s ease;
  }

  .home_heritage_visual:hover img {
    filter: saturate(1.04) contrast(1.02);
    transform: scale(1.025);
  }

}

@media screen and (max-width: 1024px) {
  .home_heritage {
    padding: 72px 0;
  }

  .home_heritage_grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .home_heritage_visual {
    max-width: 760px;
    margin: 0 auto;
  }

  .home_heritage_content {
    max-width: 720px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .home_heritage {
    padding: 54px 0 60px;
  }

  .home_heritage_grid {
    gap: 34px;
  }

  .home_heritage_visual {
    padding: 16px 4px 62px;
  }

  .home_heritage_visual img {
    width: 108%;
  }



  .home_heritage_lead {
    font-size: 14px;
    margin-bottom: 26px;
  }

  .home_timeline {
    padding-left: 22px;
  }

  .home_timeline li {
    grid-template-columns: 52px 1fr;
    gap: 12px;
    padding-bottom: 20px;
  }

  .home_timeline li::before {
    left: -28px;
  }

  .home_timeline li.active::after {
    left: -53px;
  }

  .home_timeline p {
    font-size: 14px;
  }
}

/* ==================== HOME CAPABILITIES 2026 ==================== */
.home_capabilities {
  padding: 110px 0 120px;
  overflow: hidden;
  background: url(https://lxzngroup.com/wp-content/themes/longxin/static/images/bg2.webp) no-repeat center;
  background-size: cover;
}

.home_capability_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #d9dde3;
  background: #d9dde3;
  gap: 1px;
}

.home_capability_card {
  position: relative;
  min-height: 430px;
  padding: 42px 32px 36px;
  overflow: hidden;
  background: #fff;
  transition: background .35s ease, transform .35s ease;
}

.home_capability_card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 3px;
  background: var(--i_color);
  transition: width .4s ease;
}

.home_capability_icon {
  display: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
  border: 1px solid #d9dde3;
  color: var(--i_color);
  font-size: 25px;
  transition: background .3s ease, color .3s ease, border-color .3s ease;
}

.home_capability_card h3 {
  margin: 0 0 15px;
  color: #1a1d24;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -.5px;
}

.home_capability_card>p {
  min-height: 96px;
  margin: 0 0 26px;
  color: #69717c;
  font-size: 15px;
  line-height: 1.65;
}

.home_capability_points {
  margin: 0;
  padding: 0 52px 0 0;
  list-style: none;
}

.home_capability_points li {
  position: relative;
  padding: 8px 0 8px 16px;
  border-top: 1px solid #e2e5e9;
  color: #46505d;
  font-size: 14px;
  line-height: 1.35;
  letter-spacing: .35px;
}

.home_capability_points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--i_color);
}

.home_capability_points li:last-child {
  border-bottom: 1px solid #e2e5e9;
}

.home_capability_card>a {
  position: absolute;
  right: 28px;
  bottom: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid #d9dde3;
  color: #1a1d24;
  font-size: 17px;
  transition: all .3s ease;
}

@media (hover: hover) and (pointer: fine) {
  .home_capability_card:hover {
    z-index: 2;
    background: #f5f7f9;
    box-shadow: 0 20px 42px rgba(27, 35, 48, .12);
    transform: translateY(-4px);
  }

  .home_capability_card:hover::before {
    width: 100%;
  }

  .home_capability_card:hover .home_capability_icon {
    border-color: var(--i_color);
    background: var(--i_color);
    color: #fff;
  }

  .home_capability_card:hover>a {
    border-color: var(--i_color);
    color: var(--i_color);
    transform: translateX(3px);
  }

  .home_capability_card>a:hover {
    border-color: var(--i_color);
    background: var(--i_color);
    color: #fff;
  }
}

@media screen and (max-width: 1200px) {

  .home_capability_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 767px) {
  .home_capabilities {
    padding: 66px 0 72px;
  }

  .home_capability_grid {
    grid-template-columns: 1fr;
  }

  .home_capability_card {
    min-height: 0;
    padding: 30px 24px 34px;
  }

  .home_capability_card>p {
    min-height: 0;
    padding-right: 36px;
  }
}

/* ==================== HOME PRODUCTS 2026 ==================== */
.home_products {
  position: relative;
  padding: 110px 0 118px;
  overflow: hidden;
  background: #f5f6f8;
  color: #1a1d24;
}

.home_products::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #e2e5e9;
}

.home_products_grid {
  display: grid;
  width: 100%;
  max-width: 100%;
  grid-template-columns: 1.5fr repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.home_product_card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background: #1a1d24;
  border: 0;
  transition: transform .45s cubic-bezier(.16, 1, .3, 1), box-shadow .45s ease;
}

.home_product_card>a,
.home_product_image {
  display: block;
  width: 100%;
  height: 100%;
}

.home_product_card>a {
  display: block;
  height: 100%;
}

.home_product_image {
  height: 100%;
}

@media screen and (min-width: 1201px) {
  .home_products_grid {
    grid-template-areas:
      "featured wet-grinding closed-cycle"
      "featured fluid-bed airflow";
    /* Two 4:3 cards plus the row gap determine the full mosaic height. */
    aspect-ratio: 2.26 / 1;
  }

  .home_product_card {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
  }

  .home_product_card:nth-child(1) {
    grid-area: featured;
  }

  .home_product_card:nth-child(2) {
    grid-area: wet-grinding;
  }

  .home_product_card:nth-child(3) {
    grid-area: closed-cycle;
  }

  .home_product_card:nth-child(4) {
    grid-area: fluid-bed;
  }

  .home_product_card:nth-child(5) {
    grid-area: airflow;
  }

  .home_product_card:not(.featured) {
    aspect-ratio: auto;
  }
}

.home_product_image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100% !important;
  object-fit: cover;
  filter: brightness(.86) saturate(.9) contrast(1.04);
  transition: transform .75s cubic-bezier(.2, .7, .2, 1), filter .5s ease;
}

.home_product_overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 26px 30px;
  background: linear-gradient(180deg, rgba(12, 16, 22, .06) 20%, rgba(12, 16, 22, .3) 100%);
}

.home_product_card.featured .home_product_overlay {
  padding: 34px 38px;
}

.home_product_tag {
  align-self: flex-start;
  padding: 6px 11px;
  border: 1px solid rgba(193, 10, 9, .8);
  color: #fff;
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.6px;
}

.home_product_info small {
  display: block;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, .62);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.home_product_info h3 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: -.6px;
  font-weight: 700;
}

.home_product_info p {
  max-width: 600px;
  margin: 12px 0 0;
  color: rgba(255, 255, 255, .7);
  font-size: 14px;
  line-height: 1.65;
}

.home_product_link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .3px;
}

.home_product_link b {
  font-size: 16px;
  font-weight: 400;
  transition: transform .25s ease;
}

.home_product_card:not(.featured) .home_product_info p {
  display: none;
}

.home_product_card.featured .home_product_info h3 {
  max-width: 700px;
  font-size: clamp(34px, 3vw, 48px);
  letter-spacing: -1.5px;
}

.home_product_card:not(.featured) .home_product_info h3 {
  font-size: 26px;
}

.home_products .site_cta {
  margin-top: 34px;
}

@media (hover: hover) and (pointer: fine) {
  .home_product_card:hover {
    z-index: 2;
    box-shadow: 0 22px 42px rgba(24, 31, 42, .2);
    transform: translateY(-4px);
  }

  .home_product_card:hover .home_product_image img {
    filter: brightness(.96) saturate(1) contrast(1.02);
    transform: scale(1.055);
  }

  .home_product_card:hover h3 {
    color: var(--i_color);
  }

  .home_product_card:hover .home_product_link b {
    transform: translateX(5px);
  }
}

@media screen and (max-width: 1200px) {

  .home_products_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 430px 360px;
  }

  .home_product_card {
    min-height: 330px;
  }

  .home_product_card.featured {
    grid-column: 1 / -1;
    grid-row: auto;
  }

}

@media screen and (max-width: 767px) {
  .home_products {
    padding: 68px 0 74px;
  }

  .home_products_grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-auto-rows: 340px;
  }

  .home_product_card {
    min-height: 340px;
  }

  .home_product_overlay {
    padding: 24px;
  }

  .home_product_card.featured {
    grid-column: auto;
    grid-row: auto;
    min-height: 340px;
  }

  .home_product_card.featured .home_product_overlay {
    padding: 24px;
  }

  .home_product_card.featured .home_product_info h3,
  .home_product_card:not(.featured) .home_product_info h3 {
    font-size: 26px;
  }

  .home_product_info h3 {
    font-size: 25px;
  }
}








/* =========================================================
   HOME NEWS
========================================================= */

.home_news {
  --news_dark: #202229;
  --news_text: #72757b;
  --news_line: #e5e5e5;
  --news_light: #f7f7f5;

  width: 100%;

  padding: 1rem 0 1.1rem;

  position: relative;

  overflow: hidden;
}


/* =========================================================
   HEADER
========================================================= */

.home_news_header {
  width: 100%;

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: .6rem;

  margin-bottom: .45rem;

  padding-bottom: .3rem;

  border-bottom: 1px solid var(--news_line);
}


/* =========================================================
   HEADER TITLE
========================================================= */

.home_news_header_title {
  flex-shrink: 0;
}


.home_news_header_title h2 {
  margin: 0;
}


/* =========================================================
   NEWS CATEGORY TABS
========================================================= */

.home_news_tabs {
  max-width: 8.5rem;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  flex-wrap: wrap;

  gap: .08rem .32rem;

  padding-bottom: .03rem;
}


/* =========================================================
   TAB
========================================================= */

.home_news_tab {
  position: relative;

  display: inline-flex;

  align-items: center;

  gap: .07rem;

  padding: .08rem 0 .11rem;

  margin: 0;

  border: 0;

  background: transparent;

  outline: none;

  font-family: inherit;

  cursor: pointer;

  color: #777;

  transition:
    color .3s ease;
}




/* =========================================================
   NAME
========================================================= */

.home_news_tab_name {
  font-size: 15px;
  line-height: 1.3;

  font-weight: 500;

  white-space: nowrap;
}


/* =========================================================
   TAB LINE
========================================================= */

.home_news_tab::after {
  content: "";

  width: 100%;
  height: 2px;

  position: absolute;

  left: 0;
  bottom: 0;

  background: var(--i_color);

  transform: scaleX(0);

  transform-origin: right center;

  transition:
    transform .35s ease;
}


/* =========================================================
   TAB HOVER
========================================================= */


/* =========================================================
   TAB ACTIVE
========================================================= */

.home_news_tab.active {
  color: var(--i_color);
}


.home_news_tab.active::after {
  transform: scaleX(1);

  transform-origin: left center;
}



/* =========================================================
   CONTENT
========================================================= */

.home_news_content {
  width: 100%;

  position: relative;
}


/* =========================================================
   PANEL
========================================================= */

.home_news_panel {
  display: none;
}


.home_news_panel.active {
  display: block;

  animation:
    homeNewsPanelShow .45s ease both;
}


@keyframes homeNewsPanelShow {

  from {

    opacity: 0;

    transform: translateY(10px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}


/* =========================================================
   NEWS GRID
========================================================= */

.home_news_grid {
  width: 100%;

  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: .25rem;
}


/* =========================================================
   CARD
========================================================= */

.home_news_card {
  width: 100%;

  min-width: 0;

  position: relative;

  overflow: hidden;

  background: #fff;

  border-bottom: 1px solid var(--news_line);

  transition:
    border-color .35s ease;
}


.home_news_card>a {
  width: 100%;
  height: 100%;

  display: block;

  color: inherit;

  text-decoration: none;
}


/* =========================================================
   CARD IMAGE
========================================================= */

.home_news_image {
  width: 100%;

  position: relative;

  overflow: hidden;
  aspect-ratio: 4 / 3;

  background: #eee;
}


.home_news_image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;

  transition:
    transform .75s cubic-bezier(.2, .6, .3, 1);
}


/* =========================================================
   IMAGE MASK
========================================================= */

.home_news_image_mask {
  position: absolute;

  inset: 0;

  z-index: 1;

  pointer-events: none;

  background:
    linear-gradient(180deg,
      rgba(0, 0, 0, 0) 45%,
      rgba(0, 0, 0, .42) 100%);
}


/* =========================================================
   CATEGORY
========================================================= */

.home_news_category {
  position: absolute;

  left: .18rem;
  bottom: .16rem;

  z-index: 3;

  display: inline-flex;

  align-items: center;

  min-height: 27px;

  padding: 5px 11px;

  border-radius: 50px;

  background: rgba(255, 255, 255, .94);

  font-size: 14px;
  line-height: 1.2;

  font-weight: 500;

  color: #333;
}


/* =========================================================
   DATE
========================================================= */

.home_news_image time {
  position: absolute;

  right: .18rem;
  bottom: .19rem;

  z-index: 3;

  font-size: 14px;
  line-height: 1;

  letter-spacing: .08em;

  color: rgba(255, 255, 255, .92);
}


/* =========================================================
   COPY
========================================================= */

.home_news_copy {
  position: relative;
  padding: .22rem .02rem .25rem;
}

.home_news_copy h3 {
  margin: 0;
  font-size: .18rem;
  line-height: 1.45;
  font-weight: 600;
  color: var(--news_dark);
  transition: color .3s ease;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}



/* =========================================================
   DESCRIPTION
========================================================= */

.home_news_copy p {
  margin: .1rem 0 .2rem;
  font-size: 14px;
  line-height: 1.75;
  color: var(--news_text);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}


/* =========================================================
   READ ARTICLE
========================================================= */

.home_news_read {
  display: inline-flex;

  align-items: center;

  gap: .12rem;

  font-size: 14px;
  line-height: 1.3;

  font-weight: 600;

  color: #555;
}


.home_news_read i {
  width: .28rem;
  height: .28rem;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #f1f1f1;

  font-size: 13px;
  font-style: normal;

  color: #555;

  transition:
    color .3s ease,
    background .3s ease,
    transform .3s ease;
}


/* =========================================================
   CARD BOTTOM LINE HOVER
========================================================= */

.home_news_card::after {
  content: "";

  width: 100%;
  height: 2px;

  position: absolute;

  left: 0;
  bottom: 0;

  z-index: 2;

  background: var(--i_color);

  transform: scaleX(0);

  transform-origin: right center;

  transition:
    transform .45s ease;
}


/* =========================================================
   EMPTY
========================================================= */

.home_news_empty {
  grid-column: 1 / -1;

  min-height: 2.5rem;

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  gap: .08rem;

  background: var(--news_light);
}


.home_news_empty span {
  font-size: 10px;

  letter-spacing: .12em;

  color: var(--i_color);
}


.home_news_empty p {
  margin: 0;

  font-size: 13px;

  color: #999;
}


/* =========================================================
   BOTTOM
========================================================= */

.home_news_bottom {
  width: 100%;

  display: flex;

  justify-content: flex-end;

  margin-top: .35rem;
}


@media (hover: hover) and (pointer: fine) {
  .home_news_tab:hover {
    color: var(--news_dark);
  }

  .home_news_tab:hover::after,
  .home_news_card:hover::after {
    transform: scaleX(1);
    transform-origin: left center;
  }

  .home_news_card:hover .home_news_image img {
    transform: scale(1.055);
  }

  .home_news_card:hover h3 {
    color: var(--i_color);
  }

  .home_news_card:hover .home_news_read i {
    background: var(--i_color);
    color: #fff;
    transform: translateX(5px);
  }

}

.home_news_read:hover i {
  background: var(--i_color);
  color: #fff;
  transform: translateX(5px);
}

.home_news_tab:focus-visible,
.home_news_card>a:focus-visible {
  outline: 2px solid var(--i_color);
  outline-offset: 3px;
}


/* =========================================================
   1200
========================================================= */

@media screen and (max-width: 1200px) {

  .home_news_header {
    gap: .4rem;
  }


  .home_news_tabs {
    gap: .08rem .22rem;
  }


  .home_news_tab_name {
    font-size: 14px;
  }


  .home_news_grid {
    gap: .2rem;
  }


  .home_news_image {
    height: 2.2rem;
  }


  .home_news_copy h3 {
    font-size: .17rem;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width: 900px) {

  .home_news_header {
    align-items: flex-end;

    gap: .3rem;
  }


  .home_news_tabs {
    max-width: 5rem;

    gap: .05rem .18rem;
  }

  .home_news_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }


  .home_news_grid {
    gap: .15rem;
  }


  .home_news_image {
    height: 1.8rem;
  }


  .home_news_copy h3 {
    min-height: .48rem;

    font-size: .15rem;
  }


  .home_news_copy p {
    font-size: 14px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 768px) {

  .home_news {
    padding: .65rem 0 .75rem;
  }


  /* =========================
     HEADER
  ========================= */

  .home_news_header {
    display: block;

    margin-bottom: .3rem;

    padding-bottom: .18rem;
  }


  /* =========================
     MOBILE TABS
  ========================= */

  .home_news_tabs {
    width: 100%;
    max-width: none;

    display: flex;

    flex-wrap: nowrap;

    justify-content: flex-start;

    gap: .22rem;

    margin-top: .25rem;

    padding-bottom: .08rem;

    overflow-x: auto;

    overflow-y: hidden;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;
  }


  .home_news_tabs::-webkit-scrollbar {
    display: none;
  }


  .home_news_tab {
    flex-shrink: 0;

    padding: .07rem 0 .09rem;
  }


  .home_news_tab_name {
    font-size: 14px;
  }




  /* =========================
     NEWS GRID
  ========================= */

  .home_news_grid {
    grid-template-columns: 1fr;

    gap: .28rem;
  }


  .home_news_image {
    height: 2.5rem;
  }


  .home_news_copy {
    padding-top: .18rem;
  }


  .home_news_copy h3 {
    min-height: 0;

    font-size: .18rem;
  }


  .home_news_copy p {
    min-height: 0;

    font-size: 14px;
  }


  .home_news_bottom {
    margin-top: .3rem;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media screen and (max-width: 420px) {


  .home_news_image {
    height: 2.2rem;
  }


  .home_news_category {
    left: .12rem;
    bottom: .12rem;
  }


  .home_news_image time {
    right: .12rem;
    bottom: .15rem;
  }

}







.home_partners {
  padding: 110px 0;
  background: #f4f6f8;
}

.home_partner_grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 1px;
  border: 1px solid #d9dde3;
  background: #d9dde3;
}

.home_partner_grid>div {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 22px;
  background: #fff;
  transition: transform .3s ease, background-color .3s ease, box-shadow .3s ease;
}

.home_partner_grid img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: none;
  opacity: 1;
  transition: transform .3s ease;
}

.home_partners_note {
  margin: 30px 0 0;
  color: #68707c;
  font-size: 14px;
  text-align: center;
}

.home_partners_note strong {
  color: #1a1d24;
}

@media (hover: hover) and (pointer: fine) {
  .home_partner_grid>div:hover {
    z-index: 2;
    background: #fff7f7;
    box-shadow: inset 0 3px 0 var(--i_color), 0 14px 30px rgba(27, 35, 48, .13);
    transform: translateY(-4px);
  }

  .home_partner_grid>div:hover img {
    transform: translateY(-2px);
  }
}

@media screen and (max-width: 1200px) {
  .home_partner_grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .home_partners {
    padding: 68px 0 74px;
  }

  .home_partner_grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .home_partner_grid>div {
    min-height: 90px;
  }
}

.home_faq {
  padding: 110px 0 120px;
  background: url(https://lxzngroup.com/wp-content/themes/longxin/static/images/bg1.webp) no-repeat center;
  background-size: cover;
}

.home_faq_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.home_faq_grid article {
  background: #f8f9fa;
  transition: .3s;
}

.home_faq_grid button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px;
  gap: 14px;
  align-items: center;
  width: 100%;
  padding: 22px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.home_faq_grid button b {
  color: #1a1d24;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

.home_faq_grid button i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #ccd1d9;
  color: var(--i_color);
  font-style: normal;
  font-size: 18px;
  transition: .3s;
}

.home_faq_grid article>p {
  max-height: 0;
  margin: 0;
  padding: 0 64px 0 22px;
  overflow: hidden;
  color: #69717c;
  font-size: 14px;
  line-height: 1.65;
  transition: max-height .35s ease, padding .35s ease;
}

.home_faq_grid article.open {
  border-color: var(--i_color);
  background: #fff;
}

.home_faq_grid article.open>p {
  max-height: 180px;
  padding-bottom: 24px;
}

.home_faq_grid article.open button i {
  transform: rotate(45deg);
  /* background: var(--i_color);
  border-color: var(--i_color);
  color: #fff; */
}

.home_faq_grid button:focus-visible {
  outline: 2px solid var(--i_color);
  outline-offset: -2px;
}

@media (hover: hover) and (pointer: fine) {
  .home_faq_grid article:hover {
    border-color: #c9ced6;
    background: #fff;
    box-shadow: 0 12px 26px rgba(27, 35, 48, .07);
    transform: translateY(-3px);
  }

  .home_faq_grid article:hover button i {
    border-color: var(--i_color);
    color: var(--i_color);
  }
}

@media screen and (max-width: 767px) {
  .home_faq {
    padding: 68px 0 74px;
  }

  .home_faq_grid {
    grid-template-columns: 1fr;
  }

  .home_faq_grid button {
    grid-template-columns: minmax(0, 1fr) 28px;
    gap: 9px;
    padding: 18px 15px;
  }

  .home_faq_grid article>p {
    padding-right: 38px;
    padding-left: 15px;
  }
}





/* ==================== CONTACT 2026 ==================== */
.contact_2026 {
  color: #1a1d24;
  background: #fff;
}

/* Direct contact */
.contact_channels {
  padding: clamp(76px, 8vw, 120px) 0;
  background: #f5f6f8;
}

.contact_channel_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #d8dce2;
  background: #d8dce2;
}

.contact_channel_grid>a,
.contact_channel_grid>div {
  position: relative;
  min-height: 270px;
  padding: clamp(28px, 2.4vw, 38px);
  background: #fff;
}

.contact_channel_grid>a {
  color: inherit;
  transition: transform .3s ease, box-shadow .3s ease;
}

.contact_channel_grid iconify-icon {
  display: block;
  margin-bottom: clamp(42px, 5vw, 68px);
  color: var(--i_color);
  font-size: 32px;
}

.contact_channel_grid h3 {
  margin: 0 0 13px;
  color: #9a5a38;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1.25;
  text-transform: uppercase;
}

.contact_channel_grid strong {
  display: block;
  color: #1a1d24;
  font-size: clamp(17px, 1.3vw, 21px);
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.contact_channel_grid i {
  position: absolute;
  right: 28px;
  bottom: 25px;
  color: var(--i_color);
  font-size: 22px;
  font-style: normal;
  line-height: 1;
}

.contact_channel_grid>a:hover {
  z-index: 1;
  transform: translateY(-6px);
  box-shadow: 0 18px 38px rgba(27, 35, 48, .11);
}

@media screen and (max-width: 1050px) {
  .contact_channel_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 767px) {
  .contact_channels {
    padding: 68px 0 74px;
  }

  .contact_channel_grid {
    grid-template-columns: 1fr;
  }

  .contact_channel_grid>a,
  .contact_channel_grid>div {
    min-height: 230px;
    padding: 30px 26px;
  }

  .contact_channel_grid iconify-icon {
    margin-bottom: 42px;
  }
}

/* Project inquiry */
.contact_inquiry {
  padding: clamp(76px, 8vw, 120px) 0;
  background: #202735;
  color: #fff;
}

.contact_inquiry_grid {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.05fr);
  gap: clamp(48px, 8vw, 100px);
  align-items: start;
}



.contact_inquiry_copy ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact_inquiry_copy li {
  padding: 17px 0;
  border-top: 1px solid rgba(255, 255, 255, .16);
}

.contact_inquiry_copy li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.contact_inquiry_copy li span {
  display: block;
  color: rgba(255, 255, 255, .76);
  font-size: 15px;
  line-height: 1.7;
}

.contact_inquiry_copy li strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: 17px;
  line-height: 1.35;
}

.contact_form_card {
  padding: clamp(28px, 4vw, 48px);
  background: #fff;
  color: #1a1d24;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .2);
}

.contact_form_card .wpforms-container {
  margin: 0 !important;
}

.contact_form_card .wpforms-field {
  padding: 0 0 20px !important;
}

.contact_form_card .wpforms-field-label {
  margin-bottom: 8px !important;
  color: #1a1d24 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.contact_form_card .wpforms-form input,
.contact_form_card .wpforms-form select,
.contact_form_card .wpforms-form textarea {
  width: 100% !important;
  min-height: 54px !important;
  border: 1px solid #d5dae1 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #1a1d24 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.contact_form_card .wpforms-form textarea {
  min-height: 148px !important;
  padding-top: 15px !important;
}

.contact_form_card .wpforms-form input:focus,
.contact_form_card .wpforms-form select:focus,
.contact_form_card .wpforms-form textarea:focus {
  border-color: var(--i_color) !important;
  box-shadow: 0 0 0 3px rgba(193, 10, 9, .12) !important;
  outline: 0;
}

.contact_form_card .wpforms-submit-container {
  padding-top: 4px !important;
}

.contact_form_card .wpforms-submit {
  min-height: 54px !important;
  padding: 0 25px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--i_color) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  transition: background-color .25s ease, transform .25s ease;
}

.contact_form_card .wpforms-submit:hover {
  background: #a90909 !important;
  transform: translateY(-2px);
}

.contact_form_card .wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
}


/* Name + Email */
.contact_form_card .wpforms-field-container>.wpforms-field:nth-child(1),
.contact_form_card .wpforms-field-container>.wpforms-field:nth-child(2) {
  width: calc(50% - 10px) !important;
}


/* Phone / Message */
.contact_form_card .wpforms-field-container>.wpforms-field:nth-child(n

  /**/
  +3) {
  width: 100% !important;
}


/* 手机 */
@media screen and (max-width: 767px) {
  .contact_form_card .wpforms-field-container>.wpforms-field {
    width: 100% !important;
  }
}

@media screen and (max-width: 900px) {
  .contact_inquiry_grid {
    grid-template-columns: 1fr;
    gap: 44px;
  }
}

@media screen and (max-width: 767px) {
  .contact_inquiry {
    padding: 68px 0 74px;
  }

  .contact_inquiry_copy li span {
    font-size: 16px;
  }

  .contact_form_card {
    padding: 30px 22px;
  }

  .contact_form_card .wpforms-submit {
    width: 100% !important;
  }
}

/* Visit Longxin */
.contact_location {
  padding: clamp(76px, 8vw, 120px) 0;
  background: #fff;
}

.contact_location_grid {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: clamp(42px, 7vw, 82px);
  align-items: center;
}

.contact_location a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #1a1d24;
  font-size: 16px;
  font-weight: 700;
}

.contact_location a span {
  color: var(--i_color);
  font-size: 22px;
  line-height: 1;
}

.contact_location iframe {
  width: 100%;
  min-height: 430px;
  border: 0;
  filter: grayscale(.25);
}

@media screen and (max-width: 900px) {
  .contact_location_grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }
}

@media screen and (max-width: 767px) {
  .contact_location {
    padding: 68px 0 74px;
  }

  .contact_location a {
    font-size: 16px;
  }

  .contact_location iframe {
    min-height: 330px;
  }
}

/* ==================== SERVICE 2026 ==================== */
.service_2026 {
  --service-ink: #1a1d24;
  --service-text: #68707c;
  --service-line: #dce1e6;
  --service-surface: #f3f5f6;
  color: var(--service-ink);
  background: #fff;
}

.service_2026 img {
  display: block;
  max-width: 100%;
}



/* Service lifecycle */
.service_scope_2026 {
  padding: clamp(80px, 8vw, 132px) 0;
  background: #fff;
}

.service_lifecycle_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 28px);
}

.service_lifecycle_stage {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--service-line);
  background: #fff;
  transition: box-shadow .32s ease, transform .32s ease;
}

.service_lifecycle_media {
  position: relative;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #e8ecef;
}

.service_lifecycle_image {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s cubic-bezier(.2, .65, .3, 1), filter .55s ease;
}

.service_lifecycle_content {
  padding: clamp(23px, 2.3vw, 34px);
}

.service_stage_label {
  display: block;
  color: var(--i_color);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  line-height: 1.35;
  text-transform: uppercase;
}

.service_lifecycle_content>h3 {
  margin: 17px 0 0;
  color: var(--service-ink);
  font-size: clamp(22px, 1.65vw, 28px);
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: -.035em;
}

.service_stage_services {
  display: grid;
  margin-top: 26px;
  border-top: 1px solid var(--service-line);
}

.service_stage_service {
  padding: 18px 0;
}

.service_stage_service+.service_stage_service {
  border-top: 1px solid var(--service-line);
}

.service_stage_service h4 {
  margin: 0;
  color: var(--service-ink);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}

.service_stage_service p {
  margin: 8px 0 0;
  color: var(--service-text);
  font-size: 14px;
  line-height: 1.7;
}

@media (hover: hover) and (pointer: fine) {
  .service_lifecycle_stage:hover {
    box-shadow: 0 18px 38px rgba(27, 35, 48, .1);
    transform: translateY(-5px);
  }

  .service_lifecycle_stage:hover .service_lifecycle_image {
    filter: saturate(1.04);
    transform: scale(1.045);
  }
}

@media (max-width: 767px) {
  .service_scope_2026 {
    padding: 68px 0 74px;
  }

  .service_lifecycle_grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .service_lifecycle_content {
    padding: 24px 20px;
  }

  .service_stage_service p {
    font-size: 15px;
  }
}

/* Service project route */
.service_method {
  padding: clamp(80px, 8vw, 132px) 0;
  background: var(--service-surface);
}

.service_method_layout {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  align-items: stretch;
  gap: clamp(26px, 4.5vw, 72px);
}

.service_method_media {
  aspect-ratio: 4 / 3;
  align-self: center;
  position: relative;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background: #e4e8eb;
}

.service_method_image {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service_method_content {
  display: flex;
  flex-direction: column;
  padding: clamp(28px, 3.4vw, 52px);
  border: 1px solid var(--service-line);
  background: #fff;
}

.service_method_steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: clamp(32px, 4vw, 52px) 0 0;
  padding: 1px;
  list-style: none;
  background: var(--service-line);
}

.service_method_steps li {
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
  padding: 20px;
  background: #fff;
  transition: background-color .28s ease, box-shadow .28s ease;
}

.service_method_steps li>span {
  color: var(--i_color);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.5;
}

.service_method_steps h3 {
  margin: 0;
  color: var(--service-ink);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.service_method_steps p {
  margin: 7px 0 0;
  color: var(--service-text);
  font-size: 14px;
  line-height: 1.62;
}

@media (hover: hover) and (pointer: fine) {
  .service_method_steps li:hover {
    position: relative;
    z-index: 1;
    background: #f9fafb;
    box-shadow: 0 10px 24px rgba(27, 35, 48, .08);
  }
}

@media (max-width: 1100px) {
  .service_method_layout {
    gap: 28px;
  }

  .service_method_media {
    min-height: 0;
  }

  .service_method_content {
    padding: 30px;
  }
}

@media (max-width: 900px) {
  .service_method_layout {
    grid-template-columns: 1fr;
  }

  .service_method_media {
    min-height: 0;
  }
}

@media (max-width: 767px) {
  .service_method {
    padding: 68px 0 74px;
  }

  .service_method_media {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  .service_method_content {
    padding: 27px 20px 20px;
  }

  .service_method_steps {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .service_method_steps li {
    padding: 18px;
  }

  .service_method_steps p {
    font-size: 15px;
  }
}

/* Service material trials */
.service_testing {
  padding: clamp(80px, 8vw, 132px) 0;
  background: #fff;
}

.service_testing_layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: stretch;
  gap: clamp(26px, 4.5vw, 72px);
}

.service_testing_media {
  aspect-ratio: 4 / 3;
  align-self: center;
  position: relative;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background: #e7ebee;
}

.service_testing_image {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service_testing_media figcaption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 12px 15px;
  background: rgba(255, 255, 255, .94);
  color: var(--service-ink);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.service_testing_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(30px, 4vw, 58px);
  border: 1px solid var(--service-line);
  background: var(--service-surface);
}

.service_testing_content ul {
  margin: 27px 0 0;
  padding: 0;
  list-style: none;
}

.service_testing_content li {
  position: relative;
  padding: 13px 0 13px 18px;
  border-top: 1px solid var(--service-line);
  color: #46505d;
  font-size: 15px;
  line-height: 1.55;
}

.service_testing_content li:last-child {
  border-bottom: 1px solid var(--service-line);
}

.service_testing_content li::before {
  position: absolute;
  top: 21px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--i_color);
  content: "";
}

.service_testing_content .site_cta {
  margin-top: 28px;
}

@media (max-width: 900px) {
  .service_testing_layout {
    grid-template-columns: 1fr;
  }

  .service_testing_media {
    min-height: 0;
  }
}

@media (max-width: 767px) {
  .service_testing {
    padding: 68px 0 74px;
  }

  .service_testing_media {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  .service_testing_media figcaption {
    bottom: 12px;
    left: 12px;
    padding: 10px 12px;
    font-size: 11px;
  }

  .service_testing_content {
    padding: 27px 20px;
  }

  .service_testing_content li {
    font-size: 15px;
  }
}

/* Service handover support */





/* =========================
   Service Support
========================= */

.service_support {
  position: relative;
  min-height: 680px;
  padding: 100px 0;
  overflow: hidden;
  background: #1c2025;
}


/* =========================
   Background Image
========================= */

.service_support_bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.service_support_bg_image {
  display: block;
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  filter: brightness(.72);
}


/* light/dark overlay */

.service_support::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;

  background:
    linear-gradient(90deg,
      rgba(19, 23, 28, .88) 0%,
      rgba(19, 23, 28, .75) 42%,
      rgba(19, 23, 28, .5) 72%,
      rgba(19, 23, 28, .35) 100%);
}


/* =========================
   Panel
========================= */

.service_support .wrap {
  position: relative;
  z-index: 2;
}

.service_support_panel {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.05fr);
  gap: clamp(70px, 8vw, 130px);

  align-items: center;
}


/* =========================
   Intro
========================= */

.service_support_intro {
  max-width: 600px;
}

.service_support_eyebrow {
  display: block;
  margin-bottom: 22px;

  font-size: 12px;
  line-height: 1;
  font-weight: 700;

  letter-spacing: .18em;
  text-transform: uppercase;

  color: #fff;
  opacity: .75;
}


/* =========================
   List
========================= */

.service_support_list {
  border-top: 1px solid rgba(255, 255, 255, .22);
}

.service_support_item {
  position: relative;

  padding: 26px 40px 26px 0;

  border-bottom: 1px solid rgba(255, 255, 255, .22);

  transition: padding-left .3s ease;
}

.service_support_item::after {
  content: "→";

  position: absolute;
  top: 28px;
  right: 0;

  font-size: 18px;

  color: rgba(255, 255, 255, .55);

  transition:
    color .3s ease,
    transform .3s ease;
}

.service_support_item h3 {
  margin: 0 0 10px;

  font-size: 21px;
  line-height: 1.25;

  font-weight: 600;

  color: #fff;
}

.service_support_item p {
  max-width: 520px;
  margin: 0;

  font-size: 13px;
  line-height: 1.7;

  color: rgba(255, 255, 255, .65);
}

.service_support_item:hover {
  padding-left: 10px;
}

.service_support_item:hover h3 {
  color: #fff;
}

.service_support_item:hover::after {
  color: #fff;
  transform: translateX(5px);
}


/* =========================
   Tablet
========================= */

@media screen and (max-width: 959px) {

  .service_support {
    min-height: auto;
    padding: 80px 0;
  }

  .service_support_panel {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .service_support_intro {
    max-width: 700px;
  }

}


/* =========================
   Mobile
========================= */

@media screen and (max-width: 600px) {

  .service_support {
    padding: 60px 0;
  }

  .service_support::before {
    background: rgba(18, 22, 27, .78);
  }

  .service_support_item {
    padding: 22px 34px 22px 0;
  }

  .service_support_item h3 {
    font-size: 19px;
  }

  .service_support_item p {
    font-size: 12px;
  }

}








/* =========================
   Service CTA
========================= */

.service_cta {
  position: relative;
  padding: 110px 0;
  background: #f5f6f7;
  overflow: hidden;
}

.service_cta::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -220px;
  top: -220px;
  border-radius: 50%;
  background: radial-gradient(circle,
      rgba(193, 10, 9, .08) 0%,
      rgba(193, 10, 9, 0) 70%);
  pointer-events: none;
}


/* =========================
   Layout
========================= */

.service_cta_layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(55px, 7vw, 110px);
}


/* =========================
   Content
========================= */

.service_cta_content {
  max-width: 620px;
}

.service_cta_content::before {
  content: "START YOUR PROJECT";
  display: block;
  margin-bottom: 22px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .16em;
  color: var(--i_color);
}





/* =========================
   Media
========================= */

.service_cta_media {
  position: relative;
  margin: 0;
  min-width: 0;
  overflow: hidden;
}

.service_cta_media::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background: linear-gradient(180deg,
      rgba(18, 22, 28, 0) 55%,
      rgba(18, 22, 28, .12) 100%);
  pointer-events: none;
}

.service_cta_media::after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;

  width: 110px;
  height: 6px;

  background: var(--i_color);
}

.service_cta_image {
  height: auto;
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;

  transition: transform .8s cubic-bezier(.2, .7, .3, 1);
}

.service_cta_media:hover .service_cta_image {
  transform: scale(1.025);
}




/* =========================
   <= 1200
========================= */

@media screen and (max-width: 1200px) {

  .service_cta {
    padding: 90px 0;
  }

  .service_cta_layout {
    gap: 55px;
  }

}


/* =========================
   Tablet
========================= */

@media screen and (max-width: 959px) {

  .service_cta {
    padding: 75px 0;
  }

  .service_cta_layout {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .service_cta_content {
    max-width: 700px;
  }

  .service_cta_media {
    width: 100%;
  }

  .service_cta_image {
    aspect-ratio: 4 / 3;
  }

}


/* =========================
   Mobile
========================= */

@media screen and (max-width: 600px) {

  .service_cta {
    padding: 58px 0;
  }

  .service_cta_layout {
    gap: 30px;
  }

  .service_cta_content::before {
    margin-bottom: 16px;
    font-size: 11px;
  }






  .service_cta_image {
    aspect-ratio: 4 / 3;
  }

  .service_cta_media::after {
    width: 72px;
    height: 4px;
  }

}








.nav-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 50px;
}

.nav-links .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  height: 46px;
  padding: 0 14px;
  border: 1px solid #d9dde5;
  background: #fff;
  color: #202842;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-sizing: border-box;
  transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}

.nav-links a.page-numbers:hover {
  border-color: var(--i_color);
  background: var(--i_color);
  color: #fff;
}

.nav-links .page-numbers.current {
  border-color: var(--i_color);
  background: var(--i_color);
  color: #fff;
  cursor: default;
}

.nav-links .next.page-numbers {
  gap: 10px;
  padding: 0 20px;
}

.nav-links .next.page-numbers::after {
  content: "→";
  font-size: 20px;
  font-weight: 400;
  transition: transform 0.25s ease;
}

.nav-links .next.page-numbers:hover::after {
  transform: translateX(4px);
}

@media (max-width: 767px) {
  .nav-links {
    gap: 8px;
    margin-top: 32px;
  }

  .nav-links .page-numbers {
    min-width: 40px;
    height: 40px;
    padding: 0 11px;
    font-size: 14px;
  }

  .nav-links .next.page-numbers {
    padding: 0 14px;
  }
}



.i_n_list {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.i_n_list li {
  width: calc((100% - 0.6rem) / 3);
  padding-bottom: 0.2rem;
  position: relative;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 560px) {
  .i_n_list li {
    width: 100%;
  }
}

.i_n_list .img {
  position: relative;
  overflow: hidden;
  background: #fff;
}

.i_n_list .img::before {
  content: "";
  display: block;
  padding-bottom: 75%;
}

.i_n_list .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.i_n_list a {
  display: block;
  color: #102636;
}

.i_n_list .txt {
  padding: 0.16rem;
}

.i_n_list h6 {
  font-size: 0.2rem;
  font-weight: bold;
  line-height: 120%;
  margin: 0.2rem 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.i_n_list p {
  font-size: 0.16rem;
  font-weight: bold;
}

.i_n_list span {
  margin-top: 0.1rem;
  display: table;
  font-size: 14px;
  color: #666;
}

.i_n_list li:hover h6 {
  color: var(--i_color);
}

/* Shared curated references for News, Product and Solution detail pages. */
.related_content {
  margin-top: 64px;
  padding-top: 42px;
  border-top: 1px solid #e4e7eb;
}

.related_content_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.related_content_card {
  min-width: 0;
  border: 1px solid #e3e7ec;
  background: #fff;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.related_content_card>a {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.related_content_image {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f3f5f7;
}

.related_content_image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}

.related_content_copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}

.related_content_copy h3 {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #172033;
  font-size: 19px;
  line-height: 1.38;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.related_content_copy p {
  display: -webkit-box;
  margin: 12px 0 20px;
  overflow: hidden;
  color: #66707c;
  font-size: 14px;
  line-height: 1.7;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.related_content_copy span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  color: #172033;
  font-size: 13px;
  font-weight: 600;
}

.related_content_copy i {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  background: #f1f3f5;
  color: var(--i_color);
  font-size: 18px;
  font-style: normal;
  transition: background .3s ease, color .3s ease, transform .3s ease;
}

@media (hover: hover) and (pointer: fine) {
  .related_content_card:hover {
    border-color: #d3d9df;
    box-shadow: 0 12px 28px rgba(19, 31, 45, .08);
    transform: translateY(-4px);
  }

  .related_content_card:hover .related_content_image img {
    transform: scale(1.04);
  }

  .related_content_card:hover .related_content_copy h3 {
    color: var(--i_color);
  }

  .related_content_card:hover .related_content_copy i {
    background: var(--i_color);
    color: #fff;
    transform: translateX(3px);
  }
}

.related_content_card>a:focus-visible {
  outline: 3px solid var(--i_color);
  outline-offset: 4px;
}

@media screen and (max-width: 1024px) {
  .related_content_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 767px) {
  .related_content {
    margin-top: 48px;
    padding-top: 32px;
  }

  .related_content_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .related_content_copy {
    padding: 18px;
  }
}

/* ==================== TYPE SYSTEM · LIGHT SWISS ==================== */
/* Reference: IBM Plex Sans for content; IBM Plex Mono for numbering and technical labels. */
body,
button,
input,
select,
textarea {
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.home_timeline time,
.home_product_tag,
.home_product_info small,
.home_solution_stage_copy small,
.home_solution_stage_copy h4,
.home_news_image span,
.home_news_copy time,
.service_section_head small,
.service_testing small,
.service_cta small,
.solution_feature_grid article span,
.solution_process_flow li span,
.solution_related small {
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 600;
}



/* Service, about and solutions */

.solution_overview h2,
.solution_materials_section h2,
.solution_advantages_section h2,
.solution_section_head h2,
.solution_related h2 {
  font-weight: 600;
  letter-spacing: -2.5px;
  line-height: 1.05;
}


.solution_overview .solution_two_col>div:last-child>p,
.solution_section_head>p,
.solution_related p {
  font-size: 16px;
  line-height: 1.7;
}


.about_cta h2 {
  font-weight: 600;
  letter-spacing: -2.5px;
}


.solution_feature_grid article p {
  font-size: 14px;
  line-height: 1.65;
}


.solution_feature_grid article h3,
.solution_equipment_grid h3 {
  font-weight: 700;
  letter-spacing: -.5px;
}


@media screen and (max-width: 1024px) {
  .i_n_list h6 {
    margin: 0.1rem 0;
  }
}

/* =========================================================
   HOME CTA
========================================================= */

.home_cta {
  --cta_color: var(--i_color);
  --cta_dark: #202229;
  --cta_text: #6f747c;
  --cta_line: #e1e4e8;
  --cta_bg: #f5f6f7;

  position: relative;
  padding: 1rem 0;
  overflow: hidden;

  background: var(--cta_bg);
  color: var(--cta_dark);
}


/* =========================================================
   DECORATION
========================================================= */

.home_cta::before {
  content: "";

  position: absolute;

  width: 6rem;
  height: 6rem;

  right: -1.5rem;
  top: -2.5rem;

  border-radius: 50%;

  background:
    radial-gradient(circle,
      color-mix(in srgb, var(--cta_color) 10%, transparent),
      transparent 68%);

  pointer-events: none;
}


.home_cta::after {
  content: "";

  position: absolute;

  width: 3rem;
  height: 3rem;

  left: -1.3rem;
  bottom: -1.3rem;

  border-radius: 50%;

  border: 1px solid rgba(0, 0, 0, .045);

  pointer-events: none;
}


/* =========================================================
   GRID
========================================================= */

.home_cta_grid {
  position: relative;
  z-index: 2;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr) minmax(4rem, .82fr);

  gap: .8rem;

  align-items: start;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.home_cta_content {
  min-width: 0;

  padding-top: .02rem;
}








/* =========================================================
   FEATURE LIST
========================================================= */

.home_cta_content ul {
  max-width: 6.4rem;

  margin: 0;
  padding: 0;

  list-style: none;

  border-top: 1px solid var(--cta_line);
}


.home_cta_content li {
  display: flex;

  align-items: center;

  gap: .13rem;

  padding: .14rem 0;

  border-bottom: 1px solid var(--cta_line);

  color: #555b64;

  font-size: 15px;
  line-height: 1.5;
}


/* ICON */

.home_cta_content li span {
  width: .26rem;
  height: .26rem;

  flex-shrink: 0;

  display: flex;

  align-items: center;
  justify-content: center;

  border: 1px solid color-mix(in srgb,
      var(--cta_color) 55%,
      transparent);

  border-radius: 50%;

  background:
    color-mix(in srgb,
      var(--cta_color) 5%,
      white);

  color: var(--cta_color);

  font-size: 11px;
}


/* =========================================================
   FORM CARD
========================================================= */

.home_cta_form {
  width: 100%;

  position: relative;

  padding: .42rem .48rem;

  background: #fff;

  color: var(--cta_dark);

  border: 1px solid #e8e8e8;

  box-shadow:
    0 20px 55px rgba(25, 30, 40, .08);
}


/* 顶部小品牌线 */

.home_cta_form::before {
  content: "";

  width: .55rem;
  height: 3px;

  position: absolute;

  left: .48rem;
  top: 0;

  background: var(--cta_color);
}


/* =========================================================
   FORM HEADER
========================================================= */

.home_cta_form_head {
  margin-bottom: .26rem;

  padding-bottom: .22rem;

  border-bottom: 1px solid var(--cta_line);
}


.home_cta_form_head small {
  color: var(--cta_color);

  font-size: 9px;
  line-height: 1.4;

  font-weight: 700;

  letter-spacing: .16em;

  text-transform: uppercase;
}


.home_cta_form_head h3 {
  margin: .1rem 0 .09rem;

  color: var(--cta_dark);

  font-size: .3rem;
  line-height: 1.15;

  font-weight: 600;
}


.home_cta_form_head p {
  margin: 0;

  color: #7c828b;

  font-size: 12px;
  line-height: 1.7;
}


/* =========================================================
   WPFORMS
========================================================= */

.home_cta_form .wpforms-container {
  margin: 0 !important;
}


.home_cta_form .wpforms-form {
  margin: 0 !important;
}


/* Name and Email share one row on desktop; the mobile rule below restores a single column. */
.home_cta_form .wpforms-field-container {
  display: flex !important;
  flex-wrap: wrap;
  column-gap: .24rem;
}

.home_cta_form .wpforms-field-container>.wpforms-field {
  width: 100% !important;
  flex: 0 0 100% !important;
}

.home_cta_form .wpforms-field-container>[data-field-id="1"],
.home_cta_form .wpforms-field-container>[data-field-id="2"] {
  width: calc(50% - .12rem) !important;
  flex: 0 0 calc(50% - .12rem) !important;
}


/* FIELD */

.home_cta_form .wpforms-field {
  padding: 0 0 .18rem !important;
}


/* 隐藏字段 */

.home_cta_form .link_hidden {
  display: none !important;
}


/* LABEL */

.home_cta_form .wpforms-field-label {
  display: block !important;

  margin: 0 0 6px !important;

  color: #626872 !important;

  font-size: 12px !important;
  line-height: 1.4 !important;

  font-weight: 700 !important;

  letter-spacing: .12em !important;

  text-transform: uppercase;
}


.home_cta_form .wpforms-required-label {
  color: var(--cta_color) !important;
}


/* =========================================================
   INPUT
========================================================= */

.home_cta_form input,
.home_cta_form textarea,
.home_cta_form select {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;

  border: 0 !important;
  border-bottom: 1px solid #d8dce1 !important;

  border-radius: 0 !important;

  outline: none !important;

  background: transparent !important;

  color: var(--cta_dark) !important;

  font-family: inherit !important;

  font-size: 14px !important;

  box-shadow: none !important;

  transition:
    border-color .3s ease !important;
}


/* INPUT HEIGHT */

.home_cta_form input,
.home_cta_form select {
  height: .44rem !important;

  padding: 0 !important;
}


/* TEXTAREA */

.home_cta_form textarea {
  min-height: .9rem !important;
  height: .9rem !important;

  padding: 8px 0 !important;

  resize: vertical;
}


/* PLACEHOLDER */

.home_cta_form input::placeholder,
.home_cta_form textarea::placeholder {
  color: #a5abb3 !important;
}


/* FOCUS */

.home_cta_form input:focus,
.home_cta_form textarea:focus,
.home_cta_form select:focus {
  border-bottom-color: var(--cta_color) !important;
}


/* =========================================================
   SELECT
========================================================= */

.home_cta_form select {
  cursor: pointer;
}


/* =========================================================
   SUBMIT
========================================================= */

.home_cta_form .wpforms-submit-container {
  margin: 0 !important;

  padding: .04rem 0 0 !important;
}


.home_cta_form button[type="submit"] {
  width: 100% !important;
  height: .54rem !important;

  padding: 0 .2rem !important;

  border: 1px solid var(--cta_color) !important;

  border-radius: 0 !important;

  background: var(--cta_color) !important;

  color: #fff !important;

  font-size: 16px !important;
  line-height: 1 !important;

  font-weight: 700 !important;

  letter-spacing: .12em !important;

  text-transform: uppercase;

  cursor: pointer;

  transition:
    background .3s ease,
    color .3s ease,
    transform .3s ease,
    box-shadow .3s ease !important;
}


/* HOVER */

.home_cta_form button[type="submit"]:hover {
  background: var(--cta_dark) !important;

  border-color: var(--cta_dark) !important;

  color: #fff !important;

  transform: translateY(-2px);

  box-shadow:
    0 8px 20px rgba(0, 0, 0, .12);
}


/* =========================================================
   NOTE
========================================================= */

.home_cta_form_note {
  margin-top: .15rem;

  color: #9a9fa7;

  font-size: 8px;
  line-height: 1.5;

  letter-spacing: .1em;

  text-align: center;
}


/* =========================================================
   WPForms Validation
========================================================= */

.home_cta_form .wpforms-field.wpforms-has-error input,

.home_cta_form .wpforms-field.wpforms-has-error textarea,

.home_cta_form .wpforms-field.wpforms-has-error select {
  border-bottom-color: #d63638 !important;
}


.home_cta_form .wpforms-error {
  margin-top: 5px !important;

  color: #d63638 !important;

  font-size: 10px !important;
}


/* =========================================================
   1200
========================================================= */

@media screen and (max-width: 1200px) {

  .home_cta {
    padding: .85rem 0;
  }


  .home_cta_grid {
    grid-template-columns:
      minmax(0, 1fr) minmax(3.8rem, .9fr);

    gap: .55rem;
  }





  .home_cta_form {
    padding: .36rem .38rem;
  }


  .home_cta_form::before {
    left: .38rem;
  }

}


/* =========================================================
   TABLET 1024
========================================================= */

@media screen and (max-width: 1024px) {

  .home_cta {
    padding: .75rem 0;
  }


  .home_cta_grid {
    grid-template-columns:
      minmax(0, .9fr) minmax(3.6rem, 1fr);

    gap: .4rem;
  }








  .home_cta_content li {
    padding: .12rem 0;
  }


  .home_cta_form {
    padding: .32rem;
  }


  .home_cta_form::before {
    left: .32rem;
  }


  .home_cta_form_head h3 {
    font-size: .26rem;
  }

}


/* =========================================================
   MOBILE / TABLET 768
========================================================= */

@media screen and (max-width: 768px) {


  .home_cta {
    padding: .6rem 0;
  }


  .home_cta::before {
    width: 4rem;
    height: 4rem;

    right: -2rem;
    top: -1.5rem;
  }


  /* 改成上下结构 */

  .home_cta_grid {
    display: block;
  }


  .home_cta_content {
    margin-bottom: .4rem;
  }








  .home_cta_content ul {
    max-width: 100%;
  }


  .home_cta_content li {
    gap: .1rem;

    padding: .11rem 0;
  }


  .home_cta_content li span {
    width: .24rem;
    height: .24rem;
  }


  /* FORM */

  .home_cta_form {
    padding: .3rem .25rem;

    box-shadow:
      0 12px 35px rgba(25, 30, 40, .07);
  }


  .home_cta_form::before {
    left: .25rem;
  }


  .home_cta_form .wpforms-field-container>[data-field-id="1"],
  .home_cta_form .wpforms-field-container>[data-field-id="2"] {
    width: 100% !important;
    flex-basis: 100% !important;
  }


  .home_cta_form_head {
    margin-bottom: .22rem;

    padding-bottom: .18rem;
  }


  .home_cta_form_head h3 {
    margin: .08rem 0;

    font-size: .25rem;
  }

  .home_cta_form_head p,
  .home_cta_form .wpforms-field-label,
  .home_cta_form input,
  .home_cta_form textarea,
  .home_cta_form select,
  .home_cta_form button[type="submit"] {
    font-size: 14px !important;
  }


  .home_cta_form .wpforms-field {
    padding-bottom: .15rem !important;
  }


  .home_cta_form input,
  .home_cta_form select {
    height: .42rem !important;

    font-size: 14px !important;
  }


  .home_cta_form textarea {
    min-height: .85rem !important;
    height: .85rem !important;

    font-size: 14px !important;
  }


  .home_cta_form button[type="submit"] {
    height: .5rem !important;
  }

}


/* =========================================================
   SMALL MOBILE 480
========================================================= */

@media screen and (max-width: 480px) {

  .home_cta {
    padding: .5rem 0;
  }


  .home_cta_content {
    margin-bottom: .32rem;
  }


  .home_cta_form {
    padding: .26rem .2rem;
  }


  .home_cta_form::before {
    left: .2rem;
  }


  .home_cta_form_head h3 {
    font-size: .23rem;
  }


  .home_cta_form input,
  .home_cta_form textarea,
  .home_cta_form select {
    font-size: 14px !important;
  }


  .home_cta_form button[type="submit"] {
    height: .48rem !important;
    font-size: 14px !important;
  }

}

/* =========================================================
   INDUSTRY SOLUTIONS
========================================================= */

.home_solution_showcase {
  --solution_color: var(--i_color);
  --solution_dark: #202229;
  --solution_text: #6f7278;
  --solution_border: #e5e5e5;
  --solution_bg: #f6f6f4;

  padding: 1rem 0 1.2rem;
  overflow: hidden;
}



/* =========================================================
   MAIN LAYOUT
========================================================= */

.home_solution_layout {
  display: grid;

  grid-template-columns:
    4.75rem minmax(0, 1fr);

  gap: 0;

  align-items: center;
}



/* =========================================================
   LEFT NAV
========================================================= */

.home_solution_nav {
  width: 100%;

  display: flex;

  align-items: center;
  justify-content: flex-start;
}



/* =========================================================
   CIRCLE NAVIGATION
========================================================= */

.home_solution_tabs {
  --circle-size: 7rem;
  --item-size: 1.06rem;
  --orbit-radius: 2.72rem;

  width: var(--circle-size);
  height: var(--circle-size);

  position: relative;

  flex-shrink: 0;
}



/* =========================================================
   OUTER RING
========================================================= */

.home_solution_tabs_ring {
  width: 5.48rem;
  height: 5.48rem;

  position: absolute;

  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%);

  border-radius: 50%;

  border: 1px solid rgba(0, 0, 0, .08);

  clip-path: inset(0 50% 0 0);

  pointer-events: none;

  z-index: 1;
}



/* 动态品牌色圆弧 */

.home_solution_tabs_ring::before {
  content: "";

  position: absolute;

  inset: -2px;

  border-radius: 50%;

  border: 2px solid transparent;

  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: var(--solution_color);
  border-left-color: var(--solution_color);

  opacity: .55;

  animation: none;
}



/* 内圈 */

.home_solution_tabs_ring::after {
  content: "";

  position: absolute;

  inset: .48rem;

  border-radius: 50%;

  border: 1px dashed rgba(0, 0, 0, .08);

  animation: none;
}



/* =========================================================
   ORBIT DOT
========================================================= */

.home_solution_tabs_ring>span {
  width: .09rem;
  height: .09rem;

  position: absolute;

  left: .06rem;
  top: 50%;

  margin-left: -.045rem;

  border-radius: 50%;

  background: var(--solution_color);

  box-shadow:
    0 0 0 5px rgba(0, 0, 0, .035);

  transform: translateY(-50%);

  z-index: 3;
}



/* =========================================================
   SOFT BACKGROUND
========================================================= */

.home_solution_tabs::before {
  content: "";

  width: 3.78rem;
  height: 3.78rem;

  position: absolute;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%, -50%);

  border-radius: 50%;

  background:
    radial-gradient(circle,
      rgba(0, 0, 0, .02) 0%,
      transparent 70%);

  pointer-events: none;
}



/* =========================================================
   CENTER LOGO
========================================================= */

.home_solution_tabs_logo {
  width: 1.38rem;
  height: 1.38rem;

  position: absolute;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%, -50%);

  z-index: 5;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #fff;
  /* 
  box-shadow:
    0 12px 35px rgba(0, 0, 0, .09);*/
}



/* logo 外圈 */

.home_solution_logo_ring {
  position: absolute;

  inset: -.09rem;

  border-radius: 50%;

  border: 1px solid rgba(0, 0, 0, .08);
}



/* logo 动态圆弧 */

.home_solution_logo_ring::before {
  content: "";

  position: absolute;

  inset: -.02rem;

  border-radius: 50%;

  border: 2px solid transparent;

  border-top-color: transparent;
  border-left-color: var(--solution_color);

  opacity: .7;

  /* animation:
    solutionLogoRing
    10s linear infinite reverse; */
}



.home_solution_tabs_logo img {
  width: 78%;
  height: 78%;

  display: block;

  position: relative;

  z-index: 2;

  object-fit: contain;
}



/* =========================================================
   BUTTON POSITION
   JS 自动计算六个按钮的位置
========================================================= */

.home_solution_tab {
  --angle: 0deg;

  width: var(--item-size);
  height: var(--item-size);

  position: absolute;

  left: 50%;
  top: 50%;

  margin-left:
    calc(var(--item-size) / -2);

  margin-top:
    calc(var(--item-size) / -2);

  padding: 0;

  border: 0;

  outline: none;

  background: transparent;

  cursor: pointer;

  z-index: 10;

  transform:
    rotate(var(--angle)) translateY(calc(var(--orbit-radius) * -1)) rotate(calc(var(--angle) * -1));

  opacity: 0;

  animation:
    solutionNodeShow .55s ease forwards;

  animation-delay:
    calc(var(--index) * .08s);
}



/* =========================================================
   BUTTON CIRCLE
========================================================= */

.home_solution_tab_circle {
  width: 100%;
  height: 100%;

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  border: 1px solid #dedede;

  background: #fff;

  text-align: center;

  box-shadow:
    0 8px 25px rgba(0, 0, 0, .07);

  transition:
    transform .4s cubic-bezier(.2, .7, .2, 1),
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}



/* 内圈 */

.home_solution_tab_circle::after {
  content: "";

  position: absolute;

  inset: .055rem;

  border-radius: 50%;

  border: 1px solid transparent;

  transition:
    border-color .35s ease;

  pointer-events: none;
}



/* ACTIVE 小圆点 */

.home_solution_tab_circle::before {
  content: "";

  width: .09rem;
  height: .09rem;

  position: absolute;

  right: .09rem;
  top: .08rem;

  border-radius: 50%;

  background: var(--solution_color);

  opacity: 0;

  transform: scale(.4);

  transition:
    opacity .35s ease,
    transform .35s ease;
}



/* =========================================================
   TAB TITLE
========================================================= */

.home_solution_tab em {
  display: block;

  position: relative;

  z-index: 2;

  max-width: .7rem;

  padding: 0 .025rem;

  font-size: 16px;
  line-height: 1.15;

  font-style: normal;

  font-weight: 500;

  color: #50545a;

  transition:
    color .35s ease;
}



/* =========================================================
   BUTTON HOVER
========================================================= */

@media (hover: hover) and (pointer: fine) {
  .home_solution_tab:hover .home_solution_tab_circle {
    border-color: var(--solution_color);
    box-shadow: 0 15px 32px rgba(0, 0, 0, .11);
    transform: translateY(-4px) scale(1.04);
  }

  .home_solution_tab:hover .home_solution_tab_circle::after {
    border-color: rgba(0, 0, 0, .06);
  }
}



/* =========================================================
   BUTTON ACTIVE
========================================================= */

.home_solution_tab.active .home_solution_tab_circle {
  background:
    var(--solution_color);

  border-color:
    var(--solution_color);

  transform:
    scale(1.1);

  box-shadow:
    0 15px 34px rgba(0, 0, 0, .14);

  animation:
    solutionActivePulse 2.6s ease-in-out infinite;
}


.home_solution_tab.active .home_solution_tab_circle::before {
  opacity: 1;

  transform:
    scale(1);

  background: #fff;
}


.home_solution_tab.active .home_solution_tab_circle::after {
  border-color:
    rgba(255, 255, 255, .38);
}


.home_solution_tab.active em {
  color: #fff;
}



/* =========================================================
   RIGHT STAGE
========================================================= */

.home_solution_stage {
  width: 100%;

  min-width: 0;

  background: #fff;

  box-shadow:
    0 15px 50px rgba(0, 0, 0, .07);

  transition:
    opacity .25s ease,
    transform .25s ease;
}



/* JS 内容切换 */

.home_solution_stage.is-changing {
  opacity: .25;

  transform:
    translateY(6px);
}



/* =========================================================
   IMAGE
========================================================= */

.home_solution_stage_image {
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 3;

  position: relative;

  overflow: hidden;

  background: #eee;
}


.home_solution_stage_image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition:
    transform 1.2s ease,
    opacity .35s ease;
}


@media (hover: hover) and (pointer: fine) {
  .home_solution_stage:hover {
    border-color: #cdd2d9;
    box-shadow: 0 22px 46px rgba(27, 35, 48, .1);
    transform: translateY(-4px);
  }

  .home_solution_stage:hover .home_solution_stage_image img {
    transform: scale(1.025);
  }
}



/* =========================================================
   IMAGE MASK
========================================================= */

.home_solution_image_mask {
  position: absolute;

  inset: 0;

  z-index: 2;

  pointer-events: none;

  background:
    linear-gradient(180deg,
      rgba(7, 10, 15, 0) 24%,
      rgba(7, 10, 15, .16) 46%,
      rgba(7, 10, 15, .7) 100%);
}



/* =========================================================
   IMAGE LABEL
========================================================= */

.home_solution_image_label {
  position: absolute;

  left: .32rem;
  bottom: .26rem;

  z-index: 3;

  font-size: 14px;
  line-height: 1.4;

  letter-spacing: .11em;

  color:
    rgba(255, 255, 255, .9);
}



/* =========================================================
   IMAGE INDEX
========================================================= */

.home_solution_image_index {
  position: absolute;
  right: .3rem;
  top: .28rem;
  bottom: auto;

  z-index: 3;

  display: flex;

  align-items: center;

  gap: .1rem;

  padding: .1rem .2rem;

  border-radius: 999px;

  background: var(--solution_color);

  box-shadow: 0 12px 26px rgba(0, 0, 0, .22);

  color: #fff;
}


.home_solution_image_index .current {
  font-size: .2rem;
  line-height: 1;

  font-weight: 600;
}


.home_solution_image_index i {
  width: auto;
  height: auto;

  display: inline-block;

  background: none;

  font-style: normal;
}

.home_solution_image_index i::before {
  content: "/";
  color: rgba(255, 255, 255, .76);
  font-size: .18rem;
  font-weight: 400;
}


.home_solution_image_index small {
  font-size: 14px;

  color:
    rgba(255, 255, 255, .88);

  font-weight: 600;
}



/* =========================================================
   COPY
========================================================= */

.home_solution_stage_copy {
  padding:
    .23rem .45rem .42rem;
}


.home_solution_copy_top {
  position: absolute;

  left: .45rem;
  right: .45rem;
  bottom: .34rem;

  z-index: 4;
}


.home_solution_copy_top>small {
  display: block;

  margin-bottom: .1rem;

  font-size: 14px;
  line-height: 1.4;

  letter-spacing: .12em;

  font-weight: 600;

  color:
    #fff;
}


.home_solution_copy_top h3 {
  margin: 0;

  font-size: .34rem;
  line-height: 1.2;

  font-weight: 500;

  color:
    #fff;
}


.home_solution_copy_top>p {
  max-width: 9.5rem;

  margin:
    .15rem 0 0;

  font-size: 14px;
  line-height: 1.8;

  color:
    rgba(255, 255, 255, .86);
}



/* =========================================================
   MATERIALS
========================================================= */

.home_solution_material_box {
  margin-top: 0;

  padding-top: .22rem;

  border-top:
    1px solid var(--solution_border);
}


.home_solution_material_box h4 {
  margin:
    0 0 .12rem;

  font-size: 14px;
  line-height: 1.4;

  letter-spacing: .1em;

  font-weight: 600;

  color: #999;
}

.home_solution_material_box h4::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: .16rem;
  margin-right: .1rem;
  vertical-align: -.025rem;
  background: var(--solution_color);
}


.home_solution_materials {
  display: flex;

  flex-wrap: wrap;

  gap: 7px;
}


.home_solution_materials span {
  display: inline-flex;

  align-items: center;

  gap: 8px;

  min-height: 42px;

  padding:
    7px 16px;

  border:
    1px solid rgba(42, 49, 61, .06);

  border-radius: 50px;

  background: #fff;

  font-size: 14px;
  line-height: 1.2;

  color: #404754;

  box-shadow: 0 7px 18px rgba(31, 42, 58, .12);

  transition:
    color .3s ease,
    border-color .3s ease,
    background .3s ease,
    box-shadow .3s ease,
    transform .3s ease;
}

.home_solution_materials span iconify-icon {
  flex: none;
  color: #596474;
  font-size: 20px;
  line-height: 1;
}

.home_solution_materials span b {
  color: inherit;
  font-size: inherit;
  font-weight: 500;
}


@media (hover: hover) and (pointer: fine) {
  .home_solution_materials span:hover {
    border-color: rgba(193, 10, 9, .2);
    background: #fff;
    box-shadow: 0 11px 24px rgba(31, 42, 58, .18);
    color: var(--solution_color);
    transform: translateY(-2px);
  }

  .home_solution_materials span:hover iconify-icon {
    color: var(--solution_color);
  }
}



/* =========================================================
   CTA PLACEMENT
========================================================= */

.home_solution_copy_top>.site_cta {
  margin-top: .28rem;
}



/* =========================================================
   ANIMATION
========================================================= */

@keyframes solutionRingRotate {

  from {
    transform:
      rotate(0deg);
  }

  to {
    transform:
      rotate(360deg);
  }

}


@keyframes solutionRingReverse {

  from {
    transform:
      rotate(360deg);
  }

  to {
    transform:
      rotate(0deg);
  }

}


@keyframes solutionOrbitDot {

  from {
    transform:
      rotate(0deg);
  }

  to {
    transform:
      rotate(360deg);
  }

}


@keyframes solutionLogoRing {

  from {
    transform:
      rotate(0deg);
  }

  to {
    transform:
      rotate(360deg);
  }

}


@keyframes solutionLogoFloat {

  0%,
  100% {

    transform:
      translate(-50%, -50%) translateY(0);

  }

  50% {

    transform:
      translate(-50%, -50%) translateY(-4px);

  }

}


@keyframes solutionNodeShow {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }

}


@keyframes solutionActivePulse {

  0%,
  100% {

    box-shadow:
      0 15px 34px rgba(0, 0, 0, .14);

  }

  50% {

    box-shadow:
      0 16px 42px rgba(0, 0, 0, .22);

  }

}



/* =========================================================
   1200
========================================================= */

@media screen and (max-width: 1200px) {

  .home_solution_layout {
    grid-template-columns:
      5rem minmax(0, 1fr);

    gap: 0;
  }


  .home_solution_tabs {
    --circle-size: 5rem;
    --item-size: .86rem;
    --orbit-radius: 2.26rem;
  }


  .home_solution_tabs_ring {
    width: 4.5rem;
    height: 4.5rem;
  }


  .home_solution_tabs_logo {
    width: 1.16rem;
    height: 1.16rem;
  }


  .home_solution_tab em {
    max-width: .62rem;

    font-size: 9px;
  }


  .home_solution_stage_image {
    height: auto;
  }

}



/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width: 900px) {

  .home_solution_layout {
    display: block;
  }


  .home_solution_nav {
    margin-bottom: .45rem;
  }


  .home_solution_tabs {
    --circle-size: 4.45rem;
    --item-size: .84rem;
    --orbit-radius: 1.98rem;

    margin: 0 auto;
  }


  .home_solution_tabs_ring {
    width: 3.95rem;
    height: 3.95rem;
  }


  .home_solution_stage_image {
    height: auto;
    aspect-ratio: 4 / 3;
  }

}



/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 768px) {

  .home_solution_showcase {
    padding:
      .65rem 0 .75rem;
  }



  .home_solution_tabs {
    --circle-size: 3.75rem;
    --item-size: .7rem;
    --orbit-radius: 1.63rem;

    margin: 0 auto;
  }


  .home_solution_tabs_ring {
    width: 3.26rem;
    height: 3.26rem;
  }


  .home_solution_tabs_logo {
    width: .94rem;
    height: .94rem;
  }


  .home_solution_tab em {
    max-width: .55rem;

    font-size: 8px;
  }


  .home_solution_stage_image {
    height: auto;
  }


  .home_solution_image_label {
    left: .18rem;
    bottom: .16rem;

    font-size: 9px;
  }


  .home_solution_image_index {
    left: .18rem;
    right: auto;
    top: .18rem;
    bottom: auto;

    padding: 9px 13px;
  }


  .home_solution_image_index .current {
    font-size: .18rem;
  }


  .home_solution_stage_copy {
    padding:
      .27rem .2rem .32rem;
  }


  .home_solution_copy_top h3 {
    font-size: 25px;
    line-height: 1.14;
  }


  .home_solution_copy_top>p {
    font-size: 14px;

    line-height: 1.55;
  }


  .home_solution_copy_top {
    left: .2rem;
    right: .2rem;
    bottom: .2rem;
  }


  .home_solution_materials {
    gap: 5px;
  }


  .home_solution_materials span {
    min-height: 38px;

    padding:
      6px 12px;

    font-size: 14px;
  }

  .home_solution_materials span iconify-icon {
    font-size: 18px;
  }

  /* The orbit remains a desktop treatment; touch devices get readable tab controls. */
  .home_solution_nav {
    margin-bottom: .32rem;
  }

  .home_solution_tabs {
    display: grid;
    width: 100%;
    height: auto;
    margin: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .home_solution_tabs::before,
  .home_solution_tabs_ring,
  .home_solution_tabs_logo {
    display: none;
  }

  .home_solution_tab {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    opacity: 1;
    transform: none !important;
    animation: none;
  }

  .home_solution_tab_circle {
    min-height: 50px;
    padding: 10px 12px;
    border-radius: 0;
    box-shadow: none;
  }

  .home_solution_tab_circle::before,
  .home_solution_tab_circle::after {
    display: none;
  }

  .home_solution_tab em {
    max-width: none;
    padding: 0;
    font-size: 14px;
    line-height: 1.25;
  }

  .home_solution_tab.active .home_solution_tab_circle {
    box-shadow: inset 0 3px 0 rgba(255, 255, 255, .5);
    transform: none;
    animation: none;
  }

  .home_solution_tab:focus-visible .home_solution_tab_circle {
    outline: 2px solid var(--solution_color);
    outline-offset: 2px;
  }

}



/* =========================================================
   SMALL MOBILE
========================================================= */

@media screen and (max-width: 420px) {

  .home_solution_tabs {
    --circle-size: 3.25rem;
    --item-size: .64rem;
    --orbit-radius: 1.4rem;
  }


  .home_solution_tabs_ring {
    width: 2.8rem;
    height: 2.8rem;
  }


  .home_solution_tabs_logo {
    width: .8rem;
    height: .8rem;
  }


  .home_solution_tab em {
    max-width: none;
    font-size: 14px;
  }

}



/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .home_solution_tabs_ring::before,
  .home_solution_tabs_ring::after,
  .home_solution_tabs_ring>span,
  .home_solution_logo_ring::before,
  .home_solution_tabs_logo,
  .home_solution_tab,
  .home_solution_tab_circle {
    animation: none !important;
  }


  .home_solution_tab {
    opacity: 1;
  }

}

/* ==================== FAQ 2026 ==================== */
.faq_2026 {
  color: #1a1d24;
  background: #fff;
}

/* FAQ introduction */
.faq_2026_intro {
  padding: clamp(76px, 9vw, 132px) 0 clamp(62px, 7vw, 96px);
  background: #f5f6f8;
}

@media screen and (max-width: 767px) {
  .faq_2026_intro {
    padding: 68px 0 58px;
  }
}

/* FAQ groups and answers */
.faq_2026_content {
  padding: clamp(64px, 8vw, 118px) 0;
  background: #fff;
}

.faq_2026_group {
  border-top: 1px solid #d8dce2;
}

.faq_2026_group:last-child {
  border-bottom: 1px solid #d8dce2;
}

.faq_2026_group_head {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(320px, .68fr);
  gap: clamp(34px, 7vw, 100px);
  padding: clamp(30px, 4vw, 52px) 0;
}

.faq_2026_group_head h3 {
  margin: 0;
  color: #1a1d24;
  font-size: clamp(26px, 2.35vw, 38px);
  font-weight: 700;
  letter-spacing: -1.2px;
  line-height: 1.12;
}

.faq_2026_group_head p {
  margin-top: 14px;
  max-width: 550px;
  margin: 0;
  color: #596371;
  font-size: 16px;
  line-height: 1.7;
}

.faq_2026_items {
  border-top: 1px solid #d8dce2;
}

.faq_2026_item {
  border-bottom: 1px solid #d8dce2;
}

.faq_2026_trigger {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  width: 100%;
  padding: 24px 0;
  border: 0;
  background: transparent;
  color: #1a1d24;
  text-align: left;
  cursor: pointer;
}

.faq_2026_question {
  font-size: clamp(17px, 1.45vw, 21px);
  font-weight: 650;
  line-height: 1.45;
}

.faq_2026_icon {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid #cbd1d9;
  color: var(--i_color);
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}

.faq_2026_item.is-open .faq_2026_icon {
  border-color: var(--i_color);
  background: var(--i_color);
  color: #fff;
}

@media (hover: hover) and (pointer: fine) {
  .faq_2026_trigger:hover .faq_2026_icon {
    border-color: var(--i_color);
    background: var(--i_color);
    color: #fff;
  }
}

.faq_2026_trigger:focus-visible {
  outline: 2px solid var(--i_color);
  outline-offset: 3px;
}

.faq_2026_item.is-open .faq_2026_icon {
  transform: rotate(45deg);
}

.faq_2026_answer {
  max-width: 820px;
  padding: 0 64px 28px 0;
}

.faq_2026_answer p {
  margin: 0;
  color: #596371;
  font-size: 16px;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .faq_2026_content {
    padding: 58px 0 70px;
  }

  .faq_2026_group_head {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 32px 0;
  }

  .faq_2026_group_head p,
  .faq_2026_answer p {
    font-size: 16px;
  }

  .faq_2026_trigger {
    gap: 16px;
    padding: 20px 0;
  }

  .faq_2026_icon {
    width: 28px;
    height: 28px;
    font-size: 22px;
  }

  .faq_2026_answer {
    padding: 0 0 24px;
  }
}

/* FAQ call to action */
.faq_2026_cta {
  padding: clamp(64px, 7vw, 100px) 0;
  background: #202735;
}

.faq_2026_cta .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
}



.faq_2026_cta .site_cta {
  flex: 0 0 auto;
}

@media screen and (max-width: 767px) {
  .faq_2026_cta {
    padding: 58px 0 68px;
  }

  .faq_2026_cta .wrap {
    align-items: flex-start;
    flex-direction: column;
    gap: 30px;
  }

  .faq_2026_cta .site_cta {
    width: 100%;
    justify-content: space-between;
  }
}




/* ==================== ABOUT 2026: SCOPED DESIGN SYSTEM ==================== */
/* Shared structure only. Each section keeps its own desktop and responsive rules below. */
.about_2026 {
  --about-line: rgba(26, 29, 36, .12);
  --about-card-shadow: 0 18px 44px rgba(26, 29, 36, .08);
  color: var(--brand-ink);
  overflow: hidden;
}

.about_2026 :is(.about_history_video, .about_video_modal_close, .about_timeline_prev, .about_timeline_next, .about_certificates_tabs li, .about_certificates_prev, .about_certificates_next):focus-visible {
  outline: 3px solid var(--i_color);
  outline-offset: 4px;
}






/* About culture */
.about_culture {
  padding: clamp(76px, 7vw, 132px) 0;
  background: linear-gradient(135deg, #f2f4f6 0%, #fff 52%, #f5f6f7 100%);
}





/* =========================
   About - Corporate Culture
   ========================= */

.about_culture_values {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;

  width: 100%;

  overflow: visible;

  border: 0;
  background: transparent;
}


/* =========================
   Single Culture Card
   ========================= */

.about_culture_value {
  --culture-mask: #d60812;

  position: relative;
  isolation: isolate;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  min-width: 0;

  /* 每一张卡片 4:3 */
  aspect-ratio: 4 / 3;

  padding: 28px 24px;

  overflow: hidden;

  background-color: #25282e;
  background-image: var(--culture-bg, none);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  text-align: center;

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}


/* 去掉原分割线 */
.about_culture_value+.about_culture_value {
  border-left: 0;
}


/* =========================
   Default Dark Overlay
   ========================= */

.about_culture_value::before {
  position: absolute;
  inset: 0;

  z-index: 0;

  content: "";

  background:
    linear-gradient(180deg,
      rgba(20, 22, 27, .16) 0%,
      rgba(20, 22, 27, .22) 50%,
      rgba(20, 22, 27, .34) 100%);

  pointer-events: none;

  transition: opacity .35s ease;
}


/* =========================
   Hover Red Overlay
   ========================= */

/* =========================
   Hover Red Overlay
   左进右出
   ========================= */

.about_culture_value::after {
  position: absolute;
  inset: 0;

  z-index: 1;

  content: "";

  background: rgba(214, 8, 18, .46);

  /* 默认收缩在右边 */
  transform: scaleX(0);
  transform-origin: right center;

  pointer-events: none;

  transition: transform .5s cubic-bezier(.65, 0, .35, 1);
}


/* =========================
   Hover
   ========================= */

@media (hover: hover) and (pointer: fine) {

  .about_culture_value:hover::after {
    /* Hover 时改成从左边展开 */
    transform: scaleX(1);
    transform-origin: left center;
  }

}


/* =========================
   Content Layer
   ========================= */

.about_culture_value>* {
  position: relative;
  z-index: 2;
}


/* =========================
   Content
   ========================= */

.about_culture_value_copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  max-width: 310px;

  margin: 0 auto;
}


/* =========================
   Icon
   ========================= */

.about_culture_value_icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 56px;
  height: 56px;

  margin: 0 auto 20px;

  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 50%;

  background: rgba(255, 255, 255, .05);

  color: #fff;

  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);

  transition:
    transform .35s ease,
    border-color .35s ease,
    background-color .35s ease,
    color .35s ease;
}


.about_culture_value_icon svg {
  display: block;

  width: 30px;
  height: 30px;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================
   Title
   ========================= */

.about_culture_value_copy h3 {
  margin: 0;

  color: #fff;

  font-size: clamp(18px, 1.25vw, 22px);
  font-weight: 600;
  line-height: 1.35;

  letter-spacing: 0;

  transition: color .35s ease;
}


/* =========================
   Description
   ========================= */

.about_culture_value_copy p {
  max-width: 290px;

  margin: 12px auto 0;

  color: rgba(255, 255, 255, .86);

  font-size: clamp(13px, .9vw, 15px);
  font-weight: 400;
  line-height: 1.7;

  transition: color .35s ease;
}


/* =========================
   Hover
   ========================= */

@media (hover: hover) and (pointer: fine) {

  .about_culture_value:hover {
    z-index: 2;

    transform: translateY(-4px);

    box-shadow:
      0 18px 38px rgba(20, 24, 32, .18);
  }


  .about_culture_value:hover::after {
    opacity: 1;
  }


  .about_culture_value:hover .about_culture_value_icon {
    transform: translateY(-3px) scale(1.04);

    border-color: rgba(255, 255, 255, .8);

    background: rgba(255, 255, 255, .12);

    color: #fff;
  }


  .about_culture_value:hover .about_culture_value_copy h3 {
    color: #fff;
  }


  .about_culture_value:hover .about_culture_value_copy p {
    color: rgba(255, 255, 255, .96);
  }

}


/* =========================
   Tablet
   ========================= */

@media (max-width: 1024px) {

  .about_culture_values {
    gap: 8px;
  }

  .about_culture_value {
    padding: 24px 18px;
  }

  .about_culture_value_icon {
    width: 52px;
    height: 52px;

    margin-bottom: 17px;
  }

  .about_culture_value_icon svg {
    width: 27px;
    height: 27px;
  }

  .about_culture_value_copy h3 {
    font-size: 18px;
  }

  .about_culture_value_copy p {
    font-size: 13px;
    line-height: 1.6;
  }

}


/* =========================
   Mobile
   ========================= */

@media (max-width: 767px) {

  .about_culture_values {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .about_culture_value {
    aspect-ratio: 4 / 3;

    padding: 28px 22px;
  }

  .about_culture_value_copy {
    max-width: 320px;
  }

  .about_culture_value_icon {
    width: 54px;
    height: 54px;

    margin-bottom: 18px;
  }

  .about_culture_value_icon svg {
    width: 28px;
    height: 28px;
  }

  .about_culture_value_copy h3 {
    font-size: 20px;
  }

  .about_culture_value_copy p {
    font-size: 14px;
  }

}




/* About development timeline */
.about_timeline {
  position: relative;
  padding: clamp(76px, 7vw, 132px) 0;
  overflow: hidden;
  background: #f5f6f8 url("https://lxzngroup.com/wp-content/themes/longxin/static/images/bg1.webp") center / cover no-repeat;
}

.about_timeline_list {
  position: relative;
  padding: 52px 54px 0;
}

.about_timeline_list::before {
  position: absolute;
  top: 111px;
  right: 54px;
  left: 54px;
  height: 1px;
  background: var(--about-line);
  content: "";
}

.about_timeline_nav {
  position: relative;
  overflow: hidden;
}

.about_timeline_nav .swiper-wrapper {
  display: flex;
}

.about_timeline_nav .swiper-slide {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  text-align: center;
}

.about_timeline_year {
  display: flex;
  align-items: end;
  justify-content: center;
  height: 46px;
  margin-bottom: 18px;
}

.about_timeline_year h6 {
  margin: 0;
  color: var(--brand-text);
  font-size: clamp(18px, 1.45vw, 24px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.02em;
  transition: color .3s ease, transform .3s ease;
}

.about_timeline_marker {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  border: 3px solid var(--brand-surface);
  border-radius: 50%;
  background: var(--brand-ink);
  box-shadow: 0 0 0 1px var(--about-line);
  transition: background-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.about_timeline_card {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 28px;
  overflow: hidden;
  border: 1px solid var(--about-line);
  background: #fff;
  text-align: left;
  transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.about_timeline_media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--brand-surface);
}

.about_timeline_media--contain {
  background: #fff;
}

.about_timeline_image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .38s ease;
}

.about_timeline_media--contain .about_timeline_image {
  object-fit: contain;
  padding: 10px;
}

.about_timeline_card_body {
  padding: 22px 24px 26px;
}

.about_timeline_card_body h2,
.about_timeline_card_body p {
  position: relative;
  z-index: 1;
}

.about_timeline_card_body h2 {
  margin: 0;
  color: var(--brand-ink);
  font-size: clamp(18px, 1.25vw, 22px);
  font-weight: 600;
  line-height: 1.35;
}

.about_timeline_card_body p {
  max-height: 6.88em;
  margin: 0;
  padding-right: 5px;
  overflow-y: auto;
  color: var(--brand-text);
  font-size: 15px;
  line-height: 1.72;
}

.about_timeline_card_body h2+p {
  margin-top: 12px;
}

.about_timeline_card_body p::-webkit-scrollbar {
  width: 3px;
}

.about_timeline_card_body p::-webkit-scrollbar-thumb {
  background: rgba(26, 29, 36, .28);
}

.about_timeline_prev,
.about_timeline_next {
  position: absolute;
  top: 97px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid var(--i_color);
  border-radius: 50%;
  background: #fff;
  color: var(--i_color);
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  transition: color .25s ease, background-color .25s ease, transform .25s ease, opacity .25s ease;
}

.about_timeline_prev {
  left: 0;
}

.about_timeline_next {
  right: 0;
}

.about_timeline_prev.swiper-button-disabled,
.about_timeline_next.swiper-button-disabled {
  cursor: not-allowed;
  opacity: .35;
}

@media (hover: hover) and (pointer: fine) {
  .about_timeline_nav .swiper-slide:hover .about_timeline_year h6 {
    color: var(--i_color);
    transform: translateY(-2px);
  }

  .about_timeline_nav .swiper-slide:hover .about_timeline_marker {
    background: var(--i_color);
    box-shadow: 0 0 0 5px rgba(193, 10, 9, .13);
    transform: scale(1.08);
  }

  .about_timeline_nav .swiper-slide:hover .about_timeline_card {
    border-color: rgba(193, 10, 9, .28);
    background: #fff8f8;
    box-shadow: 0 16px 30px rgba(26, 29, 36, .09);
    transform: translateY(-4px);
  }

  .about_timeline_nav .swiper-slide:hover .about_timeline_image {
    transform: scale(1.035);
  }

  .about_timeline_prev:not(.swiper-button-disabled):hover,
  .about_timeline_next:not(.swiper-button-disabled):hover {
    background: var(--i_color);
    color: #fff;
    transform: translateY(-2px);
  }
}

@media (max-width: 767px) {
  .about_timeline {
    padding: 64px 0;
    background-size: cover;
  }

  .about_timeline_list {
    padding: 42px 42px 0;
  }

  .about_timeline_list::before {
    top: 101px;
    right: 42px;
    left: 42px;
  }

  .about_timeline_prev,
  .about_timeline_next {
    top: 84px;
    width: 30px;
    height: 30px;
    font-size: 17px;
  }

  .about_timeline_card {
    min-height: 0;
  }

  .about_timeline_card_body {
    padding: 20px 22px 24px;
  }

  .about_timeline_card_body p {
    max-height: none;
    overflow: visible;
  }
}


/* About qualifications and certificates */
.about_certificates {
  position: relative;
  padding: clamp(76px, 7vw, 132px) 0;
  overflow: hidden;
  background: url("https://lxzngroup.com/wp-content/themes/longxin/static/images/bg6.webp") center / cover no-repeat;
}



.about_certificates_tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.about_certificates_tabs li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 12px 18px;
  overflow: hidden;
  border: 1px solid rgba(193, 10, 9, .5);
  background: rgba(255, 255, 255, .76);
  color: var(--brand-ink);
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  transition: border-color .28s ease, color .28s ease, background-color .28s ease, transform .28s ease;
}

.about_certificates_tabs li::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--i_color);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s ease;
}

.about_certificates_tabs li span {
  position: relative;
  z-index: 1;
  font-size: inherit;
  font-weight: inherit;
}

.about_certificates_tabs li.current {
  border-color: var(--i_color);
  color: #fff;
}

.about_certificates_tabs li.current::before {
  transform: scaleX(1);
}

.about_certificates_content {
  margin-top: clamp(32px, 4vw, 58px);
}

.about_certificates_panels>.about_certificates_panel:not(:first-child) {
  display: none;
}

.about_certificates_panel {
  position: relative;
  padding: clamp(28px, 3vw, 46px) clamp(48px, 5vw, 82px) 36px;
  border: 1px solid var(--about-line);
  background: rgba(255, 255, 255, .92);
  box-shadow: var(--about-card-shadow);
}

.about_certificates_slider {
  position: relative;
  height: auto !important;
  overflow: hidden;
}

.about_certificates_slider .swiper-wrapper {
  display: flex;
  align-items: stretch;
  height: auto !important;
}

.about_certificates_slider .swiper-slide {
  position: relative;
  flex-shrink: 0;
  height: auto !important;
}

.about_certificates_image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4 / 5;
  padding: clamp(12px, 1.5vw, 24px);
  overflow: hidden;
  border: 1px solid var(--about-line);
  background: #fff;
  transition: background-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.about_certificates_image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  object-fit: contain;
  transition: transform .32s ease;
}

.about_certificates_slider h6 {
  min-height: 2.8em;
  margin: 14px 0 0;
  color: var(--brand-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
}

.about_certificates_prev,
.about_certificates_next {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid var(--i_color);
  border-radius: 50%;
  background: #fff;
  color: var(--i_color);
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  transform: translateY(-50%);
  transition: background-color .25s ease, color .25s ease, box-shadow .25s ease;
}

.about_certificates_prev {
  left: 14px;
}

.about_certificates_next {
  right: 14px;
}

.about_certificates_prev.swiper-button-disabled,
.about_certificates_next.swiper-button-disabled {
  cursor: not-allowed;
  opacity: .35;
}

.about_certificates_pagination {
  display: none;
  margin-top: 24px;
  text-align: center;
}

.about_certificates_pagination .swiper-pagination-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  border-radius: 50%;
  background: rgba(26, 29, 36, .24);
  cursor: pointer;
}

.about_certificates_pagination .swiper-pagination-bullet-active {
  background: var(--i_color);
}

@media (hover: hover) and (pointer: fine) {
  .about_certificates_tabs li:hover {
    border-color: var(--i_color);
    color: #fff;
    transform: translateY(-2px);
  }

  .about_certificates_tabs li:hover::before {
    transform: scaleX(1);
  }

  .about_certificates_slider .swiper-slide:hover .about_certificates_image {
    background: #fff8f8;
    box-shadow: 0 12px 26px rgba(26, 29, 36, .08);
    transform: translateY(-4px);
  }

  .about_certificates_slider .swiper-slide:hover .about_certificates_image img {
    transform: scale(1.025);
  }

  .about_certificates_prev:not(.swiper-button-disabled):hover,
  .about_certificates_next:not(.swiper-button-disabled):hover {
    background: var(--i_color);
    box-shadow: 0 8px 18px rgba(193, 10, 9, .22);
    color: #fff;
  }
}

@media (max-width: 1024px) {

  .about_certificates_prev,
  .about_certificates_next {
    display: none;
  }

  .about_certificates_pagination {
    display: block;
  }
}

@media (max-width: 767px) {
  .about_certificates {
    padding: 64px 0;
  }

  .about_certificates_tabs {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .about_certificates_tabs li {
    min-height: 50px;
    font-size: 14px;
  }

  .about_certificates_panel {
    padding: 22px 16px 26px;
  }

  .about_certificates_slider h6 {
    min-height: 3.1em;
    margin-top: 10px;
    font-size: 14px;
  }
}


/* About selected partners */
.about_selected_partners {
  position: relative;
  padding: clamp(76px, 7vw, 132px) 0;
  overflow: hidden;
  background: #f5f6f8 url("https://lxzngroup.com/wp-content/themes/longxin/static/images/bg1.webp") center / cover no-repeat;
}

.about_selected_partners::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(245, 246, 248, .78), rgba(245, 246, 248, .94));
  content: "";
  pointer-events: none;
}

.about_selected_partners_intro {
  max-width: 610px;
}

.about_selected_partners_intro p {
  margin: 0;
  color: var(--brand-text);
  font-size: clamp(16px, 1.08vw, 18px);
  line-height: 1.78;
}

.about_selected_partners_intro p+p {
  margin-top: 12px;
}

.about_selected_partners_groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(20px, 2vw, 34px);
}

.about_selected_partner_group {
  position: relative;
  padding: clamp(24px, 2.5vw, 42px);
  overflow: hidden;
  border: 1px solid var(--about-line);
  background: #fff;
  box-shadow: var(--about-card-shadow);
}

.about_selected_partner_group_head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 30px;
}

.about_selected_partner_group_head>span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 30px;
  background: var(--i_color);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

.about_selected_partner_group_head h3 {
  margin: 0;
  color: var(--brand-ink);
  font-size: clamp(20px, 1.5vw, 27px);
  font-weight: 600;
  line-height: 1.35;
}

.about_selected_partner_logos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--about-line);
  border-left: 1px solid var(--about-line);
}

.about_selected_partner_logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  margin: 0;
  padding: 24px;
  overflow: hidden;
  border-right: 1px solid var(--about-line);
  border-bottom: 1px solid var(--about-line);
  background: #fff;
  transition: background-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.about_selected_partner_logo img {
  display: block;
  width: auto;
  max-width: 78%;
  height: auto;
  max-height: 76px;
  object-fit: contain;
  transition: transform .3s ease;
}

.about_selected_partners_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin-top: clamp(32px, 4vw, 60px);
  padding-top: 28px;
  border-top: 1px solid var(--about-line);
}

.about_selected_partners_footer p {
  max-width: 760px;
  margin: 0;
  color: var(--brand-text);
  font-size: 16px;
  line-height: 1.7;
}

.about_selected_partners_footer p strong {
  color: var(--brand-ink);
  font-weight: 700;
}

.about_selected_partners_footer .site_cta {
  flex: none;
}

@media (hover: hover) and (pointer: fine) {
  .about_selected_partner_logo:hover {
    z-index: 2;
    background: #fff7f7;
    box-shadow: 0 14px 28px rgba(26, 29, 36, .08);
    transform: translateY(-4px);
  }

  .about_selected_partner_logo:hover img {
    transform: translateY(-2px) scale(1.035);
  }

}

@media (max-width: 1024px) {
  .about_selected_partners_groups {
    grid-template-columns: 1fr;
  }

  .about_selected_partners_intro {
    max-width: 760px;
  }
}

@media (max-width: 767px) {
  .about_selected_partners {
    padding: 64px 0;
  }

  .about_selected_partners_intro {
    padding-left: 18px;
  }

  .about_selected_partners_intro p {
    font-size: 15px;
  }

  .about_selected_partners_groups {
    gap: 18px;
  }

  .about_selected_partner_group {
    padding: 24px 18px;
  }

  .about_selected_partner_logo {
    min-height: 110px;
    padding: 18px;
  }

  .about_selected_partner_logo img {
    max-height: 58px;
  }

  .about_selected_partners_footer {
    display: block;
    margin-top: 32px;
  }

  .about_selected_partners_footer .site_cta {
    margin-top: 22px;
  }
}


@media (prefers-reduced-motion: reduce) {

  .about_2026 *,
  .about_2026 *::before,
  .about_2026 *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.about_research_quality {
  position: relative;
  overflow: hidden;
  padding: clamp(72px, 7vw, 130px) 0;
  background-color: #f7f8fa;
}

.about_research_quality .wrap {
  position: relative;
}


.about_rq_layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(390px, 0.85fr);
  gap: clamp(24px, 2.5vw, 44px);
  margin-top: clamp(38px, 4vw, 64px);

  /* 左右顶部、底部对齐 */
  align-items: stretch;
}


/* =========================
   Left
   ========================= */

.about_rq_lab {
  position: relative;

  display: flex;
  flex-direction: column;

  min-width: 0;
  height: 100%;
}


/* 左侧图片 4:3 */
.about_rq_lab_image {
  position: relative;

  display: block;

  width: 100%;
  aspect-ratio: 4 / 3;

  margin: 0;

  overflow: hidden;

  background: var(--brand-ink);

  flex-shrink: 0;
}


.about_rq_lab_image::after {
  position: absolute;
  inset: 0;

  background: var(--brand-ink);

  content: "";

  opacity: 0.18;

  transition: opacity 0.35s ease;
}


.about_rq_lab_image img,
.about_rq_quality_image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform 0.55s ease;
}


.about_rq_lab_image:hover::after {
  opacity: 0;
}


.about_rq_lab_image:hover img,
.about_rq_quality_image:hover img {
  transform: scale(1.05);
}


/* =========================
   Number
   ========================= */

.about_rq_number {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 46px;
  height: 32px;

  background: var(--i_color);

  color: #fff;

  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1;
}


.about_rq_lab_image .about_rq_number {
  position: absolute;
  top: 0;
  left: 0;

  z-index: 2;
}


/* =========================
   Left Content
   ========================= */

.about_rq_lab_content {
  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;

  /* 自动把左侧高度撑到和右侧一致 */
  flex: 1;

  width: calc(100% - 64px);

  margin: -94px 32px 0;

  padding: clamp(30px, 3.2vw, 52px);

  background: #fff;

  box-shadow: var(--i_shadow);

  box-sizing: border-box;
}


/* =========================
   Common Text
   ========================= */

.about_rq_eyebrow {
  display: block;

  margin: 0 0 14px;

  color: var(--i_color2);

  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.4;

  text-transform: uppercase;
}


.about_rq_lab_content h3,
.about_rq_quality_content h3 {
  margin: 0;

  color: var(--brand-ink);

  font-size: clamp(28px, 2.4vw, 46px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.03em;
}


.about_rq_lab_content p,
.about_rq_quality_content p {
  margin: 22px 0 0;

  color: var(--brand-text);

  font-size: 16px;
  line-height: 1.8;
}


/* =========================
   Tags
   ========================= */

.about_rq_tags {
  display: flex;
  flex-wrap: wrap;

  gap: 10px;

  margin-top: 26px;
}


.about_rq_tags span {
  padding: 8px 12px;

  border: 1px solid var(--brand-border);

  color: var(--brand-text);

  font-size: 13px;
  line-height: 1.2;
}


/* =========================
   Right
   ========================= */

.about_rq_quality {
  display: flex;
  flex-direction: column;

  min-width: 0;
  height: 100%;

  overflow: hidden;

  border: 1px solid var(--brand-border);

  background: var(--brand-surface);

  box-shadow: var(--i_shadow);
}


/* 右侧文字自动撑开，让整体和左侧对齐 */
.about_rq_quality_content {
  display: flex;
  flex-direction: column;

  flex: 1;

  padding: clamp(34px, 3.5vw, 58px);
}


.about_rq_quality_content>.about_rq_number {
  margin-bottom: 20px;
}


/* =========================
   Right List
   ========================= */

.about_rq_quality_list {
  display: flex;
  flex-wrap: wrap;

  gap: 18px;

  margin: 28px 0 0;
  padding: 0;

  list-style: none;
}


.about_rq_quality_list li {
  position: relative;

  padding-left: 14px;

  color: var(--brand-ink);

  font-size: 14px;
  font-weight: 600;
}


.about_rq_quality_list li::before {
  position: absolute;
  top: 50%;
  left: 0;

  width: 5px;
  height: 5px;

  background: var(--i_color);

  content: "";

  transform: translateY(-50%);
}


/* =========================
   Right Image
   ========================= */

.about_rq_quality_image {
  position: relative;

  display: block;

  width: 100%;

  /* 右侧图片严格 4:3 */
  aspect-ratio: 4 / 3;

  margin: 0;

  overflow: hidden;

  flex-shrink: 0;
}


/* =========================
   Tablet
   ========================= */

@media (max-width: 1024px) {

  .about_rq_layout {
    grid-template-columns: 1fr;

    align-items: stretch;
  }


  .about_rq_lab,
  .about_rq_quality {
    height: auto;
  }


  .about_rq_lab_image {
    width: 100%;
    aspect-ratio: 4 / 3;
  }


  .about_rq_quality {
    display: grid;

    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }


  .about_rq_quality_image {
    width: 100%;
    height: 100%;

    /* 平板左右结构时取消 4:3，否则会撑坏布局 */
    aspect-ratio: auto;
  }

}


/* =========================
   Mobile
   ========================= */

@media (max-width: 767px) {

  .about_research_quality {
    padding: 64px 0;
  }


  .about_rq_layout {
    gap: 24px;

    margin-top: 32px;
  }


  .about_rq_lab_image {
    width: 100%;

    /* 手机仍然保持 4:3 */
    aspect-ratio: 4 / 3;
  }


  .about_rq_lab_content {
    width: calc(100% - 32px);

    margin: -54px 16px 0;

    padding: 30px 24px;
  }


  .about_rq_quality {
    display: flex;
    flex-direction: column;
  }


  .about_rq_quality_content {
    padding: 32px 24px;
  }


  .about_rq_quality_image {
    width: 100%;
    height: auto;

    /* 手机恢复 4:3 */
    aspect-ratio: 4 / 3;
  }


  .about_rq_quality_list {
    gap: 12px 18px;
  }

}


/* =========================
   About - Research & Quality
   ========================= */

.about_rq_layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 2.5vw, 40px);

  margin-top: clamp(38px, 4vw, 64px);

  align-items: stretch;
}


/* =========================
   Left / Right Card
   ========================= */

.about_rq_lab,
.about_rq_quality {
  position: relative;

  display: flex;
  flex-direction: column;

  min-width: 0;
  height: 100%;

  background: #fff;

  border: 1px solid var(--brand-border);

  box-shadow: var(--i_shadow);

  overflow: hidden;
}


/* =========================
   Images
   ========================= */

.about_rq_lab_image,
.about_rq_quality_image {
  position: relative;

  display: block;

  width: 100%;

  /* 两张图完全一样的 4:3 */
  aspect-ratio: 4 / 3;

  margin: 0;

  overflow: hidden;

  background: var(--brand-ink);

  flex: 0 0 auto;
}


.about_rq_lab_image img,
.about_rq_quality_image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform .55s ease;
}


/* 图片蒙版 */
.about_rq_lab_image::after,
.about_rq_quality_image::after {
  position: absolute;
  inset: 0;

  z-index: 1;

  content: "";

  background: var(--brand-ink);

  opacity: .12;

  pointer-events: none;

  transition: opacity .35s ease;
}


/* Hover */
.about_rq_lab_image:hover::after,
.about_rq_quality_image:hover::after {
  opacity: 0;
}


.about_rq_lab_image:hover img,
.about_rq_quality_image:hover img {
  transform: scale(1.04);
}


/* =========================
   Number
   ========================= */

.about_rq_number {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 46px;
  height: 32px;

  padding: 0 12px;

  background: var(--i_color);

  color: #fff;

  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1;
}


/* 左边编号放图片左上角 */
.about_rq_lab_image .about_rq_number {
  position: absolute;
  top: 0;
  left: 0;

  z-index: 3;
}


/* =========================
   Content
   ========================= */

.about_rq_lab_content,
.about_rq_quality_content {
  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;

  /* 文字区域自动补足剩余空间 */
  flex: 1;

  width: 100%;

  padding: clamp(32px, 3vw, 50px);

  box-sizing: border-box;
}


/* 去掉之前左边的悬浮叠层 */
.about_rq_lab_content {
  margin: 0;
  background: #fff;
  box-shadow: none;
}


/* 右边背景 */
.about_rq_quality_content {
  background: var(--brand-surface);
}


.about_rq_quality_content>.about_rq_number {
  align-self: flex-start;

  margin-bottom: 20px;
}


/* =========================
   Eyebrow
   ========================= */

.about_rq_eyebrow {
  display: block;

  margin: 0 0 14px;

  color: var(--i_color2);

  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.4;

  text-transform: uppercase;
}


/* =========================
   Title
   ========================= */

.about_rq_lab_content h3,
.about_rq_quality_content h3 {
  margin: 0;

  color: var(--brand-ink);

  font-size: clamp(28px, 2.4vw, 42px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.03em;
}


/* =========================
   Paragraph
   ========================= */

.about_rq_lab_content p,
.about_rq_quality_content p {
  margin: 20px 0 0;

  color: var(--brand-text);

  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}


/* =========================
   Tags
   ========================= */

.about_rq_tags {
  display: flex;
  flex-wrap: wrap;

  gap: 10px;

  margin-top: 26px;
}


.about_rq_tags span {
  display: inline-flex;
  align-items: center;

  padding: 8px 12px;

  border: 1px solid var(--brand-border);

  color: var(--brand-text);

  font-size: 13px;
  line-height: 1.2;
}


/* =========================
   Quality List
   ========================= */

.about_rq_quality_list {
  display: flex;
  flex-wrap: wrap;

  gap: 14px 20px;

  margin: 26px 0 0;
  padding: 0;

  list-style: none;
}


.about_rq_quality_list li {
  position: relative;

  padding-left: 14px;

  color: var(--brand-ink);

  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}


.about_rq_quality_list li::before {
  position: absolute;
  top: .72em;
  left: 0;

  width: 5px;
  height: 5px;

  background: var(--i_color);

  content: "";

  transform: translateY(-50%);
}


/* =========================
   Desktop Alignment
   ========================= */

/*
左：
┌─────────────┐
│    IMAGE    │  4:3
├─────────────┤
│    TEXT     │
└─────────────┘

右：
┌─────────────┐
│    TEXT     │
├─────────────┤
│    IMAGE    │  4:3
└─────────────┘
*/


/* =========================
   Tablet
   ========================= */

@media (max-width: 1024px) {

  .about_rq_layout {
    gap: 20px;
  }

  .about_rq_lab_content,
  .about_rq_quality_content {
    padding: 30px 26px;
  }

  .about_rq_lab_content h3,
  .about_rq_quality_content h3 {
    font-size: clamp(26px, 3vw, 34px);
  }

  .about_rq_lab_content p,
  .about_rq_quality_content p {
    font-size: 15px;
  }

}


/* =========================
   Mobile
   ========================= */

@media (max-width: 767px) {

  .about_research_quality {
    padding: 64px 0;
  }


  .about_rq_layout {
    grid-template-columns: 1fr;

    gap: 24px;

    margin-top: 32px;
  }


  .about_rq_lab,
  .about_rq_quality {
    height: auto;
  }


  .about_rq_lab_image,
  .about_rq_quality_image {
    width: 100%;

    aspect-ratio: 4 / 3;
  }


  .about_rq_lab_content,
  .about_rq_quality_content {
    padding: 30px 24px;
  }


  .about_rq_lab_content h3,
  .about_rq_quality_content h3 {
    font-size: 28px;
  }


  .about_rq_lab_content p,
  .about_rq_quality_content p {
    margin-top: 16px;

    font-size: 14px;
    line-height: 1.7;
  }


  .about_rq_quality_list {
    gap: 12px 18px;

    margin-top: 22px;
  }

}

/* =====================================
   Research & Quality - Final Alignment
   ===================================== */

.about_rq_layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 2.5vw, 40px);

  margin-top: clamp(38px, 4vw, 64px);

  /* 不要把两个卡片强制拉高 */
  align-items: start;
}


/* 左右卡片 */
.about_rq_lab,
.about_rq_quality {
  display: flex;
  flex-direction: column;

  width: 100%;
  min-width: 0;

  height: auto;
  min-height: 0;

  align-self: start;

  margin: 0;
  padding: 0;

  overflow: hidden;

  background: #fff;

  border: 1px solid var(--brand-border);

  box-shadow: var(--i_shadow);
}


/* =====================================
   Images - Strict 4:3
   ===================================== */

.about_rq_lab_image,
.about_rq_quality_image {
  position: relative;

  display: block;

  width: 100%;
  height: auto;
  min-height: 0;

  aspect-ratio: 4 / 3;

  margin: 0;
  padding: 0;

  overflow: hidden;

  background: transparent;

  flex: none;
}


/* 图片完全铺满 4:3 */
.about_rq_lab_image img,
.about_rq_quality_image img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  object-fit: cover;
  object-position: center;

  transition: transform .5s ease;
}


/* 图片蒙版 */
.about_rq_lab_image::after,
.about_rq_quality_image::after {
  position: absolute;
  inset: 0;

  z-index: 1;

  content: "";

  background: rgba(20, 22, 27, .08);

  pointer-events: none;

  transition: opacity .35s ease;
}


.about_rq_lab_image:hover::after,
.about_rq_quality_image:hover::after {
  opacity: 0;
}


.about_rq_lab_image:hover img,
.about_rq_quality_image:hover img {
  transform: scale(1.04);
}


/* =====================================
   Content
   ===================================== */

.about_rq_lab_content,
.about_rq_quality_content {
  display: block;

  width: 100%;

  /*
   * 左右文字区域统一高度
   * 这样：
   * 左 = 4:3图片 + 260
   * 右 = 260 + 4:3图片
   * 总高度严格一致
   */
  height: 260px;
  min-height: 0;

  flex: none;

  padding: 28px 32px;

  margin: 0;

  box-sizing: border-box;

  overflow: hidden;
}


.about_rq_lab_content {
  background: #fff;

  box-shadow: none;
}


.about_rq_quality_content {
  background: var(--brand-surface);
}


/* =====================================
   Number
   ===================================== */

.about_rq_number {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: fit-content;
  min-width: 46px;
  height: 30px;

  padding: 0 11px;

  background: var(--i_color);

  color: #fff;

  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
}


.about_rq_lab_image .about_rq_number {
  position: absolute;
  top: 0;
  left: 0;

  z-index: 3;
}


.about_rq_quality_content>.about_rq_number {
  margin-bottom: 10px;
}


/* =====================================
   Eyebrow
   ===================================== */

.about_rq_eyebrow {
  display: block;

  margin: 0 0 8px;

  color: var(--i_color2);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .1em;

  text-transform: uppercase;
}


/* =====================================
   Title
   ===================================== */

.about_rq_lab_content h3,
.about_rq_quality_content h3 {
  margin: 0;

  color: var(--brand-ink);

  font-size: clamp(27px, 2vw, 38px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.03em;
}


/* =====================================
   Paragraph
   ===================================== */

.about_rq_lab_content p,
.about_rq_quality_content p {
  margin: 13px 0 0;

  color: var(--brand-text);

  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
}


/* =====================================
   Tags
   ===================================== */

.about_rq_tags {
  display: flex;
  flex-wrap: wrap;

  gap: 8px;

  margin-top: 16px;
}


.about_rq_tags span {
  display: inline-flex;
  align-items: center;

  padding: 7px 11px;

  border: 1px solid var(--brand-border);

  color: var(--brand-text);

  font-size: 12px;
  line-height: 1.2;
}


/* =====================================
   Quality List
   ===================================== */

.about_rq_quality_list {
  display: flex;
  flex-wrap: wrap;

  gap: 8px 18px;

  margin: 15px 0 0;
  padding: 0;

  list-style: none;
}


.about_rq_quality_list li {
  position: relative;

  padding-left: 12px;

  color: var(--brand-ink);

  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}


.about_rq_quality_list li::before {
  position: absolute;
  top: 50%;
  left: 0;

  width: 5px;
  height: 5px;

  background: var(--i_color);

  content: "";

  transform: translateY(-50%);
}


/* =====================================
   Tablet
   ===================================== */

@media (max-width: 1024px) {

  .about_rq_layout {
    gap: 18px;
  }


  .about_rq_lab_content,
  .about_rq_quality_content {
    height: 250px;

    padding: 24px 22px;
  }


  .about_rq_lab_content h3,
  .about_rq_quality_content h3 {
    font-size: 28px;
  }


  .about_rq_lab_content p,
  .about_rq_quality_content p {
    font-size: 13px;
  }

}


/* =====================================
   Mobile
   ===================================== */

@media (max-width: 767px) {

  .about_rq_layout {
    grid-template-columns: 1fr;

    gap: 24px;

    margin-top: 32px;
  }


  .about_rq_lab,
  .about_rq_quality {
    height: auto;
  }


  .about_rq_lab_image,
  .about_rq_quality_image {
    aspect-ratio: 4 / 3;
  }


  /* 手机不需要左右严格等高 */
  .about_rq_lab_content,
  .about_rq_quality_content {
    height: auto;

    padding: 26px 22px;
  }


  .about_rq_lab_content h3,
  .about_rq_quality_content h3 {
    font-size: 27px;
  }


  .about_rq_lab_content p,
  .about_rq_quality_content p {
    font-size: 14px;
  }

}

.in_nav {
  width: 100%;
  margin: 0.3rem auto 0.4rem;
  position: relative;
  background: #fff;
}

.in_nav.navFix {
  position: fixed;
  left: 0;
  margin: 0 auto 0;
  top: var(--header_height);
  z-index: 100;
}

.in_nav::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--border_color);
}

.in_nav_tit {
  display: none;
  background: var(--i_color);
  text-align: center;
}

.in_nav_tit h6 {
  display: block;
  font-size: 0.22rem;
  font-weight: bold;
  color: #fff;
  line-height: 0.6rem;
  text-transform: capitalize;
  padding-right: 0.4rem;
  background: url(https://lxzngroup.com/wp-content/themes/longxin/static/images/public/arrow_down_hollow_bai.svg) no-repeat right center;
  background-size: 0.26rem;
}

.in_nav_tit.on h6 {
  background: url(https://lxzngroup.com/wp-content/themes/longxin/static/images/public/arrow_up_hollow_bai.svg) no-repeat right center;
  background-size: 0.26rem;
}

.in_nav ul {
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  position: relative;
  z-index: 2;
}

.in_nav li {
  /* width: 50%; */

  padding: 0 0.1rem;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  cursor: pointer;
}

.in_nav li::before,
.in_nav li::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
}

.in_nav li::before {
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  border-top: 12px solid var(--i_color);
}

.in_nav li::after {
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  border-top: 9px solid #fff;
}

.in_nav a {
  width: 100%;

  padding: 0.24rem 0;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
}

.in_nav .line {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0;
  width: 0;
  height: 2px;
  background: var(--i_color);
  z-index: -1;
}

.in_nav p {
  font-size: 0.15rem;
  color: #3e3a39;
  font-weight: bold;
  text-transform: capitalize;
}

.in_nav li:hover::before,
.in_nav .curr::before {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.in_nav li:hover::after,
.in_nav .curr::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}

.in_nav li:hover .line,
.in_nav .curr .line {
  width: 100%;
}

.in_nav .curr i img,
.in_nav li:hover i img {
  top: -30px !important;
}

.in_nav .curr p,
.in_nav li:hover p {
  color: var(--i_color);
}

.in_nav,
.in_nav li::before,
.in_nav li::after,
.in_nav .line,
.in_nav i img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 959px) {
  .in_nav {
    margin: 0.3rem auto 0;
  }

  .in_nav_tit {
    display: block;
  }

  .in_nav ul,
  .in_nav::before {
    display: none;
  }

  .in_nav ul {
    padding: 0.2rem;
    background: rgb(0 0 0 / 3%);
  }

  .in_nav li {
    width: 100%;
    margin-bottom: 0.1rem;
    background: #fff;
  }

  .in_nav li::before,
  .in_nav li::after {
    display: none;
  }

  .in_nav .line {
    height: 1px;
    z-index: 0;
  }

  .in_nav a {
    padding: 0.2rem 0;
  }

  .in_nav p {
    font-size: 0.17rem;
  }
}



@media screen and (max-width: 560px) {
  .in_nav_tit h6 {
    font-size: 0.18rem;
  }

  .in_nav a {
    padding: 0.16rem 0;
  }
}

/* =========================
   Culture
========================= */

.in_culture {
  position: relative;
  overflow: hidden;
  background: #f6f7f8;
}


/* 整体布局 */

.in_culture_cont {
  display: grid;
  grid-template-columns: minmax(280px, 32%) minmax(0, 68%);
  align-items: center;
  gap: clamp(50px, 6vw, 110px);
  margin: 0.75rem auto 0.9rem;
  min-height: 4.6rem;
}


/* =========================
   Left Text
========================= */

.in_culture_text {
  width: 100%;
  margin: 0;
}

.in_culture_text dt {
  display: none;
}

.in_culture_text dt:first-child {
  display: block;
}

.in_culture_text span {
  position: relative;
  display: block;
  padding: 0;
}


/* 小红点 */

.in_culture_text i {
  display: block;
  width: 10px;
  height: 10px;
  margin-bottom: 0.3rem;
  border-radius: 50%;
  background: var(--i_color);
}


/* 不要原来的 quotes 背景图 */

.in_culture_text span::before {
  display: none;
}


.in_culture_text h4 {
  margin: 0 0 0.16rem;
  font-size: clamp(26px, 2vw, 38px);
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: #202328;
}

.in_culture_text p {
  max-width: 390px;
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #686d74;
}


/* 左侧增加淡淡横线 */

.in_culture_text span::after {
  content: "";
  display: block;
  width: 46px;
  height: 2px;
  margin-top: 0.28rem;
  background: var(--i_color);
}


/* =========================
   Diamond List
========================= */

.in_culture_list {
  width: 100%;
  margin: 0;
  padding: 0.45rem 0.25rem;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;

  gap: clamp(16px, 2vw, 34px);

  list-style: none;
}


/* 菱形 */

.in_culture_list li {
  position: relative;
  width: 100%;

  background: #fff;

  border: 1px solid #e8eaed;
  border-radius: 10px;

  box-shadow:
    0 10px 30px rgba(20, 26, 34, .055);

  transform: rotate(45deg);

  cursor: pointer;

  transition:
    transform .4s ease,
    border-color .4s ease,
    box-shadow .4s ease,
    background .4s ease;
}


/* 保持正方形 */

.in_culture_list li::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}


/* 删除原来的散落红点 */

.in_culture_list li::after {
  display: none;
}


/* 不再大幅上下错落 */

.in_culture_list li:nth-child(odd) {
  top: 0;
}


/* 做很轻微的节奏 */

.in_culture_list li:nth-child(2),
.in_culture_list li:nth-child(4) {
  transform: translateY(-20px) rotate(45deg);
}

.in_culture_list li:nth-child(1),
.in_culture_list li:nth-child(3) {
  transform: translateY(20px) rotate(45deg);
}


/* 内部反旋转 */

.in_culture_list span {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 78%;

  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;

  transform: translate(-50%, -50%) rotate(-45deg);
}


/* =========================
   Icon
========================= */

.in_culture_list .ico {
  position: relative;

  width: clamp(68px, 5.5vw, 92px);
  height: clamp(68px, 5.5vw, 92px);

  border-radius: 50%;

  background: rgba(193, 10, 9, .07);

  overflow: hidden;

  transition:
    background .35s ease,
    transform .35s ease;
}

.in_culture_list .ico img {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 52%;
  height: 52%;

  transform: translate(-50%, -50%);

  object-fit: contain;

  filter: none;

  transition: filter .35s ease;
}


/* 标题 */

.in_culture_list p {
  margin: 0.18rem 0 0;

  font-size: clamp(15px, 1.1vw, 19px);
  line-height: 1.2;

  font-weight: 600;

  color: #292d32;

  transition: color .35s ease;
}


/* =========================
   Hover
========================= */

.in_culture_list li:hover {
  border-color: rgba(193, 10, 9, .28);

  box-shadow:
    0 18px 40px rgba(20, 26, 34, .09);
}

.in_culture_list li:nth-child(2):hover,
.in_culture_list li:nth-child(4):hover {
  transform: translateY(-28px) rotate(45deg);
}

.in_culture_list li:nth-child(1):hover,
.in_culture_list li:nth-child(3):hover {
  transform: translateY(12px) rotate(45deg);
}

.in_culture_list li:hover .ico {
  transform: scale(1.06);
}


/* =========================
   Current
========================= */

/* 不再整块红色 */

.in_culture_list .current {
  background: #fff;

  border-color: var(--i_color);

  box-shadow:
    0 18px 42px rgba(193, 10, 9, .11);
}


/* current 图标才使用红色 */

.in_culture_list .current .ico {
  background: var(--i_color);
}


/* 如果你的 PNG 是深色图标，可以继续转白 */

.in_culture_list .current .ico img {
  filter: brightness(0) invert(1);
}


.in_culture_list .current p {
  color: var(--i_color);
}


/* =========================
   Text Animation
========================= */

.fadeInRight {
  animation: cultureFadeIn .5s ease both;
}

@keyframes cultureFadeIn {

  from {
    opacity: 0;
    transform: translateX(18px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }

}


/* =========================
   <= 1366
========================= */

@media screen and (max-width: 1366px) {

  .in_culture_cont {
    grid-template-columns: 30% 70%;
    gap: 50px;
  }

  .in_culture_list {
    gap: 20px;
  }

}


/* =========================
   Tablet
========================= */

@media screen and (max-width: 959px) {

  .in_culture_cont {
    display: flex;
    flex-direction: column;

    gap: 35px;

    min-height: 0;

    margin: 0.45rem auto 0.55rem;
  }

  .in_culture_list {
    order: 1;

    width: 100%;

    grid-template-columns: repeat(4, 1fr);

    padding: 20px 5px;
  }

  .in_culture_text {
    order: 2;
    width: 100%;
  }

  .in_culture_list li,
  .in_culture_list li:nth-child(odd),
  .in_culture_list li:nth-child(even) {
    top: 0;
    transform: none;
  }

  .in_culture_list li:hover,
  .in_culture_list li:nth-child(odd):hover,
  .in_culture_list li:nth-child(even):hover {
    transform: translateY(-5px);
  }

  .in_culture_list span {
    transform: translate(-50%, -50%);
  }

  .in_culture_text p {
    max-width: 650px;
  }

}


/* =========================
   Mobile
========================= */

@media screen and (max-width: 600px) {

  .in_culture_cont {
    gap: 25px;
    margin-top: 0.35rem;
  }

  .in_culture_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: 0;
  }

  .in_culture_list li {
    border-radius: 8px;
  }

  .in_culture_list .ico {
    width: 58px;
    height: 58px;
  }

  .in_culture_list p {
    margin-top: 12px;
    font-size: 14px;
  }

  .in_culture_text i {
    width: 8px;
    height: 8px;
    margin-bottom: 18px;
  }

  .in_culture_text h4 {
    margin-bottom: 12px;
    font-size: 25px;
  }

  .in_culture_text p {
    font-size: 14px;
    line-height: 1.7;
  }

}







/* =========================================
   Longxin About
========================================= */

.longxin_about {
  position: relative;
  padding: 110px 0;
  overflow: hidden;
  background: #f5f6f8 url("https://lxzngroup.com/wp-content/themes/longxin/static/images/bg2.webp") center / cover no-repeat;
}

.longxin_about::before {
  content: "";
  position: absolute;
  left: -100px;
  bottom: -150px;
  width: 650px;
  height: 650px;
  border-radius: 50%;
  background: radial-gradient(circle,
      rgba(193, 10, 9, .05),
      transparent 68%);
  pointer-events: none;
}

.longxin_about .wrap {
  position: relative;
  z-index: 2;
}

.longxin_about_grid {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 70px;
  align-items: start;
}


/* =========================================
   Section Title
========================================= */

.longxin_about_title {
  margin-bottom: 40px;
}

.longxin_about_title>span {
  display: block;
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 2px;
  color: #999;
}

.longxin_about_title h2 {
  margin: 0;
  font-size: clamp(34px, 3vw, 48px);
  line-height: 1.15;
  font-weight: 700;
  color: #20242d;
}

.longxin_about_title h2 em {
  display: block;
  margin-top: 10px;
  font-style: normal;
  font-size: .55em;
  line-height: 1.45;
  font-weight: 600;
  color: #c83217;
}


/* =========================================
   Statistics
========================================= */

.longxin_about_stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.longxin_about_stats li {
  position: relative;
  min-height: 190px;
  padding: 30px 26px;
  overflow: hidden;
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(0, 0, 0, .035);
  transition:
    transform .4s ease,
    box-shadow .4s ease,
    border-color .4s ease;
}

.longxin_about_stats li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 3px;
  background: #c83217;
  transition: width .4s ease;
}

.longxin_about_stats li:hover {
  transform: translateY(-6px);
  border-color: rgba(200, 50, 23, .12);
  box-shadow: 0 18px 40px rgba(24, 30, 40, .08);
}

.longxin_about_stats li:hover::after {
  width: 100%;
}

.stat_icon {
  width: 34px;
  height: 34px;
  margin-bottom: 22px;
}

.stat_icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #252b35;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.stat_num {
  display: flex;
  align-items: baseline;
  gap: 5px;
  white-space: nowrap;
}

.stat_num strong {
  font-size: clamp(30px, 2.8vw, 44px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -1.5px;
  color: #c83217;
}

.stat_num span {
  font-size: 13px;
  font-weight: 600;
  color: #555b64;
}

.longxin_about_stats p {
  margin: 22px 0 0;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 600;
  color: #2d323a;
}


/* =========================================
   Company Introduction
========================================= */

.longxin_about_right {
  padding-top: 28px;
}

.longxin_about_content {
  margin-bottom: 45px;
  max-height: 310px;
  overflow-y: auto;
  padding-right: 10px;
}


.longxin_about_content p {
  margin: 0 0 17px;
  font-size: 14px;
  line-height: 1.9;
  color: #5e636c;
}

.longxin_about_content p strong {
  color: #20242d;
  font-weight: 700;
}

.longxin_about_content::-webkit-scrollbar {
  width: 3px;
}

.longxin_about_content::-webkit-scrollbar-track {
  background: #e7e9ec;
  border-radius: 10px;
}

.longxin_about_content::-webkit-scrollbar-thumb {
  background: #c83217;
  border-radius: 10px;
}

.longxin_about_content::-webkit-scrollbar-thumb:hover {
  background: #a92814;
}

/* =========================================
   Company Video
========================================= */

.longxin_about_video {
  position: relative;
  height: 470px;
  overflow: hidden;
  cursor: pointer;
  background: #222;
}

.longxin_about_video img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .8s cubic-bezier(.22, .61, .36, 1);
}

.longxin_about_video:hover img {
  transform: scale(1.035);
}

.video_mask {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(15, 18, 24, .02) 30%,
      rgba(15, 18, 24, .64) 100%);
}


/* Play Button */

.video_play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  width: 78px;
  height: 78px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  cursor: pointer;
  transform: translate(-50%, -50%);
  transition:
    background .3s ease,
    transform .3s ease;
}

.video_play::before {
  content: "";
  position: absolute;
  inset: -12px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 50%;
  animation: longxinVideoPulse 2s infinite;
}

.video_play span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.video_play svg {
  width: 23px;
  height: 23px;
  margin-left: 3px;
  fill: #fff;
  stroke: none;
}

.longxin_about_video:hover .video_play {
  background: #c83217;
  border-color: #c83217;
  transform: translate(-50%, -50%) scale(1.08);
}

@keyframes longxinVideoPulse {

  0% {
    transform: scale(.85);
    opacity: .8;
  }

  100% {
    transform: scale(1.35);
    opacity: 0;
  }

}


/* Video Caption */

.video_bottom {
  position: absolute;
  left: 38px;
  bottom: 32px;
  z-index: 3;
  color: #fff;
}

.video_bottom small {
  display: block;
  margin-bottom: 7px;
  font-size: 10px;
  letter-spacing: 2px;
  opacity: .7;
}

.video_bottom strong {
  display: block;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 500;
}


/* =========================================
   Video Popup
========================================= */

.longxin_video_popup {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px;
  visibility: hidden;
  opacity: 0;
  transition:
    opacity .35s ease,
    visibility .35s ease;
}

.longxin_video_popup.active {
  visibility: visible;
  opacity: 1;
}

.longxin_video_overlay {
  position: absolute;
  inset: 0;
  background: rgba(8, 10, 14, .92);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.longxin_video_box {
  position: relative;
  z-index: 2;
  width: min(1100px, 90vw);
  transform: translateY(30px) scale(.96);
  opacity: 0;
  transition:
    transform .45s cubic-bezier(.2, .8, .2, 1),
    opacity .35s ease;
}

.longxin_video_popup.active .longxin_video_box {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.longxin_video_inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .4);
}

.longxin_video_inner video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
}

.longxin_video_close {
  position: absolute;
  top: -48px;
  right: 0;
  z-index: 4;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 36px;
  line-height: 40px;
  font-weight: 200;
  cursor: pointer;
  opacity: .75;
  transition:
    opacity .3s ease,
    transform .3s ease;
}

.longxin_video_close:hover {
  opacity: 1;
  transform: rotate(90deg);
}

body.longxin_video_open {
  overflow: hidden;
}


/* =========================================
   Responsive
========================================= */

@media (max-width: 1200px) {

  .longxin_about_grid {
    gap: 40px;
  }

  .longxin_about_video {
    height: 380px;
  }

}


@media (max-width: 991px) {

  .longxin_about {
    padding: 80px 0;
  }

  .longxin_about_grid {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .longxin_about_right {
    padding-top: 0;
  }

  .longxin_about_content {
    max-width: none;
  }

  .longxin_about_video {
    height: auto;
    aspect-ratio: 16 / 9;
  }

}


@media (max-width: 640px) {

  .longxin_about {
    padding: 60px 0;
  }

  .longxin_about_stats {
    gap: 10px;
  }

  .longxin_about_stats li {
    min-height: 155px;
    padding: 20px 16px;
  }

  .stat_icon {
    width: 28px;
    height: 28px;
    margin-bottom: 18px;
  }

  .stat_num strong {
    font-size: 27px;
    letter-spacing: -1px;
  }

  .stat_num span {
    font-size: 10px;
  }

  .longxin_about_stats p {
    margin-top: 14px;
    font-size: 12px;
  }

  .longxin_about_video {
    aspect-ratio: 4 / 3;
  }

  .video_play {
    width: 62px;
    height: 62px;
  }

  .video_bottom {
    left: 22px;
    bottom: 20px;
  }

  .video_bottom strong {
    font-size: 17px;
  }

  .longxin_video_popup {
    padding: 15px;
  }

  .longxin_video_box {
    width: 100%;
  }

}

.about_partners {
  background: url("https://lxzngroup.com/wp-content/themes/longxin/static/images/bg4.webp") center / cover no-repeat;
}

.about_partners .about_partner_grid {
  --partner-gap: clamp(14px, 1.5vw, 24px);

  width: 100%;
  margin-top: 28px;
  overflow: hidden;
}

.about_partners .about_partner_grid+.about_partner_grid {
  margin-top: 20px;
}


/* 滚动轨道 */
.about_partners .about_partner_track {
  display: flex;
  align-items: center;

  width: 200%;

  will-change: transform;
  animation: partner-scroll-left 30s linear infinite;
}


/* 每一组占整个轨道的一半 */
.about_partners .about_partner_group {
  display: flex;
  flex: 0 0 50%;
  align-items: center;

  gap: var(--partner-gap);

  width: 50%;
  padding-right: var(--partner-gap);

  box-sizing: border-box;
}


/* 一行固定显示 7 个 */
.about_partners .about_partner_group .img {
  display: flex;

  flex: 0 0 calc((100% - (var(--partner-gap) * 6)) / 7);

  align-items: center;
  justify-content: center;

  margin: 0;
  padding: 4px;

  box-sizing: border-box;

  background: #fff;
}


/* Logo 图片尽量撑满 */
.about_partners .about_partner_group .img img {
  display: block;

  width: 100%;
  height: auto;

  max-width: 100%;

  margin: 0 auto;

  object-fit: contain;
  object-position: center;
}


/* 上排向左 */
.about_partners .about_partner_grid--left .about_partner_track {
  animation-name: partner-scroll-left;
}


/* 下排向右 */
.about_partners .about_partner_grid--right .about_partner_track {
  animation-name: partner-scroll-right;
}


/* 向左滚动 */
@keyframes partner-scroll-left {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}


/* 向右滚动 */
@keyframes partner-scroll-right {
  from {
    transform: translate3d(-50%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}


/* 鼠标经过暂停 */
.about_partners .about_partner_grid:hover .about_partner_track {
  animation-play-state: paused;
}


/* 平板 */
@media (max-width: 1024px) {

  .about_partners .about_partner_grid {
    --partner-gap: 14px;
  }

  .about_partners .about_partner_group .img {
    padding: 3px;
  }

}


/* 手机 */
@media (max-width: 767px) {

  .about_partners .about_partner_grid {
    --partner-gap: 10px;
    margin-top: 18px;
  }

  .about_partners .about_partner_grid+.about_partner_grid {
    margin-top: 14px;
  }

  .about_partners .about_partner_group .img {
    padding: 2px;
  }

}


/* 减少动画 */
@media (prefers-reduced-motion: reduce) {

  .about_partners .about_partner_track {
    animation: none;
  }

}

/* =========================================================
   Manufacturing Capabilities
   对应 about_capability_slider / swiper-wrapper / card 结构
   ========================================================= */

.about_capability {
  --capability-red: #cf2c31;
  --capability-ink: #171b20;
  --capability-copy: #343940;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(72px, 6.5vw, 108px) 0 clamp(62px, 5vw, 84px);
  background: #f4f4f2;
}

.about_capability::before,
.about_capability::after {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 0;
  content: "";
  pointer-events: none;
}

/* 工厂背景 */
.about_capability::before {
  top: 0;
  bottom: 0;
  background-image: url("https://lxzngroup.com/wp-content/themes/longxin/static/images/bc_capa.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  /*   filter: grayscale(1); */
}

/* 下半部红色背景 */
/* .about_capability::after {
  top: 54%;
  bottom: 0;
  background: rgba(207, 44, 49, .5);
} */

.about_capability .wrap {
  position: relative;
  z-index: 1;
}





/* =========================================================
   Swiper 图廊
   ========================================================= */

.about_capability .about_capability_slider {
  position: relative;
  width: 100%;
  padding-bottom: 46px;
  overflow: hidden;
}

/* 必须保留，确保卡片横向排列 */
.about_capability .about_capability_slider .swiper-wrapper {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch;
  width: 100%;
  height: auto;
}

/* 桌面端：一行四张，4:3 */
.about_capability .about_capability_card,
.about_capability .about_capability_card--narrow,
.about_capability .about_capability_card--wide {
  --slide-width: calc((100% - 60px) / 4);

  position: relative;
  display: block;
  flex: 0 0 var(--slide-width) !important;
  width: var(--slide-width) !important;
  height: auto !important;
  min-width: 0;
  aspect-ratio: 4 / 3 !important;
  margin: 0;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  border: 2px solid rgba(255, 255, 255, .96);
  background: #1b2026;
  box-shadow: 0 12px 26px rgba(47, 15, 17, .16);
  transition: transform .35s ease, box-shadow .35s ease;
}

.about_capability .about_capability_image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
  background: #1b2026;
}

.about_capability .about_capability_image::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(13, 17, 22, .02), rgba(13, 17, 22, .22));
  content: "";
  pointer-events: none;
  transition: background-color .35s ease;
}

.about_capability .about_capability_image img {
  position: absolute !important;
  inset: 0 !important;
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .55s ease;
}

/* 参考图没有下方文字区，隐藏以避免黑/灰空白 */
.about_capability .about_capability_content {
  display: none !important;
}

/* 分页短横线 */
.about_capability .about_capability_pagination {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 18px;
  line-height: 0;
}

.about_capability .about_capability_pagination .swiper-pagination-bullet {
  display: block;
  width: 29px;
  height: 3px;
  margin: 0 !important;
  border-radius: 0;
  background: #fff;
  opacity: .48;
  transition: opacity .25s ease;
}

.about_capability .about_capability_pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

/* Hover */
@media (hover: hover) and (pointer: fine) {
  .about_capability .about_capability_card:hover {
    z-index: 1;
    box-shadow: 0 18px 30px rgba(48, 14, 17, .28);
    transform: translateY(-6px);
  }

  .about_capability .about_capability_card:hover .about_capability_image img {
    transform: scale(1.055);
  }

  .about_capability .about_capability_card:hover .about_capability_image::after {
    background: rgba(207, 44, 49, .15);
  }
}

/* =========================================================
   平板：一行三张
   ========================================================= */

@media (max-width: 1100px) {

  .about_capability .about_capability_card,
  .about_capability .about_capability_card--narrow,
  .about_capability .about_capability_card--wide {
    --slide-width: calc((100% - 40px) / 3);
  }
}

/* =========================================================
   手机：一行一张
   ========================================================= */

@media (max-width: 767px) {
  .about_capability {
    padding: 64px 0 58px;
  }

  .about_capability::after {
    top: 43%;
  }

  .about_capability .about_capability_slider {
    padding-bottom: 38px;
  }

  .about_capability .about_capability_card,
  .about_capability .about_capability_card--narrow,
  .about_capability .about_capability_card--wide {
    --slide-width: 100%;
    aspect-ratio: 4 / 3 !important;
  }

  .about_capability .about_capability_pagination {
    margin-top: 15px;
  }

  .about_capability .about_capability_pagination .swiper-pagination-bullet {
    width: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .about_capability .about_capability_card,
  .about_capability .about_capability_image img,
  .about_capability .about_capability_image::after,
  .about_capability .about_capability_pagination .swiper-pagination-bullet {
    transition: none;
  }
}

/* Solutions industry navigation follows the shared 1024px breakpoint. */
.solution_mobile_toggle,
.solutions_mobile_submenu {
  display: none;
}

.solutions_mobile_submenu[hidden] {
  display: none !important;
}

.longxin_mega_panel[data-panel="solutions"] a[aria-current="page"] {
  color: #c9080d;
}

@media (max-width:1024px) {
  .i_nav>li.drop_p {
    position: relative;
  }

  .i_nav>li.drop_p>a {
    padding-right: 60px;
  }

  .i_nav .solution_mobile_toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 4px;
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 26px;
    cursor: pointer;
  }

  .i_nav .solutions_mobile_submenu:not([hidden]) {
    display: block;
    position: static;
    width: 100%;
    max-height: none;
    padding: 0 16px 12px;
    box-shadow: none;
    background: transparent;
    opacity: 1;
    visibility: visible;
    transform: none;
  }

  .i_nav .solutions_mobile_submenu li {
    display: block;
    width: 100%;
  }

  .i_nav .solutions_mobile_submenu a {
    display: block;
    padding: 12px 8px;
    white-space: normal;
    line-height: 1.4;
    font-size: 15px;
    color: inherit;
  }

  .i_nav .solutions_mobile_submenu a[aria-current="page"] {
    color: #c9080d;
    font-weight: 700;
  }
}

/* Article photos use a 4:3 display box while retaining the complete source image.
   Section rules control width; height:auto overrides HTML height attributes.
   Banners, logos, certificates, video posters and UI icons are not article photos. */
.n_article img:not(.emoji):not(.wp-smiley):not([src$=".svg"]),
.pd_content article img:not(.emoji):not(.wp-smiley):not([src$=".svg"]),
.solution_editor_content img:not(.emoji):not(.wp-smiley):not([src$=".svg"]) {
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

/* Long article titles stay below the fixed navigation without changing hero height. */
@media (max-width:1024px) {
  .inner_hero_section .inner_hero_content {
    top: calc(50% + 30px);
    padding-bottom: 0;
  }

  .inner_hero_long_title h1 {
    font-size: 44px;
    line-height: 1.12;
    letter-spacing: -1px;
  }
}

@media (max-width:600px) {
  .inner_hero_long_title h1 {
    font-size: 28px;
    letter-spacing: -.6px;
  }
}
/* ==========================================================================
   LONGXIN HEADER — mobile fixes (2026-09-28)
   --------------------------------------------------------------------------
   Three defects shared one root cause: the rebuilt header dropped the theme's
   .TopHeader variant class, so the header renders white while the rules that
   assume it still apply.

   1. .top_search_ico and .language p inherit color:#fff from the default (dark
      header) rules. .TopHeader .language p / .TopHeader .top_search_ico { color:#333 }
      is the only override and it never matches, so both icons were drawn white on
      a white bar — invisible, yet still occupying 144px of the row.

   2. .top is a space-between flex row: [.logo] [.top_r: search + language + CTA]
      [.nav_menu]. On phones the row is narrower than the sum of the three
      min-content sizes, and .nav_menu is an empty box whose i / ::before / ::after
      are all absolutely positioned — its flex min-content size is 0, so it
      absorbed the whole shortfall and collapsed to 0x0, making the mobile menu
      unreachable below ~390px.

   3. .top_quote was squeezed to its 71px min-content width, breaking
      "Inquire Now" onto two lines inside a 45px block.

   Below: give the two icons a colour that matches the white bar, pin the burger,
   stop the CTA label from wrapping, and pay for the space out of the logo and the
   icon gutters instead of out of the controls.
   ========================================================================== */

/* 1. header icons are white-on-white unless the header carries .TopHeader */
header .top_search_ico,
header .language p {
  color: #333;
}

/* 2/3. never collapse the burger, never wrap the CTA label */
@media screen and (max-width: 1024px) {
  .nav_menu {
    flex: 0 0 auto;
    min-width: 22px;
  }

  .top_r .top_quote {
    display: -webkit-inline-flex;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    white-space: nowrap;
    line-height: 1.2;
  }
}

/* phones: buy the space back from the logo and the icon gutters */
@media screen and (max-width: 560px) {
  .logo img {
    max-width: 1.1rem;
  }

  .top_search_ico {
    font-size: 0.22rem;
    margin-right: 0.08rem;
  }

  .language p {
    width: 0.26rem;
    margin-left: 0.1rem;
    font-size: 0.22rem !important;
  }

  .top_r .top_quote {
    padding: 7px 11px;
    font-size: 12px;
    margin-left: 0.08rem;
  }

  .nav_menu {
    margin-left: 0.1rem;
  }
}

/* small phones (~360px and below) */
@media screen and (max-width: 380px) {
  .logo img {
    max-width: 0.95rem;
  }

  .top_search_ico {
    font-size: 0.2rem;
    margin-right: 0.06rem;
  }

  .language p {
    width: 0.24rem;
    margin-left: 0.08rem;
    font-size: 0.2rem !important;
  }

  .top_r .top_quote {
    padding: 6px 9px;
    font-size: 11px;
    margin-left: 0.06rem;
  }

  .nav_menu {
    margin-left: 0.08rem;
  }
}

/* =========================================================
   HOME SOLUTION CARD - mobile overlap fix
   Under 768px the overlay copy (eyebrow + h3 + paragraph) is
   taller than the 4/3 photo, so it grew upwards out of the
   image and ran under the "01 / 06" pill, hiding the eyebrow.
   On phones the copy now sits under the photo on white, so the
   badge and the text can never overlap, whatever the length of
   the active tab's copy.
========================================================= */
@media screen and (max-width: 768px) {
  .home_solution_stage_image {
    aspect-ratio: auto;

    background: #fff;
  }

  .home_solution_stage_image img {
    position: static;

    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .home_solution_image_mask {
    display: none;
  }

  .home_solution_image_index {
    left: .2rem;
    top: .2rem;
  }

  .home_solution_copy_top {
    position: static;

    left: auto;
    right: auto;
    bottom: auto;

    margin:
      .2rem .2rem 0;
  }

  .home_solution_copy_top>small {
    margin-bottom: .08rem;

    color: var(--solution_color);
  }

  .home_solution_copy_top h3 {
    color: #141a22;
  }

  .home_solution_copy_top>p {
    color: #5a636e;
  }

  .home_solution_stage_copy {
    padding-top: .18rem;
  }
}

/* =========================================================
   INNER PAGE SUB NAV - mobile accordion header
   Below 959px the desktop tab row turns into the ".in_nav_tit"
   accordion bar. It used to float: a 30px white strip above it
   and an inset (92%) red bar, so it read as a stray red button
   instead of the section header. On phones the bar and its
   panel are now full-bleed and sit flush under the hero.
========================================================= */
@media screen and (max-width: 959px) {
  .in_nav {
    margin: 0 auto;
  }

  .in_nav_tit {
    width: 100%;
  }

  .in_nav ul {
    width: 100%;
  }
}

@media screen and (max-width: 959px) {
  /* the phone layout does not need the desktop-sized gap under the bar */
  .longxin_about {
    padding-top: .4rem;
  }
}

/* =========================================================
   DESKTOP HEADER - narrow laptop band (1025px - 1240px)
   Between the tablet and full-desktop layouts the header row
   runs out of room: logo + nav + search/language/CTA need more
   width than the 88% .wrap can give them, so .top_r is squeezed,
   "Inquire Now" breaks onto two lines in a 62px-tall block, and
   at the low end the CTA is even pushed past the viewport edge.
   The band (and only the band) buys the space back from the nav
   gutters, the menu label size and the header wrap width, and
   pins the CTA to a single line.
   Note: below clientWidth 1025 rem.js still uses its 100px base
   while the desktop CSS starts at viewport 1025, so for the first
   ~15px of this band every rem value is oversized; the px-capped
   logo and the smaller gutters cover that seam too.
========================================================= */
@media screen and (min-width: 1025px) and (max-width: 1240px) {
  .top.wrap {
    width: 96%;
  }

  .top .logo img {
    max-width: 140px;
  }

  .i_nav {
    gap: 0 0.16rem;
  }

  .i_nav>li>a {
    font-size: 14px;
  }

  .i_nav>li.menu-item-has-children>a {
    padding-right: 20px;
  }

  .top_r .top_quote {
    display: -webkit-inline-flex;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    white-space: nowrap;
    line-height: 1.2;
    padding: 5px 0.16rem;
    font-size: 14px;
  }
}

/* ==========================================================================
   RESPONSIVE + TYPOGRAPHY PASS — 2026-09-28
   --------------------------------------------------------------------------
   Measured with headless Chrome over 26 widths x 8 pages (26 breakpoints:
   320 360 375 390 414 480 540 600 640 700 768 820 900 960 1000 1024 1025
   1100 1180 1200 1240 1280 1366 1440 1600 1920). Report:
   outputs/responsive-audit.md. Four defects, fixed below.

   1. HEADER LEGIBILITY. Until the page is scrolled 100px the header is
      transparent and the nav is white, but the heroes behind it are light.
      Measured white-on-image contrast was 2.27:1 (home) to 3.57:1 (about,
      contact) — all 8 audited pages failed WCAG AA (4.5:1). The fix is applied
      at the glyph (shadow) rather than as a band across the hero. .TopHeader
      (the scrolled, solid white bar) is excluded, and the block is desktop-only
      because below 1025px the header is always solid white.

   2. TYPE FLOOR. Two dozen labels were authored at 8–11px. Because they are
      px rather than rem they never scaled with the viewport, so they stayed
      physically tiny on every screen. Text is now >= 12px.

   3. CONTRAST. #999 on #f5f6f8 measured 2.63:1, #7c828b on white 3.87:1 and
      #888 on white 3.54:1 — all below 4.5:1. They now use #5f6673, which
      measures 5.3:1 on #f5f6f8 and 5.8:1 on white at the same visual weight.
      The required-field asterisk and the red hero <em> were also below AA.

   4. NEWS DATE. The card date is white text sitting on a photo. The existing
      mask faded to only 42% black where the date sits, which is 2.8:1 over a
      light image. The mask now reaches 58% and the date is fully opaque
      (>= 5.3:1 on any image).

   Not changed: horizontal overflow was already 0 across all 26 x 8 samples.
   ========================================================================== */

/* --- 1. header legibility over light hero images (desktop only) ----------
   White nav labels over the light heroes measured 2.27:1 (home) up to 3.57:1
   (about, contact) - every one of the 8 audited pages was under WCAG AA.

   A background scrim fixes that number, but it also paints a dark band across
   the top of every hero, which reads as a smudge on the artwork. The contrast
   is therefore bought at the glyph instead: a text-shadow on the nav labels
   and a drop-shadow on the two icons. Those follow the letterforms, so the
   artwork stays untouched.

   The logo is deliberately NOT shadowed. A drop-shadow there traces the alpha
   of the whole lockup, including the counters inside the letterforms, and the
   logo reads visibly darker as a result. It keeps its original treatment.
   ------------------------------------------------------------------------- */
@media screen and (min-width: 1025px) {

  header:not(.TopHeader) .i_nav>li>a {
    text-shadow:
      0 1px 3px rgba(0, 0, 0, .82),
      0 0 12px rgba(0, 0, 0, .55);
  }

  header:not(.TopHeader) .top_search_ico,
  header:not(.TopHeader) .language p {
    -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .7));
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .7));
  }
}

/* --- 2. nothing textual below 12px -------------------------------------- */
.longxin_mega_head>span,
.solutions_item_index,
.service_section_head small,
.service_testing small,
.longxin_banner .banner_specs small,
.longxin_banner .banner_process,
.longxin_banner .banner_side_note,
.longxin_banner .banner_equipment_img span,
.longxin_banner .banner_equipment_info small,
.longxin_banner .banner_equipment_info p,
.home_product_tag,
.home_product_info small,
.home_news_empty span,
.home_cta_content li span,
.home_cta_form_head small,
.home_cta_form_note,
.video_bottom small,
.in_page>i {
  font-size: 12px;
}

.home_cta_form .wpforms-error {
  font-size: 12px !important;
}

@media (max-width: 767px) {
  .service_testing_media figcaption {
    font-size: 12px;
  }
}

@media screen and (max-width: 600px) {
  .service_cta_content::before {
    font-size: 12px;
  }
}

@media screen and (max-width: 1200px) {
  .home_solution_tab em {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {

  .home_solution_tab em,
  .home_solution_image_label {
    font-size: 12px;
  }
}

@media (max-width: 640px) {
  .stat_num span {
    font-size: 12px;
  }
}

@media screen and (max-width: 380px) {
  .top_r .top_quote {
    font-size: 12px;
  }
}

/* ==========================================================================
   HOME HERO — right-hand panel was covering the photo's own signage
   --------------------------------------------------------------------------
   BANNER-1.webp is 1919x820 and is painted with object-fit:cover into a
   full-height band. Because that band is always wider than 1919/820, the
   photo is cropped horizontally only and the vertical mapping stays
   proportional, so the "干燥精彩 共享未来" sign baked into the photo always
   lands at about 20-24% of the viewport height.

   The equipment panel is centred in the same band, so its top edge sits at
   roughly 0.52 * H - 257px. Measured against the sign, that means the panel
   covered it on every common laptop height:

     viewport     sign (bottom)   panel top    result
     1366x768          185px         143px     covered by 41px
     1536x864          208px         192px     covered by 16px
     1440x900          216px         211px     covered by  5px
     1600x900          216px         211px     covered by  5px
     1920x1080         259px         304px     clear

   Fixing the panel height in px was how it got here. Capping it against the
   viewport height instead (the photo 370px tall at H=1080, shrinking towards
   220px on a 768px laptop) keeps the panel below the signage at every height
   and leaves tall screens exactly as they were.
   ========================================================================== */
.longxin_banner .banner_equipment_img {
  height: clamp(220px, calc(56vh - 190px), 370px);
}

/* The mobile stats bar ("25+ Years") is pinned to 10px by the Additional CSS
   block in the Customizer. That block is printed after this stylesheet, so an
   equally specific rule loses; this one carries an extra element and wins
   without having to edit the Customizer text. */
.banner.longxin_banner .banner_specs li small {
  font-size: 12px;
}

/* --- 3. contrast --------------------------------------------------------- */
.longxin_about_title>span,
.home_solution_material_box h4,
.home_news_empty p,
.cert_info p,
.home_cta_form_head p,
.in_page>i {
  color: #5f6673;
}

.home_cta_form .wpforms-required-label {
  color: #d92020 !important;
}

.longxin_banner .banner_content :is(h1, h3) em {
  color: #d4190f;
}

/* --- 4. news card date: stronger scrim, opaque label -------------------- */
.home_news_image_mask {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 38%,
    rgba(0, 0, 0, .34) 70%,
    rgba(0, 0, 0, .58) 100%
  );
}

.home_news_image time {
  color: #fff;
}

/* --- 5. h1 leading ------------------------------------------------------ */
/* every inner-page h1 was 1.00 (38/38 on phones, 66/66 on desktop), so a
   two-line heading had its descenders touching the next line */
.inner_hero h1 {
  line-height: 1.08;
}

/* --- 6. touch targets on phones (>= 44px, audit recommended) ------------ */
@media screen and (max-width: 1024px) {

  /* the search glyph is 20x20; grow the hit area only, so the row keeps
     the width it was tuned to */
  .top_search_ico {
    position: relative;
  }

  .top_search_ico::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
  }

  .top_r .top_quote {
    min-height: 44px;
  }

  /* breadcrumb links were 20px tall; buy the height back from the bar's
     own padding so the strip does not grow */
  .in_position .wrap {
    padding: 0.02rem 0;
  }

  .in_position a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

/* ==========================================================================
   HOME HERO COPY — READABILITY PASS (desktop > 1024px)
   --------------------------------------------------------------------------
   Measured on the live page at 1920x1080. The left copy column sits on the
   building facade, whose luminance under the copy is p50 0.327 / p99 0.505
   (sampled from every text-free strip inside the column). A background in
   that band caps the achievable ratio at ~2.4:1 for ANY ink, which is why
   every element in the block was failing:

       element                 background      before
       h1 "Industrial Drying"  facade          2.00:1  (needs 3.0, large)
       h1 "& Grinding Equip."  windows         2.25:1  (needs 3.0, large)
       paragraph               facade          2.14:1  (needs 4.5)
       specs numbers           facade          2.56:1  (needs 3.0, large)
       specs labels            facade          1.63:1  (needs 4.5)

   Recolouring the text cannot fix this - the background has to move. The
   photograph itself is not the problem worth solving though: the right half
   (sky, signage, the equipment panel) is clean and stays untouched.

   So the wash is anchored to the copy column: opaque enough to clear AA under
   every glyph, and easing to nothing before it reaches the equipment panel at
   x 1084 (56.6%). The vertical mask keeps the sky strip and the car park from
   turning into a flat dark slab, and holds a floor along the bottom so the
   slider bullets keep the contrast they had.

   Only slide 1 carries .banner_mark, so this is the first screen alone.
   Mobile/tablet (<=1024px) is untouched - the Additional CSS block already
   puts that copy on a solid #151920 panel, where none of this applies.
   ========================================================================== */
@media screen and (min-width: 1025px) {

  .longxin_banner .banner_mark {
    background: linear-gradient(90deg,
        rgba(9, 14, 22, .90) 0%,
        rgba(9, 14, 22, .88) 26%,
        rgba(9, 14, 22, .80) 40%,
        rgba(9, 14, 22, .50) 49%,
        rgba(9, 14, 22, 0) 59%);
    -webkit-mask-image: linear-gradient(180deg,
        rgba(0, 0, 0, .55) 0%,
        rgba(0, 0, 0, .80) 14%,
        #000 30%,
        #000 70%,
        rgba(0, 0, 0, .85) 86%,
        rgba(0, 0, 0, .72) 100%);
    mask-image: linear-gradient(180deg,
        rgba(0, 0, 0, .55) 0%,
        rgba(0, 0, 0, .80) 14%,
        #000 30%,
        #000 70%,
        rgba(0, 0, 0, .85) 86%,
        rgba(0, 0, 0, .72) 100%);
  }

  /* .76 white measured 2.14:1; the wash gives this room back, so the copy can
     sit at a normal reading weight again */
  .longxin_banner .banner_content>p {
    color: rgba(255, 255, 255, .92);
  }

  /* 12px uppercase at .48 was the worst offender on the page at 1.63:1 */
  .longxin_banner .banner_specs small {
    color: rgba(255, 255, 255, .80);
  }

  /* the bullets ride on the far edge of the wash, where it is thinning out */
  .longxin_banner .banner-pagination .swiper-pagination-bullet {
    background: rgba(255, 255, 255, .50);
  }
}

/* The wash pulls the background under the copy down to ~0.02 luminance, which
   is what the white text needs - but it also parks the background inside the
   brand red's own luminance band (2.32:1 measured live, against 2.25:1 before
   the wash). Red is a dark ink: it only clears 3:1 on a near-black or a light
   field, so on a dark wash the value has to come up. #f54535 measures 3.41:1
   under the h1 and still reads as the same red. The CTA keeps --banner-red
   (#c10a09) because it is a filled block with white on top, where the deeper
   red measures 6.3:1 - the two are used at different sizes and on different
   fields, so the small value shift does not read as two different brands. */
@media screen and (min-width: 1025px) {

  .longxin_banner .banner_content :is(h1, h3) em {
    color: #f54535;
  }
}

/* --------------------------------------------------------------------------
   Header strip is off limits.
   The wordmark is a DARK logo (deep navy) that only reads because the hero's
   top band is bright sky. The wash above dropped that band to ~0.02 luminance
   and the "LONGXIN" letterforms vanished into it - measured, not guessed. So
   the vertical mask now holds the top 74px clear and eases in underneath.

   The stops are px down to 182px and % after that. The header is a fixed 67px
   tall at every desktop width, and the copy block is centred on the slide, so
   its top edge runs from y190 (768-tall windows) to y352 (1080-tall). A px top
   ramp therefore clears the logo on every window height while still being
   fully opaque before the first line of the headline on the shortest one.

   The header's own shadows are gone with it: the wash no longer sits under the
   nav, so the labels are back on their original sky, and a shadow there is not
   wanted.
   -------------------------------------------------------------------------- */
@media screen and (min-width: 1025px) {

  .longxin_banner .banner_mark {
    -webkit-mask-image: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0) 74px,
        rgba(0, 0, 0, .30) 108px,
        rgba(0, 0, 0, .72) 145px,
        #000 182px,
        #000 70%,
        rgba(0, 0, 0, .85) 86%,
        rgba(0, 0, 0, .72) 100%);
    mask-image: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0) 74px,
        rgba(0, 0, 0, .30) 108px,
        rgba(0, 0, 0, .72) 145px,
        #000 182px,
        #000 70%,
        rgba(0, 0, 0, .85) 86%,
        rgba(0, 0, 0, .72) 100%);
  }

  header:not(.TopHeader) .i_nav>li>a {
    text-shadow: none;
  }

  header:not(.TopHeader) .top_search_ico,
  header:not(.TopHeader) .language p {
    -webkit-filter: none;
    filter: none;
  }
}

/* Softer onset for the vertical ramp. The previous stops went 0 -> 1.00 across
   108px, which read as a grey film starting abruptly under the header. The
   requirements are not uniform down the block though: the first headline line
   is 65px white and only needs 3:1, while the red second line is a dark ink and
   needs the field down at ~0.045 luminance. So the mask now eases in over
   ~200px and only reaches full strength by the time the red line starts on the
   shortest desktop window (y244 at a 768-tall viewport), which is where the
   demand actually is. The sky therefore gets a light touch instead of a slab. */
@media screen and (min-width: 1025px) {

  .longxin_banner .banner_mark {
    -webkit-mask-image: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0) 66px,
        rgba(0, 0, 0, .08) 92px,
        rgba(0, 0, 0, .26) 118px,
        rgba(0, 0, 0, .50) 148px,
        rgba(0, 0, 0, .74) 182px,
        rgba(0, 0, 0, .92) 222px,
        #000 268px,
        #000 70%,
        rgba(0, 0, 0, .85) 86%,
        rgba(0, 0, 0, .72) 100%);
    mask-image: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0) 66px,
        rgba(0, 0, 0, .08) 92px,
        rgba(0, 0, 0, .26) 118px,
        rgba(0, 0, 0, .50) 148px,
        rgba(0, 0, 0, .74) 182px,
        rgba(0, 0, 0, .92) 222px,
        #000 268px,
        #000 70%,
        rgba(0, 0, 0, .85) 86%,
        rgba(0, 0, 0, .72) 100%);
  }
}

/* --------------------------------------------------------------------------
   Dialled back at the client's request ("可以让一点 淡一点").
   Peak alpha .90 -> .78 and the horizontal falloff pulled in to 58%. That is
   roughly twice the delivered light on the building at the same place: the
   composited backdrop under the copy goes from ~sRGB 27 to ~48.

   The floor is set by the red second line. Red is a dark ink (luminance
   0.234 at #f54535), and 3:1 needs the field at 0.094 or lower, so the wash
   cannot go much lighter than this while the headline keeps its brand colour.
   Everything else has room to spare at .78 - measured on the live page the
   white headline sits at 12-17:1, the paragraph and the spec labels at 5-7:1,
   all of it above AA.
   -------------------------------------------------------------------------- */
@media screen and (min-width: 1025px) {

  .longxin_banner .banner_mark {
    background: linear-gradient(90deg,
        rgba(9, 14, 22, .78) 0%,
        rgba(9, 14, 22, .76) 26%,
        rgba(9, 14, 22, .68) 40%,
        rgba(9, 14, 22, .42) 49%,
        rgba(9, 14, 22, 0) 58%);
    -webkit-mask-image: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0) 66px,
        rgba(0, 0, 0, .08) 92px,
        rgba(0, 0, 0, .26) 118px,
        rgba(0, 0, 0, .50) 148px,
        rgba(0, 0, 0, .74) 182px,
        rgba(0, 0, 0, .92) 222px,
        #000 268px,
        #000 70%,
        rgba(0, 0, 0, .72) 86%,
        rgba(0, 0, 0, .56) 100%);
    mask-image: linear-gradient(180deg,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0) 66px,
        rgba(0, 0, 0, .08) 92px,
        rgba(0, 0, 0, .26) 118px,
        rgba(0, 0, 0, .50) 148px,
        rgba(0, 0, 0, .74) 182px,
        rgba(0, 0, 0, .92) 222px,
        #000 268px,
        #000 70%,
        rgba(0, 0, 0, .72) 86%,
        rgba(0, 0, 0, .56) 100%);
  }
}

/* ==========================================================================
   HOME HERITAGE TIMELINE — SELECTION STATE (2026-09-28)
   --------------------------------------------------------------------------
   Two problems with the shipped component:

   1. THE INDICATOR. The active row was marked with a 26px Arial "←" glyph at
      left:-63px. Beyond being visually thin, the source is mojibake - the rule
      in this file reads content:"â†" and only renders at all because the
      Customizer carries a `content:"\2190" !important` patch for it. It is now
      a 30x14 drawn arrow (SVG mask, currentColor-driven) that sits on the same
      optical line as the dot and points straight at it.

   2. THE SELECTED STATE. Everything that could signal "this one" was already
      spoken for: the dot was red on every row, the year was red on every row,
      and the title only shifted #1a1d24 -> #c10a09 at 17px. Hover also runs
      through the same classes, so there was no way to tell selection from
      passing over. The row is now a real highlight box - white surface, hairline
      border, red rail on the leading edge, soft lift - and the two signals that
      were being spent on every row (year, dot) are released so they can mean
      "selected" instead. Idle years drop to #9aa1ad and idle dots lose the red
      border, which is what makes the whole thing legible at a glance.

   Geometry: the row box is pulled 29px left so its left edge lands on the
   timeline rail (the <ul> border), which lets the highlight rail sit exactly on
   the rule instead of beside it. The padding is put straight back, so the year
   column does not move. Below 768px there is no gutter to put an arrow in, so
   it is suppressed and the highlight box carries the state on its own.
   ========================================================================== */

.home_heritage .home_timeline li {
  margin: 0 -10px 8px -29px;
  padding: 16px 12px 16px 29px;
  border: 1px solid transparent;
  background: transparent;
  transition: background-color .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.home_heritage .home_timeline li:last-child {
  margin-bottom: 0;
}

.home_heritage .home_timeline li.active {
  background: #fff;
  border-color: #e6e9ef;
  box-shadow:
    inset 3px 0 0 var(--i_color),
    0 14px 34px rgba(16, 24, 40, .08);
}

/* --- the dot ------------------------------------------------------------ */
.home_heritage .home_timeline li::before {
  top: 18px;
  left: -5px;
  border-color: #c3c9d3;
  transition: background-color .28s ease, border-color .28s ease, box-shadow .28s ease, transform .28s ease;
}

.home_heritage .home_timeline li.active::before {
  border-color: var(--i_color);
  background: var(--i_color);
  box-shadow:
    0 0 0 4px #fff,
    0 0 0 8px rgba(193, 10, 9, .16);
  transform: scale(1.12);
}

/* --- the indicator arrow ------------------------------------------------
   `content: "" !important` with the .home_heritage prefix is deliberate: the
   Customizer's mojibake patch sets content !important at a lower specificity,
   so this is the only way to retire the glyph. */
.home_heritage .home_timeline li.active::after {
  content: "" !important;
  position: absolute;
  top: 18px;
  left: -42px;
  width: 30px;
  height: 14px;
  background: var(--i_color);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 14'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M30 7H2'/%3E%3Cpath d='M9.5 1.5 2 7l7.5 5.5'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / 30px 14px;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 14'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M30 7H2'/%3E%3Cpath d='M9.5 1.5 2 7l7.5 5.5'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / 30px 14px;
  font-size: 0;
}

/* --- release red so it can mean "selected" ------------------------------ */
.home_heritage .home_timeline time {
  color: #9aa1ad;
  transition: color .28s ease;
}

.home_heritage .home_timeline li.active time {
  color: var(--i_color);
}

.home_heritage .home_timeline p {
  transition: color .28s ease;
}

.home_heritage .home_timeline li.active p {
  color: #454c59;
}

/* the row is keyboard-reachable (tabindex=0) but the sheet cancelled the focus
   ring outright; WCAG 2.4.7 wants it back, without drawing it on mouse clicks */
.home_heritage .home_timeline li:focus-visible {
  outline: 2px solid var(--i_color);
  outline-offset: 2px;
}

@media screen and (max-width: 767px) {

  .home_heritage .home_timeline li {
    margin: 0 -6px 6px -22px;
    padding: 14px 10px 14px 22px;
  }

  .home_heritage .home_timeline li::before {
    top: 17px;
    left: -4px;
  }

  /* No room for an indicator at this size: below 768px the list sits flush
     with the container edge (the <ul> padding drops to 22px and this rule pulls
     the row straight back onto the rail), so a 24px arrow falls outside the
     section and is clipped away by .home_heritage{overflow:hidden} - at 375px
     only its trailing 7px survived, reading as a stray red stub. The highlight
     box plus the ringed dot are the selection cue here. */
  .home_heritage .home_timeline li.active::after {
    display: none;
  }
}

/* ==========================================================================
   MOBILE HEADER LOGO SIZE (2026-09-28)
   --------------------------------------------------------------------------
   On phones the mark was the smallest thing in the bar: 0.95rem (95px) at
   <=380px and 1.1rem (110px) at <=560px. The source file is 500x65, so 95px
   renders the wordmark 12px tall inside a 60px header - shorter than the 20px
   search/globe icons next to it, and 2.4x smaller than the 28.6px it gets at
   1920px. It read as a smudge, not a logo.

   The size is now driven by the space that is actually free in the row. At
   <=560px the bar is:

     [15px gutter] [logo] [auto gap] [search+globe+CTA 149px] [8px] [22px
     burger] [15px gutter]

   so everything to the right of the logo plus both gutters costs ~206px, and
   20px is kept as the wanted gap between the logo and the search icon. 226px
   is subtracted rather than 206px because 100vw ignores the scrollbar while
   the flex row does not, so the reserve has to cover that too - at 360px the
   first value left a 1px gap. The clamp floor is the old 95px, which means
   nothing below ~320px - where the row is already full - changes size.

     viewport    before      after
     320         95 x 12     95 x 12
     340         95 x 12     114 x 15
     360         95 x 12     134 x 17
     375         95 x 12     146 x 19
     414         110 x 14    146 x 19
     560         110 x 14    146 x 19

   Desktop (>=1025px) and the 561-1024px tablet band are untouched.
   ========================================================================== */
@media screen and (max-width: 560px) {
  .logo img {
    max-width: clamp(95px, calc(100vw - 226px), 146px);
  }
}

/* ==========================================================================
   INNER PAGES - BUTTON SCALE ON TABLETS / NARROW WINDOWS (2026-09-28)
   --------------------------------------------------------------------------
   Two controls on the inner pages get BIGGER as the window gets narrower.

   1. ".glass-btn" - the "Request a Quote" button on /products/ and
      /solutions/. Base is 300x60 with 18px text, but

        @media (max-width: 1440px) { min-width: 260px; height: 68px;
                                     font-size: 20px }

      inflates it on everything under 1440px, and the rule that brings it back
      (58px, full width, stacked) does not start until 576px. So across
      577-992px - where .glass-showcase-inner is already a single column - the
      button sat at 260x68 with 20px text: 24px taller than the header CTA
      (44px), more than half again the size of the "Contact Us" link beside it
      (135x42), and set larger than the body copy it sits under.

   2. ".in_nav_tit" - the "About Us" section switcher on /about-longxin/ and
      the other inner pages. 0.22rem / 0.6rem = a 22px label on a 60px red
      slab, as tall as the entire header, and a jump up from the 16px labels
      the same menu shows at 960px and above. Its 0.4rem right padding (held
      open for the chevron) also pushed the centre-aligned label 20px left of
      true centre; the padding is now symmetrical.

   992px is the width at which the showcase collapses to one column.
   Height matches the existing <=576px rule so the button does not change
   size again at the 576px boundary.
   ========================================================================== */
@media screen and (max-width: 992px) {
  .glass-btn {
    min-width: 220px;
    height: 58px;
    padding: 0 28px;
    font-size: 17px;
  }

  .in_nav_tit h6 {
    font-size: 18px;
    line-height: 52px;
    padding: 0 40px;
  }
}


/* ==========================================================================
   MOBILE FORM CTA SCALE
   The homepage inquiry form was the smallest button on any phone: 14px type
   in a 48px box, against 16px / 53px in the aside "Leave a message!" panel.
   Raised so both mobile forms read at the same size; the height stays in rem
   so it keeps the 100px mobile base and does not move at the 480px step.
   ========================================================================== */
@media screen and (max-width: 768px) {

  .home_cta_form button[type="submit"] {
    height: .54rem !important;
    font-size: 16px !important;
  }

}

div.wpforms-container div.wpforms-uploader{border:1px dashed #ccc;border-radius:2px;background:#fcfcfc;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}div.wpforms-container div.wpforms-uploader .dz-message{display:flex;flex-direction:column;text-align:center;align-items:center;font-size:15px;line-height:1.5}div.wpforms-container div.wpforms-uploader .dz-message+.dz-preview{padding-top:20px}div.wpforms-container div.wpforms-uploader .dz-message.hide{display:none}div.wpforms-container div.wpforms-uploader .dz-message.hide+.dz-preview{padding-top:0}div.wpforms-container div.wpforms-uploader .dz-message .modern-hint{color:rgba(0,0,0,0.4)}div.wpforms-container div.wpforms-uploader .dz-message svg{width:40px;height:40px;margin-bottom:5px;opacity:0.5}div.wpforms-container div.wpforms-uploader .dz-preview{display:flex;position:relative;flex-wrap:wrap;width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f1f1f1;cursor:default}div.wpforms-container div.wpforms-uploader .dz-preview:last-of-type{margin-bottom:0}div.wpforms-container div.wpforms-uploader .dz-preview.dz-error .dz-image{border-color:#990000}div.wpforms-container div.wpforms-uploader .dz-preview.dz-error .dz-remove{position:absolute;right:0;text-indent:-9999999px;width:20px;height:20px;opacity:0.5}div.wpforms-container div.wpforms-uploader .dz-preview.dz-error .dz-remove:after,div.wpforms-container div.wpforms-uploader .dz-preview.dz-error .dz-remove:before{background-color:#ff0000}div.wpforms-container div.wpforms-uploader .dz-preview.dz-processing .dz-progress{display:block}div.wpforms-container div.wpforms-uploader .dz-preview.dz-processing .dz-details .dz-size{opacity:0}div.wpforms-container div.wpforms-uploader .dz-preview.dz-complete .dz-progress{display:none}div.wpforms-container div.wpforms-uploader .dz-preview.dz-complete .dz-details .dz-size{opacity:1}div.wpforms-container div.wpforms-uploader .dz-preview .dz-details{word-break:break-word;flex:1;margin-right:25px}div.wpforms-container div.wpforms-uploader .dz-preview .dz-details .dz-size{font-size:12px;color:#888}div.wpforms-container div.wpforms-uploader .dz-preview .dz-details .dz-filename{font-size:14px}div.wpforms-container div.wpforms-uploader .dz-preview .dz-image{margin-right:20px;width:50px;height:50px;border:1px solid #ddd;overflow:hidden;position:relative;display:block;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gIDwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+IDxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIGZpbGw9IiMwMDAwMDAwZiI+PGc+PHBhdGggZD0iTSA0LDMybCAyNCwwIGMgMS4xMDQsMCwgMi0wLjg5NiwgMi0yTCAzMCwyIGMwLTEuMTA0LTAuODk2LTItMi0yTCA0LDAgQyAyLjg5NiwwLCAyLDAuODk2LCAyLDJsMCwyOCBDIDIsMzEuMTA0LCAyLjg5NiwzMiwgNCwzMnogTSA0LDJsIDI0LDAgbDAsMjggTCA0LDMwIEwgNCwyIHpNIDIzLDZsLTgsMCBDIDE0LjQ0OCw2LCAxNCw2LjQ0OCwgMTQsN0MgMTQsNy41NTIsIDE0LjQ0OCw4LCAxNSw4bCA4LDAgQyAyMy41NTIsOCwgMjQsNy41NTIsIDI0LDcgQyAyNCw2LjQ0OCwgMjMuNTUyLDYsIDIzLDZ6TSAyMywxMmwtMTQsMCBDIDguNDQ4LDEyLCA4LDEyLjQ0OCwgOCwxM0MgOCwxMy41NTIsIDguNDQ4LDE0LCA5LDE0bCAxNCwwIEMgMjMuNTUyLDE0LCAyNCwxMy41NTIsIDI0LDEzIEMgMjQsMTIuNDQ4LCAyMy41NTIsMTIsIDIzLDEyek0gMjMsMThsLTE0LDAgQyA4LjQ0OCwxOCwgOCwxOC40NDgsIDgsMTlDIDgsMTkuNTUyLCA4LjQ0OCwyMCwgOSwyMGwgMTQsMCBjIDAuNTUyLDAsIDEtMC40NDgsIDEtMSBDIDI0LDE4LjQ0OCwgMjMuNTUyLDE4LCAyMywxOHpNIDIzLDI0bC0xNCwwIEMgOC40NDgsMjQsIDgsMjQuNDQ4LCA4LDI1QyA4LDI1LjU1MiwgOC40NDgsMjYsIDksMjZsIDE0LDAgYyAwLjU1MiwwLCAxLTAuNDQ4LCAxLTEgQyAyNCwyNC40NDgsIDIzLjU1MiwyNCwgMjMsMjR6Ij48L3BhdGg+PC9nPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-color:#fff}div.wpforms-container div.wpforms-uploader .dz-preview .dz-image img{min-width:50px;max-width:50px;display:block}div.wpforms-container div.wpforms-uploader .dz-preview .dz-success-mark,div.wpforms-container div.wpforms-uploader .dz-preview .dz-error-mark{display:none}div.wpforms-container div.wpforms-uploader .dz-preview .dz-progress{display:block;position:absolute;bottom:25px;left:70px;width:calc(100% - 110px);height:5px;border:0;background-color:#ddd}div.wpforms-container div.wpforms-uploader .dz-preview .dz-progress .dz-upload{display:block;height:5px;background-color:#999}div.wpforms-container div.wpforms-uploader .dz-preview .dz-error-message{flex-basis:100%;font-size:12px;color:#990000;margin-left:70px}div.wpforms-container div.wpforms-uploader .dz-preview .dz-error-message.dz-error{margin-top:16px}div.wpforms-container div.wpforms-uploader .dz-preview .dz-error-message span:not(:empty){display:block;padding-top:10px}div.wpforms-container div.wpforms-uploader .dz-preview .dz-remove{position:absolute;right:0;text-indent:-9999999px;width:20px;height:20px;opacity:0.5}div.wpforms-container div.wpforms-uploader .dz-preview .dz-remove:hover{opacity:1}div.wpforms-container div.wpforms-uploader .dz-preview .dz-remove:after,div.wpforms-container div.wpforms-uploader .dz-preview .dz-remove:before{content:'';height:14px;width:2px;background-color:#666;position:absolute;display:block;top:0;right:10px}div.wpforms-container div.wpforms-uploader .dz-preview .dz-remove:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}div.wpforms-container div.wpforms-uploader .dz-preview .dz-remove:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}div.wpforms-container .wpforms-submit-overlay-container{position:relative}div.wpforms-container .wpforms-submit-overlay-container .wpforms-submit-overlay{top:0;background:transparent;position:absolute;opacity:0}

div.wpforms-container-full,div.wpforms-container-full .wpforms-form *{background:none;border:0 none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;float:none;font-size:100%;height:auto;letter-spacing:normal;list-style:none;outline:none;position:static;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;width:auto;visibility:visible;overflow:visible;margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}div.wpforms-container-full{margin-left:auto;margin-right:auto}div.wpforms-container-full .wpforms-form amp-img>img{position:absolute}div.wpforms-container-full .wpforms-form input,div.wpforms-container-full .wpforms-form label,div.wpforms-container-full .wpforms-form select,div.wpforms-container-full .wpforms-form button,div.wpforms-container-full .wpforms-form textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;background:none;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.wpforms-container-full .wpforms-form textarea{width:100%}div.wpforms-container-full .wpforms-form ul,div.wpforms-container-full .wpforms-form ul li{background:none !important;border:0 !important;margin:0 !important;padding:0 !important;list-style:none !important}div.wpforms-container-full .wpforms-form ul li{margin-bottom:5px !important}div.wpforms-container-full .wpforms-form ul li:last-of-type{margin-bottom:0 !important}div.wpforms-container-full .wpforms-form hr{border-top:1px solid #ccc;margin:0.5em auto}div.wpforms-container-full .wpforms-form fieldset{min-width:0}.wpforms-container .wpforms-form .wpforms-error-alert{border:1px solid #cccccc;text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px 15px;font-size:14px;margin:0 0 10px 0}.wpforms-container .wpforms-form .wpforms-error-alert{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none}.wpforms-clear:before{content:" ";display:table}.wpforms-clear:after{clear:both;content:" ";display:table}div.wpforms-container-full .wpforms-form input.wpforms-field-medium,div.wpforms-container-full .wpforms-form select.wpforms-field-medium,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium{max-width:60%}div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{height:120px}div.wpforms-container-full .wpforms-form input.wpforms-field-small,div.wpforms-container-full .wpforms-form select.wpforms-field-small,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small{max-width:25%}div.wpforms-container-full .wpforms-form textarea.wpforms-field-small{height:70px}div.wpforms-container-full .wpforms-form input.wpforms-field-large,div.wpforms-container-full .wpforms-form select.wpforms-field-large,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large{max-width:100%}div.wpforms-container-full .wpforms-form textarea.wpforms-field-large{height:220px}div.wpforms-container-full .wpforms-form .wpforms-field{padding:10px 0;clear:both}div.wpforms-container-full .wpforms-form .wpforms-field-description,div.wpforms-container-full .wpforms-form .wpforms-field-limit-text{font-size:13px;line-height:1.3;margin:8px 0 0 0;word-break:break-word;word-wrap:break-word}div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description{background-color:#fff;border:1px solid #ddd;color:#444;padding:15px 15px 0;margin-top:15px;height:125px;overflow-y:scroll;overflow-x:hidden;font-size:12px}div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description p{color:#444;font-size:12px;line-height:18px;margin-bottom:15px}div.wpforms-container-full .wpforms-form .wpforms-field-description-before,div.wpforms-container-full .wpforms-form .wpforms-field-description.before{margin:0 0 8px 0}div.wpforms-container-full .wpforms-form .wpforms-field-label{display:block;font-weight:700;font-size:16px;float:none;line-height:1.3;margin:0 0 4px 0;padding:0;word-break:break-word;word-wrap:break-word}div.wpforms-container-full .wpforms-form .wpforms-field-sublabel{display:block;font-size:13px;float:none;font-weight:400;line-height:1.3;margin:4px 0 0;padding:0}div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.before{margin:0 0 4px 0}div.wpforms-container-full .wpforms-form .wpforms-field-label-inline{display:inline;vertical-align:baseline;font-size:16px;font-weight:400;line-height:1.3;word-break:break-word}div.wpforms-container-full .wpforms-form .wpforms-field-label.wpforms-label-hide,div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.wpforms-sublabel-hide{position:absolute;top:-99999px;left:-99999px}div.wpforms-container-full .wpforms-form .wpforms-required-label{color:#ff0000;font-weight:400}div.wpforms-container-full .wpforms-form .wpforms-field-row{margin-bottom:8px;position:relative}div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-of-type{margin-bottom:0}div.wpforms-container-full .wpforms-form .wpforms-field-row:before{content:" ";display:table}div.wpforms-container-full .wpforms-form .wpforms-field-row:after{clear:both;content:" ";display:table}div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-one-half:only-child{margin-left:0}div.wpforms-container-full .wpforms-form .wpforms-five-sixths,div.wpforms-container-full .wpforms-form .wpforms-four-sixths,div.wpforms-container-full .wpforms-form .wpforms-four-fifths,div.wpforms-container-full .wpforms-form .wpforms-one-fifth,div.wpforms-container-full .wpforms-form .wpforms-one-fourth,div.wpforms-container-full .wpforms-form .wpforms-one-half,div.wpforms-container-full .wpforms-form .wpforms-one-sixth,div.wpforms-container-full .wpforms-form .wpforms-one-third,div.wpforms-container-full .wpforms-form .wpforms-three-fourths,div.wpforms-container-full .wpforms-form .wpforms-three-fifths,div.wpforms-container-full .wpforms-form .wpforms-three-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-fourths,div.wpforms-container-full .wpforms-form .wpforms-two-fifths,div.wpforms-container-full .wpforms-form .wpforms-two-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-thirds{float:left;margin-left:4%;clear:none}div.wpforms-container-full .wpforms-form .wpforms-one-half,div.wpforms-container-full .wpforms-form .wpforms-three-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-fourths{width:48%}div.wpforms-container-full .wpforms-form .wpforms-one-third,div.wpforms-container-full .wpforms-form .wpforms-two-sixths{width:30.6666666667%}div.wpforms-container-full .wpforms-form .wpforms-four-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-thirds{width:65.3333333333%}div.wpforms-container-full .wpforms-form .wpforms-one-fourth{width:22%}div.wpforms-container-full .wpforms-form .wpforms-three-fourths{width:74%}div.wpforms-container-full .wpforms-form .wpforms-one-fifth{width:16.8%}div.wpforms-container-full .wpforms-form .wpforms-two-fifths{width:37.6%}div.wpforms-container-full .wpforms-form .wpforms-three-fifths{width:58.4%}div.wpforms-container-full .wpforms-form .wpforms-four-fifths{width:79.2%}div.wpforms-container-full .wpforms-form .wpforms-one-sixth{width:13.3333333333%}div.wpforms-container-full .wpforms-form .wpforms-five-sixths{width:82.6666666667%}div.wpforms-container-full .wpforms-form .wpforms-first{clear:both !important;margin-left:0 !important}div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul,div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul{display:-ms-flex;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li{width:50%;display:block;padding-right:26px !important}div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li{width:33.3333%;display:block;padding-right:26px !important}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li{display:inline-block;vertical-align:top;margin-right:20px !important}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-half{float:left;width:48%;clear:both}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-half{float:right;width:48%;clear:none}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-third{float:left;width:30.666666667%;clear:both}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-middle-third{float:left;width:30.666666667%;margin-left:4%;clear:none}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-third{float:right;width:30.666666667%;clear:none}div.wpforms-container-full .wpforms-form div.wpforms-last{float:right !important;margin-right:0 !important;clear:none}div.wpforms-container-full.inline-fields{overflow:hidden}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container{display:table;width:calc(100% - 160px);float:left}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field{display:table-cell;padding-right:2%;vertical-align:top}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container{float:right;width:160px;clear:none}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit{display:block;width:100%}div.wpforms-container-full.inline-fields .wpforms-form input.wpforms-field-medium,div.wpforms-container-full.inline-fields .wpforms-form select.wpforms-field-medium,div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-row.wpforms-field-medium{max-width:100%}div.wpforms-container-full .wpforms-form input[type=date],div.wpforms-container-full .wpforms-form input[type=datetime],div.wpforms-container-full .wpforms-form input[type=datetime-local],div.wpforms-container-full .wpforms-form input[type=email],div.wpforms-container-full .wpforms-form input[type=month],div.wpforms-container-full .wpforms-form input[type=number],div.wpforms-container-full .wpforms-form input[type=password],div.wpforms-container-full .wpforms-form input[type=range],div.wpforms-container-full .wpforms-form input[type=search],div.wpforms-container-full .wpforms-form input[type=tel],div.wpforms-container-full .wpforms-form input[type=text],div.wpforms-container-full .wpforms-form input[type=time],div.wpforms-container-full .wpforms-form input[type=url],div.wpforms-container-full .wpforms-form input[type=week],div.wpforms-container-full .wpforms-form select,div.wpforms-container-full .wpforms-form textarea{background-color:#fff;box-sizing:border-box;border-radius:2px;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:block;float:none;font-size:16px;font-family:inherit;border:1px solid #ccc;padding:6px 10px;height:38px;width:100%;line-height:1.3}div.wpforms-container-full .wpforms-form input[type=checkbox],div.wpforms-container-full .wpforms-form input[type=radio]{border:1px solid #ccc;background-color:#fff;width:14px;height:14px;margin:0 10px 0 3px;display:inline-block;vertical-align:baseline}div.wpforms-container-full .wpforms-form input[type=radio]{border-radius:50%}div.wpforms-container-full .wpforms-form select{max-width:100%;text-transform:none;white-space:nowrap}div.wpforms-container-full .wpforms-form select[multiple]{height:auto;overflow-y:scroll;background-image:none}div.wpforms-container-full .wpforms-form input[type=submit],div.wpforms-container-full .wpforms-form button[type=submit],div.wpforms-container-full .wpforms-form .wpforms-page-button{background-color:#eee;border:1px solid #ddd;color:#333;font-size:1em;padding:10px 15px}div.wpforms-container-full .wpforms-form .wpforms-page-button{font-size:0.9em;font-weight:400;margin:0 5px;min-width:90px;text-align:center}div.wpforms-container-full .wpforms-form input[type=submit]:hover,div.wpforms-container-full .wpforms-form input[type=submit]:focus,div.wpforms-container-full .wpforms-form input[type=submit]:active,div.wpforms-container-full .wpforms-form button[type=submit]:hover,div.wpforms-container-full .wpforms-form button[type=submit]:focus,div.wpforms-container-full .wpforms-form button[type=submit]:active,div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,div.wpforms-container-full .wpforms-form .wpforms-page-button:active,div.wpforms-container-full .wpforms-form .wpforms-page-button:focus{background-color:#ddd;border:1px solid #ccc;cursor:pointer}div.wpforms-container-full .wpforms-form input[type=submit]:disabled,div.wpforms-container-full .wpforms-form button[type=submit]:disabled,div.wpforms-container-full .wpforms-form .wpforms-page-button:disabled{background-color:#eee;border:1px solid #ddd;cursor:default;opacity:0.5}div.wpforms-container-full .wpforms-form input:focus,div.wpforms-container-full .wpforms-form textarea:focus,div.wpforms-container-full .wpforms-form select:focus,div.wpforms-container-full .wpforms-form .is-focused .choices__inner,div.wpforms-container-full .wpforms-form .is-open .choices__inner,div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown{border:1px solid #999;box-shadow:none}div.wpforms-container-full .wpforms-form input:disabled,div.wpforms-container-full .wpforms-form textarea:disabled,div.wpforms-container-full .wpforms-form select:disabled{background-color:#f9f9f9;border-color:#ddd;color:#999;cursor:not-allowed}div.wpforms-container-full .wpforms-form .wpforms-error-container,div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript{color:#990000}div.wpforms-container-full .wpforms-form label.wpforms-error{display:block;color:#990000;font-size:12px;float:none;cursor:default}div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner{border:1px solid #cc0000}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration label.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code label.wpforms-error{display:none !important}.wpforms-confirmation-container-full,div[submit-success]>.wpforms-confirmation-container-full{color:#333;margin:0 auto 24px;padding:15px 15px;overflow-wrap:break-word}.wpforms-confirmation-container-full,div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){background:#e0ffc7;border:1px solid #b4d39b;box-sizing:border-box}.wpforms-confirmation-container-full p:last-of-type,div[submit-success]>.wpforms-confirmation-container-full p:last-of-type{margin:0}.amp-form-submit-success .wpforms-field-container,.amp-form-submit-success .wpforms-submit-container{display:none}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container{padding:10px 0 20px 0;clear:both}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container iframe{width:100%;max-width:100%}div.wpforms-container-full .wpforms-form .wpforms-title{font-size:26px;margin:0 0 10px 0}div.wpforms-container-full .wpforms-form .wpforms-description{margin:0 0 10px 0}div.wpforms-container-full .wpforms-form .wpforms-submit-container{padding:10px 0 0 0;clear:both;position:relative}div.wpforms-container-full .wpforms-form .wpforms-submit-spinner{margin-left:0.5em;display:inline-block;vertical-align:middle;max-width:26px}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-center{text-align:center}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left{text-align:left}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button{margin:0 10px 0 0}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right{text-align:right}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right .wpforms-page-button{margin:0 0 0 10px}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-prev{float:left;margin:0}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-next{float:right;margin:0}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-number{margin-right:100px}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code{position:absolute;right:0;top:0;width:90px}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-name{margin-right:170px}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration{position:absolute;right:0;top:0;width:160px}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration select{width:45%;float:left;display:block}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration span{float:left;width:10%;text-align:center;line-height:38px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]{-webkit-appearance:none;appearance:none;height:10px;background:#fff;border:1px solid #CCC;border-radius:5px;outline:none;padding:0;margin:10px 0 5px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-track{color:transparent}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb{width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb{width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint{font-size:13px}div.wpforms-container-full .wpforms-form .wpforms-field-stripe-credit-card-cardnumber,div.wpforms-container-full .wpforms-form input.wpforms-stripe-credit-card-hidden-input{background-color:#fff;box-sizing:border-box;border-radius:2px;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:block;float:none;font-size:16px;border:1px solid #ccc;padding:8px 10px;height:38px;width:100%;line-height:1.3}div.wpforms-container-full .wpforms-form .wpforms-stripe-element-invalid{border:1px solid #cc0000 !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ul,div.wpforms-container-full .wpforms-form .wpforms-field-html ol{margin:0 0 20px !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ul li,div.wpforms-container-full .wpforms-form .wpforms-field-html ol li{margin:0 0 5px 0 !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ul li{list-style:disc !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ol li{list-style:decimal !important}div.wpforms-container-full .wpforms-form .wpforms-field-html li>ul,div.wpforms-container-full .wpforms-form .wpforms-field-html li>ol{margin:6px 0 0 20px !important}div.wpforms-container-full .wpforms-field-date-time-date-sep{display:inline-block;padding:0 5px}div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-year,div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-day,div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-month{display:inline-block;width:auto}div.wpforms-container-full .wpforms-datepicker-wrap{position:relative}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear{position:absolute;background-image:url(https://lxzngroup.com/wp-content/plugins/wpforms/assets/css/../images/times-solid-white.svg);background-position:50% 50%;background-repeat:no-repeat;background-color:#cccccc;background-size:8px;width:16px;height:16px;cursor:pointer;display:block;border-radius:50%;right:10px;top:50%;margin-top:-8px;transition:all 0.3s}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover{background-color:red}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-small+.wpforms-datepicker-clear{right:calc( 75% + 10px)}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-medium+.wpforms-datepicker-clear{right:calc( 40% + 10px)}div.wpforms-container-full .wpforms-form .wpforms-captcha-math input{display:inline-block;width:70px;vertical-align:inherit;margin:0 0 0 5px}div.wpforms-container-full .wpforms-form .wpforms-captcha-equation{font-size:16px}div.wpforms-container-full .wpforms-form .wpforms-captcha-question{margin:0 0 4px 0}div.wpforms-container-full .wpforms-form .wpforms-field-rating-item{padding-right:6px}div.wpforms-container-full .wpforms-form .wpforms-field-rating svg{cursor:pointer;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;opacity:0.60}div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.selected svg,div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.hover svg,div.wpforms-container-full .wpforms-form .wpforms-field-rating-item input:focus+svg{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}div.wpforms-field-file-upload .wpforms-hide{display:none !important}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern{border:2px dashed rgba(0,0,0,0.1);background:rgba(0,0,0,0.02);padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-with-files{padding:5px;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern svg{height:50px;width:50px;color:#e27730}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-title{font-weight:bold}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-hint{color:rgba(0,0,0,0.1)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-highlighted{border-color:#e27730}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-text{display:flex;align-items:center;justify-content:center;flex-direction:column}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block{width:100px;height:100px;border:1px solid rgba(0,0,0,0.1);background:#fff;background-size:cover !important;margin:5px;position:relative;display:flex;align-items:center;justify-content:center;cursor:default}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block:hover .wpforms-overlay{opacity:1}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);opacity:0}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close{position:absolute;right:5px;top:5px;cursor:pointer;display:block;width:18px;height:18px}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-title{position:absolute;font-size:12px;color:#fff;top:25px;bottom:10px;left:5px;right:5px;overflow-y:auto;line-height:16px}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left,div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right{height:18px;width:1px;background:#fff;position:absolute;display:block;z-index:1;right:9px}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right{-webkit-transform:rotate(45deg);transform:rotate(45deg)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block svg{height:25px;width:25px;color:rgba(0,0,0,0.1)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-progress{height:5px;width:0;position:absolute;bottom:0;left:0;background:#e27730;transition:all 0.5s}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern input[type="file"]{display:none}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label:not(.wpforms-error){cursor:pointer;position:relative}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label input{top:50%}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li{margin:5px 5px 5px 5px !important}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img{display:inline-block;margin:0 auto;max-width:100%}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error){background-color:#fff;display:block;margin:0 auto;border:1px solid #fff;border-radius:3px;padding:20px 20px 18px 20px;transition:all 0.5s;text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):hover,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):focus{border:1px solid #ddd}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected label{box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image:after{content:"\2714";font-size:22px;line-height:32px;color:#fff;background:green;opacity:0;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:50%;transition:all 0.5s}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after{opacity:1}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image{display:block;position:relative}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label{font-weight:700}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label{display:block;margin-top:12px}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-classic li{margin:0 10px 10px 0 !important}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic img{display:inline-block;margin:0 auto;max-width:100%}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error){background-color:#fff;display:block;margin:0 auto;border:2px solid #fff;padding:10px;text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):hover,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):focus{border-color:#ddd}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-image{display:block}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label{border-color:#666 !important}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-label{display:block;margin-top:8px}div.wpforms-container-full .wpforms-form .wpforms-page-indicator{margin:0 0 20px 0;overflow:hidden}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:15px 10px}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{float:left;margin:0 20px 0 0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type{margin:0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{height:40px;width:40px;border-radius:50%;display:inline-block;margin:0 10px 0 0;line-height:40px;text-align:center;background-color:#ddd;color:#666}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number{color:#fff}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page{float:left;text-align:center;font-size:16px;line-height:1.2}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:block;text-indent:-9999px;height:6px;background-color:#ddd;margin:0 0 16px 0;position:relative}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border-style:solid;border-width:6px 5px 0 5px;border-color:transparent transparent transparent transparent}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:inline-block;padding:0 15px;font-size:16px}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress{font-size:18px}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap{display:block;width:100%;background-color:#ddd;height:18px;border-radius:10px;overflow:hidden;position:relative;margin:5px 0 0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress{height:18px;position:absolute;left:0;top:0}div.wpforms-container-full .wpforms-form .wpforms-field-select select>option{color:inherit}div.wpforms-container-full .wpforms-form .wpforms-field-select select>option.placeholder,div.wpforms-container-full .wpforms-form .wpforms-field-select select>option[disabled]{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select{padding-left:6px}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]{padding:0}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option{padding:10px;box-shadow:0 1px 0 0 rgba(0,0,0,0.1)}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option.placeholder,div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option[disabled]{box-shadow:0 1px 0 0 rgba(0,0,0,0.2)}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option:checked{background-color:lightgrey}div.wpforms-container-full .wpforms-form .choices{font-size:16px;color:#333}div.wpforms-container-full .wpforms-form .choices .choices__list--single{font-size:1em;line-height:normal}div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__inner,div.wpforms-container-full .wpforms-form .choices.is-open .choices__list--dropdown{border-radius:0 0 2px 2px}div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown,div.wpforms-container-full .wpforms-form .choices.is-open .choices__inner{border-radius:2px 2px 0 0}div.wpforms-container-full .wpforms-form .choices .choices__inner{min-height:38px;border-radius:2px}div.wpforms-container-full .wpforms-form .choices input.choices__input{display:inline-block;height:auto;line-height:1.3}div.wpforms-container-full .wpforms-form .choices ::-webkit-input-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-form .choices ::-moz-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-form .choices :-ms-input-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-notice{background-color:#fff;border:1px solid #ddd;border-left-width:12px;color:#333;font-size:16px;line-height:1.5;margin-bottom:30px;padding:20px 36px 20px 26px;position:relative}div.wpforms-container-full .wpforms-notice .wpforms-delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;outline:none;vertical-align:top;width:20px;position:absolute;right:10px;top:10px}div.wpforms-container-full .wpforms-notice .wpforms-delete:before,div.wpforms-container-full .wpforms-notice .wpforms-delete:after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}div.wpforms-container-full .wpforms-notice .wpforms-delete:before{height:2px;width:50%}div.wpforms-container-full .wpforms-notice .wpforms-delete:after{height:50%;width:2px}div.wpforms-container-full .wpforms-notice .wpforms-delete:hover,div.wpforms-container-full .wpforms-notice .wpforms-delete:focus{background-color:rgba(10,10,10,0.3)}div.wpforms-container-full .wpforms-notice a{text-decoration:underline}div.wpforms-container-full .wpforms-notice p{margin:0 0 20px 0}div.wpforms-container-full .wpforms-notice p:last-of-type{margin-bottom:0}div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-info{border-color:#3273dc}div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-success{border-color:#23d160}div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-warning{border-color:#ffdd57}div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-error{border-color:#ff3860}div.wpforms-container-full .wpforms-notice .wpforms-notice-actions{margin-top:20px}div.wpforms-container-full .wpforms-notice .wpforms-notice-action{border:2px solid;margin-right:20px;padding:5px;text-decoration:none}div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active{color:#fff}div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active{background-color:#3273dc}div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active{background-color:#23d160}div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active{background-color:#ffdd57;color:inherit}div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active{background-color:#ff3860}div.wpforms-container-full .wpforms-form textarea.wpforms-field-small.wp-editor-area{height:100px}div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium.wp-editor-area{height:250px}div.wpforms-container-full .wpforms-form textarea.wpforms-field-large.wp-editor-area{height:400px}.wpforms-preview-notice-links{line-height:2.4}div.wpforms-container-full{margin:24px auto}div.wpforms-container-full .wpforms-form h3{font-size:24px}div.wpforms-container-full .wpforms-form .wpforms-field-hp{display:none !important;position:absolute !important;left:-9000px !important}div.wpforms-container-full .wpforms-form .wpforms-field-hidden{display:none;padding:0}div.wpforms-container-full .wpforms-form .wpforms-screen-reader-element{position:absolute !important;clip:rect(0, 0, 0, 0) !important;height:1px !important;width:1px !important;border:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;word-wrap:normal !important}div.wpforms-container-full .wpforms-form .wpforms-limit-text{font-size:13px;display:block}body.rtl .wpforms-field-phone input[type=tel]{direction:ltr;unicode-bidi:embed;text-align:right}body.rtl .wpforms-container-full .wpforms-form .wpforms-first{float:right}body.rtl .wpforms-container-full .wpforms-form .wpforms-first+.wpforms-one-half{margin-right:4%;margin-left:0}div.wpforms-container-full .wpforms-form .wpforms-error-container ul li{list-style:inside !important}div.wpforms-container-full .wpforms-form .wpforms-error-container ol li{list-style:inside decimal !important}div.wpforms-container-full .wpforms-form .wpforms-error-container a{text-decoration:underline !important}div.wpforms-container-full .wpforms-form .wpforms-error-container del{text-decoration:line-through !important}div.wpforms-container-full .wpforms-form .wpforms-error-container blockquote{padding-left:20px;border-left:4px solid;font-style:italic}@media only screen and (max-width: 600px){div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container,div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field{display:block;width:100%}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container{width:100%}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:none}div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern){overflow-x:hidden}div.wpforms-container-full .wpforms-form .wpforms-field>*{max-width:100%}div.wpforms-container-full .wpforms-form .wpforms-mobile-full{width:100%;margin-left:0;float:none}div.wpforms-container-full .wpforms-form input.wpforms-field-medium,div.wpforms-container-full .wpforms-form select.wpforms-field-medium,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium,div.wpforms-container-full .wpforms-form input.wpforms-field-small,div.wpforms-container-full .wpforms-form select.wpforms-field-small,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small,div.wpforms-container-full .wpforms-form input.wpforms-field-large,div.wpforms-container-full .wpforms-form select.wpforms-field-large,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large{max-width:100%}div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li{float:none;width:100%}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{margin:0 10px 0 0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{width:30px;height:30px;line-height:30px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]{margin:20px 0 15px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{width:30px;height:30px}}