/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transform: none!important;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}
.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height
}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
	bottom: 0;
	text-align: center;
	width: 100%;
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	left: 0;
	width: 100%
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
	margin: 0 4px;
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 6px
}
.swiper-pagination-progress {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255,255,255,.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}
.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
	background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}
.swiper-container-cube, .swiper-container-flip {
	overflow: visible
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}
.swiper-scrollbar-cursor-drag {
	cursor: move
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
transform:rotate(360deg)
}
}

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei",sans-serif;color:#333;background:#f8fafc;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
:root{--blue:#0a78d7;--blue2:#0665b5;--dark:#0f172a;--gold:#f59e0b}

.container{max-width:1240px;margin:0 auto;padding:0 20px}

/* ====== Banner ====== */
.banner{position:relative}
.banner .swiper-slide{position:relative}
.banner .swiper-slide::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(to top,rgba(15,23,42,.6),transparent);z-index:1}
.banner img{width:100%}
.banner .overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;color:#fff}
.banner .overlay-text h1{font-size:clamp(24px,4vw,48px);font-weight:900;text-shadow:0 4px 20px rgba(0,0,0,.3);margin-bottom:12px}
.banner .overlay-text p{font-size:clamp(14px,2vw,18px);opacity:.9;text-shadow:0 2px 10px rgba(0,0,0,.3)}

