@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, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	height: 100%;
	background: #fff;
	width: 100%;
	max-width: 1920px;
	background-color: #fff;
	overflow-x: hidden;
	direction: rtl;
}

ul {
	list-style: none;
}

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
	font-size: 62.5%;
}

img {
	border: none;
	max-width: 100%;
}

a img {
	display: block;
}

a {
	text-decoration: none;
	color: #333;
	outline: none;
}


.title1,
.title2 {
	display: block;
}

.btn {
	display: inline-block;
}

.image {
	display: block;
}

.image img {
	display: block;
}

.standardLink a:hover {
	color: #015198 !important;
}

.standardLink2 a:hover {
	text-decoration: underline;
}

.standardEdit a {
	display: inline;
	color: #015299;
}

.standardEdit a:hover {
	text-decoration: underline;
}

.standardEdit img {
	display: inline-block;
}

.standardEdit p {
	position: relative;
}

.standardEdit video,
.standardEdit iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 0;
	top: 0;
}

a:hover img {
	transform: scale(1.1, 1.1)
}

input,
textarea,
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333333;
	border: none;
	outline: 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;
	}
}

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

	input,
	textarea,
	select {
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}

	input:-moz-placeholder,
	textarea:-moz-placeholder {
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}

	input::-moz-placeholder,
	textarea::-moz-placeholder {
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}

	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}
}

.safeRange {
	max-width: 1660px;
	width: calc(100% - 120px);
	margin: 0 auto;
}

.safeRange2 {
	max-width: 1400px;
	width: calc(100% - 120px);
	margin: 0 auto;
}

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

	.safeRange,
	.safeRange2 {
		width: calc(100% - 50px);
	}
}

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

	.safeRange,
	.safeRange2 {
		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:538px) {
	.standardRange {
		padding: 30px 0 30px 0 !important;
	}
}





@media screen and (max-width:1600px) {
	.standardTxt .title1 {
		font-size: 38px !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;
	}

	.standardTxt .txt,
	.standardTxt p {
		font-size: 12px !important;
		line-height: 24px !important;
	}

	.standardTxt .btn {
		font-size: 12px !important;
	}
}


@media screen and (max-width:768px) {
	.standardTxt .title1 {
		font-size: 20px !important;
		line-height: 28px !important;
	}
}





.oneRow {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.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: #015198;
		left: 2.5%;
		top: 20px;
		transform: translateY(-50%);
		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;
		left: 0px;
		background: rgba(1, 81, 152, 0.95);
		z-index: 9999999;
		transition: 0.8s;
		text-align: center;
	}

	header .xnav .smdaohangh {
		left: 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, Helvetica, 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: 2px;
	}
}


@font-face {
	font-family: swiper-icons;
	src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
	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
}

.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 */

nav {
	position: fixed;
	top: 20px;
	height: 82px;
	z-index: 9999;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
}


nav .con {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	height: 100%;
}


nav .con::after {
	content: "";
	position: absolute;
	width: 109.5%;
	background-color: rgba(1, 15, 43, 0.4);
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	border-radius: 41px;
	z-index: -1;
	transition: .4s ease all;
}




nav .con .logo {
	position: relative;
	width: 179px;
	flex-shrink: 0;
}

nav .con .logo img {
	opacity: 0;
}

nav .con .logo img:nth-child(2) {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 1;
}


nav .con .logo:hover img {
	transform: scale(1, 1);
}



nav .navList {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}



nav .navList>ul {
	display: flex;
	align-items: center;
	margin-right: 41px;
}


nav .navList>ul>li {
	margin-right: 26px;
}

nav .navList>ul>li:last-child {
	margin-left: 0;
}

nav a {
	display: block;
}

nav .navList>ul>li>a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	height: 82px;
	line-height: 82px;
}

nav .navList>ul>li {
	position: relative;
}

nav .navList>ul>li::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 13px;
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	border-radius: 50%;
	opacity: 0;
	transition: .4s ease all;
}

nav .navList>ul>li.active>a {
	font-weight: bolder;
}

nav .navList>ul>li.active::after {
	opacity: 1;
}

nav .navList>ul>li:hover::after {
	opacity: 1;
}



nav .navList .btns {
	display: flex;
	align-items: center;
	height: 100%;
}

nav .navList .search {
	height: 100%;
	position: relative;
	width: 88px;
}




nav .navList .searchBtn {
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

nav .navList .searchBtn i {
	font-size: 18px;
}

nav .navList .search .searchBtn:hover i {
	transform: rotate(-20deg);
}


nav .navList .search::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 18px;
	background-color: #ffffff;
	right: 0;

}

nav .navList .search form {
	position: absolute;
	top: 100%;
	left: 0;
	width: 0px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.06);
	overflow: hidden;
}

nav .navList .search form.active {
	width: 320px;
}

nav .navList .search form input {
	width: 100%;
	height: 100%;
	background-color: transparent;
}

nav .navList .search form>input {
	padding: 0 10px;
}


nav .navList .search form .subBtn {
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
}

nav .navList .search form .subBtn i {
	font-weight: bold;
}

nav .navList .search form .subBtn:hover i {
	color: #015198;

}


nav .navList .search form .subBtn input {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}




nav .navList .language {
	height: 100%;
	position: relative;
	margin-left: 30px;
	margin-right: 10px;
	display: flex;
	align-items: center;
}

nav .navList .language .lanBtn:hover p{
	text-decoration: underline;
}


nav .navList .language i.icon-diqiuquanqiu {
	font-size: 22px;
}

nav .navList .language i.icon-sanjiao {
	font-size: 22px;
}


nav .navList .language .lanBtn {
	display: flex;
	align-items: center;
	cursor: pointer;
}

nav .navList .language .lanBtn i,
nav .navList .language .lanBtn p {
	color: #ffffff;
}

nav .navList .language .lanBtn p {
	margin: 0 9px 0 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
}


nav .navList .language ul {
	position: absolute;
	right: 0;
	top: 100%;
	max-width: 500px;
	width: max-content;
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.06);
	padding: 27px 0;
	display: none;
	transition: none;
}

nav .navList .language ul a {
	width: 100%;
	padding: 0 30px;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	text-align: center;
}

nav .navList .language ul li {
	margin-bottom: 12px;
}

nav .navList .language ul li:last-child {
	margin-bottom: 0;
}


nav .navList .language ul li:hover a {
	color: #014099;
}



nav.active .con::after {
	box-shadow: 4px 7px 13px 0px rgba(0, 0, 0, 0.06);
	background-color: rgba(255, 255, 255, .9);
}




nav.active .logo img:nth-child(1) {
	opacity: 1;
}

nav.active .logo img:nth-child(2) {
	opacity: 0;
}

nav.active .navList>ul>li a {
	color: #333333;

}

nav.active .navList>ul>li::after {
	background-color: #015299;
}

nav.active .navList .searchBtn i {
	color: #015299;
}

nav.active .navList .search::after {
	background-color: #bababa;
}

nav.active .navList .language .lanBtn p {
	color: #333333;
}



nav.active .navList .language .lanBtn i.icon-diqiuquanqiu {
	color: #015299;
}

nav.active .navList .language .lanBtn i.icon-sanjiao {
	color: #666666;
}

nav .navList .language .lanBtn.active i.icon-sanjiao {
	transform: rotate(-180deg);
}

nav.active2 {
	top: 0;
	transform: translateY(-100%) translateX(-50%);
}




nav .moreList,
nav .moreList ul {
	position: absolute;
	width: 225px;
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.06);
	padding: 27px 0px 25px 0px;
	display: none;
	transition: none;
}

nav .moreList {
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}

nav .moreList ul {
	position: absolute;
	left: 100%;
	transform: translateX(10px);
	top: -27px;
}

nav .moreList ul::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	right: 100%;
	top: 0;
	background-color: transparent;
	z-index: -1;
}




nav .moreList a {
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	text-align: center;
	padding: 0 20px;
}



nav .moreList li:hover>a {
	color: #014099 !important;
}


nav .moreList li {
	margin-bottom: 12px;
	position: relative;
}

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



@media screen and (max-width:1850px) {
	nav .con::after {
		width: 105%;
	}
}

@media screen and (max-width:1600px) {
	nav .con .logo {
		width: 130px;
	}
	nav .navList>ul>li {
		margin-right: 40px;
	}

	nav .navList .search {
		width: 60px;
	}

	nav,
	nav .navList>ul>li>a {
		height: 60px;
	}

	nav .navList>ul>li>a {
		line-height: 60px;
	}

	nav .navList>ul>li::after {
		width: 6px;
		height: 6px;
		bottom: 8px;
	}

	nav .navList>ul {
		margin-right: 30px;
	}

	nav .navList .searchBtn i {
		font-size: 16px;
	}

	nav .navList .language i.icon-diqiuquanqiu {
		font-size: 20px;
	}

	nav .moreList,
	nav .moreList ul {
		padding: 20px 0;
		width: 200px;
	}

	nav .moreList ul {
		top: -20px;
	}

	nav .navList .search form {
		height: 30px;
	}

	nav .navList .search form.active {
		width: 280px
	}

	nav .navList .search form .subBtn {
		width: 30px;
		height: 30px;
	}

	nav .navList .language ul {
		padding: 20px 0;
	}
}



@media screen and (max-width:1333px) {
	nav .navList>ul>li {
		margin-right: 30px;
	}

	nav .navList .search {
		width: 50px;
	}

	nav,
	nav .navList>ul>li>a {
		height: 50px;
		font-size: 12px;
	}

	nav .navList>ul>li>a {
		line-height: 50px;
	}

	nav .navList>ul>li::after {
		bottom: 6px;
	}

	nav .navList>ul {
		margin-right: 25px;
	}

	nav .con .logo {
		width: 110px;
	}

	nav .moreList,
	nav .moreList ul {
		padding: 10px 0;
	}

	nav .moreList li {
		margin-bottom: 10px;
	}

	nav .moreList ul {
		top: -10px;
	}

	nav .navList .language .lanBtn p {
		font-size: 14px;
	}

	nav .navList .language {
		margin-right: 0;
		margin-left: 15px;
	}

	nav .navList .search form.active {
		width: 240px
	}

	nav .navList .search form .subBtn i {
		font-size: 14px;
	}

	nav .navList .search form>input {
		font-size: 14px !important;
	}

	nav .navList .search form>input::-webkit-input-placeholder {
		font-size: 14px !important;
	}

	nav .navList .search form>input:-moz-placeholder {
		font-size: 14px !important;
	}

	nav .navList .search form>input::-moz-placeholder {
		font-size: 14px !important;
	}

	nav .navList .search form>input:-ms-input-placeholder {
		font-size: 14px !important;
	}

	nav .navList .language ul {
		padding: 10px 0;
	}

	nav .navList .language ul li {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:1200px) {
	nav .con .logo {
		width: 100px;
	}

	nav .navList>ul>li {
		margin-right: 20px;
	}

	nav .navList>ul {
		margin-right: 8px;
	}

}

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

	nav .navList>ul,
	nav .navList .search {
		display: none;
	}

	nav .navList .language {
		margin-right: 0;
		margin-left: 50px;
	}

	nav {
		height: 40px;
		top: 0px;
	}

	nav .con .logo {
		width: 80px;
	}

	.xnav.active2 .nav {
		top: 0;
		transform: translateY(-100%);
	}

	nav .con::after {
		width: 150%;
		border-radius: none;
		background-color: #ffffff;
	}

	.bannerRange {
		margin-top: 40px;
	}

	nav .con .logo img:nth-child(2) {
		opacity: 0;
	}

	nav .con .logo img:nth-child(1) {
		opacity: 1;
	}

	nav .navList .language .lanBtn i {
		color: #333333;
	}

	nav .navList .language .lanBtn p {
		color: #333333;
	}


}

@media screen and (max-width:768px) {
	nav .navList .language .lanBtn p {
		font-size: 12px;
	}

	nav .navList .language i.icon-diqiuquanqiu {
		font-size: 16px;
	}

	nav .navList .language ul li a {
		font-size: 12px;
		line-height: 22px;
	}
}











/* indexBanner */

.indexBanner a:hover img {
	transform: scale(1, 1);
}


.slideshow {
	position: relative;
	direction: ltr;
}


.slideshow .wp {
	position: absolute;
	left: 50%;
	margin-left: -600px;
	top: 50%;
	margin-top: -166.5px;
}


.slideshow .wp img {
	max-width: 100%;
	max-height: 80%;
}

.slideshow .item a img {
	width: 100%;
	-webkit-transition: all 6s ease-out;
	-o-transition: all 6s ease-out;
	-moz-transition: all 6s ease-out;
	transition: all 6s ease-out;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.slideshow .item.slick-active img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}



.slick-dots {
	position: absolute;
	width: 99px;
	height: 36px;
	border-radius: 18px;
	background-color: rgba(255, 255, 255, .1);
	bottom: 59px;
	left: 8.6458%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slick-dots li {
	display: inline-block;
}

.slick-dots li button {
	border: none;
	outline: none;
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	color: #ffffff;
	background-color: transparent;
	display: none;
}



.slick-dots li.slick-active button {
	display: block;
}

.slick-dots .slide-count {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	line-height: 36px;
}

.slick-dots .slide-count i {
	font-style: normal;
	flex-shrink: 0;
	margin: 0 2px 0 4px;
}

.slick-prev,
.slick-next {
	width: 56px;
	height: 56px;
	cursor: pointer;
	border: solid 2px #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	bottom: 50px;
	z-index: 999;
	position: absolute;
	background-color: #ffffff;
	font-size: 18px !important;
	color: #015198;
}




.slick-prev {
	right: 218px;
}

.slick-next {
	right: 150px;
}


.slick-prev:hover,
.slick-next:hover {
	background-color: #015198;
	color: #ffffff;
}


@media screen and (max-width: 1219px) {
	.slideshow .wp {
		margin-left: -490px;
	}
}

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

	.slick-prev,
	.slick-next {
		display: none !important;
	}

	.slideshow .wp {
		width: 100%;
		left: 0;
		margin-left: 0;
		height: 80%;
		top: 0;
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.slick-dots {
		bottom: 10px;
	}
}

.slideshow .item.slick-active.item_one img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.slideshow .item.slick-active.item_one.on img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.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-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;
}

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

	.slick-prev,
	.slick-next {
		width: 45px;
		height: 45px;
		font-size: 16px !important;
	}

	.slick-prev {
		right: 150px;
	}

	.slick-next {
		right: 80px;
	}

	.slick-dots {
		left: 80px;
	}
}

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

	.slick-prev,
	.slick-next {
		width: 40px;
		height: 40px;
		font-size: 14px !important;
	}

	.slick-prev {
		right: 140px;
	}

	.slick-dots .slide-count {
		font-size: 12px;
	}

	.slick-dots li button {
		font-size: 16px;
	}
}



@media screen and (max-width: 999px) {
	.slick-slide video {
		object-position: inherit;
		object-fit: inherit;
		width: 100%;
		height: 100%;
		transform: translate(0, 0);
		left: 0;
		top: 0;
	}

	.slick-dots {
		left: 50%;
		transform: translateX(-50%);
		bottom: 30px;
		height: 30px;
	}

	.slick-dots li button {
		line-height: 30px;
	}

	.slick-dots .slide-count {
		line-height: 30px;
	}
}

@media screen and (max-width:768px) {
	.slick-dots {
		left: 50%;
		transform: translateX(-50%);
		bottom: 20px;
		height: 25px;
	}

	.slick-dots li button {
		line-height: 25px;
		font-size: 14px;
	}

	.slick-dots .slide-count {
		line-height: 25px;
	}
}

@media screen and (max-width:538px) {
	.slick-dots {
		bottom: 10px;
		width: 80px;
	}
}





/* 1-1index */
.introduction {
	background-image: url("../images/indexM1-bg.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 105px 0 150px 0;
}



.introduction .iAbout {
	margin-bottom: 87.5px;
}


.iAbout .mesage {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 56px;
}

.iAbout .des {
	width: 30%;
}

.iAbout .msg {
	width: 68.1%;
	margin-top: 18px;
}



.iAbout .title .title1 {
	font-size: 40px;
	color: #333333;
	line-height: 60px;
	margin-bottom: 10px;
	display: block;
	font-weight: bold;
}

.iAbout .title .tip {
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #015198;
	margin-bottom: 63px;
}



.iAbout .title .tip i {
	width: 22px;
	height: 2px;
	background-color: #015198;
	margin: 0 10px;
}


.iAbout .des .btn {
	width: 180px;
	height: 180px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 9;
	border-radius: 50%;
}

.iAbout .des .btn::before {
	background-color: #015198;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: -1;
}

.iAbout .des .btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 50%;
	background-color: rgba(2, 104, 194, .1);
	width: 0;
	height: 0;
	transition: .4s ease all;
	z-index: -2;
}


.iAbout .des .btn:hover::after {
	width: 196px;
	height: 196px;
}








.iAbout .des .btn span {
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
}

.iAbout .des .btn i {
	font-size: 40px;
	color: #ffffff;
	transform: rotate(-45deg);
	font-weight: bold;
	margin-bottom: 9px;

}




.iAbout .msg .txts {
	margin-bottom: 42px;
}



.iAbout .msg .txts p {
	font-size: 16px;
	line-height: 32px;
	color: #666666;
}

.iAbout .msg .txts span {
	color: #015299;
}

.iAbout .msg .line {
	width: 100%;
	height: 1px;
	background-color: #dee1e3;
	margin-bottom: 41px;
}



.iAbout .msg .numbers {
	display: flex;
	align-items: flex-start;
}


.iAbout .msg .numbers .num {
	font-size: 36px;
	line-height: 45px;
	color: #015198;
	margin-bottom: 2px;
	font-weight: bold;
}

.iAbout .msg .numbers .num i {
	font-style: normal;
	margin-left: -10px;
}

.iAbout .msg .numbers .name {
	font-size: 16px;
	line-height: 28px;
	color: #666666;
}



.iAbout .msg .item:nth-child(1) {
	width: 25%;
	margin-right: 9.9%;
}

.iAbout .msg .item:nth-child(2) {
	width: 25%;
	margin-right: 4.3%;
}

.iAbout .msg .item:nth-child(3) {}


.iAbout .swiper {
	border-radius: 32px;
}


.iAbout .swiper .swiper-slide {
	position: relative;
}

.iAbout .swiper .swiper-slide img {
	display: block;
}


.iAbout .swiper .swiper-slide video,
.iAbout .swiper .swiper-slide iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
}

.iAbout .swiper .btns div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background-color: #ffffff;
	border: solid 1px #d2d4d6;
	color: #535974;
	border-radius: 50%;
	cursor: pointer;
	font-size: 18px;
	color: #535974;
}

.iAbout .swiper .btns div:hover {
	background-color: #015198;
	box-shadow: 4px 7px 13px 0px rgba(255, 255, 255, 0.16);
	border-color: #015198;
	color: #ffffff;
}

.iAbout .swiper .btns {
	position: absolute;
	bottom: 39px;
	right: 51px;
	z-index: 99;
	display: flex;
	align-items: center;
	direction: ltr;
}

.iAbout .swiper .btns div.prev {
	margin-right: 12px;
}

@media screen and (max-width:1600px) {
	.iAbout .msg {
		margin-top: 0;
	}

	.iAbout .des {
		width: 20%;
	}

	.iAbout .msg {
		width: 72%;
	}

	.iAbout .des .btn {
		width: 120px;
		height: 120px;
	}

	.iAbout .des .btn span {
		font-size: 16px;
		line-height: 26px;
	}

	.iAbout .des .btn i {
		font-size: 32px;
	}

	.iAbout .des .btn:hover::after {
		width: 140px;
		height: 140px;
	}

	.iAbout .msg .txts {
		margin-bottom: 30px;
	}

	.iAbout .msg .numbers .num {
		font-size: 30px;
	}

	.iAbout .msg .line {
		margin-bottom: 30px;
	}

	.iAbout .swiper {
		border-radius: 25px;
	}

	.iAbout .swiper .btns div {
		width: 45px;
		height: 45px;
		font-size: 16px;
	}

	.iAbout .swiper .btns div.prev {
		margin-right: 20px;
	}

	.iAbout .mesage {
		align-items: center;
	}

	.introduction .iAbout {
		margin-bottom: 80px;
	}
}

