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

.swiper-container-no-flexbox .swiper-slide {
	float: left;
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-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-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	-o-transition-property: transform, height;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
	-webkit-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;
	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, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
	-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;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	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'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	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'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.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'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%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-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.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'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.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-lock {
	display: none;
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: 0.3s opacity;
	-o-transition: 0.3s opacity;
	transition: 0.3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(0.66);
	-ms-transform: scale(0.66);
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(0.66);
	-ms-transform: scale(0.66);
	transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(0.33);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: 0.2;
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff;
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: 0.2s top, 0.2s -webkit-transform;
	transition: 0.2s top, 0.2s -webkit-transform;
	-o-transition: 0.2s transform, 0.2s top;
	transition: 0.2s transform, 0.2s top;
	transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: 0.2s left, 0.2s -webkit-transform;
	transition: 0.2s left, 0.2s -webkit-transform;
	-o-transition: 0.2s transform, 0.2s left;
	transition: 0.2s transform, 0.2s left;
	transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: 0.2s right, 0.2s -webkit-transform;
	transition: 0.2s right, 0.2s -webkit-transform;
	-o-transition: 0.2s transform, 0.2s right;
	transition: 0.2s transform, 0.2s right;
	transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0;
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000;
}

.swiper-pagination-lock {
	display: none;
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 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, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: 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%;
	-o-object-fit: contain;
	object-fit: contain;
}

.swiper-slide-zoomed {
	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%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-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%;
	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);
		transform: rotate(360deg);
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-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;
	-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-container-cube {
	overflow: visible;
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.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-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0;
}

.swiper-container-flip {
	overflow: visible;
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.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;
	backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: none;
	left: 0px;
	right: auto;
}

.swiper-button-prev::before {
	content: "\e724";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: none;
	right: 0px;
	left: auto;
}

.swiper-button-next::before {
	content: "\e725";
}

.swiper-button-next,
.swiper-button-prev {
	font-family: "iconfont";
	font-size: 18px;
	text-align: center;
	color: #333;
	z-index: 10;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 1 !important;
}

.swiper-button-next.swiper-button-disabled {
	pointer-events: unset;
}

html {
	font-size: 62.5%;
	height: 100%;
}

body {
	font-family: DINPro-Regular, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	height: 100%;
	background: #ffffff;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	overflow-x: hidden;
}

img {
	border: none;
}

ul li {
	list-style-type: none;
}

ul,
form,
p,
a,
img,
table,
tr,
td,
li,
dd,
dt,
dl,
span {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	max-height: 100%;
	aspect-ratio: auto;
	height: auto;
}

a {
	text-decoration: none;
	color: #333;
	outline: none;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
}

a:hover,
button:hover {
	color: #002d52;
}

h1,
h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #333;
}

.clear {
	clear: both;
}

.maln {
	margin-left: auto !important;
}

input,
textarea,
select {
	font-family: DINPro-Regular, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	color: #999999;
	border: none;
	outline: none;
}

input,
textarea {
	border: none;
	background: none;
}

input[type="submit"],
textarea[type="submit"] {
	cursor: pointer;
}

input[type="checkbox"],
textarea[type="checkbox"] {
	cursor: pointer;
}

input[type="radio"],
textarea[type="radio"] {
	cursor: pointer;
}

input:focus,
textarea:focus {
	outline: none;
}

textarea {
	resize: none;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.clear {
	clear: both;
}

.fix {
	*zoom: 1;
}

.fix:after,
.fix:before {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
	display: block;
}

::selection {
	color: #fff;
	background: #002d52;
}

* {
	margin: 0px;
	padding: 0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.self-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

.self-ellipsis-2 {
	display: -webkit-box !important;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.self-ellipsis-3 {
	display: -webkit-box !important;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.self-ellipsis-4 {
	display: -webkit-box !important;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.self-ellipsis-5 {
	display: -webkit-box !important;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.self-ellipsis-6 {
	display: -webkit-box !important;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.self-ellipsis-7 {
	display: -webkit-box !important;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}

.self-ellipsis-8 {
	display: -webkit-box !important;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.common-vc {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.common-hc {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.common-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

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

.nlazy {
	min-width: 20%;
}

::-webkit-scrollbar {
	width: 4px;
	height: 3px;
}

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

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

.email {
	word-break: break-all;
}

.scale-big img {
	-webkit-transition: all 350ms;
	-o-transition: all 350ms;
	-moz-transition: all 350ms;
	transition: all 350ms;
}

.scale-big:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.scale-small img {
	-webkit-transition: all 350ms;
	-o-transition: all 350ms;
	-moz-transition: all 350ms;
	transition: all 350ms;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.scale-small:hover img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

[class*="-item"] .item-pic,
[class*="-item"] .item-pics {
	position: relative;
	display: block;
	text-align: center;
	overflow: hidden;
}

[class*="-item"] .item-pic a,
[class*="-item"] .item-pics a {
	position: relative;
	display: block;
	text-align: center;
	overflow: hidden;
}

[class*="-item"] .item-title a {
	display: block;
	overflow: hidden;
	color: #333;
}

[class*="-item"] .item-title a:hover {
	color: #002d52;
}

[class*="-item"] .item-subt {
	overflow: hidden;
}

[class*="-item"] .item-subt a {
	display: block;
}

[class*="-item"] .item-subt a:hover {
	color: #002d52 !important;
}

[class*="-item"] .item-desc {
	overflow: hidden;
	color: #666;
}

[class*="-item"] .item-desc a {
	display: inline-block;
	color: #666;
}

[class*="-item"] .item-desc a:hover {
	color: #002d52;
}

#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #002d52;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	z-index: 99999999999999999999999999999999999999;
}

#baguetteBox-overlay.visible {
	opacity: 1;
}

#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}

#baguetteBox-overlay .full-image figure {
	display: inline;
	margin: 0;
	height: 100%;
}

#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
	font-family: Verdana, Geneva, sans-serif;
}

#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;
	transition: left 0.4s ease, -moz-transform 0.4s ease;
	transition: left 0.4s ease, transform 0.4s ease;
}

#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight 0.4s ease-out;
	animation: bounceFromRight 0.4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft 0.4s ease-out;
	animation: bounceFromLeft 0.4s ease-out;
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px;
}

.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50, 50, 50, 0.5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}

.baguetteBox-button:hover {
	background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
	right: 2%;
}

.baguetteBox-button#previous-button {
	left: 2%;
}

.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px;
}

.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0;
}

.spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out;
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

@-webkit-keyframes bounceFromRight {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: -30px;
	}

	100% {
		margin-left: 0;
	}
}

@keyframes bounceFromRight {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: -30px;
	}

	100% {
		margin-left: 0;
	}
}

@-webkit-keyframes bounceFromLeft {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: 30px;
	}

	100% {
		margin-left: 0;
	}
}

@keyframes bounceFromLeft {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: 30px;
	}

	100% {
		margin-left: 0;
	}
}

@-webkit-keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999999;
	opacity: 1;
}

:-o-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #999999;
	opacity: 1;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999999;
	opacity: 1;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999999;
	opacity: 1;
}

.footer .f-form ::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #efefef;
	opacity: 1;
}

.footer .f-form :-o-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #efefef;
	opacity: 1;
}

.footer .f-form ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #efefef;
	opacity: 1;
}

.footer .f-form :-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #efefef;
	opacity: 1;
}

.sousuo input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #7f7f95;
	opacity: 1;
}

.sousuo input:-o-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #7f7f95;
	opacity: 1;
}

.sousuo input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #7f7f95;
	opacity: 1;
}

.sousuo input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #7f7f95;
	opacity: 1;
}

.container {
	position: relative;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 980px;
	}
}

@media (min-width: 1260px) {
	.container {
		width: 1230px;
	}
}

@media (min-width: 1460px) {
	.container {
		width: 1430px !important;
	}
}

