@charset "utf-8";

/* common */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
	border: none;
	text-decoration: none;
	transition: all .4s ease;
}

body {
	margin: 0 auto;
	font-family: Arial, sans-serif;
	font-size: 16px;
	height: 100%;
	background: #fff;
	color: #666666;
	line-height: 30px;
	width: 100%;
	background-color: #fff;
	overflow: hidden;
}

ul {
	list-style: none;
}

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
	font-size: 62.5%;
}

.image {
	display: block;
}

.image img {
	display: block;
}



a img {
	display: block;
}

img {
	border: none;
	max-width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
}

a {
	text-decoration: none;
	color: #333;
	outline: none;
}

.standardLink a:hover {
	color: #0067b8 !important;
}

.standardLink2 a:hover {
	text-decoration: underline;
}


.standardEdit a {
	color: #0067b8;
}

.standardEdit a:hover {
	text-decoration: underline;
}



a:hover img {
	transform: scale(1.1, 1.1)
}

input,
textarea,
select {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333333;
	border: none;
	outline: none;
}

textarea {
	resize: none;
}

@media screen and (max-width:1333px) {

	input,
	textarea,
	select {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}

	input:-moz-placeholder,
	textarea:-moz-placeholder {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}

	input::-moz-placeholder,
	textarea::-moz-placeholder {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}

	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}
}

@media screen and (max-width:999px) {

	input,
	textarea,
	select {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}

	input:-moz-placeholder,
	textarea:-moz-placeholder {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}

	input::-moz-placeholder,
	textarea::-moz-placeholder {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}

	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}
}



.safeRange {
	max-width: 1400px;
	width: calc(100% - 160px);
	margin: 0 auto;
}

@media screen and (max-width:768px) {
	.safeRange {
		width: calc(100% - 50px);
	}
}

@media screen and (max-width:538px) {
	.safeRange {
		width: calc(100% - 30px);
	}
}



@media screen and (max-width:1600px) {
	.standardRange {
		padding: 80px 0 80px 0 !important;
	}
}


@media screen and (max-width:1333px) {
	.standardRange {
		padding: 60px 0 60px 0 !important;
	}
}

@media screen and (max-width:999px) {
	.standardRange {
		padding: 50px 0 50px 0 !important;
	}
}

@media screen and (max-width:768px) {
	.standardRange {
		padding: 40px 0 40px 0 !important;
	}
}





@media screen and (max-width:1600px) {
	.standardTxt .title1 {
		font-size: 36px !important;
		line-height: 45px !important;
	}
}

@media screen and (max-width:1333px) {
	.standardTxt .title1 {
		font-size: 28px !important;
		line-height: 35px !important;
	}

	.standardTxt .title2 {
		font-size: 18px !important;
		line-height: 28px !important;
	}

	.standardTxt .txt,
	.standardTxt p {
		font-size: 16px !important;
		line-height: 28px !important;
	}

	.standardTxt .btn {
		font-size: 16px !important;
	}
}

@media screen and (max-width:999px) {
	.standardTxt .title1 {
		font-size: 24px !important;
		line-height: 30px !important;
	}

	.standardTxt .title2 {
		font-size: 16px !important;
		line-height: 28px !important;
	}

	.standardTxt .txt,
	.standardTxt p {
		font-size: 14px !important;
		line-height: 26px !important;
	}

	.standardTxt .btn {
		font-size: 14px !important;
	}

}

@media screen and (max-width:768px) {
	.standardTxt .title1 {
		font-size: 22px !important;
	}

	.standardTxt .title2 {
		font-size: 14px !important;
		line-height: 24px !important;
	}

}







.oneRow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.twoRow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.threeRow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.foreRow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}


.clear {
	clear: both;
}

/* xnav */
header .xnav {
	display: none;
}

@media screen and (max-width:999px) {
	header .xnav {
		display: block;
	}

	header .xnav .nav {
		position: fixed;
		width: 35px;
		height: 24px;
		background: #004ea0;
		right: 2.5%;
		top: 24px;
		cursor: pointer;
		border-radius: 5px;
		z-index: 999999999;
	}

	header .xnav .nav span {
		display: block;
		width: 20px;
		height: 2px;
		background: #ffffff;
		position: absolute;
		left: 50%;
		margin-left: -10px;
		top: 50%;
		transition: 0.8s;
		z-index: 99999991
	}

	header .xnav .nav .nav1 {
		margin-top: -1px;
	}

	header .xnav .nav .nav2 {
		margin-top: -8px;
	}

	header .xnav .nav .nav3 {
		margin-top: 6px;
	}

	header .xnav .nav:hover .nav1 {
		width: 25px;
	}

	header .xnav .navh .nav1 {
		transform: rotate(45deg)
	}

	header .xnav .navh .nav2 {
		transform: rotate(-45deg);
		width: 10px;
		margin-left: -1px;
		margin-top: -5px;
	}

	header .xnav .navh .nav3 {
		transform: rotate(-45deg);
		width: 9px;
		margin-top: 3px;
		margin-left: -8px;
	}

	header .xnav .navh:hover .nav2 {
		margin-top: -8px;
		margin-left: 7px;
	}

	header .xnav .navh:hover .nav3 {
		margin-top: 5px;
		margin-left: -12px;
	}

	header .xnav .smdaohang {
		position: fixed;
		width: 300px;
		height: 0px;
		overflow: auto;
		top: 0px;
		right: 0px;
		background: rgba(0, 78, 160, 0.95);
		z-index: 9999999;
		transition: 0.8s;
		text-align: center;
	}

	header .xnav .smdaohangh {
		right: 0px;
		top: 0px;
		height: 100%;
	}

	header .xnav .topnav {
		margin: auto;
		margin-top: 30px;
		padding: 20px;
	}

	header .xnav ul.topnav li {
		text-align: left;
		position: relative;
	}

	header .xnav 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;
		font-family: Arial, sans-serif;
	}

	header .xnav ul.topnav ul {
		display: none;
		transition: none;
	}

	header .xnav ul.topnav ul li {
		clear: both;
	}

	header .xnav ul.topnav ul li a {
		padding-left: 20px;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: normal;
		outline: 0;
	}


	header .xnav ul.topnav ul ul li a {
		padding-left: 40px;
	}

	header .xnav ul.topnav ul ul ul li a {
		padding-left: 60px;
	}

	header .xnav 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;
	}

	header .xnav 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
	}

	header .xnav 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;
	}

	header .xnav ul.topnav span.yizi {
		transform: rotate(90deg)
	}

	header .xnav .smdaohang form {
		margin-top: 15px;
		margin-bottom: 15px;
		width: 240px;
		height: 26px;
		border: 1px solid #fff;
		position: relative;
		background: #fff;
		border-radius: 13px;
	}

	header .xnav .smdaohang form input {
		color: #333333;
	}

	header .xnav .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;
	}

	header .xnav .smdaohang form .ipsc {
		width: 20%;
		height: 24px;
		line-height: 24px;
		display: block;
		float: right;
		background: transparent;
		position: relative;
		z-index: 99;
	}

	header .xnav .smdaohang form i {
		position: absolute;
		right: 10px;
		top: -3px;
	}
}

/**
 * Swiper 11.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2023
 */

@font-face {
	font-family: swiper-icons;
	src: url('data:application/font-woff;charset=utf-8;base64, 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');
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
	touch-action: pan-y
}

.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
	transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
	scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
	content: '';
	flex-shrink: 0;
	order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size)
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: var(--swiper-navigation-top-offset, 50%);
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
	transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 10px);
	right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto
}

.swiper-button-lock {
	display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: 'next'
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 8px);
	top: var(--swiper-pagination-top, auto);
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
	right: var(--swiper-pagination-right, 8px);
	left: var(--swiper-pagination-left, auto);
	top: 50%;
	transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
	width: var(--swiper-pagination-progressbar-size, 4px);
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	position: relative;
	touch-action: none;
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: var(--swiper-scrollbar-sides-offset, 1%);
	bottom: var(--swiper-scrollbar-bottom, 4px);
	top: var(--swiper-scrollbar-top, auto);
	z-index: 50;
	height: var(--swiper-scrollbar-size, 4px);
	width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
	position: absolute;
	left: var(--swiper-scrollbar-left, auto);
	right: var(--swiper-scrollbar-right, 4px);
	top: var(--swiper-scrollbar-sides-offset, 1%);
	z-index: 50;
	width: var(--swiper-scrollbar-size, 4px);
	height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
	border-radius: var(--swiper-scrollbar-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: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move;
	touch-action: none
}

.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active {
	pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube {
	overflow: visible
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
	content: '';
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-flip {
	overflow: visible
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height
}

.swiper-cards {
	overflow: visible
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden
}




/* ---------------------index----------------------------- */


/* allnav */



html {
	scroll-padding-top: 120px;
}

.bannerRange {
	height: 120px;
}


header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background-color: #ffffff;
	transition: none;
}

header.active {
	box-shadow: 0px 0px 10px rgba(122, 122, 122, 0.4);
}

nav .con {
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 4;
	height: 100%;
	max-width: 1700px;
}


nav .logo {
	width: 299px;
	flex-shrink: 0;
	height: 100%;
	display: flex;
	align-items: center;
}


nav .logo:hover img {
	transform: none;
}



nav .btns {
	display: flex;
	align-items: center;
	height: 55px;
	justify-content: flex-end;
}


nav .btns .msg {
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin-right: 35px;
}


nav .btns .msg i {
	flex-shrink: 0;
	font-size: 18px;
	margin-right: 9px;
	color: #666666;
}


nav .btns .msg {
	color: #666666;
}


nav .btns .msg:hover {
	color: #004ea0;
}

nav .btns .msg:hover i {
	color: #004ea0;
}

nav .btns .language {
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 9;
}


nav .btns .language ul {
	position: absolute;
	top: 100%;
	background-color: #feffff;
	box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.14);
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
	max-width: 200px;
	display: none;
	transition: none;
}

nav .btns .language ul a {
	padding: 10px 20px;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	position: relative;
}


nav .btns .language ul a::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 20px);
	height: 1px;
	background-color: #c9c9c9;
	bottom: 0;
}


nav .btns .language ul a:hover {
	color: #004ea0;
}


nav .btns .lanBtn {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 16px;
	color: #666666;
	position: relative;
}


nav .btns .lanBtn img {
	flex-shrink: 0;
	margin-right: 10px;
}


nav .btns .lanBtn .icon-right7 {
	flex-shrink: 0;
	margin-left: 13px;
	font-size: 12px;
	color: #666666;
	transform: rotate(90deg);
}


nav .btns .lanBtn.active .icon-right7 {
	transform: rotate(-90deg);
}


nav .btns .lanBtn:hover,
nav .btns .lanBtn:hover i {
	color: #004ea0;
}


nav .navList {
	display: flex;
	align-items: center;
	height: 65px;
	justify-content: flex-end;
}

nav .con {
	position: relative;
}

nav .con::after {
	content: "";
	position: absolute;
	left: 100%;
	height: 65px;
	width: 100%;
	bottom: 0;
	z-index: -1;
	background-color: #004ea0;
}

nav .navList {
	position: relative;

}

nav .navList::after {
	content: "";
	position: absolute;
	right: -1px;
	height: 65px;
	width: 110%;
	bottom: 0;
	z-index: -1;
	background-color: #004ea0;
	clip-path: polygon(34px 0, 100% 0, 100% 100%, 0% 100%);
}

nav .navList>ul {
	display: flex;
	align-items: center;
}


nav .navList>ul>li {
	margin-right: 89px;
	position: relative;
}


nav .navList>ul>li:last-child {
	margin: 0;
}


nav a {
	display: block;
}



nav .navList>ul>li>a {
	height: 65px;
	line-height: 65px;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	position: relative;
}


nav .navList>ul>li>a::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	transition: .4s ease all;
	width: 0;
	height: 3px;
	background-color: #ffffff;
}



nav .navList>ul>li.active>a::after,
nav .navList>ul>li:hover>a::after {
	width: 100%;
}




nav .search {
	height: 65px;
	display: flex;
	align-items: center;
	position: relative;
	margin-left: 31px;
}


nav .search .searchBtn {
	cursor: pointer;
	width: 38px;
	height: 38px;
	border-radius: 6px;
	border: solid 1px #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}


nav .search .searchBtn i {
	font-size: 14px;
	color: #ffffff;
	transform: translateY(0px);
}

nav .search .searchBtn:hover {
	background-color: #ffffff;
}

nav .search .searchBtn:hover i {
	color: #004ea0;
}

nav .search form {
	position: absolute;
	right: 0;
	top: 100%;
	background-color: #ffffff;
	height: 35px;
	width: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.14);
	overflow: hidden;
}


nav .search form.active {
	width: 280px;
	padding: 0 10px;
}

nav .search form input {
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #333333;
}


nav .search form .subBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 35px;
	width: 35px;
}

nav .search form .subBtn i {
	font-size: 16px;
}


nav .search form .subBtn:hover i {
	color: #004ea0;
}

nav .search form .subBtn input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	cursor: pointer;
	background-color: transparent;
}



/* moreList */

.moreList,
.moreList ul {
	position: absolute;
	background-color: #ffffff;
	width: 247px;
	box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.14);
	display: none;
	transition: none;
}

.moreList ul {
	left: 100%;
	top: 0px;
}

.moreList {
	top: 100%;
	left: 0;
}

.moreList li {
	position: relative;
}

.moreList a {
	padding: 11.5px 26px;
	font-weight: bold;
	font-size: 18px;
	line-height: 26px;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.moreList a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	height: 1px;
	background-color: #c9c9c9;
	width: calc(100% - 20px);
}

.moreList li:last-child a:after {
	display: none;
}


.moreList a:hover {
	color: #1f3eb2;
}

.moreList a i {
	flex-shrink: 0;
	font-style: normal;
	margin-left: 20px;
}

header .xnav .topnav .email {
	display: none;
}


@media screen and (max-width:1860px) {
	nav .navList>ul>li {
		margin-right: 50px;
	}

	nav .btns {
		height: 40px;
	}

	nav .navList::after,
	nav .navList {
		height: 60px;
	}

	nav .navList>ul>li>a {
		height: 60px;
		line-height: 60px;
	}

	nav .con::after {
		height: 60px;
	}

	nav .search {
		height: 60px;
	}

	.bannerRange {
		height: 100px;
	}

	html {
		scroll-padding-top: 100px;
	}

	.moreList a {
		padding: 10px 20px;
	}

	nav .logo {
		width: 290px;
	}

	nav .search form {
		height: 30px;
	}
}

@media screen and (max-width:1560px) {
	nav .navList>ul>li {
		margin-right: 30px;
	}

	nav .search .searchBtn {
		width: 35px;
		height: 35px;
		border-radius: 4px;
	}

	nav .logo {
		width: 260px;
	}

	nav .navList::after {
		width: 105%;
	}

	.moreList a {
		font-size: 16px;
		line-height: 26px;
		padding: 8px 20px;
	}

	nav .btns .language ul a {
		padding: 8px 20px;
	}
}

@media screen and (max-width:1333px) {
	nav .navList>ul>li>a {
		font-size: 14px;
	}

	nav .search {
		margin-left: 20px;
	}

	nav .navList>ul>li {
		margin-right: 26px;
	}

	nav .btns .msg {
		font-size: 14px;
		line-height: 24px;
	}

	nav .btns .lanBtn {
		font-size: 14px;
		line-height: 24px;
	}

	nav .search .searchBtn {
		width: 32px;
		height: 32px;
	}

	nav .logo {
		width: 230px;
	}

	nav .btns .language ul a {
		font-size: 14px;
		line-height: 24px;
	}

	nav .search form input {
		font-size: 14px !important;
	}

	nav .search form input::-webkit-input-placeholder {
		font-size: 14px !important;
	}

	nav .search form input:-moz-placeholder {
		font-size: 14px !important;
	}

	nav .search form input::-moz-placeholder {
		font-size: 14px !important;
	}

	nav .search form input:-ms-input-placeholder {
		font-size: 14px !important;
	}
}

@media screen and (max-width:1200px) {
	nav .logo {
		width: 180px;
	}

	nav .btns {
		height: 35px;
	}

	nav .navList>ul>li>a {
		height: 45px;
		line-height: 45px;
	}

	nav .search {
		height: 45px;
	}

	nav .navList::after,
	nav .navList {
		height: 45px;
	}

	.bannerRange {
		height: 80px;
	}

	html {
		scroll-padding-top: 80px;
	}

	nav .con::after {
		height: 45px;
	}

	nav .navList>ul>li {
		margin-right: 15px;
	}

	nav .logo {
		width: 160px;
	}

	nav .navList::after {
		width: 104%;
	}

	.moreList a {
		font-size: 14px;
		line-height: 24px;
	}

	.moreList,
	.moreList ul {
		width: 220px;
	}

	nav .search {
		margin-left: 12px;
	}
}


@media screen and (max-width:999px) {
	nav .navList {
		display: none;
	}

	.bannerRange {
		height: 60px;
	}

	html {
		scroll-padding-top: 60px;
	}

	nav .con {
		height: 60px;
	}

	nav .con::after {
		height: 100%;
	}

	nav .btns {
		height: 100%;
	}

	nav .navCon {
		height: 100%;
		position: relative;
	}

	nav .navCon::after {
		content: "";
		position: absolute;
		right: -1px;
		height: 100%;
		width: 110%;
		bottom: 0;
		z-index: -1;
		background-color: #004ea0;
		clip-path: polygon(34px 0, 100% 0, 100% 100%, 0% 100%);
	}

	header .xnav .nav {
		top: 30px;
		transform: translateY(-50%);
		right: 80px;
	}

	nav .btns {
		margin-right: 60px;
	}

	nav .btns .msg {
		color: #ffffff;
	}

	nav .btns .msg i {
		color: #ffffff;
	}

	nav .btns .lanBtn {
		color: #ffffff;
	}

	nav .btns .lanBtn .icon-right7 {
		color: #ffffff;
	}

	nav .btns .lanBtn:hover {
		color: #ffffff;
	}

	nav .btns .lanBtn:hover .icon-right7 {
		color: #ffffff;
	}

	nav .btns .msg {
		margin-right: 20px;
	}

	nav .btns .language ul a {
		padding: 5px 20px;
	}
}