@media screen and (max-width:1333px) {
	.iAbout .title .tip {
		margin-bottom: 50px;
	}

	.iAbout .des .btn {
		width: 100px;
		height: 100px;
	}

	.iAbout .des .btn i {
		font-size: 26px;
		margin-bottom: 5px;
	}

	.iAbout .des .btn:hover::after {
		width: 120px;
		height: 120px;
	}

	.iAbout .msg .numbers .num {
		font-size: 28px;
		line-height: 35px;
	}

	.iAbout .mesage {
		margin-bottom: 50px;
	}

	.iAbout .swiper {
		border-radius: 20px;
	}

	.iAbout .swiper .btns div {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}

	.introduction .iAbout {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:999px) {
	.iAbout .msg .numbers .num {
		font-size: 24px;
		line-height: 30px;
	}

	.iAbout .msg .numbers .num i {
		margin-left: -5px;
	}

	.iAbout .msg .txts {
		margin-bottom: 20px;
	}

	.iAbout .msg .line {
		margin-bottom: 20px;
	}

	.iAbout .title .tip {
		margin-bottom: 40px;
	}

	.iAbout .des .btn span {
		font-size: 14px;
		line-height: 24px;
	}

	.iAbout .des .btn i {
		font-size: 24px;
	}

	.iAbout .des .btn:hover::after,
	.iAbout .des .btn::after {
		width: 120px;
		height: 120px;
	}

	.iAbout .swiper {
		border-radius: 15px;
	}

	.iAbout .mesage {
		margin-bottom: 40px;
	}

	.iAbout .swiper .btns div {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}

	.iAbout .swiper .btns div.prev {
		margin-right: 15px;
	}

	.introduction .iAbout {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.iAbout .mesage {
		flex-direction: column;
		align-items: flex-start;
	}

	.iAbout .msg {
		width: 100%;
	}

	.iAbout .title .tip {
		margin-bottom: 0;
	}

	.iAbout .mesage .des {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 30px;
	}

	.iAbout .des .btn {
		flex-shrink: 0;
		width: 120px;
		height: 120px;
	}

	.iAbout .des .btn:hover::after,
	.iAbout .des .btn::after {
		width: 100px;
		height: 100px;
	}

	.iAbout .des .btn span {
		font-size: 12px;
		line-height: 22px;
	}

	.iAbout .des .btn i {
		font-size: 22px;
	}

	.iAbout .swiper {
		border-radius: 10px;
	}

	.iAbout .swiper .btns {
		bottom: 20px;
	}

	.iAbout .msg .numbers .num {
		font-size: 22px;
	}

	.iAbout .mesage {
		margin-bottom: 30px;
	}

	.introduction .iAbout {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:538px) {
	.iAbout .msg .numbers {
		flex-wrap: wrap;
	}

	.iAbout .msg .item:nth-child(n) {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}

	.iAbout .msg .item:nth-child(2n) {
		margin-right: 0;
	}

	.iAbout .mesage {
		margin-bottom: 10px;
	}

	.iAbout .swiper {
		border-radius: 5px;
	}

	.iAbout .swiper .btns div {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}

	.iAbout .swiper .btns {
		right: 20px;
		bottom: 15px;
	}

}


.iAdvantage .title1 {
	font-size: 40px;
	line-height: 60px;
	text-align: center;
	color: #333333;
	margin-bottom: 12px;
	display: block;
	font-weight: bold;
}

.iAdvantage .title1:hover {
	color: #015198;
}

.iAdvantage .tit2 {
	font-size: 18px;
	color: #015198;
	text-align: center;
	margin-bottom: 59px;
}


.iAdvantage .list {
	display: flex;
	flex-wrap: wrap;
}

.iAdvantage .list .item {
	position: relative;
	border-radius: 32px;
	width: 32.15%;
	margin-left: 1.775%;
	overflow: hidden;
}



.iAdvantage .list .item:nth-child(3n) {
	margin-left: 0;
}


.iAdvantage .list .item .msg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 30px 40px 55px 40px;
}


.iAdvantage .list .item .msg .txts {
	width: 100%;
}


.iAdvantage .list .image {
	overflow: hidden;
}

.iAdvantage .list .msg .name {
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
	display: block;
	margin-bottom: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.iAdvantage .list .msg .name:hover {
	text-decoration: underline;
}

.iAdvantage .list .item:nth-child(2n) .name,
.iAdvantage .list .item:nth-child(2n) .des {
	color: #333333;
}


.iAdvantage .list .msg .des {
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}


.iAdvantage .list .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 10px;
	color: #ffffff;
}

.iAdvantage .list .btn i {
	font-size: 18px;
}

.iAdvantage .list .btn:hover i {
	transform: rotate(-45deg);
}


.iAdvantage .list .item:nth-child(2n) .btn {
	background-color: #ffffff;
	color: #015198;
}



.iAdvantage .list .title {
	position: absolute;
	padding: 0 40px;
	top: 52px;
}

.iAdvantage .list .title .name {
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	line-height: 45px;
	margin-bottom: 17px;
	display: block;
}

.iAdvantage .list .title .name:hover {
	text-decoration: underline;
}

.iAdvantage .list .title .tit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
}
.iAdvantage .list .title .tit a{ color:#fff;}


.iAdvantage .list .line {
	position: absolute;
	width: 85%;
	height: 1px;
	background-color: rgba(255, 255, 255, .3);
	left: 50%;
	transform: translateX(-50%);
	bottom: 149px;
}

@media screen and (max-width:1600px) {
	.iAdvantage .list .item:nth-child(n) {
		width: 32%;
		margin-right: 2%;
	}

	.iAdvantage .list .item:nth-child(3n) {
		margin-right: 0;
	}

	.iAdvantage .list .item {
		border-radius: 20px;
	}

	.iAdvantage .list .item .msg {
		padding: 30px;
	}

	.iAdvantage .list .title {
		padding: 0 30px;
		top: 30px;
	}

	.iAdvantage .list .msg .name {
		font-size: 18px;
		line-height: 28px;
	}

	.iAdvantage .list .btn {
		width: 40px;
		height: 40px;
	}

	.iAdvantage .list .btn i {
		font-size: 16px;
	}

	.iAdvantage .list .item .msg {
		align-items: center;
	}

	.iAdvantage .list .title .name {
		margin-bottom: 10px;
		font-size: 26px;
	}

	.iAdvantage .list .line {
		bottom: 125px;
	}
}

@media screen and (max-width:1333px) {
	.iAdvantage .tit2 {
		margin-bottom: 40px;
		font-size: 16px;
		line-height: 26px;
	}

	.iAdvantage .list .item {
		border-radius: 10px;
	}

	.iAdvantage .list .item .msg {
		padding: 20px;
		flex-direction: column;
		align-items: flex-start;
	}

	.iAdvantage .list .msg .des {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.iAdvantage .list .msg .name {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.iAdvantage .list .btn {
		margin-left: 0;
		width: 35px;
		height: 35px;
	}

	.iAdvantage .list .btn i {
		font-size: 14px;
	}

	.iAdvantage .list .title {
		padding: 0 20px;
	}

	.iAdvantage .list .title .name {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 5px;
	}

	.iAdvantage .list .line {
		bottom: 140px;
	}
}

@media screen and (max-width:999px) {
	.iAdvantage .list .btn i {
		font-size: 12px;
	}

	.iAdvantage .list .item .msg {
		padding: 15px;
	}

	.iAdvantage .list .msg .des {
		font-size: 12px;
		line-height: 22px;
	}

	.iAdvantage .list .msg .name {
		font-size: 14px;
		line-height: 24px;
	}

	.iAdvantage .list .btn {
		width: 30px;
		height: 30px;
	}

	.iAdvantage .list .title {
		padding: 0 10px;
		top: 15px;
	}

	.iAdvantage .list .line {
		bottom: 130px;
	}

	.iAdvantage .list .title .name {
		font-size: 18px;
	}

	.iAdvantage .list .title .tit {
		font-size: 12px;
		line-height: 22px;
	}

	.iAdvantage .tit2 {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:768px) {
	.iAdvantage .list .item:nth-child(n) {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 25px;
	}

	.iAdvantage .list .item:nth-child(2n) {
		margin-right: 0;
	}
}

@media screen and (max-width:538px) {
	.iAdvantage .list .item:nth-child(n) {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 10px;
	}

	.iAdvantage .list .item:nth-child(2n) {
		margin-right: 0;
	}

	.iAdvantage .list .line {
		bottom: 120px;
	}
}


@media screen and (max-width:450px) {
	.iAdvantage .list .item:nth-child(n) {
		width: 100%;
		margin-right: 0%;
		max-width: 350px;
		margin: 0 auto 20px;
	}

	.iAdvantage .list .item:last-child {
		margin-bottom: 0;
	}
}
















.iDesign {
	background-image: url("../images/indexM3-bg.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 117px 0 120px 0;
}




.iDesign .msg {
	width: 70%;
}

.iDesign .msg .title1 {
	font-size: 40px;
	line-height: 60px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 23.5px;
}


.iDesign .msg a.title1:hover {
	text-decoration: underline;
}


.iDesign .msg .tit {
	font-size: 16px;
	line-height: 28px;
	color: #ffffff;
	margin-bottom: 146px;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;

	width: 100%;
}



.iDesign .msg .btn {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 99;
}



.iDesign .msg .btn i {
	font-size: 44px;
	position: relative;
	color: #ffffff;
	margin-left: 52.5px;
}


.iDesign .msg .btn i::after {
	content: "";
	position: absolute;
	width: 64px;
	height: 64px;
	background-color: #015198;
	border-radius: 50%;
	top: 50%;
	right: -3px;
	transform: translateY(-50%) translateX(50%);
	z-index: -1;
	transition: .4s ease all;
}

.iDesign .msg .btn span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 45px;
	color: #ffffff;
	font-weight: bold;
}


.iDesign .msg .btn:hover i:after {
	transform: translateX(200%) translateY(-50%);
}

@media screen and (max-width:1600px) {
	.iDesign .msg .title1 {
		margin-bottom: 30px;
	}

	.iDesign .msg .tit {
		margin-bottom: 100px;
	}

	.iDesign .msg .btn span {
		font-size: 28px;
		line-height: 30px;
	}

	.iDesign .msg .btn i::after {
		width: 50px;
		height: 50px;
	}
}

@media screen and (max-width:1333px) {
	.iDesign .msg {
		width: 65%;
	}

	.iDesign .msg .btn span {
		font-size: 24px;
	}

	.iDesign .msg .btn i {
		margin-right: 40px;
	}

	.iDesign .msg .tit {
		margin-bottom: 80px;
	}
}

@media screen and (max-width:999px) {
	.iDesign .msg .tit {
		margin-bottom: 60px;
	}

	.iDesign .msg .btn span {
		font-size: 20px;
	}

	.iDesign .msg .btn i {
		font-size: 32px;
		margin-right: 30px;
	}

	.iDesign .msg .btn i::after {
		width: 45px;
		height: 45px;
	}
}

@media screen and (max-width:768px) {
	.iDesign .msg .title1 {
		margin-bottom: 20px;
	}

	.iDesign .msg .tit {
		margin-bottom: 40px;
	}

	.iDesign .msg .btn span {
		font-size: 18px;
	}

	.iDesign .msg .btn i::after {
		width: 40px;
		height: 40px;
	}

}

@media screen and (max-width:538px) {
	.iDesign .msg {
		width: 100%;
	}

	.iDesign .msg .btn span {
		font-size: 16px;
	}

	.iDesign .msg .btn i {
		font-size: 28px;
	}

	.iDesign .msg .btn i::after {
		width: 35px;
		height: 35px;
	}
}
















.iProduct {
	padding: 78px 0 60px 0;
	background-image: url("../images/indexM4-bg.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}


.iProduct .des {
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: -5px;
	position: relative;
	z-index: 9;
}

.iProduct .des .title {
	position: relative;
}

.iProduct .tit3 {
	position: absolute;
	left: 1.2%;
	top: 7.7%;
	font-size: 138px;
	color: white;
	-webkit-text-stroke: 1px rgba(1, 81, 152, 0.12);
	-webkit-text-fill-color: transparent;
	white-space: nowrap;
	font-weight: bold;
}

.iProduct .des .title1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 60px;
	color: #333333;
	margin-bottom: 8.5px;
	font-weight: bold;
}


.iProduct .des .title1:hover {
	color: #015198;
}

.iProduct .des .tip {
	display: flex;
	align-items: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #015198;
}


.iProduct .des .tip i {
	width: 22px;
	height: 2px;
	background-color: #015198;
	margin: 0 10px;
}

.iProduct .des .btns {
	display: flex;
	align-content: center;
	margin-left: 30px;
	flex-shrink: 0;
	transform: translateY(3.4px);
}

.iProduct .des .btns div {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	background-color: #ffffff;
	border: solid 1px #d2d4d6;
	cursor: pointer;
	border-radius: 50%;
	width: 56px;
	height: 56px;
	color: #535974;
}

.iProduct .des .btns div.prev {
	margin-right: 12px;
}


.iProduct .des .btns div:hover {
	background-color: #015198;
	box-shadow: 4px 7px 13px 0px rgba(255, 255, 255, 0.4);
	color: #ffffff;
	border-color: #015198;
}


.iProduct .gallery {
	position: relative;
	margin-bottom: 1px;
}

.iProduct .gallery .circle {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 54.87951%;
}


.iProduct .gallery .swiper-slide {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}


.iProduct .gallery .swiper-slide .safeRange2 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	top: 0;
	display: flex;
	align-items: center;
	pointer-events: none;
}





.iProduct .gallery .msg {
	width: 42%;
	pointer-events: all;
}


.iProduct .gallery .msg .tit {
	font-size: 34px;
	line-height: 45px;
	color: #333333;
	margin-bottom: 27px;
	display: block;
	margin-top: -24px;
}

.iProduct .gallery .msg .tit:hover {
	color: #015198;
}


.iProduct .gallery .msg .txts {
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	margin-bottom: 53px;
}


.iProduct .gallery .msg .btn {
	width: 193px;
	height: 58px;
	border-radius: 29px;
	border: solid 1px #015198;
	display: flex;
	align-items: center;
	justify-content: center;
}


.iProduct .gallery .msg .btn:hover {
	background-color: #015198;
}

.iProduct .gallery .msg .btn:hover span,
.iProduct .gallery .msg .btn:hover i {
	color: #ffffff;
}

.iProduct .gallery .msg .btn span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #015198;
}

.iProduct .gallery .msg .btn i {
	color: #015198;
	font-size: 18px;
	flex-shrink: 0;
	margin-left: 8px;
}


.iProduct .gallery .image {
	width: 54.87951%;
}


.iProduct .thumbs {
	position: relative;
}


.iProduct .thumbs::after {
	content: "";
	position: absolute;
	width: 200%;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 2px;
	background-color: rgba(1, 81, 152, .1);
}



.iProduct .thumbs .swiper-slide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #015198;

	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 4px 10px 10px 10px;
	opacity: 0;
	pointer-events: none;
	transition: .4s ease opacity, .4s ease color, .4s linear background-color;
	position: relative;
	flex: 1;
	min-width: 20%;
}


.iProduct .thumbs .swiper-slide::after {
	content: "";
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	width: 100%;
	height: 4px;
	background-color: rgba(1, 81, 152, .1);
}




.iProduct .thumbs .swiper-slide-visible {
	opacity: 1;
	pointer-events: all;
}

.iProduct .thumbs .swiper-slide-thumb-active {
	background-color: #015198;
	color: #ffffff;
}



.iProduct .thumbs .swiper-slide:hover {
	background-color: #015198;
	color: #ffffff;
}




@media screen and (max-width:1600px) {
	.iProduct .tit3 {
		font-size: 100px;
	}

	.iProduct .des .btns div {
		width: 50px;
		height: 50px;
		font-size: 16px;
	}

	.iProduct .des {
		margin-bottom: 40px;
	}

	.iProduct .gallery .msg .tit {
		font-size: 32px;
		margin-top: 0;
	}

	.iProduct .gallery .msg .btn {
		height: 45px;
		width: 160px;
	}

	.iProduct .gallery .msg .btn span,
	.iProduct .gallery .msg .btn i {
		font-size: 16px;
	}

	.iProduct .gallery {
		margin-bottom: 40px;
	}

	.iProduct .thumbs .swiper-slide {
		padding: 0 10px;
	
		font-size: 18px;
	}
}

@media screen and (max-width:1333px) {
	.iProduct .gallery .msg .tit {
		font-size: 24px;
		line-height: 35px;
	}

	.iProduct .des .btns div {
		width: 45px;
		height: 45px;
	}

	.iProduct .tit3 {
		font-size: 80px;
	}

	.iProduct .thumbs .swiper-slide {
	
		font-size: 16px;
	}

	.iProduct .gallery {
		margin-bottom: 50px;
	}

	.iProduct .gallery .msg .btn {
		height: 40px;
		width: 150px;
	}

	.iProduct .gallery .msg .btn span,
	.iProduct .gallery .msg .btn i {
		font-size: 16px;
	}
}

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

	.iProduct .gallery .msg .btn span,
	.iProduct .gallery .msg .btn i {
		font-size: 14px;
	}

	.iProduct .gallery .msg .txts {
		margin-bottom: 30px;
	}

	.iProduct .gallery .msg .tit {
		font-size: 20px;
		line-height: 30px;
	}

	.iProduct .tit3 {
		font-size: 62px;
	}

	.iProduct .des .btns div {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}

	.iProduct .gallery .msg .tit {
		margin-bottom: 20px;
	}

	.iProduct .gallery .msg .btn {
		width: 130px;
		height: 35px;
	}

	.iProduct .thumbs .swiper-slide {
	
		font-size: 14px;
	}
	
	
	.iProduct .thumbs .swiper-slide {
		min-width: 25%;
	}
	
}

@media screen and (max-width:768px) {
	.iProduct .thumbs .swiper-slide {
	
		font-size: 12px;
		line-height: 24px;
	}

	.iProduct .gallery .msg .tit {
		font-size: 18px;
		line-height: 28px;
	}

	.iProduct .gallery .msg .btn span,
	.iProduct .gallery .msg .btn i {
		font-size: 12px;
		line-height: 22px;
	}

	.iProduct .gallery .msg .btn {
		height: 30px;
		width: 120px;
	}

	.iProduct .des .btns div {
		width: 35px;
		height: 35px;
		font-size: 12px;
	}

	.iProduct .tit3 {
		font-size: 48px;
	}
	.iProduct .thumbs .swiper-slide {
		min-width: 33.333%;
	}
}

@media screen and (max-width:538px) {
	.iProduct .gallery .swiper-slide .safeRange2 {
		position: static;
		transform: translateX(0);
		margin-bottom: 30px;
	}

	.iProduct .gallery .msg {
		width: 100%;
	}

	.iProduct .gallery .swiper-slide {
		flex-direction: column;
		align-items: flex-start;
	}

	.iProduct .gallery .image {
		width: 100%;
	}

	.iProduct .gallery .msg .txts {
		margin-bottom: 20px;
	}

	.iProduct .des {
		margin-bottom: 30px;
	}

	.iProduct .tit3 {
		font-size: 42px;
		top: 5%;
	}

	.iProduct .gallery .circle {
		width: 100%;
	}

	.iProduct .gallery .msg .tit {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 15px;
	}
	.iProduct .thumbs .swiper-slide {
		min-width: 50%;
	}
}




















.iObject {
	position: relative;
}


.iObject .des {
	position: absolute;
	top: 10.3%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 999;
}


.iObject .des .title1 {
	font-size: 40px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.16);
	margin-bottom: 20px;
}


.iObject .des .title1:hover {
	text-decoration: underline;
}




.iObject .des .tip {
	display: flex;
	align-items: center;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
}



.iObject .des .tip i {
	flex-shrink: 0;
	margin: 0 10px;
	width: 22px;
	height: 2px;
	background-color: #ffffff;
}



.iObject .des .btns {
	display: flex;
	align-items: center;
	transform: translateY(-23px);
}


.iObject .des .btns div {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.6);
	color: #015299;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	font-size: 20px;
	cursor: pointer;
}

.iObject .des .btns div:hover {
	background-color: #015198;
	box-shadow: 4px 7px 13px 0px rgba(255, 255, 255, 0.16);
	color: #ffffff;
}

.iObject .des .btns div.prev {
	margin-right: 12px;
}




.iObject .gallery img {
	display: block;
}

.iObject .thumbs {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
}



.iObject .thumbs .swiper-slide {
	background-color: #e5edf4;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #333333;
	height: 90px;
	cursor: pointer;
	position: relative;
	opacity: 0;
	pointer-events: none;
	transition: .4s ease background-color, .4s ease opacity, .4s ease color;
	padding: 7px 10px 10px;
	flex: 1;
	min-width: 20%;
}




.iObject .thumbs .swiper-slide::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%) translateX(-50%);
	width: 1px;
	height: 27px;
	background-color: rgba(173, 178, 184, 0.6);
	transform: .4s ease all;
}


.iObject .thumbs .swiper-slide-thumb-active,
.iObject .thumbs .swiper-slide:hover {
	background-color: #0786d3;
	color: #ffffff;
}


.iObject .thumbs .swiper-slide-visible {
	opacity: 1;
	pointer-events: all;
}

.iObject .thumbs .swiper-slide-thumb-active:after,
.iObject .thumbs .swiper-slide:hover:after {
	opacity: 0;
}


.iObject .thumbs .swiper-slide-thumb-active+.swiper-slide::after,
.iObject .thumbs .swiper-slide:hover+.swiper-slide::after {
	opacity: 0;
}