.head-container {
	position: relative;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.head-container {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.head-container {
		width: 980px;
	}
}

@media (min-width: 1260px) {
	.head-container {
		width: 1230px;
	}
}

@media (min-width: 1460px) {
	.head-container {
		width: 1430px;
	}
}

@media (min-width: 1560px) {
	.head-container {
		width: 1530px !important;
	}
}

.contain {
	position: relative;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.contain {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.contain {
		width: 980px;
	}
}

@media (min-width: 1260px) {
	.contain {
		width: 1230px;
	}
}

.contains {
	position: relative;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.contains {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.contains {
		width: 980px;
	}
}

@media (min-width: 1260px) {
	.contains {
		width: 1230px;
	}
}

@media (min-width: 1460px) {
	.contains {
		width: 1430px;
	}
}

@media (min-width: 1660px) {
	.contains {
		width: 1630px !important;
	}
}

.at-resp-share-element .at4-share-count-container {
	text-decoration: none;
	float: right;
	padding-right: 15px;
	line-height: 25px !important;
}

.at-resp-share-element .at-icon {
	width: 24px !important;
	height: 24px !important;
}

.at-style-responsive .at-share-btn {
	padding: 0 !important;
	border-radius: 2px !important;
}

.at-resp-share-element .at-share-btn .at-icon-wrapper {
	width: 24px !important;
	height: 24px !important;
}

.at-resp-share-element .at-share-btn {
	margin-bottom: 0 !important;
	margin-right: 3px !important;
}

.at-resp-share-element .at-icon {
	width: 24px !important;
	height: 24px !important;
}

.at-style-responsive .at-share-btn {
	padding: 0 !important;
	border-radius: 2px !important;
}

.at-resp-share-element .at-share-btn .at-icon-wrapper {
	width: 24px !important;
	height: 24px !important;
}

.at-resp-share-element .at-share-btn {
	margin-bottom: 0 !important;
	margin-right: 3px !important;
}

.an-bd3 {
	position: relative;
}

.an-bd3 .item-backdrop {
	content: "";
	background-color: #000;
	background: rgba(0, 45, 82, 0.8);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

@media screen and (min-width: 992px) {
	.an-bd3 .item-backdrop {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
	}
}

@media screen and (min-width: 992px) {
	.an-bd3:hover .item-backdrop {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

.item-table {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}

.item-cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

/*  head  */
.head {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
	background: #ffffff;
}

.head-top {
	position: relative;
	width: 100%;
	background: #002d52;
}

.head-top-text {
	position: relative;
	width: 100%;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	line-height: 27px;
}

.head-tbody {
	position: relative;
	width: 100%;
}

.logo {
	display: block;
	float: left;
	width: 220px;
	font-size: 0px;
	letter-spacing: 0;
}

.head-logo {
	display: block;
	float: left;
	height: 88px;
	font-size: 0px;
	text-align: center;
}

.head-logo img {
	display: block;
	max-height: 88px;
	width: 100%;
	max-width: 220px;
	margin: auto;
}

.yvn {
	position: relative;
	padding: 20px 0;
	margin-left: 32px;
}

.yvzhonga {
	position: relative;
	display: block;
	width: 125px;
	padding: 10px;
	background: #ffffff;
	border: 1px solid #cccccc;
	padding-left: 38px;
	padding-right: 24px;
	border-radius: 8px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 26px;
	color: #173040;
	cursor: pointer;
	z-index: 9;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.yvzhonga .iconfont {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
}

a.yvzhonga:hover {
	color: #002d52;
}

.yvzhonga i {
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
}

.yvul {
	position: absolute;
	min-width: 160px;
	top: 100%;
	right: 0;
	background: #ffffff;
	border-radius: 8px;
	border: 1px solid #cccccc;
	display: none;
	padding: 10px 0;
}

.yvul a {
	position: relative;
	display: block;
	padding: 0 10px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px;
	padding-left: 50px;
	text-transform: uppercase;
	color: #999;
}

.yvul a i {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.yvul a:hover {
	color: #002d52;
}

/*  sousuo  */
.sousuo {
	position: relative;
	float: right;
	z-index: 9;
	padding: 20px 0;
	margin-left: 38px;
}

.sousuo .sou2 {
	position: relative;
	z-index: 9;
	text-align: center;
	width: 48px;
	height: 48px;
	padding: 10px;
	border-radius: 50%;
	border: 1px solid #cccccc;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 26px;
	color: #173040;
	cursor: pointer;
	display: block;
}

.sousuo form {
	position: absolute;
	display: block;
	right: 0;
	top: 100%;
	width: 260px;
	height: 0px;
	overflow: hidden;
	padding-right: 48px;
	background: #ffffff;
	color: #333;
	transition: 0.5s;
	z-index: 99999;
}

.sou {
	width: 210px;
	height: 46px;
	line-height: 30px;
	padding: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
}

.suo {
	width: 46px;
	height: 46px;
	background: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9999999;
	cursor: pointer;
}

.sou1 {
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 18px;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #173040;
	font-size: 18px !important;
	cursor: pointer;
	z-index: 99990;
}

.sousuof form {
	height: 48px;
	border: 1px solid #cccccc;
}

.daoz {
	float: right;
	position: relative;
	max-width: 980px;
}

.daohang {
	position: relative;
	width: 100%;
	font-size: 0;
	letter-spacing: 0;
	padding-top: 28px;
}

.daohang>li {
	float: left;
	position: relative;
	margin-right: 36px;
	transition: all 0.5s;
	padding-bottom: 10px;
}

.daohang>li:nth-last-of-type(1) {
	margin-right: 0 !important;
}

.daohang>li>a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	font-size: 1.8rem;
	font-family: DINPro-Medium;
	color: #173040;
	line-height: 28px;
	padding-bottom: 22px;
}

.daohang>li>a::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 3px;
	background: #002d52;
	transition: all 0.5s;
}

.daohang>li:hover>a::before {
	width: 46px;
	max-width: 100%;
}

.dangqiandao>a::before {
	width: 46px !important;
	max-width: 100%;
}

.yijiw {
	position: absolute;
	width: 256px;
	top: -99999px;
	left: 0;
	background: #ffffff;
	border-radius: 0px 0px 8px 8px;
	border: 1px solid #f3f3f1;
	padding: 10px 0;
	text-align: left;
	z-index: 9;
}

.yiji li {
	position: relative;
	transition: 0.5s;
	padding: 4px 13px;
}

.yiji li a {
	position: relative;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 0px;
	color: #666;
}

.yiji li:hover>a {
	color: #002d52;
}

.erji {
	position: absolute;
	width: 256px;
	top: -9999px;
	left: 100%;
	background: #ffffff;
	border-radius: 0px 0px 8px 8px;
	border: 1px solid #f3f3f1;
	padding: 10px 0;
}

.sanji {
	position: absolute;
	width: 256px;
	top: -9999px;
	left: 100%;
	background: #ffffff;
	border-radius: 0px 0px 8px 8px;
	border: 1px solid #f3f3f1;
	padding: 10px 0;
}

.daohang>li:hover .yijiw {
	top: 100%;
}

.daohang>li:hover .yiji>li>a {
	line-height: 28px;
}

.yiji>li:hover .erji {
	top: 0px;
}

.yiji>li:hover .erji>li>a {
	line-height: 28px;
}

.erji>li:hover .sanji {
	top: 0px;
}

.erji>li:hover .sanji>li>a {
	line-height: 28px;
}

.matn {
	margin-top: auto !important;
}

.xnav {
	display: none;
}

/*  banner  */
.banner {
	position: relative;
	z-index: 2;
	line-height: 0;
	font-size: 0;
	padding-top: 115px;
}

.banner .wave {
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	padding-bottom: 5%;
	background-image: url("../img/banner-bgi.png");
	background-repeat: repeat-x;
	background-size: auto 100%;
}

@media screen and (max-width: 991px) {
	.wave {
		background-position: bottom -0.1rem center;
		background-size: auto 100%;
	}
}

.banner .slick-arrow {
	position: absolute;
	z-index: 99;
	display: block !important;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #173040;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	display: none !important;
}

.banner:hover .slick-arrow {
	display: block !important;
}

.banner .slick-arrow:hover {
	background: #002d52;
	color: #fff;
}

.banner .slick-prev {
	left: 10px;
}

.banner .slick-next {
	right: 10px;
}

.banner .slick-prev::before {
	content: "\e730";
	font-family: "iconfont";
	font-size: 14px;
}

.banner .slick-next::before {
	content: "\e731";
	font-family: "iconfont";
	font-size: 14px;
}

.banner .slick-dots {
	position: absolute;
	z-index: 999999;
	left: 10%;
	right: 10%;
	bottom: 30px;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
	display: none !important;
}

.banner .slick-dots li {
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: 8px;
	background: #d4d4d4;
	cursor: pointer;
	margin: 0 5px;
}

.banner .slick-dots li a {
	font-size: 24px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	display: none;
}

.banner .slick-dots li.slick-active {
	background: #002d52;
}

.banner.hide {
	display: none;
}

@media screen and (max-width: 1659px) {
	.banner .slick-arrow {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.banner .slick-prev {
		left: 10px;
	}

	.banner .slick-next {
		right: 10px;
	}

	.banner .slick-prev::before {
		font-size: 14px;
	}

	.banner .slick-next::before {
		font-size: 14px;
	}

	.banner .slick-dots {
		left: 10%;
		right: 10%;
		bottom: 28px;
	}

	.banner .slick-dots li {
		width: 46px;
		height: 6px;
		margin: 0 5px;
	}
}

@media screen and (max-width: 1459px) {
	.banner .slick-arrow {
		width: 36px;
		height: 36px;
		line-height: 36px;
	}

	.banner .slick-prev {
		left: 8px;
	}

	.banner .slick-next {
		right: 8px;
	}

	.banner .slick-prev::before {
		font-size: 14px;
	}

	.banner .slick-next::before {
		font-size: 14px;
	}

	.banner .slick-dots {
		left: 10%;
		right: 10%;
		bottom: 24px;
	}

	.banner .slick-dots li {
		width: 42px;
		height: 6px;
		margin: 0 5px;
	}
}

@media screen and (max-width: 1259px) {
	.banner .slick-arrow {
		width: 32px;
		height: 32px;
		line-height: 32px;
	}

	.banner .slick-prev {
		left: 8px;
	}

	.banner .slick-next {
		right: 8px;
	}

	.banner .slick-prev::before {
		font-size: 12px;
	}

	.banner .slick-next::before {
		font-size: 12px;
	}

	.banner .slick-dots {
		left: 10%;
		right: 10%;
		bottom: 20px;
	}

	.banner .slick-dots li {
		width: 36px;
		height: 6px;
		margin: 0 4px;
	}
}

@media screen and (max-width: 991px) {
	.banner .slick-arrow {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.banner .slick-prev {
		left: 6px;
	}

	.banner .slick-next {
		right: 6px;
	}

	.banner .slick-prev::before {
		font-size: 12px;
	}

	.banner .slick-next::before {
		font-size: 12px;
	}

	.banner .slick-dots {
		left: 10%;
		right: 10%;
		bottom: 16px;
	}

	.banner .slick-dots li {
		width: 36px;
		height: 5px;
		margin: 0 3px;
	}
}

@media screen and (max-width: 720px) {
	.banner {
		display: block;
	}

	.banner.hide {
		display: block;
	}

	.banner .slick-arrow {
		width: 28px;
		height: 28px;
		line-height: 28px;
	}

	.banner .slick-prev {
		left: 4px;
	}

	.banner .slick-next {
		right: 4px;
	}

	.banner .slick-prev::before {
		font-size: 12px;
	}

	.banner .slick-next::before {
		font-size: 12px;
	}

	.banner .slick-dots {
		left: 10%;
		right: 10%;
		bottom: 10px;
		display: none !important;
	}

	.banner .slick-dots li {
		width: 32px;
		height: 4px;
		margin: 0 3px;
	}
}

.slide .carouse {
	width: 100%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.slide .slideItem .banner-img {
	width: 100%;
}

.slide .carouse .slideItem {
	width: 100%;
	position: absolute;
}

.slide .console {
	height: 57px;
	display: inline-block;
	width: 35px;
	position: absolute;
	top: 40%;
}

.slide .dotList {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	display: none !important;
}

.slide .dotList ul li {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-position: -12px 0px;
	margin-left: 10px;
	cursor: pointer;
}

.slide .dotList ul li.active {
	background-position: 0px 0px;
}

.slide .carousel-control {
	position: absolute;
	z-index: 99;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	background: #fff;
	border-radius: 4px;
	text-align: center;
	color: #173040;
	cursor: pointer;
	display: none !important;
}

.banner:hover .slide .carousel-control {
	display: block !important;
}

.slide .carousel-control:hover {
	background: #002d52;
	color: #fff;
}

.slide .carousel-control.left {
	left: 20px;
	cursor: pointer;
}

.slide .carousel-control.right {
	right: 20px;
	cursor: pointer;
}

.slide .carousel-control .iconfont {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}

@media screen and (max-width: 1659px) {
	.slide .carousel-control {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.slide .carousel-control.left {
		left: 18px;
	}

	.slide .carousel-control.right {
		right: 18px;
	}

	.slide .carousel-control .iconfont {
		font-size: 14px;
	}
}

@media screen and (max-width: 1459px) {
	.slide .carousel-control {
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
	}

	.slide .carousel-control.left {
		left: 15px;
	}

	.slide .carousel-control.right {
		right: 15px;
	}

	.slide .carousel-control .iconfont {
		font-size: 14px;
	}
}

@media screen and (max-width: 1259px) {
	.slide .carousel-control {
		width: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 12px;
	}

	.slide .carousel-control.left {
		left: 10px;
	}

	.slide .carousel-control.right {
		right: 10px;
	}

	.slide .carousel-control .iconfont {
		font-size: 12px;
	}
}

@media screen and (max-width: 991px) {
	.slide .carousel-control {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}

	.slide .carousel-control.left {
		left: 6px;
	}

	.slide .carousel-control.right {
		right: 6px;
	}

	.slide .carousel-control .iconfont {
		font-size: 12px;
	}
}

@media screen and (max-width: 720px) {
	.slide .carousel-control {
		width: 28px;
		height: 28px;
		line-height: 28px;
		font-size: 12px;
	}

	.slide .carousel-control.left {
		left: 4px;
	}

	.slide .carousel-control.right {
		right: 4px;
	}

	.slide .carousel-control .iconfont {
		font-size: 10px;
	}
}

/* .slide .dotList ul li{cursor: pointer;font-size: 0px; margin-left: 4.5px; margin-right: 4.5px; border: none;outline: none; width: 16px; height: 16px;} */
.slide .slidedetail {
	display: none;
}

.slide .slide-count {
	display: none;
}

@media screen and (max-width: 1559px) {
	.head-top-text {
		font-size: 14px;
		line-height: 26px;
	}

	.logo {
		width: 200px;
	}

	.head-logo {
		height: 80px;
	}

	.head-logo img {
		max-height: 80px;
		max-width: 200px;
	}

	.yvn {
		padding: 18px 0;
		margin-left: 28px;
	}

	.yvzhonga {
		width: 120px;
		padding: 8px;
		padding-left: 36px;
		padding-right: 22px;
		border-radius: 8px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
	}

	.yvzhonga .iconfont {
		right: 8px;
		font-size: 14px;
	}

	.yvzhonga i {
		left: 8px;
	}

	.yvul {
		min-width: 156px;
		padding: 8px 0;
	}

	.yvul a {
		padding: 0 10px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding-left: 48px;
	}

	/*  sousuo  */
	.sousuo {
		padding: 18px 0;
		margin-left: 24px;
	}

	.sousuo .sou2 {
		width: 44px;
		height: 44px;
		padding: 9px;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 24px;
	}

	.sousuo form {
		width: 248px;
		padding-right: 44px;
	}

	.sou {
		width: 202px;
		height: 42px;
		line-height: 28px;
		padding: 6px;
		font-size: 16px;
		font-size: 1.6rem;
	}

	.suo {
		width: 42px;
		height: 42px;
	}

	.sou1 {
		width: 42px;
		height: 42px;
		line-height: 42px;
		font-size: 18px;
		font-size: 18px !important;
	}

	.sousuof form {
		height: 44px;
	}

	.daoz {
		max-width: 930px;
	}

	.daohang {
		padding-top: 26px;
	}

	.daohang>li {
		margin-right: 30px;
		padding-bottom: 8px;
	}

	.daohang>li>a {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 28px;
		padding-bottom: 18px;
	}

	.daohang>li>a::before {
		height: 2px;
	}

	.daohang>li:hover>a::before {
		width: 40px;
	}

	.dangqiandao>a::before {
		width: 40px !important;
	}

	.yijiw {
		width: 256px;
		padding: 10px 0;
	}

	.yiji li {
		padding: 4px 13px;
	}

	.yiji li a {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.erji {
		width: 256px;
		padding: 10px 0;
	}

	.sanji {
		width: 256px;
		padding: 10px 0;
	}

	.daohang>li:hover .yiji>li>a {
		line-height: 28px;
	}

	.yiji>li:hover .erji>li>a {
		line-height: 28px;
	}

	.erji>li:hover .sanji>li>a {
		line-height: 28px;
	}

	.banner {
		padding-top: 106px;
	}
}

@media screen and (max-width: 1459px) {
	.head-top-text {
		font-size: 14px;
		line-height: 24px;
	}

	.logo {
		width: 180px;
	}

	.head-logo {
		height: 72px;
	}

	.head-logo img {
		max-height: 72px;
		max-width: 180px;
	}

	.yvn {
		padding: 16px 0;
		margin-left: 24px;
	}

	.yvzhonga {
		width: 110px;
		padding: 6px;
		padding-left: 36px;
		padding-right: 22px;
		border-radius: 8px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
	}

	.yvzhonga .iconfont {
		right: 6px;
		font-size: 14px;
	}

	.yvzhonga i {
		left: 6px;
	}

	.yvul {
		min-width: 152px;
		padding: 8px 0;
	}

	.yvul a {
		padding: 0 10px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding-left: 46px;
	}

	/*  sousuo  */
	.sousuo {
		padding: 16px 0;
		margin-left: 20px;
	}

	.sousuo .sou2 {
		width: 40px;
		height: 40px;
		padding: 7px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
	}

	.sousuo form {
		width: 248px;
		padding-right: 44px;
	}

	.sou {
		width: 202px;
		height: 42px;
		line-height: 28px;
		padding: 6px;
		font-size: 16px;
		font-size: 1.6rem;
	}

	.suo {
		width: 42px;
		height: 42px;
	}

	.sou1 {
		width: 42px;
		height: 42px;
		line-height: 42px;
		font-size: 18px;
		font-size: 18px !important;
	}

	.sousuof form {
		height: 44px;
	}

	.daoz {
		max-width: 816px;
	}

	.daohang {
		padding-top: 24px;
	}

	.daohang>li {
		margin-right: 24px;
		padding-bottom: 8px;
	}

	.daohang>li>a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px;
		padding-bottom: 14px;
	}

	.daohang>li>a::before {
		height: 2px;
	}

	.daohang>li:hover>a::before {
		width: 36px;
	}

	.dangqiandao>a::before {
		width: 36px !important;
	}

	.yijiw {
		width: 248px;
		padding: 8px 0;
	}

	.yiji li {
		padding: 3px 12px;
	}

	.yiji li a {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.erji {
		width: 248px;
		padding: 8px 0;
	}

	.sanji {
		width: 248px;
		padding: 8px 0;
	}

	.daohang>li:hover .yiji>li>a {
		line-height: 28px;
	}

	.yiji>li:hover .erji>li>a {
		line-height: 28px;
	}

	.erji>li:hover .sanji>li>a {
		line-height: 28px;
	}

	.banner {
		padding-top: 96px;
	}
}

@media screen and (max-width: 1259px) {
	.head-top-text {
		font-size: 14px;
		line-height: 24px;
	}

	.logo {
		width: 160px;
	}

	.head-logo {
		height: 64px;
	}

	.head-logo img {
		max-height: 64px;
		max-width: 160px;
	}

	.yvn {
		padding: 16px 0;
		margin-left: 12px;
	}

	.yvzhonga {
		width: 100px;
		padding: 3px;
		padding-left: 32px;
		padding-right: 18px;
		border-radius: 6px;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 24px;
	}

	.yvzhonga .iconfont {
		right: 4px;
		font-size: 12px;
	}

	.yvzhonga i {
		left: 4px;
	}

	.yvul {
		min-width: 148px;
		padding: 6px 0;
	}

	.yvul a {
		padding: 0 8px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding-left: 42px;
	}

	/*  sousuo  */
	.sousuo {
		padding: 16px 0;
		margin-left: 10px;
	}

	.sousuo .sou2 {
		width: 32px;
		height: 32px;
		padding: 3px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
	}

	.sousuo form {
		width: 248px;
		padding-right: 44px;
	}

	.sou {
		width: 202px;
		height: 42px;
		line-height: 28px;
		padding: 6px;
		font-size: 16px;
		font-size: 1.6rem;
	}

	.suo {
		width: 42px;
		height: 42px;
	}

	.sou1 {
		width: 42px;
		height: 42px;
		line-height: 42px;
		font-size: 18px;
		font-size: 18px !important;
	}

	.sousuof form {
		height: 44px;
	}

	.daoz {
		max-width: 630px;
	}

	.daohang {
		padding-top: 20px;
	}

	.daohang>li {
		margin-right: 12px;
		padding-bottom: 6px;
	}

	.daohang>li>a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding-bottom: 14px;
	}

	.daohang>li>a::before {
		height: 2px;
	}

	.daohang>li:hover>a::before {
		width: 30px;
	}

	.dangqiandao>a::before {
		width: 30px !important;
	}

	.yijiw {
		width: 240px;
		padding: 8px 0;
	}

	.yiji li {
		padding: 2px 10px;
	}

	.yiji li a {
		font-size: 15px;
		font-size: 1.5rem;
	}

	.erji {
		width: 240px;
		padding: 8px 0;
	}

	.sanji {
		width: 240px;
		padding: 8px 0;
	}

	.daohang>li:hover .yiji>li>a {
		line-height: 26px;
	}

	.yiji>li:hover .erji>li>a {
		line-height: 26px;
	}

	.erji>li:hover .sanji>li>a {
		line-height: 26px;
	}

	.banner {
		padding-top: 88px;
	}
}

@media screen and (min-width: 992px) {

	.carousel,
	.nav,
	.clear3 {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	.head {
		position: relative;
	}

	.banner {
		padding-top: 0px !important;
	}

	.head-top {
		display: none;
	}

	.logo {
		width: 150px;
	}

	.head-logo {
		height: 60px;
	}

	.head-logo img {
		max-height: 60px;
		max-width: 150px;
	}

	.yvn {
		padding: 14px 0;
		margin-left: 8px;
		margin-right: 40px;
	}

	.yvzhonga {
		width: 100px;
		padding: 3px;
		padding-left: 32px;
		padding-right: 18px;
		border-radius: 6px;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 24px;
	}

	.yvzhonga .iconfont {
		right: 4px;
		font-size: 12px;
	}

	.yvzhonga i {
		left: 4px;
	}

	.yvul {
		min-width: 120px;
		padding: 6px 0;
	}

	.yvul a {
		padding: 0 8px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding-left: 42px;
	}

	.het {
		padding: 0px;
	}

	.daoz,
	.yijiw,
	.yiji2,
	.htag,
	.hexin,
	.shejiao,
	.sousuo {
		display: none;
	}

	.clear3 {
		clear: both;
	}

	.ynav {
		display: none;
	}

	.banner {
		margin-top: 0;
	}

	.xnav {
		display: block;
	}

	.nav {
		position: fixed;
		width: 30px;
		height: 24px;
		right: 10px;
		top: 18px;
		background: #fff;
		cursor: pointer;
		z-index: 999999999;
	}

	.nav span {
		display: block;
		width: 18px;
		height: 2px;
		background: #002d52;
		position: absolute;
		left: 50%;
		margin-left: -9px;
		top: 50%;
		transition: 0.5s;
		z-index: 99999991;
	}

	.nav .nav1 {
		margin-top: -1px;
	}

	.nav .nav2 {
		margin-top: -8px;
	}

	.nav .nav3 {
		margin-top: 6px;
	}

	.nav:hover .nav1 {
		width: 25px;
	}

	.navh .nav1 {
		transform: rotate(45deg);
	}

	.navh .nav2 {
		transform: rotate(-45deg);
		width: 10px;
		margin-left: -1px;
		margin-top: -5px;
	}

	.navh .nav3 {
		transform: rotate(-45deg);
		width: 9px;
		margin-top: 3px;
		margin-left: -8px;
	}

	.navh:hover .nav2 {
		margin-top: -8px;
		margin-left: 7px;
	}

	.navh:hover .nav3 {
		margin-top: 5px;
		margin-left: -12px;
	}

	.smdaohang {
		position: fixed;
		width: 300px;
		height: 0px;
		overflow: auto;
		top: 0px;
		right: 0px;
		background: #000;
		background: rgba(0, 0, 0, 0.8);
		z-index: 9999999;
		transition: 0.5s;
		text-align: center;
	}

	.smdaohangh {
		right: 0px;
		top: 0px;
		height: 100%;
	}

	.topnav {
		margin: auto;
		margin-top: 30px;
		padding: 20px;
	}

	ul.topnav li {
		text-align: left;
		position: relative;
	}

	ul.topnav li a {
		padding: 5px;
		padding-left: 0px;
		color: #fff;
		display: block;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding-right: 50px;
	}

	ul.topnav ul {
		display: none;
	}

	ul.topnav ul li {
		clear: both;
	}

	ul.topnav ul li a {
		padding-left: 20px;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: normal;
		outline: 0;
	}

	ul.topnav ul ul li a {
		padding-left: 40px;
	}

	ul.topnav ul ul ul li a {
		padding-left: 60px;
	}

	ul.topnav span {
		display: block;
		position: absolute;
		right: 0px;
		top: 7px;
		width: 20px;
		height: 20px;
		background: #fff;
		background: rgba(255, 255, 255, 0.6);
		cursor: pointer;
		border-radius: 50%;
		transition: 0.5s;
	}

	ul.topnav span:before {
		content: "";
		width: 6px;
		height: 2px;
		background: #333;
		position: absolute;
		left: 50%;
		margin-left: -3px;
		top: 50%;
		margin-top: 0px;
		transform: rotate(45deg);
		transform-origin: right center;
	}

	ul.topnav span:after {
		content: "";
		width: 6px;
		height: 2px;
		background: #333;
		position: absolute;
		left: 50%;
		margin-left: -3px;
		top: 50%;
		margin-top: -1px;
		transform: rotate(-45deg);
		transform-origin: right center;
		transition: 0.5s;
	}

	ul.topnav span.yizi {
		transform: rotate(90deg);
	}

	.slick-dots {
		bottom: 10px;
	}

	.slick-dots li button {
		margin: 0 5px;
		width: 6px;
		height: 6px;
	}

	.slick-dots li.slick-active button::before {
		width: 12px;
		border: 3px solid #78b7fe;
		height: 12px;
	}

	.smdaohang form {
		margin-top: 15px;
		margin-bottom: 15px;
		width: 240px;
		height: 26px;
		border: 1px solid #fff;
		position: relative;
		background: #fff;
		border-radius: 13px;
	}

	.smdaohang form .iptc {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 15px;
		background-color: #fff;
		width: 80%;
		height: 24px;
		line-height: 24px;
		display: block;
		float: left;
		border-radius: 10px;
	}

	.smdaohang form .ipsc {
		width: 20%;
		height: 26px;
		line-height: 26px;
		display: block;
		float: right;
		background: transparent;
		position: relative;
		z-index: 99;
	}

	.smdaohang form i {
		position: absolute;
		right: 10px;
		top: 5px;
	}
}

@media screen and (max-width: 767px) {
	.head-container {
		padding-left: 15px;
	}
}

.footer {
	position: relative;
	overflow: hidden;
	background: #012441;
}

.footer .wave {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	padding-bottom: 6.771%;
	background-image: url("../img/foot-img.png");
	background-repeat: repeat-x;
	background-size: auto 100%;
}

@media screen and (max-width: 767px) {
	.footer {
		padding-bottom: 60px;
	}
}

.footer,
.footer a {
	color: #6e7f8b;
}

.footer .footer-title {
	color: #fff;
}

.footer a:hover {
	color: #fff;
}

.footer .fo-bot {
	color: #a2b1bb;
}

.footer .fo-bot a {
	color: #a2b1bb;
}

.footer .fo-bot a:hover {
	color: #fff;
}

.footer .fo-top {
	font-size: 0;
	letter-spacing: 0;
	position: relative;
	width: 100%;
	padding-top: 8.125%;
	z-index: 99;
}

.footer .fo-top .fo-top-flex {
	position: relative;
	width: 100%;
	font-size: 0;
	letter-spacing: 0;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 57px;
	padding-top: 2px;
}

.footer .flist1 {
	width: 234px;
	padding-right: 30px;
	margin-bottom: 10px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

.footer .flist2 {
	width: 324px;
	padding-right: 30px;
	margin-bottom: 10px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

.footer .flist3 {
	width: 430px;
	padding-right: 30px;
	margin-bottom: 10px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

.footer .flist4 {
	width: 412px;
	margin-bottom: 10px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

@media (max-width: 1459px) {
	.footer .fo-top {
		padding-top: 8%;
	}

	.footer .fo-top .fo-top-flex {
		padding-bottom: 50px;
	}

	.footer .flist1 {
		width: 200px;
		padding-right: 30px;
		margin-bottom: 10px;
	}

	.footer .flist2 {
		width: 280px;
		padding-right: 30px;
		margin-bottom: 10px;
	}

	.footer .flist3 {
		width: 360px;
		padding-right: 30px;
		margin-bottom: 10px;
	}

	.footer .flist4 {
		width: 360px;
		margin-bottom: 10px;
	}
}

@media (max-width: 1259px) {
	.footer .fo-top {
		padding-top: 7.875%;
	}

	.footer .fo-top .fo-top-flex {
		padding-bottom: 42px;
	}

	.footer .flist1 {
		width: 180px;
		padding-right: 20px;
		margin-bottom: 10px;
	}

	.footer .flist2 {
		width: 200px;
		padding-right: 20px;
		margin-bottom: 10px;
	}

	.footer .flist3 {
		width: 270px;
		padding-right: 20px;
		margin-bottom: 10px;
	}

	.footer .flist4 {
		width: 300px;
	}
}

@media (max-width: 991px) {
	.footer .fo-top {
		padding-top: 7.75%;
	}

	.footer .fo-top .fo-top-flex {
		padding-bottom: 34px;
	}

	.footer .flist1 {
		width: 50%;
		padding-right: 15px;
		margin-bottom: 10px;
	}

	.footer .flist2 {
		width: 50%;
		padding-right: 15px;
		margin-bottom: 10px;
	}

	.footer .flist3 {
		width: 50%;
		padding-right: 15px;
		margin-bottom: 10px;
	}

	.footer .flist4 {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.footer .fo-top {
		padding-top: 7.5%;
	}

	.footer .fo-top .fo-top-flex {
		padding-bottom: 26px;
	}

	.footer .flist1,
	.footer .flist2,
	.footer .flist3,
	.footer .flist4 {
		width: 100%;
		position: relative;
	}

	.footer .flist4 {
		display: block;
		text-align: center;
	}
}

.footer .footer-title {
	position: relative;
	font-size: 26px;
	font-size: 2.6rem;
	font-family: DINPro-Medium;
	color: #fff;
	line-height: 40px;
	margin-bottom: 14px;
}

.footer .foot-list {
	font-size: 16px;
	line-height: 30px;
}

.footer .foot-nav {
	font-size: 16px;
	line-height: 30px;
}

.footer .foot-text {
	font-size: 16px;
	line-height: 30px;
	margin-top: -12px;
}

.footer .fo-bot {
	position: relative;
	width: 100%;
	background: #002d52;
	padding: 6px 0;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
}

.footer .links {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 10px;
}

.footer .fo-bot .keywords a {
	margin-left: 2px;
}

.footer .fo-bot .links a {
	margin-left: 5px;
}

.footer .f-follow {
	font-size: 0;
	letter-spacing: 0;
	position: relative;
	padding-top: 24px;
}

.footer .f-follow a {
	display: inline-block;
	transition: all 0s;
	vertical-align: top;
	position: relative;
	text-align: center;
	width: 30px;
	height: 32px;
	line-height: 32px;
	background: #29c5f6;
	border-radius: 11px;
	margin-right: 12px;
	margin-bottom: 10px;
}

.footer .f-follow a:last-child {
	margin-right: 0 !important;
}

.footer .f-follow .iconfont {
	font-size: 14px;
	font-size: 1.4rem;
	position: relative;
	display: block;
	color: #ffffff;
}

.footer .f-follow a:hover {
	margin-top: -5px;
}

.footer .f-form {
	position: relative;
	width: 100%;
	font-size: 0;
	letter-spacing: 0;
	padding-top: 24px;
}

.footer .f-form .item-input {
	position: relative;
	width: 100%;
	height: 46px;
	margin-bottom: 16px;
}

.footer .f-form .item-input1 {
	height: 76px;
	width: 100%;
	margin-bottom: 16px;
}

.footer .f-form .item-code {
	position: relative;
	width: 100%;
	padding-right: 100px;
}

.footer .f-form .item-input.star::before {
	position: absolute;
	content: "*";
	left: 10px;
	top: 16px;
	font-size: 18px;
	color: #ff0000;
	line-height: 20px;
	z-index: 22;
}

.footer .f-form .item-input input,
.footer .f-form .item-input1 textarea,
.footer .f-form .item-code input {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 4px 26px;
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	background: rgba(201, 200, 244, 0.5);
}

.footer .f-form .item-input1 textarea {
	padding-top: 10px;
}

.footer .f-form .item-img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 96px;
	height: 46px;
	font-size: 0;
	cursor: pointer;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer .f-form .item-img img {
	max-height: 46px;
	vertical-align: middle;
}

.footer .f-form .item-btn {
	width: 100%;
	height: 46px;
	position: relative;
}

.footer .f-form .item-btn input {
	cursor: pointer;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 1px;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	color: #070537;
	text-transform: uppercase;
}

.footer .f-form .item-btn input:hover {
	background: #002d52;
	color: #fff;
}

@media (min-width: 1260px) and (max-width: 1459px) {
	.footer .footer-title {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 36px;
		margin-bottom: 14px;
	}

	.footer .foot-list {
		font-size: 16px;
		line-height: 28px;
	}

	.footer .foot-nav {
		font-size: 16px;
		line-height: 28px;
	}

	.footer .foot-text {
		font-size: 16px;
		line-height: 28px;
		margin-top: -10px;
	}

	.footer .fo-bot {
		padding: 6px 0;
		font-size: 16px;
		line-height: 28px;
	}

	.footer .links {
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 10px;
	}

	.footer .f-follow {
		padding-top: 20px;
	}

	.footer .f-follow a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.footer .f-follow .iconfont {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.footer .f-form {
		padding-top: 16px;
	}

	.footer .f-form .item-input {
		height: 42px;
		margin-bottom: 12px;
	}

	.footer .f-form .item-input1 {
		height: 72px;
		margin-bottom: 12px;
	}

	.footer .f-form .item-code {
		padding-right: 96px;
	}

	.footer .f-form .item-input.star::before {
		left: 8px;
		top: 15px;
		font-size: 16px;
		line-height: 20px;
	}

	.footer .f-form .item-input input,
	.footer .f-form .item-input1 textarea,
	.footer .f-form .item-code input {
		padding: 4px 22px;
		font-size: 16px;
		line-height: 26px;
	}

	.footer .f-form .item-input1 textarea {
		padding-top: 8px;
	}

	.footer .f-form .item-img {
		width: 92px;
		height: 42px;
	}

	.footer .f-form .item-img img {
		max-height: 42px;
	}

	.footer .f-form .item-btn {
		height: 42px;
	}

	.footer .f-form .item-btn input {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 1259px) {
	.footer .footer-title {
		font-size: 20px;
		font-size: 2rem;
		line-height: 32px;
		margin-bottom: 12px;
	}

	.footer .foot-list {
		font-size: 15px;
		line-height: 26px;
	}

	.footer .foot-nav {
		font-size: 15px;
		line-height: 26px;
	}

	.footer .foot-text {
		font-size: 15px;
		line-height: 26px;
		margin-top: -8px;
	}

	.footer .fo-bot {
		padding: 6px 0;
		font-size: 15px;
		line-height: 26px;
	}

	.footer .links {
		font-size: 15px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.footer .f-follow {
		padding-top: 18px;
	}

	.footer .f-follow a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.footer .f-follow .iconfont {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.footer .f-form {
		padding-top: 16px;
	}

	.footer .f-form .item-input {
		height: 40px;
		margin-bottom: 10px;
	}

	.footer .f-form .item-input1 {
		height: 72px;
		margin-bottom: 10px;
	}

	.footer .f-form .item-code {
		padding-right: 96px;
	}

	.footer .f-form .item-input.star::before {
		left: 6px;
		top: 14px;
		font-size: 16px;
		line-height: 20px;
	}

	.footer .f-form .item-input input,
	.footer .f-form .item-input1 textarea,
	.footer .f-form .item-code input {
		padding: 4px 20px;
		font-size: 15px;
		line-height: 26px;
	}

	.footer .f-form .item-input1 textarea {
		padding-top: 8px;
	}

	.footer .f-form .item-img {
		width: 92px;
		height: 40px;
	}

	.footer .f-form .item-img img {
		max-height: 40px;
	}

	.footer .f-form .item-btn {
		height: 40px;
	}

	.footer .f-form .item-btn input {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

@media (max-width: 991px) {
	.footer .footer-title {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
		margin-bottom: 12px;
	}

	.footer .foot-list {
		font-size: 14px;
		line-height: 24px;
	}

	.footer .foot-nav {
		font-size: 14px;
		line-height: 24px;
	}

	.footer .foot-text {
		font-size: 14px;
		line-height: 24px;
		margin-top: 0px;
	}

	.footer .fo-bot {
		padding: 6px 0;
		font-size: 14px;
		line-height: 24px;
	}

	.footer .links {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.footer .f-follow {
		padding-top: 18px;
	}

	.footer .f-follow a {
		width: 28px;
		height: 28px;
		line-height: 28px;
		border-radius: 10px;
		margin-right: 8px;
		margin-bottom: 8px;
	}

	.footer .f-follow .iconfont {
		font-size: 13px;
		font-size: 1.3rem;
	}

	.footer .f-form {
		padding-top: 16px;
	}

	.footer .f-form .item-input {
		height: 40px;
		margin-bottom: 10px;
	}

	.footer .f-form .item-input1 {
		height: 72px;
		margin-bottom: 10px;
	}

	.footer .f-form .item-code {
		padding-right: 96px;
	}

	.footer .f-form .item-input.star::before {
		left: 6px;
		top: 14px;
		font-size: 16px;
		line-height: 20px;
	}

	.footer .f-form .item-input input,
	.footer .f-form .item-input1 textarea,
	.footer .f-form .item-code input {
		padding: 4px 20px;
		font-size: 15px;
		line-height: 26px;
	}

	.footer .f-form .item-input1 textarea {
		padding-top: 8px;
	}

	.footer .f-form .item-img {
		width: 92px;
		height: 40px;
	}

	.footer .f-form .item-img img {
		max-height: 40px;
	}

	.footer .f-form .item-btn {
		height: 40px;
	}

	.footer .f-form .item-btn input {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

@media (max-width: 767px) {
	.footer .footer-title {
		padding-right: 24px;
		position: relative;
	}

	.footer .flist4 .footer-title {
		display: none;
	}

	.footer .footer-title::before {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		font-family: "iconfont";
		content: "\e731";
		line-height: 30px;
		font-size: 14px;
		color: #fff;
	}

	.footer .footer-title {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
		margin-bottom: 12px;
	}

	.footer .foot-list,
	.footer .foot-nav {
		display: none;
	}

	.footer .foot-text {
		font-size: 14px;
		line-height: 24px;
		margin-top: 0px;
	}

	/*.footer .links{display: none;}*/
	.footer .f-follow {
		padding-top: 16px;
		text-align: center;
	}

	.footer .f-form {
		display: none;
	}

	.footer .fo-bot {
		padding: 5px 0;
		font-size: 14px;
		line-height: 22px;
	}
}

.pro-item {
	position: relative;
}

.pro-item .item-box {
	position: relative;
	width: 100%;
	background: #ffffff;
	border-radius: 12px;
	border: 1px solid #e7e7e7;
	overflow: hidden;
}

.pro-item .item-box:hover {
	box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.16);
}

.pro-item .item-pic {
	position: relative;
	width: 100%;
	text-align: center;
	background: #fff;
}

.pro-item .item-pic img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.pro-item .item-pic .item-btn {
	position: absolute;
	left: 26px;
	right: 26px;
	bottom: 21.92192192%;
	height: 30px;
	background: rgba(0, 45, 82, 0.8);
	border-radius: 15px;
	text-align: center;
	padding: 0 15px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}

.pro-item .item-box:hover .item-pic .item-btn {
	visibility: visible;
	opacity: 1;
}

.pro-item .item-pic .item-btn .btnn {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
}

.pro-item .item-pic .item-btn .btnn .iconfont {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin-left: 8px;
}

.pro-item .item-body {
	position: relative;
	width: 100%;
	border-top: 1px solid #e7e7e7;
	padding: 33px 20px 18px;
}

.pro-item .item-body .item-title {
	position: relative;
	width: 100%;
	font-family: DINPro-Medium;
	font-size: 16px;
	color: #333;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}

.pro-item .item-body .item-btn {
	position: absolute;
	left: 20px;
	top: 0;
	transform: translateY(-50%);
	min-width: 124px;
	padding: 0 13px;
	height: 26px;
	background: #002d52;
	border-radius: 13px;
	font-size: 0;
	letter-spacing: 0;
}

.pro-item .item-body .item-btn input {
	display: inline-block;
	vertical-align: top;
	width: 10px;
	height: 10px;
	background: #ffffff;
	border: 1px solid #002d52;
	margin-top: 8px;
	margin-right: 8px;
}

.pro-item .item-body .item-btn a,
.pro-item .item-body .item-btn .btnn {
	display: inline-block;
	vertical-align: top;
	line-height: 26px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	font-family: Oswald-Bold;
}

.pro-item .item-box .item-btn a:hover,
.pro-item .item-box .item-btn a.btnn:hover {
	color: #eee;
}

@media (min-width: 1260px) and (max-width: 1459px) {
	.pro-item .item-pic .item-btn {
		left: 24px;
		right: 24px;
		bottom: 21.5%;
		height: 28px;
		border-radius: 14px;
		padding: 0 14px;
	}

	.pro-item .item-pic .item-btn .btnn {
		font-size: 16px;
		line-height: 28px;
	}

	.pro-item .item-pic .item-btn .btnn .iconfont {
		font-size: 14px;
		margin-left: 6px;
	}

	.pro-item .item-body {
		padding: 28px 18px 16px;
	}

	.pro-item .item-body .item-title {
		font-size: 16px;
		line-height: 24px;
		height: 48px;
	}

	.pro-item .item-body .item-btn {
		left: 18px;
		min-width: 120px;
		padding: 0 12px;
		height: 24px;
		border-radius: 12px;
	}

	.pro-item .item-body .item-btn input {
		width: 10px;
		height: 10px;
		margin-top: 7px;
		margin-right: 6px;
	}

	.pro-item .item-body .item-btn a,
	.pro-item .item-body .item-btn .btnn {
		line-height: 24px;
		font-size: 16px;
		font-size: 1.6rem;
	}
}

@media (min-width: 992px) and (max-width: 1259px) {
	.pro-item .item-pic .item-btn {
		left: 20px;
		right: 20px;
		bottom: 21.5%;
		height: 28px;
		border-radius: 14px;
		padding: 0 14px;
	}

	.pro-item .item-pic .item-btn .btnn {
		font-size: 16px;
		line-height: 28px;
	}

	.pro-item .item-pic .item-btn .btnn .iconfont {
		font-size: 14px;
		margin-left: 6px;
	}

	.pro-item .item-body {
		padding: 24px 15px 12px;
	}

	.pro-item .item-body .item-title {
		font-size: 16px;
		line-height: 24px;
		height: 48px;
	}

	.pro-item .item-body .item-btn {
		left: 15px;
		min-width: 120px;
		padding: 0 12px;
		height: 24px;
		border-radius: 12px;
	}

	.pro-item .item-body .item-btn input {
		width: 10px;
		height: 10px;
		margin-top: 7px;
		margin-right: 6px;
	}

	.pro-item .item-body .item-btn a,
	.pro-item .item-body .item-btn .btnn {
		line-height: 24px;
		font-size: 16px;
		font-size: 1.6rem;
	}
}

@media (max-width: 991px) {
	.pro-item .item-pic .item-btn {
		left: 16px;
		right: 16px;
		bottom: 20%;
		height: 28px;
		border-radius: 14px;
		padding: 0 14px;
	}

	.pro-item .item-pic .item-btn .btnn {
		font-size: 15px;
		line-height: 28px;
	}

	.pro-item .item-pic .item-btn .btnn .iconfont {
		font-size: 14px;
		margin-left: 6px;
	}

	.pro-item .item-body {
		padding: 24px 15px 12px;
	}

	.pro-item .item-body .item-title {
		font-size: 15px;
		line-height: 24px;
		height: 48px;
	}

	.pro-item .item-body .item-btn {
		left: 15px;
		min-width: 120px;
		padding: 0 12px;
		height: 24px;
		border-radius: 12px;
	}

	.pro-item .item-body .item-btn input {
		width: 10px;
		height: 10px;
		margin-top: 7px;
		margin-right: 6px;
	}

	.pro-item .item-body .item-btn a,
	.pro-item .item-body .item-btn .btnn {
		line-height: 24px;
		font-size: 15px;
		font-size: 1.5rem;
	}
}

@media (max-width: 720px) {
	.pro-item .item-pic .item-btn {
		display: none;
	}

	.pro-item .item-pic .item-btn .btnn {
		font-size: 15px;
		line-height: 28px;
	}

	.pro-item .item-pic .item-btn .btnn .iconfont {
		font-size: 14px;
		margin-left: 6px;
	}

	.pro-item .item-body {
		padding: 20px 15px 12px;
	}

	.pro-item .item-body .item-title {
		font-size: 14px;
		line-height: 22px;
		height: 44px;
	}

	.pro-item .item-body .item-btn {
		left: 15px;
		min-width: 120px;
		padding: 0 12px;
		height: 24px;
		border-radius: 12px;
	}

	.pro-item .item-body .item-btn input {
		width: 10px;
		height: 10px;
		margin-top: 7px;
		margin-right: 6px;
	}

	.pro-item .item-body .item-btn a,
	.pro-item .item-body .item-btn .btnn {
		line-height: 24px;
		font-size: 14px;
		font-size: 1.4rem;
	}
}

/* ****************************    index    ********************************* */
.section {
	position: relative;
	width: 100%;
}

.sec-top {
	position: relative;
	width: 100%;
	font-size: 0;
	letter-spacing: 0;
}

.sec-top.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sec-top-left {
	position: relative;
	width: 70%;
}

.sec-top-right {
	position: relative;
	width: 28%;
	text-align: right;
}

.sec-top-btn {
	padding-top: 14px;
}

.sec-title {
	position: relative;
	width: 100%;
	font-size: 50px;
	font-size: 5rem;
	font-family: Oswald-Bold;
	color: #173040;
	line-height: 62px;
	padding-bottom: 28px;
}

.sec-title::before {
	position: absolute;
	content: "";
	bottom: 0;
	width: 126px;
	height: 6px;
	background: #002d52;
	border-radius: 3px;
}

.sec-title.text-center::before {
	left: 50%;
	transform: translateX(-50%);
}

.sec-title a {
	color: #173040;
}

.sec-title a:hover {
	color: #002d52;
	opacity: 0.7;
}

.sec-title.white,
.sec-title.white a {
	color: #fff;
}

.sec-title.white a:hover {
	color: #cbcbcb;
}

.sec-tbody-btn {
	position: relative;
	width: 100%;
}

.sec-tbody-btn .btnn {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	min-width: 141px;
	border: 1px solid #002d52;
	font-size: 18px;
	line-height: 28px;
	padding: 5px 10px 6px;
	background: transparent;
	color: #173040;
	border-radius: 20px;
}

.sec-tbody-btn a.btnn:hover {
	background: #002d52;
	color: #fff;
}

@media screen and (max-width: 1459px) {
	.sec-top-left {
		width: 70%;
	}

	.sec-top-right {
		width: 28%;
	}

	.sec-top-btn {
		padding-top: 12px;
	}

	.sec-title {
		font-size: 44px;
		font-size: 4.4rem;
		line-height: 56px;
		padding-bottom: 26px;
	}

	.sec-title::before {
		width: 118px;
		height: 5px;
	}

	.sec-tbody-btn .btnn {
		min-width: 136px;
		font-size: 16px;
		line-height: 26px;
		padding: 5px 10px 6px;
		border-radius: 19px;
	}
}

@media screen and (max-width: 1259px) {
	.sec-top-left {
		width: 65%;
	}

	.sec-top-right {
		width: 32%;
	}

	.sec-top-btn {
		padding-top: 10px;
	}

	.sec-title {
		font-size: 38px;
		font-size: 3.8rem;
		line-height: 50px;
		padding-bottom: 24px;
	}

	.sec-title::before {
		width: 110px;
		height: 4px;
	}

	.sec-tbody-btn .btnn {
		min-width: 130px;
		font-size: 16px;
		line-height: 26px;
		padding: 4px 10px 5px;
		border-radius: 18px;
	}
}

@media screen and (max-width: 991px) {
	.sec-top-left {
		width: 65%;
	}

	.sec-top-right {
		width: 32%;
	}

	.sec-top-btn {
		padding-top: 8px;
	}

	.sec-title {
		font-size: 32px;
		font-size: 3.2rem;
		line-height: 44px;
		padding-bottom: 20px;
	}

	.sec-title::before {
		width: 100px;
		height: 4px;
	}

	.sec-tbody-btn .btnn {
		min-width: 124px;
		font-size: 15px;
		line-height: 26px;
		padding: 4px 8px 5px;
		border-radius: 18px;
	}
}

@media screen and (max-width: 720px) {
	.sec-top-left {
		width: 100%;
	}

	.sec-top-right {
		width: 100%;
		text-align: left;
	}

	.sec-top-btn {
		padding-top: 10px;
	}

	.sec-title {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 38px;
		padding-bottom: 16px;
	}

	.sec-title::before {
		width: 88px;
		height: 4px;
	}

	.sec-tbody-btn .btnn {
		min-width: 124px;
		font-size: 14px;
		line-height: 24px;
		padding: 4px 8px 5px;
		border-radius: 17px;
	}
}

@media screen and (max-width: 560px) {
	.sec-top-left {
		width: 100%;
	}

	.sec-top-right {
		width: 100%;
		text-align: left;
	}

	.sec-top-btn {
		padding-top: 10px;
	}

	.sec-title {
		font-size: 20px;
		font-size: 2rem;
		line-height: 32px;
		padding-bottom: 12px;
	}

	.sec-title::before {
		width: 72px;
		height: 4px;
	}

	.sec-tbody-btn .btnn {
		min-width: 118px;
		font-size: 14px;
		line-height: 24px;
		padding: 3px 6px;
		border-radius: 16px;
	}
}

.sec1 {
	position: relative;
	width: 100%;
	padding-top: 72px;
	padding-bottom: 80px;
}

.sec1-tbody {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sec1-tbody-left {
	position: relative;
	width: 28%;
}

.sec1-tbody-right {
	position: relative;
	width: 71.5%;
}

.sec1-tbody-text {
	position: relative;
	width: 100%;
	font-family: DINPro-Regular;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
}

.sec1-tbody-text a {
	color: #666;
}

.sec1-tbody-text a:hover {
	color: #002d52;
}

.sec1-tbody-btn {
	position: relative;
	margin-top: 80px;
}

.sec1-tbody-menu {
	position: relative;
	font-size: 0;
	letter-spacing: 0;
	margin-left: -13px;
	margin-right: -13px;
	margin-top: 26px;
}

.sec1-menu-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 33.33333%;
	padding: 0 13px;
	margin-bottom: 10px;
}

.sec1-menu-item .item-box {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sec1-menu-item .item-box .item-pic {
	display: inline-block;
	vertical-align: top;
	width: 81px;
}

.sec1-menu-item .item-box .item-pic img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.sec1-menu-item .item-box .item-title {
	width: calc(100% - 90px);
	font-size: 24px;
	font-family: Oswald-Bold;
	color: #666666;
	line-height: 36px;
}

.sec1-menu-item.active .item-box .item-title {
	color: #173040;
}

.sec1-menu-item .item-box:hover .item-title {
	color: #173040;
}

.sec1-content {
	position: relative;
	width: 100%;
	padding-top: 26px;
}

.sec1-content-item {
	position: relative;
	width: 100%;
	display: none;
}

.sec1-item-img {
	position: relative;
	width: 100%;
}

.sec1-item-img .item-pic {
	position: relative;
	width: 100%;
	padding-bottom: 27.14285714%;
	z-index: 21;
	transition: all 0.5s;
}

.sec1-item-img .item-pic .video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: all 0.5s;
	background: #fff;
	border-radius: 2px;
}

.sec1-item-img .item-pic .video-mou {
	cursor: pointer;
}

.sec1-item-img .item-pic .video-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.8);
}

.sec1-item-img .item-pic .video-btn::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #fff;
}

.sec1-item-img .item-pic .video-btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0px;
	height: 0px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 16px solid #173040;
}

.sec1-item-info {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	max-width: 1004px;
	padding: 10px 36px;
	background: rgba(0, 45, 82, 0.8);
	border-radius: 4px;
	z-index: 23;
}

.sec1-info-text {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 26px;
}

.sec1-info-text a {
	color: #fff;
}

.sec1-info-text a:hover {
	color: #dedede;
}

.sec1-content-item::before {
	position: absolute;
	content: "";
	border-bottom: 8px solid rgba(0, 45, 82, 0.8);
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	transform: translateY(-100%);
	top: 0;
}

.sec1-content .sec1-content-item:nth-of-type(1)::before {
	right: 950px;
}

.sec1-content .sec1-content-item:nth-of-type(2)::before {
	right: 610px;
}

.sec1-content .sec1-content-item:nth-of-type(3)::before {
	right: 265px;
}

@media screen and (max-width: 1459px) {
	.sec1 {
		padding-top: 64px;
		padding-bottom: 70px;
	}

	.sec1-tbody-left {
		width: 28%;
	}

	.sec1-tbody-right {
		width: 71.5%;
	}

	.sec1-tbody-text {
		font-size: 16px;
		line-height: 26px;
	}

	.sec1-tbody-btn {
		margin-top: 70px;
	}

	.sec1-tbody-menu {
		margin-left: -10px;
		margin-right: -10px;
		margin-top: 22px;
	}

	.sec1-menu-item {
		width: 33.33333%;
		padding: 0 10px;
		margin-bottom: 10px;
	}

	.sec1-menu-item .item-box .item-pic {
		width: 72px;
	}

	.sec1-menu-item .item-box .item-title {
		width: calc(100% - 82px);
		font-size: 22px;
		line-height: 34px;
	}

	.sec1-content {
		padding-top: 24px;
	}

	.sec1-item-info {
		max-width: 960px;
		padding: 10px 30px;
	}

	.sec1-info-text {
		font-size: 16px;
		line-height: 26px;
	}

	.sec1-content .sec1-content-item:nth-of-type(1)::before {
		right: 810px;
	}

	.sec1-content .sec1-content-item:nth-of-type(2)::before {
		right: 518px;
	}

	.sec1-content .sec1-content-item:nth-of-type(3)::before {
		right: 226px;
	}
}

@media screen and (max-width: 1259px) {
	.sec1 {
		padding-top: 56px;
		padding-bottom: 60px;
	}

	.sec1-tbody-left {
		width: 28%;
	}

	.sec1-tbody-right {
		width: 71.5%;
	}

	.sec1-tbody-text {
		font-size: 15px;
		line-height: 24px;
	}

	.sec1-tbody-btn {
		margin-top: 60px;
	}

	.sec1-tbody-menu {
		margin-left: -6px;
		margin-right: -6px;
		margin-top: 22px;
	}

	.sec1-menu-item {
		width: 33.33333%;
		padding: 0 6px;
		margin-bottom: 10px;
	}

	.sec1-menu-item .item-box .item-pic {
		width: 64px;
	}

	.sec1-menu-item .item-box .item-title {
		width: calc(100% - 74px);
		font-size: 20px;
		line-height: 32px;
	}

	.sec1-content {
		padding-top: 20px;
	}

	.sec1-item-info {
		max-width: 900px;
		padding: 8px 24px;
	}

	.sec1-info-text {
		font-size: 15px;
		line-height: 24px;
	}

	.sec1-content-item::before {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	.sec1 {
		padding-top: 48px;
		padding-bottom: 50px;
	}

	.sec1-tbody-left {
		width: 100%;
		text-align: center;
	}

	.sec1-tbody-left .sec-title::before {
		left: 50%;
		transform: translateX(-50%);
	}

	.sec1-tbody-right {
		width: 100%;
		margin-top: 20px;
	}

	.sec1-tbody-text {
		font-size: 14px;
		line-height: 24px;
	}

	.sec1-tbody-btn {
		margin-top: 20px;
	}

	.sec1-tbody-menu {
		margin-left: -6px;
		margin-right: -6px;
		margin-top: 16px;
	}

	.sec1-menu-item {
		width: 33.33333%;
		padding: 0 6px;
		margin-bottom: 10px;
	}

	.sec1-menu-item .item-box .item-pic {
		width: 64px;
	}

	.sec1-menu-item .item-box .item-title {
		width: calc(100% - 74px);
		font-size: 18px;
		line-height: 30px;
	}

	.sec1-content {
		padding-top: 20px;
	}

	.sec1-item-info {
		max-width: 100%;
		padding: 8px 24px;
		position: relative;
	}

	.sec1-info-text {
		font-size: 15px;
		line-height: 24px;
	}

	.sec1-content-item::before {
		display: none;
	}
}

@media screen and (max-width: 720px) {
	.sec1 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.sec1-tbody-left {
		width: 100%;
		text-align: center;
	}

	.sec1-tbody-left .sec-title::before {
		left: 50%;
		transform: translateX(-50%);
	}

	.sec1-tbody-right {
		width: 100%;
		margin-top: 16px;
	}

	.sec1-tbody-text {
		font-size: 14px;
		line-height: 24px;
	}

	.sec1-tbody-btn {
		margin-top: 12px;
	}

	.sec1-tbody-menu {
		margin-left: -6px;
		margin-right: -6px;
		margin-top: 16px;
	}

	.sec1-menu-item {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 10px;
	}

	.sec1-menu-item .item-box .item-pic {
		width: 64px;
	}

	.sec1-menu-item .item-box .item-title {
		width: calc(100% - 74px);
		font-size: 18px;
		line-height: 30px;
	}

	.sec1-content {
		padding-top: 16px;
	}

	.sec1-item-info {
		max-width: 100%;
		padding: 8px 20px;
		position: relative;
	}

	.sec1-info-text {
		font-size: 14px;
		line-height: 24px;
	}

	.sec1-content-item::before {
		display: none;
	}
}

@media screen and (max-width: 560px) {
	.sec1 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.sec1-tbody-left {
		width: 100%;
		text-align: center;
	}

	.sec1-tbody-left .sec-title::before {
		left: 50%;
		transform: translateX(-50%);
	}

	.sec1-tbody-right {
		width: 100%;
		margin-top: 16px;
	}

	.sec1-tbody-text {
		font-size: 14px;
		line-height: 24px;
	}

	.sec1-tbody-btn {
		margin-top: 12px;
	}

	.sec1-tbody-menu {
		margin-left: -6px;
		margin-right: -6px;
		margin-top: 16px;
	}

	.sec1-menu-item {
		width: 100%;
		padding: 0 6px;
		margin-bottom: 10px;
	}

	.sec1-menu-item .item-box .item-pic {
		width: 81px;
	}

	.sec1-menu-item .item-box .item-title {
		width: calc(100% - 92px);
		font-size: 18px;
		line-height: 30px;
	}

	.sec1-content {
		padding-top: 16px;
	}

	.sec1-item-info {
		max-width: 100%;
		padding: 8px 20px;
		position: relative;
	}

	.sec1-info-text {
		font-size: 14px;
		line-height: 24px;
	}

	.sec1-content-item::before {
		display: none;
	}
}

.sec2 {
	position: relative;
	width: 100%;
	padding-top: 73px;
	padding-bottom: 70px;
	background: #f5f5f4;
}

.sec2-tbody {
	position: relative;
	width: 100%;
	padding-top: 37px;
}

.sec2-tbody-swiper {
	position: relative;
	margin-left: -30px;
	margin-right: -30px;
	padding: 0 30px;
}

.swiper-sec2 {
	position: relative;
	width: 100%;
}

.sec2-tbody-swiper .swiper-button {
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	color: #002d52;
	background: #ffffff;
	text-align: center;
	font-weight: bold;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
	border-radius: 50%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}

.sec2-tbody-swiper:hover .swiper-button {
	visibility: visible;
	opacity: 1;
}

.sec2-tbody-swiper .swiper-button:hover {
	color: #ffffff;
	background: #002d52;
}

.sec2-tbody-swiper .swiper-sec2 .swiper-slide {
	display: inline-block;
	vertical-align: top;
	width: 25.1%;
}

.sec2-tbody-item {
	position: relative;
	width: 100%;
}

.sec2-tbody-item .item-box {
	position: relative;
	width: 100%;
	background: #ffffff;
	border-radius: 12px;
	border: 1px solid #e7e7e7;
	overflow: hidden;
}

.sec2-tbody-item .item-box .item-pic {
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.sec2-tbody-item .item-box .item-pic img {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.sec2-tbody-item .item-box .item-body {
	position: relative;
	width: 100%;
	border: 1px solid #e7e7e7;
	padding: 32px 20px;
}

.sec2-tbody-item .item-body .item-title {
	position: relative;
	font-family: DINPro-Medium;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}

.sec2-tbody-item .item-body .item-title a {
	color: #333;
}

.sec2-tbody-item .item-body .item-title a:hover {
	color: #002d52;
}

.sec2-tbody-item .item-body .item-btn {
	position: absolute;
	top: 0;
	transform: translateY(-100%);
	left: 48px;
	right: 48px;
	height: 30px;
	background: rgba(0, 45, 82, 0.8);
	border-radius: 15px;
	text-align: center;
	margin-top: -36px;
	padding: 0 15px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}

.sec2-tbody-item .item-box:hover .item-body .item-btn {
	visibility: visible;
	opacity: 1;
}

.sec2-tbody-item .item-body .item-btn .btnn {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
}

.sec2-tbody-item .item-body .item-btn .btnn .iconfont {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin-left: 8px;
}

@media screen and (max-width: 1659px) {
	.sec2 {
		padding-top: 64px;
		padding-bottom: 60px;
	}

	.sec2-tbody {
		padding-top: 36px;
	}

	.sec2-tbody-swiper {
		margin-left: -27px;
		margin-right: -27px;
		padding: 0 27px;
	}

	.sec2-tbody-swiper .swiper-button {
		width: 54px;
		height: 54px;
		line-height: 54px;
		font-size: 20px;
	}

	.sec2-tbody-item .item-box .item-body {
		padding: 30px 18px;
	}

	.sec2-tbody-item .item-body .item-title {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
		height: 48px;
	}

	.sec2-tbody-item .item-body .item-btn {
		left: 42px;
		right: 42px;
		height: 30px;
		border-radius: 15px;
		margin-top: -30px;
		padding: 0 15px;
	}

	.sec2-tbody-item .item-body .item-btn .btnn {
		font-size: 16px;
		line-height: 30px;
	}

	.sec2-tbody-item .item-body .item-btn .btnn .iconfont {
		font-size: 14px;
		margin-left: 6px;
	}
}

@media screen and (max-width: 1459px) {
	.sec2 {
		padding-top: 54px;
		padding-bottom: 50px;
	}

	.sec2-tbody {
		padding-top: 32px;
	}

	.sec2-tbody-swiper {
		margin-left: -24px;
		margin-right: -24px;
		padding: 0 24px;
	}

	.sec2-tbody-swiper .swiper-button {
		width: 48px;
		height: 48px;
		line-height: 48px;
		font-size: 18px;
	}

	.sec2-tbody-item .item-box .item-body {
		padding: 28px 16px;
	}

	.sec2-tbody-item .item-body .item-title {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
		height: 48px;
	}

	.sec2-tbody-item .item-body .item-btn {
		left: 36px;
		right: 36px;
		height: 30px;
		border-radius: 15px;
		margin-top: -26px;
		padding: 0 15px;
	}

	.sec2-tbody-item .item-body .item-btn .btnn {
		font-size: 16px;
		line-height: 30px;
	}

	.sec2-tbody-item .item-body .item-btn .btnn .iconfont {
		font-size: 14px;
		margin-left: 6px;
	}
}

@media screen and (max-width: 1259px) {
	.sec2 {
		padding-top: 44px;
		padding-bottom: 40px;
	}

	.sec2-tbody {
		padding-top: 28px;
	}

	.sec2-tbody-swiper {
		margin-left: -21px;
		margin-right: -21px;
		padding: 0 21px;
	}

	.sec2-tbody-swiper .swiper-button {
		width: 42px;
		height: 42px;
		line-height: 42px;
		font-size: 18px;
	}

	.sec2-tbody-item .item-box .item-body {
		padding: 24px 15px;
	}

	.sec2-tbody-item .item-body .item-title {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 24px;
		height: 48px;
	}

	.sec2-tbody-item .item-body .item-btn {
		left: 30px;
		right: 30px;
		height: 28px;
		border-radius: 14px;
		margin-top: -20px;
		padding: 0 12px;
	}

	.sec2-tbody-item .item-body .item-btn .btnn {
		font-size: 16px;
		line-height: 28px;
	}

	.sec2-tbody-item .item-body .item-btn .btnn .iconfont {
		font-size: 14px;
		margin-left: 6px;
	}
}

@media screen and (max-width: 991px) {
	.sec2 {
		padding-top: 34px;
		padding-bottom: 30px;
	}

	.sec2-tbody {
		padding-top: 24px;
	}

	.sec2-tbody-swiper {
		margin-left: -18px;
		margin-right: -18px;
		padding: 0 18px;
	}

	.sec2-tbody-swiper .swiper-button {
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 16px;
	}

	.sec2-tbody-item .item-box .item-body {
		padding: 20px 12px;
	}

	.sec2-tbody-item .item-body .item-title {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 22px;
		height: 44px;
	}

	.sec2-tbody-item .item-body .item-btn {
		left: 20px;
		right: 20px;
		height: 26px;
		border-radius: 13px;
		margin-top: -20px;
		padding: 0 12px;
	}

	.sec2-tbody-item .item-body .item-btn .btnn {
		font-size: 15px;
		line-height: 26px;
	}

	.sec2-tbody-item .item-body .item-btn .btnn .iconfont {
		font-size: 12px;
		margin-left: 4px;
	}
}

@media screen and (max-width: 720px) {
	.sec2 {
		padding-top: 24px;
		padding-bottom: 20px;
	}

	.sec2-tbody {
		padding-top: 20px;
	}

	.sec2-tbody-swiper {
		margin-left: -15px;
		margin-right: -15px;
		padding: 0 15px;
	}

	.sec2-tbody-swiper .swiper-button {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
	}

	.sec2-tbody-item .item-box .item-body {
		padding: 16px 8px;
	}

	.sec2-tbody-item .item-body .item-title {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 22px;
		height: 44px;
	}

	.sec2-tbody-item .item-body .item-btn {
		position: relative;
		left: 0;
		right: 0;
		height: 26px;
		border-radius: 13px;
		margin-top: 10px;
		padding: 0 12px;
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}

	.sec2-tbody-item .item-body .item-btn .btnn {
		font-size: 14px;
		line-height: 26px;
	}

	.sec2-tbody-item .item-body .item-btn .btnn .iconfont {
		font-size: 12px;
		margin-left: 4px;
	}
}

.sec-page {
	position: relative;
	width: 100%;
	padding: 90px 0;
	background: url(../img/sec-page-bgi.png) no-repeat center center;
	background-size: cover;
}

.sec-page-tbody {
	position: relative;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.1);
	text-align: center;
	padding: 22px 68px 43px;
}

.sec-page-tbody::before {
	position: absolute;
	content: "";
	top: 0;
	transform: translateY(-50%);
	right: 70px;
	width: 38px;
	height: 38px;
	background: url(../img/ying1.png) no-repeat center center;
	background-size: 100%;
}

.sec-page-tbody::after {
	position: absolute;
	content: "";
	bottom: 0;
	transform: translateY(50%);
	left: 38px;
	width: 38px;
	height: 38px;
	background: url(../img/ying2.png) no-repeat center center;
	background-size: 100%;
}

.sec-page-title {
	position: relative;
	font-family: Oswald-Bold;
	font-size: 50px;
	font-size: 5rem;
	color: #ffffff;
	line-height: 62px;
}

.sec-page-title a {
	color: #fff;
}

.sec-page-title a:hover {
	color: #e1e1e1;
}

.sec-page-text {
	position: relative;
	font-size: 18px;
	font-size: 1.8rem;
	color: #ffffff;
	line-height: 30px;
	margin-top: 13px;
}

.sec-page-text a {
	color: #fff;
}

.sec-page-text a:hover {
	color: #e1e1e1;
}

@media screen and (max-width: 1459px) {
	.sec-page {
		padding: 78px 0;
	}

	.sec-page-tbody {
		padding: 20px 56px 40px;
	}

	.sec-page-tbody::before {
		right: 60px;
		width: 34px;
		height: 34px;
	}

	.sec-page-tbody::after {
		left: 32px;
		width: 34px;
		height: 34px;
	}

	.sec-page-title {
		font-size: 44px;
		font-size: 4.4rem;
		line-height: 56px;
	}

	.sec-page-text {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
		margin-top: 12px;
	}
}

@media screen and (max-width: 1259px) {
	.sec-page {
		padding: 66px 0;
	}

	.sec-page-tbody {
		padding: 18px 40px 32px;
	}

	.sec-page-tbody::before {
		right: 50px;
		width: 30px;
		height: 30px;
	}

	.sec-page-tbody::after {
		left: 28px;
		width: 30px;
		height: 30px;
	}

	.sec-page-title {
		font-size: 38px;
		font-size: 3.8rem;
		line-height: 50px;
	}

	.sec-page-text {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 28px;
		margin-top: 10px;
	}
}

@media screen and (max-width: 991px) {
	.sec-page {
		padding: 54px 0;
	}

	.sec-page-tbody {
		padding: 18px 28px 28px;
	}

	.sec-page-tbody::before {
		right: 36px;
		width: 28px;
		height: 28px;
	}

	.sec-page-tbody::after {
		left: 22px;
		width: 28px;
		height: 28px;
	}

	.sec-page-title {
		font-size: 32px;
		font-size: 3.2rem;
		line-height: 44px;
	}

	.sec-page-text {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 26px;
		margin-top: 8px;
	}
}

@media screen and (max-width: 720px) {
	.sec-page {
		padding: 42px 0;
	}

	.sec-page-tbody {
		padding: 16px 15px 24px;
	}

	.sec-page-tbody::before {
		right: 30px;
		width: 28px;
		height: 28px;
	}

	.sec-page-tbody::after {
		left: 20px;
		width: 28px;
		height: 28px;
	}

	.sec-page-title {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 38px;
	}

	.sec-page-text {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 8px;
	}
}

@media screen and (max-width: 560px) {
	.sec-page {
		padding: 30px 0;
	}

	.sec-page-tbody {
		padding: 16px 15px 24px;
	}

	.sec-page-tbody::before {
		right: 28px;
		width: 28px;
		height: 28px;
	}

	.sec-page-tbody::after {
		left: 20px;
		width: 28px;
		height: 28px;
	}

	.sec-page-title {
		font-size: 20px;
		font-size: 2rem;
		line-height: 32px;
	}

	.sec-page-text {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 6px;
	}
}

.sec3 {
	position: relative;
	width: 100%;
	padding: 73px 0 55px;
	background: #f5f5f4;
}

.sec3-tbody {
	position: relative;
	width: 100%;
	padding-top: 40px;
}

.sec3-tbody-swiper {
	position: relative;
	width: 100%;
}

.sec3-tbody-swiper .swiper-sec3 {
	position: relative;
	width: 100%;
	padding: 0 calc((100% - 1600px) / 2);
}

.sec3-tbody-swiper .swiper-button {
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
	width: 30px;
	height: 60px;
	line-height: 60px;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
	font-size: 16px;
	text-align: center;
	color: #002d52;
	cursor: pointer;
	font-weight: bold;
}

.sec3-tbody-swiper .swiper-button:hover {
	background: #002d52;
	color: #fff;
}

.sec3-tbody-swiper .swiper-button-prev {
	left: calc((100% - 1600px) / 2);
	border-radius: 0px 30px 30px 0px;
}

.sec3-tbody-swiper .swiper-button-next {
	right: calc((100% - 1600px) / 2);
	border-radius: 30px 0px 0px 30px;
}

.sec3-tbody-item {
	position: relative;
	width: 100%;
}

.sec3-tbody-item .item-box {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.sec3-tbody-item .item-box .item-pic {
	position: relative;
	width: 100%;
	text-align: center;
	overflow: hidden;
	border-radius: 16px;
	background: #000;
    aspect-ratio: 512/300;
}

.sec3-tbody-item .item-box .item-pic a,
.sec3-tbody-item .item-box .item-pic img{
    width: 100%;
    height: 100%;
}

.sec3-tbody-item .item-box .item-pic img {
	position: relative;
	display: block;
	width: 100%;
    object-fit: cover;
}

.sec3-tbody-item .item-box:hover .item-pic img {
	opacity: 0.5;
}

.sec3-tbody-item .item-box .item-body {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	padding: 6px 36px 12px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sec3-tbody-item .item-box:hover .item-body {
	visibility: visible;
	opacity: 1;
}

.sec3-tbody-item .item-body .item-body-info {
	position: relative;
	width: 100%;
	text-align: center;
}

.sec3-tbody-item .item-body .item-title {
	position: relative;
	font-family: DINPro-Bold;
	font-size: 20px;
	color: #ffffff;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
}

.sec3-tbody-item .item-body .item-desc {
	position: relative;
	width: 100%;
	font-size: 16px;
	color: #ffffff;
	line-height: 26px;
	margin-top: 16px;
	height: 78px;
	overflow: hidden;
}

.sec3-tbody-item .item-body .item-btn {
	position: relative;
	margin-top: 32px;
	text-align: center;
}

.sec3-tbody-item .item-body .item-btn .btnn {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	min-width: 140px;
	border: 1px solid #fff;
	font-size: 18px;
	line-height: 28px;
	padding: 4px 10px 6px;
	background: #fff;
	color: #173040;
	border-radius: 20px;
}

.sec3-tbody-item .item-body .item-btn a.btnn:hover {
	background: transparent;
	color: #fff;
}

.sec3-tbody-item .item-body .item-title a {
	color: #fff;
}

.sec3-tbody-item .item-body .item-title a:hover {
	color: #dedede;
}

.sec3-tbody-item .item-body .item-desc a {
	color: #fff;
}

.sec3-tbody-item .item-body .item-desc a:hover {
	color: #dedede;
}

@media screen and (max-width: 1659px) {
	.sec3 {
		padding: 66px 0 48px;
	}

	.sec3-tbody {
		padding-top: 36px;
	}

	.sec3-tbody-swiper .swiper-sec3 {
		padding: 0 calc((100% - 1400px) / 2);
	}

	.sec3-tbody-swiper .swiper-button {
		width: 28px;
		height: 56px;
		line-height: 56px;
		font-size: 16px;
	}

	.sec3-tbody-swiper .swiper-button-prev {
		left: calc((100% - 1400px) / 2);
		border-radius: 0px 28px 28px 0px;
	}

	.sec3-tbody-swiper .swiper-button-next {
		right: calc((100% - 1400px) / 2);
		border-radius: 28px 0px 0px 28px;
	}

	.sec3-tbody-item .item-box .item-pic {
		border-radius: 14px;
	}

	.sec3-tbody-item .item-box .item-body {
		padding: 6px 30px 12px;
	}

	.sec3-tbody-item .item-body .item-title {
		font-size: 18px;
		line-height: 28px;
		height: 56px;
	}

	.sec3-tbody-item .item-body .item-desc {
		font-size: 16px;
		line-height: 26px;
		margin-top: 12px;
		height: 78px;
	}

	.sec3-tbody-item .item-body .item-btn {
		margin-top: 28px;
	}

	.sec3-tbody-item .item-body .item-btn .btnn {
		min-width: 136px;
		font-size: 17px;
		line-height: 28px;
		padding: 4px 10px 6px;
		border-radius: 20px;
	}
}

@media screen and (max-width: 1459px) {
	.sec3 {
		padding: 56px 0 40px;
	}

	.sec3-tbody {
		padding-top: 32px;
	}

	.sec3-tbody-swiper .swiper-sec3 {
		padding: 0 calc((100% - 1200px) / 2);
	}

	.sec3-tbody-swiper .swiper-button {
		width: 25px;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}

	.sec3-tbody-swiper .swiper-button-prev {
		left: calc((100% - 1200px) / 2);
		border-radius: 0px 25px 25px 0px;
	}

	.sec3-tbody-swiper .swiper-button-next {
		right: calc((100% - 1200px) / 2);
		border-radius: 25px 0px 0px 25px;
	}

	.sec3-tbody-item .item-box .item-pic {
		border-radius: 14px;
	}

	.sec3-tbody-item .item-box .item-body {
		padding: 6px 24px 10px;
	}

	.sec3-tbody-item .item-body .item-title {
		font-size: 18px;
		line-height: 28px;
		height: 56px;
	}

	.sec3-tbody-item .item-body .item-desc {
		font-size: 15px;
		line-height: 24px;
		margin-top: 10px;
		height: 72px;
	}

	.sec3-tbody-item .item-body .item-btn {
		margin-top: 24px;
	}

	.sec3-tbody-item .item-body .item-btn .btnn {
		min-width: 132px;
		font-size: 16px;
		line-height: 28px;
		padding: 3px 10px 5px;
		border-radius: 19px;
	}
}

@media screen and (max-width: 1259px) {
	.sec3 {
		padding: 48px 0 32px;
	}

	.sec3-tbody {
		padding-top: 28px;
	}

	.sec3-tbody-swiper .swiper-sec3 {
		padding: 0 calc((100% - 950px) / 2);
	}

	.sec3-tbody-swiper .swiper-button {
		width: 22px;
		height: 44px;
		line-height: 44px;
		font-size: 14px;
	}

	.sec3-tbody-swiper .swiper-button-prev {
		left: calc((100% - 950px) / 2);
		border-radius: 0px 22px 22px 0px;
	}

	.sec3-tbody-swiper .swiper-button-next {
		right: calc((100% - 950px) / 2);
		border-radius: 22px 0px 0px 22px;
	}

	.sec3-tbody-item .item-box .item-pic {
		border-radius: 12px;
	}

	.sec3-tbody-item .item-box .item-body {
		padding: 6px 20px 10px;
	}

	.sec3-tbody-item .item-body .item-title {
		font-size: 16px;
		line-height: 28px;
		height: 56px;
	}

	.sec3-tbody-item .item-body .item-desc {
		font-size: 14px;
		line-height: 24px;
		margin-top: 8px;
		height: 72px;
	}

	.sec3-tbody-item .item-body .item-btn {
		margin-top: 20px;
	}

	.sec3-tbody-item .item-body .item-btn .btnn {
		min-width: 124px;
		font-size: 15px;
		line-height: 26px;
		padding: 3px 10px 5px;
		border-radius: 18px;
	}
}

@media screen and (max-width: 991px) {
	.sec3 {
		padding: 36px 0 24px;
	}

	.sec3-tbody {
		padding-top: 24px;
		max-width: 720px;
		margin: 0 auto;
	}

	.sec3-tbody-swiper .swiper-sec3 {
		padding: 0;
	}

	.sec3-tbody-swiper .swiper-button {
		width: 20px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.sec3-tbody-swiper .swiper-button-prev {
		left: 0;
		border-radius: 0px 20px 20px 0px;
	}

	.sec3-tbody-swiper .swiper-button-next {
		right: 0;
		border-radius: 20px 0px 0px 20px;
	}

	.sec3-tbody-item .item-box {
		border-radius: 12px;
	}

	.sec3-tbody-item .item-box .item-pic {
		border-radius: 0;
	}

	.sec3-tbody-item .item-box .item-body {
		padding: 10px 15px;
		position: relative;
		visibility: visible;
		opacity: 1;
		background: #000;
	}

	.sec3-tbody-item .item-body .item-title {
		font-size: 16px;
		line-height: 28px;
		height: 56px;
	}

	.sec3-tbody-item .item-body .item-desc {
		font-size: 14px;
		line-height: 24px;
		margin-top: 8px;
		height: 72px;
	}

	.sec3-tbody-item .item-body .item-btn {
		margin-top: 16px;
	}

	.sec3-tbody-item .item-body .item-btn .btnn {
		min-width: 124px;
		font-size: 15px;
		line-height: 26px;
		padding: 3px 10px 5px;
		border-radius: 18px;
	}
}

@media screen and (max-width: 720px) {
	.sec3 {
		padding: 24px 0 18px;
	}

	.sec3-tbody {
		padding: 0 15px;
		padding-top: 20px;
	}

	.sec3-tbody-swiper .swiper-sec3 {
		padding: 0;
	}

	.sec3-tbody-swiper .swiper-button {
		top: 40%;
		width: 18px;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
	}

	.sec3-tbody-swiper .swiper-button-prev {
		left: 0;
		border-radius: 0px 18px 18px 0px;
	}

	.sec3-tbody-swiper .swiper-button-next {
		right: 0;
		border-radius: 18px 0px 0px 18px;
	}

	.sec3-tbody-item .item-box .item-pic {
		border-radius: 12px;
	}

	.sec3-tbody-item .item-box .item-body {
		padding: 10px 15px;
		position: relative;
	}

	.sec3-tbody-item .item-body .item-title {
		font-size: 16px;
		line-height: 28px;
		height: 56px;
	}

	.sec3-tbody-item .item-body .item-desc {
		font-size: 14px;
		line-height: 22px;
		margin-top: 8px;
		height: 66px;
	}

	.sec3-tbody-item .item-body .item-btn {
		margin-top: 16px;
	}

	.sec3-tbody-item .item-body .item-btn .btnn {
		min-width: 124px;
		font-size: 14px;
		line-height: 24px;
		padding: 3px 10px 5px;
		border-radius: 17px;
	}
}

.sec4 {
	position: relative;
	width: 100%;
	padding-top: 73px;
	padding-bottom: 80px;
}

.sec4-tbody {
	position: relative;
	width: 100%;
	padding-top: 34px;
}

.sec4-tbody-list {
	position: relative;
	font-size: 0;
	letter-spacing: 0;
	margin-left: -11px;
	margin-right: -11px;
	display: flex;
	flex-wrap: wrap;
}

.sec4-list-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 33.3333333%;
	padding: 0 11px;
	margin-bottom: 20px;
}

.sec4-list-item .item-box {
	position: relative;
	width: 100%;
	background: #ffffff;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid #f5f5f4;
}

.sec4-list-item .item-box .item-box-pic {
	position: relative;
	width: 100%;
}

.sec4-list-item .item-box .item-pic {
	position: relative;
	width: 100%;
	text-align: center;
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #f5f5f4;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
    aspect-ratio: 450/240;
}

.sec4-list-item .item-box .item-pic img {
	position: relative;
	display: block;
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec4-list-item .item-box:hover .item-pic {
	visibility: visible;
	opacity: 1;
}

.sec4-list-item .item-box .item-body {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	padding: 6px 26px 12px;
	visibility: visible;
	opacity: 1;
	transition: all 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sec4-list-item .item-box:hover .item-body {
	visibility: hidden;
	opacity: 0;
}

.sec4-list-item .item-body .item-body-info {
	position: relative;
	width: 100%;
}

.sec4-list-item .item-body .item-date {
	position: relative;
	width: 100%;
	font-family: Oswald-Regular;
	font-size: 16px;
	color: #002d52;
	line-height: 28px;
	margin-bottom: 14px;
}

.sec4-list-item .item-body .item-title {
	position: relative;
	width: 100%;
	font-family: DINPro-Medium;
	font-size: 20px;
	color: #333;
	line-height: 32px;
}

.sec4-list-item .item-body .item-desc {
	position: relative;
	width: 100%;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	height: 78px;
	overflow: hidden;
	margin-top: 4px;
}

.sec4-list-item .item-box .item-btn {
	position: relative;
	padding: 10px 20px;
	background: #f5f5f4;
}

.sec4-list-item .item-box .item-btn .btnn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 5px;
	font-size: 18px;
	color: #173040;
	line-height: 30px;
	font-family: "DINPro-Medium";
}

.sec4-list-item .item-box .item-btn .btnn .iconfont {
	display: inline-block;
	vertical-align: top;
	font-size: 22px;
	color: #002d52;
	font-weight: bold;
}

.sec4-list-item .item-box:hover .item-btn {
	background: #002d52;
}

.sec4-list-item .item-box:hover .item-btn .btnn {
	color: #fff;
}

.sec4-list-item .item-box:hover .item-btn .btnn .iconfont {
	color: #fff;
}

.sec4-list-item .item-box .item-btn a.btnn:hover {
	color: #fff;
}

.sec4-list-item .item-box .item-btn a.btnn:hover .iconfont {
	color: #fff;
}

@media screen and (max-width: 1459px) {
	.sec4 {
		padding-top: 64px;
		padding-bottom: 70px;
	}

	.sec4-tbody {
		padding-top: 30px;
	}

	.sec4-tbody-list {
		margin-left: -8px;
		margin-right: -8px;
	}

	.sec4-list-item {
		width: 33.3333333%;
		padding: 0 8px;
		margin-bottom: 20px;
	}

	.sec4-list-item .item-box {
		border-radius: 16px;
	}

	.sec4-list-item .item-box .item-body {
		padding: 6px 22px 10px;
	}

	.sec4-list-item .item-body .item-date {
		font-size: 15px;
		line-height: 26px;
		margin-bottom: 12px;
	}

	.sec4-list-item .item-body .item-title {
		font-size: 18px;
		line-height: 30px;
	}

	.sec4-list-item .item-body .item-desc {
		font-size: 16px;
		line-height: 26px;
		height: 78px;
		margin-top: 4px;
	}

	.sec4-list-item .item-box .item-btn {
		padding: 8px 18px;
	}

	.sec4-list-item .item-box .item-btn .btnn {
		padding: 5px;
		font-size: 18px;
		line-height: 28px;
	}

	.sec4-list-item .item-box .item-btn .btnn .iconfont {
		font-size: 20px;
	}
}

@media screen and (max-width: 1259px) {
	.sec4 {
		padding-top: 56px;
		padding-bottom: 60px;
	}

	.sec4-tbody {
		padding-top: 26px;
	}

	.sec4-tbody-list {
		margin-left: -5px;
		margin-right: -5px;
	}

	.sec4-list-item {
		width: 33.3333333%;
		padding: 0 5px;
		margin-bottom: 20px;
	}

	.sec4-list-item .item-box {
		border-radius: 14px;
	}

	.sec4-list-item .item-box .item-body {
		padding: 5px 18px 10px;
	}

	.sec4-list-item .item-body .item-date {
		font-size: 15px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.sec4-list-item .item-body .item-title {
		font-size: 18px;
		line-height: 30px;
	}

	.sec4-list-item .item-body .item-desc {
		font-size: 15px;
		line-height: 24px;
		height: 72px;
		margin-top: 4px;
	}

	.sec4-list-item .item-box .item-btn {
		padding: 8px 16px;
	}

	.sec4-list-item .item-box .item-btn .btnn {
		padding: 4px;
		font-size: 16px;
		line-height: 26px;
	}

	.sec4-list-item .item-box .item-btn .btnn .iconfont {
		font-size: 18px;
	}
}

@media screen and (max-width: 991px) {
	.sec4 {
		padding-top: 44px;
		padding-bottom: 48px;
	}

	.sec4-tbody {
		padding-top: 22px;
	}

	.sec4-tbody-list {
		margin-left: -12px;
		margin-right: -12px;
	}

	.sec4-list-item {
		width: 50%;
		padding: 0 12px;
		margin-bottom: 20px;
	}

	.sec4-list-item .item-box {
		border-radius: 14px;
	}

	.sec4-list-item .item-box .item-pic {
		visibility: visible;
		opacity: 1;
	}

	.sec4-list-item .item-box .item-body {
		padding: 10px 16px;
		position: relative;
	}

	.sec4-list-item .item-box:hover .item-body {
		visibility: visible;
		opacity: 1;
	}

	.sec4-list-item .item-body .item-date {
		font-size: 15px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.sec4-list-item .item-body .item-title {
		font-size: 18px;
		line-height: 30px;
	}

	.sec4-list-item .item-body .item-desc {
		font-size: 15px;
		line-height: 24px;
		height: 72px;
		margin-top: 4px;
	}

	.sec4-list-item .item-box .item-btn {
		padding: 7px 16px;
	}

	.sec4-list-item .item-box .item-btn .btnn {
		padding: 4px;
		font-size: 16px;
		line-height: 26px;
	}

	.sec4-list-item .item-box .item-btn .btnn .iconfont {
		font-size: 18px;
	}
}

@media screen and (max-width: 720px) {
	.sec4 {
		padding-top: 32px;
		padding-bottom: 36px;
	}

	.sec4-tbody {
		padding-top: 18px;
	}

	.sec4-tbody-list {
		margin-left: -6px;
		margin-right: -6px;
	}

	.sec4-list-item {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 20px;
	}

	.sec4-list-item .item-box {
		border-radius: 12px;
	}

	.sec4-list-item .item-box .item-pic {
		visibility: visible;
		opacity: 1;
	}

	.sec4-list-item .item-box .item-body {
		padding: 10px 14px;
		position: relative;
	}

	.sec4-list-item .item-box:hover .item-body {
		visibility: visible;
		opacity: 1;
	}

	.sec4-list-item .item-body .item-date {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.sec4-list-item .item-body .item-title {
		font-size: 18px;
		line-height: 30px;
	}

	.sec4-list-item .item-body .item-desc {
		font-size: 14px;
		line-height: 24px;
		height: 72px;
		margin-top: 4px;
	}

	.sec4-list-item .item-box .item-btn {
		padding: 6px 14px;
	}

	.sec4-list-item .item-box .item-btn .btnn {
		padding: 4px;
		font-size: 15px;
		line-height: 24px;
	}

	.sec4-list-item .item-box .item-btn .btnn .iconfont {
		font-size: 18px;
	}
}

@media screen and (max-width: 560px) {
	.sec4 {
		padding-top: 20px;
		padding-bottom: 24px;
	}

	.sec4-tbody {
		padding-top: 18px;
	}

	.sec4-tbody-list {
		margin-left: -6px;
		margin-right: -6px;
	}

	.sec4-list-item {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 20px;
	}

	.sec4-list-item .item-box {
		border-radius: 12px;
	}

	.sec4-list-item .item-box .item-pic {
		visibility: visible;
		opacity: 1;
	}

	.sec4-list-item .item-box .item-body {
		padding: 8px 12px;
		position: relative;
	}

	.sec4-list-item .item-box:hover .item-body {
		visibility: visible;
		opacity: 1;
	}

	.sec4-list-item .item-body .item-date {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 8px;
	}

	.sec4-list-item .item-body .item-title {
		font-size: 18px;
		line-height: 28px;
	}

	.sec4-list-item .item-body .item-desc {
		font-size: 14px;
		line-height: 24px;
		height: 72px;
		margin-top: 4px;
	}

	.sec4-list-item .item-box .item-btn {
		padding: 6px 14px;
	}

	.sec4-list-item .item-box .item-btn .btnn {
		padding: 4px;
		font-size: 14px;
		line-height: 24px;
	}

	.sec4-list-item .item-box .item-btn .btnn .iconfont {
		font-size: 18px;
	}
}

@media screen and (max-width: 400px) {
	.sec4-list-item {
		width: 100%;
	}
}

.sec5 {
	position: relative;
	width: 100%;
	padding: 40px 0 69px;
	background: #f5f5f4;
}

.sec5-tbody {
	position: relative;
	width: 100%;
	padding-top: 32px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.sec5-tbody-left {
	position: relative;
	width: 45%;
	padding-top: 30px;
}

.sec5-tbody-right {
	position: relative;
	width: 44.5715%;
}

.sec5-tbody-img {
	position: relative;
	width: 100%;
}

.sec5-tbody-img .item-pic {
	position: relative;
	width: 100%;
	text-align: center;
}

.sec5-tbody-img .item-pic img {
	display: block;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}

.sec5-tbody-box {
	position: relative;
	width: 100%;
	padding-top: 28px;
}

.sec5-tbody-box .sec5-tbody-title {
	position: relative;
	font-family: DINPro-Medium;
	font-size: 20px;
	color: #333;
	line-height: 30px;
}

.sec5-tbody-box .sec5-tbody-text {
	position: relative;
	width: 100%;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	margin-top: 4px;
}

.sec5-tbody-box .sec5-tbody-btn {
	position: relative;
	padding-top: 38px;
	text-align: left;
}

.sec5-tbody-box .sec5-tbody-btn .btnn {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	min-width: 265px;
	border: 1px solid #002d52;
	font-size: 18px;
	line-height: 28px;
	padding: 5px 15px 6px;
	background: transparent;
	color: #173040;
	border-radius: 20px;
}

.sec5-tbody-box .sec5-tbody-btn .btnn .iconfont {
	display: inline-block;
	vertical-align: top;
	margin-left: 16px;
	font-size: 20px;
	color: #002d52;
}

.sec5-tbody-box .sec5-tbody-btn a.btnn:hover {
	background: #002d52;
	color: #fff;
}

.sec5-tbody-box .sec5-tbody-btn a.btnn:hover .iconfont {
	color: #fff;
}

.sec6 {
	position: relative;
	width: 100%;
}

.sec6-tbody {
	position: relative;
	width: 100%;
	text-align: center;
}

.sec6-tbody-img {
	position: relative;
	width: 100%;
}

.sec6-tbody-img .item-pic {
	position: relative;
	width: 100%;
	padding-bottom: 26.04166667%;
	z-index: 22;
	transition: all 0.5s;
}

.sec6-tbody-img .item-pic .video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: all 0.5s;
	background: #fff;
}

.sec6-tbody-img .item-pic .video-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.8);
}

.sec6-tbody-img .item-pic .video-btn::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #fff;
}

.sec6-tbody-img .item-pic .video-btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0px;
	height: 0px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 16px solid #173040;
}

.sec6-tbody-img .item-pic .mou {
	cursor: pointer;
}

@media screen and (max-width: 1459px) {
	.sec5 {
		padding: 36px 0 60px;
	}

	.sec5-tbody {
		padding-top: 28px;
	}

	.sec5-tbody-left {
		width: 45%;
		padding-top: 26px;
	}

	.sec5-tbody-right {
		width: 44.75%;
	}

	.sec5-tbody-box {
		padding-top: 24px;
	}

	.sec5-tbody-box .sec5-tbody-title {
		font-size: 20px;
		line-height: 30px;
	}

	.sec5-tbody-box .sec5-tbody-text {
		font-size: 16px;
		line-height: 26px;
		margin-top: 4px;
	}

	.sec5-tbody-box .sec5-tbody-btn {
		padding-top: 32px;
	}

	.sec5-tbody-box .sec5-tbody-btn .btnn {
		min-width: 256px;
		font-size: 18px;
		line-height: 28px;
		padding: 4px 14px 5px;
		border-radius: 19px;
	}

	.sec5-tbody-box .sec5-tbody-btn .btnn .iconfont {
		margin-left: 14px;
		font-size: 20px;
	}
}

@media screen and (max-width: 1259px) {
	.sec5 {
		padding: 32px 0 50px;
	}

	.sec5-tbody {
		padding-top: 24px;
	}

	.sec5-tbody-left {
		width: 47.5%;
		padding-top: 22px;
	}

	.sec5-tbody-right {
		width: 45%;
	}

	.sec5-tbody-box {
		padding-top: 20px;
	}

	.sec5-tbody-box .sec5-tbody-title {
		font-size: 18px;
		line-height: 28px;
	}

	.sec5-tbody-box .sec5-tbody-text {
		font-size: 15px;
		line-height: 26px;
		margin-top: 4px;
	}

	.sec5-tbody-box .sec5-tbody-btn {
		padding-top: 26px;
	}

	.sec5-tbody-box .sec5-tbody-btn .btnn {
		min-width: 242px;
		font-size: 16px;
		line-height: 26px;
		padding: 3px 14px 5px;
		border-radius: 18px;
	}

	.sec5-tbody-box .sec5-tbody-btn .btnn .iconfont {
		margin-left: 12px;
		font-size: 18px;
	}
}

@media screen and (max-width: 991px) {
	.sec5 {
		padding: 28px 0 40px;
	}

	.sec5-tbody {
		padding-top: 20px;
	}

	.sec5-tbody-left {
		width: 100%;
		padding-top: 0px;
	}

	.sec5-tbody-right {
		width: 100%;
		padding-top: 16px;
	}

	.sec5-tbody-box {
		padding-top: 16px;
	}

	.sec5-tbody-box .sec5-tbody-title {
		font-size: 18px;
		line-height: 28px;
	}

	.sec5-tbody-box .sec5-tbody-text {
		font-size: 15px;
		line-height: 26px;
		margin-top: 4px;
	}

	.sec5-tbody-box .sec5-tbody-btn {
		padding-top: 26px;
	}

	.sec5-tbody-box .sec5-tbody-btn .btnn {
		min-width: 242px;
		font-size: 16px;
		line-height: 26px;
		padding: 3px 14px 5px;
		border-radius: 18px;
	}

	.sec5-tbody-box .sec5-tbody-btn .btnn .iconfont {
		margin-left: 12px;
		font-size: 18px;
	}
}

@media screen and (max-width: 720px) {
	.sec5 {
		padding: 24px 0 30px;
	}

	.sec5-tbody {
		padding-top: 16px;
	}

	.sec5-tbody-left {
		width: 100%;
		padding-top: 0px;
	}

	.sec5-tbody-right {
		width: 100%;
		padding-top: 16px;
	}

	.sec5-tbody-box {
		padding-top: 16px;
	}

	.sec5-tbody-box .sec5-tbody-title {
		font-size: 16px;
		line-height: 28px;
	}

	.sec5-tbody-box .sec5-tbody-text {
		font-size: 14px;
		line-height: 24px;
		margin-top: 4px;
	}

	.sec5-tbody-box .sec5-tbody-btn {
		padding-top: 20px;
	}

	.sec5-tbody-box .sec5-tbody-btn .btnn {
		min-width: 228px;
		font-size: 15px;
		line-height: 26px;
		padding: 3px 12px 5px;
		border-radius: 18px;
	}

	.sec5-tbody-box .sec5-tbody-btn .btnn .iconfont {
		margin-left: 10px;
		font-size: 16px;
	}
}

@media screen and (max-width: 560px) {
	.sec5 {
		padding: 20px 0 20px;
	}

	.sec5-tbody {
		padding-top: 16px;
	}

	.sec5-tbody-left {
		width: 100%;
		padding-top: 0px;
	}

	.sec5-tbody-right {
		width: 100%;
		padding-top: 16px;
	}

	.sec5-tbody-box {
		padding-top: 12px;
	}

	.sec5-tbody-box .sec5-tbody-title {
		font-size: 16px;
		line-height: 28px;
	}

	.sec5-tbody-box .sec5-tbody-text {
		font-size: 14px;
		line-height: 24px;
		margin-top: 4px;
	}

	.sec5-tbody-box .sec5-tbody-btn {
		padding-top: 20px;
	}

	.sec5-tbody-box .sec5-tbody-btn .btnn {
		min-width: 228px;
		font-size: 14px;
		line-height: 24px;
		padding: 3px 12px 5px;
		border-radius: 17px;
	}

	.sec5-tbody-box .sec5-tbody-btn .btnn .iconfont {
		margin-left: 10px;
		font-size: 16px;
	}
}

.sec7 {
	position: relative;
	width: 100%;
	padding: 73px 0 30px;
}

.sec7-tbody {
	position: relative;
	width: 100%;
	padding-top: 50px;
}

#box {
	position: relative;
	margin: 0 auto;
	max-width: 1400px;
}

#box .prev,
#box .next {
	position: absolute;
	top: 44%;
	margin-top: -30px;
	overflow: hidden;
	cursor: pointer;
	width: 60px;
	height: 60px;
	background: transparent;
	border-radius: 50%;
	line-height: 60px;
	font-size: 22px;
	text-align: center;
	z-index: 99;
	transition: 0.5s;
	color: #002d52;
	background: #ffffff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
}

#box .prev:hover,
#box .next:hover {
	background: #002d52;
	color: #fff;
}

#box .prev {
	left: 0;
	margin-left: -30px;
}

#box .next {
	right: 0;
	margin-right: -30px;
}

#box ul {
	position: relative;
	margin: auto;
	height: 350px;
}

#box li {
	position: absolute;
	width: 0;
	height: 0;
	z-index: 0;
	cursor: pointer;
	overflow: hidden;
	-moz-box-sizing: content-box;
	box-sizing: content-box !important;
	text-align: center;
	box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
}

#box li a {
	display: block;
	position: relative;
	opacity: 1;
	background: #ffffff;
	border-radius: 8px;
	border: 1px solid #ececec;
	overflow: hidden;
	box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
}

#box li:nth-of-type(4) {
	box-shadow: none;
}

#box li a img {
	width: 100%;
	max-width: 300px;
	opacity: 1;
}

#box li>span {
	display: block;
	font-size: 18px;
	line-height: 30px;
	position: absolute;
	width: 100%;
	margin: auto;
	left: 0px;
	top: 410px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

#copyright {
	padding-top: 10px;
	text-align: center;
}

#box li .item-body {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 18px;
}

#box li .item-body .item-title {
	font-size: 16px;
	color: #002d52;
	line-height: 32px;
}

@media screen and (max-width: 1459px) {
	.sec7 {
		padding: 64px 0 28px;
	}

	.sec7-tbody {
		padding-top: 42px;
	}

	#box .prev,
	#box .next {
		margin-top: -28px;
		width: 56px;
		height: 56px;
		line-height: 56px;
		font-size: 20px;
	}

	#box .prev {
		left: 0;
		margin-left: -28px;
	}

	#box .next {
		right: 0;
		margin-right: -28px;
	}

	#box ul {
		height: 350px;
	}

	#box li .item-body {
		padding-top: 18px;
	}

	#box li .item-body .item-title {
		font-size: 16px;
		line-height: 30px;
	}
}

@media screen and (max-width: 1259px) {
	#box {
		width: auto;
	}

	#box li {
		position: relative;
		left: auto;
		top: auto;
		width: 0.2375% !important;
		height: auto !important;
		padding: 0px;
	}

	.img-scroll6 {
		position: relative;
		width: 100%;
		z-index: 9;
	}

	#box .prev {
		left: 0px;
		transform: translateX(0);
	}

	#box .prev,
	#box .next {
		top: 50%;
		bottom: auto;
		margin-top: -20px;
		font-size: 18px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	#box .next {
		right: 0px;
		transform: translateX(0);
		z-index: 99;
	}

	.img-list6 {
		position: relative;
		overflow: hidden;
		padding: 10px;
		z-index: 90;
	}

	.img-list6 ul {
		width: 10000% !important;
		height: auto !important;
	}

	.img-list6 li {
		float: left;
		box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
		display: inline;
		margin-right: 0.015% !important;
		margin-left: auto;
		opacity: 1;
	}

	.img-list6 li:after {
		content: "";
		clear: both;
		display: block;
	}

	.img-list6 li img {
		opacity: 1 !important;
	}

	#box li a {
		box-shadow: none;
		opacity: 1 !important;
		position: relative;
		top: auto;
	}

	.ab3zi {
		opacity: 1;
		line-height: 32px !important;
		opacity: 1 !important;
		font-size: 14px !important;
	}

	#box li:nth-of-type(4) .ab3zi {
		background: #fff;
		color: #333;
	}
}