@media screen and (max-width:768px) {
	nav .btns .msg {
		display: none;
	}

	nav .con {
		height: 50px;
	}

	.bannerRange {
		height: 50px;
	}

	html {
		scroll-padding-top: 50px;
	}

	header .xnav .nav {
		top: 25px;
		right: 25px;
	}

	nav .navCon::after {
		width: 130%;
	}

	nav .logo {
		width: 140px;
	}

	header .xnav .topnav .email {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		color: #ffffff;
		margin-top: 20px;
	}

	header .xnav .topnav .email a {
		color: #ffffff;
	}
}

@media screen and (max-width:538px) {
	header .xnav .nav {
		right: 15px;
	}

	nav .btns {
		margin-right: 50px;
	}

	nav .navCon::after {
		width: 120%;
	}

	nav .btns .lanBtn .icon-right7 {
		margin-left: 6px;
	}

	nav .btns .lanBtn img {
		margin-right: 7px;
	}

	nav .btns {
		margin-right: 40px;
	}
}



/* indexBanner */


.indexBanner {
	transition: none;
}

.indexBanner * {
	transition: none;
}


.indexBanner img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

.indexBanner a:hover img {
	transform: none;
}

.banner {
	position: relative;
	z-index: 2;
	line-height: 0;
	font-size: 0;
}

.banner .slick-arrow {
	position: absolute;
	z-index: 99;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
	color: #ffffff;
	border: solid 1px #ffffff;
	font-size: 16px;
	transition: .4s ease all;
}


.banner .slick-prev {
	left: 47px;
}

.banner .slick-next {
	right: 47px;
}


.banner .slick-arrow:hover {
	border-color: #1a3584;
	color: #ffffff;
	background-color: #1a3584;
}

.banner .slick-dots {
	position: absolute;
	z-index: 999999;
	left: 0;
	right: 0;
	bottom: 31px;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
	text-align: center;
	display: none !important;
}

.banner .slick-dots li {
	margin: 0 11.5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.banner .slick-dots li.slick-active a {
	cursor: pointer;
	border-color: #ffffff;
}

.banner .slick-dots li.slick-active a::after {
	background-color: #ffffff;
}

.banner .slick-dots a {
	display: block;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	border: solid 1px transparent;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner .slick-dots a::after {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .6);
}



.banner.hide {
	display: none;
}



.slick-list,
.slick-slider,
.slick-track {
	position: relative;
	display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
	visibility: hidden
}

.slick-slider {
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	top: 0;
	left: 0
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-dots .slide-count {
	display: none;
}

.slick-slide {
	position: relative;
}

.slick-slide iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.slick-slide 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%;
	display: none \9;
	display: block \9\0;
}

.banner .item {
	position: relative;
}

.banner .msg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
	pointer-events: none;
}


.banner .msg::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	z-index: -1;
	background-color: rgba(39, 64, 130, 0.6);
	width: 853px;
	clip-path: polygon(0% 0%, 72% 0%, 100% 100%, 0 100%);
}


.banner .msg .safeRange {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding-bottom: 13px;
}


.banner .msg .tit {
	font-family: Roboto-BoldCondensed;
	font-size: 60px;
	line-height: 70px;
	color: #ffffff;
	pointer-events: all;
	margin-bottom: 0px;
}

.banner .msg .txt {
	font-size: 24px;
	line-height: 34px;
	color: #ffffff;
	margin-bottom: 49px;
	pointer-events: all;
}


.cBtn {
	width: 170px;
	height: 50px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner .cBtn {
	background-color: #ffffff;
	font-family: Roboto-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #274082;
	pointer-events: all;
	border: 1px solid #ffffff;
}



.banner .cBtn:hover {
	background-color: transparent;
	color: #ffffff;
}

@media screen and (max-width:1560px) {
	.banner .slick-arrow {
		width: 50px;
		height: 50px;
		font-size: 14px;
	}

	.banner .slick-prev {
		left: 30px;
	}

	.banner .slick-next {
		right: 30px;
	}

}

@media screen and (max-width:1333px) {
	.banner .slick-arrow {
		width: 40px;
		height: 40px;
		font-size: 12px;
	}
}

@media screen and (max-width:999px) {
	.banner .slick-arrow {
		display: none !important;
	}

	.banner .slick-dots {
		display: block !important;
		bottom: 20px;
	}

	.banner .slick-dots li {
		margin: 0 6px;
	}
}

@media screen and (max-width:768px) {
	.banner .msg {
		display: none;
	}

}


/* headerPiece */

.headerPiece {
	height: 100px;
	background-color: #004ea0;
}





/* indexM1-1 */

.iTit {
	display: flex;
	align-items: center;
	justify-content: center;
}


.title1 {
	font-weight: bold;
	font-size: 48px;
	line-height: 60px;
	color: #333333;
}


a.title1 {
	display: block;
}

a.title1:hover {
	color: #d10a3d;
}

.iTit .title1 {
	text-align: center;
}



.iProdicts {
	padding: 75px 0 89px 0;
}

.iProdicts .iTit {
	margin-bottom: 28px;
}



.prodictCategory .swiper {
	overflow: visible;
	clip-path: polygon(0% -1000%, 100% -1000%, 100% 1000%, 0 1000%);
	border-bottom: 1px solid rgba(136, 136, 136, 0.3);
}

.prodictCategory .swiper-slide {
	width: auto;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	position: relative;
	padding: 18px 17px;
	cursor: pointer;
	margin: 0 22px;
	color: #333333;
}


.prodictCategory .swiper-slide::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: .4s ease all;
	width: 0;
	height: 4px;
	background-color: #004ea0;
}


.prodictCategory .swiper-slide.active,
.prodictCategory .swiper-slide:hover {
	color: #004ea0;
}

.prodictCategory .swiper-slide.active:after,
.prodictCategory .swiper-slide:hover:after {
	width: 100%;
}



.iProdicts .checks {
	margin-top: 61px;
}




.iProdicts .checks .iProductItem {
	margin-bottom: 29px;
}


.iProdicts .checks .iProductItem:last-child {
	margin-bottom: 0;
}


.iProdicts .sBtns {
	justify-content: center;
}

.iProdicts .sBtns>div {
	margin-top: 20px;
}


.iProductItem {
	position: relative;
	padding: 6px;
}

.iProductItem .image {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 7px;
}


.iProductItem::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: solid 1px #f3f3f3;
	pointer-events: none;
	transition: .4s ease all;
	top: 0;
	left: 0;
}


.iProductItem:hover::after {
	opacity: 0;
}



.iProductItem:hover {
	box-shadow: 0px 0px 20px 0px rgba(11, 11, 11, 0.12);
}


.iProductItem h2 {
	font-weight: normal;
}


.iProductItem .tit {
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	margin-bottom: 3px;
	will-change: transform;
}


.iProductItem .tit:hover {
	color: #d10a3d;
}


.iProductItem .txts {
	font-size: 16px;
	line-height: 26px;
	min-height: 54px;
	color: #666666;
	margin-bottom: 22px;
}

.iProductItem .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background-color: #004ea0;
	position: absolute;
	right: 0;
	bottom: 0;
	color: #ffffff;
	font-size: 14px;
	z-index: 9;
	will-change: transform;
}

.iProductItem .btn:hover {
	background-color: #d10a3d;
}


.iProdicts .checks .swiper {
	overflow: visible;
}

.iProdicts .checks .swiper-wrapper {
	pointer-events: none;
}

.iProdicts .checks .swiper-slide {
	opacity: 0;
	transition: .4s ease opacity;
}

.iProdicts .checks .swiper-slide-visible {
	pointer-events: all;
	opacity: 1;
}



.iProdicts .checks .line {
	width: 100%;
	height: 1px;
	background-color: #cacaca;
	margin-bottom: 14px;
}


.iProdicts .checks .msg {
	padding: 0 13px;
}




@media screen and (max-width:1560px) {
	.iProdicts .iTit {
		margin-bottom: 30px;
	}

	.prodictCategory .swiper-slide {
		padding: 15px 20px;
		margin: 0 15px;
	}

	.prodictCategory .swiper-slide::after {
		height: 3px;
	}

	.iProdicts .checks {
		margin-top: 50px;
	}

	.iProductItem .tit {
		margin-bottom: 10px;
	}

	.iProductItem .txts {
		margin-bottom: 30px;
	}
}


@media screen and (max-width:1333px) {
	.iProductItem .btn {
		font-size: 14px !important;
	}

	.prodictCategory .swiper-slide {
		font-size: 18px;
		line-height: 28px;
		padding: 15px;
	}

	.iProdicts .checks {
		margin-top: 40px;
	}

	.iProductItem .tit {
		font-size: 16px;
		line-height: 26px;
	}
}