@media screen and (max-width:1600px) {
	.iObject .des .btns {
		transform: translateY(0);
	}

	.iObject .des .btns div {
		width: 50px;
		height: 50px;
		font-size: 16px;
	}

	.iObject .thumbs .swiper-slide {
		padding: 5px 10px;
		font-size: 18px;
		height: 60px;
	}
}

@media screen and (max-width:1333px) {
	.iObject .des .btns div {
		width: 45px;
		height: 45px;
		font-size: 14px;
	}

	.iObject .thumbs .swiper-slide {
		padding: 5px 5px;
		font-size: 16px;
		height: 45px;
	}

	.iObject .des .title1 {
		margin-bottom: 10px;
	}

	.iObject .thumbs .swiper-slide::after {
		height: 20px;
	}
}

@media screen and (max-width:999px) {
	.iObject .thumbs .swiper-slide {
		font-size: 14px;
		height: 40px;
	}

	.iObject .thumbs .swiper-slide::after {
		height: 15px;
	}

	.iObject .thumbs {
		position: static;
		transform: translateX(0);
	}

	.iObject .thumbs::after {
		content: "";
		position: absolute;
		left: 50%;
		height: 100%;
		width: 200%;
		top: 0;
		background-color: #e5edf4;
		transform: translateX(-50%);
	}

	.iObject .des .btns div {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}
	
	.iObject .thumbs .swiper-slide {
		min-width: 25%;
	}
	
}

@media screen and (max-width:768px) {
	.iObject .des .btns div {
		width: 35px;
		height: 35px;
		font-size: 12px;
	}

	.iObject .thumbs .swiper-slide {
		font-size: 12px;
		height: 35px;
	}

	.iObject .des {
		position: static;
		transform: translateX(0);
		padding: 20px 0;
	}

	.iObject .des .tip {
		color: #015198;
	}

	.iObject .des .tip i {
		background-color: #015198;
	}

	.iObject .des .title1 {
		color: #333333;
		text-shadow: none;
	}

	.iObject .des .btns div {
		background-color: #ffffff;
		border: solid 1px #d2d4d6;
	}

	.iObject .des .btns div:hover {
		border-color: #015198;
	}
	.iObject .thumbs .swiper-slide {
		min-width: 33.333%;
	}
}



@media screen and (max-width:538px) {
	.iObject .thumbs .swiper-slide {
		min-width: 50%;
	}
}






.iNews {
	padding: 77px 0 129px 0;
	background-image: url("../images/indexM6-bg.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.iNews .des {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}



.iNews .des .title1 {
	font-size: 40px;
	line-height: 60px;
	color: #333333;
	margin-bottom: 9px;
	font-weight: bold;
}

.iNews .des .title1:hover{
	color: #015198;
}



.iNews .des .tip {
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #015198;
}

.iNews .des .tip i {
	width: 20px;
	height: 2px;
	background-color: #015198;
	margin: 0 10px;
}


.iNews .des .btns {
	display: flex;
	align-items: center;
	transform: translateY(-16px);
	direction: ltr;
}

.iNews .des .btns div {
	width: 56px;
	height: 56px;
	background-color: #ffffff;
	border: solid 1px #d2d4d6;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #535974;
	cursor: pointer;
	border-radius: 50%;
}


.iNews .des .btns div.prev {
	margin-right: 11px;
}



.iNews .des .btns div:hover {
	background-color: #015198;
	box-shadow: 4px 7px 13px 0px rgba(255, 255, 255, 0.4);
	color: #ffffff;
	border-color: #015198;
}

.iNews .swiper {
	overflow: visible;
}


.iNews .swiper-slide {
	position: relative;
	padding: 40px 42px 39px 39px;
	transition: .4s linear padding;
	height: auto;
}


.iNews .swiper-slide::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	background-color: #ffffff;
	z-index: -1;
	border-radius: 24px 0px 24px 0px;
	transition: .4s linear all;
}


.iNews .swiper-slide{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


.iNews .swiper-slide .image {
	overflow: hidden;
	display: block;
	margin-bottom: 41px;
}


.iNews .swiper-slide a.name:hover{
	text-decoration: underline;
}

.iNews .swiper-slide .time {
	font-size: 16px;
	line-height: 28px;
	color: #015198;
	margin-bottom: 7px;
}

.iNews .swiper-slide .name {
	font-size: 22px;
	color: #333333;
	margin-bottom: 18.5px;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	width: 100%;
}


.iNews .swiper-slide:hover .name{
	margin-bottom: 20.5px;
}

.iNews .swiper-slide:hover .btn{
	transform: translateY(-8px);
}



.iNews .swiper-slide .txts {
	font-size: 16px;
	line-height: 28px;
	color: #ffffff;
	margin-bottom: 16.5px;
}

.iNews .swiper-slide:hover {
	padding: 0px 42px 30px 39px;
}


.iNews .swiper-slide .btn {
	font-size: 18px;
	color: #015198;
}


.iNews .swiper-slide .btn:hover {
	transform: translateY(-8px) translateX(5px);
}


.iNews .swiper-slide:hover::after {
	background-color: #015198;
	height: 114.5%;
}



.iNews .swiper-slide:hover p,
.iNews .swiper-slide:hover a,
.iNews .swiper-slide:hover div {
	color: #ffffff;
}

@media screen and (max-width:1600px) {
	.iNews .des .btns{
		transform: translateY(0);
	}
	.iNews .des .btns div{
		width: 50px;
		height: 50px;
		font-size: 16px;
	}
	.iNews .swiper-slide{
		padding: 30px;
	}
	.iNews .swiper-slide .name{
		font-size: 18px;
		line-height: 28px;
	}
	.iNews .swiper-slide .image{
		margin-bottom: 30px;
	}
	.iNews .swiper-slide:hover{
		padding: 0 30px 30px 30px ;
	}
	.iNews .swiper-slide::after{
		border-radius: 15px 0 15px 0;
	}
	.iNews .swiper-slide:hover::after{
		height: 112%;
	}
}

@media screen and (max-width:1333px) {
	.iNews .swiper-slide .image{
		margin-bottom: 20px;
	}
	.iNews .swiper-slide:hover{
		padding: 0 20px 20px 20px ;
	}
	.iNews .swiper-slide{
		padding: 20px;
	}
	.iNews .swiper-slide:hover .name{
		margin-bottom: 14px;
	}
	.iNews .des .btns div{
		width: 45px;
		height: 45px;
	}
}


@media screen and (max-width:999px) {
	.iNews .swiper-slide .txts{
		color: #666666;
	}
	.iNews .swiper-slide {
		background-color: #ffffff;
		border-radius: 15px 0 15px 0;
		overflow: hidden;
	}
	.iNews .swiper-slide .name{
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.iNews .swiper-slide::after{
		display: none;
	}
	
	.iNews .swiper-slide:hover{
		padding: 20px;
	}
	
	.iNews .swiper-slide:hover a{
		color: #333333;
	}
	
	.iNews .swiper-slide:hover div{
		color: #666666;
	}
	
	.iNews .swiper-slide:hover a.btn,
	.iNews .swiper-slide:hover p{
		color: #015198;
	}
	
	.iNews .des .btns div{
		width: 40px;
		height: 40px;
		font-size: 14px;
	}
	.iNews .des{
		margin-bottom: 40px;
	}
}

@media screen and (max-width:768px) {
	.iNews .swiper-slide .name{
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 5px;
	}
	.iNews .des .btns div{
		width: 35px;
		height: 35px;
		font-size: 12px;
	}
	.iNews .des{
		margin-bottom: 30px;
	}
}






.iPartner {
	padding: 87.5px 0 93px 0;
}




.iPartner .title1 {
	font-size: 40px;
	color: #333333;
	line-height: 60px;
	margin-bottom: 9px;
	font-weight: bold;
}

.iPartner .title1:hover{
	color: #015198;
}


.iPartner .tip {
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #015198;
	margin-bottom: 61px;
}



.iPartner .tip i {
	flex-shrink: 0;
	margin: 0 10px;
	width: 19px;
	height: 2px;
	background-color: #015198;
}



.iPartner .swiper {
	overflow: visible;
	padding: 0 20px;
}



.iPartner .swiper img {
	filter: grayscale(100%);
}

.iPartner .swiper-slide:hover img {
	filter: grayscale(0%);
}

@media screen and (max-width:1333px){
 	.iPartner .tip{
		margin-bottom: 50px;
	}	
}
@media screen and (max-width:999px){
 	.iPartner .tip{
 		margin-bottom: 40px;
 	}	
}
@media screen and (max-width:768px){
	.iPartner .tip{
		margin-bottom: 30px;
	}	 
}













/* footer */
footer {
	background-color: #015299;
}

footer {
	padding: 81px 0 35px 0;
}

footer .footerList {
	position: relative;
	display: flex;
	align-items: flex-start;
	padding-bottom: 52px;
	margin-bottom: 27px;
}


footer .footerList::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 200%;
	height: 1px;
	background-color: #2e7fc2;
	bottom: 0;
}





footer .footerList .fLogo {
	width: 254px;
	margin-bottom: 52px;
	display: block;
}


footer .footerList .fLogo:hover img {
	transform: scale(1, 1);
}




footer .footerList .address {
	margin-bottom: 42px;
}

footer .footerList .address .name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 13px;
}


footer .footerList .address .num {
	font-size: 16px;
	line-height: 28px;
	color: rgba(255, 255, 255, 0.8);
}


footer .blogrolls {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}


footer .blogrolls a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: solid 1px #ffffff;
	color: #ffffff;
	border-radius: 50%;
	margin-right: 14px;
	margin-bottom: 10px;
}

footer .blogrolls a:last-child {
	margin-right: 0;
}


footer .blogrolls a:hover {
	background-color: #ffffff;
	color: #015299;
}




footer a,
footer p {
	font-size: 16px;
	line-height: 28px;
	color: rgba(255, 255, 255, .8);
}

footer .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 40px;
	display: block;
}



footer .fdes {
	width: 24%;
	margin-left: 3.5%;
}


footer .navigation {
	width: 24%;
	margin-left: 2.25%;

}

footer .navigation ul {
	-webkit-column-count: 2;column-count: 2;
}

footer .navigation ul li {
	margin-bottom: 11.5px;
}

footer ul li ul a:hover {
	text-decoration: underline;
}

footer .navigation ul li a{line-height: 24px; display:block; padding-top:2px; padding-bottom:2px;}
footer .fProduct {
	width: 18%;
	margin-left: 3.55%;
}

footer .fProduct .title {
	margin-bottom: 39px;
}

footer .fProduct ul li {
	margin-bottom: 12px;
}

footer .fProduct ul li:last-child {
	margin-bottom: 0;
}


footer .fContactUs {
	width: 24%;
}


footer .fContactUs ul {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}


footer .fContactUs ul a {
	word-break: break-all;
	display: block;
}


footer .fContactUs ul>li {
	width: 44%;
}

footer .fContactUs ul>li p,
footer .fContactUs ul>li a {
	margin-bottom: 12px;
}

footer .fContactUs ul>li p:last-child,
footer .fContactUs ul>li a:last-child {
	margin-bottom: 0;
}



footer .fContactUs ul>li .item{
	margin-bottom: 12px;
}

footer .fContactUs ul>li .item:last-child{
	margin-bottom: 0;
}


footer .links {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3px;
}


footer .links p,
footer .links a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
}

footer .links a {
	margin-right: 5px;
}

footer .links a:hover {
	text-decoration: underline;
}


footer .links p {
	margin-right: 12px;
}


footer .copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	text-align: center;

}

footer .copyright a,
footer .copyright a img {
	display: inline;
}

footer .copyright a:hover {
	text-decoration: underline;
}

footer .copyright .image {
	margin-left: 6px;
}


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

	footer .fdes,
	footer .navigation,
	footer .fProduct {
		margin-right: 0;
	}

	footer .footerList {
		justify-content: space-between;
	}

	footer .fProduct {
		width: 15%;
	}

	footer .fContactUs {
		width: 26%;
	}

	footer .fdes {
		width: 23%;
	}
}

@media screen and (max-width:1600px) {
	footer .footerList .fLogo {
		width: 180px;
	}

	footer .title {
		font-size: 20px;
	}

	footer .footerList .fLogo {
		margin-bottom: 40px;
	}

	footer {
		padding: 60px 0 40px 0;
	}

	footer .footerList .address .name {
		font-size: 20px;
	}

	footer .footerList .address {
		margin-bottom: 30px;
	}

	footer .blogrolls a {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}

	footer .fProduct {
		width: 18%;
	}

	footer .fContactUs ul>li {
		width: 48%;
	}

	footer .fContactUs {
		width: 30%;
	}
}



@media screen and (max-width:1333px) {
	footer .navigation ul {
		-webkit-column-count: 1;
	}

	footer .fContactUs ul {
		flex-direction: column;
		align-items: flex-start;
	}

	footer .fContactUs ul>li {
		width: 100%;
		margin-bottom: 15px;
	}

	footer .fContactUs ul>li:last-child {
		margin-bottom: 0;
	}

	footer .fContactUs {
		width: 20%;
	}

	footer {
		padding: 50px 0 30px 0;
	}

	footer .fProduct {
		width: 24%;
	}

	footer .title {
		margin-bottom: 30px;
	}

	footer .footerList .fLogo {
		width: 150px;
		margin-bottom: 30px;
	}

	footer .fdes {
		width: 26%;
	}

	footer .footerList {
		padding-bottom: 40px;
	}
	footer .fdes {
          width: 18%;
        }
footer .navigation{  width: 22%;}
footer a, footer p{font-size: 14px;
line-height: 22px;padding-top: 4px;
padding-bottom: 4px;}

footer .footerList .address .num{font-size: 14px;
line-height: 22px;}


}

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

	footer .fProduct,
	footer .fContactUs,
	footer .navigation {
		display: none;
	}

	footer .fdes {
		width: 100%;
	}

	footer {
		padding: 40px 0 70px 0;
	}

	footer .footerList .address .name {
		font-size: 18px;
		margin-bottom: 0;
	}

	footer .blogrolls a {
		margin-bottom: 0;
	}

	footer .footerList .fLogo {
		margin-bottom: 20px;
	}

	footer .links {
		display: none;
	}

	footer .footerList .address {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}

	footer .footerList {
		padding-bottom: 30px;
	}

	footer .copyright {
		text-align: left;
	}

	footer .copyright,
	footer .copyright a,
	footer .footerList .address .num,
	footer .footerList .address .name {
		font-size: 14px;
		line-height: 24px;
	}

	footer .blogrolls a {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}
}

@media screen and (max-width:768px) {
	footer .footerList .fLogo {
		width: 130px;
	}

	footer .copyright,
	footer .copyright a,
	footer .footerList .address .num,
	footer .footerList .address .name {
		font-size: 12px;
		line-height: 22px;
	}

	footer {
		padding: 30px 0 60px 0;
	}

	footer .footerList {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:538px) {
	footer .footerList .fLogo {
		width: 120px;
	}

	footer .blogrolls a {
		margin-right: 10px;
	}

	footer .copyright .image img {
		width: 60px;
	}
}


/* 2-1走进聚弘凯 */


.aboutUs {
	padding: 77px 0 97px 0;
	background-image: url("../images/factoryBg.jpg");
	background-size: 100%;
	background-position: top right;
	background-repeat: no-repeat;
}

.aboutUs .title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 70px;
}


.aboutUs .title .title1 {
	font-size: 40px;
	color: #333333;
	line-height: 60px;
	margin-bottom: 148px;
}



.aboutUs .btns {
	display: flex;
	align-items: center;
	direction: ltr;
}




.aboutUs .btns div {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	width: 56px;
	height: 56px;
	background-color: #ffffff;
	border: solid 1px #d2d4d6;
	color: #535974;
	flex-shrink: 0;
	cursor: pointer;
	border-radius: 50%;
}



.aboutUs .btns div.prev {
	margin-right: 12px;
}



.aboutUs .btns div:hover {
	background-color: #015198;
	box-shadow: 4px 7px 13px 0px rgba(255, 255, 255, 0.16);
	color: #ffffff;
	border-color: #015198;
}




.aboutUs .title .des {
	width: 68%;
	transform: translateY(5px);
}



.aboutUs .title .des p {
	margin-bottom: 32px;
}


.aboutUs .title .des p:last-child {
	margin-bottom: 0;
}



.aboutUs .swiper .swiper-slide {
	border-radius: 32px;
	overflow: hidden;
}




@media screen and (max-width:1600px) {
	.aboutUs .title .des {
		transform: translateY(0);
	}

	.aboutUs .title .des p {
		margin-bottom: 30px;
	}

	.aboutUs .title .title1 {
		margin-bottom: 80px;
	}

	.aboutUs .btns div {
		width: 50px;
		height: 50px;
	}

	.aboutUs .swiper .swiper-slide {
		border-radius: 20px;
	}

}

@media screen and (max-width:1333px) {
	.aboutUs .btns div {
		width: 45px;
		height: 45px;
		font-size: 16px;
	}

	.aboutUs .title .title1 {
		margin-bottom: 60px;
	}

	.aboutUs .title .des {
		width: 70%;
	}

	.aboutUs .title .des p {
		margin-bottom: 20px;
	}

	.aboutUs .title {
		margin-bottom: 60px;
	}

	.aboutUs .swiper .swiper-slide {
		border-radius: 15px;
	}
}

@media screen and (max-width:999px) {
	.aboutUs .title {
		flex-direction: column;
		align-items: flex-start;
		position: relative;
		padding-bottom: 70px;
		margin-bottom: 30px;
	}

	.aboutUs .title .des {
		width: 100%;
	}

	.aboutUs .btns div {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}

	.aboutUs .title .title1 {
		margin-bottom: 40px;
	}

	.aboutUs .btns {
		position: absolute;
		bottom: 0;
		left: 0;
	}
}

@media screen and (max-width:768px) {
	.aboutUs .swiper .swiper-slide {
		border-radius: 10px;
	}

	.aboutUs .title .des p {
		margin-bottom: 15px;
	}

	.aboutUs .btns div {
		width: 35px;
		height: 35px;
	}

	.aboutUs .title {
		padding-bottom: 60px;
	}
}

@media screen and (max-width:538px) {
	.aboutUs .title .des p {
		margin-bottom: 10px;
	}

	.aboutUs .title .title1 {
		margin-bottom: 30px;
	}

	.aboutUs .swiper .swiper-slide {
		border-radius: 5px;
	}
}












.aboutFactory {
	padding: 82px 0 100px 0;
	background-color: #edeff1;
	margin-bottom: 20px;
}




.aboutFactory .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 83px;
}

.aboutFactory .title .title1::after {
	bottom: -24px;
}



.aboutFactory .numbers {
	display: flex;
	align-items: center;
	transform: translateY(13px);
}



.aboutFactory .numbers .item {
	margin-left: 171.5px;
}

.aboutFactory .numbers .item:last-child {
	margin-right: 0;
}


.aboutFactory .numbers .item .num {
	font-size: 36px;
	line-height: 36px;
	color: #015198;
	margin-bottom: 6px;
	font-weight: bold;
	white-space: nowrap;
}

.aboutFactory .numbers .item .num span {
	margin-right: -9.5px;
}


.aboutFactory .numbers .item .name {
	font-size: 16px;
	line-height: 28px;
	color: #666666;
	white-space: nowrap;
}






.aboutFactory .list .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 80px;
}

.aboutFactory .list .item:last-child {
	margin-bottom: 0;
}



.aboutFactory .list .item:nth-child(2n-1) {
	flex-direction: row-reverse;
}



.aboutFactory .list .item .image {
	width: 50%;
	border-radius: 32px;
	overflow: hidden;
}


.aboutFactory .list .item .msg {
	width: 44.1%;
}

.aboutFactory .msg p {
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	margin-bottom: 32px;
}

.aboutFactory .msg p:last-child {
	margin-bottom: 0;
}


.aboutFactory .list .item .clear {
	display: none;
}


@media screen and (max-width:1600px) {
	.aboutFactory .numbers {
		transform: translateY(0);
	}

	.aboutFactory .numbers .item .num {
		font-size: 32px;
		line-height: 32px;
	}

	.aboutFactory .numbers .item .num span {
		margin-right: 0;
	}

	.aboutFactory .numbers .item {
		margin-right: 80px;
	}

	.aboutFactory .title {
		margin-bottom: 80px;
	}

	.aboutFactory .list .item .image {
		border-radius: 20px;
	}
}

@media screen and (max-width:1333px) {
	.aboutFactory .msg p {
		margin-bottom: 20px;
	}

	.aboutFactory .list .item .clear {
		display: block;
	}

	.aboutFactory .list .item {
		display: block;
		margin-bottom: 60px;
	}

	.aboutFactory .list .item .image {
		border-radius: 10px;
	}

	.aboutFactory .list .item:nth-child(2n-1) .image {
		float: right;
		margin-left: 5%;
	}

	.aboutFactory .list .item:nth-child(2n) .image {
		float: left;
		margin-right: 5%;
	}

	.aboutFactory .list .item .msg {
		width: 100%;
	}

	.aboutFactory .numbers .item .num {
		font-size: 26px;
		line-height: 26px;
	}

	.aboutFactory .title {
		margin-bottom: 70px;
	}
}