@media screen and (max-width: 991px) {
	#box {
		width: auto;
	}

	#box li .item-pics .item-backdrop {
		display: none;
	}

	#box li {
		position: relative;
		left: auto;
		top: auto;
		box-shadow: none;
		width: 0.323333% !important;
		height: auto !important;
		padding: 0px;
	}

	.img-scroll6 {
		position: relative;
		width: 100%;
		z-index: 9;
	}

	#box .prev {
		left: 0px;
	}

	#box .prev,
	#box .next {
		font-size: 16px;
		margin-top: -16px;
		width: 32px;
		height: 32px;
		line-height: 30px;
	}

	#box .next {
		right: 0px;
		z-index: 99;
	}

	.img-list6 {
		position: relative;
		overflow: hidden;
		z-index: 90;
		padding: 0;
	}

	.img-list6 ul {
		width: 10000% !important;
		height: auto !important;
	}

	.img-list6 li {
		float: left;
		display: inline;
		margin-right: 0.015% !important;
		margin-left: auto;
		opacity: 1;
	}

	.img-list6 li:after {
		content: "";
		clear: both;
		display: block;
	}

	.img-list6 li img {
		opacity: 1 !important;
	}

	#box li a {
		box-shadow: none;
	}

	#box li span {
		position: relative;
		top: auto;
	}

	.ab3zi {
		opacity: 1;
	}
}