/* ====== 共用标题 ====== */
.sec-hd{text-align:center;margin-bottom:50px}
.sec-hd .en{font-size:12px;color:#0a78d7;text-transform:uppercase;letter-spacing:4px;margin-bottom:8px;font-weight:600}
.sec-hd h2{font-size:clamp(26px,3vw,36px);font-weight:800;color:#0f172a;position:relative;display:inline-block}
.sec-hd h2 span{background:linear-gradient(135deg,#0a78d7,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sec-hd .line{width:50px;height:4px;background:linear-gradient(90deg,#0a78d7,#0891b2);margin:14px auto 0;border-radius:2px}
.sec-hd p{color:#64748b;margin-top:10px;font-size:15px}
.more-link{display:inline-block;margin-top:40px;padding:12px 36px;border:2px solid #0a78d7;color:#0a78d7;border-radius:50px;font-size:14px;font-weight:600;transition:all .3s;letter-spacing:1px}
.more-link:hover{background:#0a78d7;color:#fff;box-shadow:0 8px 25px rgba(10,120,215,.3);transform:translateY(-2px)}
.more-link::after{content:' →';margin-left:6px;transition:margin .3s}
.more-link:hover::after{margin-left:12px}

/* ====== 产品 ====== */
.sec-products{background:#fff;padding:80px 0}
.pro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pro-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #f1f5f9;transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative}
.pro-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(10,120,215,.12);border-color:#0a78d7}
.pro-card .img-box{position:relative;padding-bottom:80%;background:#f8fafc;overflow:hidden}
.pro-card .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .6s}
.pro-card:hover .img-box img{transform:scale(1.08)}
.pro-card .tag{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;z-index:1}
.pro-card .info{padding:18px}
.pro-card .info h3{font-size:15px;line-height:1.5;height:45px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;color:#334155}
.pro-card .info h3:hover{color:#0a78d7}
.pro-card .info .price{font-size:20px;font-weight:800;color:#ef4444}
.pro-card .info .price small{font-size:13px;color:#94a3b8;font-weight:400;text-decoration:line-through;margin-left:8px}
.pro-card .info .btn-quick{display:inline-block;margin-top:8px;padding:6px 18px;background:#f0f9ff;color:#0a78d7;border-radius:20px;font-size:12px;font-weight:600;transition:all .3s}
.pro-card .info .btn-quick:hover{background:#0a78d7;color:#fff}

/* ====== 公司介绍 ====== */
.sec-about{padding:80px 0;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
.about-flex{display:flex;gap:60px;align-items:center}
.about-left{flex:0 0 45%;position:relative}
.about-left .img-main{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.1)}
.about-left .img-main img{width:100%;height:380px;object-fit:cover}
.about-left .exp-badge{position:absolute;bottom:-20px;right:-20px;width:120px;height:120px;background:linear-gradient(135deg,#0a78d7,#0891b2);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px rgba(10,120,215,.4)}
.about-left .exp-badge .num{font-size:36px;font-weight:900;line-height:1}
.about-left .exp-badge .txt{font-size:12px;margin-top:4px}
.about-right{flex:1}
.about-right h1{font-size:clamp(22px,3vw,32px);font-weight:800;color:#0f172a;margin-bottom:16px}
.about-right h1 span{background:linear-gradient(135deg,#0a78d7,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.about-right .desc{color:#64748b;line-height:1.9;text-indent:2em;margin-bottom:20px;font-size:15px}
.about-right .stats{display:flex;gap:30px;margin-bottom:25px}
.about-right .stats .item{text-align:center}
.about-right .stats .item .n{font-size:32px;font-weight:900;color:#0a78d7}
.about-right .stats .item .l{font-size:13px;color:#94a3b8;margin-top:4px}

/* ====== 资质 ====== */
.sec-cert{padding:80px 0;background:#fff}
.cert-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.cert-card{cursor:pointer;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .4s}
.cert-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(10,120,215,.15)}
.cert-card img{width:100%;height:315px;object-fit:cover;transition:transform .6s}
.cert-card:hover img{transform:scale(1.05)}
.cert-card .overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,120,215,.85),transparent 60%);display:flex;align-items:flex-end;justify-content:center;padding:20px;opacity:0;transition:opacity .3s}
.cert-card:hover .overlay{opacity:1}
.cert-card .overlay .zoom-icon{width:48px;height:48px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;backdrop-filter:blur(4px)}
.cert-card .name{text-align:center;padding:12px;font-size:14px;font-weight:600;color:#334155;background:#fff}

/* ====== 技术+新闻 ====== */
.sec-news{padding:80px 0;background:#f8fafc}
.news-flex{display:grid;grid-template-columns:1fr;gap:40px}
.news-col{background:#fff;border-radius:20px;padding:35px;box-shadow:0 4px 20px rgba(0,0,0,.04);transition:box-shadow .3s;min-width:0;overflow:hidden}
.news-col:hover{box-shadow:0 12px 40px rgba(0,0,0,.08)}
.news-col .col-hd{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}
.news-col .col-hd .icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}
.news-col .col-hd .icon.tech{background:#eff6ff;color:#0a78d7}
.news-col .col-hd .icon.news{background:#fef3c7;color:#f59e0b}
.news-col .col-hd h3{font-size:20px;font-weight:700;color:#0f172a}
.news-item{display:flex;gap:15px;padding:14px 0;border-bottom:1px dashed #f1f5f9;transition:all .3s}
.news-item:last-child{border:none}
.news-item:hover{padding-left:8px}
.news-item .dot{width:8px;height:8px;border-radius:50%;background:#0a78d7;flex-shrink:0;margin-top:7px}
.news-item.news-type .dot{background:#f59e0b}
.news-item .text{flex:1;min-width:0}
.news-item .text a{font-size:14px;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;transition:color .3s}
.news-item .text a:hover{color:#0a78d7}
.news-item .date{font-size:12px;color:#94a3b8;white-space:nowrap;margin-top:2px}
.hd-more{font-size:12px;color:#0a78d7;white-space:nowrap;font-weight:500;transition:color .3s;margin-left:auto}
.hd-more:hover{color:#0665b5}

/* ====== 合作伙伴 ====== */
.sec-partner{padding:80px 0;background:#fff}
.partner-wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.partner-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 20px;background:#fff;border-radius:16px;transition:all .3s;border:1px solid #f1f5f9}
.partner-item:hover{box-shadow:0 12px 30px rgba(10,120,215,.1);border-color:#0a78d7;transform:translateY(-4px)}
.partner-item .p-logo{width:100%;height:80px;display:flex;align-items:center;justify-content:center}
.partner-item .p-logo img{width:100%;height:100%;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:all .3s}
.partner-item:hover .p-logo img{filter:grayscale(0);opacity:1}
.partner-item span{font-size:13px;color:#64748b;text-align:center;font-weight:500}

/* ====== 搜索 ====== */
.wid1400{max-width:1400px; margin:auto;}
.clear{clear:both;}
.search{clear: both;overflow: hidden; width:100%; }
.search p.btb6{float: left; font-size: 28px;color: #d6000e;margin: 30px 0 20px; text-indent: 20px; font-weight: bold;letter-spacing: 3px; border-left: 4px solid #d6000e; }
.searchbg{width:700px;height:40px;overflow:hidden; float:right; margin-top: 30px; }
.search_txt .text{width:474px;height:40px;color:#4a4a4a;font-size:larger;border: 1px solid #adadad;text-indent: 10px;}
.search_btn .button{ height:40px;line-height:40px; width:100px; background:#d6000e;color:#fff; cursor:pointer;font-size:14px; border: none; }
.search_txt {  float:left;width:474px; height:40px; margin-left:5px;}
.search_btn{ float:left;}
.search .myp{line-height: 40px;width: 100px;background: #f60;display: block;float: right;text-align: center; color: #fff; font-size: 14px;}

/* ====== Footer ====== */
.footer{ background:#222; overflow:hidden; width:100%; float:left;padding: 50px 0 0px 0;}
.footer .ftel{ float:left; border-left:1px solid #343434; padding-left:30px;}
.footer .ftel .p1{ font-size:14px; font-weight:bold; display:block; color:#bfbfbf;}
.footer .ftel .line{width:17px; height:2px; background:#787878; margin-top:25px; content:''; display:block; overflow:hidden; margin-bottom:20px;}
.footer .ftel .p2{ color:#888; }
.footer .ftel h2{ font-weight:normal; font-size:30px; color:#fff; font-weight:bold;}
.footer .ewm{ float:right; width:133px; text-align:center;}
.footer .ewm .p1{ width:133px; height:133px; overflow:hidden;}
.footer .ewm .p1 img{ display:block; margin:0 auto; width:120px; height:120px; margin-top:6px;}
.footer .ewm .p2 { color:#666; padding-top:10px;}
.fl{ width:60%; float:left;}
.fr{ width:40%; float:left;}
.footer dl{ float:left; width:22%;}
.footer dl dt a{ font-size:14px; font-weight:bold; display:block; color:#bfbfbf;}
.footer dl dt:after{ width:17px; height:2px; background:#787878; margin-top:25px; content:''; display:block; overflow:hidden; margin-bottom:20px;}
.footer dl dd a{ font-size:12px; display:block; line-height:40px; color:#666;}
.footer dl dd a:hover{ color:#fff;}
.footer dl.dl2{ width:45%; padding-right:10%;}
.footer dl.dl2 dd{ float:left; width:50%;}
.footer .copyright{ border-top:1px solid #343434; padding:20px 0; overflow:hidden; margin-top:65px; font-size:12px; color:#5d5d5d; line-height:25px; width:100%; float:left;}

/* ====== Lightbox ====== */
.lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:9999;align-items:center;justify-content:center}
.lightbox img{max-width:90%;max-height:85vh;border-radius:8px;animation:zoomIn .3s}
.lightbox .cls{position:absolute;top:20px;right:30px;color:#fff;font-size:42px;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1);transition:background .3s}
.lightbox .cls:hover{background:rgba(255,255,255,.2)}
@keyframes zoomIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}

/* ====== 响应式 ====== */
@media(max-width:1024px){
  .pro-grid{grid-template-columns:repeat(3,1fr)}
  .cert-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .pro-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .about-flex{flex-direction:column;gap:40px}
  .about-left{flex:0 0 auto;width:100%}
  .about-left .img-main img{height:240px}
  .about-left .exp-badge{width:90px;height:90px;bottom:-15px;right:-15px}
  .about-left .exp-badge .num{font-size:26px}
  .cert-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .cert-card img{height:160px}
  .news-flex{grid-template-columns:1fr;gap:20px}
  .news-col{padding:20px 15px}
  .news-col .col-hd h3{font-size:17px}
  .news-col .col-hd .icon{width:36px;height:36px;font-size:16px}
  .news-item .text a{font-size:13px}
  .partner-wrap{grid-template-columns:repeat(3,1fr);gap:12px}
  .partner-item{padding:20px 10px}
  .partner-item .p-logo{width:56px;height:56px}
  .banner{width:100%}
  .banner img{width:100%;height:auto}
  /* 搜索框 */
  .search{padding:0 15px;box-sizing:border-box;width:100%}
  .search p.btb6{float:none;font-size:20px;margin:20px 0 10px}
  .searchbg{width:100%;float:none;margin-top:0;height:44px;display:flex}
  .search_txt{flex:1;width:auto;margin-left:0;height:44px}
  .search_txt .text{width:100%;height:42px;font-size:14px;box-sizing:border-box;border-radius:0}
  .search_btn .button{height:42px;line-height:42px;width:80px;font-size:14px}
  .search .myp{width:72px;font-size:12px;height:42px;line-height:42px}
  /* 底部 */
  .footer{padding:30px 15px 0;box-sizing:border-box}
  .footer .fl{display:none}
  .footer .ftel{float:none;border-left:none;padding-left:0;text-align:center;margin-bottom:25px}
  .footer .ftel .line{margin:15px auto}
  .footer .ftel h2{font-size:24px}
  .footer .ewm{float:none;margin:0 auto;width:100%}
  .footer .ewm .p1{margin:0 auto}
  .footer .copyright{margin-top:30px}
  .footer .copyright .fl,.footer .copyright .fr{float:none;width:100%;text-align:center;line-height:22px}
}
@media(max-width:480px){
  .pro-grid{grid-template-columns:repeat(2,1fr)}
  .cert-grid{grid-template-columns:repeat(2,1fr)}
  .about-right .stats{gap:15px}
  .partner-wrap{grid-template-columns:repeat(2,1fr)}
}