@media screen and (max-width:999px) {
	.aboutFactory .title {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 60px;
	}

	.aboutFactory .title .title1::after {
		bottom: -15px;
	}

	.aboutFactory .title .title1 {
		margin-bottom: 50px;
	}

	.aboutFactory .numbers .item .num {
		font-size: 24px;
		line-height: 24px;
	}

	.aboutFactory .numbers .item .name {
		font-size: 14px;
		line-height: 24px;
	}

	.aboutFactory .list .item .image {
		border-radius: 5px;
	}

	.aboutFactory .list .item {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.aboutFactory .numbers .item .num {
		font-size: 22px;
		line-height: 30px;
	}

	.aboutFactory .numbers .item .name {
		font-size: 12px;
		line-height: 22px;
	}

	.aboutFactory .title {
		margin-bottom: 40px;
	}

	.aboutFactory .list .item {
		margin-bottom: 40px;
	}

}

@media screen and (max-width:538px) {
	.aboutFactory .list .item:nth-child(n) .image {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		float: none;
		margin-bottom: 20px;
	}

	.aboutFactory .numbers .item {
		margin-right: 0;
	}

	.aboutFactory .numbers {
		width: 100%;
		justify-content: space-between;
	}

	.aboutFactory .list .item {
		margin-bottom: 30px;
	}

	.aboutFactory .numbers .item .num {
		font-size: 20px;
	}

	.aboutFactory .title {
		margin-bottom: 30px;
	}

	.aboutFactory .title .title1 {
		margin-bottom: 40px;
	}

}





.history {
	padding: 78px 0 116px 0;
	background-image: url("../images/history-bg.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.history .title1 {
	text-align: center;
	margin-bottom: 88px;
}



.history .title1::after {
	left: 50%;
	transform: translateX(-50%);
}






.history .gallery .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}





.history .gallery .swiper-slide .msg {
	width: 79.1%;
	position: relative;
	background-color: #015198;
	border-radius: 24px;
	padding: 71px 40px 86px 40px;
}



.history .gallery .swiper-slide {
	opacity: 0;
	transition: .4s linear opacity;
}

.history .gallery .swiper-slide .msg::after {
	position: absolute;
	content: "";
	width: 91.689%;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(1, 81, 152, 0.3);
	border-radius: 24px;
	z-index: -1;
	opacity: 0;
	transition: .4s ease all;
	bottom: 0;
}


.history .gallery .swiper-slide-active {
	opacity: 1;
}

.history .gallery .swiper-slide-active .msg::after {
	bottom: -14px;
	opacity: 1;
}



.history .gallery .swiper-slide .msg .time {
	font-size: 22px;
	line-height: 32px;
	color: #ffffff;
	margin-bottom: 19px;
	text-align: center;
}


.history .gallery .swiper-slide .msg .story {
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	text-align: center;
}



.history .gallery {
	position: relative;
	margin-bottom: 128px;
}



.history .gallery .prev,
.history .gallery .next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background-color: #ffffff;
	border: solid 1px #d2d4d6;
	color: #535974;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-73%);
	cursor: pointer;
	z-index: 99;
	font-size: 18px;
}



.history .gallery .prev:hover,
.history .gallery .next:hover {
	background-color: #015198;
	box-shadow: 4px 7px 13px 0px rgba(255, 255, 255, 0.4);
	color: #ffffff;
	border-color: #015198;
}


.history .gallery .prev {
	left: 0;
}


.history .gallery .next {
	right: 0;
}



.history .thumbs {
	position: relative;
	clip-path: polygon(0% -1000%, 100% -1000%, 100% 1000%, 0 1000%);
}


.history .thumbs::after {
	content: "";
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	height: 2px;
	background-color: rgba(1, 81, 152, 0.3);
}

.history .thumbs .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}


.history .thumbs .swiper-slide:hover .year {
	color: #015198;
}

.history .thumbs .swiper-slide .year {
	font-size: 22px;
	line-height: 24px;
	color: #333333;
	position: absolute;
	bottom: 43px;
	left: 50%;
	transform: translateX(-50%);
}



.history .thumbs .circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: solid 2px transparent;
	border-radius: 50%;
	position: relative;
}


.history .thumbs .circle::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	background-color: rgba(1, 64, 153, 0.1);
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 0;
	height: 0;
	opacity: 0;
	transition: .4s ease width, .4s ease height, .4s ease opacity;
}



.history .thumbs .circle div {
	border-radius: 50%;
	width: 20px;
	height: 20px;
	background-color: #015198;
}


.history .thumbs .swiper-slide-thumb-active .circle::after {
	width: 42px;
	height: 42px;
	opacity: 1;
}

.history .thumbs .swiper-slide-thumb-active .circle {
	border: solid 2px #014099;
}

.history .thumbs .swiper-slide-thumb-active .year {
	font-size: 28px;
	color: #015198;
	font-weight: bold;
	bottom: 46px;
}

@media screen and (max-width:1600px) {
	.history .title1 {
		margin-bottom: 80px;
	}

	.history .gallery .swiper-slide .msg {
		padding: 60px 40px;
		border-radius: 15px;
	}

	.history .gallery .swiper-slide .msg::after {
		border-radius: 15px;
	}

	.history .thumbs .swiper-slide-thumb-active .year {
		font-size: 24px;
		line-height: 30px;
	}

	.history .thumbs .swiper-slide .year {
		font-size: 20px;
		bottom: 35px;
	}

	.history .thumbs .circle div {
		width: 15px;
		height: 15px;
	}

	.history .thumbs .circle {
		width: 25px;
		height: 25px;
	}

	.history .thumbs .swiper-slide-thumb-active .circle::after {
		width: 35px;
		height: 35px;
	}

	.history .gallery .prev,
	.history .gallery .next {
		transform: translateY(-50%);
		width: 50px;
		height: 50px;
		font-size: 14px;
	}

	.history .gallery .swiper-slide .msg .time {
		font-size: 20px;
	}
}

@media screen and (max-width:1333px) {
	.history .title1 {
		margin-bottom: 60px;
	}

	.history .gallery .swiper-slide .msg {
		padding: 40px 30px;
	}

	.history .gallery .prev,
	.history .gallery .next {
		width: 45px;
		height: 45px;
	}

	.history .gallery {
		margin-bottom: 100px;
	}

	.history .thumbs .swiper-slide .year {
		font-size: 18px;
		line-height: 28px;
	}

	.history .thumbs .swiper-slide-thumb-active .year {
		font-size: 20px;
		line-height: 30px;
	}
}

@media screen and (max-width:999px) {
	.history .title1 {
		margin-bottom: 50px;
	}

	.history .gallery .prev,
	.history .gallery .next {
		width: 40px;
		height: 40px;
	}

	.history .gallery .swiper-slide .msg,
	.history .gallery .swiper-slide .msg::after {
		border-radius: 10px;
	}

	.history .gallery .swiper-slide .msg .time {
		margin-bottom: 10px;
	}

	.history .thumbs .swiper-slide .year {
		font-size: 16px;
		line-height: 26px;
		bottom: 22px;
	}

	.history .thumbs .swiper-slide-thumb-active .year {
		font-size: 18px;
		bottom: 26px;
	}

	.history .thumbs .swiper-slide-thumb-active .circle::after {
		width: 30px;
		height: 30px;
	}

	.history .thumbs .circle {
		width: 20px;
		height: 20px;
	}

	.history .thumbs .circle div {
		width: 12px;
		height: 12px;
	}
}

@media screen and (max-width:768px) {
	.history .title1 {
		margin-bottom: 40px;
	}

	.history .gallery .swiper-slide .msg {
		padding: 30px 20px;
	}

	.history .gallery .prev,
	.history .gallery .next {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}

	.history .gallery {
		margin-bottom: 75px;
	}

	.history .thumbs .swiper-slide .year {
		font-size: 14px;
	}

	.history .thumbs .swiper-slide-active .year {
		font-size: 16px;
	}
}

@media screen and (max-width:538px) {
	.history .title1 {
		margin-bottom: 30px;
	}
}

.iDesign.design {
	padding: 77px 0 100px 0;
	background-image: url("../images/design-bg.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.iDesign.design .txt {
	display: block;
}

.iDesign.design .msg {
	width: 59%;
}



.iDesign.design .txt p {
	margin-bottom: 32px;
	line-height: 32px;
}


.iDesign.design .txt p:last-child {
	margin-bottom: 0;
}


.iDesign.design .title1::after {
	bottom: -33px;
	background-color: #ffffff;
}

.iDesign.design .msg .title1 {
	margin-bottom: 73px;
}

.iDesign.design .msg .tit {
	margin-bottom: 100px;
}



@media screen and (max-width:1333px) {
	.iDesign.design .msg .title1 {
		margin-bottom: 60px;
	}

	.iDesign.design .title1::after {
		bottom: -20px;
	}

	.iDesign.design .msg .tit {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:768px) {
	.iDesign.design .msg {
		width: 100%;
	}

	.iDesign.design .msg .title1 {
		margin-bottom: 40px;
	}

	.iDesign.design .txt p {
		margin-bottom: 20px;
	}

	.iDesign.design .title1::after {
		bottom: -15px;
	}

	.iDesign.design .msg .tit {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:538px) {
	.iDesign.design .msg .tit {
		margin-bottom: 40px;
	}
}



/* 2-2走进聚弘凯 */
.smallNav {
	background-color: #f5f5f7;
}


.smallNav .swiper {
	height: 80px;
}


.smallNav .con {
	position: relative;
}

.smallNav .con .prev,
.smallNav .con .next {
	position: absolute;
	top: 50%;
	z-index: 999;
	cursor: pointer;
}


.smallNav .con .prev {
	left: 0;
	transform: translateY(-50%) translateX(-300%);
}

.smallNav .con .next {
	right: 0;
	transform: translateY(-50%) translateX(300%);
}


.smallNav .con .prev:hover,
.smallNav .con .next:hover {
	color: #015198;
}



.smallNav .swiper a {
	height: 80px;
	line-height: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	display: block;
	position: relative;
}



.smallNav .swiper a::after {
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	background-color: #014099;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	transition: .4s ease all;
}

.smallNav .swiper .swiper-slide {
	width: auto;
	margin-left: 96px;
}





.smallNav .swiper .swiper-slide.active a,
.smallNav .swiper .swiper-slide:hover a {
	color: #015198;
}

.smallNav .swiper .swiper-slide.active a::after,
.smallNav .swiper .swiper-slide:hover a::after {
	width: 100%;
}


.factory {
	padding: 77px 0 97px 0;
	background-image: url("../images/factoryBg.jpg");
	background-size: 100%;
	background-position: top right;
	background-repeat: no-repeat;
}


.factory .des {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 66px;
}




.factory .des .title1 {
	font-size: 40px;
	line-height: 60px;
	color: #333333;
	position: relative;
	font-weight: bold;
}




.factory .des .title1::after {
	content: "";
	position: absolute;
	width: 62px;
	height: 2px;
	right: 0;
	bottom: -23px;
	background-color: #014099;
}

.factory .des .msgs {
	width: 68.1%;
	transform: translateY(4px);
}

.moretxts {
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	overflow: hidden;
	position: relative;
}

.moretxts::after {
	content: "";
	position: absolute;
	background-color: #ffffff;
	opacity: 1;
	right: 0;
	bottom: 0;
	text-indent: 2px;
}

.moretxts.active::after {
	content: "...";
	position: absolute;
	background-color: #ffffff;
	opacity: 0;
}



.moretxts span,.moretxts em {
	color: #015299; font-style:normal;
}


.factory .list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 17px;
}





.factory .list .item {
	width: 31.92%;
	margin-left: 2.12%;
	margin-bottom: 35px;
}



.factory .list .item .image {
	margin-bottom: 14.5px;
	border-radius: 16px;
	overflow: hidden;
}



.factory .list .item .name {
	font-size: 16px;
	line-height: 26px;
	color: #333333;
}

.factory .list .item:nth-child(3n) {
	margin-left: 0;
}

.moreBtn {
	width: 140px;
	height: 44px;
	border-radius: 22px;
	border: solid 1px #014099;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #014099;
	cursor: pointer;
	margin-top: 20px;
}


.moreBtn:hover {
	background-color: #014099;
	color: #ffffff;
}


/* 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;
	direction: ltr;
}

#baguetteBox-overlay.visible {
	opacity: 1
}

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

#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: Verdana, Geneva, sans-serif;
}

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

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left .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)
	}
}

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

	.smallNav .swiper,
	.smallNav .swiper a {
		height: 60px;
		line-height: 60px;
	}

	.smallNav .safeRange2 {
		padding: 0 60px;
	}

	.smallNav .con .prev,
	.smallNav .con .next {
		transform: translateY(-50%);
	}

	.smallNav .swiper .swiper-slide {
		margin-right: 85px;
	}

	.factory .list .item .image {
		border-radius: 10px;
	}

	.factory .list .item {
		margin-bottom: 30px;
	}

	.factory .des {
		margin-bottom: 60px;
	}

	.factory .des .msgs {
		transform: translateY(0px);
	}

	.moreBtn {
		height: 40px;
	}
}

@media screen and (max-width:1333px) {
	.factory .list .item .image {
		border-radius: 5px;
		margin-bottom: 10px;
	}

	.factory .des .title1::after {
		width: 50px;
	}

	.factory .des .msgs {
		width: 70%;
	}

	.factory .list .item {
		margin-bottom: 25px;
	}

	.smallNav .swiper,
	.smallNav .swiper a {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.smallNav .swiper .swiper-slide {
		margin-right: 60px;
	}

	.moreBtn {
		height: 35px;
		width: 140px;
	}
}

@media screen and (max-width:999px) {
	.factory .des {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 50px;
	}

	.factory .des .msgs {
		width: 100%;
	}

	.factory .des .title1 {
		margin-bottom: 25px;
	}

	.factory .des .title1::after {
		bottom: -15px;
	}

	.factory .list .item {
		margin-bottom: 20px;
	}

	.factory .list {
		margin-bottom: 20px;
	}

	.smallNav .con .prev,
	.smallNav .con .next {
		font-size: 14px;
	}

	.moreBtn {
		height: 30px;
		width: 120px;
	}
}

@media screen and (max-width:768px) {
	.factory .des {
		margin-bottom: 40px;
	}

	.factory .list .item .image {
		margin-bottom: 5px;
	}

	.factory .list .item {
		margin-bottom: 15px;
	}

	.smallNav .swiper,
	.smallNav .swiper a {
		font-size: 12px;
	}

	.smallNav .safeRange2 {
		padding: 0 40px;
	}

	.smallNav .swiper .swiper-slide {
		margin-right: 40px;
	}

	.smallNav .con .prev,
	.smallNav .con .next {
		font-size: 12px;
	}

	.smallNav .swiper,
	.smallNav .swiper a {
		height: 35px;
		line-height: 35px;
	}

	.moreBtn {
		width: 100px;
	}
}

@media screen and (max-width:538px) {
	.factory .list .item:nth-child(n) {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 10px;
	}

	.factory .list .item:nth-child(2n) {
		margin-right: 0;
	}

	.factory .des {
		margin-bottom: 30px;
	}

	.smallNav .swiper .swiper-slide {
		margin-right: 30px;
	}

	.moreBtn {
		margin-top: 15px;
	}

}



/* 2-3走进聚弘凯 */


.vision {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 81px;
}





.vision .checkBtns {
	width: 49.928%;
}


.vision .checks {
	width: 45.785%;
	margin-top: 30px;
}



.vision .checkBtns .item {
	position: relative;
	border-bottom: 1px solid #dedede;
	padding: 14px 20px 12px 0px;
	z-index: 2;
	margin-bottom: 10px;
}

.vision .checkBtns .item:last-child {
	margin-bottom: 0;
}



.vision .checkBtns .item.current {
	padding-left: 20px;
}


.vision .checkBtns .item.current::before {
	width: 2px;
}

.vision .checkBtns .item.current::after {
	width: 100%;
}


.vision .checkBtns .item.current .name {
	color: #014099;
}





.vision .checkBtns .item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #014099;
	width: 0;
	opacity: .6;
}



.vision .checkBtns .item::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("../images/visionbg.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	z-index: -1;
	width: 0;
	transition: .4s ease all;

}





.vision .checkBtns .item .name {
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 11px;
	font-weight: bold;
}


.vision .checkBtns .item .txts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 32px;
	color: #666666;
}


.vision .checks .item {
	border-radius: 16px;
	overflow: hidden;
}


.purpose {
	margin-bottom: 3px;
}

.purpose .title1 {
	font-size: 40px;
	color: #333333;
	line-height: 60px;
	margin-bottom: 74px;
	position: relative;
	font-weight: bold;
}



.purpose .title1::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -25px;
	height: 2px;
	background-color: #014099;
	width: 62px;
}


.purpose .message {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}


.purpose .message .item {
	width: 23.75%;
	margin-left: 1.6666%;
	background-color: rgba(1, 82, 153, .1);
	border-radius: 16px;
	padding: 37px 30px 41px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}


.purpose .message .item:nth-child(4n) {
	margin-left: 0;
}

.purpose .message .item:hover {
	background-color: #015299;
}

.purpose .message .item:hover p {
	color: #ffffff;
}

.purpose .message .item p {
	font-size: 18px;
	line-height: 32px;
	color: #015299;
	text-align: center;
}

.vision .checks .item img {
	display: block;
}


@media screen and (max-width:1600px) {
	.vision .checkBtns .item {
		padding: 10px 20px 10px 0px;
	}

	.vision .checkBtns .item .name {
		margin-bottom: 5px;
	}

	.vision .checks {
		margin-top: 0;
	}
}

@media screen and (max-width:1333px) {
	.vision .checkBtns .item .name {
		font-size: 18px;
		line-height: 28px;
	}

	.vision .checkBtns .item .txts {
		line-height: 28px;
	}

	.vision {
		margin-bottom: 60px;
	}

	.purpose .title1 {
		margin-bottom: 60px;
	}

	.purpose .message .item {
		border-radius: 10px;
	}
}

@media screen and (max-width:999px) {
	.vision .checkBtns .item .name {
		font-size: 16px;
		line-height: 26px;
	}

	.vision .checks .item {
		border-radius: 10px;
	}

	.vision .checkBtns .item.current {
		padding-left: 15px;
	}

	.vision .checkBtns {
		width: 45%;
	}

	.vision .checks {
		width: 50%;
	}

	.purpose .message .item {
		padding: 30px 10px;
	}

	.purpose .title1 {
		margin-bottom: 50px;
	}

	.purpose .title1::after {
		width: 50px;
		bottom: -15px;
	}
}

@media screen and (max-width:768px) {
	.vision {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 40px;
	}

	.vision .checkBtns {
		width: 100%;
		margin-bottom: 30px;
	}

	.vision .checks {
		width: 100%;
		max-width: 600px;
	}

	.purpose .title1 {
		margin-bottom: 40px;
	}

	.purpose .message .item:nth-child(n) {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 15px;
		border-radius: 5px;
		padding: 20px 10px;
	}

	.purpose .message .item:nth-child(2n) {
		margin-right: 0;
	}
}

@media screen and (max-width:538px) {
	.vision .checkBtns .item .name {
		font-size: 14px;
		line-height: 24px;
	}

	.purpose .message .item:nth-child(n) {
		margin-bottom: 10px;
	}
}









/* 2-4走进聚弘凯 */

.linTit {
	font-size: 40px;
	line-height: 60px;
	color: #333333;
	position: relative;
	font-weight: bold;
}


.linTit::after {
	content: "";
	position: absolute;
	/*right: 0;*/
	width: 59px;
	height: 2px;
	/*background-color: #015299;*/
	bottom: -23px;
}




.research {
	padding: 89px 0 90px 0;
	background-image: url("../images/factoryBg.jpg");
	background-size: 100%;
	background-position: right top;
	background-repeat: no-repeat;
}

.research .msg {
	padding: 26px 0;
}

.research .msg .title1 {
	margin-bottom: 24px;
}




.research .msg .txts p {
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	margin-bottom: 32px;
}


.research .msg .txts p:last-child {
	margin-bottom: 0;
}



.research .image {
	width: 47.9285%;
	margin-left: 2.9%;
	float: right;
	border-radius: 16px;
	overflow: hidden;
}

@media screen and (max-width:1600px) {
	.research .msg .title1 {
		margin-bottom: 60px;
	}

	.research .msg {
		padding: 0;
	}
}

@media screen and (max-width:1333px) {
	.research .image {
		width: 50%;
		border-radius: 8px;
	}

	.research .msg .txts p {
		margin-bottom: 20px;
	}

	.research .msg .title1 {
		margin-bottom: 50px;
	}

	.linTit::after {
		bottom: -15px;
	}
}