@media screen and (max-width:999px) {
	.prodictCategory .swiper-slide {
		font-size: 16px;
		line-height: 26px;
		padding: 10px 10px;
	}

	.iProdicts .iTit {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:768px) {
	.iProdicts .checks .iProductItem {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:538px) {
	.iProdicts .checks {
		margin-top: 30px;
	}
}



/* indexM2-1 */

.iAbout {
	padding: 83px 0 76px 0;
	background-color: rgba(243, 243, 243, 0.6);
}

.iAbout .con {
	display: flex;
	justify-content: space-between;
	margin-bottom: 73px;
}

.iAbout .con .msg {
	width: 36%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.iAbout .con .image {
	width: 61.85%;
	position: relative;
}


.iAbout .con .image>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

.iAbout .con .image .video {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .4);
	cursor: pointer;
}

.iAbout .con .image .video img {
	width: 92px;
	height: 92px;
}

.iAbout .con .image .video:hover img {
	transform: scale(1.1);
}


.iAbout .title1 {
	margin-bottom: 15px;
}


.iAbout .msg {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.iAbout .msg .tit {
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	color: #333333;
	margin-bottom: 28px;
}

.iAbout .msg .txts {
	color: #555555;
	margin-bottom: 34px;
	color: #555555;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 9;
}

.iAbout .msg .btn {
	display: flex;
	align-items: center;
	font-size: 20px;
	line-height: 30px;
	color: #004ea0;
}


.iAbout .msg .btn i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 61px;
	height: 61px;
	background-color: #004ea0;
	flex-shrink: 0;
	margin-right: 14px;
	border-radius: 50%;
	color: #ffffff;
	font-size: 21px;
}


.iAbout .msg .btn:hover {
	color: #d10a3d;
}

.iAbout .msg .btn:hover i {
	background-color: #d10a3d;
}

.numList {
	display: flex;
	justify-content: space-between;
}

.numList .item {
	display: flex;
	align-items: flex-start;
}



.numList .item .image {
	flex-shrink: 0;
	width: 35px;
	margin-right: 17px;
}

.numList .item .num {
	font-size: 24px;
	line-height: 24px;
	color: #333333;
	margin-bottom: 4px;
}


.numList .item .num span {
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
	margin-right: 5px;
}


.numList .item .name {
	font-size: 20px;
	line-height: 30px;
	color: #333333;
}


@media screen and (max-width:1560px) {
	.iAbout .msg .tit {
		font-size: 18px;
		line-height: 28px;
	}

	.iAbout .msg .btn {
		font-size: 18px;
		line-height: 28px;
	}

	.iAbout .title1 {
		margin-bottom: 30px;
	}

	.iAbout .msg .btn i {
		width: 50px;
		height: 50px;
		font-size: 16px;
	}

	.iAbout .con .image .video img {
		width: 80px;
		height: 80px;
	}

	.iAbout .con {
		margin-bottom: 60px;
	}


	.numList .item .num span {
		font-size: 36px;
		line-height: 36px;
		margin-right: 10px;
	}

	.numList .item .num {
		font-size: 20px;
		line-height: 30px;
	}

	.numList .item .name {
		font-size: 18px;
		line-height: 28px;
	}
}

@media screen and (max-width:1333px) {


	.iAbout .msg .tit {
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	.iAbout .msg .txts {
		-webkit-line-clamp: 5;
		margin-bottom: 20px;
	}

	.iAbout .msg .btn i {
		width: 35px;
		height: 35px;
	}


	.iAbout .con .image .video img {
		width: 75px;
		height: 75px;
	}

	.numList .item .num {
		font-size: 16px;
		line-height: 28px;
	}

	.iAbout .con {
		margin-bottom: 50px;
	}

	.numList .item .num span {
		font-size: 24px;
		line-height: 34px;
	}

	.numList .item .name {
		font-size: 16px;
		line-height: 26px;
	}

	.numList .item .image {
		margin-right: 10px;
	}

}

@media screen and (max-width:999px) {

	.iAbout .title1 {
		margin-bottom: 20px;
	}

	.iAbout .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.iAbout .con .msg {
		width: 100%;
		margin-bottom: 40px;
	}

	.iAbout .con .image {
		width: 100%;
		height: 400px;
	}

	.iAbout .msg .tit {
		font-size: 14px;
		line-height: 24px;
	}

	.iAbout .msg .btn i {
		font-size: 14px;
	}

	.iAbout .con .image {
		height: 340px;
	}

	.iAbout .con .image .video img {
		width: 70px;
		height: 70px;
	}


	.numList {
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.numList .item:nth-child(n) {
		width: 32%;
		margin-right: 2%;
		margin-top: 30px;
	}

	.numList .item:nth-child(3n) {
		margin-right: 0;
	}

	.numList .item:nth-child(-n+3) {
		margin-top: 0;
	}

}

@media screen and (max-width:768px) {
	.iAbout .msg .btn i {
		width: 36px;
		height: 36px;
		margin-right: 10px;
	}

	.iAbout .title1 {
		margin-bottom: 20px;
	}

	.iAbout .con .msg {
		margin-bottom: 30px;
	}

	.iAbout .con .image .video img {
		width: 65px;
		height: 65px;
	}

	.iAbout .con {
		margin-bottom: 40px;
	}

	.numList {
		justify-content: space-between;
	}

	.numList .item:nth-child(n) {
		width: 48%;
		margin-right: 0;
		margin-top: 30px;
	}

	.numList .item:nth-child(-n+2) {
		margin-top: 0;
	}

}

@media screen and (max-width:538px) {
	.iAbout .con .image {
		height: 300px;
	}

	.numList .item:nth-child(n) {
		flex-direction: column;
		align-items: flex-start;
	}

	.numList .item .name {
		font-size: 14px;
	}

	.numList .item .image {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.numList .item .num span {
		font-size: 24px;
		line-height: 24px;
	}
}


/* indexM3-1 */

.iDevelopment {
	padding: 59px 0 84px 0;
}

.iDevelopment .iTit {
	margin-bottom: 30px;
}

.iDevelopment .thumbsBox {
	position: relative;
}


.iDevelopment .thumbsBox::after {
	content: "";
	position: absolute;
	width: 100vw;
	height: 100%;
	background-color: #f3f3f3;
	z-index: -1;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.iDevelopment .thumbs {
	overflow: hidden;
}

.iDevelopment .thumbs .swiper-slide {
	padding: 26px 77px;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	line-height: 36px;
	color: #ffffff;
	transition: .4s ease background-color;
	cursor: pointer;
	width: auto;
	color: #333333;
}



.iDevelopment .thumbs .swiper-slide.swiper-slide-thumb-active,
.iDevelopment .thumbs .swiper-slide:hover {
	background-color: #004ea0;
	color: #ffffff;
}

.iDevelopment .sBtns {
	justify-content: center;
}

.iDevelopment .sBtns>div {
	margin-top: 20px;
}


.iDevelopment .gallery {
	overflow: hidden;
	margin-top: 44px;
}


.iDevelopment .swiper-slide {
	position: relative;
	height: auto;
}


.iDevelopment .swiper-slide .msg {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	background-image: url("../images/indexM3-Bg.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 9;
	top: 0;
	padding: 32px 33px 32px 46px;
}

.iDevelopment .swiper-slide .tit {
	font-weight: bold;
	font-size: 30px;
	line-height: 36px;
	color: #ffffff;
	margin-bottom: 27px;
}

.iDevelopment .swiper-slide .tit:hover {
	color: #d10a3d;
}

.iDevelopment .swiper-slide .txts {
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
}

.iDevelopment .swiper-slide .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 61px;
	height: 61px;
	background-color: #ffffff;
	flex-shrink: 0;
	border-radius: 50%;
	margin-left: 50px;
	font-size: 20px;
	font-weight: bold;
	color: #004ea0;
	transform: translateY(-10px);
}


.iDevelopment .swiper-slide .btn:hover {
	background-color: #d10a3d;
	color: #ffffff;
}


.iDevelopment .swiper-slide .image {
	height: 100%;
}


.iDevelopment .swiper-slide .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}


@media screen and (max-width:1560px) {

	.iDevelopment .thumbs .swiper-slide {
		padding: 15px 40px;
		font-size: 20px;
		line-height: 30px;
	}

	.iDevelopment .gallery {
		margin-top: 40px;
	}

	.iDevelopment .swiper-slide .msg {
		padding: 30px;
	}

	.iDevelopment .swiper-slide .tit {
		font-size: 26px;
		line-height: 36px;
	}

	.iDevelopment .swiper-slide .btn {
		width: 50px;
		height: 50px;
		font-size: 16px;
		transform: translateY(0);
	}
}

@media screen and (max-width:1333px) {
	.iDevelopment .thumbs .swiper-slide {
		padding: 10px 30px;
		font-size: 18px;
		line-height: 28px;
	}

	.iDevelopment .swiper-slide .tit {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.iDevelopment .swiper-slide .btn {
		width: 45px;
		height: 45px;
		font-size: 12px;
	}

	.iDevelopment .gallery {
		height: 400px;
	}

}

@media screen and (max-width:999px) {
	.iDevelopment .thumbs .swiper-slide {
		font-size: 16px;
		line-height: 26px;
	}

	.iDevelopment .swiper-slide .tit {
		font-size: 20px;
		line-height: 30px;
	}

	.iDevelopment .swiper-slide .btn {
		width: 40px;
		height: 40px;
		margin-left: 40px;
	}

	.iDevelopment .swiper-slide .msg {
		padding: 20px;
	}

	.iDevelopment .gallery {
		height: 340px;
	}
}

@media screen and (max-width:768px) {
	.iDevelopment .thumbs .swiper-slide {
		font-size: 14px !important;
		line-height: 24px;
	}

	.iDevelopment .swiper-slide .tit {
		font-size: 18px;
		line-height: 28px;
	}
}

@media screen and (max-width:538px) {
	.iDevelopment .swiper-slide .msg {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
	}

	.iDevelopment .swiper-slide .btn {
		margin-left: 0;
		margin-top: 20px;
		width: 36px;
		height: 36px;
	}
}



/* indexM4-1 */

.productCapacity {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 90px;
}


.productCapacity .iTit {
	margin-bottom: 51px;
}


.productCapacity .con {
	display: flex;
	justify-content: space-between;
}


.productCapacity .checks {
	width: 46.8%;
	height: 551px;
	overflow: auto;
	padding-right: 22px;
}


.productCapacity .checks::-webkit-scrollbar {
	width: 3px;
	height: 3px;
	background-color: #b4b4b4b4;
}

.productCapacity .checks::-webkit-scrollbar-thumb {
	background-color: #d10a3d;
}

.productCapacity .checks::-webkit-scrollbar-track {
	background-color: transparent;
}




.productCapacity .swiper {
	width: 49.94%;
	margin: 0;
}


.productCapacity .checks .item {
	position: relative;
	padding: 31px 0 37px 0;
	border-bottom: 1px solid #c3c3c3;
}


.productCapacity .checks .tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
}



.productCapacity .checks .name {
	font-weight: bold;
	font-size: 24px;
	line-height: 34px;
	color: #333333;
}


.productCapacity .checks .name:hover {
	color: #d10a3d;
}

.productCapacity .checks .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
	flex-shrink: 0;
	margin-left: 30px;
	font-size: 18px;
	margin-right: 21px;
	transform: rotate(-90deg);
}



.productCapacity .checks .btn:hover {
	color: #d10a3d;
}


.productCapacity .checks .txts {
	display: none;
	transition: none;
	padding: 14px 0;
}

.productCapacity .checks .txts p {
	color: #333333;
	line-height: 26px;
}

.productCapacity .checks .item:nth-child(1) .txts {
	display: block;
}


.productCapacity .checks .item:nth-child(1) {
	padding-top: 8px;
}


.productCapacity .checks .item.active {
	padding-bottom: 11px;
}

.productCapacity .checks .item.active .btn {
	transform: rotate(90deg);
	color: #333333;
}


.productCapacity .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

@media screen and (max-width:1560px) {
	.productCapacity .iTit {
		margin-bottom: 40px;
	}

	.productCapacity .checks .item:nth-child(n) {
		padding: 20px 0;
	}

	.productCapacity .checks .txts {
		padding: 0;
		padding-top: 20px;
	}

	.productCapacity .checks .name {
		font-size: 22px;
		line-height: 30px;
	}

	.productCapacity {
		margin-bottom: 80px;
	}
}

@media screen and (max-width:1333px) {
	.productCapacity .checks .name {
		font-size: 20px;
	}

	.productCapacity {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:999px) {
	.productCapacity .con {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.productCapacity .swiper {
		width: 100%;
		height: 340px;
	}

	.productCapacity .checks {
		width: 100%;
		height: 318px;
		margin-bottom: 40px;
	}

	.productCapacity .checks .name {
		font-size: 18px;
		line-height: 28px;
	}

	.productCapacity .checks .item:nth-child(n) {
		padding: 15px 0;
	}

	.productCapacity .checks .txts {
		padding-top: 15px;
	}

	.productCapacity {
		margin-bottom: 50px;
	}

	.productCapacity .checks .btn {
		margin-right: 0;
	}
}

@media screen and (max-width:768px) {
	.productCapacity {
		margin-bottom: 40px;
	}

	.productCapacity .iTit {
		margin-bottom: 30px;
	}

	.productCapacity .checks .item:nth-child(n) {
		padding: 10px 0;
	}

	.productCapacity .checks .name {
		font-size: 16px;
		line-height: 26px;
	}

	.productCapacity .checks .txts {
		padding-top: 10px;
	}
}

@media screen and (max-width:538px) {
	.productCapacity .swiper {
		height: 290px;
	}
}


/* indexM5-1 */

.iNews {
	padding: 73px 0 92px 0;
	background-color: #e9eff5;
}

.iNews .iTit {
	margin-bottom: 51px;
}


.newItem {
	transition: .4s ease background-color, .4s ease box-shadow;
}

.newItem:hover {
	background-color: #004ea0;
	box-shadow: 0px 0px 25px 0px rgba(11, 11, 11, 0.15);
}


.newItem .image {
	position: relative;
}

.newItem .image>a {
	overflow: hidden;
	display: block;
}

.newItem .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

.newItem .time {
	background-color: rgba(0, 78, 160, 0.75);
	padding: 5px 10px;
	font-size: 16px;
	line-height: 28px;
	color: #ffffff;
	position: absolute;
	left: 14px;
	bottom: 13px;
}


.newItem .msg {
	padding: 25px 15px 30px;
}

.newItem .tit {
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	margin-bottom: 15px;
}

.newItem:hover .tit {
	color: #ffffff;
}

.newItem .tit:hover {
	color: #d10a3d;
}


.newItem:hover .txts {
	color: #ffffff;
}


.newItem .txts {
	font-size: 16px;
	line-height: 28px;
	color: #555555;
	margin-bottom: 17px;
}

.newItem .btn {
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
}

.newItem .btn i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background-color: #004ea0;
	flex-shrink: 0;
	margin-right: 10px;
	border-radius: 50%;
	color: #ffffff;
}

.newItem:hover .btn {
	color: #ffffff;
}

.newItem:hover .btn i {
	background-color: #ffffff;
	color: #1f3eb2;
}

.newItem .btn:hover {
	color: #d10a3d;
}

.newItem .btn:hover i {
	background-color: #d10a3d;
	color: #ffffff;
}


.iNews .sBtns {
	justify-content: center;
}


.iNews .sBtns>div {
	margin-top: 30px;
}


@media screen and (max-width:1560px) {
	.iNews .iTit {
		margin-bottom: 40px;
	}

	.newItem .msg {
		padding: 20px 10px;
	}

	.newItem .txts {
		margin-bottom: 15px;
	}

	.newItem .btn i {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}
}


@media screen and (max-width:999px) {
	.newItem .txts {
		font-size: 14px;
		line-height: 24px;
	}

	.newItem .tit {
		font-size: 16px;
		line-height: 28px;
	}

	.iNews .iTit {
		margin-bottom: 30px;
	}
}



/* indexM6-1 */

.iGlobal {
	padding: 95px 0 90px 0;
}


.global .title {
	margin-bottom: 53px;
	display: flex;
	align-items: flex-start;
}


.global .title1 {
	flex-shrink: 0;
	margin-right: 4.66%;
}

.global .txts {
	line-height: 26px;
	color: #555555;
	padding: 8px 0;
}


.global .con {
	position: relative;
}


.global .con .maps img:nth-child(1) {
	display: none;
}

.global .con img {
	display: block;
}

.global .msg {
	background-color: rgba(255, 255, 255, 0.86);
	box-shadow: 0px 0px 25px 3px rgba(13, 86, 115, 0.2);
	padding: 28px 21px 29px 21px;
	font-size: 16px;
	line-height: 26px;
	color: #555555;
	position: absolute;
	left: 0;
	bottom: 24.4%;
	width: 377px;
}


.global .msg span {
	font-weight: bold;
	font-size: 20px;
	color: #004ea0;
}


.global .list .circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	position: relative;
}


.global .list .circle::after {
	content: "";
	width: 13px;
	height: 13px;
	background-color: #004ea0;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.global .list .circle::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 78, 160, 0.3);
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	animation: scale2 2s linear infinite;
}


@keyframes scale2 {
	from {
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		transform: translateX(-50%) translateY(-50%) scale(1);
	}

	50% {
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1.5);
		transform: translateX(-50%) translateY(-50%) scale(1.5);
	}

	to {
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		transform: translateX(-50%) translateY(-50%) scale(1);
	}

}


.global .list .item {
	position: absolute;
	left: 0%;
	top: 0%;
}



.global .list .name {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 7.5px 18px;
	font-size: 16px;
	line-height: 26px;
	color: #444444;
	position: absolute;
	white-space: nowrap;
}


.global .list .item:hover .name {
	background-color: #ffffff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
}




.global .list .item:nth-child(1) {
	left: 32.2%;
	top: 28.1%;
}

.global .list .item:nth-child(1) .name {
	left: 30px;
	top: -8px;
}

.global .list .item:nth-child(2) {
	left: 55.7%;
	top: 24.9%;
}

.global .list .item:nth-child(2) .name {
	right: 26px;
	top: -9px;
}

.global .list .item:nth-child(3) {
	left: 57.8%;
	top: 21.8%;
}


.global .list .item:nth-child(3) .name {
	left: -34px;
	bottom: 29px;
}

.global .list .item:nth-child(4) {
	left: 63%;
	top: 27.8%;
}

.global .list .item:nth-child(4) .name {
	left: 10px;
	bottom: 25px;
}

.global .list .item:nth-child(5) {
	left: 66.6%;
	top: 35.2%;
}


.global .list .item:nth-child(5) .name {
	right: 34px;
	bottom: -14px;
}


.global .list .item:nth-child(6) {
	left: 70.7%;
	top: 36.7%;
}


.global .list .item:nth-child(6) .name {
	right: -59px;
	top: 28px;
}

.global .list .item:nth-child(7) {
	left: 74.35%;
	top: 9.8%;
}

.global .list .item:nth-child(7) .name {
	left: 10px;
	bottom: 21px;
}

.global .list .item:nth-child(8) {
	left: 85.3%;
	top: 29%;
}

.global .list .item:nth-child(8) .name {
	left: -28px;
	bottom: 27px;
}


.global .list .item:nth-child(9) {
	top: 58.5%;
	left: 88.4%;
}

.global .list .item:nth-child(9) .name {
	left: 31px;
	bottom: -2px;
}

.global .list .item:nth-child(10) {
	left: 41.8%;
	top: 79.9%;
}

.global .list .item:nth-child(10) .name {
	right: 10px;
	top: 25px;
}


@media screen and (max-width:1333px) {

	.global .title {
		margin-bottom: 40px;
	}

	.global .list .circle {
		width: 20px;
		height: 20px;
	}

	.global .list .circle::after {
		width: 10px;
		height: 10px;
	}

	.global .list .name {
		padding: 5px 10px;
		font-size: 14px;
		line-height: 24px;
	}

	.global .msg {
		padding: 15px 15px;
	}

	.global .txts {
		padding: 0;
	}
}

@media screen and (max-width:999px) {
	.global .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.global .title1 {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.global .msg {
		position: static;
		width: 100%;
		font-size: 14px;
		margin-top: 30px;
	}


	.global .list .item:nth-child(n),
	.global .list .item:nth-child(n) .name {
		position: static;
	}

	.global .con .maps img:nth-child(1) {
		display: block;
	}

	.global .con .maps img:nth-child(2) {
		display: none;
	}

	.global .msg span {
		font-size: 18px;
	}

	.global .list .circle {
		display: none;
	}

	.global .list {
		display: none !important;
		flex-wrap: wrap;
	}

	.global .list .item {
		width: 23.5%;
		margin-right: 2%;
		margin-top: 20px;
	}

	.global .list .item:nth-child(4n) {
		margin-right: 0;
	}

	.global .list .item:nth-child(-n+4) {
		margin-top: 0;
	}

	.global .list .item .name {
		padding: 6px 20px;
	}

	.global .txts {
		font-size: 14px;
		line-height: 24px;
	}
}


@media screen and (max-width:538px) {
	.global .list .item:nth-child(n) {
		width: 32%;
		margin-right: 2%;
		margin-top: 20px;
	}

	.global .list .item:nth-child(3n) {
		margin-right: 0;
	}

	.global .list .item:nth-child(-n+3) {
		margin-top: 0;
	}
}

@media screen and (max-width:400px) {

	.global .list {
		justify-content: space-between;
	}

	.global .list .item:nth-child(n) {
		width: 48%;
		margin-right: 0%;
		margin-top: 20px;
	}

	.global .list .item:nth-child(-n+2) {
		margin-top: 0;
	}
}


/* indexM7-1 */

.iBrands {
	margin-bottom: 100px;
}


.brands {
	display: flex;
	flex-wrap: wrap;
}


.brands .image {
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 1px #cdcdcd;
	width: 14.42%;
	margin-right: 2.696%;
	margin-top: 32px;
}


.brands .image:nth-child(6n) {
	margin-right: 0;
}


.brands .image:nth-child(-n+6) {
	margin-top: 0;
}


@media screen and (max-width:1560px) {
	.iBrands {
		margin-bottom: 80px;
	}
}

@media screen and (max-width:1333px) {
	.iBrands {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:999px) {
	.iBrands {
		margin-bottom: 50px;
	}

	.brands .image:nth-child(n) {
		width: 18%;
		margin-right: 2.5%;
		margin-top: 20px;
	}

	.brands .image:nth-child(5n) {
		margin-right: 0;
	}

	.brands .image:nth-child(-n+5) {
		margin-top: 0;
	}
}

@media screen and (max-width:768px) {
	.iBrands {
		margin-bottom: 40px;
	}

	.brands .image:nth-child(n) {
		width: 22%;
		margin-right: 4%;
		margin-top: 20px;
	}

	.brands .image:nth-child(4n) {
		margin-right: 0;
	}

	.brands .image:nth-child(-n+4) {
		margin-top: 0;
	}

}

@media screen and (max-width:400px) {
	.brands .image:nth-child(n) {
		width: 30%;
		margin-right: 5%;
		margin-top: 20px;
	}

	.brands .image:nth-child(3n) {
		margin-right: 0;
	}

	.brands .image:nth-child(-n+3) {
		margin-top: 0;
	}
}




/* 1-1products */


.products {
	padding: 58px 0 100px 0;
}


.products .categoryBtns {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid rgba(136, 136, 136, 0.3);
}



.products .categoryBtns a {
	padding: 10px 56px;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
}


.products .categoryBtns a.active,
.products .categoryBtns a:hover {
	background-color: #004ea0;
	color: #ffffff;
}


.products .title {
	font-weight: bold;
	font-size: 30px;
	line-height: 42px;
	color: #333333;
	margin-bottom: 20px;
	margin-top: 53px;
}

.mbox {
	height: 56px;
	overflow: hidden;
}

.mbox p {
	line-height: 28px;
	color: #555555;
}

.mBtn {
	font-size: 18px;
	color: #004ea0;
	margin-top: 28px;
	cursor: pointer;
	display: inline-block;
}


.mBtn:hover {
	color: #d10a3d;
}





.products .list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 93px;
	margin-bottom: 71px;
}


.products .list .productItem {
	width: 23.14%;
	margin-right: 2.48%;
	margin-top: 35px;
}


.productItem {
	position: relative;
	padding: 6px;
}


.productItem:hover {
	box-shadow: 0px 0px 20px 0px rgba(11, 11, 11, 0.12);
}


.productItem:hover::after {
	opacity: 0;
}


.productItem::after {
	content: "";
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border: solid 1px #f3f3f3;
	pointer-events: none;
	transition: .4s ease all;
}


.products .list .productItem:nth-child(4n) {
	margin-right: 0;
}

.products .list .productItem:nth-child(-n+4) {
	margin-top: 0;
}


.productItem .image {
	overflow: hidden;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.productItem .msg {
	border-top: 1px solid #cacaca;
	padding: 15px 11px 12px;
}

.productItem .tit {
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	margin-bottom: 2px;
}

.productItem .tit:hover {
	color: #d10a3d;
}

.productItem .txts {
	font-size: 16px;
	line-height: 26px;
	color: #666666;
	margin-bottom: 8px;
	min-height: 52px;
}

.productItem .btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.productItem .btns .box {
	display: flex;
	align-items: center;
	justify-content: center;
}



.productItem .checkBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 10px;
	height: 10px;
	background-color: #f3f3f3;
	outline: solid 1px #e3e3e3;
	flex-shrink: 0;
	margin-right: 12px;
	overflow: hidden;
}


.productItem .checkBtn i {
	opacity: 0;
}

.productItem .checkBtn.active i {
	opacity: 1;
}

.productItem .checkBtn input {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: pointer;
	opacity: 0;
}


.productItem .checkBtn i {
	font-size: 12px;
	color: #d10a3d;
}


.productItem .btn {
	font-size: 16px;
	color: #004ea0;
}


.productItem .btn:hover {
	color: #d10a3d;
}


.productItem .rBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background-color: #d10a3d;
	color: #ffffff;
	font-size: 14px;
	border: 1px solid #d10a3d;
	opacity: 0;
}

.productItem:hover .rBtn {
	opacity: 1;
}

.productItem .rBtn:hover {
	background-color: #ffffff;
	color: #d10a3d;
}


.levelTwo {
	display: flex;
	flex-wrap: wrap;
	background-color: rgba(0, 78, 160, 0.05);
	padding: 0px 52px;
}


.levelTwo a {
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	position: relative;
	display: block;
	margin-right: 89px;
	padding: 11px 0;
}


.levelTwo a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background-color: #004ea0;
	transition: .4s ease all;
}

.levelTwo a:hover::after,
.levelTwo a.active::after {
	width: 100%;
}



.levelTwo a:hover,
.levelTwo a.active {
	color: #004ea0;
}


@media screen and (max-width:1560px) {
	.products .categoryBtns a {
		padding: 8px 30px;
		font-size: 18px;
		line-height: 28px;
	}
	
	.levelTwo a{
		font-size: 16px;
		margin-right: 60px;
		line-height: 26px;
		padding: 10px 0;
	}

	.products .title {
		margin-top: 50px;
	}
	
	.levelTwo{
		padding: 0 30px;
	}
	
	



	.products .list {
		margin: 60px 0;
	}

	.products .title {
		font-size: 28px;
		line-height: 38px;
	}

	.productItem .tit {
		margin-bottom: 10px;
	}

	.productItem .rBtn {
		width: 30px;
		height: 30px;
	}

	.productItem .txts {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:1333px) {
	
	.levelTwo a{
		font-size: 14px;
		margin-right: 50px;
		padding: 10px 0;
	}
	.products .categoryBtns a {
		font-size: 16px;
	}

	.products .title {
		margin-bottom: 40px;
	}


	.products .title {
		font-size: 24px;
		line-height: 34px;
	}

	.mBtn {
		font-size: 16px;
		line-height: 26px;
		margin-top: 20px;
	}

	.products .list {
		margin: 50px 0;
	}

	.productItem .tit {
		font-size: 16px;
		line-height: 28px;
	}


	.productItem .msg {
		padding: 10px;
	}
}

@media screen and (max-width:999px) {
	.products .title {
		font-size: 22px;
		line-height: 30px;
	}

	.mBtn {
		font-size: 14px;
		line-height: 24px;
	}

	.products .list {
		margin: 40px 0;
	}

	.productItem .txts {
		font-size: 14px;
		line-height: 24px;
	}



	.products .list .productItem:nth-child(n) {
		width: 32%;
		margin-right: 2%;
		margin-top: 30px;
	}

	.products .list .productItem:nth-child(3n) {
		margin-right: 0;
	}

	.products .list .productItem:nth-child(-n+3) {
		margin-top: 0;
	}


	.productItem .rBtn {
		font-size: 12px;
	}

	.productItem .rBtn {
		opacity: 1;
	}
}

@media screen and (max-width:768px) {

	.products .title {
		font-size: 20px;
	}

	.products .list .productItem:nth-child(n) {
		width: 48%;
		margin-right: 0;
		margin-top: 30px;
	}

	.products .list .productItem:nth-child(-n+2) {
		margin-top: 0;
	}

	.products .list {
		justify-content: space-between;
	}
}

@media screen and (max-width:400px) {
	.products .list .productItem:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.products .list .productItem:nth-child(1) {
		margin-top: 0;
	}
}


/* 1-2products */


.productShow {
	background-color: #f6f6f6;
	padding: 95px 0 70px 0;
	margin-top: -1px;
}


.productShow .con {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.productShow .shows {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-right: 3.35%;
}


.showSipwerBox {
	margin-right: 11px;
	position: relative;
}


.productShow .shows .showSipwer {
	width: 617px;
	overflow: hidden;
	background-color: #ffffff;
	border: solid 1px #e3e3e3;
}


.productShow .shows .checkSwiper {
	width: 146px;
	overflow: hidden;
	height: 100%;
}

.productShow .shows .swiperBox {
	position: relative;
	height: 617px;
}


.productShow .shows .swiperBox .prev,
.productShow .shows .swiperBox .next {
	width: 100%;
	position: absolute;
	color: #333333;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	height: 32px;
	background-color: rgba(0, 78, 160, 0.5);
	z-index: 9;
}


.productShow .shows .swiperBox .prev i,
.productShow .shows .swiperBox .next i {
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
}


.productShow .shows .swiperBox .prev:hover,
.productShow .shows .swiperBox .next:hover {
	background-color: #004ea0;
}


.productShow .shows .swiperBox .prev {
	top: 0;
}

.productShow .shows .swiperBox .prev i {
	transform: rotate(-90deg);
}

.productShow .shows .swiperBox .next {
	bottom: 0;
}

.productShow .shows .swiperBox .next i {
	transform: rotate(90deg);
}

.productShow .shows .swiperBox .prev.swiper-button-disabled,
.productShow .shows .swiperBox .next.swiper-button-disabled {
	opacity: 0;
	pointer-events: none;
}


.productShow .shows .checkSwiper .swiper-slide {
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}


.productShow .shows .checkSwiper .swiper-slide::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	transition: .4s ease all;
	pointer-events: none;
	overflow: hidden;
	border: 1px solid #e3e3e3;
}

.productShow .shows .checkSwiper .swiper-slide-thumb-active::after {
	border-color: #004ea0;
}

.showSipwer .swiper-slide img {
	display: block;
}


.productShow .jianjie {
	width: 10%;
	flex: 1;
}


.productShow .jianjie h1 {
	font-weight: bold;
	font-size: 30px;
	line-height: 42px;
	color: #333333;
	margin-bottom: 24px;
	margin-top: 34px;
}


.productShow .jianjie .line {
	width: 100%;
	height: 1px;
	background-color: #cdcdcd;
	margin-bottom: 47px;
}



.productShow .jianjie .tit {
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 19px;
}


.productShow .jianjie .txts {
	margin-bottom: 14px;
}

.productShow .jianjie .txts p {
	line-height: 26px;
}


.productShow .share {
	margin-bottom: 50px;
}


.share {
	display: flex;
	align-items: center;
}

.share span {
	font-size: 16px;
	line-height: 26px;
	color: #666666;
	margin-right: 5px;
}


.productShow .jianjie .btns {
	display: flex;
	align-items: center;
}


.productShow .jianjie .btns a {
	padding: 8px 22.5px;
	background-color: #ffffff;
	border: solid 1px #004ea0;
	margin-right: 14px;
	font-size: 16px;
	color: #004ea0;
}


.productShow .jianjie .btns a:last-child {
	margin-right: 0;
}


.productShow .jianjie .btns a:hover {
	background-color: #004ea0;
	color: #ffffff;
}



/*jQzoom*/
.jqzoom {
	float: left;
	position: relative;
	padding: 0px;

}

div.zoomdiv {
	z-index: 200;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	height: 400px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
}

div.zoomdiv img {
	max-width: unset !important;
}

div.jqZoomPup {
	z-index: 200;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #aaa;
	background: #ffffff;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
	transition: none;
}



@media screen and (max-width:1560px) {
	.productShow .jianjie h1 {
		margin-top: 0;
	}

	.productShow .shows .showSipwer {
		width: 540px;
		height: 540px;
	}

	.productShow .shows .swiperBox {
		height: 540px;
	}

	.productShow .shows .checkSwiper {
		width: 125px;
	}

	.productShow .shows .swiperBox .prev,
	.productShow .shows .swiperBox .next {
		height: 30px;
	}

	.productShow .jianjie h1 {
		font-size: 28px;
		line-height: 38px;
		margin-bottom: 20px;
	}

	.productShow .jianjie .line {
		margin-bottom: 30px;
	}

	.productShow .jianjie .txts {
		margin-bottom: 20px;
	}

	.productShow .share {
		margin-bottom: 40px;
	}

	.productShow .jianjie .btns a {
		padding: 5px 20px;
	}
}

@media screen and (max-width:1333px) {
	.productShow .shows {
		flex-direction: column;
		align-items: flex-start;
		margin-right: 0;
	}

	.productShow .shows .showSipwer {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}

	.showSipwerBox {
		width: 100%;
		margin-right: 0;
	}

	.productShow .shows {
		width: 45%;
	}

	.productShow .jianjie h1 {
		font-size: 26px;
		line-height: 36px;
	}

	.productShow .jianjie .tit {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 10px;
	}

	.productShow .shows .swiperBox {
		height: auto;
		width: 100%;
	}

	.productShow .shows .checkSwiper {
		width: 100%;
	}

	.productShow .shows .swiperBox .prev,
	.productShow .shows .swiperBox .next {
		width: 20px;
		height: 100%;
	}

	.productShow .shows .swiperBox .prev {
		left: 0;
	}

	.productShow .shows .swiperBox .next {
		right: 0;
	}

	.productShow .shows .swiperBox .prev i {
		transform: rotate(-180deg);
	}

	.productShow .shows .swiperBox .next i {
		transform: rotate(0deg);
	}

	.productShow .jianjie {
		flex: none;
		width: 50%;
	}

}


@media screen and (max-width:999px) {
	div.jqZoomPup {
		display: none;
	}

	.zoomPad {
		cursor: default !important;
	}

	.zoomPup {
		display: none !important;
	}

	.zoomWindow {
		display: none !important;
	}

	.zoomPreload {
		display: none !important;
	}

	.productShow .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.productShow .jianjie {
		width: 100%;
	}

	.productShow .jianjie h1 {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 20px;
	}

	.productShow .jianjie .line {
		margin-bottom: 20px;
	}

	.share span {
		font-size: 14px;
		line-height: 24px;
	}

	.productShow .share {
		margin-bottom: 30px;
	}

	.productShow .jianjie .btns a {
		font-size: 14px;
	}

	.productShow .shows .showSipwer {
		margin-bottom: 10px;
	}

	.productShow .shows {
		width: 100%;
		max-width: 450px;
		margin: 0 auto 30px;
	}
}



@media screen and (max-width:768px) {
	.productShow .jianjie h1 {
		font-size: 22px;
		line-height: 30px;
	}

	.productShow .shows {
		max-width: 400px;
	}
}

@media screen and (max-width:538px) {
	.productShow .shows {
		max-width: 360px;
	}

	.productShow .jianjie h1 {
		font-size: 20px;
	}

	.productShow .jianjie .btns a {
		padding: 4px 10px;
	}
}


.productDet {
	padding: 57px 0 104px 0;
}

.productDet .con {
	display: flex;
	justify-content: space-between;
}


.productDet .pdSlides {
	width: 23.57%;
}

.pdSlides .title {
	padding: 13px 12px;
	background-color: #004ea0;
	font-weight: bold;
	font-size: 26px;
	line-height: 36px;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.pdSlides .title i {
	font-size: 16px;
	display: none;
	width: 35px;
	height: 35px;
	align-items: center;
	justify-content: center;
}

.productSlides {
	margin-bottom: 22px;
}



.productSlides .list {
	padding: 0 9px;
	background-color: rgba(242, 242, 242, 0.5);
}

.productSlides .list>li>a {
	border-bottom: 1px solid #cdcdcd;
}

.productSlides .list>li:last-child>a {
	border-bottom: none;
}


.productSlides .list>li.active {
	border-bottom: 1px solid #cdcdcd;
}

.productSlides .list>li:last-child.active {
	border: none;
}

.productSlides .list>li>a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	padding: 18px 12px;
}

.productSlides .list>li>a i {
	font-size: 12px;
	color: #333333;
	transform: rotate(90deg);
}

.productSlides .list>li.active>a,
.productSlides .list>li>a:hover {
	color: #004ea0;
}

.productSlides .list>li.active>a i {
	transform: rotate(-90deg);
}

.productSlides .list li ul {
	padding: 16px 20px 9px;
}


.productSlides .list ul {
	display: none;
}

.productSlides .list li.active>ul {
	display: block;
}


.productDet .describe {
	width: 72.05%;
	padding: 18px 0;
}

.productSlides .list ul a {
	font-size: 18px;
	line-height: 26px;
	color: #333333;
}

.productSlides .list ul li {
	margin-bottom: 18px;
}

.productSlides .list ul li:last-child {
	margin-bottom: 0;
}


.productSlides .list ul li.active a,
.productSlides .list ul li:hover a {
	color: #004ea0;
}



.contactSlides .title {
	margin-bottom: 15px;
}



.contactSlides ul li {
	width: 100%;
	height: 55px;
	background-color: #ffffff;
	border: solid 1px #e9e9e9;
	margin-top: 10px;
	padding: 0 21px;
}


.contactSlides ul li:nth-child(1) {
	margin-top: 0;
}



.contactSlides ul li input,
.contactSlides ul li textarea {
	width: 100%;
	height: 100%;
}


.contactSlides ul li.must {
	position: relative;
}

.contactSlides ul li.must::after {
	content: "*";
	position: absolute;
	left: 9px;
	top: 19px;
	font-size: 16px;
	line-height: 26px;
	color: #ff0000;
}

.contactSlides ul li.m-formcountry {
	padding: 0;
}

.m-formcountry {
	position: relative;
}

.m-formcountry .drop-btn {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0 11px;
}

.m-formcountry .drop-btn i,
.m-formcountry .drop-btn svg {
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	font-size: 12px;
	font-weight: bold;
	color: #888888;
}

.m-formcountry .drop-list {
	display: none;
	border: 1px solid #e6e6e6;
	width: 100%;
	position: absolute;
	top: 100%;
	background-color: #fff;
	max-height: 223px;
	overflow-x: hidden;
	z-index: 10001;
	scrollbar-color: #004ea0 rgba(0, 0, 0, 0.05);
	scrollbar-width: thin;
}

.m-formcountry .drop-list::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.m-formcountry .drop-list::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.05);
}

.m-formcountry .drop-list::-webkit-scrollbar-thumb {
	background-color: #004ea0;
}

.m-formcountry .drop-list li {
	font-size: 16px;
	line-height: 26px;
	overflow: hidden;
	padding: 5px 10px;
	margin: 0;
	height: auto;
	border: none;
	cursor: pointer;
	border-bottom: 1px solid #e6e6e6;
	color: #999;
}

.m-formcountry .drop-list li.on {
	background-color: #004ea0;
	color: #ffffff;
}


.productDet .line {
	width: 100%;
	height: 1px;
	background-color: #cdcdcd;
	margin: 79px 0 83px 0;
}

.contactSlides ul li.message {
	height: 119px;
	padding: 8px 21px;
}

.contactSlides ul li.message::after {
	top: 8px;
}

.contactSlides ul li.codeCon {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
}

.contactSlides ul li.codeCon>input {
	flex: 1;
	padding: 0 21px;
}

.contactSlides ul li.codeCon .codeImg {
	max-width: 90px;
	flex-shrink: 0;
	cursor: pointer;
	height: 100%;
	background-color: #f3fbfe;
}


.contactSlides ul li.codeCon .codeImg img {
	height: 100%;
	display: block;
}


.contactSlides ul li.subBtn {
	padding: 0;
	border: none;
}

.contactSlides ul li.subBtn input {
	border: 1px solid #004ea0;
	background-color: #004ea0;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	cursor: pointer;
}


.contactSlides ul li.subBtn input:hover {
	background-color: #ffffff;
	color: #004ea0;
}

.contactSlides input::-webkit-input-placeholder,
.contactSlides textarea::-webkit-input-placeholder {
	color: #999999;
}

.contactSlides input:-moz-placeholder,
.contactSlides textarea:-moz-placeholder {
	color: #999999;
}

.contactSlides input::-moz-placeholder,
.contactSlides textarea::-moz-placeholder {
	color: #999999;
}

.contactSlides input:-ms-input-placeholder,
.contactSlides textarea:-ms-input-placeholder {
	color: #999999;
}


.pdTit {
	font-weight: bold;
	font-size: 34px;
	line-height: 36px;
	letter-spacing: 0px;
	color: #333333;
}


.soundEffects {
	margin-bottom: 47px;
}


.soundEffects .pdTit {
	margin-bottom: 35px;
}

.soundEffects .standardEdit p {
	line-height: 26px;
}

.softwareControl .pdTit {
	margin-bottom: 29px;
}


.softwareControl .txts p {
	line-height: 26px;
}


.table {
	width: 100%;
	overflow: auto;
}

.table table {
	width: 100%;
	border-collapse: collapse;
}

.table table tr:nth-child(2n) td {
	background-color: #f5f5f5;
}

.table table tr td {
	padding: 2.5px 20px;
	font-size: 16px;
	font-family: Arial, sans-serif;
	background-color: #fff;
	color: #666666;
	border-bottom: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
}

.table table tr:nth-child(1) td {
	border-top: 1px solid #f5f5f5;
}

.table table tr td:nth-child(1) {
	color: #333333;
	border-left: none;
}


.relatedProducts .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 48px;
}