@media screen and (max-width: 589px) {
	#box {
		margin-top: 20px;
		width: auto;
	}

	#box li {
		width: 0.49% !important;
		margin-right: 0.02% !important;
	}
}

@media screen and (max-width: 359px) {
	#box li {
		width: 1% !important;
		margin-right: 0.02% !important;
	}
}

#box li .item-pics {
	position: relative;
	background: #ffffff;
}

#box li .item-pics .item-box {
	opacity: 1 !important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#box li .item-pics img {
	max-width: 100% !important;
	max-height: 100% !important;
}

#box li .item-pics .item-backdrop .iconfont {
	width: 50px;
	height: 50px;
	background: #002d52;
	font-size: 22px;
	font-size: 2.2rem;
	color: #fff;
	position: relative;
	display: inline-block;
	vertical-align: top;
	line-height: 50px;
	text-align: center;
}

@media screen and (max-width: 1259px) {
	.sec7 {
		padding: 54px 0 24px;
	}

	.sec7-tbody {
		padding-top: 36px;
	}

	#box .prev,
	#box .next {
		margin-top: -25px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 18px;
	}

	#box .prev {
		left: 0;
		margin-left: -25px;
	}

	#box .next {
		right: 0;
		margin-right: -25px;
	}

	#box li {
		box-shadow: none;
	}

	#box li .item-body {
		padding-top: 16px;
	}

	#box li .item-body .item-title {
		font-size: 16px;
		line-height: 28px;
	}
}

@media screen and (max-width: 991px) {
	.sec7 {
		padding: 44px 0 20px;
	}

	.sec7-tbody {
		padding-top: 30px;
	}

	#box .prev,
	#box .next {
		margin-top: -22px;
		width: 44px;
		height: 44px;
		line-height: 44px;
		font-size: 16px;
	}

	#box .prev {
		left: 0;
		margin-left: -22px;
	}

	#box .next {
		right: 0;
		margin-right: -22px;
	}

	#box li {
		box-shadow: none;
	}

	#box li .item-body {
		padding-top: 14px;
	}

	#box li .item-body .item-title {
		font-size: 15px;
		line-height: 26px;
	}
}

@media screen and (max-width: 700px) {
	.sec7 {
		padding: 32px 0 16px;
	}

	.sec7-tbody {
		padding-top: 24px;
	}

	#box .prev,
	#box .next {
		margin-top: -18px;
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 16px;
	}

	#box .prev {
		left: 0;
		margin-left: -10px;
	}

	#box .next {
		right: 0;
		margin-right: -10px;
	}

	#box li .item-body {
		padding-top: 12px;
	}

	#box li .item-body .item-title {
		font-size: 14px;
		line-height: 24px;
	}
}

.sec8 {
	position: relative;
	width: 100%;
	padding-top: 33px;
	padding-bottom: 71px;
}

.sec8-tbody {
	position: relative;
	width: 100%;
	margin-top: 40px;
}

.sec8-tbody-list {
	position: relative;
	font-size: 0;
	line-height: 0;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.sec8-tbody-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-bottom: 30px;
	padding: 0 15px;
}

.sec8-tbody-item .item-box {
	position: relative;
	width: 100%;
	background: #f5f5f4;
	border-radius: 4px 4px 30px 4px;
	padding: 26px 34px;
}

.sec8-tbody-item .item-box .item-name {
	position: relative;
	width: 100%;
	font-size: 18px;
	font-size: 1.8rem;
	font-family: DINPro-Medium;
	color: #333;
	line-height: 24px;
	padding: 11px 48px 6px;
	cursor: pointer;
	min-height: 64px;
	display: flex;
	align-items: center;
}

.sec8-tbody-item .item-box .item-name span {
	position: absolute;
	left: 0;
	top: 16px;
	width: 35px;
	height: 35px;
	line-height: 31px;
	font-size: 20px;
	color: #173040;
	font-family: DINPro-Medium;
	background: #f5f5f4;
	border-radius: 50%;
	border: 2px solid #002d52;
	text-align: center;
}

.sec8-tbody-item .item-box .item-name::before {
	content: "\e608";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	color: #002d52;
	font-family: "iconfont";
	text-align: center;
	display: block;
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
	box-sizing: border-box;
	font-weight: bold;
}

.sec8-tbody-item .item-box .item-name.active:before {
	content: "\e600";
}

.sec8-tbody-item .item-box .item-name:hover::before {
	content: "\e600";
}

.sec8-tbody-item .item-box .item-text {
	position: relative;
	width: 100%;
	display: none;
}

.sec8-tbody-item .item-box .item-text .text {
	position: relative;
	font-size: 16px;
	color: #666;
	line-height: 29px;
	padding: 2px 20px 13px;
	padding-left: 48px;
}

.sec8-tbody-item .item-box .item-text span {
	position: absolute;
	left: 0;
	top: 8px;
	width: 35px;
	height: 35px;
	line-height: 31px;
	font-size: 20px;
	color: #fff;
	font-family: DINPro-Medium;
	background: #002d52;
	border-radius: 50%;
	border: 2px solid #002d52;
	text-align: center;
}

@media screen and (max-width: 1459px) {
	.sec8 {
		padding-top: 30px;
		padding-bottom: 62px;
	}

	.sec8-tbody {
		margin-top: 36px;
	}

	.sec8-tbody-list {
		margin-left: -10px;
		margin-right: -10px;
	}

	.sec8-tbody-item {
		width: 50%;
		margin-bottom: 26px;
		padding: 0 10px;
	}

	.sec8-tbody-item .item-box {
		border-radius: 4px 4px 26px 4px;
		padding: 22px 30px;
	}

	.sec8-tbody-item .item-box .item-name {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 24px;
		padding: 10px 44px 6px;
	}

	.sec8-tbody-item .item-box .item-name span {
		top: 14px;
		width: 34px;
		height: 34px;
		line-height: 30px;
		font-size: 18px;
	}

	.sec8-tbody-item .item-box .item-name::before {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 20px;
	}

	.sec8-tbody-item .item-box .item-text .text {
		font-size: 16px;
		line-height: 26px;
		padding: 2px 18px 10px;
		padding-left: 44px;
	}

	.sec8-tbody-item .item-box .item-text span {
		top: 7px;
		width: 34px;
		height: 34px;
		line-height: 30px;
		font-size: 18px;
	}
}

@media screen and (max-width: 1259px) {
	.sec8 {
		padding-top: 28px;
		padding-bottom: 54px;
	}

	.sec8-tbody {
		margin-top: 32px;
	}

	.sec8-tbody-list {
		margin-left: -5px;
		margin-right: -5px;
	}

	.sec8-tbody-item {
		width: 50%;
		margin-bottom: 22px;
		padding: 0 5px;
	}

	.sec8-tbody-item .item-box {
		border-radius: 4px 4px 22px 4px;
		padding: 18px 16px;
	}

	.sec8-tbody-item .item-box .item-name {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 24px;
		padding: 8px 42px 4px;
		min-height: 60px;
	}

	.sec8-tbody-item .item-box .item-name span {
		top: 14px;
		width: 32px;
		height: 32px;
		line-height: 28px;
		font-size: 18px;
	}

	.sec8-tbody-item .item-box .item-name::before {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 20px;
	}

	.sec8-tbody-item .item-box .item-text .text {
		font-size: 15px;
		line-height: 24px;
		padding: 2px 14px 8px;
		padding-left: 42px;
	}

	.sec8-tbody-item .item-box .item-text span {
		top: 6px;
		width: 32px;
		height: 32px;
		line-height: 28px;
		font-size: 18px;
	}
}

@media screen and (max-width: 991px) {
	.sec8 {
		padding-top: 24px;
		padding-bottom: 46px;
	}

	.sec8-tbody {
		margin-top: 28px;
	}

	.sec8-tbody-list {
		margin-left: -6px;
		margin-right: -6px;
	}

	.sec8-tbody-item {
		width: 100%;
		margin-bottom: 24px;
		padding: 0 10px;
	}

	.sec8-tbody-item .item-box {
		border-radius: 4px 4px 24px 4px;
		padding: 20px 28px;
	}

	.sec8-tbody-item .item-box .item-name {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 24px;
		padding: 10px 44px 6px;
		min-height: 64px;
	}

	.sec8-tbody-item .item-box .item-name span {
		top: 15px;
		width: 34px;
		height: 34px;
		line-height: 30px;
		font-size: 18px;
	}

	.sec8-tbody-item .item-box .item-name::before {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 20px;
	}

	.sec8-tbody-item .item-box .item-text .text {
		font-size: 16px;
		line-height: 26px;
		padding: 2px 18px 10px;
		padding-left: 44px;
	}

	.sec8-tbody-item .item-box .item-text span {
		top: 7px;
		width: 34px;
		height: 34px;
		line-height: 30px;
		font-size: 18px;
	}
}

@media screen and (max-width: 720px) {
	.sec8 {
		padding-top: 20px;
		padding-bottom: 38px;
	}

	.sec8-tbody {
		margin-top: 24px;
	}

	.sec8-tbody-list {
		margin-left: -5px;
		margin-right: -5px;
	}

	.sec8-tbody-item {
		width: 100%;
		margin-bottom: 20px;
		padding: 0 5px;
	}

	.sec8-tbody-item .item-box {
		border-radius: 4px 4px 20px 4px;
		padding: 16px 12px;
	}

	.sec8-tbody-item .item-box .item-name {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
		padding: 8px 42px 4px;
		min-height: 60px;
	}

	.sec8-tbody-item .item-box .item-name span {
		top: 14px;
		width: 32px;
		height: 32px;
		line-height: 28px;
		font-size: 18px;
	}

	.sec8-tbody-item .item-box .item-name::before {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 20px;
	}

	.sec8-tbody-item .item-box .item-text .text {
		font-size: 15px;
		line-height: 24px;
		padding: 2px 14px 8px;
		padding-left: 42px;
	}

	.sec8-tbody-item .item-box .item-text span {
		top: 6px;
		width: 32px;
		height: 32px;
		line-height: 28px;
		font-size: 18px;
	}
}

@media screen and (max-width: 560px) {
	.sec8 {
		padding-top: 20px;
		padding-bottom: 38px;
	}

	.sec8-tbody {
		margin-top: 24px;
	}

	.sec8-tbody-list {
		margin-left: -5px;
		margin-right: -5px;
	}

	.sec8-tbody-item {
		width: 100%;
		margin-bottom: 20px;
		padding: 0 5px;
	}

	.sec8-tbody-item .item-box {
		border-radius: 4px 4px 20px 4px;
		padding: 16px 12px;
	}

	.sec8-tbody-item .item-box .item-name {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
		padding: 8px 40px 4px;
		min-height: 60px;
	}

	.sec8-tbody-item .item-box .item-name span {
		top: 12px;
		width: 30px;
		height: 30px;
		line-height: 26px;
		font-size: 16px;
	}

	.sec8-tbody-item .item-box .item-name::before {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 20px;
	}

	.sec8-tbody-item .item-box .item-text .text {
		font-size: 14px;
		line-height: 24px;
		padding: 2px 14px 8px;
		padding-left: 40px;
	}

	.sec8-tbody-item .item-box .item-text span {
		top: 6px;
		width: 30px;
		height: 30px;
		line-height: 26px;
		font-size: 16px;
	}
}

.bread {
	position: relative;
	width: 100%;
}

.bread-img {
	position: relative;
	width: 100%;
	text-align: center;
}

.bread-img img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.bread-href {
	position: relative;
	background: #f3f3f1;
	padding: 18px 0 22px;
	font-size: 18px;
	color: #999999;
	line-height: 30px;
}

.bread-href a {
	color: #999999;
}

.bread a:hover,
.bread span.bread-active {
	color: #002d52;
	font-family: DINPro-Medium;
}

@media screen and (max-width: 1459px) {
	.bread-href {
		padding: 16px 0 20px;
		font-size: 18px;
		line-height: 30px;
	}
}

@media screen and (max-width: 1259px) {
	.bread-href {
		padding: 14px 0 18px;
		font-size: 16px;
		line-height: 28px;
	}
}

@media (max-width: 991px) {
	.bread-href {
		padding: 14px 0 16px;
		font-size: 15px;
		line-height: 26px;
	}
}

@media (max-width: 720px) {
	.bread-href {
		padding: 12px 0 14px;
		font-size: 14px;
		line-height: 24px;
	}
}

@media (max-width: 560px) {
	.bread-href {
		padding: 10px 0 12px;
		font-size: 14px;
		line-height: 24px;
	}
}

.page-con-top {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

.boxs-titles {
	position: relative;
	font-size: 40px;
	font-size: 4rem;
	font-family: Oswald-Bold;
	color: #173040;
	line-height: 52px;
}

.boxs-titles span {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 14px;
}

.boxs-titles span::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	background: #002d52;
	border-radius: 3px;
}

.page-con-top .przhan {
	position: relative;
	overflow: hidden;
	font-size: 16px;
	font-size: 1.6rem;
	color: #666;
	line-height: 26px;
	max-height: 78px;
	margin-top: 12px;
	margin-bottom: 12px;
	word-wrap: break-word;
}

.page-con-top .przhan::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	height: 30px;
	max-height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
}

.przhanh {
	max-height: none !important;
}

.page-con-top .przhanh::before {
	display: none;
}

.page-con-top .przhan a {
	color: #002d52;
}

.page-con-top .przhan a:hover {
	color: #333;
}

.page-con-top .more .zhankai {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 28px;
	color: #173040;
	cursor: pointer;
}

.page-con-top .more .zhankai:hover {
	color: #002d52;
}

.page-bottom {
	position: relative;
	width: 100%;
}

.page-bottom .page-bottom-box {
	position: relative;
	width: 100%;
	background: url(../img/page-bottom-bgi.png) no-repeat center center;
	background-size: cover;
	border-radius: 8px;
	text-align: center;
	padding: 46px 20px 31px;
}

.page-bottom-title {
	position: relative;
	width: 100%;
	font-size: 40px;
	font-size: 4rem;
	color: #ffffff;
	line-height: 56px;
	font-family: Oswald-Bold;
}

.page-bottom-btn {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 26px;
}

.page-bottom-btn .btnn {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	min-width: 141px;
	font-size: 18px;
	line-height: 29px;
	color: #173040;
	background: #ffffff;
	border-radius: 20px;
	border: 1px solid #002d52;
	padding: 4px 12px 6px;
}

.page-bottom-btn a.btnn:hover {
	background: #002d52;
	color: #ffffff;
	border-color: #fff;
}