@media screen and (max-width:999px) {
	.research .msg .title1 {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:768px) {
	.research .msg .title1 {
		margin-bottom: 30px;
	}

	.research .msg .txts p {
		margin-bottom: 15px;
	}

	.research .image {
		border-radius: 5px;
	}
}

@media screen and (max-width:538px) {
	.research .image {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-top: 20px;
	}

	.research .safeRange2 {
		display: flex;
		flex-direction: column-reverse;
	}

}





.honor {
	background-color: #f5f5f7;
	padding: 91px 0 110px 0;
}



.honor .des {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 62px;
}

.honor .des .title {
	transform: translateY(-4px);
}

.honor .des .title .title1 {
	margin-bottom: 70px;
}



.honor .des .title .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 193px;
	height: 58px;
	border-radius: 29px;
	border: solid 1px #015299;
	font-size: 18px;
	color: #015299;
}



.honor .des .title .btn i {
	flex-shrink: 0;
	margin-left: 10px;
	font-size: 18px;
}


.honor .des .title .btn:hover {
	background-color: #015299;
	color: #ffffff;
}

.honor .des .title .btn:hover i {
	color: #ffffff;
}


.honor .des .txts {
	width: 71.9%;
}


.honor .des .txts p {
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	margin-bottom: 32px;
}


.honor .des .txts p:last-child {
	margin-bottom: 0;
}


.honor .image {
	border-radius: 24px;
	overflow: hidden;
}


@media screen and (max-width:1600px) {
	.honor .des .title {
		transform: translateY(0);
	}

	.honor .des .title .btn {
		height: 50px;
	}

	.honor .image {
		border-radius: 15px;
	}
}

@media screen and (max-width:1333px) {
	.honor .des .title .btn {
		height: 45px;
		width: 160px;
	}

	.honor .des .txts p {
		margin-bottom: 30px;
	}

	.honor .des {
		margin-bottom: 50px;
	}

	.honor .image {
		border-radius: 10px;
	}
}

@media screen and (max-width:999px) {
	.honor .des {
		flex-direction: column;
		align-items: flex-start;
	}

	.honor .des .txts {
		width: 100%;
	}

	.honor .des .txts p {
		margin-bottom: 20px;
	}

	.honor .des .title .title1 {
		margin-bottom: 0;
	}

	.honor .des .title {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 40px;
	}

	.honor .des .title .btn {
		height: 40px;
		width: 140px;
	}

	.honor .des {
		margin-bottom: 40px;
	}

}

@media screen and (max-width:768px) {
	.honor .des .title .btn {
		height: 35px;
	}

	.honor .des .title .btn i {
		font-size: 14px;
	}

	.honor .des .txts p {
		margin-bottom: 15px;
	}

	.honor .image {
		border-radius: 5px;
	}
}

@media screen and (max-width:538px) {
	.honor .des .title {
		margin-bottom: 30px;
	}

	.honor .des .title .btn {
		width: 120px;
		height: 30px;
	}

	.honor .des {
		margin-bottom: 30px;
	}

}








.produce {
	padding: 87px 0 93px 0;
	background-image: url("../images/abilityM3-1.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.produce .con {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.produce .msg {
	width: 63%;
}

.produce .title1 {
	font-size: 40px;
	line-height: 60px;
	color: #ffffff;
	margin-bottom: 65px;
}

.produce .title1::after {
	background-color: #ffffff;
}




.produce .txts p {
	font-size: 16px;
	line-height: 32px;
	color: #f0f0f0;
	margin-bottom: 32px;
}



.produce .txts p:last-child {
	margin-bottom: 0;
}




.produce .btn {
	width: 136px;
	height: 136px;
	background-color: #015198;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	flex-shrink: 0;
	transform: translateY(3px);
	flex-shrink: 0;
	outline: 0px solid rgba(255, 255, 255, .3);
}

.produce .btn:hover {
	outline: 10px solid rgba(255, 255, 255, .3);
}


.produce .btn i {
	font-size: 40px;
	font-weight: bold;
	transform: rotate(-45deg);
	color: #ffffff;
	margin-bottom: 9px;
}


.produce .btn span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
}


@media screen and (max-width:1600px) {
	.produce .btn {
		transform: translateY(0);
		width: 120px;
		height: 120px;
	}

	.produce .title1 {
		margin-bottom: 60px;
	}

	.produce .btn span {
		font-size: 16px;
		line-height: 26px;
	}

	.produce .btn i {
		font-size: 34px;
	}

	.produce .title1 {
		margin-bottom: 50px;
	}

	.produce .txts p {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:999px) {
	.produce .title1 {
		margin-bottom: 40px;
	}

	.produce .btn {
		width: 100px;
		height: 100px;
	}

	.produce .btn span {
		font-size: 14px;
		line-height: 24px;
	}

	.produce .btn i {
		font-size: 28px;
	}

	.produce .txts p {
		margin-bottom: 20px;
	}

	.produce .btn {
		outline: 10px solid rgba(255, 255, 255, .3);
	}

}

@media screen and (max-width:768px) {
	.produce .btn {
		width: 90px;
		height: 90px;
	}

	.produce .txts p {
		margin-bottom: 15px;
	}
}

@media screen and (max-width:538px) {
	.produce .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.produce .title1 {
		margin-bottom: 30px;
	}

	.produce .msg {
		width: 100%;
		margin-bottom: 30px;
	}

	.produce .btn {
		width: 80px;
		height: 80px;
	}

	.produce .btn i {
		margin-bottom: 5px;
	}

}









.equipment {
	padding: 86px 0 99px 0;
}



.equipment .title1 {
	margin-bottom: 87px;
}



.equipment .swiper-slide {
	border-radius: 16px;
	overflow: hidden;
}



.equipment .swiperBox {
	position: relative;
}


.equipment .swiperBox .prev,
.equipment .swiperBox .next {
	width: 56px;
	height: 56px;
	background-color: #ffffff;
	border: solid 1px #d2d4d6;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	border-radius: 50%;
	color: #535974;
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}



.equipment .swiperBox .prev:hover,
.equipment .swiperBox .next:hover {
	background-color: #015198;
	box-shadow: 4px 7px 13px 0px rgba(255, 255, 255, 0.4);
	color: #ffffff;
	border-color: #535974;
}



.equipment .swiperBox .prev {
	left: -9.25%;
}



.equipment .swiperBox .next {
	right: -9.25%;
}


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

	.equipment .swiperBox .prev,
	.equipment .swiperBox .next {
		transform: translateX(0) translateY(-140%);
		top: 0;
		width: 50px;
		height: 50px;
		left: auto;
		font-size: 16px;
	}

	.equipment .swiperBox .prev {
		right: 70px;
	}

	.equipment .swiperBox .next {
		right: 0;
	}

	.equipment .swiper-slide {
		border-radius: 10px;
	}
}

@media screen and (max-width:1333px) {
	.equipment .swiper-slide {
		border-radius: 5px;
	}

	.equipment .swiperBox .prev,
	.equipment .swiperBox .next {
		width: 45px;
		height: 45px;
		font-size: 14px;
	}

	.equipment .swiperBox .prev {
		right: 65px;
	}

}

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

	.equipment .swiperBox .prev,
	.equipment .swiperBox .next {
		width: 40px;
		height: 40px;
	}
}

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

	.equipment .swiperBox .prev,
	.equipment .swiperBox .next {
		width: 35px;
		height: 35px;
	}

	.equipment .swiperBox .prev {
		right: 60px;
	}

	.equipment .title1 {
		margin-bottom: 70px;
	}

}

/* 2-5走进聚弘凯 */

.cooperate {
	padding: 78px 0 70px 0;
}


.cooperate .title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 76px;
}




.cooperate .title .title1 {
	font-size: 40px;
	line-height: 60px;
	color: #333333;
}


.cooperate .title .title1::after {
	bottom: -19px;
}

.cooperate .title .des {
	width: 71.8%;
}

.cooperate .title .des .txts {
	transform: translateY(3px);
}


.cooperate .swiper-slide {
	border-radius: 16px;
	overflow: hidden;
}



.cooperate .swiper-pagination {
	position: static;
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cooperate .swiper-pagination span {
	width: 20px;
	height: 20px;
	border: solid 1px transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	opacity: 1;
	margin: 0 20px !important;
}


.cooperate .swiper-pagination span::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-color: #c3c3c3;
	border-radius: 50%;
}

.cooperate .swiper-pagination span.swiper-pagination-bullet-active {
	border: solid 1px #015299;
}

.cooperate .swiper-pagination span.swiper-pagination-bullet-active::after {
	background-color: #015299;
}

@media screen and (max-width:1600px) {
	.cooperate .title .des .txts {
		transform: translateY(0);
	}

	.cooperate .swiper-slide {
		border-radius: 10px;
	}

	.cooperate .swiper-pagination span {
		margin: 0 10px !important;
	}

	.cooperate .title {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:1333px) {
	.cooperate .swiper-slide {
		border-radius: 5px;
	}
}

@media screen and (max-width:999px) {
	.cooperate .title {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 40px;
	}

	.cooperate .title .title1 {
		margin-bottom: 40px;
	}

	.cooperate .title .des {
		width: 100%;
	}

	.cooperate .swiper-pagination {
		margin-top: 30px;
	}

	.cooperate .title .title1::after {
		bottom: -15px;
	}
}

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

	.cooperate .title .title1,
	.cooperate .title {
		margin-bottom: 30px;
	}

}

@media screen and (max-width:538px) {
	.cooperate .swiper-pagination span {
		width: 18px;
		height: 18px;
		margin: 0 5px !important;
	}

	.cooperate .swiper-pagination span::after {
		width: 8px;
		height: 8px;
	}
}







.partner {
	background-image: url("../images/cooperateBg.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 77px 0 96px 0;
}

.partner .title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 68px;
}

.partner .title .title1::after {
	bottom: -23px;
}





.partner .title .des {
	width: 71.8%;
}

.partner .title .des .txts {
	transform: translateY(5px);
}

@media screen and (max-width:1600px) {
	.partner .title .des .txts {
		transform: translateY(0);
	}
}

@media screen and (max-width:1333px) {
	.partner .title {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:999px) {
	.partner .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.partner .title .des {
		width: 100%;
	}

	.partner .title .title1 {
		margin-bottom: 40px;
	}

	.partner .title .title1::after {
		bottom: -15px;
	}

	.partner .title {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:768px) {
	.partner .title {
		margin-bottom: 30px;
	}

	.partner .title .title1 {
		margin-bottom: 30px;
	}
}


/* 2-6走进聚弘凯 */


.videoCon {
	padding: 77px 0 87px 0;
	background-image: url("../images/factoryBg.jpg");
	background-size: 100%;
	background-position: right top;
	background-repeat: no-repeat;
}


.videoCon .title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 37px;
}




.videoCon .title .box .title1::after {
	bottom: -23px;
}


.videoCon .title .des {
	width: 68.1%;
	transform: translateY(5px);
}

.videoCon .smallNav2 {
	margin-bottom: 54px;
}



.smallNav2 {
	display: flex;
	flex-wrap: wrap;
}


.smallNav2 a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 18px;
	padding: 0 26px;
	height: 40px;
	background-color: #014099;
	border-radius: 20px;
	background-color: rgba(1, 64, 153, 0.1);
	font-size: 16px;
	color: #015299;
	margin-bottom: 15px;
}



.smallNav2 a:hover,
.smallNav2 a.active {
	background-color: #015299;
	color: #ffffff;
}




.videoCon .list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 27px;
}





.videoCon .list .video,.videoCon .list .videono {
	width: 32%;
	margin-left: 2%;
	margin-bottom: 30px;
	position: relative;
	cursor: pointer;
	border-radius: 16px;
	overflow: hidden;
}

.videoCon .list .video:hover .playBtn img,.videoCon .list .videono:hover .playBtn img {
	transform: scale(1.1, 1.1);
}

.videoCon .list .video .playBtn,.videoCon .list .videono  .playBtn{
	width: 82px;
	height: 82px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);

}


.videoCon .list .video:nth-child(3n),.videoCon .list .videono:nth-child(3n) {
	margin-left: 0;
}




@media screen and (max-width:1600px) {
	.videoCon .title .des {
		transform: translateY(0);
	}

	.videoCon .list .video .playBtn {
		width: 60px;
		height: 60px;
	}

	.videoCon .list .video,.videoCon .list .videono {
		border-radius: 10px;
	}

	.videoCon .list {
		margin-bottom: 20px;
	}
}


@media screen and (max-width:1333px) {
	.smallNav2 a {
		height: 35px;
		padding: 0 20px;
		margin-right: 15px;
	}

	.videoCon .title {
		margin-bottom: 40px;
	}

	.videoCon .list .video .playBtn {
		width: 50px;
		height: 50px;
	}

	.videoCon .list .video,.videoCon .list .videono {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:999px) {
	.videoCon .title {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 30px;
	}


	.videoCon .title .title1 {
		margin-bottom: 40px;
	}

	.videoCon .title .box .title1::after {
		bottom: -15px;
	}

	.videoCon .title .des {
		width: 100%;
	}

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

	.videoCon .smallNav2 {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:768px) {
	.smallNav2 a {
		font-size: 12px;
		height: 30px;
		margin-bottom: 10px;
	}

	.videoCon .title {
		margin-bottom: 20px;
	}

	.videoCon .title .title1 {
		margin-bottom: 30px;
	}

	.videoCon .list .video:nth-child(n),.videoCon .list .videono:nth-child(n) {
		width: 48%;
		margin-right: 4%;
		border-radius: 5px;
	}

	.videoCon .list .video:nth-child(2n),.videoCon .list .videono:nth-child(2n) {
		margin-right: 0;
	}

	.videoCon .smallNav2 {
		margin-bottom: 25px;
	}
}



@media screen and (max-width:400px) {
	.videoCon .list {
		margin-bottom: 30px;
	}

	.videoCon .list .video:nth-child(n),.videoCon .list .videono:nth-child(n) {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 20px;
	}

	.videoCon .list .video:last-child,.videoCon .list .videono:last-child {
		margin-bottom: 0;
	}
}


/* 3-1产品中心 */
.product {
	padding: 97px 0 88px 0;
	background-image: url("../images/factoryBg.jpg");
	background-size: 100%;
	background-position: top right;
	background-repeat: no-repeat;
}



.product .title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 36px;
}

.product .smallNav2 {
	margin-bottom: 45px;
}

.product .smallNav2 a {
	margin-right: 10px;
}


.product .title .des {
	width: 68%;
	transform: translateY(3px);
}


.product .title .title1::after {
	bottom: -23px;
}


.product .list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 27px;
}




.product .list .item {
	width: 31.9%;
	margin-left: 2.15%;
	margin-bottom: 40px;
}



.product .list .item:nth-child(3n) {
	margin-left: 0;
}


.product .list .item .image {
	background-color: #f5f5f7;
	border-radius: 24px;
	overflow: hidden;
	margin-bottom: 16px;
}



.product .list .item .name {
	text-align: center;
	margin-bottom: 10px;
	font-size: 18px;
	color: #333333;
	margin-bottom: 18px;
	display: block;
}

.product .list .item .name:hover {
	color: #015198;
}


.product .list .item .btns {
	display: flex;
	align-items: center;
	width: 152px;
	height: 46px;
	border-radius: 23px;
	background-color: #015299;
	background-color: rgba(1, 82, 153, .1);
	margin: 0 auto;
	justify-content: center;
}

.product .list .item .name:hover {
	color: #015299;
}

.product .list .item .btns a {
	font-size: 18px;
	color: #015299;
}

.product .list .item .btns a:hover {
	text-decoration: underline;
}


.product .list .item .check {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 10px;
	height: 10px;
	border: solid 1px #015299;
	flex-shrink: 0;
	margin-left: 10px;
}

.product .list .item .check input {
	position: absolute;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	cursor: pointer;
	opacity: 0;
	z-index: 9;
}


.product .list .item .check i {
	font-size: 22px;
	color: #015299;
	opacity: 0;
}

.product .list .item .check.active i {
	opacity: 1;
}



@media screen and (max-width:1600px) {
	.product .title .des {
		transform: translateY(0);
	}

	.product .title {
		margin-bottom: 50px;
	}

	.product .list .item .image {
		border-radius: 15px;
	}

	.product .list .item .btns {
		height: 40px;
	}

	.product .list .item .btns a {
		font-size: 16px;
	}
}

@media screen and (max-width:1333px) {
	.product .list .item .image {
		border-radius: 10px;
	}

	.product .list .item {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:999px) {
	.product .title {
		margin-bottom: 40px;
	}

	.product .smallNav2 {
		margin-bottom: 30px;
	}

	.product .list .item .btns a {
		font-size: 14px;
		line-height: 24px;
	}

	.product .list .item .btns {
		height: 35px;
		width: 130px;
	}

	.product .list {
		margin-bottom: 30px;
	}

	.product .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.product .title .des {
		width: 100%;
	}

	.product .title .title1 {
		margin-bottom: 40px;
	}

	.product .title .title1::after {
		bottom: -15px;
	}
}

@media screen and (max-width:768px) {
	.product .title .title1 {
		margin-bottom: 30px;
	}

	.product .title {
		margin-bottom: 30px;
	}

	.product .list .item .btns a {
		font-size: 12px;
		line-height: 22px;
	}

	.product .list .item .btns {
		height: 30px;
		width: 110px;
	}

	.product .list .item .name {
		margin-bottom: 10px;
	}

	.product .list {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:538px) {
	.product .list .item:nth-child(n) {
		width: 48%;
		margin-left: 4%;
		margin-bottom: 25px;
	}

	.product .list .item:nth-child(2n) {
		margin-left: 0;
	}

	.product .smallNav2 {
		margin-bottom: 20px;
	}
}



.correlation {
	padding: 77px 0 100px 0;
	background-color: #f5f5f7;
}


.correlation .title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 68px;
}


.correlation .title .title1::after {
	bottom: -24px;
}



.correlation .title .des {
	width: 68%;
	transform: translateY(5px);
}


.correlation .swiperBox {
	position: relative;
}


.correlation .swiperBox .prev,
.correlation .swiperBox .next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background-color: #ffffff;
	border: solid 1px #d2d4d6;
	color: #535974;
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
}




.correlation .swiperBox .prev:hover,
.correlation .swiperBox .next:hover {
	background-color: #015198;
	box-shadow: 4px 7px 13px 0px rgba(255, 255, 255, 0.4);
	color: #ffffff;
	border-color: #015198;
}




.correlation .swiperBox .prev {
	left: -130px;
}

.correlation .swiperBox .next {
	right: -130px;
}




.appItem {
	border-radius: 16px;
	overflow: hidden;
	position: relative;
}


.appItem .msg {
	position: absolute;
	width: 100%;
	height: 59.036%;
	background-image: linear-gradient(0deg,
			rgba(0, 0, 0, 0.2) 0%,
			rgba(0, 0, 0, 0) 100%);
	border-radius: 16px;
	z-index: 9;
	left: 0;
	bottom: 0;
	pointer-events: none;
	display: flex;
	align-items: flex-end;
	padding: 30px 30px 25px 30px;
}

.appItem .msg .name {
	font-size: 20px;
	color: #ffffff;
	line-height: 30px;
	pointer-events: all;
}



.appItem .msg a.name:hover {
	text-decoration: underline;
}


.appItem:hover a.image img {
	transform: scale(1.1, 1.1);
}


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

	.correlation .swiperBox .prev,
	.correlation .swiperBox .next {
		width: 50px;
		height: 50px;
		font-size: 16px;
	}

	.correlation .swiperBox .prev {
		left: -70px;
	}

	.correlation .swiperBox .next {
		right: -70px;
	}

	.correlation .title .des {
		transform: translateY(0px);
	}
}

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

	.appItem {
		border-radius: 10px;
	}

	.correlation .swiperBox .prev,
	.correlation .swiperBox .next {
		left: auto;
		transform: translateY(-70px);
		top: 0;
	}

	.correlation .swiperBox .prev {
		right: 70px;
	}

	.correlation .swiperBox .next {
		right: 0;
	}

	.correlation .title {
		margin-bottom: 100px;
	}

	.appItem .msg .name {
		font-size: 18px;
		line-height: 28px;
	}
}

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

	.correlation .swiperBox .prev,
	.correlation .swiperBox .next {
		width: 45px;
		height: 45px;
		font-size: 14px;
	}

	.correlation .title {
		margin-bottom: 80px;
	}
}

@media screen and (max-width:999px) {
	.correlation .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.correlation .title .des {
		width: 100%;
	}

	.correlation .title .title1::after {
		bottom: -15px;
	}

	.correlation .swiperBox .prev,
	.correlation .swiperBox .next {
		width: 40px;
		height: 40px;
		transform: translateY(-60px);
	}

	.correlation .swiperBox .prev {
		right: 60px;
	}

	.appItem .msg {
		padding: 20px;
	}
	.correlation .title .title1{
		margin-bottom: 40px;
	}
}

@media screen and (max-width:768px) {
	.correlation .title {
		margin-bottom: 60px;
	}

	.correlation .swiperBox .prev,
	.correlation .swiperBox .next {
		width: 35px;
		height: 35px;
		transform: translateY(-50px);
		font-size: 12px;
	}

	.correlation .swiperBox .prev {
		right: 50px;
	}

	.appItem {
		border-radius: 5px;
	}

	.appItem .msg {
		padding: 15px;
	}
	.correlation .title .title1{
		margin-bottom: 30px;
	}
}