.sBtns {
	display: flex;
	align-items: center;
}

.sBtns>div {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 34px;
	height: 34px;
	background-color: #004ea0;
	font-size: 14px;
	color: #ffffff;
}


.sBtns>div.prev {
	margin-right: 5px;
}

.sBtns>div:hover {
	background-color: #d10a3d;
}



.relatedProducts .swiper {
	overflow: visible;
}

.relatedProducts .swiper .swiper-wrapper {
	pointer-events: none;
}

.relatedProducts .swiper .swiper-slide {
	pointer-events: none;
	transition: .4s ease box-shadow, .4s ease opacity;
	opacity: 0;
}


.relatedProducts .swiper .swiper-slide-visible {
	pointer-events: all;
	opacity: 1;
}




@media screen and (max-width:1560px) {
	.pdTit {
		font-size: 28px;
		line-height: 38px;
	}

	.pdSlides .title {
		font-size: 22px;
		line-height: 30px;
		padding: 10px 20px;
	}

	.productSlides .list>li>a {
		padding: 15px 10px;
	}

	.productSlides .list li ul {
		padding: 10px 20px;
	}

	.contactSlides ul li {
		height: 46px;
	}

	.contactSlides ul li.must::after {
		top: 11px;
	}

	.productDet .describe {
		padding: 0;
	}

	.soundEffects .pdTit {
		margin-bottom: 30px;
	}

	.soundEffects {
		margin-bottom: 40px;
	}

	.productDet .line {
		margin: 80px 0;
	}

	.relatedProducts .title {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:1333px) {
	.pdTit {
		font-size: 24px;
		line-height: 34px;
	}

	.soundEffects .pdTit,
	.softwareControl .pdTit {
		margin-bottom: 20px;
	}

	.table table tr td {
		padding: 5px 10px;
	}

	.pdSlides .title {
		font-size: 20px;
		line-height: 30px;
	}

	.productSlides .list>li>a,
	.productSlides .list ul a {
		font-size: 16px;
		line-height: 26px;
	}

	.productSlides .list ul li {
		margin-bottom: 10px;
	}

	.productDet .pdSlides {
		width: 25%;
	}

	.productDet .describe {
		width: 70%;
	}

	.productSlides .list {
		padding: 0 5px;
	}

	.productSlides .list>li>a {
		padding: 10px 5px;
	}

	.productSlides .list li ul {
		padding: 10px;
	}

	.contactSlides ul li {
		padding: 0 15px;
		height: 40px;
	}

	.m-formcountry .drop-btn {
		padding: 0 15px;
	}

	.contactSlides ul li.message {
		padding: 10px 15px;
	}

	.contactSlides ul li.must::after {
		left: 5px;
		top: 9px;
	}

	.contactSlides ul li.codeCon>input {
		padding: 0 15px;
	}

	.productDet .line {
		margin: 60px 0;
	}

	.sBtns>div.prev {
		margin-right: 10px;
	}
}

@media screen and (max-width:999px) {
	.productDet .con {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.productDet .pdSlides {
		width: 100%;
	}

	.productDet .describe {
		width: 100%;
		margin-bottom: 40px;
	}

	.pdTit {
		font-size: 22px;
		line-height: 30px;
	}

	.table table tr td {
		font-size: 14px;
		line-height: 24px;
	}

	.pdSlides .title {
		font-size: 18px;
		line-height: 28px;
	}

	.productSlides .list>li>a,
	.productSlides .list ul a {
		font-size: 14px;
		line-height: 24px;
	}

	.pdSlides .title i {
		display: flex;
	}

	.pdSlides .title i.active {
		transform: rotate(45deg);
	}

	.m-formcountry .drop-list li {
		font-size: 14px;
		line-height: 24px;
	}

	.productDet .line {
		margin: 50px 0;
	}

	.productSlides .list {
		display: none;
		transition: none;
	}

	.relatedProducts .title {
		margin-bottom: 30px;
	}

	.sBtns>div {
		font-size: 12px;
	}
}

@media screen and (max-width:768px) {
	.pdTit {
		font-size: 20px;
		line-height: 30px;
	}

	.pdSlides .title {
		padding: 10px;
	}

	.productDet .line {
		margin: 40px 0;
	}
}

@media screen and (max-width:538px) {
	.relatedProducts .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.relatedProducts .pdTit {
		margin-bottom: 20px;
	}
}






/* 2-1about us */

.aboutUs {
	padding: 79px 0 72px 0;
}



.aboutUs .con {
	display: flex;
	margin-bottom: 29px;
	justify-content: space-between;
}


.aboutUs .con .image {
	position: relative;
	width: 55.14%;
}

.aboutUs .con .image>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}


.aboutUs .con .video {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .4);
	cursor: pointer;
}