@media screen and (max-width: 1459px) {
	.page-con-top {
		margin-bottom: 18px;
	}

	.boxs-titles {
		font-size: 36px;
		font-size: 3.6rem;
		line-height: 48px;
	}

	.boxs-titles span {
		padding-bottom: 12px;
	}

	.boxs-titles span::before {
		height: 6px;
	}

	.page-con-top .przhan {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px;
		max-height: 78px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.page-con-top .more .zhankai {
		font-size: 18px;
		line-height: 28px;
	}

	.page-bottom .page-bottom-box {
		padding: 40px 20px 28px;
	}

	.page-bottom-title {
		font-size: 36px;
		font-size: 3.6rem;
		line-height: 52px;
	}

	.page-bottom-btn {
		padding-top: 22px;
	}

	.page-bottom-btn .btnn {
		min-width: 136px;
		font-size: 18px;
		line-height: 28px;
		border-radius: 20px;
		padding: 4px 10px 6px;
	}
}

@media screen and (max-width: 1259px) {
	.page-con-top {
		margin-bottom: 16px;
	}

	.boxs-titles {
		font-size: 30px;
		font-size: 3rem;
		line-height: 42px;
	}

	.boxs-titles span {
		padding-bottom: 10px;
	}

	.boxs-titles span::before {
		height: 5px;
	}

	.page-con-top .przhan {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 24px;
		max-height: 72px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.page-con-top .more .zhankai {
		font-size: 16px;
		line-height: 28px;
	}

	.page-bottom .page-bottom-box {
		padding: 34px 20px 24px;
	}

	.page-bottom-title {
		font-size: 30px;
		font-size: 3rem;
		line-height: 46px;
	}

	.page-bottom-btn {
		padding-top: 18px;
	}

	.page-bottom-btn .btnn {
		min-width: 128px;
		font-size: 16px;
		line-height: 28px;
		border-radius: 19px;
		padding: 3px 10px 5px;
	}
}

@media screen and (max-width: 991px) {
	.page-con-top {
		margin-bottom: 16px;
	}

	.boxs-titles {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 36px;
	}

	.boxs-titles span {
		padding-bottom: 10px;
	}

	.boxs-titles span::before {
		height: 5px;
	}

	.page-con-top .przhan {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 24px;
		max-height: 72px;
		margin-top: 8px;
		margin-bottom: 10px;
	}

	.page-con-top .more .zhankai {
		font-size: 15px;
		line-height: 26px;
	}

	.page-bottom .page-bottom-box {
		padding: 28px 20px 20px;
	}

	.page-bottom-title {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 40px;
	}

	.page-bottom-btn {
		padding-top: 16px;
	}

	.page-bottom-btn .btnn {
		min-width: 120px;
		font-size: 15px;
		line-height: 26px;
		border-radius: 18px;
		padding: 3px 10px 5px;
	}
}

@media screen and (max-width: 720px) {
	.page-con-top {
		margin-bottom: 12px;
	}

	.boxs-titles {
		font-size: 20px;
		font-size: 2rem;
		line-height: 32px;
	}

	.boxs-titles span {
		padding-bottom: 8px;
	}

	.boxs-titles span::before {
		height: 4px;
	}

	.page-con-top .przhan {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		max-height: 72px;
		margin-top: 8px;
		margin-bottom: 10px;
	}

	.page-con-top .more .zhankai {
		font-size: 14px;
		line-height: 24px;
	}

	.page-bottom .page-bottom-box {
		padding: 22px 15px 16px;
	}

	.page-bottom-title {
		font-size: 20px;
		font-size: 2rem;
		line-height: 34px;
	}

	.page-bottom-btn {
		padding-top: 14px;
	}

	.page-bottom-btn .btnn {
		min-width: 120px;
		font-size: 14px;
		line-height: 24px;
		border-radius: 17px;
		padding: 3px 10px 5px;
	}
}

@media screen and (max-width: 560px) {
	.page-con-top {
		margin-bottom: 10px;
	}

	.boxs-titles {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
	}

	.boxs-titles span {
		padding-bottom: 8px;
	}

	.boxs-titles span::before {
		height: 4px;
	}

	.page-con-top .przhan {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		max-height: 72px;
		margin-top: 8px;
		margin-bottom: 10px;
	}

	.page-con-top .more .zhankai {
		font-size: 14px;
		line-height: 24px;
	}

	.page-bottom .page-bottom-box {
		padding: 18px 15px 14px;
	}

	.page-bottom-title {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
	}

	.page-bottom-btn {
		padding-top: 12px;
	}

	.page-bottom-btn .btnn {
		min-width: 120px;
		font-size: 14px;
		line-height: 24px;
		border-radius: 16px;
		padding: 2px 10px 4px;
	}
}

.cer-list {
	position: relative;
	font-size: 0;
	letter-spacing: 0;
	display: flex;
	flex-wrap: wrap;
	margin-left: -32px;
	margin-right: -32px;
	padding-top: 12px;
	padding-bottom: 50px;
}

.cer-list .list-item {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 0 33px;
	margin-bottom: 22px;
}

.cer-list .list-item .list-item-box {
	position: relative;
	display: block;
	width: 100%;
}

.cer-list .list-item .item-pics {
	position: relative;
	width: 100%;
	padding-bottom: calc(100% - 2px);
	background: #ffffff;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	border: 1px solid #ececec;
}

.cer-list .list-item .item-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.cer-list .list-item .item-pics img {
	max-width: 100% !important;
	max-height: 100% !important;
	/*width: 100%;*/
}

.cer-list .list-item .item-backdrop .iconfont {
	font-size: 24px;
	font-size: 2.4rem;
	color: #fff;
	font-weight: bold;
	position: relative;
	width: 36px;
	height: 36px;
	display: inline-block;
	vertical-align: top;
	line-height: 34px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid transparent;
}

@media screen and (max-width: 999px) {
	.list-item .item-backdrop {
		display: none;
	}
}

.cer-list .list-item .item-body {
	position: relative;
	width: 100%;
	padding-top: 18px;
	text-align: center;
}

.cer-list .list-item .item-body .item-name {
	position: relative;
	width: 100%;
	font-family: DINPro-Regular;
	font-size: 16px;
	color: #666;
	text-align: center;
	line-height: 30px;
}

.cer-list .list-item .list-item-box:hover .item-body .item-name {
	color: #002d52;
}

@media screen and (max-width: 1459px) {
	.cer-list {
		margin-left: -20px;
		margin-right: -20px;
		padding-top: 10px;
		padding-bottom: 42px;
	}

	.cer-list .list-item {
		width: 25%;
		padding: 0 20px;
		margin-bottom: 20px;
	}

	.cer-list .list-item .item-backdrop .iconfont {
		font-size: 22px;
		font-size: 2.2rem;
	}

	.cer-list .list-item .item-body {
		padding-top: 18px;
	}

	.cer-list .list-item .item-body .item-name {
		font-size: 16px;
		line-height: 28px;
	}
}

@media screen and (max-width: 1259px) {
	.cer-list {
		margin-left: -8px;
		margin-right: -8px;
		padding-top: 10px;
		padding-bottom: 34px;
	}

	.cer-list .list-item {
		width: 25%;
		padding: 0 8px;
		margin-bottom: 20px;
	}

	.cer-list .list-item .item-backdrop .iconfont {
		font-size: 20px;
		font-size: 2rem;
	}

	.cer-list .list-item .item-body {
		padding-top: 16px;
	}

	.cer-list .list-item .item-body .item-name {
		font-size: 16px;
		line-height: 28px;
	}
}

@media screen and (max-width: 991px) {
	.cer-list {
		margin-left: -16px;
		margin-right: -16px;
		padding-top: 10px;
		padding-bottom: 26px;
	}

	.cer-list .list-item {
		width: 33.33333333%;
		padding: 0 16px;
		margin-bottom: 20px;
	}

	.cer-list .list-item .item-backdrop .iconfont {
		font-size: 20px;
		font-size: 2rem;
	}

	.cer-list .list-item .item-body {
		padding-top: 14px;
	}

	.cer-list .list-item .item-body .item-name {
		font-size: 15px;
		line-height: 26px;
	}
}

@media screen and (max-width: 720px) {
	.cer-list {
		margin-left: -6px;
		margin-right: -6px;
		padding-top: 8px;
		padding-bottom: 18px;
	}

	.cer-list .list-item {
		width: 33.33333333%;
		padding: 0 6px;
		margin-bottom: 20px;
	}

	.cer-list .list-item .item-backdrop .iconfont {
		font-size: 20px;
		font-size: 2rem;
	}

	.cer-list .list-item .item-body {
		padding-top: 12px;
	}

	.cer-list .list-item .item-body .item-name {
		font-size: 14px;
		line-height: 24px;
	}
}

@media (max-width: 620px) {
	.cer-list {
		margin-left: -10px;
		margin-right: -10px;
		padding-top: 8px;
		padding-bottom: 18px;
	}

	.cer-list .list-item {
		width: 50%;
		padding: 0 10px;
		margin-bottom: 20px;
	}

	.cer-list .list-item .item-backdrop .iconfont {
		font-size: 20px;
		font-size: 2rem;
	}

	.cer-list .list-item .item-body {
		padding-top: 12px;
	}

	.cer-list .list-item .item-body .item-name {
		font-size: 14px;
		line-height: 24px;
	}
}

@media (max-width: 440px) {
	.cer-list {
		margin-left: -6px;
		margin-right: -6px;
		padding-top: 8px;
		padding-bottom: 16px;
	}

	.cer-list .list-item {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 18px;
	}

	.cer-list .list-item .item-backdrop .iconfont {
		font-size: 20px;
		font-size: 2rem;
	}

	.cer-list .list-item .item-body {
		padding-top: 10px;
	}

	.cer-list .list-item .item-body .item-name {
		font-size: 14px;
		line-height: 24px;
	}
}

.about {
	position: relative;
	width: 100%;
}

.about-top {
	position: relative;
	width: 100%;
	padding-top: 54px;
	padding-bottom: 48px;
}

.about-name {
	position: relative;
	font-size: 32px;
	font-size: 3.2rem;
	font-family: Oswald-Bold;
	color: #173040;
	line-height: 44px;
	margin-bottom: 16px;
}

.about-top-text {
	position: relative;
	width: 100%;
	font-size: 18px;
	color: #666;
	line-height: 30px;
	font-family: DINPro-Medium;
}

.about-top-text a {
	color: #002d52;
}

.about-top-text a:hover {
	color: #333;
}

.about-top-text img {
	display: inline-block;
	vertical-align: top;
}

.contact-top {
	position: relative;
	width: 100%;
	padding-top: 55px;
	padding-bottom: 28px;
}

.contact-top-list {
	position: relative;
	padding-top: 20px;
	font-size: 18px;
	font-family: DINPro-Medium;
	line-height: 30px;
	color: #666666;
}

.contact-top-list li {
	position: relative;
	display: block;
}

.contact-top-list a {
	color: #666;
}

.contact-top-list a:hover {
	color: #002d52;
}

.about .wave {
	position: absolute;
	top: 0;
	transform: translateY(-100%);
	left: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	padding-bottom: 5%;
	background-image: url("../img/about-bgi.png");
	background-repeat: repeat-x;
	background-size: auto 100%;
}

.about-form {
	position: relative;
	width: 100%;
	padding: 8px 0 61px;
	background: #f5f5f4;
	margin-top: 5%;
}

.about-form .xunbiao {
	position: relative;
	font-family: Oswald-Bold;
	font-size: 40px;
	font-size: 4rem;
	color: #333;
	line-height: 52px;
	text-align: center;
}

.about-form-box {
	position: relative;
	width: 100%;
	max-width: 924px;
	margin: 0 auto;
	margin-top: 22px;
}

.about-form form {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.about-form .item-input {
	position: relative;
	width: 48.7%;
	margin-bottom: 19px;
	height: 51px;
	background: #ffffff;
	border: 1px solid #d6d6d6;
}

.about-form .item-input:hover {
	border-color: #333333;
}

.about-form .item-input1 {
	width: 100%;
	height: 140px;
}

.about-form .item-code {
	position: relative;
	padding-right: 150px;
	margin-bottom: 0;
}

.about-form .attachment {
	width: 100%;
	cursor: pointer;
	position: relative;
	font-size: 0;
	letter-spacing: 0;
	height: auto !important;
	border: 0 !important;
	background: transparent !important;
	padding-left: 0 !important;
}

.about-form .item-input.star {
	padding-left: 16px;
}

.about-form .item-input.star::before {
	position: absolute;
	left: 14px;
	top: 16px;
	content: "*";
	font-size: 22px;
	color: #ff0000;
	line-height: 22px;
	z-index: 22;
}

.about-form .item-input input {
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #333;
	line-height: 30px;
	padding: 8px 20px;
	display: block;
}

.about-form .item-input1 textarea {
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #333;
	line-height: 28px;
	padding: 10px 20px;
	display: block;
}

.attachment .file-group {
	width: 100%;
	height: 50px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.attachment .file-group .file-btn {
	width: 140px;
	max-width: 100%;
	height: 100%;
	background: #002d52;
	color: #fe0000;
	font-size: 16px;
	font-size: 1.6rem;
	transition: 0.5s;
	padding: 0 24px;
	text-align: center;
	cursor: pointer;
}

.attachment .file-group .file-single {
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 111;
}

.about-form .item-code-img {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 148px;
	height: 100%;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}

.about-form .item-code-img .yanzheng {
	text-align: center;
	height: 100%;
	max-height: 48px;
}

.about-form .item-input-btn {
	width: 48.7%;
	height: 50px;
	position: relative;
}

.about-form .item-input-btn .item-btn {
	max-width: 100%;
	height: 100%;
	width: 100%;
	background: #002d52;
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	font-family: DINPro-Regular;
}

.about-form .item-input-btn .item-btn:hover {
	background: #333;
}

.map {
	display: block;
	width: 100%;
	position: relative;
}

.map img {
	display: block;
	width: 100%;
}

.map iframe {
	display: block;
	width: 100%;
	height: 560px;
}

@media screen and (max-width: 1459px) {
	.about-top {
		padding-top: 48px;
		padding-bottom: 42px;
	}

	.about-name {
		font-size: 28px;
		font-size: 2.8rem;
		line-height: 40px;
		margin-bottom: 14px;
	}

	.about-top-text {
		font-size: 16px;
		line-height: 28px;
	}

	.contact-top {
		padding-top: 48px;
		padding-bottom: 24px;
	}

	.contact-top-list {
		padding-top: 18px;
		font-size: 16px;
		line-height: 28px;
	}

	.about-form {
		padding: 8px 0 52px;
	}

	.about-form .xunbiao {
		font-size: 36px;
		font-size: 3.6rem;
		line-height: 48px;
	}

	.about-form-box {
		margin-top: 18px;
	}

	.about-form .item-input {
		width: 48.5%;
		margin-bottom: 18px;
		height: 48px;
	}

	.about-form .item-input1 {
		width: 100%;
		height: 140px;
	}

	.about-form .item-code {
		padding-right: 150px;
		margin-bottom: 0;
	}

	.about-form .attachment {
		width: 100%;
	}

	.about-form .item-input.star {
		padding-left: 14px;
	}

	.about-form .item-input.star::before {
		left: 12px;
		top: 16px;
		font-size: 20px;
		line-height: 22px;
	}

	.about-form .item-input input {
		font-size: 16px;
		line-height: 28px;
		padding: 8px 18px;
	}

	.about-form .item-input1 textarea {
		font-size: 16px;
		line-height: 28px;
		padding: 8px 18px;
	}

	.attachment .file-group {
		width: 100%;
		height: 48px;
	}

	.attachment .file-group .file-btn {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0 20px;
	}

	.about-form .item-code-img {
		width: 148px;
	}

	.about-form .item-code-img .yanzheng {
		max-height: 46px;
	}

	.about-form .item-input-btn {
		width: 48.5%;
		height: 48px;
	}

	.about-form .item-input-btn .item-btn {
		font-size: 18px;
	}
}

@media (min-width: 992px) and (max-width: 1259px) {
	.about-top {
		padding-top: 40px;
		padding-bottom: 36px;
	}

	.about-name {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 36px;
		margin-bottom: 12px;
	}

	.about-top-text {
		font-size: 15px;
		line-height: 26px;
	}

	.contact-top {
		padding-top: 40px;
		padding-bottom: 20px;
	}

	.contact-top-list {
		padding-top: 16px;
		font-size: 15px;
		line-height: 26px;
	}

	.about-form {
		padding: 8px 0 44px;
	}

	.about-form .xunbiao {
		font-size: 30px;
		font-size: 3rem;
		line-height: 42px;
	}

	.about-form-box {
		margin-top: 16px;
	}

	.about-form .item-input {
		width: 48.5%;
		margin-bottom: 16px;
		height: 46px;
	}

	.about-form .item-input1 {
		width: 100%;
		height: 132px;
	}

	.about-form .item-code {
		padding-right: 140px;
		margin-bottom: 0;
	}

	.about-form .attachment {
		width: 100%;
	}

	.about-form .item-input.star {
		padding-left: 14px;
	}

	.about-form .item-input.star::before {
		left: 12px;
		top: 16px;
		font-size: 18px;
		line-height: 22px;
	}

	.about-form .item-input input {
		font-size: 15px;
		line-height: 26px;
		padding: 8px 15px;
	}

	.about-form .item-input1 textarea {
		font-size: 15px;
		line-height: 26px;
		padding: 8px 15px;
	}

	.attachment .file-group {
		width: 100%;
		height: 46px;
	}

	.attachment .file-group .file-btn {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0 18px;
	}

	.about-form .item-code-img {
		width: 136px;
	}

	.about-form .item-code-img .yanzheng {
		max-height: 44px;
	}

	.about-form .item-input-btn {
		width: 48.5%;
		height: 46px;
	}

	.about-form .item-input-btn .item-btn {
		font-size: 16px;
	}
}

@media (max-width: 991px) {
	.about-top {
		padding-top: 32px;
		padding-bottom: 30px;
	}

	.about-name {
		font-size: 20px;
		font-size: 2rem;
		line-height: 32px;
		margin-bottom: 10px;
	}

	.about-top-text {
		font-size: 15px;
		line-height: 26px;
	}

	.contact-top {
		padding-top: 32px;
		padding-bottom: 18px;
	}

	.contact-top-list {
		padding-top: 14px;
		font-size: 15px;
		line-height: 26px;
	}

	.about-form {
		padding: 8px 0 36px;
	}

	.about-form .xunbiao {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 36px;
	}

	.about-form-box {
		margin-top: 16px;
	}

	.about-form .item-input {
		width: 48%;
		margin-bottom: 14px;
		height: 42px;
	}

	.about-form .item-input1 {
		width: 100%;
		height: 126px;
	}

	.about-form .item-code {
		padding-right: 140px;
		margin-bottom: 0;
	}

	.about-form .attachment {
		width: 100%;
	}

	.about-form .item-input.star {
		padding-left: 12px;
	}

	.about-form .item-input.star::before {
		left: 12px;
		top: 14px;
		font-size: 16px;
		line-height: 20px;
	}

	.about-form .item-input input {
		font-size: 14px;
		line-height: 24px;
		padding: 8px 16px;
	}

	.about-form .item-input1 textarea {
		font-size: 14px;
		line-height: 24px;
		padding: 8px 16px;
	}

	.attachment .file-group {
		width: 100%;
		height: 42px;
	}

	.attachment .file-group .file-btn {
		font-size: 15px;
		font-size: 1.5rem;
		padding: 0 16px;
	}

	.about-form .item-code-img {
		width: 136px;
	}

	.about-form .item-code-img .yanzheng {
		max-height: 40px;
	}

	.about-form .item-input-btn {
		width: 48%;
		height: 42px;
	}

	.about-form .item-input-btn .item-btn {
		font-size: 18px;
	}
}

@media (max-width: 720px) {
	.about-top {
		padding-top: 24px;
		padding-bottom: 20px;
	}

	.about-name {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.about-top-text {
		font-size: 14px;
		line-height: 24px;
	}

	.contact-top {
		padding-top: 24px;
		padding-bottom: 16px;
	}

	.contact-top-list {
		padding-top: 12px;
		font-size: 14px;
		line-height: 24px;
	}

	.about-form {
		padding: 8px 0 28px;
	}

	.about-form .xunbiao {
		font-size: 20px;
		font-size: 2rem;
		line-height: 32px;
	}

	.about-form-box {
		margin-top: 16px;
	}

	.about-form .item-input {
		width: 100%;
		margin-bottom: 14px;
		height: 42px;
	}

	.about-form .item-input1 {
		width: 100%;
		height: 126px;
	}

	.about-form .item-code {
		padding-right: 140px;
		margin-bottom: 16px;
	}

	.about-form .attachment {
		width: 100%;
	}

	.about-form .item-input.star {
		padding-left: 12px;
	}

	.about-form .item-input.star::before {
		left: 12px;
		top: 14px;
		font-size: 16px;
		line-height: 20px;
	}

	.about-form .item-input input {
		font-size: 14px;
		line-height: 24px;
		padding: 8px 16px;
	}

	.about-form .item-input1 textarea {
		font-size: 14px;
		line-height: 24px;
		padding: 8px 16px;
	}

	.attachment .file-group {
		width: 100%;
		height: 42px;
	}

	.attachment .file-group .file-btn {
		font-size: 15px;
		font-size: 1.5rem;
		padding: 0 16px;
	}

	.about-form .item-code-img {
		width: 136px;
	}

	.about-form .item-code-img .yanzheng {
		max-height: 40px;
	}

	.about-form .item-input-btn {
		width: 100%;
		height: 42px;
	}

	.about-form .item-input-btn .item-btn {
		font-size: 18px;
	}
}

/**************** product *****************/
.product {
	position: relative;
	width: 100%;
	padding-top: 50px;
}

.pro-contain {
	width: 100%;
	position: relative;
	padding-bottom: 28px;
}

.pro-contain .pro-main {
	float: right;
	width: 1078px;
	padding-top: 4px;
}

.pro-contain .pro-slide {
	float: left;
	width: 270px;
}

@media (min-width: 1260px) and (max-width: 1459px) {
	.product {
		padding-top: 42px;
	}

	.pro-contain {
		padding-bottom: 28px;
	}

	.pro-contain .pro-main {
		width: 890px;
	}

	.pro-contain .pro-slide {
		width: 264px;
	}
}

@media (min-width: 992px) and (max-width: 1259px) {
	.product {
		padding-top: 34px;
	}

	.pro-contain {
		padding-bottom: 24px;
	}

	.pro-contain .pro-main {
		width: 660px;
	}

	.pro-contain .pro-slide {
		width: 260px;
	}
}

@media (max-width: 991px) {
	.product {
		padding-top: 26px;
	}

	.pro-contain {
		padding-bottom: 20px;
	}

	.pro-contain .pro-main {
		float: none;
		width: 100%;
	}

	.pro-contain .pro-slide {
		float: none;
		width: 100%;
		margin-top: 20px;
	}
}

@media (max-width: 767px) {
	.product {
		padding-top: 18px;
	}

	.pro-contain {
		padding-bottom: 16px;
	}

	.pro-contain .pro-main {
		float: none;
		width: 100%;
	}

	.pro-contain .pro-slide {
		float: none;
		width: 100%;
		margin-top: 16px;
	}
}

.pro-main-tbody {
	position: relative;
	width: 100%;
	padding-top: 7px;
}

.pro-tbody-title {
	position: relative;
	width: 100%;
	font-family: Oswald-Bold;
	font-size: 24px;
	font-size: 2.4rem;
	color: #173040;
	line-height: 36px;
	padding-bottom: 13px;
}

.pro-tbody-title::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 83px;
	max-width: 100%;
	height: 6px;
	background: #002d52;
	border-radius: 3px;
}

.pro-tbody-swiper {
	position: relative;
	padding-top: 28px;
	margin-left: -2px;
	margin-right: -2px;
}

.pro-tbody-swiper .swiper-pro {
	position: relative;
	width: 100%;
	padding: 2px 2px 0;
}

.pro-tbody-swiper .swiper-button {
	width: 26px;
	height: 26px;
	line-height: 26px;
	font-size: 11px;
	background: #ffffff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
	border-radius: 50%;
	text-align: center;
	top: 0;
	transform: translateY(-100%);
	margin-top: -16px;
	color: #002d52;
}

.pro-tbody-swiper .swiper-button:hover {
	background: #002d52;
	color: #fff;
}

.pro-tbody-swiper .swiper-button-prev {
	left: auto;
	right: 40px;
}

.pro-tbody-list {
	position: relative;
	font-size: 0;
	letter-spacing: 0;
}

.pro-list-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin-bottom: 20px;
}

.pro-list-item .item-box {
	position: relative;
	width: 100%;
	background: #ffffff;
	box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.16);
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pro-list-item .item-box .item-pic {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 220px;
	text-align: center;
	background: #fff;
}

.pro-list-item .item-box .item-pic img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.pro-list-item .item-box .item-body {
	position: relative;
	width: calc(100% - 250px);
	padding-top: 10px;
}

.pro-list-item .item-body .item-title {
	font-size: 20px;
	font-size: 2rem;
	font-family: DINPro-Medium;
	color: #333;
	line-height: 32px;
}

.pro-list-item .item-body .item-desc {
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	margin-top: 8px;
	font-family: DINPro-Regular;
}

.pro-list-item .item-body .item-btn {
	position: relative;
	margin-top: 22px;
}

.pro-list-item .item-body .item-btn .btnn {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	min-width: 141px;
	border: 1px solid #002d52;
	font-size: 18px;
	line-height: 28px;
	padding: 5px 10px 6px;
	background: #fff;
	color: #173040;
	border-radius: 20px;
}

.pro-list-item .item-body .item-btn a.btnn:hover {
	color: #fff;
	background: #084f87;
}

.pro-list-item .item-box:hover {
	background: #002d52;
}

.pro-list-item .item-box:hover .item-body .item-title,
.pro-list-item .item-box:hover .item-body .item-title a {
	color: #fff;
}

.pro-list-item .item-box:hover .item-body .item-desc,
.pro-list-item .item-box:hover .item-body .item-desc a {
	color: #6e7f8b;
}

.pro-list-item .item-box:hover .item-body .item-btn .btnn,
.pro-list-item .item-box:hover .item-body .item-btn a {
	color: #084f87;
	background: #fff;
}

.pro-form {
	display: block;
	position: relative;
	width: 100%;
}

.pro-list {
	position: relative;
	font-size: 0;
	letter-spacing: 0;
	transition: 0.5s;
	padding-top: 9px;
	padding-bottom: 28px;
	margin-left: -18px;
	margin-right: -18px;
}

.pro-list .pro-item {
	width: 33.3333333%;
	padding: 0 18px;
	margin-bottom: 32px;
	display: inline-block;
	vertical-align: top;
	transition: 0.5s;
}

.fenye {
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}

.fenyen {
	display: inline-block;
	vertical-align: top;
}

.fenyen a {
	position: relative;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	min-width: 31px;
	line-height: 27px;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0 4px 2px;
	color: #333;
	background: #fff;
	border-radius: 4px;
	margin-bottom: 10px;
	margin-right: 8px;
	border: 1px solid #cccccc;
}

.fenyen a.iconfont {
	font-size: 13px;
	font-size: 1.3rem;
	color: #002d52;
	border-color: #002d52;
	padding: 1px 0;
}

.fenyen a:hover,
.fenyen a.active {
	color: #fff;
	background: #002d52;
}

.fenyen a.active {
	cursor: default;
}

.fenyen a:nth-last-of-type(1) {
	margin-right: 0 !important;
}

.fuxuan {
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
}

.fuxuan>div {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
}

.fuxuan input {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	text-align: center;
	line-height: 27px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	font-family: DINPro-Regular;
	cursor: pointer;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	padding: 0 12px 2px;
	background-color: #002d52;
	border: 1px solid #002d52;
	border-radius: 4px;
}

/* background:url(../img/jian.png) no-repeat right center; */
.fuxuan>div input {
	margin-bottom: 0 !important;
}

.fuxuan input:hover {
	background-color: #fff;
	color: #002d52;
}

@media screen and (max-width: 1459px) {
	.pro-main-tbody {
		padding-top: 6px;
	}

	.pro-tbody-title {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 34px;
		padding-bottom: 12px;
	}

	.pro-tbody-title::before {
		width: 74px;
		height: 6px;
		border-radius: 3px;
	}

	.pro-tbody-swiper {
		padding-top: 24px;
		margin-left: -2px;
		margin-right: -2px;
	}

	.pro-tbody-swiper .swiper-pro {
		padding: 2px 2px 0;
	}

	.pro-tbody-swiper .swiper-button {
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 10px;
		margin-top: -14px;
	}

	.pro-tbody-swiper .swiper-button-prev {
		left: auto;
		right: 36px;
	}

	.pro-list-item {
		margin-bottom: 18px;
	}

	.pro-list-item .item-box {
		padding: 16px;
	}

	.pro-list-item .item-box .item-pic {
		width: 220px;
	}

	.pro-list-item .item-box .item-body {
		width: calc(100% - 240px);
		padding-top: 8px;
	}

	.pro-list-item .item-body .item-title {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
	}

	.pro-list-item .item-body .item-desc {
		font-size: 16px;
		line-height: 26px;
		margin-top: 6px;
	}

	.pro-list-item .item-body .item-btn {
		margin-top: 20px;
	}

	.pro-list-item .item-body .item-btn .btnn {
		min-width: 136px;
		font-size: 18px;
		line-height: 26px;
		padding: 5px 10px 6px;
		border-radius: 19px;
	}

	.pro-list {
		padding-top: 8px;
		padding-bottom: 24px;
		margin-left: -12px;
		margin-right: -12px;
	}

	.pro-list .pro-item {
		width: 33.3333333%;
		padding: 0 12px;
		margin-bottom: 28px;
	}

	.fenyen a {
		min-width: 30px;
		line-height: 26px;
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0 4px 2px;
		margin-right: 8px;
	}

	.fenyen a.iconfont {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 1px 0;
	}

	.fuxuan {
		padding-left: 10px;
	}

	.fuxuan input {
		line-height: 26px;
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0 10px 2px;
	}
}

@media screen and (max-width: 1259px) {
	.pro-main-tbody {
		padding-top: 6px;
	}

	.pro-tbody-title {
		font-size: 20px;
		font-size: 2rem;
		line-height: 32px;
		padding-bottom: 10px;
	}

	.pro-tbody-title::before {
		width: 64px;
		height: 5px;
		border-radius: 2px;
	}

	.pro-tbody-swiper {
		padding-top: 20px;
		margin-left: -2px;
		margin-right: -2px;
	}

	.pro-tbody-swiper .swiper-pro {
		padding: 2px 2px 0;
	}

	.pro-tbody-swiper .swiper-button {
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 10px;
		margin-top: -14px;
	}

	.pro-tbody-swiper .swiper-button-prev {
		left: auto;
		right: 36px;
	}

	.pro-list-item {
		margin-bottom: 16px;
	}

	.pro-list-item .item-box {
		padding: 14px;
	}

	.pro-list-item .item-box .item-pic {
		width: 200px;
	}

	.pro-list-item .item-box .item-body {
		width: calc(100% - 220px);
		padding-top: 8px;
	}

	.pro-list-item .item-body .item-title {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
	}

	.pro-list-item .item-body .item-desc {
		font-size: 15px;
		line-height: 24px;
		margin-top: 6px;
	}

	.pro-list-item .item-body .item-btn {
		margin-top: 18px;
	}

	.pro-list-item .item-body .item-btn .btnn {
		min-width: 128px;
		font-size: 16px;
		line-height: 26px;
		padding: 4px 10px 5px;
		border-radius: 18px;
	}

	.pro-list {
		padding-top: 8px;
		padding-bottom: 20px;
		margin-left: -10px;
		margin-right: -10px;
	}

	.pro-list .pro-item {
		width: 50%;
		padding: 0 10px;
		margin-bottom: 24px;
	}

	.fenyen a {
		min-width: 30px;
		line-height: 26px;
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0 4px 2px;
		margin-right: 8px;
	}

	.fenyen a.iconfont {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 1px 0;
	}

	.fuxuan {
		padding-left: 10px;
	}

	.fuxuan input {
		line-height: 26px;
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0 10px 2px;
	}
}

@media (max-width: 991px) {
	.pro-main-tbody {
		padding-top: 6px;
	}

	.pro-tbody-title {
		font-size: 20px;
		font-size: 2rem;
		line-height: 32px;
		padding-bottom: 10px;
	}

	.pro-tbody-title::before {
		width: 56px;
		height: 4px;
		border-radius: 2px;
	}

	.pro-tbody-swiper {
		padding-top: 18px;
		margin-left: -2px;
		margin-right: -2px;
	}

	.pro-tbody-swiper .swiper-pro {
		padding: 2px 2px 0;
	}

	.pro-tbody-swiper .swiper-button {
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 10px;
		margin-top: -12px;
	}

	.pro-tbody-swiper .swiper-button-prev {
		left: auto;
		right: 36px;
	}

	.pro-list-item {
		margin-bottom: 16px;
	}

	.pro-list-item .item-box {
		padding: 14px;
	}

	.pro-list-item .item-box .item-pic {
		width: 200px;
	}

	.pro-list-item .item-box .item-body {
		width: calc(100% - 220px);
		padding-top: 8px;
	}

	.pro-list-item .item-body .item-title {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
	}

	.pro-list-item .item-body .item-desc {
		font-size: 14px;
		line-height: 24px;
		margin-top: 6px;
	}

	.pro-list-item .item-body .item-btn {
		margin-top: 16px;
	}

	.pro-list-item .item-body .item-btn .btnn {
		min-width: 120px;
		font-size: 15px;
		line-height: 26px;
		padding: 4px 10px 5px;
		border-radius: 18px;
	}

	.pro-list {
		padding-top: 8px;
		padding-bottom: 20px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.pro-list .pro-item {
		width: 33.3333333%;
		padding: 0 6px;
		margin-bottom: 24px;
	}

	.fenyen a {
		min-width: 28px;
		line-height: 24px;
		font-size: 15px;
		font-size: 1.5rem;
		padding: 0 4px 2px;
		margin-right: 8px;
	}

	.fenyen a.iconfont {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 1px 0;
	}

	.fuxuan {
		padding-left: 10px;
	}

	.fuxuan input {
		line-height: 24px;
		font-size: 15px;
		font-size: 1.5rem;
		padding: 0 10px 2px;
	}
}

@media (max-width: 720px) {
	.pro-main-tbody {
		padding-top: 6px;
	}

	.pro-tbody-title {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
		padding-bottom: 10px;
	}

	.pro-tbody-title::before {
		width: 48px;
		height: 4px;
		border-radius: 2px;
	}

	.pro-tbody-swiper {
		padding-top: 18px;
		margin-left: -2px;
		margin-right: -2px;
	}

	.pro-tbody-swiper .swiper-pro {
		padding: 2px 2px 0;
	}

	.pro-tbody-swiper .swiper-button {
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 10px;
		margin-top: -12px;
	}

	.pro-tbody-swiper .swiper-button-prev {
		left: auto;
		right: 36px;
	}

	.pro-tbody-list {
		margin-left: -6px;
		margin-right: -6px;
	}

	.pro-list-item {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 16px;
	}

	.pro-list-item .item-box {
		padding: 12px;
	}

	.pro-list-item .item-box .item-pic {
		width: 100%;
	}

	.pro-list-item .item-box .item-body {
		width: 100%;
		padding: 12px 0 6px;
	}

	.pro-list-item .item-body .item-title {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 28px;
	}

	.pro-list-item .item-body .item-desc {
		font-size: 14px;
		line-height: 24px;
		margin-top: 6px;
	}

	.pro-list-item .item-body .item-btn {
		margin-top: 16px;
	}

	.pro-list-item .item-body .item-btn .btnn {
		min-width: 120px;
		font-size: 14px;
		line-height: 24px;
		padding: 3px 10px 4px;
		border-radius: 16px;
	}

	.pro-list {
		padding-top: 8px;
		padding-bottom: 20px;
		margin-left: -12px;
		margin-right: -12px;
	}

	.pro-list .pro-item {
		width: 50%;
		padding: 0 12px;
		margin-bottom: 20px;
	}

	.fenyen a {
		min-width: 28px;
		line-height: 24px;
		font-size: 15px;
		font-size: 1.5rem;
		padding: 0 4px 2px;
		margin-right: 8px;
	}

	.fenyen a.iconfont {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 1px 0;
	}

	.fuxuan {
		padding-left: 10px;
	}

	.fuxuan input {
		line-height: 24px;
		font-size: 15px;
		font-size: 1.5rem;
		padding: 0 10px 2px;
	}
}

@media (max-width: 560px) {
	.pro-main-tbody {
		padding-top: 6px;
	}

	.pro-tbody-title {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
		padding-bottom: 10px;
	}

	.pro-tbody-title::before {
		width: 48px;
		height: 4px;
		border-radius: 2px;
	}

	.pro-tbody-swiper {
		padding-top: 18px;
		margin-left: -2px;
		margin-right: -2px;
	}

	.pro-tbody-swiper .swiper-pro {
		padding: 2px 2px 0;
	}

	.pro-tbody-swiper .swiper-button {
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 10px;
		margin-top: -12px;
	}

	.pro-tbody-swiper .swiper-button-prev {
		left: auto;
		right: 36px;
	}

	.pro-tbody-list {
		margin-left: -6px;
		margin-right: -6px;
	}

	.pro-list-item {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 16px;
	}

	.pro-list-item .item-box {
		padding: 12px;
	}

	.pro-list-item .item-box .item-pic {
		width: 100%;
	}

	.pro-list-item .item-box .item-body {
		width: 100%;
		padding: 12px 0 6px;
	}

	.pro-list-item .item-body .item-title {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 28px;
	}

	.pro-list-item .item-body .item-desc {
		font-size: 14px;
		line-height: 24px;
		margin-top: 6px;
	}

	.pro-list-item .item-body .item-btn {
		margin-top: 14px;
	}

	.pro-list-item .item-body .item-btn .btnn {
		min-width: 120px;
		font-size: 14px;
		line-height: 24px;
		padding: 3px 10px 4px;
		border-radius: 16px;
	}

	.pro-list {
		padding-top: 8px;
		padding-bottom: 20px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.pro-list .pro-item {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 20px;
	}

	.fenyen a {
		min-width: 26px;
		line-height: 22px;
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0 4px 2px;
		margin-right: 6px;
	}

	.fenyen a.iconfont {
		font-size: 11px;
		font-size: 1.1rem;
		padding: 1px 0;
	}

	.fuxuan {
		padding-left: 8px;
	}

	.fuxuan input {
		line-height: 22px;
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0 10px 2px;
	}
}

@media (max-width: 360px) {
	.pro-list .pro-item {
		width: 100%;
	}

	.pro-list-item {
		width: 100%;
	}
}

.j-nextshow {
	position: relative;
}

.proslide_menubtn {
	display: none;
	width: 24px;
	height: 18px;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: 5px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	z-index: 9999;
}

.proslide_menubtn span {
	display: block;
	width: 100%;
	height: 3px;
	margin-bottom: 3px;
	background-color: #002d52;
}

@media screen and (max-width: 991px) {
	.proslide_menubtn {
		display: block;
	}
}

.pro-slide-title {
	position: relative;
	font-size: 30px;
	font-size: 3rem;
	line-height: 42px;
	font-family: DINPro-Medium;
	color: #333;
	text-transform: uppercase;
}

.pro-slide-title a {
	color: #333;
}

.pro-slide-title a:hover {
	color: #002d52;
}

.pryiji {
	position: relative;
	width: 100%;
	padding-top: 6px;
	display: block;
}

.pryiji>li {
	position: relative;
	transition: 0.5s;
}

.pryiji>li>a {
	position: relative;
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	color: #333;
	padding: 15px 0;
	padding-right: 32px;
	font-family: DINPro-Medium;
	border-bottom: 1px solid #cccccc;
}

.pryiji>li>.iconfont {
	position: absolute;
	z-index: 8;
	right: 0px;
	width: 12px;
	top: 20px;
	font-size: 12px;
	line-height: 20px;
	transition: 0.5s;
	color: #999;
	cursor: pointer;
	font-weight: bold;
}

.pryiji>li>a .iconfont {
	position: absolute;
	z-index: 8;
	right: 0px;
	width: 12px;
	top: 20px;
	font-size: 12px;
	line-height: 20px;
	transition: 0.5s;
	color: #999;
	cursor: pointer;
	font-weight: bold;
}

/* .pryiji>li>.iconfont::before{content: "\e608";}
.pryiji>li>a .iconfont::before{content: "\e608";} */
/* .pryiji>li:hover>.iconfont::before, .pryiji>li:hover>a .iconfont::before {content: "\e600";} */
.pryiji>li>a:hover {
	color: #002d52;
}

.pryiji>li:hover>a .iconfont {
	color: #002d52 !important;
	transform: rotate(180deg) !important;
}

.prerji>li {
	position: relative;
	transition: 0.5s;
}

.prerji>li>a {
	position: relative;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 28px;
	padding: 16px 0;
	padding-left: 22px;
	padding-right: 32px;
	color: #666;
	font-family: DINPro-Medium;
	border-bottom: 1px solid #cccccc;
}

.prerji>li>.iconfont {
	position: absolute;
	z-index: 8;
	right: 0px;
	width: 12px;
	top: 20px;
	font-size: 12px;
	line-height: 20px;
	transition: 0.5s;
	color: #999;
	cursor: pointer;
	font-weight: bold;
}

.prerji>li>a .iconfont {
	position: absolute;
	z-index: 8;
	right: 0px;
	width: 12px;
	top: 20px;
	font-size: 12px;
	line-height: 20px;
	transition: 0.5s;
	color: #999;
	cursor: pointer;
	font-weight: bold;
}

.prerji>li>a:hover {
	color: #002d52;
}

.prerji>li:hover>a .iconfont {
	color: #002d52 !important;
	transform: rotate(180deg) !important;
}

/* .prerji>li>.iconfont::before{content: "\e608";}
.prerji>li>a .iconfont::before{content: "\e608";} */
/* .prerji>li:hover>.iconfont::before, .prerji>li:hover>a .iconfont::before {content: "\e600";} */
.prsanji {
	position: relative;
	padding: 24px 0 20px;
	padding-left: 22px;
	border-bottom: 1px solid #cccccc;
}

.prsanji>li {
	padding-left: 20px;
}

.prsanji>li>a {
	position: relative;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	padding: 2px 0;
	color: #666;
	font-family: DINPro-Medium;
}

.prsanji>li>a:hover {
	color: #002d52;
}

a.prbiao:hover {
	color: #002d52;
}

.dangpryi>a {
	color: #002d52 !important;
}

/* .dangpryi>.iconfont::before, .dangpryi>a .iconfont::before {content: "\e600" !important;} */
.dangpryi>.iconfont {
	color: #002d52 !important;
	transform: rotate(180deg) !important;
}

.dangpryi>a .iconfont {
	color: #002d52 !important;
	transform: rotate(180deg) !important;
}

/* .dangpryi>a i{ transform:rotate(180deg) !important; color:#fff !important} */
.dangprer>a {
	color: #002d52 !important;
}

.dangprer>.iconfont {
	color: #002d52 !important;
	transform: rotate(180deg) !important;
}

.dangprer>a .iconfont {
	color: #002d52 !important;
	transform: rotate(180deg) !important;
}

/* .dangprer>.iconfont::before, .dangprer>a .iconfont::before {content: "\e600" !important;} */
.attribute {
	position: relative;
	width: 100%;
	padding-top: 40px;
	margin-bottom: 24px;
}

.attribute .box {
	margin-top: 3px;
}

.attribute .name span {
	display: inline-block;
	color: #000;
	transition: 0.5s;
}

.attribute .name {
	position: relative;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	font-family: DINPro-Medium;
	box-sizing: border-box;
	cursor: pointer;
	color: #000;
	transition: 0.5s;
}

.attribute .name i {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	width: 12px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #333;
}

/* .attribute .name i:before{ content: ""; position: absolute; width: 12px; height: 2px; background: #333; left: 50%; top: 50%; margin-left: -6px; margin-top: -1px;}
.attribute .name i:after{ content: ""; position: absolute; width: 12px; height: 2px; background: #333; left: 50%; top: 50%; margin-left: -6px; margin-top: -1px; transform: rotate(90deg); transition: 0.5s;} */
/* .attribute .name.active span{color: #1B3884;} */
.attribute .name.active i {
	transform: rotate(90deg);
	color: #002d52;
	font-weight: bold;
}

.attribute .item-box {
	width: 100%;
	box-sizing: border-box;
	max-height: 180px;
	overflow-y: auto !important;
	cursor: pointer;
	display: none;
	margin-bottom: 12px;
}

.attribute .item-box label {
	display: inline-block;
	cursor: pointer;
}

.attribute .item-box>div {
	color: #333;
	display: block;
	vertical-align: top;
	position: relative;
}

.attribute .item-box div span {
	overflow-y: hidden;
	display: inline-block;
	vertical-align: middle;
	max-height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
}

.attribute .check-box-div {
	display: inline-block;
	vertical-align: text-bottom;
}

.attribute .check-box-div .icon {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.attribute .check-box-div input {
	width: 11px;
	height: 11px;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
}

.attribute .item-box.active {
	display: block;
}

.prtags {
	position: relative;
	width: 100%;
	padding-top: 18px;
}

.tags-list {
	position: relative;
	padding-top: 6px;
	max-height: 450px;
	overflow: auto;
	margin-bottom: 10px;
	font-size: 0;
	letter-spacing: 0;
}

.tags-list a {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333333;
	line-height: 30px;
	margin-right: 12px;
}

.tags-list a:hover {
	color: #002d52;
}

.tag {
	position: relative;
	width: 100%;
}

.tag-list {
	position: relative;
	margin-top: 24px;
	margin-bottom: 10px;
	font-size: 0;
	letter-spacing: 0;
}

.tag-list a {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	min-width: 80px;
	padding: 4px 24px 6px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	margin-right: 18px;
	margin-bottom: 10px;
	background: #f5f5f5;
	border-radius: 4px;
	color: #333;
}

.tag-list a:hover {
	color: #fff;
	background: #002d52;
}

.tag .prtag {
	position: relative;
	max-height: 100px;
	overflow: hidden;
}

.tag .prtagh {
	max-height: none !important;
}

.tag .mores .zhankais {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	cursor: pointer;
	min-width: 141px;
	border: 1px solid #002d52;
	font-size: 18px;
	line-height: 28px;
	padding: 5px 10px 6px;
	background: #fff;
	color: #173040;
	border-radius: 20px;
}

.tag .mores .zhankais:hover {
	background: #002d52;
	color: #fff;
}

/* .prnews{position: relative;margin-top: 54px;}
.pro-news-list{margin-top: 13px;width: 100%;background: rgba(238, 238, 238, .4);border: 1px solid #CCCCCC;}
.pro-news-item{width: 100%;padding: 24px 20px;border-bottom: 1px solid #ccc;}
.pro-news-item .item-title{font-size: 16px;color: #333333;line-height: 26px;position: relative;padding-left: 26px;}
.pro-news-item .item-title .iconfont{font-size: 18px;line-height: 26px;color: #084F87;width: 18px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.pro-news-item .item-desc{font-size: 16px;color: #666666;line-height: 24px;margin-top: 10px;} */
@media (min-width: 1260px) and (max-width: 1459px) {
	.pro-slide-title {
		font-size: 28px;
		font-size: 2.8rem;
		line-height: 40px;
	}

	.pryiji {
		padding-top: 6px;
	}

	.pryiji>li>a {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
		padding: 12px 0;
		padding-right: 28px;
	}

	.pryiji>li>.iconfont {
		width: 12px;
		top: 17px;
		font-size: 12px;
		line-height: 20px;
	}

	.pryiji>li>a .iconfont {
		width: 12px;
		top: 17px;
		font-size: 12px;
		line-height: 20px;
	}

	.prerji>li>a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 28px;
		padding: 12px 0;
		padding-left: 18px;
		padding-right: 28px;
	}

	.prerji>li>.iconfont {
		width: 12px;
		top: 16px;
		font-size: 12px;
		line-height: 20px;
	}

	.prerji>li>a .iconfont {
		width: 12px;
		top: 16px;
		font-size: 12px;
		line-height: 20px;
	}

	.prsanji {
		padding: 20px 0 18px;
		padding-left: 18px;
	}

	.prsanji>li {
		padding-left: 18px;
	}

	.prsanji>li>a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 22px;
		padding: 2px 0;
	}

	.attribute {
		padding-top: 36px;
		margin-bottom: 20px;
	}

	.attribute .box {
		margin-top: 3px;
	}

	.prtags {
		padding-top: 16px;
	}

	.tags-list {
		padding-top: 6px;
		margin-bottom: 10px;
	}

	.tags-list a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 28px;
	}

	.tag-list {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.tag-list a {
		padding: 3px 20px 5px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 28px;
		margin-right: 14px;
		margin-bottom: 10px;
	}

	.tag .prtag {
		max-height: 92px;
	}

	.tag .mores .zhankais {
		min-width: 136px;
		font-size: 18px;
		line-height: 28px;
		padding: 4px 10px 5px;
		border-radius: 19px;
	}
}

@media (min-width: 992px) and (max-width: 1259px) {
	.pro-slide-title {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 36px;
	}

	.pryiji {
		padding-top: 6px;
	}

	.pryiji>li>a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 28px;
		padding: 10px 0;
		padding-right: 24px;
	}

	.pryiji>li>.iconfont {
		width: 12px;
		top: 14px;
		font-size: 12px;
		line-height: 20px;
	}

	.pryiji>li>a .iconfont {
		width: 12px;
		top: 14px;
		font-size: 12px;
		line-height: 20px;
	}

	.prerji>li>a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px;
		padding: 10px 0;
		padding-left: 16px;
		padding-right: 24px;
	}

	.prerji>li>.iconfont {
		width: 12px;
		top: 13px;
		font-size: 12px;
		line-height: 20px;
	}

	.prerji>li>a .iconfont {
		width: 12px;
		top: 13px;
		font-size: 12px;
		line-height: 20px;
	}

	.prsanji {
		padding: 16px 0 14px;
		padding-left: 16px;
	}

	.prsanji>li {
		padding-left: 16px;
	}

	.prsanji>li>a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 22px;
		padding: 2px 0;
	}

	.attribute {
		padding-top: 30px;
		margin-bottom: 16px;
	}

	.attribute .box {
		margin-top: 2px;
	}

	.prtags {
		padding-top: 16px;
	}

	.tags-list {
		padding-top: 6px;
		margin-bottom: 10px;
	}

	.tags-list a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 28px;
	}

	.tag-list {
		margin-top: 18px;
		margin-bottom: 10px;
	}

	.tag-list a {
		padding: 3px 16px 5px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 28px;
		margin-right: 12px;
		margin-bottom: 10px;
	}

	.tag .prtag {
		max-height: 92px;
	}

	.tag .mores .zhankais {
		min-width: 128px;
		font-size: 16px;
		line-height: 26px;
		padding: 4px 10px 5px;
		border-radius: 18px;
	}

	.prnews {
		margin-top: 40px;
	}

	.pro-news-list {
		margin-top: 12px;
	}

	.pro-news-item {
		padding: 18px 16px;
	}

	.pro-news-item .item-title {
		font-size: 15px;
		line-height: 24px;
		padding-left: 24px;
	}

	.pro-news-item .item-title .iconfont {
		font-size: 16px;
		line-height: 24px;
		width: 16px;
	}

	.pro-news-item .item-desc {
		font-size: 14px;
		line-height: 22px;
		margin-top: 8px;
	}
}

@media (max-width: 991px) {
	.pro-slide-title {
		font-size: 20px;
		font-size: 2rem;
		line-height: 32px;
	}

	.pryiji {
		padding-top: 6px;
	}

	.pryiji>li>a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px;
		padding: 10px 0;
		padding-right: 24px;
	}

	.pryiji>li>.iconfont {
		width: 12px;
		top: 13px;
		font-size: 12px;
		line-height: 20px;
	}

	.pryiji>li>a .iconfont {
		width: 12px;
		top: 13px;
		font-size: 12px;
		line-height: 20px;
	}

	.prerji>li>a {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 26px;
		padding: 8px 0;
		padding-left: 16px;
		padding-right: 24px;
	}

	.prerji>li>.iconfont {
		width: 12px;
		top: 11px;
		font-size: 12px;
		line-height: 20px;
	}

	.prerji>li>a .iconfont {
		width: 12px;
		top: 11px;
		font-size: 12px;
		line-height: 20px;
	}

	.prsanji {
		padding: 16px 0 14px;
		padding-left: 16px;
	}

	.prsanji>li {
		padding-left: 16px;
	}

	.prsanji>li>a {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 22px;
		padding: 2px 0;
	}

	.attribute {
		padding-top: 26px;
		margin-bottom: 14px;
	}

	.attribute .box {
		margin-top: 2px;
	}

	.prtags {
		padding-top: 16px;
	}

	.tags-list {
		padding-top: 6px;
		margin-bottom: 10px;
	}

	.tags-list a {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 26px;
	}

	.tag-list {
		margin-top: 16px;
		margin-bottom: 10px;
	}

	.tag-list a {
		padding: 2px 14px 4px;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 26px;
		margin-right: 12px;
		margin-bottom: 10px;
	}

	.tag .prtag {
		max-height: 84px;
	}

	.tag .mores .zhankais {
		min-width: 128px;
		font-size: 15px;
		line-height: 26px;
		padding: 3px 10px 4px;
		border-radius: 17px;
	}

	.pryiji {
		display: none;
		margin-bottom: 0;
	}

	.prnews {
		margin-top: 32px;
	}

	.pro-news-list {
		margin-top: 12px;
	}

	.pro-news-item {
		padding: 16px 12px;
	}

	.pro-news-item .item-title {
		font-size: 14px;
		line-height: 24px;
		padding-left: 24px;
	}

	.pro-news-item .item-title .iconfont {
		font-size: 16px;
		line-height: 24px;
		width: 16px;
	}

	.pro-news-item .item-desc {
		font-size: 13px;
		line-height: 22px;
		margin-top: 8px;
	}
}

@media (max-width: 767px) {
	.pryiji {
		display: none;
		margin-bottom: 0;
	}

	.pro-slide-title {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
	}

	.pryiji {
		padding-top: 6px;
	}

	.pryiji>li>a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px;
		padding: 8px 0;
		padding-right: 24px;
	}

	.pryiji>li>.iconfont {
		width: 12px;
		top: 11px;
		font-size: 12px;
		line-height: 20px;
	}

	.pryiji>li>a .iconfont {
		width: 12px;
		top: 11px;
		font-size: 12px;
		line-height: 20px;
	}

	.prerji>li>a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding: 6px 0;
		padding-left: 16px;
		padding-right: 24px;
	}

	.prerji>li>.iconfont {
		width: 12px;
		top: 8px;
		font-size: 12px;
		line-height: 20px;
	}

	.prerji>li>a .iconfont {
		width: 12px;
		top: 8px;
		font-size: 12px;
		line-height: 20px;
	}

	.prsanji {
		padding: 12px 0 10px;
		padding-left: 16px;
	}

	.prsanji>li {
		padding-left: 16px;
	}

	.prsanji>li>a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 22px;
		padding: 1px 0;
	}

	.attribute {
		padding-top: 22px;
		margin-bottom: 12px;
	}

	.attribute .box {
		margin-top: 2px;
	}

	.prtags {
		padding-top: 16px;
	}

	.tags-list {
		padding-top: 6px;
		margin-bottom: 10px;
	}

	.tags-list a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
	}

	.tag-list {
		margin-top: 16px;
		margin-bottom: 10px;
	}

	.tag-list a {
		padding: 2px 14px 4px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-right: 10px;
		margin-bottom: 8px;
	}

	.tag .prtag {
		max-height: 76px;
	}

	.tag .mores .zhankais {
		min-width: 120px;
		font-size: 14px;
		line-height: 24px;
		padding: 3px 10px 4px;
		border-radius: 16px;
	}
}

.related-box {
	position: relative;
	width: 100%;
	padding: 9px 0 76px;
	background: #f5f5f4;
	margin-top: 5%;
}

.related-box .wave {
	position: absolute;
	top: 0;
	transform: translateY(-100%);
	left: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	padding-bottom: 5%;
	background-image: url("../img/about-bgi.png");
	background-repeat: repeat-x;
	background-size: auto 100%;
}

.pro-related-box {
	padding: 11px 0 159px;
}

.pro-related-box .news-related {
	padding-top: 0 !important;
}

.product .page-bottom {
	position: relative;
	transform: translateY(-49.5%);
}

.pro-related {
	position: relative;
	width: 100%;
}

.news-related {
	position: relative;
	width: 100%;
	padding-top: 54px;
}

.app-related {
	position: relative;
	width: 100%;
	padding-top: 54px;
}

.faq-related {
	position: relative;
	width: 100%;
	padding-top: 52px;
}

.related-title {
	position: relative;
	text-align: center;
	font-family: Oswald-Bold;
	font-size: 36px;
	font-size: 3.6rem;
	color: #173040;
	line-height: 48px;
	padding-bottom: 27px;
}

.related-title::before {
	position: absolute;
	content: "";
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 126px;
	height: 6px;
	background: #002d52;
	border-radius: 3px;
}

.related-title a {
	color: #173040;
}

.related-title a:hover {
	color: #002d52;
}

.related-swiper {
	position: relative;
	margin-left: -30px;
	margin-right: -30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
}

.app-related .related-swiper {
	padding-top: 20px;
}

.related-swiper .swiper-related {
	position: relative;
	width: 100%;
}

.related-swiper .swiper-slide {
	display: inline-block;
	vertical-align: top;
	width: auto;
	max-width: 100%;
}

.related-swiper .swiper-button {
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	color: #002d52;
	background: #ffffff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
	border-radius: 50%;
	font-weight: bold;
}

.related-swiper .swiper-button:hover {
	background: #002d52;
	color: #fff;
}

.app-related .related-swiper .swiper-button {
	top: auto;
	transform: translateY(0);
	bottom: 76px;
	width: 32px;
	height: 32px;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	background: #002d52;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
	border-radius: 50%;
	border: 1px solid #ffffff;
}

.app-related .related-swiper .swiper-button:hover {
	color: #002d52;
	background: #ffffff;
	border-color: #002d52;
}

.app-related .related-swiper .swiper-button-prev {
	left: 556px;
}

.app-related .related-swiper .swiper-button-next {
	left: 602px;
}

.faq-related .related-swiper .swiper-related {
	padding-bottom: 34px;
}

.faq-related .related-swiper .swiper-related .swiper-pagination {
	bottom: 0;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}

.faq-related .related-swiper .swiper-related .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 4px;
	margin: 0 5px;
	background: #999999;
	border-radius: 2px;
	opacity: 1;
}

.faq-related .related-swiper .swiper-related .swiper-pagination .swiper-pagination-bullet-active {
	width: 18px;
	background: #002d52;
}