/* 3-2产品中心 */

.productShow {
	padding: 90px 0 63px 0;
	background-image: url("../images/factoryBg.jpg");
	background-size: 100%;
	background-position: right top;
	background-repeat: no-repeat;
}

.productShow .pShow {
	display: flex;
	align-items: center;
	margin-bottom: 82px;
}


.productShow .images {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-left: 112px;
	flex-shrink: 0;
}



.productShow .images .gallery {
	width: 486px;
	height: 486px;
}



.productShow .images .thumbrBox {
	width: 99px;
	height: 486px;

}



.productShow .images .gallery .swiper-slide {
	background-color: #f5f5f7;
	border-radius: 24px;
	overflow: hidden;
}


.productShow .images .galleryBox {
	position: relative;
	margin-left: 20px;
}




.productShow .images .gallery {
	overflow: hidden;
}

.productShow .thumbs .swiper-slide {
	background-color: #f5f5f7;
	border: 1px solid transparent;
	border-radius: 16px;
	overflow: hidden;
	cursor: pointer;
	transition: .3s linear border-color;
	margin-bottom: 10px;
}


.productShow .thumbs .swiper-slide-thumb-active {
	border-color: #015299;
}



.productShow .thumbs .swiper-slide:last-child {
	margin-bottom: 0;
}


.productShow .thumbrBox {
	padding: 30px 0 30px 0;
	position: relative;
}

.productShow .thumbrBox .thumbs {
	overflow: hidden;
	height: 100%;
}

.productShow .thumbrBox .thumbs .swiper-slide {
	height: auto;
}



.productShow .thumbrBox .prev,
.productShow .thumbrBox .next {
	position: absolute;
	z-index: 9;
	width: 100%;
	height: 20px;
	background-color: #015299;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 12px;
	cursor: pointer;
	border: 1px solid #015299;
}


.productShow .thumbrBox .prev {
	top: 0;
}

.productShow .thumbrBox img {
	display: block;
}


.productShow .thumbrBox .next {
	bottom: 0;
}


.productShow .thumbrBox .prev:hover,
.productShow .thumbrBox .next:hover {
	background-color: #ffffff;
	color: #015299;
}

.pShow .msgs {
	flex: 1;
}

.pShow .msgs h1 {
	font-size: 32px;
	color: #333333;
	line-height: 45px;
	position: relative;
	margin-bottom: 59px;
	margin-top: -10px;
}



.pShow .msgs h1::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -28px;
	width: 62px;
	height: 2px;
	background-color: #014099;
}





.pShow .msgs .tit2 {
	font-size: 18px;
	line-height: 32px;
	color: #333333;
	margin-bottom: 14px;
}


.pShow .msgs .line {
	width: 100%;
	height: 1px;
	background-color: #e1e2e5;
	margin-bottom: 14px;
}

.pShow .msgs .txts {
	margin-bottom: 30px;
}

.pShow .msgs .txts p {
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #666666;
	margin-bottom: 6px;
}

.pShow .msgs .txts p:last-child {
	margin-bottom: 0;
}


.pShow .share {
	display: flex;
	align-items: center;
	margin-bottom: 29px;
}


.pShow .share span {
	margin-right: 10px;
	font-size: 16px;
	line-height: 32px;
	color: #333333;
}

.pShow .btns {
	display: flex;
	flex-wrap: wrap;
}


.pShow .btns a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 58px;
	padding: 0 45px;
	border-radius: 29px;
	border: solid 1px #015299;
	font-size: 18px;
	color: #015299;
	margin-left: 14.5px;margin-bottom: 10px;
}

.pShow .btns a:last-child {
	margin-right: 0;
}


.pShow .btns a i {
	margin-right: 10px;
	color: #015299;
	font-size: 18px;
	transform: rotateX(180deg);
}

.pShow .btns a:hover {
	background-color: #015299;
	color: #ffffff;
}


.pShow .btns a:hover i {
	color: #ffffff;
}




.productShow .content p {
	font-size: 16px;
	line-height: 32px;
	color: #666666;
}


.productShow .content p em {
	font-weight: bold;
	position: relative;
	color: #333333;
	margin-bottom: 55px;
	display: block;
	font-size: 32px;
	line-height: 45px;
	margin-top: 22px;
	font-style:normal;

}


.productShow .content p em::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -24px;
	width: 100%;
	height: 1px;
	background-color: #e1e2e5;
}

.productShow .content i {
	font-style: normal;
	color: #e92525;
}



.table {
	width: 100%;
	overflow: auto;
	padding: 20px 0 40px 0;
}

.table table {
	width: 100%;
	border-collapse: collapse;
	line-height: 22px;
}

.table table tr:nth-child(2n) td {
	background-color: #fcfcfd;
}

.table table tr td {
	padding: 18px 63px;
	font-size: 16px;
	background-color: #f5f8fc;
	color: #666666;

}


.table table tr:first-child td {
	border-top: 1px solid rgba(190, 191, 194, .1);
}

.table table tr:last-child td {
	border-bottom: 1px solid rgba(190, 191, 194, .1);
}



.pointList {
	padding: 6px 0 10px 0;
	display: flex;
	flex-wrap: wrap;
}


.pointList .item {
	width: 48.7%;
	margin-right: 2.5%;
	margin-bottom: 23px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}




.pointList .item:nth-child(2n) {
	margin-right: 0;
}



.pointList .item .num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background-color: #015299;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	flex-shrink: 0;
	border-radius: 50%;
	margin-left: 21px;
	font-style: normal;
	transform: translateY(-2px);
}




/*jQzoom*/
.jqzoom {
	float: left;
	position: relative;
	padding: 0px;

}

div.zoomdiv {
	z-index: 200;
	position: absolute;
	top: 0px;
	right: 477px;
	width: 400px;
	height: 400px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
	direction: ltr;
}

div.zoomdiv img {
	max-width: unset !important;
    direction: ltr;
}

div.jqZoomPup {
	z-index: 200;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px !important;
	height: 300px !important;
	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:1600px) {
	.pShow .msgs h1 {
		font-size: 24px;
		line-height: 45px;
		margin-top: 0;
		margin-bottom: 40px;
	}

	.pShow .msgs h1::after {
		bottom: -15px;
	}

	.pShow .btns a {
		height: 45px;
		padding: 0 15px;
		font-size: 16px;
	}

	.pShow .btns a i {
		font-size: 16px;
	}

	.productShow .images {
		margin-right: 60px;
	}

	.productShow .images .gallery {
		width: 450px;
		height: 450px;
	}

	.productShow .images .thumbrBox {
		height: 450px;
		width: 89px;
	}

	.productShow .thumbs .swiper-slide {
		border-radius: 10px;
	}

	.productShow .images .gallery .swiper-slide {
		border-radius: 14px;
	}

	.productShow .content p em {
		font-size: 24px;
		line-height: 35px;
	}

	.table {
		padding: 30px 0;
	}

	.table table tr td {
		padding: 15px 30px;
	}

	.pointList {
		padding: 10px 0;
	}

	.pointList .item .num {
		transform: translateY(0);
	}

}

@media screen and (max-width:1333px) {
	.productShow .images .gallery {
		width: 350px;
		height: 350px;
	}

	.productShow .images .thumbrBox {
		height: 350px;
		width: 64px;
	}

	.pShow .msgs h1 {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 35px;
	}

	.pShow .btns a {
		height: 40px;
		font-size: 16px;
		margin-bottom: 10px;
	}

	.productShow .thumbs .swiper-slide {
		border-radius: 5px;
	}

	.pShow .msgs .txts p {
		margin-bottom: 0;
	}

	.pShow .msgs .txts {
		margin-bottom: 20px;
	}

	.pShow .share {
		margin-bottom: 20px;
	}

	.productShow .pShow {
		margin-bottom: 60px;
	}

	.productShow .content p em {
		font-size: 20px;
		line-height: 30px;
		margin-top: 20px;
	}

	.table table tr td {
		padding: 10px 20px;
	}
}

@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 .pShow {
		flex-direction: column;
		align-items: flex-start;
	}

	.pShow .msgs {
		flex: none;
		width: 100%;
	}

	.productShow .images {
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 25px;
	}

	.pShow .msgs .tit2 {
		font-size: 16px;
		line-height: 28px;
	}

	.pShow .share span {
		font-size: 14px;
		line-height: 24px;
	}

	.pShow .btns a {
		height: 35px;
		font-size: 14px;
	}

	.pShow .btns a i {
		font-size: 14px;
	}

	.productShow .content p em {
		margin-bottom: 45px;
		font-size: 18px;
		line-height: 28px;
	}

	.productShow .pShow {
		margin-bottom: 50px;
	}

	.table {
		padding: 20px 0;
	}

	.table table tr td {
		font-size: 14px;
		line-height: 24px;
	}

	.pointList .item .num {
		width: 30px;
		height: 30px;
		font-size: 14px;
		margin-right: 15px;
	}
}

@media screen and (max-width:768px) {
	.pShow .msgs h1 {
		font-size: 18px;
		line-height: 28px;
	}

	.pShow .msgs .tit2 {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.pShow .share span {
		font-size: 12px;
		line-height: 22px;
	}

	.pShow .btns a {
		height: 30px;
		font-size: 12px;
	}

	.pShow .btns a i {
		font-size: 12px;
	}

	.productShow .pShow {
		margin-bottom: 40px;
	}

	.productShow .content p em {
		margin-bottom: 30px;
		margin-top: 10px;
		font-size: 16px;
		line-height: 26px;
	}

	.productShow .content p em::after {
		bottom: -15px;
	}

	.table table tr td {
		font-size: 12px;
		line-height: 22px;
		padding: 5px 10px;
	}

	.pointList .item:nth-child(n) {
		width: 100%;
		margin-right: 0;
	}

	.pointList .item .num {
		width: 26px;
		height: 26px;
		font-size: 12px;
	}

}

@media screen and (max-width:538px) {
	.productShow .images .gallery {
		width: 220px;
		height: 220px;
	}

	.productShow .images .thumbrBox {
		height: 240px;
		width: 52px;
	}
}




/* 4-1行业应用 */


.application {
	padding: 77px 0 88px 0;
}




.application .title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 57px;
}




.application .title .des {
	width: 68%;
	transform: translateY(5px);
}

.application .title .title1::after {
	bottom: -23px;
}




.application .list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 18px;
}




.application .list .appItem {
	width: 48.714%;
	margin-left: 2.572%;
	margin-bottom: 39px;
}



.application .list .appItem:nth-child(2n) {
	margin-left: 0;
}

@media screen and (max-width:1600px) {
	.application .title .des {
		transform: translateY(0);
	}
}