.aboutUs .con .video img {
	width: 92px;
	height: 92px;
}

.aboutUs .con .video:hover img {
	transform: scale(1.1);
}

.aboutUs .con .msg {
	width: 41.6%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 40px 0;
}

.innerTit {
	font-size: 44px;
}

.aboutUs .msg .innerTit {
	margin-bottom: 10px;
}



.aboutUs .msg .tit {
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	color: #333333;
	margin-bottom: 27px;
}


.aboutUs .msg .txts p {
	line-height: 28px;
}

.aboutUs .des {
	margin-bottom: 45px;
}


/* .aboutUs .numList {
	background-color: #004ea0;
	padding: 51px 43px 44px 37px;
}

.aboutUs .numList .num,
.aboutUs .numList .name {
	color: #ffffff;
}


.aboutUs .numList .image img {
	filter: grayscale(100%) brightness(500%);
} */



.aboutUs .numList {
	padding: 51px 0 44px;
}


.factoryDisplay {
	margin-bottom: 25px;
}

.factoryDisplay .swiper-wrapper {
	transition-timing-function: linear !important;
}


.factoryDisplay .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 39px;
}


.factoryDisplay .image {
	overflow: hidden;
}

.factoryDisplay .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}


@media screen and (max-width:1560px) {
	.aboutUs .con .msg {
		padding: 30px 0;
	}

	.aboutUs .msg .innerTit {
		margin-bottom: 30px;
	}

	.aboutUs .msg .tit {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	.aboutUs .des {
		margin-bottom: 40px;
	}

	.aboutUs .numList {
		padding: 20px 0;
	}

	.factoryDisplay {
		margin-bottom: 80px;
	}

	.aboutUs .con .video img {
		width: 80px;
		height: 80px;
	}
}

@media screen and (max-width:1333px) {
	.aboutUs .con .video img {
		width: 70px;
		height: 70px;
	}

	.aboutUs .msg .tit {
		font-size: 16px;
		line-height: 28px;
	}


	.factoryDisplay {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:999px) {
	.aboutUs .con {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.aboutUs .con .msg {
		padding: 0;
		width: 100%;
		margin-bottom: 30px;
	}

	.aboutUs .con {
		margin-bottom: 30px;
	}

	.aboutUs .con .image {
		width: 100%;
		height: 400px;
	}

	.aboutUs .msg .tit {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 20px;
	}

	.aboutUs .msg .innerTit {
		margin-bottom: 20px;
	}

	.aboutUs .con .msg {
		margin-bottom: 20px;
	}

	.aboutUs .con .image {
		height: 340px;
	}

	.aboutUs .con .video img {
		width: 65px;
		height: 65px;
	}

	.aboutUs .con {
		margin-bottom: 20px;
	}

	.aboutUs .des {
		margin-bottom: 20px;
	}

	.factoryDisplay {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.aboutUs .numList {
		padding: 10px 0;
	}

	.factoryDisplay .title {
		margin-bottom: 30px;
	}

	.factoryDisplay {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:538px) {
	.aboutUs .con .image {
		height: 290px;
	}

	.aboutUs .numList {
		padding: 20px 15px;
	}

	.factoryDisplay .title {
		flex-direction: column;
		align-items: flex-start;
	}

}


.culture {
	padding: 82px 0 90px 0;
	background-image: url("../images/corporateBg.jpg");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

.culture .innerTit {
	text-align: center;
	margin-bottom: 51px;
}

.culture .con {
	display: flex;
	justify-content: space-between;
	margin-bottom: 33px;
}


.culture .msgSwiper {
	width: 53%;
	overflow: hidden;
}


.culture .imgSwiper {
	width: 43.64%;
	overflow: hidden;
}

.culture .imgSwiper .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}


.culture .imgSwiper .image:hover img {
	transform: scale(1.1);
}

.culture .msgSwiper .tit {
	font-weight: bold;
	font-size: 30px;
	line-height: 42px;
	color: #004ea0;
	margin-bottom: 20px;
}


.culture .msgSwiper .txts p {
	line-height: 28px;
	hyphens: auto;
}

.culture .msgSwiper .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 40px 0;
}

.culture .checkSwiper {
	border-bottom: 1px solid #cdcdcd;
	overflow: visible;
	clip-path: polygon(0% -1000%, 100% -1000%, 100% 1000%, 0 1000%);
}


.culture .checkSwiper .swiper-slide {
	display: flex;
	align-items: center;
	padding: 25px 20px;
	font-weight: bold;
	font-size: 18px;
	line-height: 26px;
	color: #333333;
	cursor: pointer;
	position: relative;
}

.culture .checkSwiper .swiper-slide::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #004ea0;
	transition: 1s ease all;
	width: 0;
}



.culture .checkSwiper .swiper-slide.swiper-slide-thumb-active::after {
	width: 100%;
}

.culture .checkSwiper .swiper-slide.swiper-slide-thumb-active .num,
.culture .checkSwiper .swiper-slide:hover .num {
	background-color: #004ea0;
	border-color: #004ea0;
	color: #ffffff;
}

.culture .checkSwiper .swiper-slide.swiper-slide-thumb-active,
.culture .checkSwiper .swiper-slide:hover {
	color: #004ea0;
}




.culture .checkSwiper .num {
	width: 57px;
	height: 57px;
	border: solid 1px #004ea0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 16px;
	color: #004ea0;
}

.culture .sBtns {
	justify-content: center;
}

.culture .sBtns>div {
	margin-top: 30px;
}

@media screen and (max-width:1560px) {
	.culture .msgSwiper .swiper-slide {
		padding: 30px 0;
	}

	.culture .msgSwiper .tit {
		font-size: 26px;
		line-height: 36px;
	}

	.culture .innerTit {
		margin-bottom: 40px;
	}

	.culture .con {
		margin-bottom: 30px;
	}

	.culture .checkSwiper .swiper-slide {
		padding: 10px 10px;
	}

	.culture .checkSwiper .num {
		width: 45px;
		height: 45px;
	}
}

@media screen and (max-width:1333px) {
	.culture .msgSwiper .tit {
		font-size: 24px;
		line-height: 34px;
	}

	.culture .checkSwiper .num {
		width: 40px;
		height: 40px;
	}

	.culture .checkSwiper .swiper-slide {
		font-size: 16px;
		line-height: 28px;
	}

	.culture .checkSwiper .num {
		margin-right: 10px;
	}
}

@media screen and (max-width:999px) {
	.culture .msgSwiper .tit {
		font-size: 22px;
		line-height: 30px;
	}

	.culture .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.culture .msgSwiper {
		width: 100%;
		margin-bottom: 30px;
	}

	.culture .msgSwiper .swiper-slide {
		padding: 0;
	}

	.culture .innerTit {
		margin-bottom: 30px;
	}

	.culture .imgSwiper {
		width: 100%;
		height: 340px;
	}

	.culture .checkSwiper .num {
		width: 36px;
		height: 36px;
	}
}

@media screen and (max-width:768px) {
	.culture .msgSwiper .tit {
		font-size: 20px;
	}

	.culture .checkSwiper .num {
		width: 30px;
		height: 30px;
		font-size: 14px;
	}
}

@media screen and (max-width:538px) {
	.culture .msgSwiper .tit {
		font-size: 18px;
		line-height: 28px;
	}

	.culture .imgSwiper {
		height: 290px;
	}
}


.certification {
	margin-bottom: 70px;
}


.certification .innerTit {
	margin-bottom: 27px;
}

.certification .txts {
	margin-bottom: 55px;
}


.certification .txts p {
	line-height: 28px;
}

.certificationSwiper {
	clip-path: polygon(0% -1000%, 100% -1000%, 100% 1000%, 0 1000%);
}

.certificationSwiper .swiper-wrapper {
	transition-timing-function: linear !important;
}

.certificationSwiper .item {
	display: flex;
	flex-direction: column;
	align-items: center;
}


.certificationSwiper .box {
	position: relative;
	margin-bottom: 21px;
}



.certificationSwiper .box .big {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 78, 160, .8);
	pointer-events: none;
	opacity: 0;
}

.certificationSwiper .box:hover .big {
	opacity: 1;
}


.certificationSwiper .big img {
	width: 27px;
}

.certificationSwiper .name {
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: #555555;
}

.certificationSwiper a:hover img {
	transform: none;
}

.certificationSwiper .swiper-slide:hover .item {
	transform: translateY(-24px);
}

.certificationSwiper .sBtns {
	justify-content: center;
}


.certificationSwiper .sBtns>div {
	margin-top: 40px;
}

@media screen and (max-width:1560px) {
	.certification .txts {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:1333px) {
	.certification {
		margin-bottom: 60px;
	}

	.certificationSwiper .sBtns>div {
		margin-top: 30px;
	}
}

@media screen and (max-width:999px) {
	.certificationSwiper .box {
		margin-bottom: 10px;
	}

	.certification {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.certification {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:538px) {
	.certificationSwiper .sBtns>div {
		margin-top: 20px;
	}
}


.socia {
	max-width: 1920px;
	margin: 0 auto;
}

.social .innerTit {
	margin-bottom: 71px;
	text-align: center;
}


.social .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 51px;
	height: 395px;
}

.social .item:last-child {
	margin-bottom: 0;
}


.social .item:nth-child(2n) {
	flex-direction: row-reverse;
	padding-left: calc((100% - 1400px)/ 2);
}

.social .item:nth-child(2n-1) {
	padding-right: calc((100% - 1400px)/ 2);
}

.social .image {
	width: 50%;
	height: 100%;
}

.social .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}


.social .msg {
	width: 46.5%;
	max-height: 100%;
	overflow: auto;
	padding-right: 20px;
}

.social .msg .tit {
	font-weight: bold;
	font-size: 30px;
	line-height: 42px;
	color: #333333;
	margin-bottom: 35px;
}

.social .msg .txts p {
	line-height: 28px;
	color: #555555;
}



.social .msg::-webkit-scrollbar {
	width: 2px;
	height: 2px;
	background-color: #d5d5d5;
}

.social .msg::-webkit-scrollbar-thumb {
	background-color: #004ea0;
}

.social .msg::-webkit-scrollbar-track {
	background-color: transparent;
}

.aboutPiece {
	padding: 107px 0 100px 0;
}

.aboutPiece .global {
	margin-bottom: 90px;
}


@media screen and (max-width:1560px) {
	.social .innerTit {
		margin-bottom: 50px;
	}

	.social .item:nth-child(2n-1) {
		padding-right: 80px;
	}

	.social .item:nth-child(2n) {
		padding-left: 80px;
	}

	.social .msg .tit {
		font-size: 26px;
		line-height: 36px;
		margin-bottom: 30px;
	}

	.aboutPiece .global {
		margin-bottom: 80px;
	}
}

@media screen and (max-width:1333px) {
	.social .innerTit {
		margin-bottom: 40px;
	}

	.social .msg .tit {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 25px;
	}

	.aboutPiece .global {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:999px) {
	.social .item:nth-child(n) {
		padding: 0 80px;
		flex-direction: column;
		align-items: flex-start;
		height: auto;
	}

	.social .msg {
		width: 100%;
		max-height: 280px;
	}

	.social .image {
		width: 100%;
		margin-bottom: 30px;
		height: 340px;
	}

	.social .msg .tit {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.social .item {
		margin-bottom: 40px;
	}

	.aboutPiece .global {
		margin-bottom: 50px;
	}

}

@media screen and (max-width:768px) {
	.social .item:nth-child(n) {
		padding: 0 25px;
	}

	.social .msg .tit {
		font-size: 20px;
	}

	.social .msg {
		max-height: 235px;
	}

	.aboutPiece .global {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:538px) {
	.social .item:nth-child(n) {
		padding: 0 15px;
	}

	.social .msg .tit {
		font-size: 18px;
	}

	.social .innerTit {
		margin-bottom: 30px;
	}

	.social .image {
		height: 290px;
		margin-bottom: 20px;
	}
}



/* 3-1R&D */

.laboratory {
	padding-top: 66px;
}

.laboratory .title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 55px;
}

.laboratory .tips {
	padding: 5px 0;
	color: #555555;
}


.laboratory .title1 {
	flex-shrink: 0;
	margin-right: 14.2%;
}

.laboratory .swiper-slide {
	width: 24.57%;
	margin-right: 1.145%;
	height: auto;
}


.laboratory .swiper-slide:nth-child(3n-2) {
	width: 48.57%;
}


.laboratory .swiper-slide:last-child {
	margin-right: 0;
}


.laboratory .sBtns {
	justify-content: center;
}

.laboratory .sBtns>div {
	margin-top: 20px;
}

.laboratory .show {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.laboratory .show .image {
	height: 100%;
}

.laboratory .show:hover .msg {
	opacity: 1;
	transform: translateY(0);
}

.laboratory .msg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 78, 160, 0.6);
	font-size: 16px;
	line-height: 28px;
	color: #ffffff;
	padding: 4.5px 12px;
	transform: translateY(100%);
}

.laboratory .des p {
	line-height: 28px;
	color: #555555;
}


.laboratory .item {
	position: relative;
	margin-bottom: 16px;
	overflow: hidden;
}


.laboratory .item:hover .msg {
	transform: translateY(0);
	opacity: 1;
}


.laboratory .item:last-child {
	margin-bottom: 0;
}

.laboratory .des {
	margin-top: 46px;
}


.laboratory .swiper img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

@media screen and (max-width:1560px) {
	.laboratory .title {
		margin-bottom: 40px;
	}

	.laboratory .tips {
		padding: 0;
	}

	.laboratory {
		padding-top: 80px;
	}
}

@media screen and (max-width:1333px) {

	.laboratory {
		padding-top: 60px;
	}


	.laboratory .des {
		margin-top: 30px;
	}

}

@media screen and (max-width:999px) {
	.laboratory .title {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 30px;
	}

	.laboratory .title1 {
		margin-right: 0;
		margin-bottom: 30px;
	}

	.laboratory .swiper-slide {
		width: 38%;
		margin-right: 2%;
	}

	.laboratory .swiper-slide:nth-child(3n-2) {
		width: 60%;
		margin-right: 2%;
	}

	.laboratory .msg {
		font-size: 14px;
		line-height: 26px;
	}

	.laboratory {
		padding-top: 50px;
	}

	.laboratory .msg {
		transform: translateY(0%);
		opacity: 1;
	}

}

@media screen and (max-width:768px) {
	.laboratory {
		padding-top: 40px;
	}

	.laboratory .title1 {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:538px) {
	.laboratory .swiper-slide:nth-child(3n-2) {
		width: 100%;
	}

	.laboratory .swiper-slide {
		width: 48%;
	}
}

@media screen and (max-width:400px) {
	.laboratory .swiper-slide {
		width: 60%;
	}
}

.keyProducts {
	padding: 46px 0 84px 0;
}

.keyProducts .title1 {
	text-align: center;
	margin-bottom: 30px;
}

.keyProducts .navSwiper {
	clip-path: polygon(0% -1000%, 100% -1000%, 100% 1000%, 0 1000%);
	overflow: visible;
	border-bottom: 1px solid rgba(136, 136, 136, 0.3);
}

.keyProducts .contactSwiper {
	margin-top: 69px;
}

.keyProducts .navSwiper .swiper-slide {
	width: auto;
	padding: 19px 48.5px;
	margin-right: 10px;
	cursor: pointer;
	position: relative;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	text-align: center;
}


.keyProducts .navSwiper .swiper-slide::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	transform: translateX(-50%);
	transition: .4s ease all;
	height: 4px;
	background-color: #004ea0;
}


.keyProducts .navSwiper .swiper-slide:hover::after,
.keyProducts .navSwiper .swiper-slide.swiper-slide-thumb-active::after {
	width: 100%;
}


.keyProducts .sBtns {
	justify-content: center;
}

.keyProducts .sBtns>div {
	margin-top: 20px;
}

.keyProducts .contactSwiper .box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 48px;
}


.keyProducts .contactSwiper .msg {
	width: 48%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.keyProducts .contactSwiper .image {
	width: 48.57%;
}


.keyProducts .contactSwiper .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

.keyProducts .contactSwiper .title {
	font-weight: bold;
	font-size: 44px;
	line-height: 60px;
	color: #333333;
	margin-bottom: 15px;
	display: inline-block;
}


.keyProducts .contactSwiper .title:hover {
	color: #d10a3d;
}

.keyProducts .contactSwiper .txts {
	margin-bottom: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
}


.keyProducts .contactSwiper .txts p {
	line-height: 28px;
	color: #555555;
}

.keyProducts .contactSwiper .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 158px;
	height: 48px;
	background-color: #004ea0;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
}


.keyProducts .contactSwiper .btn:hover {
	background-color: #d10a3d;
}


.keyProducts .contactSwiper .list {
	display: flex;
	flex-wrap: wrap;
}

.keyProducts .contactSwiper .list img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
	display: block;
}

.keyProducts .contactSwiper .list .item {
	width: 31.92%;
	margin-right: 2.12%;
	margin-top: 30px;
}


.keyProducts .contactSwiper .list .item:nth-child(3n) {
	margin-right: 0;
}

.keyProducts .contactSwiper .list .item:nth-child(-n+3) {
	margin-top: 0;
}




@media screen and (max-width:1560px) {
	.keyProducts .navSwiper .swiper-slide {
		padding: 15px 30px;
		margin-right: 20px;
	}


	.keyProducts .contactSwiper {
		margin-top: 50px;
	}

	.keyProducts .contactSwiper .title {
		font-size: 32px;
		line-height: 42px;
		margin-bottom: 30px;
	}

	.keyProducts .contactSwiper .txts {
		-webkit-line-clamp: 6;
	}

	.keyProducts .contactSwiper .btn {
		height: 40px;
		width: 140px;
	}

	.keyProducts .contactSwiper .box {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:1333px) {
	.keyProducts .contactSwiper .title {
		font-size: 26px;
		line-height: 36px;
		margin-bottom: 20px;
	}

	.keyProducts .navSwiper .swiper-slide {
		font-size: 18px;
		line-height: 28px;
		padding: 10px 20px;
	}

	.keyProducts .navSwiper .swiper-slide::after {
		height: 2px;
	}
}


@media screen and (max-width:999px) {
	.keyProducts .contactSwiper .box {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.keyProducts .contactSwiper .msg {
		width: 100%;
	}

	.keyProducts .contactSwiper .image {
		width: 100%;
		height: 340px;
		margin-bottom: 30px;
	}

	.keyProducts .navSwiper .swiper-slide {
		font-size: 16px;
		line-height: 28px;
	}

	.keyProducts .contactSwiper {
		margin-top: 40px;
	}


	.keyProducts .contactSwiper .title {
		font-size: 24px;
		line-height: 34px;
	}

	.keyProducts .contactSwiper .btn {
		height: 36px;
		width: 120px;
	}

	.keyProducts .contactSwiper .list {
		justify-content: space-between;
	}

	.keyProducts .contactSwiper .list .item:nth-child(n) {
		width: 48%;
		margin-top: 20px;
		margin-right: 0;
	}

	.keyProducts .contactSwiper .list .item:nth-child(-n+2) {
		margin-top: 0;
	}
}

@media screen and (max-width:768px) {
	.keyProducts .navSwiper .swiper-slide {
		padding: 8px 10px;
	}

	.keyProducts .contactSwiper .image {
		height: 300px;
	}

	.keyProducts .contactSwiper .title {
		font-size: 22px;
		line-height: 30px;
	}
}

@media screen and (max-width:538px) {
	.keyProducts .contactSwiper .image {
		height: 280px;
	}

	.keyProducts .contactSwiper .title {
		font-size: 20px;
	}
}

@media screen and (max-width:400px) {
	.keyProducts .contactSwiper .list .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.keyProducts .contactSwiper .list .item:nth-child(1) {
		margin-top: 0;
	}
}

.designSoftware {
	background-color: #f0f0f0;
	padding: 58px 0 66px 0;
}



.designSoftware .title {
	display: flex;
	align-items: flex-start;
	margin-bottom: 31px;
}



.designSoftware .title1 {
	margin-right: 5.3%;
	flex-shrink: 0;
}

.designSoftware .tips {
	padding: 14px 0;
	line-height: 28px;
	color: #555555;
}

.designSoftware .list {
	display: flex;
	flex-wrap: wrap;
}

.designSoftware .list .item {
	width: 18.35%;
	margin-top: 20px;
	margin-right: 2.0625%;
}

.designSoftware .list .item:nth-child(5n) {
	margin-right: 0;
}


.designSoftware .list .item:nth-child(-n+5) {
	margin-top: 0;
}


.designSoftware .list .image {
	overflow: hidden;
	margin-bottom: 19px;
}


.designSoftware .list .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}


.designSoftware .list .name {
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	text-align: center;
}

@media screen and (max-width:1560px) {
	.designSoftware .tips {
		padding: 0;
	}

	.designSoftware .title {
		margin-bottom: 40px;
	}

	.designSoftware .list .image {
		margin-bottom: 10px;
	}

	.designSoftware .list .name {
		font-size: 16px;
		line-height: 26px;
	}
}

@media screen and (max-width:999px) {
	.designSoftware .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.designSoftware .title1 {
		margin-right: 0;
		margin-bottom: 30px;
	}

	.designSoftware .title {
		margin-bottom: 30px;
	}

	.designSoftware .list .name {
		font-size: 14px;
		line-height: 24px;
	}

	.designSoftware .list .item:nth-child(n) {
		width: 30%;
		margin-right: 5%;
		margin-top: 20px;
	}

	.designSoftware .list .item:nth-child(3n) {
		margin-right: 0;
	}

	.designSoftware .list .item:nth-child(-n+3) {
		margin-top: 0;
	}
}

@media screen and (max-width:768px) {
	.designSoftware .title1 {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:400px) {
	.designSoftware .list {
		justify-content: space-between;
	}

	.designSoftware .list .item:nth-child(n) {
		width: 48%;
		margin-right: 0%;
		margin-top: 20px;
	}

	.designSoftware .list .item:nth-child(-n+2) {
		margin-top: 0;
	}
}



.technicalTeam {
	padding: 62px 0 76px 0;
}

.technicalTeam .title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 22px;
}

.technicalTeam .title1 {
	flex-shrink: 0;
	margin-right: 7.2%;
}


.technicalTeam .tips {
	line-height: 28px;
	color: #555555;
	padding: 14px 0;
}

.technicalTeam .sBtns {
	justify-content: center;
}


.technicalTeam .sBtns>div {
	margin-top: 27px;
}


.technicalTeam .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

@media screen and (max-width:1560px) {
	.technicalTeam .tips {
		padding: 0;
	}

	.technicalTeam .title {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:999px) {
	.technicalTeam .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.technicalTeam .title1 {
		margin-right: 0;
		margin-bottom: 30px;
	}
}


@media screen and (max-width:768px) {
	.technicalTeam .title1 {
		margin-bottom: 20px;
	}

	.technicalTeam .title {
		margin-bottom: 30px;
	}
}



.patents {
	padding: 59px 0 95px 0;
	background-color: #f0f0f0;
}


.patents .title1 {
	margin-bottom: 22px;
	text-align: center;
}


.patents .tips {
	text-align: center;
	margin-bottom: 67px;
	line-height: 28px;
}

@media screen and (max-width:1560px) {
	.patents .tips {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:1333px) {
	.patents .tips {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:999px) {
	.patents .tips {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:768px) {
	.patents .title1 {
		margin-bottom: 20px;
	}
}


/* 3-2R&D */

.developDet {
	padding: 75px 0 118px 0;
}


.developDet h1 {
	font-weight: bold;
	font-size: 34px;
	line-height: 42px;
	color: #333333;
	margin-bottom: 26px;
}



.developDet .describe {
	margin-bottom: 91px;
}

.developDet .describe p {
	line-height: 28px;
	color: #555555;
}


.developDet .line {
	width: 100%;
	height: 1px;
	background-color: #cdcdcd;
	margin-top: 70px;
	margin-bottom: 82px;
}

.prevOrNext>div {
	display: flex;
	align-items: center;
}

.prevOrNext>div.prev {
	margin-bottom: 16px;
}

.prevOrNext a.tit:hover {
	color: #004ea0;
}


.prevOrNext .tit {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 16px;
	line-height: 26px;
}

.prevOrNext p.tit {
	color: #888888;
}

.prevOrNext a.tit {
	color: #333333;
}

.prevOrNext .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: bold;
	width: 38px;
	height: 38px;
	color: #ffffff;
	flex-shrink: 0;
	margin-right: 12px;
}

.prevOrNext a.btn {
	background-color: #004ea0;
	border: 1px solid #004ea0;
}


.prevOrNext div.btn {
	background-color: rgba(188, 188, 188, 0.5);
}

.prevOrNext a.btn:hover {
	background-color: #ffffff;
	color: #004ea0;
}


@media screen and (max-width:1560px) {
	.developDet h1 {
		font-size: 28px;
		line-height: 38px;
	}

	.developDet .describe {
		margin-bottom: 60px;
	}

	.developDet .line {
		margin: 60px 0;
	}
}

@media screen and (max-width:1333px) {
	.developDet h1 {
		font-size: 26px;
		line-height: 36px;
	}

	.developDet .describe {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:999px) {
	.developDet h1 {
		font-size: 24px;
		line-height: 34px;
	}

	.developDet .describe {
		margin-bottom: 40px;
	}

	.prevOrNext .tit {
		font-size: 14px;
		line-height: 26px;
	}

	.prevOrNext .btn {
		width: 34px;
		height: 34px;
	}

	.developDet .line {
		margin: 50px 0;
	}
}

@media screen and (max-width:768px) {
	.developDet h1 {
		font-size: 22px;
		line-height: 30px;
	}

	.prevOrNext .btn {
		width: 30px;
		height: 30px;
		font-size: 12px !important;
	}

	.developDet .line {
		margin: 40px 0;
	}
}

@media screen and (max-width:538px) {
	.developDet h1 {
		font-size: 20px;
	}
}

/* 4-1production */

.production {
	padding: 79px 0 113px 0;
}


.production .item {
	margin-bottom: 48px;
	background-color: #ffffff;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
	padding: 25px 20px;
	display: flex;
	justify-content: space-between;
}



.production .item:last-child {
	margin-bottom: 0;
}


.production .item .image {
	width: 41.6%;
	overflow: hidden;
}

.production .item .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

.production .item .msg {
	width: 55.3%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.production .item .tit {
	font-weight: bold;
	font-size: 34px;
	line-height: 42px;
	color: #333333;
	margin-bottom: 26px;
}

.production .item:hover {
	background-color: #004ea0;
	box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.08);
}

.production .item:hover .tit {
	color: #ffffff;
}


.production .item:hover .tit:hover {
	color: #d10a3d;
}

.production .item .txts {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	line-height: 28px;
	color: #555555;
	margin-bottom: 21px;
}


.production .item:hover .txts {
	color: #ffffff;
}


.production .item .btns {
	display: flex;
	align-items: center;
	opacity: 0;
	pointer-events: none;

}


.production .item:hover .btns {
	opacity: 1;
	pointer-events: all;
}



.production .item .btns .iconfont {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background-color: #ffffff;
	color: #1f3eb2;
	flex-shrink: 0;
	margin-right: 10px;
	border-radius: 50%;
	font-weight: bold;
	font-size: 14px;
}

.production .item .btns .iconfont:hover {
	background-color: #d10a3d;
	color: #ffffff;
}

.production .item .btns .btn {
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
}

.production .item .btns .btn:hover {
	color: #d10a3d;
}


@media screen and (max-width:1560px) {
	.production .item {
		padding: 20px;
	}

	.production .item .tit {
		font-size: 28px;
		line-height: 38px;
	}

	.production .item .txts {
		-webkit-line-clamp: 4;
		margin-bottom: 30px;
	}

	.production .item .btns .iconfont {
		width: 38px;
		height: 38px;
	}
}

@media screen and (max-width:1333px) {
	.production .item .tit {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.production .item .txts {
		-webkit-line-clamp: 3;
		margin-bottom: 30px;
	}

	.production .item {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:999px) {
	.production .item .btns {
		opacity: 1;
		pointer-events: all;
	}

	.production .item .btns .iconfont {
		background-color: #004ea0;
		color: #ffffff;
		font-size: 12px;
		width: 34px;
		height: 34px;
	}

	.production .item .btns .btn {
		color: #004ea0;
	}

	.production .item .tit {
		font-size: 20px;
	}

	.production .item {
		flex-direction: column;
		align-items: flex-start;
	}

	.production .item .msg {
		width: 100%;
	}

	.production .item .txts {
		margin-bottom: 20px;
	}

	.production .item .image {
		width: 100%;
		margin-bottom: 20px;
	}

	.production .item:hover {
		background-color: #ffffff;
	}

	.production .item:hover .tit {
		color: #333333;
	}

	.production .item:hover .txts {
		color: #555555;
	}

	.production .item .image {
		height: 340px;
	}
}

@media screen and (max-width:768px) {
	.production .item .image {
		height: 300px;
	}

	.production .item .tit {
		font-size: 18px;
		line-height: 28px;
	}
}

@media screen and (max-width:538px) {
	.production .item .image {
		height: 260px;
	}

	.production .item {
		padding: 15px;
	}
}



/* 4-2production */


.productionDet {
	padding: 75px 0 118px 0;
}


.productionDet h1 {
	font-weight: bold;
	font-size: 34px;
	line-height: 42px;
	color: #333333;
	margin-bottom: 32px;
}

.productionDet .show {
	position: relative;
	margin-bottom: 62px;
}


.productionDet .show>img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}


.productionDet .show .video {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background-color: rgba(0, 0, 0, .3);
}

.productionDet .show .video img {
	width: 86px;
	height: 86px;
}


.productionDet .show .video:hover img {
	transform: scale(1.1);
}

.productionDet .piece {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 74px;
}


.productionDet .piece .clear {
	display: none;
}

.productionDet .piece .image {
	width: 50.28%;
}

.productionDet .piece .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

.productionDet .piece .txts {
	line-height: 28px;
	color: #555555;
	width: 47%;
}


.productionDet .describe {
	margin-bottom: 91px;
}


.productionDet .describe p {
	line-height: 28px;
	color: #555555;
}


.productionDet .line {
	height: 1px;
	width: 100%;
	margin-top: 70px;
	margin-bottom: 83px;
	background-color: #cdcdcd;
}

@media screen and (max-width:1560px) {
	.productionDet .show .video img {
		width: 80px;
		height: 80px;
	}

	.productionDet .piece {
		display: block;
	}

	.productionDet .piece .clear {
		display: block;
	}

	.productionDet .piece .image {
		float: right;
		margin-left: 5%;
	}

	.productionDet .piece .txts {
		width: 100%;
	}

	.productionDet .show {
		margin-bottom: 50px;
	}

	.productionDet .piece {
		margin-bottom: 50px;
	}

	.productionDet .describe {
		margin-bottom: 60px;
	}

	.productionDet .line {
		margin: 60px 0;
	}

	.productionDet h1 {
		font-size: 28px;
		line-height: 38px;
	}

}

@media screen and (max-width:1333px) {
	.productionDet .describe {
		margin-bottom: 50px;
	}

	.productionDet h1 {
		font-size: 26px;
		line-height: 36px;
	}

	.productionDet .show .video img {
		width: 70px;
		height: 70px;
	}
}

@media screen and (max-width:999px) {
	.productionDet h1 {
		font-size: 24px;
		line-height: 34px;
	}

	.productionDet .show .video img {
		width: 65px;
		height: 65px;
	}

	.productionDet .show {
		margin-bottom: 40px;
	}

	.productionDet .piece {
		margin-bottom: 40px;
	}

	.productionDet .describe {
		margin-bottom: 40px;
	}

	.productionDet .line {
		margin: 50px 0;
	}
}

@media screen and (max-width:768px) {
	.productionDet .show .video img {
		width: 60px;
		height: 60px;
	}

	.productionDet h1 {
		font-size: 22px;
		line-height: 30px;
	}

	.productionDet .line {
		margin: 40px 0;
	}
}

@media screen and (max-width:538px) {
	.productionDet .show {
		height: 290px;
		margin-bottom: 30px;
	}

	.productionDet .piece .image {
		width: 100%;
		height: 290px;
		margin-bottom: 30px;
	}
}


/* 5-1service */

.service {
	padding: 66px 0 102px 0;
}


.service .con {
	margin-bottom: 53px;
}


.service .con .title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 45px;
}


.service .con .title1 {
	flex-shrink: 0;
	margin-right: 18.34%;
}

.service .con .tips {
	padding: 6px 0;
	line-height: 28px;
	color: #555555;
}


.service .con .list {
	display: flex;
	flex-wrap: wrap;
}


.service .con .list .item {
	width: 23.5%;
	margin-right: 2%;
	margin-top: 30px;
	padding: 40px 18px 10px;
}

.service .con .list .item:hover {
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
}


.service .con .list .item:nth-child(4n) {
	margin-right: 0;
}


.service .con .list .item:nth-child(-n+4) {
	margin-top: 0;
}

.service .con .list .image {
	width: 170px;
	height: 170px;
	border-radius: 50%;
	margin: 0 auto 37px;
}

.service .con .list .tit {
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 9px;
	text-align: center;
}

.service .con .list .txts {
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	text-align: center;
}


.service .process {
	margin-bottom: 89px;
}


.service .process .title1 {
	margin-bottom: 37px;
}

.service .process .image {
	box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.06);
	border: solid 6px #f4f4f4;
}


.article .title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 88px;
}


.article .title1 {
	flex-shrink: 0;
	margin-right: 4.8%;
}

.article .title .tips {
	padding: 6px 0;
	line-height: 28px;
	color: #555555;
}


.article .list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 63px;
}

.article .list .item {
	width: 31.21%;
	margin-right: 3.185%;
	margin-top: 50px;
	padding: 19px 0;
	border-top: 1px solid #cdcdcd;
}

.article .list .item:hover {
	border-top-color: #004ea0;
}

.article .list .item:nth-child(3n) {
	margin-right: 0;
}


.article .list .item:nth-child(-n+3) {
	margin-top: 0;
}

.article .list .time {
	font-size: 16px;
	line-height: 28px;
	color: #666666;
	margin-bottom: 27px;
}


.article .list .tit {
	font-weight: bold;
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	margin-bottom: 23px;
}


.article .list .tit:hover {
	color: #004ea0;
}

.article .list .image {
	overflow: hidden;
}


.article .list .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

.article .list .item:hover::after {
	border-top-color: #004ea0;
}

@media screen and (max-width:1560px) {

	.service .con .tips,
	.article .title .tips {
		padding: 0;
	}

	.service .con .list .image {
		width: 120px;
		height: 120px;
	}

	.service .con .list .item {
		padding: 20px;
	}

	.service .con .list .tit {
		font-size: 18px;
		line-height: 28px;
	}

	.service .con .title,
	.article .title {
		margin-bottom: 50px;
	}

	.service .con,
	.service .process {
		margin-bottom: 80px;
	}

	.service .process .title1 {
		margin-bottom: 40px;
	}

	.article .list .item {
		margin-top: 40px;
	}

	.article .list {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:1333px) {

	.service .con .title1 {
		margin-right: 10%;
	}

	.service .con .list .image {
		width: 100px;
		height: 100px;
		margin-bottom: 20px;
	}

	.service .con,
	.service .process {
		margin-bottom: 60px;
	}


	.article .list {
		margin-bottom: 40px;
	}

	.service .con .title,
	.article .title {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:999px) {

	.service .con .list {
		justify-content: space-between;
	}

	.service .con .list .item:nth-child(n) {
		width: 48%;
		margin-right: 0;
		margin-top: 20px;
	}

	.service .con .list .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.article .list {
		justify-content: space-between;
	}

	.article .list .item:nth-child(n) {
		width: 48%;
		margin-right: 0;
		margin-top: 20px;
	}

	.article .list .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.service .con .title,
	.article .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.service .con .title1,
	.article .title1 {
		margin-bottom: 30px;
		margin-right: 0;
	}

	.service .con .tips,
	.article .title .tips {
		font-size: 14px;
		line-height: 26px;
	}

	.service .con .title1,
	.article .title1 {
		margin-bottom: 20px;
	}

	.service .con .list .item {
		box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
	}

	.service .con .list .tit {
		font-size: 16px;
		line-height: 26px;
	}

	.service .con .list .image {
		width: 80px;
		height: 80px;
	}

	.service .con .title,
	.article .title {
		margin-bottom: 30px;
	}

	.service .con,
	.service .process {
		margin-bottom: 50px;
	}

	.service .process .title1 {
		margin-bottom: 30px;
	}

	.article .list .time {
		margin-bottom: 20px;
	}

	.article .list .tit {
		font-size: 14px;
		line-height: 26px;
	}
}

@media screen and (max-width:768px) {
	.service .con .list .image {
		width: 70px;
		height: 70px;
	}

	.service .con,
	.service .process {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:450px) {
	.service .con .list .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.service .con .list .item:nth-child(1) {
		margin-top: 0;
	}

	.article .list .item:nth-child(n) {
		width: 100%;
		margin-top: 20px;
	}

	.article .list .item:nth-child(1) {
		margin-top: 0;
	}

	.article .list {
		margin-bottom: 30px;
	}
}



/* 5-2service */


.articleDet {
	padding: 71px 0 96px 0;
}

.articleDet .con {
	display: flex;
	justify-content: space-between;
}

.articleDet .describe {
	width: 70.64%;
}

.articleDet .latestArticle {
	width: 25.57%;
}

.articleDet .describe h1 {
	font-weight: bold;
	font-size: 24px;
	line-height: 34px;
	color: #333333;
	margin-bottom: 24px;
}



.articleDet .tips {
	display: flex;
	align-items: center;
	margin-bottom: 31px;
}

.articleDet .tips .time {
	font-size: 16px;
	line-height: 26px;
	color: #555555;
	margin-right: 20px;
}




.articleDet .describe .msg {
	padding: 38px 0 35px 0;
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	margin-bottom: 35px;
}




.articleDet .line {
	margin-top: 81px;
	margin-bottom: 83px;
	height: 1px;
	width: 100%;
	background-color: #cdcdcd;
}

.latestArticle .title {
	font-weight: bold;
	font-size: 26px;
	line-height: 46px;
	color: #333333;
	margin-bottom: 12px;
}


.latestArticle .item {
	margin-bottom: 25px;
	background-color: #ffffff;
	box-shadow: 0px 2px 12px 0px rgba(11, 11, 11, 0.06);
	padding: 22px 21px 15px 21px;
}

.latestArticle .item:last-child {
	margin-bottom: 0;
}

.latestArticle .tit {
	font-size: 18px;
	line-height: 24px;
	color: #333333;
	margin-bottom: 10px;
}


.latestArticle .tit:hover {
	color: #004ea0;
}


.latestArticle .time {
	font-size: 16px;
	line-height: 26px;
	color: #555555;
	margin-bottom: 11px;
}

.latestArticle .txts {
	line-height: 28px;
}

@media screen and (max-width:1560px) {
	.articleDet .describe h1 {
		margin-bottom: 30px;
	}

	.latestArticle .title {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 40px;
	}

	.articleDet .line {
		margin: 60px 0;
	}

	.latestArticle .item {
		padding: 20px;
	}
}

@media screen and (max-width:1333px) {
	.articleDet .describe h1 {
		font-size: 22px;
		line-height: 32px;
	}

	.latestArticle .tit {
		font-size: 16px;
		line-height: 26px;
	}

	.latestArticle .item {
		padding: 20px 15px;
	}
}

@media screen and (max-width:999px) {
	.articleDet .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.articleDet .describe {
		width: 100%;
		margin-bottom: 50px;
	}

	.articleDet .describe .msg {
		padding: 30px 0;
		margin-bottom: 30px;
	}

	.articleDet .latestArticle {
		width: 100%;
	}

	.latestArticle .title {
		margin-bottom: 30px;
	}

	.articleDet .line {
		margin: 50px 0;
	}

	.latestArticle .txts,
	.latestArticle .tit {
		font-size: 14px;
		line-height: 26px;
	}
}

@media screen and (max-width:768px) {
	.articleDet .describe h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.latestArticle .title {
		font-size: 22px;
		line-height: 30px;
	}

	.articleDet .line {
		margin: 40px 0;
	}
}

@media screen and (max-width:538px) {
	.articleDet .tips {
		flex-direction: column;
		align-items: flex-start;
	}

	.articleDet .tips .time {
		margin-right: 0;
		margin-bottom: 10px;
	}
}


/* 6-1news */

.news {
	padding: 79px 0 97px 0;
}


.news .list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}


.news .list .newItem {
	width: 31.28%;
	margin-right: 3.08%;
	margin-top: 32px;
}


.news .list .newItem:nth-child(3n) {
	margin-right: 0;
}

.news .list .newItem:nth-child(-n+3) {
	margin-top: 0;
}


.news .pager {
	margin-bottom: 102px;
}

.news .line {
	width: 100%;
	height: 1px;
	background-color: #cdcdcd;
	margin-bottom: 83px;
}

@media screen and (max-width:1560px) {
	.news .pager {
		margin-bottom: 80px;
	}

	.news .line {
		margin-bottom: 80px;
	}
}

@media screen and (max-width:1333px) {
	.news .pager {
		margin-bottom: 60px;
	}

	.news .line {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:999px) {

	.news .list {
		justify-content: space-between;
	}

	.news .list .newItem:nth-child(n) {
		width: 48%;
		margin-right: 0;
		margin-top: 30px;
	}

	.news .list .newItem:nth-child(-n+2) {
		margin-top: 0;
	}

	.news .list {
		margin-bottom: 40px;
	}

	.news .pager {
		margin-bottom: 50px;
	}

	.news .line {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.news .list {
		margin-bottom: 30px;
	}

	.news .pager {
		margin-bottom: 40px;
	}

	.news .line {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:400px) {
	.news .list .newItem:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.news .list .newItem:nth-child(1) {
		margin-top: 0;
	}
}


/* 7contact */


.contactUs {
	padding: 71px 0 123px 0;
}


.contactUs .title {
	font-weight: bold;
	font-size: 34px;
	line-height: 42px;
	color: #333333;
	margin-bottom: 25px;
}

.contactUs .txts {
	line-height: 28px;
	color: #333333;
	margin-bottom: 41px;
}

.contactUs .des {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 73px;
}

.contactUs .list {
	width: 30%;
}



.contactUs .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 16px 0;
}



.contactUs .list li {
	width: 100%;
	display: flex;
	align-items: flex-start;
	margin-top: 34px;
}


.contactUs .list li:nth-child(1) {
	margin-top: 0;
}


.contactUs .list li i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	background-color: #004ea0;
	font-size: 22px;
	color: #ffffff;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 16px;
	transform: translateY(-6px);
}



.contactUs .list .name {
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
}

.contactUs .list .num {
	line-height: 24px;
	color: #333333;
}


.contactUs .list .email a {
	word-break: break-all;
}


.contactUs .list a:hover {
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-offset: 3px;
	color: #004ea0;
}

.contactUs .cForm {
	width: 64.14%;
}

.cForm ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}


.cForm li {
	height: 55px;
	padding: 0 11px;
	width: 48.3%;
	margin-top: 22px;
	background-color: #f8f8f8;
}



.cForm li:nth-child(-n+2) {
	margin-top: 0;
}


.cForm input,
.cForm textarea {
	width: 100%;
	height: 100%;
	background-color: transparent;
}



.cForm li.message {
	width: 100%;
	height: 119px;
	padding: 9px 11px;
}


.cForm li.codeCon {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	width: 68%;
}



.cForm li.codeCon input {
	flex: 1;
	padding: 0 11px;
}



.cForm li.codeCon .codeImg {
	flex-shrink: 0;
	cursor: pointer;
	max-width: 120px;
	background-color: #f3fbfe;
	height: 100%;
}


.cForm li.codeCon .codeImg img {
	height: 100%;
}

.cForm li.subBtn {
	padding: 0;
	border-bottom: none;
	width: 29.7%;
}

.cForm li.subBtn input {
	background-color: #004ea0;
	font-size: 18px;
	font-family: Raleway-Bold;
	color: #ffffff;
	cursor: pointer;
	border: 1px solid #004ea0;
}


.cForm li.subBtn input:hover {
	background-color: #ffffff;
	color: #004ea0;
}

.cForm li.must {
	position: relative;
}

.cForm li.must::after {
	content: "*";
	position: absolute;
	left: -14px;
	top: 17px;
	font-size: 20px;
	line-height: 26px;
	color: #ff0000;
}




.cForm input::-webkit-input-placeholder,
.cForm textarea::-webkit-input-placeholder {
	font-size: 16px;
	color: #999999;
	opacity: 1;
}


.cForm input:-moz-placeholder,
.cForm textarea:-moz-placeholder {
	font-size: 16px;
	color: #999999;
	opacity: 1;
}

.cForm input::-moz-placeholder,
.cForm textarea::-moz-placeholder {
	font-size: 16px;
	color: #999999;
	opacity: 1;
}

.cForm input:-ms-input-placeholder,
.cForm textarea:-ms-input-placeholder {
	font-size: 16px;
	color: #999999;
	opacity: 1;
}


.cForm li.m-formcountry {
	padding: 0;
}


.cForm li.m-formcountry .drop-list li {
	width: 100%;
}



.contactUs .map img {
	display: block;
}


@media screen and (max-width:1560px) {
	.contactUs .txts {
		margin-bottom: 50px;
	}

	.cForm li {
		height: 50px;
	}

	.cForm li.message {
		padding: 15px 11px;
	}

	.contactUs .des {
		margin-bottom: 60px;
	}

	.contactUs .title {
		font-size: 28px;
		line-height: 38px;
	}
}

@media screen and (max-width:1333px) {
	.contactUs .cForm {
		width: 60%;
	}

	.contactUs .list {
		padding: 0;
		width: 35%;
	}

	.contactUs .title {
		font-size: 24px;
		line-height: 34px;
	}

	.contactUs .des {
		margin-bottom: 50px;
	}

	.contactUs .m-formcountry .drop-btn {
		padding: 0px 11px;
	}
}

@media screen and (max-width:999px) {
	.contactUs .title {
		font-size: 22px;
		line-height: 30px;
	}

	.contactUs .des {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 40px;
	}

	.contactUs .cForm {
		width: 100%;
	}

	.cForm li {
		margin-top: 16px;
	}

	.contactUs .txts {
		margin-bottom: 40px;
	}

	.contactUs .list .num {
		font-size: 14px;
		line-height: 26px;
	}

	.contactUs .list li i {
		width: 52px;
		height: 52px;
	}

	.contactUs .list {
		width: 100%;
		margin-bottom: 40px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.contactUs .list li:nth-child(-n+2) {
		width: 48%;
		margin-top: 0px;
	}

	.contactUs .m-formcountry .drop-list li {
		padding: 5px 11px;
	}
}

@media screen and (max-width:768px) {
	.contactUs .list li i {
		transform: translateY(0);
	}

	.contactUs .list li i {
		width: 45px;
		height: 45px;
		font-size: 18px;
	}

	.cForm li {
		height: 45px;
	}
}

@media screen and (max-width:538px) {
	.contactUs .list li:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.contactUs .list li:nth-child(1) {
		margin-top: 0;
	}

	.cForm li {
		height: 40px;
	}

	.cForm li.must::after {
		top: 12px;
		left: -11px;
	}
}

@media screen and (max-width:400px) {
	.cForm li:nth-child(n) {
		width: 100%;
		margin-top: 15px;
	}

	.cForm li:nth-child(1) {
		margin-top: 0;
	}
}


/* innerBanner */

.innerBanner {
	position: relative;
	height: 500px;
}

.innerBanner .image {
	height: 100%;
}

.innerBanner .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}


.innerBanner .con {
	position: absolute;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding-top: 71px;
}

.innerBanner .tit {
	font-size: 44px;
	line-height: 60px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 11px;
}


.innerBanner .tit:hover {
	color: #d10a3d;
}


.innerBanner .txts {
	font-weight: bold;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 39px;
	padding-left: 39px;
	position: relative;
}


.innerBanner .txts::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 16px;
	width: 32px;
	height: 1px;
	background-color: #ffffff;
}

.innerBanner .btns {
	display: flex;
	align-items: center;
}

.innerBanner .btns .iconfont {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 61px;
	height: 61px;
	background-color: #ffffff;
	border-radius: 50%;
	color: #1f3eb2;
	font-weight: bold;
	font-size: 20px;
	flex-shrink: 0;
	margin-right: 13px;
}

.innerBanner .btns .iconfont:hover {
	background-color: #d10a3d;
	color: #ffffff;
}


.innerBanner .btns .btn {
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
}


.innerBanner .btns .btn:hover {
	color: #d10a3d;
}


/* crumb */


.crumb .con {
	border-bottom: 1px solid #e3e3e3;
	padding: 17px 0;
}

.crumb a,
.crumb i {
	font-weight: bold;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
}

.crumb a.active,
.crumb a:hover {
	color: #004ea0;
}

.crumb i {
	font-style: normal;
}




/* pager */
.pager {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.pager .pageList {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}

.pager .pageList a {
	/*width: 37px;
	height: 36px;*/
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #999999;
	display: flex !important;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #666666;
	margin: 5px 6px;
}

.pager .pageList a.active,
.pager .pageList a:hover {
	color: #ffffff !important;
	background-color: #004ea0;
	border-color: #004ea0;
}


.pager .pageList a.prev {
	width: 90px;
	padding: 0px 25px;
}

.pager .pageList a.next {
	width: 62px;
	padding: 0px 25px;


}

.pager .pageList a {
	display: inline-block;
	*float: left;
	height: 35px;
	text-align: center;
	border: 1px solid #e5e5e5;
	line-height: 35px;
	padding: 0 14px;
	margin: 5px;
	color: #333;
	font-size: 16px;
	font-size: 1.6rem;
}




.pager .addTo {
	display: flex;
	align-items: center;
	margin: 5px 17px;
	position: relative;
}


.pager .addTo p {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 159px;
	height: 36px;
	background-color: #004ea0;
	border-radius: 4px;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	border: 1px solid #004ea0;
}


.pager .addTo img {
	flex-shrink: 0;
	width: 20px;
	margin-left: 10px;
}



.pager .addTo input {
	background-color: transparent;
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}


.pager .addTo:hover p {
	background-color: #ffffff;
	color: #004ea0;

}




@media screen and (max-width:1560px) {
	.innerBanner {
		height: 450px;
	}

	.innerBanner .con {
		padding-top: 0;
	}

	.innerBanner .tit {
		font-size: 36px;
		line-height: 46px;
		margin-bottom: 30px;
	}

	.innerBanner .txts {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 30px;
	}

	.innerBanner .btns .btn {
		font-size: 18px;
		line-height: 28px;
	}

	.innerBanner .btns .iconfont {
		width: 50px;
		height: 50px;
		font-size: 16px;
	}

	.innerBanner .txts::after {
		top: 12px;
	}

	.crumb .con {
		padding: 15px 0;
	}

	.pager .pageList a {
		width: 35px;
		height: 35px;
		border-radius: 3px;
	}

	.pager .addTo p {
		border-radius: 3px;
	}

	.pager .addTo img {
		width: 18px;
	}
}

@media screen and (max-width:1333px) {

	.innerBanner {
		height: 380px;
	}

	.innerBanner .con {
		padding-top: 0;
	}

	.innerBanner .tit {
		font-size: 28px;
		line-height: 38px;
		margin-bottom: 30px;
	}

	.innerBanner .txts {
		font-size: 18px;
		margin-bottom: 30px;
	}

	.innerBanner .btns .btn {
		font-size: 16px;
		line-height: 26px;
	}

	.innerBanner .btns .iconfont {
		width: 45px;
		height: 45px;
		font-size: 14px;
	}

	.innerBanner .txts::after {
		top: 14px;
	}

	.pager .pageList a {
		height: 30px;
	}

	.pager .addTo p {
		height: 30px;
	}

	.pager .addTo img {
		width: 16px;
	}
}

@media screen and (max-width:999px) {
	.innerBanner {
		height: 320px;
	}

	.innerBanner .con {
		padding-top: 0;
	}

	.innerBanner .tit {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 20px;
	}

	.innerBanner .txts {
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	.innerBanner .btns .btn {
		font-size: 14px;
		line-height: 24px;
	}

	.innerBanner .btns .iconfont {
		width: 40px;
		height: 40px;
		font-size: 12px;
	}

	.innerBanner .txts::after {
		top: 12px;
	}

	.crumb a,
	.crumb i {
		font-size: 14px;
		line-height: 26px;
	}

	.pager .pageList a {
		font-size: 14px;
	}
}

@media screen and (max-width:768px) {
	.innerBanner {
		height: 280px;
	}

	.innerBanner .tit {
		font-size: 22px;
		line-height: 30px;
	}

	.innerBanner .txts {
		font-size: 14px;
		line-height: 26px;
	}

	.innerBanner .btns .iconfont {
		width: 36px;
		height: 36px;
	}
}

@media screen and (max-width:538px) {
	.innerBanner {
		height: 240px;
	}

	.innerBanner .tit {
		font-size: 18px;
		line-height: 28px;
	}
}


/* footer */


footer {
	background-color: #004ea0;
	padding: 82px 0;
}


footer .footerList {
	display: flex;
	align-items: flex-start;
}



footer .footerList .box li {
	margin-top: 10px;
}

footer .footerList .box li:nth-child(1) {
	margin-top: 0;
}


footer .footerList .titBox .meuBtn {
	display: none;
}


footer .footerList .fLinks {
	width: 14%;
	margin-right: 5.28%;
}


footer .footerList .fProduct {
	width: 20%;
	margin-right: 3.2%;
}



footer .footerList .fContact {
	width: 25%;
	margin-right: 4.1%;
}


footer .footerList .fContact p {
	display: inline;
}


footer .footerList .fContact .address .num,
footer .footerList .fContact .address .name {
	line-height: 30px;
}



footer .footerList .fInquiry {
	width: 28.42%;
}


footer .footerList .fInquiry form {
	margin-top: 40px;
}


footer .footerList form ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


footer .footerList form ul li {
	height: 45px;
	margin-top: 8px;
	padding: 0 10px;
	width: 47.6%;
	background-color: rgba(255, 255, 255, 0.1);
}

footer .footerList form ul li.message {
	width: 100%;
	height: 94px;
	padding: 13px 10px;
}


footer .footerList form ul li:nth-child(-n+2) {
	margin-top: 0;
}


.fInquiry form input,
.fInquiry form textarea {
	width: 100%;
	height: 100%;
	background-color: transparent;
	color: #ffffff;
}


.fInquiry form li.must {
	position: relative;
}

.fInquiry form li.must::after {
	content: "*";
	position: absolute;
	font-size: 16px;
	color: #ff0000;
	top: 13px;
	left: -11px;
}


.fInquiry form li.code {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	width: 100%;
}



.fInquiry form li.code input {
	flex: 1;
	padding: 0 10px;
}


.fInquiry form li.code .codeImg {
	flex-shrink: 0;
	cursor: pointer;
	max-width: 99px;
	height: 100%;
	background-color: #f3fbfe;
}

.fInquiry form li.code .codeImg img {
	height: 100%;
}


.fInquiry form li.subBtn {
	padding: 0;
	border: none;
	width: 100%;
}


.fInquiry form li.subBtn input {
	background-color: #ffffff;
	cursor: pointer;
	color: #004ea0;
	font-size: 18px !important;
}



.fInquiry form li.subBtn input:hover {
	background-color: #d10a3d;
	color: #ffffff;
}



.fInquiry form input::-webkit-input-placeholder,
.fInquiry form textarea::-webkit-input-placeholder {
	color: #ffffff;
}

.fInquiry form input:-moz-placeholder,
.fInquiry form textarea:-moz-placeholder {
	color: #ffffff;
}

.fInquiry form input::-moz-placeholder,
.fInquiry form textarea::-moz-placeholder {
	color: #ffffff;
}

.fInquiry form input:-ms-input-placeholder,
.fInquiry form textarea:-ms-input-placeholder {
	color: #ffffff;
}



footer a,
footer p,
footer div {
	font-size: 16px;
	line-height: 26px;
	color: rgba(225, 225, 225, 0.6);
}



footer .title {
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	display: inline-block;
}


footer a.title:hover {
	color: #d10a3d;
}


footer .footerList .box {
	margin-top: 34px;
}


footer .footerList .box a:hover {
	color: #ffffff;
}


footer .line {
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, .2);
	margin: 54px 0 30px 0;
}


footer .copyright {
	color: #ffffff;
	margin-bottom: 10px;
}

footer .copyright i {
	font-style: normal;
	font-size: 16px;
}

footer .copyright span {
	margin: 0 4px;
}

footer .copyright a {
	display: inline;
	color: #ffffff;
}

footer .copyright a img {
	display: inline;
}

footer .copyright a:hover {
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-offset: 5px;
}


footer .links span {
	margin-right: 10px;
}


footer .links {
	color: #ffffff;
	margin-top: 4px;
}

footer .links a {
	color: #ffffff;
	margin-right: 10px;
}

footer .links a:hover {
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-offset: 5px;
}


footer .email a {
	word-break: break-all;
}


.fBottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

footer .blogrolls {
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	margin-left: 30px;
}

footer .blogrolls a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	margin: 10px 0;
	font-size: 26px;
	margin-left: 24px;
}


footer .blogrolls a:hover {
	color: #d10a3d;
}



@media screen and (max-width:1560px) {
	footer {
		padding: 60px 0;
	}

	footer .footerList .box {
		margin-top: 30px;
	}

	footer .footerList .fInquiry form {
		margin-top: 30px;
	}

	.fInquiry form li.subBtn input {
		font-size: 16px !important;
	}

	footer .footerList form ul li {
		height: 40px;
	}

	footer .blogrolls a {
		font-size: 22px;
	}
}

@media screen and (max-width:1333px) {

	footer .footerList {
		justify-content: space-between;
	}

	footer .footerList>li:nth-child(n) {
		margin-right: 0;
	}

	footer .footerList .fProduct {
		width: 23%;
	}

	footer .footerList .fContact {
		width: 28%;
	}


	footer .footerList form ul li:nth-child(1) {
		margin-top: 0;
	}

	footer .footerList form ul li {
		height: 35px;
	}

	.fInquiry form li.must::after {
		top: 8px;
	}

	footer .footerList .box {
		margin-top: 20px;
	}

	footer .footerList .fInquiry form {
		margin-top: 20px;
	}

	footer .blogrolls a {
		font-size: 20px;
	}
}

@media screen and (max-width:999px) {

	footer {
		padding: 30px 0 60px 0;
	}

	footer .footerList .titBox {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	footer .footerList .titBox .meuBtn {
		width: 28px;
		height: 28px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		font-weight: bold;
	}

	footer .footerList .titBox .meuBtn.active {
		transform: rotate(90deg);
	}

	footer .footerList {
		flex-wrap: wrap;
	}

	footer .footerList>li:nth-child(n) {
		width: 100%;
		margin-bottom: 10px;
	}

	footer .footerList>li:last-child {
		margin-bottom: 0;
	}

	footer .quickLinks a {
		font-size: 14px;
		line-height: 24px;
	}

	footer a,
	footer p,
	footer div {
		font-size: 14px;
		line-height: 26px;
	}

	footer .title {
		font-size: 16px;
		line-height: 26px;
	}

	footer .footerList>li:nth-child(n) .box {
		margin-top: 10px;
		display: none;
		transition: none;
	}

	footer .footerList .box li {
		margin-top: 10px;
	}

	footer .footerList .fProduct .box ul {
		margin-bottom: 10px;
	}

	footer .footerList form {
		display: none;
		transition: none;
	}

	footer .footerList form ul li:nth-child(n) {
		width: 48%;
		margin-top: 10px;
	}

	footer .footerList form ul li:nth-child(-n+2) {
		margin-top: 0;
	}


	footer .footerList form ul li.message {
		width: 100%;
	}

	footer .footerList form ul li.whatApp {
		width: 100%;
	}

	footer .footerList .box ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	footer .footerList .box ul>li {
		width: 48%;
		margin-top: 10px;
	}

	footer .footerList .box ul>li:nth-child(-n+2) {
		margin-top: 0;
	}

	footer .footerList .box ul>li.address {
		width: 100%;
	}

	footer .footerList .box ul>li.address .name {
		display: inline;
		margin: 0;
	}

	footer .footerList .box ul>li.address .num {
		line-height: 26px;
	}

	footer .footerList .fInquiry form {
		margin-top: 10px;
	}


	footer .fLogo {
		margin-right: 0;
		margin-bottom: 15px;
	}

	footer .quickLinks {
		justify-content: flex-start;
	}

	footer .quickLinks ul {
		justify-content: flex-start;
	}


	footer .quickLinks ul li {
		margin-left: 0px;
		margin-right: 40px;
	}

	footer .quickLinks .tit {
		font-size: 16px;
		line-height: 26px;
		margin-right: 40px;
	}

	footer .quickLinks ul li a {
		font-size: 14px;
		line-height: 26px;
	}

	.fBottom {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	footer .blogrolls {
		margin-left: 0;
		margin-bottom: 10px;
	}

	footer .blogrolls a {
		margin-left: 0;
		margin-right: 20px;
	}

	footer .line {
		margin: 20px 0;
	}
}


@media screen and (max-width:538px) {
	footer .footerList .box ul>li:nth-child(n) {
		width: 100%;
		margin-top: 10px;
	}

	footer .footerList .box ul>li:nth-child(1) {
		margin-top: 0;
	}

}

@media screen and (max-width:450px) {
	footer .footerList form ul li:nth-child(n) {
		width: 100%;
		margin-top: 10px;
	}

	footer .footerList form ul li:nth-child(1) {
		margin-top: 0;
	}

	footer .blogrolls a {
		width: 34px;
		height: 34px;
		margin: 5px 0;
		font-size: 18px;
		margin-right: 10px;
	}

}



/* certifiicates */

#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #222;
	background-color: rgba(0, 0, 0, .8);
	-webkit-transition: opacity .5s ease;
	transition: opacity .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, .6);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	box-shadow: 0 0 8px rgba(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, .6);
	font-family: Arial, 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 .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, -moz-transform .4s ease;
	transition: left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight .4s ease-out;
	animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft .4s ease-out;
	animation: bounceFromLeft .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, .5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color .4s ease;
	transition: background-color .4s ease;
}

.baguetteBox-button:hover {
	background-color: rgba(50, 50, 50, .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: .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)
	}
}

/* video tankuang */

.tankaunga {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 9999999999
}

.tankaunga:before {
	content: "X";
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	top: 10px;
	right: 10px;
	background: #fff;
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
}

.tankaungn2 {
	position: fixed;
	left: 5%;
	top: 5%;
	right: 5%;
	bottom: 5%;
	background: rgba(0, 0, 0, 0.5);
}

.tankaungn2 iframe,
.tankaungn2 video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.tankaungn2 iframe body {
	margin: 0px !important;
}



/* kefu */


.lianxi {
	position: fixed;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
}

.lianxi div a,
.lianxi div div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	background-color: #919699;
	color: #ffffff;
	margin-bottom: 2px;
	margin-right: 2px;
	font-size: 22px;
	border-radius: 50%;
}

.lianxi .top a {
	width: 52px;
	height: 52px;
	background-color: #252525;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	position: fixed;
	transition: 0.9s;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2px;
}


.lianxi a i {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.lianxi .top i {
	text-align: center;
	font-size: 20px;
	border-radius: 50%;
}

.lianxi div div {
	cursor: pointer;
}

.lianxi div a:hover,
.lianxi div div:hover {
	background-color: #004ea0;
	color: #fff;
}

.clear2 {
	display: none;
}


.lianxi .code {
	position: relative;
}

.lianxi .code img {
	position: absolute;
	top: 0;
	right: 100%;
	width: 150px;
	height: 150px;
	max-width: none;
	transform: translateX(100%);
	z-index: -1;
	opacity: 0;
}

.lianxi .code:hover img {
	transform: translateX(0);
	opacity: 1;
}


.lianxi .phone {
	position: relative;
}

.lianxi .phone .num {
	position: absolute;
	right: calc(100% + 10px);
	white-space: nowrap;
	top: 50%;
	transform: translateY(-50%) translateX(140%);
	background-color: #004ea0;
	color: #ffffff;
	padding: 2px 20px;
	opacity: 0;
	z-index: -1;
	transition: .5s ease all;
}

.lianxi .phone:hover div {
	color: #ffffff;
	background-color: #004ea0;
}

.lianxi .phone:hover .num {
	transform: translateY(-50%) translateX(0%);
	opacity: 1;
}


.lianxi .phone .num::after,
.lianxi .phone .num::before {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.lianxi .phone .num::after {
	width: 10px;
	height: 14px;
	background-color: #004ea0;
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}

.lianxi .phone .num::before {
	height: 100%;
	width: 10px;
}


@media screen and (max-width: 1333px) {

	.lianxi div a,
	.lianxi div div,
	.lianxi .top a {
		width: 48px;
		height: 48px;
		font-size: 18px;
	}
}

@media screen and (max-width: 999px) {
	.youlian {
		display: none;
	}

	.lianxi .top a {
		width: 20%;
		height: 42px;
		line-height: 40px;
		bottom: 0px;
		right: 0px;
		border-radius: 0px;
		border: none;
		box-shadow: none;
		background-color: #252525;
	}

	.lianxi {
		width: 100%;
		right: auto;
		top: auto;
		margin: auto;
		left: 0px;
		bottom: 0px;
		transform: translateY(0);
	}

	.lianxi div {
		width: 20%;
		float: left;
	}

	.lianxi div a,
	.lianxi div div {
		font-size: 18px;
		height: 42px;
		margin: auto;
		width: 100%;
		background-color: #919699;
		color: #fff !important;
		border-radius: 0px;
	}

	.lianxi .top i {
		border-color: #fff;
		font-size: 18px;
	}

	.lianxi div a:hover,
	.lianxi div div:hover {
		background-color: #919699;
		color: #fff;
	}

	.lianxi div.top a:hover {
		background-color: #252525;
	}

	.lianxi .code img,
	.lianxi .code:hover img {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		opacity: 0;
	}

	.lianxi .code.active img {
		opacity: 1;
		transform: translateX(-50%) translateY(-100%);
	}


	.lianxi .phone:hover div {
		color: #ffffff;
		background-color: #919699;
	}

	.lianxi .phone.active div {
		background-color: #004ea0;
	}

	.lianxi .phone:hover .num {
		transform: translateY(0%) translateX(-50%);
		opacity: 0;
	}


	.lianxi .phone .num {
		right: auto;
		left: 50%;
		white-space: nowrap;
		top: 0%;
		transform: translateY(0%) translateX(-50%);
		opacity: 0;
		font-size: 14px;
	}

	.lianxi .phone.active .num {
		transform: translateY(-150%) translateX(-50%);
		opacity: 1;
		box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.1);
	}

	.lianxi .phone .num::before {
		display: none;
	}

	.lianxi .phone .num::after {
		left: 50%;
		top: 100%;
		transform: translateX(-50%);
		clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
		width: 16px;
		height: 10px;
	}
}

@media screen and (max-width:768px) {

	.lianxi .phone .num,
	.lianxi .phone:hover .num {
		left: 0;
		transform: translateY(0%) translateX(0%);
	}

	.lianxi .phone.active .num {
		transform: translateY(-150%) translateX(0%);
		opacity: 1;
	}

	.lianxi .phone .num::after {
		left: 0%;
		transform: translateX(50%);
	}
}




@font-face {
	font-family: "iconfont";
	font-display: swap;
	/* Project id 4576167 */
	src:
		url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
		url('../fonts/iconfont.woff?t=1741600772330') format('woff'),
		url('../fonts/iconfont.ttf?t=1741600772330') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-paper-full:before {
	content: "\ea0b";
}

.icon-jian:before {
	content: "\e612";
}

.icon-xiaohongshu:before {
	content: "\e69e";
}

.icon-zhiding:before {
	content: "\e68c";
}

.icon-youjian_:before {
	content: "\e6a6";
}

.icon-chuanzhen:before {
	content: "\e6b4";
}

.icon-shangjiantou:before {
	content: "\e60f";
}

.icon-yuyan:before {
	content: "\e684";
}

.icon-dingbu:before {
	content: "\e62d";
}

.icon-Youtube:before {
	content: "\e880";
}

.icon-liuyanjianyi:before {
	content: "\e62c";
}

.icon-shangchuan:before {
	content: "\e60b";
}

.icon-youjian:before {
	content: "\e624";
}

.icon-yonghu:before {
	content: "\e6b3";
}

.icon-pinterest1:before {
	content: "\f211";
}

.icon-jia1:before {
	content: "\e632";
}

.icon-xiazai:before {
	content: "\e682";
}

.icon-xiangyoujiantou:before {
	content: "\e68b";
}

.icon-xiangyoujiantou-copy:before {
	content: "\f1eb";
}

.icon-guanbi:before {
	content: "\e611";
}

.icon-zuosanjiao:before {
	content: "\e63e";
}

.icon-yousanjiao-copy:before {
	content: "\f1e8";
}

.icon-email-s:before {
	content: "\e65e";
}

.icon-douyin:before {
	content: "\e8db";
}

.icon-duigou-cu:before {
	content: "\e658";
}

.icon-facebook-fill:before {
	content: "\e88d";
}

.icon-linkedin1:before {
	content: "\f1e7";
}

.icon-weixin:before {
	content: "\e695";
}

.icon-jiantou_xiangzuo_o:before {
	content: "\eb92";
}

.icon-jiantou_xiangyou_o:before {
	content: "\eb94";
}

.icon-twitter-new:before {
	content: "\e7ff";
}

.icon-ditudingwei:before {
	content: "\e625";
}

.icon-phone3:before {
	content: "\e661";
}

.icon-line:before {
	content: "\e63f";
}

.icon-instagram2:before {
	content: "\e6fc";
}

.icon-rili:before {
	content: "\e8b4";
}

.icon-videoyoutube:before {
	content: "\e7a1";
}

.icon-earth-full:before {
	content: "\e9ee";
}

.icon-facebook:before {
	content: "\e620";
}

.icon-pinterest:before {
	content: "\e8ab";
}

.icon-linkedin:before {
	content: "\e648";
}

.icon-youtube:before {
	content: "\e6d6";
}

.icon-left:before {
	content: "\e72c";
}

.icon-right:before {
	content: "\e72d";
}

.icon-left1:before {
	content: "\e730";
}

.icon-right1:before {
	content: "\e731";
}

.icon-search4:before {
	content: "\e7b2";
}

.icon-address:before {
	content: "\e7bc";
}

.icon-email:before {
	content: "\e7bd";
}

.icon-whatsapp:before {
	content: "\e7bf";
}

.icon-mobile:before {
	content: "\e7c6";
}

.icon-tel:before {
	content: "\e7c7";
}

.icon-skype:before {
	content: "\e7cc";
}

.icon-whatsapp1:before {
	content: "\e7c1";
}

.icon-address1:before {
	content: "\e7c3";
}

.icon-email1:before {
	content: "\e7c5";
}

.icon-skype1:before {
	content: "\e7c9";
}

.icon-fax1:before {
	content: "\e7ca";
}

.icon-tel1:before {
	content: "\e7cd";
}

.icon-wechat:before {
	content: "\e7cf";
}

.icon-phone2:before {
	content: "\e7d0";
}

.icon-top:before {
	content: "\e7ed";
}

.icon-vk:before {
	content: "\e735";
}

.icon-instagram1:before {
	content: "\e640";
}

.icon-up7:before {
	content: "\e722";
}

.icon-left7:before {
	content: "\e724";
}

.icon-tel2-copy:before {
	content: "\f212";
}

.icon-right7:before {
	content: "\e725";
}

.icon-sousuo:before {
	content: "\e616";
}

.icon-sousuo1:before {
	content: "\e65b";
}

.icon-biaoqian:before {
	content: "\e649";
}

.icon-twitter4:before {
	content: "\e7fe";
}

.global .msg em {
	font-weight: bold;
	font-size: 20px;
	color: #004ea0;
	font-style: normal;
}

.cart-btn a {
	background: #004ea0;
	color: #fff;
	margin: 0 25px;
	padding: 8px 15px;
	border-radius: 8px;
	border: #004ea0 solid 1px
}

.cart-btn a:hover {
	background: #fff;
	color: #004ea0;
	border: #004ea0 solid 1px
}


/* 2025.7.16 */

.cooperate.swiper .swiper-wrapper {
	transition-timing-function: linear !important;
}


.cooperate.swiper .image {
	border: solid 1px #cdcdcd;
	margin-bottom: 32px;
}


.cooperate.swiper .image:last-child {
	margin-bottom: 0;
}


@media screen and (max-width:999px) {
	.cooperate.swiper .image {
		margin-bottom: 20px;
	}

}



.indexBanner {
	padding-bottom: 39.0625%;
	position: relative;
	overflow: hidden;
}


.indexBanner .banner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}




.iDevelopment .swiper-slide:hover .image img {
	transform: scale(1.1);
}


.productCapacity .swiper-slide:hover img {
	transform: scale(1.1);
}

.keyProducts .contactSwiper .keyProductsSlides .image {
	height: auto;
	margin: 0;
}