.faq-related .faq-item {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}

.faq-related .faq-item .item-box {
	background: #fff;
}

.pro-related .sec2-tbody-item .item-tip {
	position: absolute;
	top: 0;
	left: 20px;
	transform: translateY(-50%);
	width: 38px;
	height: 38px;
	background: #b6d0e6;
	border-radius: 50%;
}

.pro-related .sec2-tbody-item .item-tip img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.pro-related .sec2-tbody-item .item-body {
	padding-bottom: 20px;
}

.news-related .new-item-box .item-btn {
	background: rgba(0, 45, 82, 0.2);
}

.news-related .new-item-box:hover .item-btn {
	background: #002d52;
}

.news-related .new-item-box .item-body {
	padding: 6px 40px 12px;
}

.app-slide-item {
	position: relative;
	width: 100%;
}

.app-slide-item .item-box {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	background: transparent;
	border-radius: 16px;
	overflow: hidden;
}

.app-slide-item .item-box::before {
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	bottom: 0;
	width: calc(100% - 512px);
	height: 100%;
	background: #002d52;
}

.app-slide-item .item-box .item-pic {
	position: relative;
	width: 512px;
	text-align: center;
	background: #ffffff;
	left: 0px;
}

.app-slide-item .item-box .item-pic img {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	transform: scale(1.05);
}

.app-slide-item .item-box .item-pic .item-btnn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	min-width: 140px;
	padding: 5px 10px 7px;
	font-size: 18px;
	line-height: 28px;
	border-radius: 20px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
	color: #173040;
	background: #ffffff;
	text-align: center;
}

.app-slide-item .item-box .item-pic:hover {
	background: #333333;
}

.app-slide-item .item-box .item-pic:hover img {
	opacity: 0.5;
}

.app-slide-item .item-box .item-pic:hover .item-btnn {
	visibility: visible;
	opacity: 1;
}

.app-slide-item .item-box .item-body {
	position: relative;
	width: calc(100% - 512px);
	padding: 10px 44px 72px;
}

.app-slide-item .item-body .item-title {
	position: relative;
	width: 100%;
	font-family: DINPro-Bold;
	font-size: 20px;
	color: #ffffff;
	line-height: 30px;
	overflow: hidden;
}

.app-slide-item .item-body .item-title a {
	color: #fff;
}

.app-slide-item .item-body .item-title a:hover {
	color: #dedede;
}

.app-slide-item .item-body .item-desc {
	position: relative;
	width: 100%;
	font-size: 16px;
	color: #6e7f8b;
	margin-top: 4px;
	line-height: 26px;
	overflow: hidden;
}

.app-slide-item .item-body .item-desc a {
	color: #6e7f8b;
}

.app-slide-item .item-body .item-desc a:hover {
	color: #fff;
}

@media screen and (max-width: 1459px) {
	.related-box {
		padding: 8px 0 66px;
	}

	.pro-related-box {
		padding: 10px 0 142px;
	}

	.product .page-bottom {
		transform: translateY(-49.5%);
	}

	.news-related {
		padding-top: 48px;
	}

	.app-related {
		padding-top: 48px;
	}

	.faq-related {
		padding-top: 46px;
	}

	.related-title {
		font-size: 32px;
		font-size: 3.2rem;
		line-height: 44px;
		padding-bottom: 25px;
	}

	.related-title::before {
		width: 118px;
		height: 6px;
		border-radius: 3px;
	}

	.related-swiper {
		margin-left: -28px;
		margin-right: -28px;
		padding-left: 28px;
		padding-right: 28px;
		padding-top: 28px;
	}

	.app-related .related-swiper {
		padding-top: 18px;
	}

	.related-swiper .swiper-button {
		width: 56px;
		height: 56px;
		line-height: 56px;
		font-size: 20px;
	}

	.app-related .related-swiper .swiper-button {
		bottom: 64px;
		width: 30px;
		height: 30px;
		line-height: 28px;
		font-size: 12px;
	}

	.app-related .related-swiper .swiper-button-prev {
		left: 530px;
	}

	.app-related .related-swiper .swiper-button-next {
		left: 572px;
	}

	.faq-related .related-swiper .swiper-related {
		padding-bottom: 30px;
	}

	.faq-related .related-swiper .swiper-related .swiper-pagination .swiper-pagination-bullet {
		width: 12px;
		height: 4px;
		margin: 0 5px;
	}

	.faq-related .related-swiper .swiper-related .swiper-pagination .swiper-pagination-bullet-active {
		width: 18px;
	}

	.pro-related .sec2-tbody-item .item-tip {
		left: 16px;
		width: 36px;
		height: 36px;
	}

	.pro-related .sec2-tbody-item .item-body {
		padding-bottom: 16px;
	}

	.news-related .new-item-box .item-body {
		padding: 6px 36px 10px;
	}

	.app-slide-item .item-box {
		border-radius: 16px;
	}

	.app-slide-item .item-box::before {
		width: calc(100% - 500px);
	}

	.app-slide-item .item-box .item-pic {
		width: 500px;
	}

	.app-slide-item .item-box .item-pic .item-btnn {
		min-width: 136px;
		padding: 4px 10px 6px;
		font-size: 18px;
		line-height: 28px;
		border-radius: 19px;
	}

	.app-slide-item .item-box .item-body {
		width: calc(100% - 500px);
		padding: 10px 30px 64px;
	}

	.app-slide-item .item-body .item-title {
		font-size: 18px;
		line-height: 28px;
	}

	.app-slide-item .item-body .item-desc {
		font-size: 16px;
		cmargin-top: 4px;
		line-height: 26px;
	}
}

@media (min-width: 992px) and (max-width: 1259px) {
	.related-box {
		padding: 8px 0 54px;
	}

	.pro-related-box {
		padding: 8px 0 128px;
	}

	.product .page-bottom {
		transform: translateY(-49.5%);
	}

	.news-related {
		padding-top: 40px;
	}

	.app-related {
		padding-top: 40px;
	}

	.faq-related {
		padding-top: 38px;
	}

	.related-title {
		font-size: 28px;
		font-size: 2.8rem;
		line-height: 40px;
		padding-bottom: 20px;
	}

	.related-title::before {
		width: 106px;
		height: 5px;
		border-radius: 3px;
	}

	.related-swiper {
		margin-left: -25px;
		margin-right: -25px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 20px;
	}

	.app-related .related-swiper {
		padding-top: 16px;
	}

	.related-swiper .swiper-button {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 18px;
	}

	.app-related .related-swiper .swiper-button {
		bottom: 52px;
		width: 30px;
		height: 30px;
		line-height: 28px;
		font-size: 12px;
	}

	.app-related .related-swiper .swiper-button-prev {
		left: 484px;
	}

	.app-related .related-swiper .swiper-button-next {
		left: 526px;
	}

	.faq-related .related-swiper .swiper-related {
		padding-bottom: 26px;
	}

	.faq-related .related-swiper .swiper-related .swiper-pagination .swiper-pagination-bullet {
		width: 12px;
		height: 4px;
		margin: 0 5px;
	}

	.faq-related .related-swiper .swiper-related .swiper-pagination .swiper-pagination-bullet-active {
		width: 18px;
	}

	.pro-related .sec2-tbody-item .item-tip {
		left: 14px;
		width: 32px;
		height: 32px;
	}

	.pro-related .sec2-tbody-item .item-body {
		padding-bottom: 14px;
	}

	.news-related .new-item-box .item-body {
		padding: 5px 26px 8px;
	}

	.app-slide-item .item-box {
		border-radius: 16px;
	}

	.app-slide-item .item-box::before {
		width: calc(100% - 460px);
	}

	.app-slide-item .item-box .item-pic {
		width: 460px;
	}

	.app-slide-item .item-box .item-pic .item-btnn {
		min-width: 130px;
		padding: 4px 10px 6px;
		font-size: 16px;
		line-height: 26px;
		border-radius: 18px;
	}

	.app-slide-item .item-box .item-body {
		width: calc(100% - 460px);
		padding: 10px 24px 54px;
	}

	.app-slide-item .item-body .item-title {
		font-size: 18px;
		line-height: 28px;
	}

	.app-slide-item .item-body .item-desc {
		font-size: 15px;
		cmargin-top: 4px;
		line-height: 24px;
	}
}

@media (max-width: 991px) {
	.related-box {
		padding: 6px 0 42px;
	}

	.pro-related-box {
		padding: 6px 0 114px;
	}

	.product .page-bottom {
		transform: translateY(-49.5%);
	}

	.news-related {
		padding-top: 34px;
	}

	.app-related {
		padding-top: 34px;
	}

	.faq-related {
		padding-top: 32px;
	}

	.related-title {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 36px;
		padding-bottom: 18px;
	}

	.related-title::before {
		width: 96px;
		height: 4px;
		border-radius: 2px;
	}

	.related-swiper {
		margin-left: -22px;
		margin-right: -22px;
		padding-left: 22px;
		padding-right: 22px;
		padding-top: 18px;
	}

	.app-related .related-swiper {
		padding-top: 16px;
	}

	.related-swiper .swiper-button {
		width: 44px;
		height: 44px;
		line-height: 44px;
		font-size: 16px;
	}

	.app-related .related-swiper .swiper-related {
		padding-bottom: 40px;
	}

	.app-related .related-swiper .swiper-button {
		bottom: 0;
		width: 30px;
		height: 30px;
		line-height: 28px;
		font-size: 12px;
	}

	.app-related .related-swiper .swiper-button-prev {
		left: 0;
	}

	.app-related .related-swiper .swiper-button-next {
		left: 42px;
	}

	.faq-related .related-swiper .swiper-related {
		padding-bottom: 26px;
	}

	.faq-related .related-swiper .swiper-related .swiper-pagination .swiper-pagination-bullet {
		width: 10px;
		height: 4px;
		margin: 0 5px;
	}

	.faq-related .related-swiper .swiper-related .swiper-pagination .swiper-pagination-bullet-active {
		width: 16px;
	}

	.news-related .new-item-box .item-body {
		padding: 10px 16px;
	}

	.pro-related .sec2-tbody-item .item-tip {
		left: 14px;
		width: 32px;
		height: 32px;
	}

	.pro-related .sec2-tbody-item .item-body {
		padding-bottom: 12px;
	}

	.app-slide-item .item-box {
		border-radius: 12px;
		background: #002d52;
	}

	.app-slide-item .item-box::before {
		display: none;
	}

	.app-slide-item .item-box .item-pic {
		width: 100%;
	}

	.app-slide-item .item-box .item-pic .item-btnn {
		min-width: 130px;
		padding: 4px 10px 6px;
		font-size: 16px;
		line-height: 26px;
		border-radius: 18px;
	}

	.app-slide-item .item-box .item-body {
		width: 100%;
		padding: 16px 15px;
	}

	.app-slide-item .item-body .item-title {
		font-size: 18px;
		line-height: 28px;
	}

	.app-slide-item .item-body .item-desc {
		font-size: 15px;
		cmargin-top: 4px;
		line-height: 24px;
	}
}

@media (max-width: 720px) {
	.related-box {
		padding: 6px 0 30px;
	}

	.pro-related-box {
		padding: 6px 0 30px;
	}

	.product .page-bottom {
		transform: translateY(0);
		padding-bottom: 16px;
	}

	.news-related {
		padding-top: 28px;
	}

	.app-related {
		padding-top: 28px;
	}

	.faq-related {
		padding-top: 26px;
	}

	.related-title {
		font-size: 20px;
		font-size: 2rem;
		line-height: 32px;
		padding-bottom: 14px;
	}

	.related-title::before {
		width: 96px;
		height: 4px;
		border-radius: 2px;
	}

	.related-swiper {
		margin-left: -18px;
		margin-right: -18px;
		padding-left: 18px;
		padding-right: 18px;
		padding-top: 18px;
	}

	.app-related .related-swiper {
		padding-top: 16px;
	}

	.related-swiper .swiper-button {
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 16px;
	}

	.app-related .related-swiper .swiper-related {
		padding-bottom: 40px;
	}

	.app-related .related-swiper .swiper-button {
		bottom: 0;
		width: 30px;
		height: 30px;
		line-height: 28px;
		font-size: 12px;
	}

	.app-related .related-swiper .swiper-button-prev {
		left: 0;
	}

	.app-related .related-swiper .swiper-button-next {
		left: 42px;
	}

	.faq-related .related-swiper .swiper-related {
		padding-bottom: 26px;
	}

	.faq-related .related-swiper .swiper-related .swiper-pagination .swiper-pagination-bullet {
		width: 10px;
		height: 4px;
		margin: 0 5px;
	}

	.faq-related .related-swiper .swiper-related .swiper-pagination .swiper-pagination-bullet-active {
		width: 16px;
	}

	.pro-related .sec2-tbody-item .item-tip {
		left: 14px;
		width: 32px;
		height: 32px;
	}

	.pro-related .sec2-tbody-item .item-body {
		padding-bottom: 12px;
	}

	.app-slide-item .item-box {
		border-radius: 12px;
		background: #002d52;
	}

	.app-slide-item .item-box .item-pic {
		width: 100%;
	}

	.app-slide-item .item-box .item-pic .item-btnn {
		min-width: 130px;
		padding: 4px 10px 6px;
		font-size: 16px;
		line-height: 26px;
		border-radius: 18px;
	}

	.app-slide-item .item-box .item-body {
		width: 100%;
		padding: 16px 15px;
	}

	.app-slide-item .item-body .item-title {
		font-size: 16px;
		line-height: 28px;
	}

	.app-slide-item .item-body .item-desc {
		font-size: 14px;
		cmargin-top: 4px;
		line-height: 22px;
	}
}

.zoomPad {
	position: relative;
	float: left;
	z-index: 99;
	cursor: crosshair;
}