@media screen and (max-width:1333px) {
	.application .title {
		margin-bottom: 50px;
	}

	.application .list .appItem {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:999px) {
	.application .title .title1::after {
		bottom: -15px;
	}

	.application .list .appItem {
		margin-bottom: 20px;
	}

	.application .list {
		margin-bottom: 30px;
	}

	.application .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.application .title .des {
		width: 100%;
	}

	.application .title1 {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:768px) {
	.application .title {
		margin-bottom: 30px;
	}

	.application .list .appItem {
		margin-bottom: 15px;
	}

	.application .list {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:401px) {
	.application .list .appItem:nth-child(n) {
		width: 100%;
		margin-right: 0;
	}

	.application .list .appItem:last-child {
		margin-bottom: 0;
	}

	.application .list {
		margin-bottom: 30px;
	}
	.application .title1{
		margin-bottom: 30px;
	}
}


.newProduct {
	padding: 86px 0 95px 0;
	background-image: url("../images/newProduct-BG.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}



.newProduct .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 83px;
}


.newProduct .title .title1::after {
	bottom: -23px;
}



.newProduct .title .btns {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	margin-right: 30px;
	transform: translateY(2px);
	direction: ltr;
}



.newProduct .title .btns div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background-color: #ffffff;
	border: solid 1px #d2d4d6;
	border-radius: 50%;
	flex-shrink: 0;
	cursor: pointer;
	color: #535974;
	font-size: 18px;
}





.newProduct .title .btns div.prev {
	margin-right: 12px;
}



.newProduct .title .btns div:hover {
	background-color: #015198;
	box-shadow: 4px 7px 13px 0px rgba(255, 255, 255, 0.4);
	color: #ffffff;
	border-color: #015198;
}


.newProduct .swiper-slide .image {
	background-color: #f5f5f7;
	border-radius: 24px;
	margin-bottom: 15px;
	overflow: hidden;
}


.newProduct .swiper-slide .name {
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	text-align: center;
	display: block;
}

.newProduct .swiper-slide .name:hover {
	color: #015198;
}



@media screen and (max-width:1600px) {
	.newProduct .title .btns {
		transform: translateY(0);
	}

	.newProduct .title .btns div {
		width: 50px;
		height: 50px;
		font-size: 16px;
	}

	.newProduct .title {
		margin-bottom: 60px;
	}

	.newProduct .swiper-slide .image {
		border-radius: 20px;
	}
}

@media screen and (max-width:1333px) {
	.newProduct .title .btns div {
		width: 45px;
		height: 45px;
		font-size: 14px;
	}

	.newProduct .title {
		margin-bottom: 50px;
	}

	.newProduct .swiper-slide .image {
		border-radius: 15px;
	}
}

@media screen and (max-width:999px) {
	.newProduct .title .title1::after {
		bottom: -15px;
	}

	.newProduct .title .btns div {
		width: 40px;
		height: 40px;
	}

	.newProduct .title {
		margin-bottom: 50px;
	}


}

@media screen and (max-width:768px) {
	.newProduct .title .btns div {
		width: 35px;
		height: 35px;
		font-size: 12px;
	}

	.newProduct .title {
		margin-bottom: 40px;
	}

	.newProduct .swiper-slide .image {
		border-radius: 10px;
		margin-bottom: 10px;
	}
}

.desgin {
	background-image: url("../images/factoryBg.jpg");
	background-size: 100%;
	background-position: top right;
	background-repeat: no-repeat;
	padding: 77px 0 90px 0;
}


.desgin .title1 {
	text-align: center;
	margin-bottom: 35px;
}



.desgin .title1::after {
	width: 60px;
	left: 50%;
	transform: translateX(-50%);
	bottom: -13px;

}




.desgin .moretxts {
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	text-align: center;
	margin-bottom: 62px;
}





.desgin .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 50px;
	flex-direction: row-reverse;
}

.desgin .item:last-child {
	margin-bottom: 0;
}


.desgin .item:nth-child(2n) {
	flex-direction: row;
}




.desgin .item .tit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #333333;
	margin-bottom: 79px;
	margin-top: -9px;
}



.desgin .item .txts {
	font-size: 16px;
	line-height: 32px;
	color: #666666;
}


.desgin .item .image {
	width: 45.785%;
	border-radius: 16px;
	overflow: hidden;
}


.desgin .item .msg {
	width: 43%;
}



@media screen and (max-width:1600px) {
	.desgin .title1 {
		margin-bottom: 50px;
	}

	.desgin .item .tit {
		font-size: 28px;
		line-height: 35px;
		margin-top: 0;
		margin-bottom: 50px;
	}

	.desgin .item .image {
		border-radius: 10px;
	}
}

@media screen and (max-width:1333px) {
	.desgin .item .tit {
		font-size: 24px;
		margin-bottom: 40px;
		line-height: 30px;
	}

	.desgin .item .image {
		border-radius: 5px;
	}

}

@media screen and (max-width:999px) {
	.desgin .item .tit {
		font-size: 20px;
	}
}

@media screen and (max-width:768px) {
	.desgin .item .tit {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 35px;
	}

	.desgin .item .msg {
		width: 45%;
	}

	.desgin .item {
		margin-bottom: 40px;
	}

}

@media screen and (max-width:538px) {
	.desgin .item:nth-child(n) {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 30px;
	}

	.desgin .item:last-child {
		margin-bottom: 0;
	}

	.desgin .item .image {
		width: 100%;
		margin-bottom: 20px;
	}

	.desgin .item .msg {
		width: 100%;
	}

	.desgin .moretxts {
		margin-bottom: 30px;
	}

	.desgin .title1 {
		margin-bottom: 30px;
	}

	.desgin .item .tit {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 30px;
	}
}












.desginCase {
	background-image: url("../images/designCase.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 78px 0 100px 0;
}


.desginCase .title1 {
	margin-bottom: 93px;
}

.desginCase .title1::after {
	bottom: -23px;
}

.desginCase .swiperBox {
	position: relative;
}



.desginCase .swiperBox .btns div {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #535974;
	width: 56px;
	height: 56px;
	background-color: #ffffff;
	border: solid 1px #d2d4d6;
	border-radius: 50%;
	cursor: pointer;
	font-size: 18px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
}



.desginCase .swiperBox .btns div:hover {
	background-color: #015198;
	box-shadow: 4px 7px 13px 0px rgba(255, 255, 255, 0.4);
	color: #ffffff;
	border-color: #015198;
}



.desginCase .swiperBox .btns div.prev {
	left: -131px;
}


.desginCase .swiperBox .btns div.next {
	right: -131px;
}

.desginCase {
	overflow: visible;
}


.desginCase .swiper-slide {
	background-color: #ffffff;
	padding: 30.5px 31px 30px 53px;
	box-shadow: 4px 7px 21px 0px rgba(240, 240, 242, 0.51);
	border-radius: 16px;
	opacity: 0;
	transition: .4s ease opacity;
}


.desginCase .swiper-slide-active {
	opacity: 1;
}




.desginCase .swiper-slide .image {
	float: right;
	margin-left: 5.4%;
	width: 48.56%;
	border-radius: 16px;
	overflow: hidden;
}


.desginCase .num {
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #005bac;
	margin-bottom: 40px;
	font-weight: bold;
}


.desginCase .name {
	font-size: 26px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 39px;
}


.desginCase .txts {
	font-size: 16px;
	line-height: 32px;
	color: #666666;
}

.desginCase .swiper-slide .msg {
	padding: 49px 0;
}

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

	.desginCase .swiperBox .btns div.prev,
	.desginCase .swiperBox .btns div.next {
		width: 50px;
		height: 50px;
		font-size: 16px;
	}

	.desginCase .swiperBox .btns div.prev {
		left: -80px;
	}

	.desginCase .swiperBox .btns div.next {
		right: -80px;
	}

	.desginCase .swiper-slide .msg {
		padding: 0;
	}
}

@media screen and (max-width:1600px) {
	.desginCase .swiperBox .btns {
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		align-items: center;
		transform: translateY(-80px);
        direction: ltr;
	}

	.desginCase .swiperBox .btns div {
		position: static;
		transform: translateY(0);
	}

	.desginCase .swiperBox .btns div.prev {
		margin-right: 20px;
	}

	.desginCase .swiper-slide {
		padding: 30px;
	}

	.desginCase .swiper-slide .image {
		border-radius: 10px;
	}

}

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

	.desginCase .swiperBox .btns div.prev,
	.desginCase .swiperBox .btns div.next {
		width: 45px;
		height: 45px;
		font-size: 16px;
	}

	.desginCase .num {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.desginCase .name {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.desginCase .swiperBox .btns {
		transform: translateY(-70px);
	}
}

@media screen and (max-width:999px) {
	.desginCase .name {
		font-size: 18px;
		line-height: 28px;
	}

	.desginCase .swiper-slide {
		border-radius: 10px;
	}

	.desginCase .swiperBox .btns div.prev,
	.desginCase .swiperBox .btns div.next {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}

	.desginCase .num {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.desginCase .title1::after {
		bottom: -15px;
	}

	.desginCase .title1 {
		margin-bottom: 70px;
	}
}

@media screen and (max-width:768px) {
	.desginCase .name {
		font-size: 16px;
		line-height: 26px;
	}

	.desginCase .num {
		font-size: 18px;
		line-height: 28px;
	}

	.desginCase .swiper-slide .image {
		border-radius: 5px;
	}

	.desginCase .swiperBox .btns {
		transform: translateY(-60px);
	}

	.desginCase .swiperBox .btns div.prev,
	.desginCase .swiperBox .btns div.next {
		width: 35px;
		height: 35px;
		font-size: 12px;
	}

}

@media screen and (max-width:538px) {
	.desginCase .swiper-slide {
		padding: 20px;
	}

	.desginCase .swiper-slide .image {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
	}

	.desginCase .name {
		font-size: 14px;
		line-height: 24px;
	}

	.desginCase .num {
		font-size: 16px;
		line-height: 26px;
	}

	.desginCase .swiperBox .btns {
		transform: translateY(-50px);
	}
}








.contact {
	background-image: url("../images/contact-Bg.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 90px 0 92px 0;
}


.contact .con {
	display: flex;
	align-items: center;
	justify-content: space-between;
}



.contact .con form {
	width: 50%;
}



.contact .con .msg {
	width: 40.5%;
}





.contact .con form ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.contact .con form ul li {
	width: 48.5%;
	position: relative;
	background-color: #ffffff;
	padding: 0 26px;
	border-radius: 2px;
	border: solid 1px #e6e6e8;
	height: 52.5px;
	margin-bottom: 15px;
}





.contact .con form input,
.contact .con form textarea {
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.contact .con .must {
	position: relative;
}

.contact .con .must::after {
	position: absolute;
	content: "*";
	top: 14px;
	left: 9px;
	font-size: 16px;
	color: #e31414;
}

.contact .con li.message {
	width: 100%;
	padding: 15px 26px;
	height: 182px;
	margin-top: 1px;
	margin-bottom: 16px;
}




.contact .con li.codeCon {
	width: 48.6%;
	display: flex;
	align-content: center;
	justify-content: space-between;
	padding: 0;
	margin-bottom: 0;
}


.contact .con li.codeCon input {
	padding: 0 26px;
	flex: 1;
}



.contact .con li.codeCon .codeImg {
	flex-shrink: 0;
	margin-left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f3fbfe;
	cursor: pointer;
	margin-right: 10px;
}



.contact .con li.subBtn {
	width: 48.5%;
	padding: 0;
	border: none;
	margin-bottom: 0;
}

.contact .con li.subBtn input {
	background-color: #015299;
	font-size: 16px;
	color: #ffffff;
	border: 1px solid #015299;
	cursor: pointer;
}

.contact .con li.subBtn input:hover {
	background-color: #ffffff;
	color: #015299;
}



.contact input::-webkit-input-placeholder,
.contact textarea::-webkit-input-placeholder {
	font-size: 16px;
	color: #666666;
}

.contact input:-moz-placeholder,
.contact textarea:-moz-placeholder {
	font-size: 16px;
	color: #666666;
}

.contact input::-moz-placeholder,
.contact textarea::-moz-placeholder {
	font-size: 16px;
	color: #666666;
}

.contact input:-ms-input-placeholder,
.contact textarea:-ms-input-placeholder {
	font-size: 16px;
	color: #666666;
}


.contact .msg .title1 {
	margin-bottom: 31px;
	margin-top: -8px;
}

.contact .msg .title1::after{
	bottom: -15px;
}

.contact .msg .txts {
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	margin-bottom: 35px;
}

.contact .msg .image ,.contact .msg p img{
	border-radius: 16px;
	overflow: hidden;
}



@media screen and (max-width:1600px) {
	.contact .msg .title1 {
		margin-top: 0px;
		margin-bottom: 40px;
	}

	.contact .con form ul li {
		height: 45px;
	}

	.contact .msg .image {
		border-radius: 10px;
	}
}

@media screen and (max-width:1333px) {
	.contact .msg .image {
		border-radius: 5px;
	}

	.contact .con form ul li {
		height: 40px;
		padding: 0 20px;
	}

	.contact .con .must::after {
		top: 10px;
	}

	.contact .con li.message {
		padding: 10px 20px;
		height: 140px;
	}

	.contact .con li.subBtn {
		width: 36%;
	}

	.contact .con li.codeCon input {
		padding: 0 20px;
	}

	.contact .con li.codeCon {
		width: 58%;
	}
}

@media screen and (max-width:999px) {
	.contact .con form ul li {
		height: 35px;
		padding: 0 15px;
	}

	.contact .con .must::after {
		top: 5px;
		left: 5px;
	}

	.contact .con li.codeCon .codeImg {
		margin-right: 0;
	}
}

@media screen and (max-width:768px) {
	.contact .con li.message {
		height: 100px;
		padding: 10px;
	}

	.contact .con form ul li,
	.contact .con li.codeCon input {
		padding: 0 10px;
	}

	.contact .con .must::after {
		left: 2px;
		top: 8px;
	}

	.contact .con li.codeCon {
		width: 100%;
		margin-bottom: 15px;
	}

	.contact .con li.subBtn {
		width: 100%;
	}

	.contact .con form {
		width: 54%;
	}
}

@media screen and (max-width:538px) {
	.contact .con {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.contact .con .msg {
		width: 100%;
		margin-bottom: 30px;
	}

	.contact .con form {
		width: 100%;
	}

	.contact .msg .txts {
		margin-bottom: 20px;
	}

	.contact .msg .title1 {
		margin-bottom: 30px;
	}
}


/* 6-1可持续发展的 */



.sustainable {
	background-image: url("../images/factoryBg.jpg");
	background-size: 100%;
	background-position: right top;
	background-repeat: no-repeat;
	padding: 77px 0 90px 0;
}


.sustainable .title1 {
	margin-bottom: 55px;
}

.sustainable .title1::after {
	bottom: -23px;
}

.sustainable .txts {
	margin-bottom: 63px;
}




.sustainable .txts p {
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	margin-bottom: 31px;
}


.sustainable .txts p:last-child {
	margin-bottom: 0;
}



.sustainable .image {
	border-radius: 32px;
	overflow: hidden;
}

@media screen and (max-width:1600px) {
	.sustainable .image {
		border-radius: 15px;
	}

	.sustainable .txts {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:1333px) {
	.sustainable .title1 {
		margin-bottom: 50px;
	}

	.sustainable .txts p {
		margin-bottom: 20px;
	}

	.sustainable .txts {
		margin-bottom: 40px;
	}

	.sustainable .image {
		border-radius: 10px;
	}
}

@media screen and (max-width:999px) {
	.sustainable .title1 {
		margin-bottom: 40px;
	}

	.sustainable .title1::after {
		bottom: -15px;
	}

	.sustainable .txts {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:768px) {
	.sustainable .txts p {
		margin-bottom: 15px;
	}
}

@media screen and (max-width:538px) {
	.sustainable .txts p {
		margin-bottom: 10px;
	}

	.sustainable .title1 {
		margin-bottom: 30px;
	}
}






.certificate {
	padding: 78px 0 89px 0;
}


.certificate.certificate2{
	background-image: url("../images/honor-bg.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.certificate .title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 77px;
}


.certificate .title .title1::after {
	bottom: -23px;
}


.certificate .title .des {
	width: 69%;
	transform: translateY(3px);
}

.certificate .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
}


.certificate .swiper-slide {
	border: 1px solid transparent;
	transition: .4s ease border, .4s ease background-color;
	border-radius: 20px 20px 20px 20px;
}

.certificate .swiper-slide .name {
	padding: 19.5px 10px 25px 10px;
	width: 100%;
	border-radius: 0 0 20px 20px;
}


.certificate .swiper-slide .name p {
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
}


.certificate .swiper-slide .image:hover img {
	transform: scale(1, 1);
}



.certificate .swiper-slide .image {
	padding: 15px 26.5px 15px;
	background-color: #ffffff;
	box-shadow: 3px 3px 18px 0px #edeff5;
	border-radius: 20px;
	overflow: hidden;
}


.certificate .swiper-slide:hover {
	box-shadow: 3px 3px 18px 0px #edeff5;
	border: solid 1px #015198;
	background-color: #015198;
}

.certificate .swiper-slide:hover .name {
	box-shadow: 4px 4px 14px 0px #f5f7fc;
	border-radius: 0px 0px 20px 20px;
}

.certificate .swiper-slide:hover .name p {
	color: #ffffff;
}


.certificate .swiper-slide:hover .image {
	box-shadow: 0px 0px 0px 0px #edeff5;
	border-radius: 20px 20px 0 0;
}



.certificate .swiperBox {
	position: relative;
}


.certificate .swiperBox .btns div {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	width: 56px;
	height: 56px;
	background-color: #ffffff;
	border: solid 1px #d2d4d6;
	cursor: pointer;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-114%);
	position: absolute;
	z-index: 9;
	color: #535974;
}


.certificate .swiperBox .btns div:hover {
	background-color: #015198;
	color: #ffffff;
	border-color: #015198;
	box-shadow: 4px 7px 13px 0px rgba(255, 255, 255, 0.4);
}



.certificate .swiperBox .btns div.prev {
	left: -131px;
}



.certificate .swiperBox .btns div.next {
	right: -131px;
}

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

	.certificate .swiperBox .btns div {
		width: 50px;
		height: 50px;
		font-size: 16px;
	}

	.certificate .swiperBox .btns div.prev {
		left: -80px;
	}

	.certificate .swiperBox .btns div.next {
		right: -80px;
	}
}

@media screen and (max-width:1600px) {
	.certificate .swiper-slide .image {
		padding: 20px;
	}

	.certificate .swiper-slide .name {
		padding: 15px 10px;
	}

	.certificate .swiperBox .btns {
		position: absolute;
		right: 0;
		top: 0;
		transform: translateY(-60px);
		display: flex;
		align-items: center;
		direction: ltr;
	}

	.certificate .swiperBox .btns div {
		position: static;
		width: 45px;
		height: 45px;
		font-size: 16px;
		transform: translateY(0);
	}

	.certificate .swiperBox .btns div.prev {
		margin-right: 30px;
	}

	.certificate .title {
		margin-bottom: 80px;
	}

	.certificate .title .des {
		transform: translateY(0);
	}
}

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

	.certificate .swiper-slide .image,
	.certificate .swiper-slide:hover .image,
	.certificate .swiper-slide {
		border-radius: 10px;
	}

	.certificate .swiper-slide:hover .name,
	.certificate .swiper-slide .name {
		border-radius: 0 0 10px 10px;
		overflow: hidden;
	}

	.certificate .swiper-slide .image {
		padding: 15px;
	}

	.certificate .swiper-slide .name {
		padding: 10px;
	}

	.certificate .swiper-slide {
		overflow: hidden;
	}

	.certificate .swiperBox .btns div {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}
}

@media screen and (max-width:999px) {
	.certificate .swiper-slide .name {
		padding: 5px 10px;
	}

	.certificate .title {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 90px;
	}

	.certificate .title .des {
		width: 100%;
	}

	.certificate .title1 {
		margin-bottom: 40px;
	}

	.certificate .title .title1::after {
		bottom: -15px;
	}
}

@media screen and (max-width:768px) {
	.certificate .swiperBox .btns div {
		width: 35px;
		height: 35px;
		font-size: 12px;
	}

	.certificate .swiperBox .btns div.prev {
		margin-right: 20px;
	}

	.certificate .title {
		margin-bottom: 60px;
	}

	.certificate .swiperBox .btns {
		transform: translateY(-50px);
        direction: ltr;
	}
}

@media screen and (max-width:538px) {
	.certificate .title1 {
		margin-bottom: 30px;
	}
}








/* 7-1新闻 */
.news {
	padding: 77.5px 0 87px 0;
	background-image: url("../images/factoryBg.jpg");
	background-size: 100%;
	background-position: right top;
	background-repeat: no-repeat;
}


.news .title {
	display: flex;
	align-items: flex-start;
	margin-bottom: 80px;
	justify-content: space-between;
}

.news .title .title1::after {
	bottom: -23.5px;
}

.news .title .des {
	transform: translateY(5px);
	width: 68%;
}

.news .list {
	margin-bottom: 57px;
}

.news .item {
	padding: 39px 30px 40px 39px;
	box-shadow: 0px 0px 21px 0px rgba(190, 191, 194, 0.2);
	border-radius: 24px 0px 24px 0px;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	background-color: #ffffff;
}



.news .item:last-child {
	margin-bottom: 0;
}



.news .item .image {
	width: 362px;
	flex-shrink: 0;
	margin-left: 49px;
	overflow: hidden;
}





.news .item .time {
	font-size: 16px;
	line-height: 26px;
	color: #015299;
	margin-bottom: 6px;
	margin-top: -3px;
}




.news .item .name {
	font-size: 22px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 18px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}


.news .item .name:hover {
	color: #015299;
}

.news .item .txts {
	font-size: 16px;
	line-height: 28px;
	color: #666666;
	margin-bottom: 40px;
}

.news .item .btn {
	color: #015299;
	font-size: 18px;
	display: block;
}


.news .item .btn:hover {
	transform: translateX(2px);
}

@media screen and (max-width:1600px) {
	.news .title .des {
		transform: translateY(0);
	}

	.news .item .time {
		margin-top: 0;
		margin-bottom: 10px;
	}
}

@media screen and (max-width:1333px) {
	.news .title {
		margin-bottom: 60px;
	}

	.news .item .name {
		font-size: 18px;
		line-height: 28px;
	}

	.news .item .txts {
		margin-bottom: 30px;
	}

	.news .item {
		padding: 25px;
		border-radius: 16px 0px 16px 0px;
	}

	.news .item .image {
		width: 320px;
	}
}

@media screen and (max-width:999px) {
	.news .item .name {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 15px;
	}

	.news .item .txts {
		margin-bottom: 20px;
	}

	.news .item .image {
		width: 260px;
		margin-right: 30px;
	}

	.news .item {
		border-radius: 10px 0px 10px 0px;
	}

	.news .title {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 50px;
	}

	.news .title .des {
		width: 100%;
	}

	.news .title .title1 {
		margin-bottom: 30px;
	}

	.news .title .title1::after {
		bottom: -15px;
	}

	.news .list {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:768px) {
	.news .title {
		margin-bottom: 40px;
	}

	.news .item .name {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.news .item .image {
		width: 220px;
		margin-right: 20px;
	}

	.news .item .txts {
		margin-bottom: 15px;
	}

	.news .item {
		padding: 20px;
	}

	.news .item {
		border-radius: 5px 0px 5px 0px;
	}
}

@media screen and (max-width:538px) {
	.news .title {
		margin-bottom: 30px;
	}

	.news .item {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 20px;
	}

	.news .item .image {
		width: 100%;
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}

	.news .list {
		margin-bottom: 30px;
	}

	.news .item {
		padding: 15px;
	}
}





/* 7-2新闻详情*/


.newsDet {
	padding: 82px 0 91px 0;
}


.newsDet h1 {
	font-size: 32px;
	line-height: 45px;
	color: #333333;
	margin-bottom: 23px;
}



.newsDet .tips {
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}


.newsDet .tips .time {
	font-size: 16px;
	line-height: 26px;
	color: #015299;
	margin-right: 30px;
}



.newsDet .tips .share {
	display: flex;
	align-items: center;
}

.newsDet .tips .share span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 32px;
	color: #333333;
	margin-right: 10px;
}



.newsDet .con {
	padding: 33px 0 54px 0;
	margin-bottom: 24px;
	border-top: 1px solid #e1e2e5;
	border-bottom: 1px solid #e1e2e5;
}

.newsDet .con p {
	font-size: 16px;
	line-height: 28px;
	color: #666666;
}


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



.prevOrNext .prev,
.prevOrNext .next {
	display: flex;
	align-items: center;
	width: 49%;
}

.prevOrNext .next {
	justify-content: flex-end;
}


.prevOrNext .btn {
	width: 56px;
	height: 56px;
	background-color: #ffffff;
	border: solid 1px #d2d4d6;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 18px;
	color: #535974;
	border-radius: 50%;
}




.prevOrNext .prev .btn {
	margin-left: 21px;
	transform: rotate(180deg);
}


.prevOrNext .next .btn {
	margin-right: 18px;
	transform: rotate(180deg);
}




.prevOrNext .prev a.btn:hover {
	background-color: #015198;
	box-shadow: 4px 7px 13px 0px rgba(255, 255, 255, 0.4);
	color: #ffffff;
	border-color: #015198;
}


.prevOrNext .tit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	display: block;
}


.prevOrNext .next .tit {
	text-align: right;
}


.prevOrNext a.tit:hover {
	color: #333333;
}

.prevOrNext .name {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}


.prevOrNext a.name:hover {
	color: #015198;
}



.prevOrNext .msg {
	transform: translateY(1px);
}

@media screen and (max-width:1600px) {
	.newsDet h1 {
		font-size: 28px;
		margin-bottom: 30px;
	}

	.newsDet .con {
		padding: 40px 0;
	}

	.prevOrNext .msg {
		transform: translateY(0);
	}

	.prevOrNext .btn {
		width: 50px;
		height: 50px;
	}
}

@media screen and (max-width:1333px) {
	.newsDet h1 {
		font-size: 24px;
		line-height: 30px;
	}

	.newsDet .tips {
		margin-bottom: 20px;
	}

	.newsDet .con {
		padding: 30px 0;
	}

	.prevOrNext .btn {
		width: 45px;
		height: 45px;
	}

	.prevOrNext .tit,
	.prevOrNext .name {
		font-size: 16px;
		line-height: 28px;
	}
}

@media screen and (max-width:999px) {
	.newsDet h1 {
		font-size: 22px;
		line-height: 30px;
	}

	.newsDet .tips .share span {
		font-size: 14px;
		line-height: 24px;
	}

	.prevOrNext .btn {
		width: 40px;
		height: 40px;
	}

	.prevOrNext .tit,
	.prevOrNext .name {
		font-size: 14px;
		line-height: 26px;
	}
}

@media screen and (max-width:768px) {
	.prevOrNext {
		flex-direction: column;
		align-items: flex-start;
	}

	.prevOrNext .prev,
	.prevOrNext .next {
		width: 100%;
	}

	.prevOrNext .btn {
		width: 35px;
		height: 35px;
	}

	.prevOrNext .next {
		flex-direction: row-reverse;
		margin-top: 10px;
	}

	.prevOrNext .next .btn {
		margin-left: 0;
		margin-right: 20px;
	}

	.prevOrNext .next .tit {
		text-align: left;
	}

	.prevOrNext .tit,
	.prevOrNext .name,
	.newsDet .tips .share span {
		font-size: 12px;
		line-height: 24px;
	}

	.newsDet h1 {
		font-size: 20px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:538px) {
	.newsDet h1 {
		font-size: 18px;
		line-height: 28px;
		text-align: center;
	}

	.newsDet .tips {
		flex-direction: column;
	}

	.newsDet .tips .time {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.prevOrNext .btn {
		width: 30px;
		height: 30px;
	}
}




/* 8-1联系我们 */

.contactInfo {
	padding: 75px 0 89px 0;
}



.contactInfo .title1 {
	text-align: center;
	margin-bottom: 65px;
}

.contactInfo .title1::after {
	left: 50%;
	transform: translateX(-50%);
	bottom: -15px;
	width: 60px;
}



.contactInfo .list {
	display: flex;
	flex-wrap: wrap;
}



.contactInfo .list .item {
	width: 31.85%;
	margin-left: 2.225%;
	display: flex;
	align-items: center;
	padding: 24px 20px 27px 20px;
	box-shadow: 0px 0px 21px 0px rgba(190, 191, 194, 0.2);
	border-radius: 16px;
}

.contactInfo .list .item:nth-child(3n) {
	margin-left: 0;
}


.contactInfo .list .msg {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.contactInfo .list .msg p {
	color: #333333;
}


.contactInfo .list .item:hover {
	background-color: #015299;
}

.contactInfo .list .item:hover i {
	background-color: #ffffff;
}

.contactInfo .list .item:hover i {
	color: #015299;
}

.contactInfo .list .item:hover p,
.contactInfo .list .item:hover a {
	color: #ffffff;
}




.contactInfo .item i {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6px;
	width: 50px;
	height: 50px;
	background-color: #015299;
	font-size: 22px;
	color: #ffffff;
	border-radius: 50%;
	margin-top: 7px;
}




.contactInfo .list p,
.contactInfo .list a {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}


.contactInfo .list .item:first-child li {
	display: flex;
	align-items: flex-start;
}



.contactInfo .list a {
	word-break: break-all;
}


.contactInfo .list a:hover {
	text-decoration: underline;
}



.contactInfo .line {
	width: 2px;
	height: 58px;
	background-color: #bebfc2;
	opacity: 0.5;
	margin: 0 59px 0 58px;
	transform: translateY(1px);
}



.contactInfo .list .item:first-child .line {
	margin: 0 40px 0 46px;
}


@media screen and (max-width:1600px) {
	.contactInfo .list .item {
		padding: 20px;
	}

	.contactInfo .list .item:nth-child(n) .line {
		margin: 0 30px;
		transform: translateY(0);
	}

	.contactInfo .title1 {
		margin-bottom: 70px;
	}
}

@media screen and (max-width:1333px) {
	.contactInfo .list .item:nth-child(n) {
		width: 48%;
		margin-right: 0%;
		margin-bottom: 30px;
		border-radius: 5px;
	}

	.contactInfo .list .item:nth-child(n) li {
		margin-bottom: 5px;
	}

	.contactInfo .list .item:nth-child(n) li:last-child {
		margin-bottom: 0;
	}

	.contactInfo .list .item:nth-child(2n) {
		margin-right: 0;
	}

	.contactInfo .item i {
		font-size: 20px;
		margin-top: 0;
	}

	.contactInfo .list a {
		font-size: 16px;
		line-height: 28px;
	}

}

@media screen and (max-width:999px) {
	.contactInfo .list a {
		font-size: 14px;
		line-height: 26px;
	}

	.contactInfo .item i {
		width: 45px;
		height: 45px;
		font-size: 16px;
	}

	.contactInfo .title1 {
		margin-bottom: 50px;
	}

	.contactInfo .list .item:nth-child(n) {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:768px) {
	.contactInfo .list .item:nth-child(n) {
		flex-direction: column;
		align-items: flex-start;
	}

	.contactInfo .list .item:nth-child(n) .line {
		display: none;
	}

	.contactInfo .list .item:nth-child(n) .msg {
		display: flex;
		align-items: center;
		flex-direction: row;
		margin-bottom: 20px;
	}

	.contactInfo .item i {
		margin-bottom: 0;
		margin-left: 20px;
		width: 40px;
		height: 40px;
	}

	.contactInfo .list a {
		font-size: 12px;
		line-height: 24px;
	}
	.contactInfo .title1{
		margin-bottom: 45px;
	}
}

@media screen and (max-width:538px) {
	.contactInfo .list .item:nth-child(n) {
		width: 100%;
		margin-right: 0;
	}

	.contactInfo .list .item:nth-child(n):last-child {
		margin-bottom: 0;
	}

	.contactInfo .list .item:nth-child(n) li {
		display: flex;
		align-items: flex-start;
	}

	.contactInfo .item i {
		width: 35px;
		height: 35px;
	}
}






























































































.banner2 .safeRange2 {
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding-bottom: 69px;
}


.banner2 .name {
	font-size: 40px;
	color: #ffffff;
	line-height: 60px;
	margin-bottom: 29px;
	font-weight: bold;
}


/* crumb */
.crumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.crumb a,
.crumb i {
	font-size: 16px;
	color: #ffffff;
}

.crumb a.active {
	text-decoration: underline;
}

.crumb i {
	font-style: normal;
	margin: 0 4.5px;
}

.crumb a:hover {
	text-decoration: underline;
}

@media screen and (max-width:1750px) {
	.banner2 .name {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 25px;
	}

	.banner2 .safeRange2 {
		padding-bottom: 50px;
	}
}

@media screen and (max-width:1600px) {
	.banner2 .name {
		font-size: 26px;
		line-height: 30px;
	}

	.banner2 .safeRange2 {
		padding-bottom: 40px;
	}
}


@media screen and (max-width:1333px) {
	.banner2 .name {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.banner2 .safeRange2 {
		padding-bottom: 25px;
	}

	.crumb a,
	.crumb i {
		font-size: 14px;
		line-height: 24px;
	}
}

@media screen and (max-width:999px) {
	.banner2 {
		padding: 0 !important;
		height: auto !important;
	}

	.banner2 img {
		display: none;
	}

	.banner2 .safeRange2 {
		position: static;
		padding-bottom: 0;
		transform: translateX(0);
	}

	.banner2 .name {
		display: none;
	}

	.crumb {
		padding: 10px 0;
	}

	.crumb a,
	.crumb i {
		font-size: 14px;
		line-height: 24px;
		color: #666666;
	}

	.crumb a.active {
		color: #333333;
	}
}

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

	.crumb a,
	.crumb i {
		font-size: 12px;
		line-height: 22px;
		color: #666666;
	}
}



/* pager */
.pager {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.pager .pageList {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}



.pager .pageList a,.pager .pageList span {
	width: 35px;
	height: 30px;
	background-color: #ffffff;
	border: solid 1px #e5e5e5;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #999999;
	margin: 3px 4.5px;
}

.pager .pageList a.active,
.pager .pageList a:hover {
	border-color: #015198;
	background-color: #015198;
	color: #ffffff;
}
.pager .pageList a.big {
	width: 79px;
}

.pager .pageList a.next {
	width: 71px;
}
.pager .addTo {
	display: flex;
	align-items: center;
	padding: 5px 6px;
}

.pager .pageList a.big.no:hover{ background-color: #ffffff  !important;
	border: solid 1px #e5e5e5  !important;color: #999999 !important;}
.pager .addTo input {
	font-size: 14px;
	color: #666666;
	background-color: #015299;
	cursor: pointer;
	color: #ffffff;
	width: 137px;
	height: 22px;
	border: 1px solid #015299;
}

.pager .addTo input:hover {
	background-color: #ffffff;
	color: #015299;
}


@media screen and (max-width:768px) {
	.pager .pageList a {
		font-size: 12px;
	}
}


/* 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: 99999;
}

.lianxi.active>div {
	box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.1);
}

.lianxi div {
	border-radius: 50%;
}

.lianxi div a,
.lianxi div div {
	display: block;
	width: 42px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	background-color: #565353;
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 1px;
	border-radius: 50%;
}

.lianxi .top a {
	width: 42px;
	height: 42px;
	background-color: #565353;
	line-height: 42px;
	color: #ffffff;
	font-size: 18px !important;
	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 .top i {
	width: 24px;
	height: 24px;
	display: block;
	line-height: 22px;
	text-align: center;
	font-size: 14px;
	border-radius: 50%;
}

.lianxi div div {
	cursor: pointer;
}

.lianxi div a:hover,
.lianxi div div:hover {
	background-color: #015299;
	color: #fff;
}

.clear2 {
	display: none;
}

.weChatCode,
.weChat {
	position: relative;
}

.weChatCode img,
.weChat img {
	position: absolute;
	top: 0;
	right: 100%;
	max-width: 149px;
	display: none;
}

.weChatCode:hover>img {
	display: block;
}

.weChat {
	display: none;
}

@media screen and (max-width: 999px) {
	.youlian {
		display: none;
	}

	.lianxi.active>div {
		box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0);
	}

	.lianxi .top a {
		width: 33.333%;
		height: 42px;
		line-height: 40px;
		bottom: 0px;
		right: 0px;
		border-radius: 0px;
		border: none;
		box-shadow: none;
		background-color: #dfdfdf;
	}

	.lianxi {
		width: 100%;
		right: auto;
		top: auto;
		margin: auto;
		left: 0px;
		bottom: 0px;
		border-top: 1px solid #fff;
		transform: translateY(0);
	}

	.lianxi div {
		width: 33.333%;
		float: left;
	}

	.lianxi div a,
	.lianxi div div {
		margin: auto;
		width: 100%;
		background-color: #dfdfdf;
		color: #fff !important;
		border-radius: 0px;
	}

	.weChatCode {
		display: none;
	}

	.weChat {
		display: block;
	}

	.lianxi .weChat img {
		top: 0%;
		right: 50%;
		transform: translateY(100%) translateX(50%);
		display: block;
		z-index: -1;
	}

	.lianxi .weChat img.active {
		transform: translateY(-100%) translateX(50%);
	}

	.lianxi .top i {
		border-color: #fff;
	}
}



@font-face {
	font-family: "iconfont";
	/* Project id 4207786 */
	src: url('../fonts/iconfont.woff2?t=1709794406353') format('woff2'),
		url('../fonts/iconfont.woff?t=1709794406353') format('woff'),
		url('../fonts/iconfont.ttf?t=1709794406353') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-shangjiantou1:before {
	content: "\e605";
}

.icon-xiazai:before {
	content: "\e626";
}

.icon-Triangle:before {
	content: "\e6b1";
}

.icon-shangjiantou:before {
	content: "\ee3a";
}

.icon-shangjiantou-copy:before {
	content: "\f1e8";
}

.icon-jia:before {
	content: "\e604";
}

.icon-bofang:before {
	content: "\e87d";
}

.icon-duigou:before {
	content: "\e6c5";
}

.icon-duigou-cu:before {
	content: "\e658";
}

.icon-facebook-fill:before {
	content: "\e88d";
}

.icon-linkedin1:before {
	content: "\f1e7";
}

.icon-xiajiantou-copy:before {
	content: "\e652";
}

.icon-phone-call:before {
	content: "\e684";
}

.icon-xiajiantou:before {
	content: "\ee39";
}

.icon-facebook1:before {
	content: "\e60d";
}

.icon-diqiu:before {
	content: "\e6bc";
}

.icon-weizhi1:before {
	content: "\e60a";
}

.icon-dakaixinxi:before {
	content: "\e603";
}

.icon-xiangshang:before {
	content: "\e655";
}

.icon-send-sms:before {
	content: "\e8a1";
}

.icon-shijian:before {
	content: "\e60e";
}

.icon-diqiuquanqiu:before {
	content: "\e76c";
}

.icon-dianziyoujianemail71:before {
	content: "\e8e8";
}

.icon-xiaojiantou-copy-copy:before {
	content: "\eca2";
}

.icon-xiaojiantou-copy:before {
	content: "\eca3";
}

.icon-weixin:before {
	content: "\e695";
}

.icon-weixin1:before {
	content: "\e733";
}

.icon-weixin2:before {
	content: "\e82c";
}

.icon-weixin3:before {
	content: "\e8bb";
}

.icon-24gl-tags2:before {
	content: "\e87c";
}

.icon-home_fill_light:before {
	content: "\e7d8";
}

.icon-guanbi:before {
	content: "\eca0";
}

.icon-xiangxia:before {
	content: "\e601";
}

.icon-jiantou_xiangzuo_o:before {
	content: "\eb92";
}

.icon-jiantou_xiangyou_o:before {
	content: "\eb94";
}

.icon-arrow-left:before {
	content: "\ea65";
}

.icon-arrow-right:before {
	content: "\ea66";
}

.icon-sanjiao:before {
	content: "\e65a";
}

.icon-sanjiao_xia:before {
	content: "\e631";
}

.icon-sanjiaoxia:before {
	content: "\e644";
}

.icon-shipin:before {
	content: "\e619";
}

.icon-twitter-new:before {
	content: "\e7ff";
}

.icon-twitter-new2:before {
	content: "\e800";
}

.icon-cloud-download:before {
	content: "\e7d9";
}

.icon-fankuifaqs:before {
	content: "\e7c0";
}

.icon-shijieditu:before {
	content: "\e628";
}

.icon-weixinmendian:before {
	content: "\e667";
}

.icon-ditudingwei:before {
	content: "\e625";
}

.icon-line-line:before {
	content: "\e765";
}

.icon-daohang:before {
	content: "\e641";
}

.icon-message2:before {
	content: "\e679";
}

.icon-phone3:before {
	content: "\e661";
}

.icon-doubleleft:before {
	content: "\e7ee";
}

.icon-doubleright:before {
	content: "\e7ef";
}

.icon-tel2:before {
	content: "\e642";
}

.icon-zhiding1:before {
	content: "\e62a";
}

.icon-line:before {
	content: "\e63f";
}

.icon-jiantou_qiehuanxiangxia:before {
	content: "\eb04";
}

.icon-facebook-:before {
	content: "\e68b";
}

.icon-instagram2:before {
	content: "\e6fc";
}

.icon-weizhi:before {
	content: "\e618";
}

.icon-rili:before {
	content: "\e8b4";
}

.icon-Rrl_s_145-copy:before {
	content: "\eca4";
}

.icon-videoyoutube:before {
	content: "\e7a1";
}

.icon-message1:before {
	content: "\e609";
}

.icon-below-s:before {
	content: "\e627";
}

.icon-message--fill:before {
	content: "\e683";
}

.icon-phone-:before {
	content: "\e638";
}

.icon-call-add:before {
	content: "\e63e";
}

.icon-earth-full:before {
	content: "\e9ee";
}

.icon-Rrl_s_145:before {
	content: "\e613";
}

.icon-email2:before {
	content: "\e856";
}

.icon-zhiding:before {
	content: "\e60b";
}

.icon-yanjingshouqiyuanhu-xianxingtubiao-01:before {
	content: "\e6a1";
}

.icon-home:before {
	content: "\e624";
}

.icon-edit:before {
	content: "\e611";
}

.icon-facebook:before {
	content: "\e620";
}

.icon-pinterest:before {
	content: "\e8ab";
}

.icon-linkedin:before {
	content: "\e648";
}

.icon-youtube:before {
	content: "\e6d6";
}

.icon-twitter:before {
	content: "\e607";
}

.icon-bigger:before {
	content: "\e647";
}

.icon-left:before {
	content: "\e72c";
}

.icon-right:before {
	content: "\e72d";
}

.icon-up1:before {
	content: "\e72e";
}

.icon-bottom1:before {
	content: "\e72f";
}

.icon-left1:before {
	content: "\e730";
}

.icon-right1:before {
	content: "\e731";
}

.icon-up:before {
	content: "\e73e";
}

.icon-bottom:before {
	content: "\e73f";
}

.icon-instagram:before {
	content: "\e79d";
}

.icon-tumblr:before {
	content: "\e79e";
}

.icon-download:before {
	content: "\e7a0";
}

.icon-download1:before {
	content: "\e7a7";
}

.icon-search4:before {
	content: "\e7b2";
}

.icon-address:before {
	content: "\e7bc";
}

.icon-email:before {
	content: "\e7bd";
}

.icon-contact:before {
	content: "\e7be";
}

.icon-whatsapp:before {
	content: "\e7bf";
}

.icon-fax:before {
	content: "\e7c2";
}

.icon-mobile:before {
	content: "\e7c6";
}

.icon-phone:before {
	content: "\e7c8";
}

.icon-tel:before {
	content: "\e7c7";
}

.icon-phone1:before {
	content: "\e7cb";
}

.icon-skype:before {
	content: "\e7cc";
}

.icon-whatsapp1:before {
	content: "\e7c1";
}

.icon-address1:before {
	content: "\e7c3";
}

.icon-contact1:before {
	content: "\e7c4";
}

.icon-email1:before {
	content: "\e7c5";
}

.icon-skype1:before {
	content: "\e7c9";
}

.icon-fax1:before {
	content: "\e7ca";
}

.icon-qq:before {
	content: "\e7ce";
}

.icon-tel1:before {
	content: "\e7cd";
}

.icon-wechat:before {
	content: "\e7cf";
}

.icon-phone2:before {
	content: "\e7d0";
}

.icon-message:before {
	content: "\e7da";
}

.icon-calendar:before {
	content: "\e7e1";
}

.icon-calendar1:before {
	content: "\e7e3";
}

.icon-top:before {
	content: "\e7ed";
}

.icon-youbian:before {
	content: "\e60f";
}

.icon-jian2:before {
	content: "\e600";
}

.icon-jia2:before {
	content: "\e608";
}

.icon-vk:before {
	content: "\e735";
}

.icon-instagram1:before {
	content: "\e640";
}

.icon-up7:before {
	content: "\e722";
}

.icon-bottom7:before {
	content: "\e723";
}

.icon-left7:before {
	content: "\e724";
}

.icon-right7:before {
	content: "\e725";
}

.icon-sousuo4:before {
	content: "\e610";
}

.icon-sousuo:before {
	content: "\e616";
}

.icon-sousuo1:before {
	content: "\e65b";
}

.icon-shangchuan:before {
	content: "\e602";
}

.icon-top2:before {
	content: "\e637";
}

.icon-biaoqian:before {
	content: "\e649";
}

.icon-twitter3:before {
	content: "\e7fd";
}

.icon-twitter4:before {
	content: "\e7fe";
}

.icon-xiazai1:before {
	content: "\e675";
}
.wuone{ font-size:14px; font-size:1.4rem; line-height:30px;}
.xunpanc{ width:100%; margin-top:10px !important;}
.xunpanc .table table tr td{font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;}
.xunpanc a{ color:#333; font-size:14px; font-size:1.4rem; line-height:22px;} 	
.xunpanc a:hover{ color:#b62128}	
.listcart {
	width: 100%;
	
	margin-top:20px;
}
.listcart a {
	display: inline-block;
	height: 30px;
	min-width: 150px;
	line-height: 30px;
	cursor: pointer;
	border: none;
	overflow: hidden;
	background-color: rgba(1, 82, 153, .1);
	cursor: pointer;

	padding-left: 10px;
	padding-right: 10px;
	text-align: center; 
	font-size: 14px;
	font-size: 1.4rem;
	margin-left: 10px;border-radius: 23px;color:#015299
}
.listcart a:hover {
	
	background: #333;
	color: #fff
}
 @media screen and (max-width:767px) {
.listcart a {
	width: 40%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	padding-left: 0px;
	padding-right: 0px
}
.listcart {
	width: 100%;
	margin-top: 2rem
}
}
 @media screen and (max-width:420px) {
.listcart a {
	width: 95% !important;
	float: none;
	overflow: hidden;
	margin-bottom: 1rem;
	margin-bottom: 1rem
}
}

/* bannerMsg */


.indexBanner .slider .item {
	position: relative;
}

.indexBanner .slider .msg {
	position: absolute;
	height: 100%;
	pointer-events: none;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-width: 1524px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.indexBanner .slider .iBanner4 .msg {
	justify-content: flex-start;
	align-items: center;
}

.btitle {
	font-size: 50px;
	color: #ffffff;
	line-height: 60px;
	margin-bottom: 29px;

	font-weight: bold;
	pointer-events: all;
	margin-top: -40px;
}

.iBanner2 .btitle {
	color: #213139;
	margin-top: -125px;
}

.iBanner3 .btitle {
	margin-top: 0;
	margin-bottom: 22px;
}

.iBanner4 .btitle {
	margin-bottom: 24px;
	margin-top: 174px;
}

.iBanner3 .btitle2 {
	font-size: 36px;
	line-height: 45px;
	font-weight: bold;
	margin-bottom: 91px;
	color: #ffffff;

}



.btxts {
	font-size: 22px;
	line-height: 36px;
	color: #ffffff;
	margin-bottom: 55px;

}

.iBanner2 .btxts {
	color: #4d606f;
}

.iBanner3 .btxts {
	margin-bottom: 33px;
	margin-top: 41px;
}

.iBanner4 .btxts {
	position: relative;
	padding: 7px 39px;
}

.iBanner4 .btxts::after{
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 25px;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, .3) 0%,rgba(255, 255, 255, 0) 100%);
}









.bbtn {
	height: 59px;
	padding: 0 46px;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 29px;
	border: solid 1px #ffffff;
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #ffffff;
	pointer-events: all;
}

.bbtn i {
	margin-left: 10px;
}

.iBanner2 .bbtn {
	border-color: #015299;
	color: #015299;
	background-color: rgba(1, 82, 153, .1);
}


.bbtn:hover {
	background-color: #015299;
	box-shadow: 0px 0px 21px 0px rgba(190, 191, 194, 0.2);
}

.iBanner2 .bbtn:hover {
	border-color: #ffffff;
	color: #ffffff;
}

.iBanner2 .bbtn:hover i {
	color: #ffffff;
}

@media screen and (max-width:1600px) {
	.btitle {
		font-size: 40px;
		margin-bottom: 20px;
	}

	.btxts {
		font-size: 20px;
		margin-bottom: 40px;
	}

	.bbtn {
		height: 50px;
	}

	.iBanner3 .btitle2 {
		font-size: 32px;
		line-height: 45px;
		margin-bottom: 40px;
	}

	.iBanner3 .btitle {
		margin-bottom: 15px;
	}

	.iBanner3 .btxts {
		margin-bottom: 20px;
	}
	.iBanner2 .btitle {
		margin-top: -40px;
	}
	.iBanner4 .btitle {
		margin-top: 120px;
	}
	.iBanner4 .btxts{
		padding: 4px 20px;
	}
}

@media screen and (max-width:1333px) {
	.btitle {
		font-size: 32px;
		line-height: 45px;
	}

	.btxts {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 30px;
	}

	.bbtn {
		height: 40px;
		font-size: 14px;
		line-height: 24px;
		padding: 0 30px;
	}

	.bbtn i {
		font-size: 14px;
	}

	.iBanner3 .btitle2 {
		font-size: 24px;
		line-height: 35px;
	}

	.iBanner3 .btxts {
		margin-top: -50px;
	}
	.iBanner4 .btitle {
		margin-top: 100px;
	}
}

@media screen and (max-width:999px) {
	.btitle {
		font-size: 28px;
		line-height: 35px;
	}

	.btxts {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 30px;
	}

	.bbtn {
		height: 35px;
		padding: 0 25px;
	}

	.iBanner3 .btitle2 {
		font-size: 20px;
		line-height: 30px;
	}
	.iBanner4 .btitle {
		margin-top: 50px;
	}
}

@media screen and (max-width:768px) {
	.btitle {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.btxts {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 20px;
	}

	.bbtn {
		height: 30px;
		padding: 0 20px;
		font-size: 12px;
	}

	.bbtn i {
		font-size: 12px;
	}

	.iBanner3 .btitle2 {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 25px;
	}

	.iBanner3 .btxts {
		margin-bottom: 15px;
		margin-top: 5px;
	}

	.iBanner3 .btitle {
		margin-bottom: 10px;
	}
	.iBanner4 .btitle {
		margin-top: 30px;
		margin-bottom: 15px;
	}
	.iBanner4 .btxts{
		padding: 2px 15px;
	}
}

@media screen and (max-width:538px) {
	.btitle {
		font-size: 22px;
		margin-bottom: 10px;
		margin-top: -30px;
	}

	.btxts {
		margin-bottom: 15px;
	}

	.iBanner3 .btxts {
		margin-bottom: 10px;
	}

	.iBanner3 .btitle {
		margin-bottom: 5px;
	}

	.iBanner3 .btitle2 {
		font-size: 16px;
		line-height: 26px;
	}
}