.zoomPreload {
	-moz-opacity: 0.8;
	opacity: 0.8;
	color: #333;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
	border: 1px solid #ccc;
	background-color: white;
	padding: 8px;
	text-align: center;
	background-image: url(../img/zoomloader.gif);
	background-repeat: no-repeat;
	background-position: 43px 30px;
	z-index: 110;
	width: 90px;
	height: 43px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.zoomPup {
	overflow: hidden;
	background-color: #fff;
	-moz-opacity: 0.6;
	opacity: 0.6;
	z-index: 120;
	position: absolute;
	border: 1px solid #ccc;
	z-index: 101;
	cursor: crosshair;
}

.zoomOverlay {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #fff;
	z-index: 5000;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 101;
}

.zoomWindow {
	position: absolute;
	left: 110%;
	top: 40px;
	background: #fff;
	z-index: 6000;
	height: auto;
	z-index: 10000;
	z-index: 110;
}

.zoomWrapper {
	position: relative;
	border: 1px solid #ccc;
	z-index: 110;
}

.zoomWrapperTitle {
	display: block;
	background: #999;
	color: #fff;
	height: 18px;
	line-height: 18px;
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 120;
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.zoomWrapperImage {
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 110;
}

.zoomWrapperImage img {
	border: 0px;
	display: block;
	position: absolute;
	z-index: 101;
}

.zoomIframe {
	z-index: -1;
	filter: alpha(opacity=0);
	-moz-opacity: 0.8;
	opacity: 0.8;
	position: absolute;
	display: block;
}

.m-prob {
	position: relative;
	width: 100%;
	padding-bottom: 29px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 6px;
}

.prob-img {
	position: relative;
	width: 510px;
}

.prob-img .swiper-pros {
	position: relative;
	width: 100%;
}

.pros-img-item {
	position: relative;
	width: 100%;
	background: #ffffff;
	border: 1px solid #f5f5f5;
}

.pros-img-item .item-pic {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.pros-img-item .item-pic img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.pros-img-item .item-video {
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	z-index: 22;
	overflow: hidden;
}

.pros-img-item .item-video .video {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.prob-img .swiper-button {
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0px;
	width: 31px;
	height: 31px;
	line-height: 31px;
	font-size: 12px;
	color: #002d52;
	background: #ffffff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
	border-radius: 50%;
	text-align: center;
	font-weight: bold;
}

.prob-img .swiper-button:hover {
	background: #002d52;
	color: #fff;
}

.prob-img .swiper-button-prev {
	left: 10px;
}

.prob-img .swiper-button-next {
	right: 10px;
}

@media screen and (max-width: 1459px) {
	.m-prob {
		padding-bottom: 24px;
	}

	.prob-img {
		width: 460px;
	}

	.prob-img .swiper-button {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}

	.prob-img .swiper-button-prev {
		left: 8px;
	}

	.prob-img .swiper-button-next {
		right: 8px;
	}
}

@media screen and (max-width: 1259px) {
	.m-prob {
		padding-bottom: 20px;
	}

	.prob-img {
		width: 100%;
	}

	.prob-img .swiper-button {
		width: 28px;
		height: 28px;
		line-height: 28px;
		font-size: 12px;
	}

	.prob-img .swiper-button-prev {
		left: 6px;
	}

	.prob-img .swiper-button-next {
		right: 6px;
	}
}

@media screen and (max-width: 991px) {
	.m-prob {
		padding-bottom: 16px;
	}

	.prob-img {
		width: 100%;
	}

	.prob-img .swiper-button {
		width: 28px;
		height: 28px;
		line-height: 28px;
		font-size: 12px;
	}

	.prob-img .swiper-button-prev {
		left: 6px;
	}

	.prob-img .swiper-button-next {
		right: 6px;
	}
}

.prob-info {
	position: relative;
	width: 545px;
	margin-top: -8px;
}

.jianjie h1 {
	font-size: 30px;
	font-size: 3rem;
	color: #333333;
	line-height: 48px;
	font-family: DINPro-Regular;
}

.jiann {
	font-size: 16px;
	font-size: 1.6rem;
	color: #666;
	line-height: 30px;
	margin-top: 10px;
	margin-bottom: 38px;
	height: 210px;
	overflow: auto;
}

.jiann p,
.jiann span,
.jiann li,
.jiann strong {
	color: #666;
}

.jiann a {
	color: #002d52;
}

.jiann a:hover {
	color: #333;
}

.sharen {
	display: inline-block;
	padding: 0 20px;
}

.share1 {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 20px;
	color: #999;
}

.share2 {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}

.share2 img {
	display: inline-block;
	vertical-align: top;
}

.inno {
	position: relative;
	letter-spacing: 0;
	font-size: 0px;
	margin-top: 31px;
	margin-left: -29px;
	margin-right: -29px;
}

.inno a {
	display: inline-block;
	vertical-align: top;
	min-width: 240px;
	font-size: 20px;
	font-size: 2rem;
	line-height: 30px;
	padding: 7px 15px 9px;
	margin: 0 29px;
	margin-bottom: 15px;
	background: #f5f5f5;
	border-radius: 8px;
	color: #333;
	font-family: DINPro-Medium;
	text-align: center;
}

.inno a:hover {
	color: #fff;
	background: #002d52;
}

@media screen and (max-width: 1459px) {
	.prob-info {
		width: 420px;
		margin-top: -8px;
	}

	.jianjie h1 {
		font-size: 28px;
		font-size: 2.8rem;
		line-height: 44px;
	}

	.jiann {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 28px;
		margin-top: 8px;
		margin-bottom: 26px;
		height: 196px;
	}

	.share1 {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.inno {
		margin-top: 24px;
		margin-left: -10px;
		margin-right: -10px;
	}

	.inno a {
		min-width: 200px;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
		padding: 6px 14px 8px;
		margin: 0 10px;
		margin-bottom: 12px;
	}
}

@media screen and (max-width: 1259px) {
	.prob-info {
		width: 100%;
		margin-top: 12px;
	}

	.jianjie h1 {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 40px;
	}

	.jiann {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 26px;
		margin-top: 6px;
		margin-bottom: 20px;
		height: auto;
	}

	.share1 {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.inno {
		margin-top: 24px;
		margin-left: -10px;
		margin-right: -10px;
	}

	.inno a {
		min-width: 200px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 28px;
		padding: 6px 14px 8px;
		margin: 0 10px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 991px) {
	.prob-info {
		width: 100%;
		margin-top: 12px;
	}

	.jianjie h1 {
		font-size: 20px;
		font-size: 2rem;
		line-height: 36px;
	}

	.jiann {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 26px;
		margin-top: 6px;
		margin-bottom: 20px;
		height: auto;
	}

	.share1 {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.inno {
		margin-top: 20px;
		margin-left: -10px;
		margin-right: -10px;
	}

	.inno a {
		min-width: 180px;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 26px;
		padding: 5px 12px 7px;
		margin: 0 10px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 720px) {
	.prob-info {
		width: 100%;
		margin-top: 12px;
	}

	.jianjie h1 {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 32px;
	}

	.jiann {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 6px;
		margin-bottom: 20px;
		height: auto;
	}

	.share1 {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.inno {
		margin-top: 16px;
		margin-left: -10px;
		margin-right: -10px;
	}

	.inno a {
		min-width: 160px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding: 4px 10px 6px;
		margin: 0 10px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 560px) {
	.prob-info {
		width: 100%;
		margin-top: 12px;
	}

	.jianjie h1 {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 30px;
	}

	.jiann {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 6px;
		margin-bottom: 16x;
		height: auto;
	}

	.share1 {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.inno {
		margin-top: 16px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.inno a {
		min-width: 152px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding: 4px 10px 6px;
		margin: 0 6px;
		margin-bottom: 10px;
	}
}

.table {
	width: 100%;
	overflow: auto;
}

.table table {
	width: 100%;
	border-collapse: collapse;
	line-height: 24px;
}

.table table tr td {
	padding: 5px;
	border: 1px solid #eaeaea;
	/* font-size:14px; font-size:1.4rem; color:#333; */
}

.pro-main-title {
	position: relative;
	width: 100%;
	font-family: DINPro-Medium;
	font-size: 30px;
	font-size: 3rem;
	color: #333333;
	line-height: 42px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f5f5f5;
}

.pro-main-title::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -3px;
	width: 80px;
	max-width: 100%;
	height: 5px;
	background: #002d52;
}

.product-attribute {
	position: relative;
	width: 100%;
	padding-bottom: 26px;
}

.product-attribute .pattlist {
	padding-top: 24px;
}

.patitem {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}

.patitem span {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	min-width: 60px;
	font-size: 16px;
	line-height: 24px;
	margin-right: 27px;
	color: #333;
	margin-bottom: 14px;
	background: #f5f5f5;
	padding: 0 8px 2px;
}

.patitem-name {
	display: inline-block;
	vertical-align: top;
	min-width: 60px;
	font-size: 18px;
	font-size: 1.8rem;
	color: #333;
	line-height: 26px;
	margin-right: 8px;
}

.product-detail {
	position: relative;
	z-index: 1;
}

.prodetails-desc {
	position: relative;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.prodetails-desc a {
	color: #002d52;
}

.prodetails-desc a:hover {
	color: #333;
}

.prodetails-desc img {
	display: inline-block;
	vertical-align: top;
}

.tag .pro-main-title {
	font-family: DINPro-Regular;
}

@media screen and (max-width: 1459px) {
	.pro-main-title {
		font-size: 28px;
		font-size: 2.8rem;
		line-height: 40px;
		padding-bottom: 18px;
	}

	.pro-main-title::before {
		bottom: -3px;
		width: 72px;
		height: 5px;
	}

	.product-attribute {
		padding-bottom: 24px;
	}

	.product-attribute .pattlist {
		padding-top: 20px;
	}

	.patitem {
		margin-bottom: 10px;
	}

	.patitem span {
		min-width: 56px;
		font-size: 16px;
		line-height: 24px;
		margin-right: 22px;
		margin-bottom: 12px;
		padding: 0 6px 2px;
	}

	.patitem-name {
		min-width: 56px;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 26px;
		margin-right: 6px;
	}

	.prodetails-desc {
		padding-top: 12px;
		padding-bottom: 12px;
		font-size: 16px;
		line-height: 28px;
	}
}

@media screen and (max-width: 1259px) {
	.pro-main-title {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 36px;
		padding-bottom: 16px;
	}

	.pro-main-title::before {
		bottom: -3px;
		width: 62px;
		height: 5px;
	}

	.product-attribute {
		padding-bottom: 20px;
	}

	.product-attribute .pattlist {
		padding-top: 18px;
	}

	.patitem {
		margin-bottom: 10px;
	}

	.patitem span {
		min-width: 56px;
		font-size: 15px;
		line-height: 22px;
		margin-right: 16px;
		margin-bottom: 10px;
		padding: 0 5px 2px;
	}

	.patitem-name {
		min-width: 56px;
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 24px;
		margin-right: 6px;
	}

	.prodetails-desc {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 15px;
		line-height: 26px;
	}
}

@media screen and (max-width: 991px) {
	.pro-main-title {
		font-size: 20px;
		font-size: 2rem;
		line-height: 32px;
		padding-bottom: 12px;
	}

	.pro-main-title::before {
		bottom: -2px;
		width: 54px;
		height: 4px;
	}

	.product-attribute {
		padding-bottom: 16px;
	}

	.product-attribute .pattlist {
		padding-top: 16px;
	}

	.patitem {
		margin-bottom: 8px;
	}

	.patitem span {
		min-width: 56px;
		font-size: 14px;
		line-height: 22px;
		margin-right: 14px;
		margin-bottom: 10px;
		padding: 0 5px 2px;
	}

	.patitem-name {
		min-width: 56px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
		margin-right: 6px;
	}

	.prodetails-desc {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 15px;
		line-height: 26px;
	}
}

@media screen and (max-width: 600px) {
	.pro-main-title {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
		padding-bottom: 12px;
	}

	.pro-main-title::before {
		bottom: -2px;
		width: 54px;
		height: 4px;
	}

	.product-attribute {
		padding-bottom: 16px;
	}

	.product-attribute .pattlist {
		padding-top: 16px;
	}

	.patitem {
		margin-bottom: 8px;
	}

	.patitem span {
		min-width: 56px;
		font-size: 14px;
		line-height: 22px;
		margin-right: 14px;
		margin-bottom: 10px;
		padding: 0 5px 2px;
	}

	.patitem-name {
		min-width: 56px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
		margin-right: 6px;
	}

	.prodetails-desc {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px;
		line-height: 24px;
	}
}

/* ************** news ***************** */
.news {
	position: relative;
	padding: 56px 0 90px;
}

.news-list {
	position: relative;
	font-size: 0;
	letter-spacing: 0;
	display: flex;
	flex-wrap: wrap;
	padding-top: 12px;
	padding-bottom: 70px;
	margin-left: -11px;
	margin-right: -11px;
}

.news-list-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 33.33333333%;
	padding: 0 11px;
	margin-bottom: 30px;
}

.new-item-box {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #ffffff;
	border-radius: 16px;
	border: 1px solid #f5f5f4;
}

.new-item-box .item-box-pic {
	position: relative;
	width: 100%;
}

.new-item-box .item-pic {
	position: relative;
	width: 100%;
	text-align: center;
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #f5f5f4;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}

.new-item-box .item-pic img {
	position: relative;
	display: block;
	width: 100%;
}

.new-item-box:hover .item-pic {
	visibility: visible;
	opacity: 1;
}

.new-item-box .item-body {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	padding: 6px 26px 12px;
	visibility: visible;
	opacity: 1;
	transition: all 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.new-item-box:hover .item-body {
	visibility: hidden;
	opacity: 0;
}

.new-item-box .item-body .item-body-info {
	position: relative;
	width: 100%;
}

.new-item-box .item-body .item-date {
	position: relative;
	width: 100%;
	font-family: Oswald-Regular;
	font-size: 16px;
	color: #002d52;
	line-height: 28px;
	margin-bottom: 14px;
}

.new-item-box .item-body .item-title {
	position: relative;
	width: 100%;
	font-family: DINPro-Medium;
	font-size: 20px;
	color: #333;
	line-height: 32px;
}

.new-item-box .item-body .item-desc {
	position: relative;
	width: 100%;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	height: 78px;
	overflow: hidden;
	margin-top: 4px;
}

.new-item-box .item-btn {
	position: relative;
	padding: 10px 20px;
	background: #f5f5f4;
}

.new-item-box .item-btn .btnn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 5px;
	font-size: 18px;
	color: #173040;
	line-height: 30px;
	font-family: DINPro-Regular;
}

.new-item-box .item-btn .btnn .iconfont {
	display: inline-block;
	vertical-align: top;
	font-size: 22px;
	color: #002d52;
	font-weight: bold;
}

.new-item-box:hover .item-btn {
	background: #002d52;
}

.new-item-box:hover .item-btn .btnn {
	color: #fff;
}

.new-item-box:hover .item-btn .btnn .iconfont {
	color: #fff;
}

.new-item-box .item-btn a.btnn:hover {
	color: #fff;
}

.new-item-box .item-btn a.btnn:hover .iconfont {
	color: #fff;
}

@media screen and (max-width: 1459px) {
	.news {
		padding: 48px 0 78px;
	}

	.news-list {
		padding-top: 10px;
		padding-bottom: 60px;
		margin-left: -8px;
		margin-right: -8px;
	}

	.news-list-item {
		width: 33.33333333%;
		padding: 0 8px;
		margin-bottom: 26px;
	}

	.new-item-box {
		border-radius: 16px;
	}

	.new-item-box .item-body {
		padding: 6px 22px 10px;
	}

	.new-item-box .item-body .item-date {
		font-size: 15px;
		line-height: 26px;
		margin-bottom: 12px;
	}

	.new-item-box .item-body .item-title {
		font-size: 18px;
		line-height: 30px;
	}

	.new-item-box .item-body .item-desc {
		font-size: 16px;
		line-height: 26px;
		height: 78px;
		margin-top: 4px;
	}

	.new-item-box .item-btn {
		padding: 8px 18px;
	}

	.new-item-box .item-btn .btnn {
		padding: 5px;
		font-size: 18px;
		line-height: 28px;
	}

	.new-item-box .item-btn .btnn .iconfont {
		font-size: 20px;
	}
}

@media screen and (max-width: 1259px) {
	.news {
		padding: 40px 0 66px;
	}

	.news-list {
		padding-top: 10px;
		padding-bottom: 50px;
		margin-left: -5px;
		margin-right: -5px;
	}

	.news-list-item {
		width: 33.33333333%;
		padding: 0 5px;
		margin-bottom: 22px;
	}

	.new-item-box {
		border-radius: 14px;
	}

	.new-item-box .item-body {
		padding: 5px 18px 10px;
	}

	.new-item-box .item-body .item-date {
		font-size: 15px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.new-item-box .item-body .item-title {
		font-size: 18px;
		line-height: 30px;
	}

	.new-item-box .item-body .item-desc {
		font-size: 15px;
		line-height: 24px;
		height: 72px;
		margin-top: 4px;
	}

	.new-item-box .item-btn {
		padding: 8px 16px;
	}

	.new-item-box .item-btn .btnn {
		padding: 4px;
		font-size: 16px;
		line-height: 26px;
	}

	.new-item-box .item-btn .btnn .iconfont {
		font-size: 18px;
	}
}

@media screen and (max-width: 991px) {
	.news {
		padding: 32px 0 54px;
	}

	.news-list {
		padding-top: 8px;
		padding-bottom: 40px;
		margin-left: -12px;
		margin-right: -12px;
	}

	.news-list-item {
		width: 50%;
		padding: 0 12px;
		margin-bottom: 24px;
	}

	.new-item-box {
		border-radius: 14px;
	}

	.new-item-box .item-pic {
		visibility: visible;
		opacity: 1;
	}

	.new-item-box .item-body {
		padding: 10px 16px;
		position: relative;
	}

	.new-item-box:hover .item-body {
		visibility: visible;
		opacity: 1;
	}

	.new-item-box .item-body .item-date {
		font-size: 15px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.new-item-box .item-body .item-title {
		font-size: 18px;
		line-height: 30px;
	}

	.new-item-box .item-body .item-desc {
		font-size: 15px;
		line-height: 24px;
		height: 72px;
		margin-top: 4px;
	}

	.new-item-box .item-btn {
		padding: 7px 16px;
	}

	.new-item-box .item-btn .btnn {
		padding: 4px;
		font-size: 16px;
		line-height: 26px;
	}

	.new-item-box .item-btn .btnn .iconfont {
		font-size: 18px;
	}
}

@media screen and (max-width: 720px) {
	.news {
		padding: 24px 0 42px;
	}

	.news-list {
		padding-top: 8px;
		padding-bottom: 30px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.news-list-item {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 20px;
	}

	.new-item-box {
		border-radius: 12px;
	}

	.new-item-box .item-pic {
		visibility: visible;
		opacity: 1;
	}

	.new-item-box .item-body {
		padding: 10px 14px;
		position: relative;
	}

	.new-item-box:hover .item-body {
		visibility: visible;
		opacity: 1;
	}

	.new-item-box .item-body .item-date {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.new-item-box .item-body .item-title {
		font-size: 18px;
		line-height: 30px;
	}

	.new-item-box .item-body .item-desc {
		font-size: 14px;
		line-height: 24px;
		height: 72px;
		margin-top: 4px;
	}

	.new-item-box .item-btn {
		padding: 6px 14px;
	}

	.new-item-box .item-btn .btnn {
		padding: 4px;
		font-size: 15px;
		line-height: 24px;
	}

	.new-item-box .item-btn .btnn .iconfont {
		font-size: 18px;
	}
}

@media screen and (max-width: 560px) {
	.news {
		padding: 20px 0 30px;
	}

	.news-list {
		padding-top: 6px;
		padding-bottom: 20px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.news-list-item {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 18px;
	}

	.new-item-box {
		border-radius: 12px;
	}

	.new-item-box .item-pic {
		visibility: visible;
		opacity: 1;
	}

	.new-item-box .item-body {
		padding: 8px 12px;
		position: relative;
	}

	.new-item-box:hover .item-body {
		visibility: visible;
		opacity: 1;
	}

	.new-item-box .item-body .item-date {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 8px;
	}

	.new-item-box .item-body .item-title {
		font-size: 18px;
		line-height: 28px;
	}

	.new-item-box .item-body .item-desc {
		font-size: 14px;
		line-height: 24px;
		height: 72px;
		margin-top: 4px;
	}

	.new-item-box .item-btn {
		padding: 6px 14px;
	}

	.new-item-box .item-btn .btnn {
		padding: 4px;
		font-size: 14px;
		line-height: 24px;
	}

	.new-item-box .item-btn .btnn .iconfont {
		font-size: 18px;
	}
}

@media screen and (max-width: 400px) {
	.news-list-item {
		width: 100%;
	}
}

.new-contain {
	width: 100%;
	position: relative;
	padding-top: 52px;
	padding-bottom: 50px;
}

.news-title {
	position: relative;
	font-family: DINPro-Medium;
	font-size: 24px;
	font-size: 2.4rem;
	color: #333;
	line-height: 36px;
}

.new-contain .share {
	margin-top: 26px;
	padding-bottom: 26px;
}

.new-contain .share>div {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
	color: #999;
}

.new-contain .share .date {
	font-size: 14px;
	font-size: 1.4rem;
	color: #002d52;
	line-height: 20px;
	margin-right: 26px;
	font-family: DINPro-Medium;
}

.news-text {
	position: relative;
	width: 100%;
	border-top: 1px solid #999;
	padding-top: 32px;
	padding-bottom: 34px;
	font-size: 18px;
	font-size: 1.8rem;
	color: #666;
	line-height: 30px;
	font-family: DINPro-Regular;
}

.news-text img {
	display: inline-block;
	vertical-align: top;
}

.news-text span {
	font-family: DINPro-Medium;
}

.news-text a {
	color: #002d52;
}

.news-text a:hover {
	color: #030735;
}

.fanpian {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.fanpian li {
	position: relative;
	width: calc(50% - 12px);
	background: #f5f5f4;
	padding: 15px 20px;
	border-radius: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #999;
	line-height: 24px;
	cursor: pointer;
	margin-bottom: 10px;
}

.fanpian li:nth-of-type(odd) {
	text-align: left;
	padding-left: 90px;
}

.fanpian li:nth-of-type(even) {
	text-align: right;
	padding-right: 90px;
}

.fanpian li span,
.fanpian li a {
	display: inline-block;
	vertical-align: top;
	word-break: break-word;
	color: #999;
}

.fanpian li span.no {
	color: #999;
	width: 100%;
}

.fanpian li span.name {
	display: block;
	font-family: DINPro-Medium;
	color: #333;
	text-transform: uppercase;
	margin-bottom: 2px;
}

.fanpian li:hover {
	background: #002d52;
}

.fanpian li:hover span,
.fanpian li:hover a {
	color: #fff;
}

.fanpian li:hover span.name {
	color: #fff;
}

.fanpian li:hover span.no {
	color: #eee;
	width: 100%;
}

.fanpian li i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	color: #fff;
	background: #002d52;
	border-radius: 50%;
	text-align: center;
}

.fanpian li:hover i {
	color: #002d52;
	background: #ffffff;
}

.fanpian li:nth-of-type(odd) i {
	left: 20px;
}

.fanpian li:nth-of-type(even) i {
	right: 20px;
}

.news-related-box {
	position: relative;
	width: 100%;
	padding: 8px 0 42px;
	background: #f5f5f4;
	margin-top: 5%;
}

.news-related-box .wave {
	position: absolute;
	top: 0;
	transform: translateY(-100%);
	left: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	padding-bottom: 5%;
	background-image: url("../img/about-bgi.png");
	background-repeat: repeat-x;
	background-size: auto 100%;
}

.news-related-box .pro-related {
	padding-top: 0 !important;
}

@media screen and (max-width: 1459px) {
	.new-contain {
		padding-top: 44px;
		padding-bottom: 42px;
	}

	.news-title {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 34px;
	}

	.new-contain .share {
		margin-top: 24px;
		padding-bottom: 24px;
	}

	.new-contain .share>div {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.new-contain .share .date {
		font-size: 14px;
		font-size: 1.4rem;
		margin-right: 24px;
	}

	.news-text {
		padding-top: 28px;
		padding-bottom: 30px;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
	}

	.fanpian li {
		width: calc(50% - 10px);
		padding: 14px 16px;
		border-radius: 8px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 22px;
		margin-bottom: 10px;
	}

	.fanpian li:nth-of-type(odd) {
		padding-left: 84px;
	}

	.fanpian li:nth-of-type(even) {
		padding-right: 84px;
	}

	.fanpian li i {
		width: 46px;
		height: 46px;
		line-height: 46px;
		font-size: 18px;
	}

	.fanpian li:nth-of-type(odd) i {
		left: 16px;
	}

	.fanpian li:nth-of-type(even) i {
		right: 16px;
	}

	.news-related-box {
		padding: 8px 0 36px;
	}
}

@media screen and (max-width: 1259px) {
	.new-contain {
		padding-top: 36px;
		padding-bottom: 34px;
	}

	.news-title {
		font-size: 20px;
		font-size: 2rem;
		line-height: 32px;
	}

	.new-contain .share {
		margin-top: 20px;
		padding-bottom: 20px;
	}

	.new-contain .share>div {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.new-contain .share .date {
		font-size: 14px;
		font-size: 1.4rem;
		margin-right: 20px;
	}

	.news-text {
		padding-top: 24px;
		padding-bottom: 26px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 28px;
	}

	.fanpian li {
		width: calc(50% - 10px);
		padding: 12px 14px;
		border-radius: 8px;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 22px;
		margin-bottom: 10px;
	}

	.fanpian li:nth-of-type(odd) {
		padding-left: 78px;
	}

	.fanpian li:nth-of-type(even) {
		padding-right: 78px;
	}

	.fanpian li i {
		width: 42px;
		height: 42px;
		line-height: 42px;
		font-size: 18px;
	}

	.fanpian li:nth-of-type(odd) i {
		left: 14px;
	}

	.fanpian li:nth-of-type(even) i {
		right: 14px;
	}

	.news-related-box {
		padding: 8px 0 30px;
	}
}

@media screen and (max-width: 991px) {
	.new-contain {
		padding-top: 28px;
		padding-bottom: 26px;
	}

	.news-title {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
	}

	.new-contain .share {
		margin-top: 16px;
		padding-bottom: 16px;
	}

	.new-contain .share>div {
		font-size: 13px;
		font-size: 1.3rem;
	}

	.new-contain .share .date {
		font-size: 13px;
		font-size: 1.3rem;
		margin-right: 16px;
	}

	.news-text {
		padding-top: 20px;
		padding-bottom: 22px;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 26px;
	}

	.fanpian li {
		width: calc(50% - 10px);
		padding: 10px 12px;
		border-radius: 8px;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 22px;
		margin-bottom: 10px;
	}

	.fanpian li:nth-of-type(odd) {
		padding-left: 72px;
	}

	.fanpian li:nth-of-type(even) {
		padding-right: 72px;
	}

	.fanpian li i {
		width: 42px;
		height: 42px;
		line-height: 42px;
		font-size: 16px;
	}

	.fanpian li:nth-of-type(odd) i {
		left: 12px;
	}

	.fanpian li:nth-of-type(even) i {
		right: 12px;
	}

	.news-related-box {
		padding: 8px 0 24px;
	}
}

@media screen and (max-width: 700px) {
	.new-contain {
		padding-top: 20px;
		padding-bottom: 18px;
	}

	.news-title {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 28px;
	}

	.new-contain .share {
		margin-top: 12px;
		padding-bottom: 12px;
	}

	.new-contain .share>div {
		font-size: 13px;
		font-size: 1.3rem;
	}

	.new-contain .share .date {
		font-size: 13px;
		font-size: 1.3rem;
		margin-right: 16px;
	}

	.news-text {
		padding-top: 16px;
		padding-bottom: 18px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
	}

	.fanpian li {
		width: 100%;
		padding: 8px 10px;
		border-radius: 8px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 22px;
		margin-bottom: 10px;
	}

	.fanpian li:nth-of-type(odd) {
		padding-left: 66px;
	}

	.fanpian li:nth-of-type(even) {
		padding-left: 66px;
		padding-right: 10px;
		text-align: left;
	}

	.fanpian li i {
		width: 42px;
		height: 42px;
		line-height: 42px;
		font-size: 16px;
	}

	.fanpian li:nth-of-type(odd) i {
		left: 10px;
	}

	.fanpian li:nth-of-type(even) i {
		right: auto;
		left: 10px;
	}

	.news-related-box {
		padding: 8px 0 18px;
	}
}

/* ***************   Download   *************** */
.downs {
	position: relative;
	width: 100%;
	padding-top: 56px;
	padding-bottom: 90px;
}

.down-list {
	position: relative;
	font-size: 0;
	letter-spacing: 0;
	display: flex;
	flex-wrap: wrap;
	padding-top: 12px;
	padding-bottom: 70px;
	margin-left: -20px;
	margin-right: -20px;
}

.down-list-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 20px;
	margin-bottom: 30px;
}

.down-list-item .item-box {
	position: relative;
	width: 100%;
	background: #f5f5f4;
	padding: 32px 30px;
	border-radius: 4px 4px 20px 4px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.down-list-item .item-box::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: transparent;
}

.down-list-item .item-box:hover::before {
	background: #013281;
}

.down-list-item .item-box .item-icon {
	position: relative;
	width: 60px;
}

.down-list-item .item-box .item-body {
	position: relative;
	width: calc(100% - 86px);
	padding-bottom: 8px;
}

.down-list-item .item-box .item-icon .iconfont {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 56px;
	font-size: 26px;
	color: #002d52;
	background: #ffffff;
	border-radius: 50%;
	border: 2px solid #002d52;
}

.down-list-item .item-box:hover .item-icon .iconfont {
	background: #002d52;
	color: #fff;
}

.down-list-item .item-box .item-title {
	position: relative;
	width: 100%;
	font-family: DINPro-Medium;
	font-size: 20px;
	color: #333;
	line-height: 30px;
}

.down-list-item .item-box:hover .item-title,
.down-list-item .item-box:hover .item-title a {
	color: #002d52;
}

.down-list-item .item-box .item-title a:hover {
	color: #002d52;
}

.down-list-item .item-box .item-desc {
	position: relative;
	width: 100%;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	margin-top: 6px;
	min-height: 52px;
}

@media screen and (max-width: 1459px) {
	.downs {
		padding-top: 48px;
		padding-bottom: 78px;
	}

	.down-list {
		padding-top: 10px;
		padding-bottom: 60px;
		margin-left: -12px;
		margin-right: -12px;
	}

	.down-list-item {
		width: 50%;
		padding: 0 12px;
		margin-bottom: 26px;
	}

	.down-list-item .item-box {
		padding: 28px 24px;
	}

	.down-list-item .item-box .item-icon {
		width: 56px;
	}

	.down-list-item .item-box .item-body {
		width: calc(100% - 80px);
		padding-bottom: 8px;
	}

	.down-list-item .item-box .item-icon .iconfont {
		width: 56px;
		height: 56px;
		line-height: 52px;
		font-size: 24px;
	}

	.down-list-item .item-box .item-title {
		font-size: 18px;
		line-height: 30px;
	}

	.down-list-item .item-box .item-desc {
		font-size: 16px;
		line-height: 24px;
		margin-top: 5px;
	}
}

@media screen and (max-width: 1259px) {
	.downs {
		padding-top: 40px;
		padding-bottom: 66px;
	}

	.down-list {
		padding-top: 10px;
		padding-bottom: 50px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.down-list-item {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 22px;
	}

	.down-list-item .item-box {
		padding: 24px 20px;
	}

	.down-list-item .item-box .item-icon {
		width: 52px;
	}

	.down-list-item .item-box .item-body {
		width: calc(100% - 72px);
		padding-bottom: 6px;
	}

	.down-list-item .item-box .item-icon .iconfont {
		width: 52px;
		height: 52px;
		line-height: 48px;
		font-size: 22px;
	}

	.down-list-item .item-box .item-title {
		font-size: 18px;
		line-height: 28px;
	}

	.down-list-item .item-box .item-desc {
		font-size: 15px;
		line-height: 24px;
		margin-top: 4px;
	}
}

@media screen and (max-width: 991px) {
	.downs {
		padding-top: 32px;
		padding-bottom: 54px;
	}

	.down-list {
		padding-top: 8px;
		padding-bottom: 40px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.down-list-item {
		width: 100%;
		padding: 0 6px;
		margin-bottom: 24px;
	}

	.down-list-item .item-box {
		padding: 24px 20px;
	}

	.down-list-item .item-box .item-icon {
		width: 52px;
	}

	.down-list-item .item-box .item-body {
		width: calc(100% - 66px);
		padding-bottom: 6px;
	}

	.down-list-item .item-box .item-icon .iconfont {
		width: 52px;
		height: 52px;
		line-height: 48px;
		font-size: 22px;
	}

	.down-list-item .item-box .item-title {
		font-size: 20px;
		line-height: 30px;
	}

	.down-list-item .item-box .item-desc {
		font-size: 16px;
		line-height: 26px;
		margin-top: 4px;
	}
}

@media screen and (max-width: 720px) {
	.downs {
		padding-top: 24px;
		padding-bottom: 42px;
	}

	.down-list {
		padding-top: 8px;
		padding-bottom: 30px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.down-list-item {
		width: 100%;
		padding: 0 6px;
		margin-bottom: 20px;
	}

	.down-list-item .item-box {
		padding: 20px 16px;
	}

	.down-list-item .item-box .item-icon {
		width: 48px;
	}

	.down-list-item .item-box .item-body {
		width: calc(100% - 62px);
		padding-bottom: 6px;
	}

	.down-list-item .item-box .item-icon .iconfont {
		width: 48px;
		height: 48px;
		line-height: 44px;
		font-size: 18px;
	}

	.down-list-item .item-box .item-title {
		font-size: 18px;
		line-height: 30px;
	}

	.down-list-item .item-box .item-desc {
		font-size: 15px;
		line-height: 24px;
		margin-top: 4px;
	}
}

@media screen and (max-width: 560px) {
	.downs {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.down-list {
		padding-top: 8px;
		padding-bottom: 20px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.down-list-item {
		width: 100%;
		padding: 0 6px;
		margin-bottom: 20px;
	}

	.down-list-item .item-box {
		padding: 16px 12px;
	}

	.down-list-item .item-box .item-icon {
		width: 48px;
	}

	.down-list-item .item-box .item-body {
		width: calc(100% - 62px);
		padding-bottom: 6px;
	}

	.down-list-item .item-box .item-icon .iconfont {
		width: 48px;
		height: 48px;
		line-height: 44px;
		font-size: 18px;
	}

	.down-list-item .item-box .item-title {
		font-size: 18px;
		line-height: 28px;
	}

	.down-list-item .item-box .item-desc {
		font-size: 14px;
		line-height: 24px;
		margin-top: 4px;
	}
}

@media screen and (max-width: 420px) {
	.downs {
		padding-top: 18px;
		padding-bottom: 24px;
	}

	.down-list {
		padding-top: 8px;
		padding-bottom: 16px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.down-list-item {
		width: 100%;
		padding: 0 6px;
		margin-bottom: 20px;
	}

	.down-list-item .item-box {
		padding: 16px 10px;
	}

	.down-list-item .item-box .item-icon {
		width: 44px;
	}

	.down-list-item .item-box .item-body {
		width: calc(100% - 54px);
		padding-bottom: 6px;
	}

	.down-list-item .item-box .item-icon .iconfont {
		width: 44px;
		height: 44px;
		line-height: 40px;
		font-size: 16px;
	}

	.down-list-item .item-box .item-title {
		font-size: 16px;
		line-height: 28px;
	}

	.down-list-item .item-box .item-desc {
		font-size: 13px;
		line-height: 22px;
		margin-top: 4px;
	}
}

.page-video {
	position: relative;
	width: 100%;
	padding-top: 56px;
	padding-bottom: 90px;
}

.video-list {
	position: relative;
	font-size: 0;
	letter-spacing: 0;
	display: flex;
	flex-wrap: wrap;
	padding-top: 12px;
	padding-bottom: 39px;
	margin-left: -11px;
	margin-right: -11px;
}

.video-list-item {
	display: inline-block;
	vertical-align: top;
	width: 33.33333333%;
	padding: 0 12px;
	margin-bottom: 33px;
}

.video-item-box {
	position: relative;
	width: 100%;
}

.video-item-pic {
	position: relative;
	width: 100%;
}

.video-item-pic .item-pic {
	position: relative;
	width: 100%;
	padding-bottom: 56.2222222%;
	height: 0;
	border-radius: 12px;
	overflow: hidden;
}

.video-item-pic .item-pic .video-play {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.video-item-pic .item-pic .video-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.8);
}

.video-item-pic .item-pic .video-btn::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #fff;
}

.video-item-pic .item-pic .video-btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0px;
	height: 0px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 16px solid #173040;
}

.video-list-item .item-body {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 14px;
}

.video-list-item .item-body .item-title {
	font-family: DINPro-Medium;
	font-size: 18px;
	color: #333333;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}

.video-list-item .item-body .item-desc {
	position: relative;
	margin-top: 6px;
	font-size: 16px;
	color: #666;
	line-height: 26px;
}

.page-faq {
	position: relative;
	width: 100%;
	padding-top: 55px;
	padding-bottom: 90px;
}

.faq-list {
	position: relative;
	font-size: 0;
	letter-spacing: 0;
	padding-top: 12px;
	padding-bottom: 30px;
	margin-left: -15px;
	margin-right: -15px;
}

.faq-list .faq-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-bottom: 30px;
	padding: 0 15px;
}

.faq-list .faq-item:nth-of-type(odd) {
	float: left;
}

.faq-list .faq-item:nth-of-type(even) {
	float: right;
}

.faq-list .faq-item:nth-last-of-type(1) {
	float: left;
}

.faq-item .item-box {
	position: relative;
	width: 100%;
	background: #f5f5f4;
	border-radius: 4px 4px 30px 4px;
	padding: 26px 34px;
}

.faq-item-name {
	position: relative;
	width: 100%;
	font-size: 18px;
	font-size: 1.8rem;
	font-family: DINPro-Medium;
	color: #333;
	line-height: 24px;
	padding: 11px 48px 6px;
	cursor: pointer;
	min-height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.faq-item-name p {
	display: block;
	width: 100%;
}

.faq-item-name span {
	position: absolute;
	left: 0;
	top: 16px;
	width: 35px;
	height: 35px;
	line-height: 31px;
	font-size: 20px;
	color: #173040;
	font-family: DINPro-Medium;
	background: transparent;
	border-radius: 50%;
	border: 2px solid #002d52;
	text-align: center;
}

.faq-item-name::before {
	content: "\e608";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	color: #002d52;
	font-family: "iconfont";
	text-align: center;
	display: block;
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
	box-sizing: border-box;
	font-weight: bold;
}

.faq-item-name.active:before {
	content: "\e600";
}

.faq-item-name:hover::before {
	content: "\e600";
}

.faq-item-text {
	position: relative;
	width: 100%;
	display: none;
}

.faq-item-text .text {
	position: relative;
	font-size: 16px;
	color: #666;
	line-height: 26px;
	padding: 6px 20px 13px;
	padding-left: 48px;
}

.faq-item-text span {
	position: absolute;
	left: 0;
	top: 1px;
	width: 35px;
	height: 35px;
	line-height: 31px;
	font-size: 20px;
	color: #fff;
	font-family: DINPro-Medium;
	background: #002d52;
	border-radius: 50%;
	border: 2px solid #002d52;
	text-align: center;
}

.faq-list .faq-item-text .text {
	height: 146px;
	overflow: auto;
}

@media screen and (max-width: 1459px) {
	.page-video {
		padding-top: 48px;
		padding-bottom: 78px;
	}

	.video-list {
		padding-top: 10px;
		padding-bottom: 34px;
		margin-left: -8px;
		margin-right: -8px;
	}

	.video-list-item {
		width: 33.33333333%;
		padding: 0 8px;
		margin-bottom: 28px;
	}

	.video-list-item .item-body {
		padding-top: 12px;
	}

	.video-list-item .item-body .item-title {
		font-size: 18px;
		line-height: 24px;
		height: 48px;
	}

	.video-list-item .item-body .item-desc {
		margin-top: 6px;
		font-size: 16px;
		line-height: 26px;
	}

	.page-faq {
		padding-top: 48px;
		padding-bottom: 78px;
	}

	.faq-list {
		padding-top: 10px;
		padding-bottom: 26px;
		margin-left: -10px;
		margin-right: -10px;
	}

	.faq-list .faq-item {
		width: 50%;
		margin-bottom: 26px;
		padding: 0 10px;
	}

	.faq-item .item-box {
		border-radius: 4px 4px 26px 4px;
		padding: 22px 30px;
	}

	.faq-item-name {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 24px;
		padding: 10px 44px 6px;
		min-height: 64px;
	}

	.faq-item-name span {
		top: 15px;
		width: 34px;
		height: 34px;
		line-height: 30px;
		font-size: 18px;
	}

	.faq-item-name::before {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 20px;
	}

	.faq-item-text .text {
		font-size: 16px;
		line-height: 26px;
		padding: 2px 18px 10px;
		padding-left: 44px;
	}

	.faq-item-text span {
		top: 7px;
		width: 34px;
		height: 34px;
		line-height: 30px;
		font-size: 18px;
	}

	.faq-list .faq-item-text .text {
		height: 134px;
	}
}

@media screen and (max-width: 1259px) {
	.page-video {
		padding-top: 40px;
		padding-bottom: 66px;
	}

	.video-list {
		padding-top: 10px;
		padding-bottom: 28px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.video-list-item {
		width: 33.33333333%;
		padding: 0 6px;
		margin-bottom: 24px;
	}

	.video-list-item .item-body {
		padding-top: 12px;
	}

	.video-list-item .item-body .item-title {
		font-size: 16px;
		line-height: 24px;
		height: 48px;
	}

	.video-list-item .item-body .item-desc {
		margin-top: 6px;
		font-size: 14px;
		line-height: 24px;
	}

	.page-faq {
		padding-top: 40px;
		padding-bottom: 66px;
	}

	.faq-list {
		padding-top: 10px;
		padding-bottom: 22px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.faq-list .faq-item {
		width: 50%;
		margin-bottom: 22px;
		padding: 0 6px;
	}

	.faq-item .item-box {
		border-radius: 4px 4px 22px 4px;
		padding: 18px 24px;
	}

	.faq-item-name {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 24px;
		padding: 8px 40px 4px;
		min-height: 60px;
	}

	.faq-item-name span {
		top: 14px;
		width: 32px;
		height: 32px;
		line-height: 28px;
		font-size: 18px;
	}

	.faq-item-name::before {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 20px;
	}

	.faq-item-text .text {
		font-size: 15px;
		line-height: 26px;
		padding: 2px 15px 8px;
		padding-left: 40px;
	}

	.faq-item-text span {
		top: 6px;
		width: 32px;
		height: 32px;
		line-height: 28px;
		font-size: 18px;
	}

	.faq-list .faq-item-text .text {
		height: 118px;
	}
}

@media (max-width: 991px) {
	.page-video {
		padding-top: 32px;
		padding-bottom: 54px;
	}

	.video-list {
		padding-top: 8px;
		padding-bottom: 22px;
		margin-left: -12px;
		margin-right: -12px;
	}

	.video-list-item {
		width: 50%;
		padding: 0 12px;
		margin-bottom: 20px;
	}

	.video-list-item .item-body {
		padding-top: 12px;
	}

	.video-list-item .item-body .item-title {
		font-size: 17px;
		line-height: 24px;
		height: 48px;
	}

	.video-list-item .item-body .item-desc {
		margin-top: 6px;
		font-size: 15px;
		line-height: 24px;
	}

	.page-faq {
		padding-top: 32px;
		padding-bottom: 54px;
	}

	.faq-list {
		padding-top: 8px;
		padding-bottom: 18px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.faq-list .faq-item {
		width: 100%;
		margin-bottom: 20px;
		padding: 0 6px;
	}

	.faq-item .item-box {
		border-radius: 4px 4px 20px 4px;
		padding: 18px 24px;
	}

	.faq-item-name {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 24px;
		padding: 8px 40px 4px;
		min-height: 60px;
	}

	.faq-item-name span {
		top: 14px;
		width: 32px;
		height: 32px;
		line-height: 28px;
		font-size: 18px;
	}

	.faq-item-name::before {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 20px;
	}

	.faq-item-text .text {
		font-size: 15px;
		line-height: 26px;
		padding: 2px 15px 8px;
		padding-left: 40px;
	}

	.faq-item-text span {
		top: 6px;
		width: 32px;
		height: 32px;
		line-height: 28px;
		font-size: 18px;
	}

	.faq-list .faq-item-text .text {
		height: auto;
	}
}

@media (max-width: 720px) {
	.page-video {
		padding-top: 24px;
		padding-bottom: 42px;
	}

	.video-list {
		padding-top: 8px;
		padding-bottom: 16px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.video-list-item {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 18px;
	}

	.video-list-item .item-body {
		padding-top: 10px;
	}

	.video-list-item .item-body .item-title {
		font-size: 16px;
		line-height: 24px;
		height: 48px;
	}

	.video-list-item .item-body .item-desc {
		margin-top: 4px;
		font-size: 14px;
		line-height: 24px;
	}

	.page-faq {
		padding-top: 24px;
		padding-bottom: 42px;
	}

	.faq-list {
		padding-top: 8px;
		padding-bottom: 16px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.faq-list .faq-item {
		width: 100%;
		margin-bottom: 18px;
		padding: 0 6px;
	}

	.faq-item .item-box {
		border-radius: 4px 4px 16px 4px;
		padding: 12px 18px;
	}

	.faq-item-name {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 24px;
		padding: 8px 40px 4px;
		min-height: 60px;
	}

	.faq-item-name span {
		top: 14px;
		width: 30px;
		height: 30px;
		line-height: 26px;
		font-size: 16px;
	}

	.faq-item-name::before {
		width: 18px;
		height: 18px;
		line-height: 18px;
		font-size: 18px;
	}

	.faq-item-text .text {
		font-size: 14px;
		line-height: 24px;
		padding: 2px 12px 6px;
		padding-left: 40px;
	}

	.faq-item-text span {
		top: 6px;
		width: 30px;
		height: 30px;
		line-height: 26px;
		font-size: 16px;
	}
}

@media (max-width: 560px) {
	.page-video {
		padding-top: 18px;
		padding-bottom: 30px;
	}

	.video-list {
		padding-top: 8px;
		padding-bottom: 16px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.video-list-item {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 18px;
	}

	.video-list-item .item-body {
		padding-top: 10px;
	}

	.video-list-item .item-body .item-title {
		font-size: 16px;
		line-height: 24px;
		height: 48px;
	}

	.video-list-item .item-body .item-desc {
		margin-top: 4px;
		font-size: 14px;
		line-height: 24px;
	}

	.page-faq {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.faq-list {
		padding-top: 8px;
		padding-bottom: 16px;
		margin-left: -6px;
		margin-right: -6px;
	}

	.faq-list .faq-item {
		width: 100%;
		margin-bottom: 18px;
		padding: 0 6px;
	}

	.faq-item .item-box {
		border-radius: 4px 4px 16px 4px;
		padding: 12px 18px;
	}

	.faq-item-name {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
		padding: 8px 40px 4px;
		min-height: 64px;
	}

	.faq-item-name span {
		top: 14px;
		width: 30px;
		height: 30px;
		line-height: 26px;
		font-size: 16px;
	}

	.faq-item-name::before {
		width: 18px;
		height: 18px;
		line-height: 18px;
		font-size: 18px;
	}

	.faq-item-text .text {
		font-size: 14px;
		line-height: 24px;
		padding: 2px 10px 6px;
		padding-left: 40px;
	}

	.faq-item-text span {
		top: 6px;
		width: 30px;
		height: 30px;
		line-height: 26px;
		font-size: 16px;
	}
}

@media (max-width: 400px) {
	.page-video {
		padding-top: 16px;
		padding-bottom: 24px;
	}

	.video-list {
		padding-top: 6px;
		padding-bottom: 14px;
		margin-left: -5px;
		margin-right: -5px;
	}

	.video-list-item {
		width: 100%;
		padding: 0 5px;
		margin-bottom: 18px;
	}

	.video-list-item .item-body {
		padding-top: 10px;
	}

	.video-list-item .item-body .item-title {
		font-size: 16px;
		line-height: 24px;
		height: 48px;
	}

	.video-list-item .item-body .item-desc {
		margin-top: 4px;
		font-size: 14px;
		line-height: 22px;
	}

	.page-faq {
		padding-top: 16px;
		padding-bottom: 24px;
	}
}

/* ****************** application ****************** */
.page-app {
	position: relative;
	padding: 56px 0 90px;
}

.page-app .page-bottom {
	padding-top: 70px;
}

.app-list {
	position: relative;
	font-size: 0;
	letter-spacing: 0;
	transition: all 0.5s;
	padding-top: 12px;
	padding-bottom: 39px;
	display: flex;
	flex-wrap: wrap;
	margin-left: -11px;
	margin-right: -11px;
}

.app-list-item {
	position: relative;
	width: 100%;
	padding: 0 12px;
	margin-bottom: 38px;
}

.app-list-item .item-box {
	position: relative;
	width: 100%;
}

.app-list-item .item-box .item-pic {
	position: relative;
	width: 100%;
	text-align: center;
	border-radius: 16px;
	overflow: hidden;
}

.app-list-item .item-box .item-pic img {
	display: block;
	width: 100%;
}

.app-list-item .item-box .item-body {
	position: relative;
	width: 100%;
	padding-top: 6px;
}

.app-list-item .item-body .item-title {
	font-family: DINPro-Bold;
	font-size: 20px;
	color: #333333;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
}

.app-list-item .item-body .item-desc {
	position: relative;
	margin-top: 6px;
	font-size: 16px;
	color: #666;
	line-height: 26px;
}

@media screen and (max-width: 1459px) {
	.page-app {
		padding: 54px 0 78px;
	}

	.page-app .page-bottom {
		padding-top: 60px;
	}

	.app-list {
		padding-top: 10px;
		padding-bottom: 34px;
		margin-left: -8px;
		margin-right: -8px;
	}

	.app-list-item {
		width: 33.3333333%;
		padding: 0 8px;
		margin-bottom: 32px;
	}

	.app-list-item .item-box .item-pic {
		border-radius: 14px;
	}

	.app-list-item .item-box .item-body {
		padding-top: 6px;
	}

	.app-list-item .item-body .item-title {
		font-size: 18px;
		line-height: 28px;
		height: 56px;
	}

	.app-list-item .item-body .item-desc {
		margin-top: 5px;
		font-size: 15px;
		line-height: 24px;
	}
}

@media screen and (max-width: 1259px) {
	.page-app {
		padding: 46px 0 66px;
	}

	.page-app .page-bottom {
		padding-top: 50px;
	}

	.app-list {
		padding-top: 10px;
		padding-bottom: 28px;
		margin-left: -5px;
		margin-right: -5px;
	}

	.app-list-item {
		width: 33.3333333%;
		padding: 0 5px;
		margin-bottom: 28px;
	}

	.app-list-item .item-box .item-pic {
		border-radius: 12px;
	}

	.app-list-item .item-box .item-body {
		padding-top: 4px;
	}

	.app-list-item .item-body .item-title {
		font-size: 18px;
		line-height: 28px;
		height: 56px;
	}

	.app-list-item .item-body .item-desc {
		margin-top: 4px;
		font-size: 14px;
		line-height: 22px;
	}
}

@media (max-width: 991px) {
	.page-app {
		padding: 38px 0 54px;
	}

	.page-app .page-bottom {
		padding-top: 40px;
	}

	.app-list {
		padding-top: 8px;
		padding-bottom: 24px;
		margin-left: -14px;
		margin-right: -14px;
	}

	.app-list-item {
		width: 50%;
		padding: 0 14px;
		margin-bottom: 24px;
	}

	.app-list-item .item-box .item-pic {
		border-radius: 15px;
	}

	.app-list-item .item-box .item-body {
		padding-top: 4px;
	}

	.app-list-item .item-body .item-title {
		font-size: 18px;
		line-height: 28px;
		height: 56px;
	}

	.app-list-item .item-body .item-desc {
		margin-top: 4px;
		font-size: 14px;
		line-height: 22px;
	}
}

@media (max-width: 720px) {
	.page-app {
		padding: 30px 0 42px;
	}

	.page-app .page-bottom {
		padding-top: 30px;
	}

	.app-list {
		padding-top: 8px;
		padding-bottom: 20px;
		margin-left: -8px;
		margin-right: -8px;
	}

	.app-list-item {
		width: 50%;
		padding: 0 8px;
		margin-bottom: 20px;
	}

	.app-list-item .item-box .item-pic {
		border-radius: 12px;
	}

	.app-list-item .item-box .item-body {
		padding-top: 4px;
	}

	.app-list-item .item-body .item-title {
		font-size: 18px;
		line-height: 28px;
		height: 56px;
	}

	.app-list-item .item-body .item-desc {
		margin-top: 4px;
		font-size: 14px;
		line-height: 22px;
	}
}

@media (max-width: 560px) {
	.page-app {
		padding: 22px 0 30px;
	}

	.page-app .page-bottom {
		padding-top: 20px;
	}

	.app-list {
		padding-top: 8px;
		padding-bottom: 16px;
		margin-left: -5px;
		margin-right: -5px;
	}

	.app-list-item {
		width: 50%;
		padding: 0 5px;
		margin-bottom: 18px;
	}

	.app-list-item .item-box .item-pic {
		border-radius: 10px;
	}

	.app-list-item .item-box .item-body {
		padding-top: 4px;
	}

	.app-list-item .item-body .item-title {
		font-size: 16px;
		line-height: 26px;
		height: 52px;
	}

	.app-list-item .item-body .item-desc {
		margin-top: 4px;
		font-size: 14px;
		line-height: 22px;
	}
}

@media (max-width: 370px) {
	.app-list-item {
		width: 100%;
	}
}

/*.tankaungn{ position:fixed; left:50%; top:0px; transform:translateX(-50%); width:50%; height:100%; overflow:auto;}
.tankaungn2{position:fixed; top:50%; transform:translateY(-50%); left:0px; width:100%; padding-bottom:75%;height: 0; max-height:100%; background:#fff;}*/
.tankaung {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #000;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 9999999999;
}

.tankaungn2 {
	position: fixed;
	left: 5%;
	top: 5%;
	right: 5%;
	bottom: 5%;
}

.tankaungn2 iframe,
.tankaungn2 video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.tankaungn2 iframe body {
	margin: 0px !important;
}

.famain {
	padding-top: 70px;
	padding-bottom: 90px;
}

.top {
	width: 48px;
	height: 48px;
	line-height: 44px;
	font-size: 18px !important;
	text-align: center;
	background: #ffffff;
	color: #002d52;
	box-shadow: 0px 5px 10px 0px rgba(0, 45, 82, 0.31);
	border-radius: 50%;
	border: 2px solid #002d52;
	margin: auto;
	cursor: pointer;
	position: fixed;
	right: 20px;
	bottom: -100px;
	transition: 0.9s;
	z-index: 999;
	-webkit-animation-name: top;
	animation-name: top;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.bottom {
	bottom: 80px;
}

.top .iconfont {
	display: inline-block;
	vertical-align: top;
}

.top .iconfont::before {
	content: "\e73e";
}

.top:hover {
	background: #002d52;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.top {
		width: 42px;
		height: 42px;
		line-height: 38px;
		font-size: 16px !important;
		right: 0px;
		bottom: 80px;
	}

	.fotag {
		margin-top: 15px;
	}
}

@media screen and (max-width: 767px) {
	.tankaungn2 {
		position: fixed;
		left: 5%;
		top: 15%;
		right: 5%;
		bottom: 15%;
	}
}

@font-face {
	font-family: "DINPro-Regular";
	src: url("../fonts/DINPro-Regular.eot");
	src: url("../fonts/DINPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Regular.woff2") format("woff2"), url("../fonts/DINPro-Regular.woff") format("woff"), url("../fonts/DINPro-Regular.ttf") format("truetype"), url("../fonts/DINPro-Regular.svg#DINPro-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "DINPro-Medium";
	src: url("../fonts/DINPro-Medium.eot");
	src: url("../fonts/DINPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Medium.woff2") format("woff2"), url("../fonts/DINPro-Medium.woff") format("woff"), url("../fonts/DINPro-Medium.ttf") format("truetype"), url("../fonts/DINPro-Medium.svg#DINPro-Medium") format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "DINPro-Bold";
	src: url("../fonts/DINPro-Bold.eot");
	src: url("../fonts/DINPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Bold.woff2") format("woff2"), url("../fonts/DINPro-Bold.woff") format("woff"), url("../fonts/DINPro-Bold.ttf") format("truetype"), url("../fonts/DINPro-Bold.svg#DINPro-Bold") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Oswald-Bold";
	src: url("../fonts/Oswald-Bold.eot");
	src: url("../fonts/Oswald-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Oswald-Bold.woff2") format("woff2"), url("../fonts/Oswald-Bold.woff") format("woff"), url("../fonts/Oswald-Bold.ttf") format("truetype"), url("../fonts/Oswald-Bold.svg#Oswald-Bold") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Oswald-Regular";
	src: url("../fonts/Oswald-Regular.eot");
	src: url("../fonts/Oswald-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Oswald-Regular.woff2") format("woff2"), url("../fonts/Oswald-Regular.woff") format("woff"), url("../fonts/Oswald-Regular.ttf") format("truetype"), url("../fonts/Oswald-Regular.svg#Oswald-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "iconfont";
	/* Project id 1768807 */
	src: url("../fonts/iconfont.woff2?t=1691982039822") format("woff2"), url("../fonts/iconfont.woff?t=1691982039822") format("woff"), url("../fonts/iconfont.ttf?t=1691982039822") format("truetype");
	font-display: swap;
}

@font-face {
	font-family: "iconfont";
	/* Project id 4262293 */
	src: url("../fonts/icon/iconfont.woff2?t=1719978965939") format("woff2"), url("../fonts/icon/iconfont.woff?t=1719978965939") format("woff"), url("../fonts/icon/iconfont.ttf?t=1719978965939") format("truetype"), url("../fonts/icon/iconfont.svg?t=1719978965939#iconfont") format("svg");
	font-display: swap;
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-a-xiazai4:before {
	content: "\e540";
}

.icon-jiantou_qiehuanzuo:before {
	content: "\e539";
}

.icon-jiantou_qiehuanyou:before {
	content: "\e538";
}

.icon-a-xiazai11:before {
	content: "\e537";
}

.icon-xiazai2:before {
	content: "\e536";
}

.icon-xiazai1:before {
	content: "\e535";
}

.icon-sanjiaoxing:before {
	content: "\e534";
}

.icon-xiajiantou:before {
	content: "\e533";
}

.icon-lianjielink:before {
	content: "\e532";
}

.icon-xiangzuo:before {
	content: "\e531";
}

.icon-xiangxia:before {
	content: "\e530";
}

.icon-xiangshang:before {
	content: "\e52f";
}

.icon-sanjiaoshang:before {
	content: "\e52e";
}

.icon-sanjiao-jinru:before {
	content: "\e52d";
}

.icon-a-fenlei1:before {
	content: "\e52c";
}

.icon-fenlei:before {
	content: "\e52b";
}

.icon-a-youjianyouxiang_jurassic:before {
	content: "\e52a";
}

.icon-a-youtube1:before {
	content: "\e529";
}

.icon-a-dianhua11:before {
	content: "\e528";
}

.icon-jiantou_youxia:before {
	content: "\e527";
}

.icon-notepad:before {
	content: "\e526";
}

.icon-a-dianhua1:before {
	content: "\e525";
}

.icon-rili:before {
	content: "\e524";
}

.icon-dianhua1:before {
	content: "\e523";
}

.icon-a-youxiang1:before {
	content: "\e522";
}

.icon-yunxiazai_o:before {
	content: "\e521";
}

.icon-a-danjiantouchangjiantouzuo:before {
	content: "\e519";
}

.icon-changjiantou:before {
	content: "\e520";
}

.icon-a-danjiantouchangjiantouyou:before {
	content: "\e518";
}

.icon-xiazai:before {
	content: "\e517";
}

.icon-a-xiazai1:before {
	content: "\e516";
}

.icon-weibo:before {
	content: "\e515";
}

.icon-yuyan:before {
	content: "\e514";
}

.icon-duoqiyingxiang:before {
	content: "\e513";
}

.icon-a-weibo1:before {
	content: "\e512";
}

.icon-upload-cloud-2-line:before {
	content: "\e511";
}

.icon-a-lianjie1:before {
	content: "\e510";
}

.icon-daohang:before {
	content: "\e509";
}

.icon-a-rightlinefill-line:before {
	content: "\e508";
}

.icon-lianjie:before {
	content: "\e507";
}

.icon-send-plane-line:before {
	content: "\e506";
}

.icon-b2b-close:before {
	content: "\e505";
}

.icon-jiantou_youshang:before {
	content: "\e504";
}

.icon-dianhua:before {
	content: "\e501";
}

.icon-tik_tok:before {
	content: "\e502";
}

.icon-phone-Fill:before {
	content: "\e503";
}

.icon-twitter-new2:before {
	content: "\e800";
}

.icon-twitter-new:before {
	content: "\e7ff";
}

.icon-twitter3:before {
	content: "\e7fd";
}

.icon-twitter4:before {
	content: "\e7fe";
}

.icon-biaoqian:before {
	content: "\e649";
}

.icon-top2:before {
	content: "\e637";
}

.icon-shangchuan:before {
	content: "\e602";
}

.icon-sousuo4:before {
	content: "\e610";
}

.icon-sousuo:before {
	content: "\e616";
}

.icon-sousuo1:before {
	content: "\e65b";
}

.icon-up7:before {
	content: "\e722";
}

.icon-bottom7:before {
	content: "\e723";
}

.icon-left7:before {
	content: "\e724";
}

.icon-right7:before {
	content: "\e725";
}

.icon-instagram1:before {
	content: "\e640";
}

.icon-vk:before {
	content: "\e735";
}

.icon-jia2:before {
	content: "\e608";
}

.icon-jian2:before {
	content: "\e600";
}

.icon-home:before {
	content: "\e624";
}

.icon-edit:before {
	content: "\e611";
}

.icon-facebook:before {
	content: "\e620";
}

.icon-pinterest:before {
	content: "\e8ab";
}

.icon-linkedin:before {
	content: "\e648";
}

.icon-youtube:before {
	content: "\e6d6";
}

.icon-twitter:before {
	content: "\e607";
}

.icon-bigger:before {
	content: "\e647";
}

.icon-left:before {
	content: "\e72c";
}

.icon-right:before {
	content: "\e72d";
}

.icon-up1:before {
	content: "\e72e";
}

.icon-bottom1:before {
	content: "\e72f";
}

.icon-left1:before {
	content: "\e730";
}

.icon-right1:before {
	content: "\e731";
}

.icon-up:before {
	content: "\e73e";
}

.icon-bottom:before {
	content: "\e73f";
}

.icon-instagram:before {
	content: "\e79d";
}

.icon-tumblr:before {
	content: "\e79e";
}

.icon-download:before {
	content: "\e7a0";
}

.icon-download1:before {
	content: "\e7a7";
}

.icon-search4:before {
	content: "\e7b2";
}

.icon-address:before {
	content: "\e7bc";
}

.icon-email:before {
	content: "\e7bd";
}

.icon-contact:before {
	content: "\e7be";
}

.icon-whatsapp:before {
	content: "\e7bf";
}

.icon-fax:before {
	content: "\e7c2";
}

.icon-mobile:before {
	content: "\e7c6";
}

.icon-phone:before {
	content: "\e7c8";
}

.icon-tel:before {
	content: "\e7c7";
}

.icon-phone1:before {
	content: "\e7cb";
}

.icon-skype:before {
	content: "\e7cc";
}

.icon-whatsapp1:before {
	content: "\e7c1";
}

.icon-address1:before {
	content: "\e7c3";
}

.icon-contact1:before {
	content: "\e7c4";
}

.icon-email1:before {
	content: "\e7c5";
}

.icon-skype1:before {
	content: "\e7c9";
}

.icon-fax1:before {
	content: "\e7ca";
}

.icon-qq:before {
	content: "\e7ce";
}

.icon-tel1:before {
	content: "\e7cd";
}

.icon-wechat:before {
	content: "\e7cf";
}

.icon-phone2:before {
	content: "\e7d0";
}

.icon-message:before {
	content: "\e7da";
}

.icon-calendar:before {
	content: "\e7e1";
}

.icon-calendar1:before {
	content: "\e7e3";
}

.icon-top:before {
	content: "\e7ed";
}

.icon-youbian:before {
	content: "\e60f";
}

.lang-img {
	background: url(../img/lang.png) no-repeat;
}

.en {
	height: 16px;
	width: 24px;
	background-position: 0 -848px;
}

.disnone {
	display: none;
}

.zanwu {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.fanpian li.no-data:hover span,
.fanpian li.no-data:hover i,
.fanpian li.no-data:hover a {
	color: #999;
	background: transparent;
	-webkit-text-fill-color: unset;
	-webkit-background-clip: text;
	cursor: default;
	border-color: unset;
}

.fanpian li.no-data:hover .name {
	color: #333;
	background: #333;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	cursor: default;
}

.fanpian li.no-data {
	cursor: default;
}

.xunpanlb {
	padding-top: 30px;
	clear: both;
	padding-bottom: 30px;
	width: 100%;
}

.xunpanlb .table .thead {
	font-size: 0;
	letter-spacing: 0;
	border: 1px solid #dcdcdc;
	background: #002d52;
}

.xunpanlb .table .thead p {
	text-align: center;
	padding: 0 10px;
	font-size: 16px;
	line-height: 40px;
	width: 33.3333%;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	color: #fff;
}

.xunpanlb .table .thead p:nth-child(2) {
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}

.xunpanlb .table .tbody {
	font-size: 0;
	letter-spacing: 0;
}

.xunpanlb .table .tbody .tread {
	border: 1px solid #dcdcdc;
	border-top: 0;
}

.xunpanlb .table .tbody .tread .td {
	height: 100%;
	text-align: center;
	padding: 10px 10px;
	font-size: 16px;
	line-height: 40px;
	width: 33.3333%;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}

.xunpanlb .table .tbody .tread .td:nth-child(2) {
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}

.xunpanlb .table .tbody .td img {
	max-width: 110px;
	margin-left: auto;
	margin-right: auto;
}

.xunpanlb .table .tbody .td a {
	color: #002d52;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

.xunpanlb .table .tbody .td a:hover {
	color: #002d52;
}

@media screen and (max-width: 520px) {
	.xunpanlb .table {
		border-top: 1px solid #dcdcdc;
	}

	.xunpanlb .table .thead {
		display: none;
	}

	.xunpanlb .table .tbody .td {
		width: 100% !important;
	}

	.xunpanlb .table .tbody .tread .td:nth-child(2) {
		border: 0 !important;
	}
}

.file-name-p.attachment-upload-result {
	margin-top: 5px;
	font-size: 15px;
}

.attachment-upload-result .icon-yf-shanchu {
	cursor: pointer;
}

.daohang>li .xuanzhong-child-nav::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 3px;
	background: #002d52;
	transition: all 0.5s;
}

.yiji li .xuanzhong-child-nav {
	color: #002d52;
}

.pro-related .sec2-tbody-item .item-tip {
	width: auto;
	height: auto;
}

.pro-related .sec2-tbody-item .item-tip img {
	width: auto;
	max-height: 38px;
}

@media screen and (max-width: 1259px) {
	.pro-related .sec2-tbody-item .item-tip img {
		width: auto;
		max-height: 32px;
	}
}

.pro-related .sec2-tbody-item .item-tip {
	background: transparent;
}

.pro-related .sec2-tbody-item .item-tip img {
	margin-right: 5px;
}

.fanpian .no-data:hover {
	width: calc(50% - 12px);
	background: #f5f5f4;
	border-radius: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #999;
	line-height: 24px;
	cursor: default;
	margin-bottom: 10px;
}

.fanpian li.no-data:hover i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	color: #fff;
	background: #002d52;
	border-radius: 50%;
	text-align: center;
}

.slide .slideItem iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.slide .slideItem video {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 101%;
	min-height: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
}

@media screen and (max-width: 991px) {
	.slide .slideItem video {
		object-position: inherit;
		object-fit: inherit;
		width: 100%;
		height: 100%;
		transform: translate(0, 0);
		left: 0;
		top: 0;
	}
}

#box li .item-pics {
	position: relative;
	background: #ffffff;
	padding-bottom: 100%;
	overflow: hidden;
}

#box li .item-pics .item-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#box li .item-pics img {
	max-width: 100% !important;
	max-height: 100% !important;
	width: auto;
}





/* xinjia */
.index1_body {
	margin-top: 40px;
	padding-bottom: 133px;
}

.index1_list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 2.4275%;
}

.index1_list li {
	width: 31.715%;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
}

.index1_list li .item-pic{
    aspect-ratio: 444/300;
}
.index1_list li .item-pic a,
.index1_list li .item-pic img{
    width: 100%;
    height: 100%;
}
.index1_list li .item-pic img{
    object-fit: cover;
}

.index1_list li::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	max-height: 320px;
	background-image: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
	border-radius: 12px;
	opacity: 0.5;
	z-index: 1;
	pointer-events: none;
	left: 0;
	bottom: 0;
}

.index1_list li:hover .index1_links {
	opacity: 1;
}

.index1_list .index1_name {
	font-family: Oswald-Bold;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #ffffff;
	position: absolute;
	text-align: center;
	left: 0;
	bottom: 30px;
	z-index: 1;
	width: 100%;
	padding: 0px 20px;
}

.index1_list .index1_name a {
	color: #fff;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.index1_list .index1_name a:hover {
	text-decoration: underline;
	text-underline-offset: 2px;
}

.index1_links {
	position: absolute;
	display: flex;
	justify-content: center;
	left: 50%;
	top: 42.6%;
	transform: translateX(-50%);
	z-index: 1;
	transition: 0.3s;
	opacity: 0;
}

.index1_links a {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 45, 82, 0.8);
	font-family: DINPro-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #ffffff;
	border-radius: 18px;
	overflow: hidden;
	min-width: 169px;
	min-height: 36px;
	padding: 4px 20px;
}

.index1_links a:hover {
	background: rgba(255, 255, 255, 0.8);
	color: #173040;
}

.public_box {
	padding: 53px 0px 99px;
}

.public_box .container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}

.public_menu_title {
	font-family: Oswald-Bold;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #333333;
}

.public_menu {
	width: 19.215%;
	margin-top: 6px;
}

.public_menu_list {
	font-family: DINPro-Medium;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #333333;
	margin-top: 29px;
}

.public_menu_list li:not(:nth-of-type(1)) {
	margin-top: 6px;
}

.public_menu_list span {
	transition: 0s;
	flex: 1;
	margin-left: 8px;
}

.public_menu_list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 10px 16px;
	border-bottom: 1px solid #cccccc;
}

.public_menu_list a:hover {
	background: #002d52;
	color: #fff;
	border-bottom: 1px solid #002d52;
}

.public_menu_list a.active {
	background: #002d52;
	color: #fff;
	border-bottom: 1px solid #002d52;
}

.public_container {
	width: 76.5%;
}

.big_title {
	font-family: Oswald-Bold;
	font-size: 42px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 52px;
	letter-spacing: 0px;
	color: #173040;
}

.big_describe {
	font-family: DINPro-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #666666;
}

.big_describe em {
	font-style: normal;
	color: #000;
}

.big_describe img {
	display: inline-block;
}

.describe {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #fff;
}

.oo1 .big_describe {
	margin-top: 24px;
}

.oo2 {
	margin-top: 64px;
}

.oo2 .big_describe {
	margin-top: 34px;
}

.oo2_list {
	background: #002d52;
	display: flex;
	justify-content: space-between;
	padding: 35px 51px 30px;
	gap: 20px;
	margin-top: 47px;
}

.oo2_list .number_box {
	display: flex;
	align-items: flex-end;
	gap: 7px;
}

.oo2_list .big_num {
	font-family: Oswald-Bold;
	font-size: 34px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #fff;
	display: flex;
	align-items: center;
}

.oo2_list .big_num_after {
	font-family: Oswald-Bold;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #fff;
}

.oo2_list .describe {
	color: #fff;
	margin-top: 6px;
}

.oo2_list .xian {
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.oo2_list .j-hdata1::before {
	content: attr(title);
	height: 0px;
	display: block;
	overflow: hidden;
}

.pub_buttonBox {
	display: flex;
	justify-content: flex-start;
}

.pub_buttonBox a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: DINPro-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #173040;
	transition: 0.3s;
	background-color: #ffffff;
	border-radius: 25px;
	border: solid 1px #002d52;
	padding: 11px 30px 12px;
}

.pub_buttonBox a:hover {
	background: #002d52;
	color: #fff;
}

.oo3 {
	margin-top: 64px;
}

.oo3_container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 5%;
	margin-top: 13px;
}

.oo3_container .pub_buttonBox {
	margin-top: 46px;
}

.oo3_l {
	width: 60%;
	padding-top: 21px;
}

.oo3_r {
	flex: 1;
	max-width: 344px;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.oo3_r figure {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.oo3_r .oo3_logo {
	width: 60px;
}

.oo3_r .r_box {
	flex: 1;
	font-family: DINPro-Medium;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #333333;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 12px 0px 16px;
}

.imgBox a {
	display: block;
	overflow: hidden;
}

.imgBox a:hover img {
	transform: scale(1.1);
}

.imgBox img {
	display: block;
	transition: 0.35s;
}

.float_box {
	overflow: hidden;
}

.ot1 .ot1_r {
	width: 49.58%;
	float: right;
	margin-bottom: 5px;
	margin-left: 6.256%;
	margin-top: 2px;
}

.ot1_box {
	margin-top: 29px;
}

.ot2 {
	margin-top: 64px;
}

.ot2 .ot2_l {
	width: 49.58%;
	float: left;
	margin-bottom: 5px;
	margin-right: 3.735%;
	margin-top: 2px;
}

.ot2_r {
	padding-top: 13px;
}

.ot2_box {
	margin-top: 29px;
	overflow: hidden;
}

.ot3 {
	margin-top: 67px;
}

.ot3 .big_describe {
	margin-top: 31px;
}

.ot3_r {
	width: 40.803%;
	float: right;
	margin-bottom: 5px;
	margin-left: 5.323%;
	margin-top: 8px;
}

.oth1_name {
	font-family: DINPro-Medium;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	line-height: 26px;
	/* min-height: 35px; */
	color: #333333;
	transition: 0.3s;
}

.oth1_list {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 22px 2.1005%;
}

.oth1_list li {
	width: 31.933%;
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #dcdcdc;
	transition: 0.3s;
	padding: 13px 31px 21px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.oth1_list li:hover {
	background: #002d52;
}

.oth1_list li:hover .oth1_name {
	color: #fff;
}

.oth1_list li:hover .describe {
	color: rgba(255, 255, 255, 0.6);
}

.oth1_list li:hover .describe a {
	color: rgba(255, 255, 255, 0.6);
}

.oth1_list .describe {
	line-height: 20px;
	color: #666666;
	/* min-height: 60px; */
	margin-top: 30px;
}
@media screen and (max-width: 1400px) {
    .oth1_list .describe{
        margin-top: 15px;
    }
}

.oth1_list .describe a {
	word-break: break-all;
	color: #666;
}

.oth1_list .describe a:hover {
	text-decoration: underline;
	text-underline-offset: 2px;
}

.public_container_r {
	width: 76.929%;
	padding-top: 9px;
}

.to {
	padding: 53px 0px 38px;
}

.to1_title {
	font-family: Oswald-Bold;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #173040;
}

.to1 figure {
	background-color: #ffffff;
	box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.16);
	overflow: hidden;
	padding: 20px;
}

.to1 .l_box {
	width: 40%;
	max-width: 290px;
	margin-right: 3.715%;
	float: left;
}

.to1 .r_box {
	padding-right: 30px;
	padding-top: 24px;
}

.to1 .describe {
	line-height: 26px;
	color: #666;
	margin-top: 18px;
}

.to2 {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 46px;
}

.to2 a {
	display: block;
	font-family: DINPro-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #173040;
	background-color: rgba(0, 45, 82, 0.1);
	border-radius: 4px;
	transform: 0.3s;
	padding: 10px 18px 14px;
}

.to2 a:hover {
	background: #002d52;
	color: #fff;
}

.to2 .active {
	background: #002d52;
	color: #fff;
}

.pro-form {
	margin-top: 24px;
}

.pro_bottom {
	padding: 72px 0 80px;
}

.new_container {
	margin-top: 31px;
	display: flex;
	flex-direction: column;
	gap: 29px;
	padding-bottom: 70px;
}

.new_container figure {
	border-bottom: 1px solid #d2d2d2;
	gap: 4.286%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 29px;
}

.new_container .l_box {
	width: 22.7%;
	max-width: 400px;
	border-radius: 16px;
	overflow: hidden;
}

.new_container .r_box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
	padding-top: 0.5%;
}

.new_container .time {
	font-family: Oswald-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 16px;
	letter-spacing: 0px;
	color: #002d52;
	padding: 5px 4px 5px;
	background: rgba(0, 45, 82, 0.1);
}

.new_container .new_title {
	font-family: DINPro-Medium;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;
	margin-top: 18px;
}

.new_container .new_title a {
	color: #333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.new_container .new_title a:hover {
	color: #002d52;
}

.new_container .describe {
	line-height: 26px;
	color: #666;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 20px;
}

.new_container .new_links {
	margin-top: 46px;
	font-family: Oswald-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #002d52;
}

.new_container .new_links a {
	display: block;
	color: #002d52;
}

.new_container .new_links a:hover {
	text-underline-offset: 4px;
	text-decoration: underline;
}

.tho1 {
	padding-top: 15px;
}

.tho1 .describe {
	line-height: 26px;
	color: #666;
	margin-top: 18px;
}

.tho2_list {
	margin-top: 25px;
	margin-left: -10px;
	margin-right: -10px;
	padding-bottom: 18px;
}

.tho2_list .video-list-item {
	padding: 0px 10px;
	margin-bottom: 31px;
}

.video-list-item .item-body {
	padding-top: 12px;
}

.video-list-item .item-body .item-title {
	font-family: DINPro-Medium;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 19px;
	letter-spacing: 0px;
	color: #333333;
}

.tht1 {
	display: flex;
	flex-wrap: wrap;
	gap: 27px 1.88666667%;
	padding: 38px 0px 59px;
}

.tht1 figure {
	width: 23.585%;
}

.tht1 .imgBox a:hover img {
	transform: scale(1);
}

.tht1 .box {
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	border: solid 1px #ececec;
	position: relative;
}

.tht1 .box:hover .hide_box {
	opacity: 1;
	transform: scale(1);
	visibility: visible;
}

.tht1 .hide_box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 45, 82, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
	visibility: hidden;
	opacity: 0;
	transform: scale(0);
}

.tht1 .pub_buttonBox a {
	padding: 6px 28px 7px;
}

.tht1 .tht1_name {
	font-family: DINPro-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0px;
	color: #666666;
	text-align: center;
	margin-top: 12px;
}

.tht1 .tht1_name a {
	color: #666;
}

.tht1 .tht1_name a:hover {
	color: #002d52;
}

#alert {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99999999999999;
	display: none;
}

#alert .alert_container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 1080px;
	background-color: #ffffff;
	box-shadow: 15px 26px 38px 0px rgba(4, 5, 6, 0.16);
	padding: 42px 50px 66px;
	max-height: 90vh;
	overflow: auto;
}

#alert .alert_container::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

#alert .alert_container::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.2);
}

#alert .alert_container::-webkit-scrollbar-track {
	border-radius: 0;
	background: rgba(0, 0, 0, 0.1);
}

#alert .alert_title {
	text-align: center;
	position: relative;
	font-family: Oswald-Bold;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 38px;
	letter-spacing: 0px;
	color: #333333;
	padding-bottom: 26px;
}

#alert .alert_title::before {
	content: "";
	position: absolute;
	width: 63px;
	height: 2px;
	background-color: #002d52;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

#alert form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 19px 0px;
	width: 100%;
	margin-top: 40px;
	padding-left: 19px;
}

#alert form>* {
	width: 100%;
}

#alert form input,
#alert form textarea {
	border: 1px solid #e6e6e6;
	background: #fff;
	font-family: Poppins-Medium;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #333;
	padding: 0px 18px;
	width: 100%;
	flex: 1;
	resize: none;
	outline: none;
	display: block;
}

#alert form input::placeholder,
#alert form input::-webkit-input-placeholder,
#alert form textarea::placeholder {
	color: #666;
}

#alert form input:focus,
#alert form textarea:focus {
	border: 1px solid #d2d2d2;
}

#alert form .int1 {
	width: 48%;
}

#alert form input {
	height: 55px;
}

#alert form .ttBox {
	width: 100%;
}

#alert form .yzm {
	position: relative;
	display: flex;
	gap: 10px;
}

#alert form .yzm input {
	flex: 1;
}

#alert form .yzm span {
	height: 54px;
	aspect-ratio: 160/54;
	cursor: pointer;
}

#alert form .yzm span img {
	height: 100%;
}

#alert form .afterBox {
	position: relative;
}

#alert form .afterBox::before {
	left: -20px;
	position: absolute;
	content: "*";
	font-size: 20px;
	color: #ff0000;
	top: 52%;
	transform: translateY(-50%);
	z-index: 1;
}

#alert form .tj input {
	cursor: pointer;
	background: #002d52;
	border: 1px solid #002d52;
	color: #fff;
	transition: 0.3s;
}

#alert form .tj input:hover {
	background: #fff;
	color: #002d52;
}

@media screen and (max-width: 1459px) {
	.index1_body {
		padding-bottom: 30px;
	}

	.index1_list .index1_name {
		font-size: 20px;
		line-height: 28px;
		bottom: 20px;
	}

	.big_title {
		font-size: 32px;
		line-height: 42px;
	}

	.pro_bottom {
		padding: 60px 0px;
	}

	.tho1 {
		padding-top: 0px;
	}

	.video-list-item {
		margin-bottom: 28px !important;
	}
}

@media screen and (max-width: 1259px) {
	.big_describe {
		font-size: 16px;
		line-height: 28px;
	}

	.public_menu_title {
		font-size: 24px;
		line-height: 34px;
	}

	.public_box {
		padding: 40px 0px 60px;
	}

	.public_menu_list {
		font-size: 16px;
		line-height: 26px;
		margin-top: 20px;
	}

	.public_menu_list a {
		padding: 10px;
	}

	.public_menu_list span {
		margin-left: 0px;
	}

	.public_menu {
		width: 20%;
		margin-top: 0px;
	}

	.oo1 .big_describe {
		margin-top: 15px;
	}

	.oo2 {
		margin-top: 40px;
	}

	.oo2 .big_describe {
		margin-top: 15px;
	}

	.oo2_list {
		margin-top: 20px;
		padding: 26px 36px;
	}

	.oo2_list .big_num {
		font-size: 30px;
		line-height: 36px;
	}

	.oo2_list .big_num_after {
		font-size: 16px;
	}

	.oo3 {
		margin-top: 40px;
	}

	.pub_buttonBox a {
		padding: 8px 22px;
		font-size: 16px;
	}

	.oo3_container .pub_buttonBox {
		margin-top: 30px;
	}

	.oo3_r .r_box {
		font-size: 16px;
	}

	.ot1_box {
		margin-top: 20px;
	}

	.ot2_box {
		margin-top: 20px;
	}

	.ot2,
	.ot3 {
		margin-top: 40px;
	}

	.oth1_list {
		margin-top: 20px;
	}

	.to2 a {
		font-size: 16px;
		padding: 10px 18px;
	}

	.video-list-item {
		margin-bottom: 24px !important;
	}

	.tho2_list {
		margin-top: 10px;
		padding-bottom: 0px;
	}

	#alert .alert_title {
		font-size: 24px;
		line-height: 34px;
		padding-bottom: 12px;
	}
}

@media screen and (max-width: 991px) {
	.index1_links {
		display: none;
	}

	.index1_body {
		margin-top: 20px;
		padding-bottom: 0px;
	}

	.index1_list .index1_name {
		font-size: 16px;
		line-height: 26px;
		bottom: 12px;
	}

	.big_describe {
		font-size: 15px;
		line-height: 26px;
		margin-top: 4px !important;
	}

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

	.public_menu_title {
		font-size: 20px;
		line-height: 32px;
	}

	.big_title {
		font-size: 22px;
		line-height: 32px;
	}

	.public_menu {
		width: 100%;
		max-width: 100%;
	}

	.public_container,
	.public_container_r {
		width: 100%;
	}

	.public_box {
		padding: 20px 0px 30px;
	}

	.public_box .container {
		flex-direction: column-reverse;
		gap: 30px;
	}

	.pub_buttonBox {
		margin-top: 15px !important;
	}

	.pub_buttonBox a {
		padding: 5px 16px;
		font-size: 14px;
		line-height: 24px;
	}

	.oo2,
	.oo3 {
		margin-top: 20px;
	}

	.oo2_list {
		margin-top: 15px;
	}

	.oo2_list .number_text {
		margin-top: 4px;
	}

	.oo3_container {
		margin-top: 0px;
		gap: 15px;
	}

	.oo3_l {
		width: 100%;
		padding-top: 0px;
	}

	.oo3_r {
		padding-top: 15px;
		flex: none;
		width: 100%;
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
		gap: 15px;
	}

	.oo3_r figure {
		width: 48%;
	}

	.public_menu_list {
		margin-top: 6px;
	}

	.ot1_box,
	.ot2_box {
		margin-top: 15px;
	}

	.ot1_box .big_describe,
	.ot2_box .big_describe {
		margin-top: 0px !important;
	}

	.ot2,
	.ot3 {
		margin-top: 30px;
	}

	.oth1_name {
		font-size: 16px;
	}

	.oth1_list .describe {
		margin-top: 4px;
	}

	.pro_bottom {
		padding: 30px 0px;
	}

	.to1_title {
		font-size: 18px;
	}

	.to1 .l_box {
		width: 50%;
		margin-bottom: 5px;
	}

	.to1 .describe {
		margin-top: 4px;
		line-height: 22px;
	}

	.to1 .r_box {
		padding-top: 0px;
		padding-right: 0px;
	}

	.to2 {
		margin-top: 20px;
	}

	.to2 a {
		padding: 6px 14px;
		font-size: 14px;
		line-height: 24px;
	}

	.pro-form {
		margin-top: 20px;
	}

	.new_container {
		margin-top: 20px;
		padding-bottom: 20px;
		gap: 15px;
	}

	.new_container figure {
		padding-bottom: 15px;
	}

	.new_container .new_title {
		font-size: 16px;
		line-height: 26px;
		margin-top: 10px;
	}

	.new_container .describe {
		margin-top: 10px;
		line-height: 22px;
	}

	.new_container .new_links {
		font-size: 16px;
		line-height: 24px;
		margin-top: 20px;
	}

	.tho1 .describe {
		line-height: 22px;
		margin-top: 4px;
	}

	.tho2_list {
		margin-left: -6px;
		margin-right: -6px;
	}

	.video-list-item {
		padding: 0px 6px;
		margin-bottom: 20px !important;
	}

	.tht1 {
		padding: 12px 0px 20px;
		gap: 15px 1.88666667%;
	}

	.tht1 .hide_box {
		display: none;
	}

	.tht1 .tht1_name {
		font-size: 14px;
	}

	#alert form {
		gap: 16px 0px;
		margin-top: 20px;
		padding-left: 5px;
	}

	#alert form .afterBox::before {
		left: -14px;
		font-size: 16px;
	}

	#alert form input,
	#alert form textarea {
		font-size: 14px;
		padding: 0px 10px;
	}

	#alert form input {
		height: 40px;
	}

	#alert form .yzm span {
		height: 40px;
	}

	#alert .alert_title {
		font-size: 18px;
		line-height: 26px;
		padding-bottom: 8px;
	}

	#alert .alert_container {
		padding: 30px;
	}
}

@media screen and (max-width: 767px) {
	.index1_list {
		gap: 20px 2%;
	}

	.index1_list li {
		width: 49%;
	}

	.public_menu_title {
		font-size: 18px;
		line-height: 30px;
	}

	.big_title {
		font-size: 20px;
		line-height: 32px;
	}

	.oo2_list {
		padding: 20px 30px;
		flex-wrap: wrap;
		gap: 15px 4%;
	}

	.oo2_list li {
		width: 48%;
	}

	.oo2_list .xian {
		display: none;
	}

	.oth1_list {
		gap: 15px 4%;
	}

	.oth1_list li {
		width: 48%;
	}

	.tht1 {
		gap: 15px 2%;
	}

	.tht1 figure {
		width: 32%;
	}
}

@media screen and (max-width: 700px) {
	.big_describe {
		font-size: 14px;
		line-height: 24px;
	}

	.describe {
		font-size: 14px;
	}

	.new_container {
		gap: 20px 0px;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.new_container figure {
		border-bottom: none;
		padding-bottom: 0px;
		gap: 0px;
		width: 48%;
	}

	.new_container .l_box {
		width: 100%;
	}

	.new_container .time {
		font-size: 14px;
	}

	.new_container .r_box {
		width: 100%;
		flex: none;
		padding-top: 12px;
	}

	.new_container .new_title {
		margin-top: 4px;
	}

	.new_container .describe {
		margin-top: 4px;
	}

	.new_container .new_links {
		font-size: 14px;
		line-height: 24px;
		margin-top: 4px;
	}
}

@media screen and (max-width: 600px) {
	.oo2_list .big_num {
		font-size: 24px;
		line-height: 32px;
	}

	.oo2_list .big_num_after {
		font-size: 14px;
		line-height: 24px;
	}

	.oo3_r figure {
		width: 100%;
	}

	.oth1_list li {
		padding: 18px 20px 23px;
	}

	#alert .alert_container {
		padding: 20px;
	}

	#alert form .int1 {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.oth1_list li {
		width: 100%;
	}

	.tht1 figure {
		width: 49%;
	}
}

@media screen and (max-width: 420px) {
	.index1_list li {
		width: 100%;
	}

	.oo2_list {
		padding: 20px;
		gap: 15px 2%;
	}

	.oo2_list li {
		width: 49%;
	}

	.ot1_r,
	.ot2_l,
	.ot3_r {
		float: none !important;
		margin: 0px !important;
		width: 100% !important;
	}

	.ot1_l {
		padding-top: 12px;
	}

	.ot3_l {
		padding-top: 12px;
	}

	.new_container figure {
		width: 100%;
	}

	.tho2_list {
		margin-left: 0px;
		margin-right: 0px;
	}

	.video-list-item {
		width: 100%;
		padding: 0px !important;
	}
}


.templete-con15 * {
	margin: 0px;
	padding: 0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.templete-con15 {
	position: relative;
	width: 100%;
}

.templete-con15 .con-title {
	font-size: 34px;
	font-weight: bold;
	color: #333333;
	line-height: 54px;
	text-align: center;
	text-transform: uppercase;
}

.templete-con15 .con-text {
	font-size: 20px;
	text-align: center;
	color: #666666;
	line-height: 32px;
	margin-top: 20px;
}

.templete-con15 .con-tbody {
	position: relative;
	width: 100%;
	padding-top: 56px;
}

.templete-con15 .con-tbody .con-tbody-list {
	position: relative;
	font-size: 0;
	letter-spacing: 0;
	margin-left: -35px;
	margin-right: -35px;
	display: flex;
	flex-wrap: wrap;
}

.templete-con15 .con-tbody .con-tbody-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 0 35px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.templete-con15 .con-tbody-item .item-box {
	position: relative;
	width: 100%;
	height: 100%;
	background: #F7F8FA;
	padding: 58px 30px 72px;
	box-sizing: border-box;
}

.templete-con15 .con-tbody-item .item-box .item-pic {
	position: relative;
	width: 38px;
	text-align: left;
	overflow: hidden;
}

.templete-con15 .con-tbody-item .item-box .item-pic img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.templete-con15 .con-tbody-item .item-box .item-body {
	position: relative;
	width: 100%;
	padding-top: 40px;
}

.templete-con15 .con-tbody-item .item-body .item-title {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	line-height: 28px;
	text-transform: uppercase;
	text-align: left;
}

.templete-con15 .con-tbody-item .item-body .item-desc {
	font-size: 16px;
	margin-top: 16px;
	color: #666666;
	line-height: 26px;
	word-break: break-all;
}

.templete-con15 .con-tbody-item .item-body .item-desc a {
	word-break: break-all;
}

@media screen and (max-width:1459px) {
	.templete-con15 .con-title {
		font-size: 32px;
		line-height: 50px;
	}

	.templete-con15 .con-text {
		font-size: 18px;
		line-height: 30px;
		margin-top: 18px;
	}

	.templete-con15 .con-tbody {
		padding-top: 48px;
	}

	.templete-con15 .con-tbody .con-tbody-list {
		margin-left: -25px;
		margin-right: -25px;
	}

	.templete-con15 .con-tbody .con-tbody-item {
		width: 25%;
		padding: 0 25px;
		margin-bottom: 20px;
	}

	.templete-con15 .con-tbody-item .item-box {
		padding: 48px 22px 60px;
	}

	.templete-con15 .con-tbody-item .item-box .item-pic {
		width: 36px;
	}

	.templete-con15 .con-tbody-item .item-box .item-body {
		padding-top: 36px;
	}

	.templete-con15 .con-tbody-item .item-body .item-title {
		font-size: 18px;
		line-height: 28px;
	}

	.templete-con15 .con-tbody-item .item-body .item-desc {
		font-size: 16px;
		margin-top: 12px;
		line-height: 26px;
	}
}

@media screen and (max-width:1259px) {
	.templete-con15 .con-title {
		font-size: 28px;
		line-height: 44px;
	}

	.templete-con15 .con-text {
		font-size: 16px;
		line-height: 28px;
		margin-top: 16px;
	}

	.templete-con15 .con-tbody {
		padding-top: 42px;
	}

	.templete-con15 .con-tbody .con-tbody-list {
		margin-left: -8px;
		margin-right: -8px;
	}

	.templete-con15 .con-tbody .con-tbody-item {
		width: 25%;
		padding: 0 8px;
		margin-bottom: 20px;
	}

	.templete-con15 .con-tbody-item .item-box {
		padding: 36px 15px 48px;
	}

	.templete-con15 .con-tbody-item .item-box .item-pic {
		width: 34px;
	}

	.templete-con15 .con-tbody-item .item-box .item-body {
		padding-top: 32px;
	}

	.templete-con15 .con-tbody-item .item-body .item-title {
		font-size: 18px;
		line-height: 28px;
	}

	.templete-con15 .con-tbody-item .item-body .item-desc {
		font-size: 15px;
		margin-top: 10px;
		line-height: 26px;
	}
}

@media screen and (max-width:991px) {
	.templete-con15 .con-title {
		font-size: 24px;
		line-height: 40px;
	}

	.templete-con15 .con-text {
		font-size: 15px;
		line-height: 26px;
		margin-top: 12px;
	}

	.templete-con15 .con-tbody {
		padding-top: 36px;
	}

	.templete-con15 .con-tbody .con-tbody-list {
		margin-left: -15px;
		margin-right: -15px;
	}

	.templete-con15 .con-tbody .con-tbody-item {
		width: 33.3333333%;
		padding: 0 15px;
		margin-bottom: 20px;
	}

	.templete-con15 .con-tbody-item .item-box {
		padding: 28px 12px 40px;
	}

	.templete-con15 .con-tbody-item .item-box .item-pic {
		width: 30px;
	}

	.templete-con15 .con-tbody-item .item-box .item-body {
		padding-top: 26px;
	}

	.templete-con15 .con-tbody-item .item-body .item-title {
		font-size: 17px;
		line-height: 28px;
	}

	.templete-con15 .con-tbody-item .item-body .item-desc {
		font-size: 14px;
		margin-top: 10px;
		line-height: 24px;
	}
}

@media screen and (max-width:680px) {
	.templete-con15 .con-title {
		font-size: 20px;
		line-height: 36px;
	}

	.templete-con15 .con-text {
		font-size: 14px;
		line-height: 24px;
		margin-top: 10px;
	}

	.templete-con15 .con-tbody {
		padding-top: 30px;
	}

	.templete-con15 .con-tbody .con-tbody-list {
		margin-left: -10px;
		margin-right: -10px;
	}

	.templete-con15 .con-tbody .con-tbody-item {
		width: 50%;
		padding: 0 10px;
		margin-bottom: 20px;
	}

	.templete-con15 .con-tbody-item .item-box {
		padding: 28px 12px 40px;
	}

	.templete-con15 .con-tbody-item .item-box .item-pic {
		width: 30px;
	}

	.templete-con15 .con-tbody-item .item-box .item-body {
		padding-top: 20px;
	}

	.templete-con15 .con-tbody-item .item-body .item-title {
		font-size: 16px;
		line-height: 28px;
	}

	.templete-con15 .con-tbody-item .item-body .item-desc {
		font-size: 14px;
		margin-top: 10px;
		line-height: 24px;
	}
}

@media screen and (max-width:420px) {
	.templete-con15 .con-title {
		font-size: 18px;
		line-height: 32px;
	}

	.templete-con15 .con-text {
		font-size: 13px;
		line-height: 22px;
		margin-top: 8px;
	}

	.templete-con15 .con-tbody {
		padding-top: 24px;
	}

	.templete-con15 .con-tbody .con-tbody-list {
		margin-left: -5px;
		margin-right: -5px;
	}

	.templete-con15 .con-tbody .con-tbody-item {
		width: 100%;
		padding: 0 5px;
		margin-bottom: 20px;
	}

	.templete-con15 .con-tbody-item .item-box {
		padding: 20px 12px 32px;
	}

	.templete-con15 .con-tbody-item .item-box .item-pic {
		width: 30px;
	}

	.templete-con15 .con-tbody-item .item-box .item-body {
		padding-top: 16px;
	}

	.templete-con15 .con-tbody-item .item-body .item-title {
		font-size: 16px;
		line-height: 28px;
	}

	.templete-con15 .con-tbody-item .item-body .item-desc {
		font-size: 13px;
		margin-top: 8px;
		line-height: 24px;
	}
}