@charset "utf-8";

/* common */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
	border: none;
	text-decoration: none;
	transition: all .4s ease;
	font-size: 62.5%;
}

body {
	margin: 0 auto;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 12px;
	font-size: 1.2rem;
	height: 100%;
	background: #fff;
	width: 100%;
	max-width: 1920px;
	background-color: #fff;
	overflow-x: hidden;
}

ul {
	list-style: none;
}

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
}

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

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

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

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

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



input,
textarea,
select {
	font-family: "Microsoft YaHei", 微软雅黑;
	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: 1600px;
	width: calc(100% - 120px);
	margin: 0 auto;
}

@media screen and (max-width:999px) {
	.safeRange {
		width: calc(100% - 50px);
	}
}

@media screen and (max-width:768px) {
	.safeRange {
		width: calc(100% - 30px);
	}
}

@media screen and (max-width:1333px) {
	.standardRange {
		padding: 30px 0 30px 0 !important;
	}

	.standardRange2 {
		padding: 60px 0 60px 0 !important;
	}
}

@media screen and (max-width:999px) {
	.standardRange {
		padding: 20px 0 20px 0 !important;
	}

	.standardRange2 {
		padding: 40px 0 40px 0 !important;
	}
}

@media screen and (max-width:768px) {
	.standardRange {
		padding: 15px 0 15px 0 !important;
	}

	.standardRange2 {
		padding: 30px 0 30px 0 !important;
	}
}

@media screen and (max-width:538px) {
	.standardRange {
		padding: 10px 0 10px 0 !important;
	}

	.standardRange2 {
		padding: 20px 0 20px 0 !important;
	}
}


.bannerRange {
	padding-top: 100px;
}


@media screen and (max-width:1333px) {
	.bannerRange {
		padding-top: 80px;
	}
}

@media screen and (max-width:999px) {
	.bannerRange {
		padding-top: 72px;
	}
}

@media screen and (max-width:1600px) {
	.standardTxt .title1 {
		font-size: 38px !important;
	}
}

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

	.standardTxt .title2,
	.standardTxt .title2 span {
		font-size: 18px !important;
		line-height: 28px !important;
	}

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

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

@media screen and (max-width:999px) {
	.standardTxt .title1 {
		font-size: 24px !important;
	}

	.standardTxt .title2,
	.standardTxt .title2 span {
		font-size: 16px !important;
		line-height: 26px !important;
	}

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

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

}

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

	.standardTxt .title2,
	.standardTxt .title2 span {
		font-size: 14px !important;
		line-height: 24px !important;
	}

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

	.standardTxt .btn {
		font-size: 12px !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: #1da4d4;
		right: 2.5%;
		top: 24px;
		cursor: pointer;
		border-radius: 5px;
		z-index: 999999999;
	}

	header .xnav .nav span {
		display: block;
		width: 20px;
		height: 2px;
		background: #ffffff;
		position: absolute;
		left: 50%;
		margin-left: -10px;
		top: 50%;
		transition: 0.8s;
		z-index: 99999991
	}

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

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

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

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

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

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

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

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

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

	header .xnav .smdaohang {
		position: fixed;
		width: 300px;
		height: 0px;
		overflow: auto;
		top: 0px;
		right: 0px;
		background: rgba(29, 164, 228, 0.95);
		z-index: 9999999;
		transition: 0.8s;
		text-align: center;
	}

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

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

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

	header .xnav ul.topnav li a {
		padding: 5px;
		padding-left: 0px;
		color: #fff;
		display: block;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding-right: 50px;
		font-family: "Microsoft YaHei", 微软雅黑;
	}

	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;
		color: #1da4d4;
	}
}

/**
 * Swiper 8.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 17, 2023
 */

@font-face {
	font-family: "Microsoft YaHei", 微软雅黑;
	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
}

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

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

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

.swiper-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
	touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.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-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.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,
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.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-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-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
	content: '';
	flex-shrink: 0;
	order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

.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: 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:after,
.swiper-button-prev:after {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: 'next'
}

.swiper-button-lock {
	display: none
}

.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: 10px;
	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: 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: 10px;
	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-progressbar {
	background: 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: 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: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: 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: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

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

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

.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 .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,
.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-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.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-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-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-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----------------------------- */

/* nav */

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

nav .con .navBox {
	display: flex;
	align-items: center;
}

nav .con .logo {
	width: 288px;
	margin-right: 77px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

nav .con .logo:hover img {
	width: 100%;
}

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

nav .con .navList {
	display: flex;
	align-items: center;
}



nav .con .navList>li {
	flex-shrink: 0;
	margin-right: 60px;
	position: relative;
}

nav .con .navList li:last-child {
	margin-right: 0%;
}

nav .con .navList>li>a {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	color: #666666;
	line-height: 100px;
	padding: 0 10px;
	text-transform: uppercase; font-weight:bold;
}

nav .con .navList>li.active>a,
nav .con .navList>li:hover>a {
	color: #1da4d4;
}


nav .con .btns {
	display: flex;
	align-items: center;
}


nav .con .btns .langurage {
	position: relative;
	margin-right: 30px;
	cursor: pointer;
}

nav .con .btns .langurage .langurageCon {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

nav .con .btns .langurageCon:hover i.icon-earth-full {
	transform: rotate(360deg);
}

nav .con .btns .langurageCon i.icon-earth-full.active {
	transform: rotate(360deg);
}

nav .con .btns .langurageCon i.icon-bottom7.active {
	transform: rotate(180deg);
}


nav .con .btns .langurageCon>i {
	flex-shrink: 0;
	color: #1da4d4;
	display: block;
}

nav .con .btns .langurageCon>i.icon-earth-full {
	font-size: 22px;
}

nav .con .btns .langurageCon>i.icon-bottom7 {
	font-size: 12px;
}

nav .con .btns .langurageCon>a {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	line-height: 30px;
	color: #1da4d4;
	margin: 0 8px;
}


nav .con .btns .langurage .list {
	position: absolute;
	right: 0;
	top: 70px;
	width: 100px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px 0px rgba(29, 164, 212, .6);
	padding: 5px 0;
	display: none;
	z-index: 999;
	border-radius: 5px;
	transition: none;
}

nav .con .btns .langurage .list a {
	padding: 10px;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	color: #666666;
	text-align: center;
}

nav .con .btns .langurage .list a:hover {
	color: #1da4d4;
}


nav .con .btns .search {
	position: relative;
}

nav .con .btns .search>i {
	width: 22px;
	height: 22px;
	font-weight: bold;
	font-size: 22px;
	color: #1da4d4;
	cursor: pointer;
	display: block;
}

nav .con .btns .search>i:hover {
	transform: rotate(-20deg) scale(1.1, 1.1);
}

nav .con .btns .search>i.active {
	transform: rotate(-20deg) scale(1.1, 1.1);
}

nav .con .btns .search form {
	position: absolute;
	top: 65px;
	z-index: 999;
	right: 0;
	width: 200px;
	height: 30px;
	border-radius: 15px;
	border: 2px solid #1da4d4;
	overflow: hidden;
	align-items: center;
	padding: 0 10px;
	display: none;
	transition: none;
	background-color: #ffffff;
}

nav .con .btns .search form .searchCon {
	width: 100%;
	height: 100%;
	display: flex;
}

nav .con .btns .search form.active {
	box-shadow: 0 0 10px rgba(29, 164, 212, .6);
}

nav .con .btns .search form .searchInput {
	width: 100%;
	height: 100%;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	background-color: transparent;
	margin-right: 0px;
	color: #333333;
}


nav .con .btns .search form .searchBtn {
	height: 100%;
	width: 50px;
	position: relative;
	text-align: center;
	line-height: 26px;
}

nav .con .btns .search form .searchBtn input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	z-index: 99;
	cursor: pointer;
}


nav .con .btns .search form .searchBtn i {
	font-weight: bold;
	font-family: "Microsoft YaHei", 微软雅黑;
	color: #666666;
}

nav .con .btns .search form .searchBtn:hover i {
	color: #1da4d4;
}

@media screen and (max-width:1700px) {
	nav .con .logo {
		margin-right: 30px;
		width: 240px;
	}

	nav .con .navList>li {
		margin-right: 40px;
	}
}


@media screen and (max-width:1600px) {
	nav .con .navList>li>a {
		font-size: 16px;
	}

	nav .con .logo {
		margin-right: 20px;
	}

	nav .con .navList>li {
		margin-right: 16px;
	}
}

@media screen and (max-width:1333px) {
	nav .con {
		height: 80px;
	}

	nav .con .logo {
		width: 160px;
		margin-right: 10px;
	}

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

	nav .con .navList>li>a {
		line-height: 80px;
		font-size: 14px;
		padding: 0 5px;
	}

	nav .con .btns .langurage .langurageCon>a {
		font-size: 14px;
	}

	nav .con .btns .langurage {
		margin-right: 10px;
	}

	nav .con .btns .search>i,
	nav .con .btns .langurage>i.icon-earth-full {
		font-size: 18px;
	}

	nav .con .btns .search form {
		top: 55px;
		width: 180px;
	}

	nav .con .btns .langurage .list {
		top: 60px;
	}

	nav .con .btns .langurage .list a {
		font-size: 14px;
		padding: 8px;
	}
}

@media screen and (max-width:999px) {
	nav .con {
		height: 72px;
	}

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

	nav .con .navList {
		display: none;
	}

	nav .con .btns .search {
		display: none;
	}

	nav .con .btns {
		margin-right: 50px;
	}

	nav .con .btns .langurage .list {
		border-radius: 4px;
		padding: 6px 0;
		top: 55px;
	}

	nav .con .btns .langurage .list a {
		font-size: 14px;
		padding: 6px;
	}
}

@media screen and (max-width:769px) {
	nav .con .btns .langurage .list a {
		font-size: 12px;
		padding: 5px;
	}
}

nav .con .navList>li ul {
	width: 180px;
	background-color: #ffffff;
	z-index: 999;
	box-shadow: 0 0 10px rgba(29, 164, 212, .6);
	padding: 10px 0 10px 0;
	transition: none;
	display: none;
}

nav .con .navList>li>.listCon {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}

nav .con .navList>li>.listCon a {
	text-align: left;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	color: #333333;
	padding: 10px;
}



nav .con .navList>li>.listCon a:hover {
	color: #22b0d5;
}


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

nav .navList>li>.listCon li ul {
	position: absolute;
	left: 100%;
	top: 0;
}



@media screen and (max-width:1600px) {
	nav .con .navList>li>.listCon a {
		font-size: 16px;
		padding: 8px;
	}

	nav .con .navList>li ul {
		padding: 8px 0 8px 0;
	}

}

@media screen and (max-width:1333px) {
	nav .con .navList>li>.listCon a {
		padding: 5px;
	}

	nav .con .navList>li ul {
		width: 140px;
		padding: 5px 0 5px 0;
	}
}





/* indexBanner */
.indexBanner {
	background-color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.indexBanner video,.indexBanner iframe {
	width: 101%;
	height: 101%;
	object-fit: cover;
}

.indexBanner .videoPlay {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 5.6%;
	cursor: pointer;
	display: none;
}



.indexBanner .videoPlay:hover img {
	transform: scale(1.1, 1.1);
}






/* index-m1 */
.mission {
	background-image: linear-gradient(0deg, #f4fcff 0%, #daf5ff 100%), linear-gradient(#1da3d7, #1da3d7);
	padding: 90px 0 103px 0;
}


.mission .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	color: #555555;
	margin-bottom: 47px;
	text-align: center;
	font-weight:bold;
}

.mission .con {
	display: flex;
	align-items: center;
	background-color: #ffffff;
	border-radius: 10px 10px 10px 10px;
	overflow: hidden;
}


.mission .image {
	width: 49%;
	overflow: hidden;
	box-shadow: 0px 15px 35px 0px rgba(12, 46, 69, 0.09);
}

.mission .msg {
	width: 51%;
	padding: 30px 70px;
}

.mission .msg .list {
	margin-bottom: 92px;
}

.mission .msg .list a,.mission .msg .list p {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 20px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 30px;
	overflow: hidden;
	hyphens: auto;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	overflow: visible;
}
.mission .msg .list p{ text-indent:2em;}
.mission .msg .list a:last-child,.mission .msg .list p:last-child {
	margin-bottom: 0;
}

.mission .msg .btn {
	font-family: "Microsoft YaHei", 微软雅黑;
	text-decoration: underline;
	font-size: 18px;
	line-height: 30px;
	color: #282278;
	text-transform:uppercase;
}

.mission .clear {
	display: none;
}

@media screen and (max-width:1600px) {
	.mission .msg .list {
		margin-bottom: 40px;
	}

	.mission .msg {
		padding: 20px 40px;
	}
}

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

	.mission .msg .list a,.mission .msg .list p {
		margin-bottom: 10px;
	}

	.mission .msg .list {
		margin-bottom: 20px;
	}

	.mission .con {
		padding: 20px 20px;
	}

	.mission .msg {
		padding: 10px 20px;
	}

	.indexBanner .videoPlay {
		width: 8%;
	}
}


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

	.mission .con,
	.mission .clear {
		display: block;
	}

	.mission .image {
		float: left;
		width: 50%;
		margin-right: 20px;
	}

	.mission .msg {
		width: 100%;
		padding: 10px;
	}

	.mission .msg .btn {
		text-align: right;
	}

	.mission .msg .list {
		margin-bottom: 10px;
	}

	.indexBanner .videoPlay {
		width: 10%;
	}
}

@media screen and (max-width:768px) {
	.mission .msg .list a,.mission .msg .list p {
		margin-bottom: 5px;
	}

	.mission .msg .list {
		margin-bottom: 5px;
	}

	.mission .msg {
		padding: 0;
	}

	.mission .image {
		margin-right: 10px;
	}

	.mission .title1 {
		margin-bottom: 20px;
	}

	.indexBanner .videoPlay {
		width: 12%;
	}
}

@media screen and (max-width:538px) {
	.mission .image {
		width: 100%;
		margin-bottom: 10px;
	}

	.mission .con {
		padding: 10px;
	}

	.indexBanner .videoPlay {
		width: 14%;
	}
}


/* index-M2 */
.advantage {
	position: relative;
	font-size: 0;
}

.advantage video {
	width: 100%;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.advantage .con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 89px 0;
}

.advantage .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 15px; font-weight:bold;
}
.advantage .tit {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 94px;
}
.advantage .title1:hover,.advantage .tit:hover,.advantage .list .item .title2:hover,.advantage .list .item .txt:hover{text-decoration: none;;}

.advantage .list {
	display: flex;
	align-items: flex-start;
}
.advantage .list .item{ width:23%; margin-left:1%; margin-right:1%;}


.advantage .list .item .image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	width: 40%;
	margin: 0 auto 21px;
}

.advantage .list .item .title2,
.advantage .list .item .title2 span {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 10px;
}

.advantage .list .item .txt {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	text-align: center;
}




@media screen and (max-width:1750px) {
	.advantage .list .item:nth-child(n) {
		width: 25%;
		margin-right: 0; margin-left:0%
	}

	.advantage .tit {
		margin-bottom: 80px;
	}
}

@media screen and (max-width:1333px) {
	.advantage .tit {
		margin-bottom: 50px;
	}

	.advantage .list .item .image {
		width: 25%;
		margin-bottom: 10px;
	}

	.advantage .list .item .title2,
	.advantage .list .item .title2 span {
		margin-bottom: 0px;
	}
}

@media screen and (max-width:999px) {
	.advantage .tit {
		margin-bottom: 30px;
	}

	.advantage .list .item .image {
		height: 50px;
	}
}

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

	.advantage .tit {
		margin-bottom: 25px;
	}

	.advantage video {
		min-width: 800px;
	}

	.advantage .list {
		flex-wrap: wrap;
	}

	.advantage .list .item:nth-child(n) {
		width: 25%;
		margin-bottom: 20px;
	}

	.advantage .list .item .image {
		width: 20%;
		height: auto;
	}
}

@media screen and (max-width:538px) {
	.advantage .list .item:nth-child(n) {
		width: 50%;
		margin-bottom: 15px;
	}

	.advantage video {
		min-width: 1030px;
	}
}



/* index-M3 */

.iproduct {
	padding: 88px 0 94px 0;
	background-image: linear-gradient(0deg, #f4fcff 0%, #daf5ff 100%), linear-gradient(#1da3d7, #1da3d7);
}

.iproduct .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	color: #555555;
	margin-bottom: 25px;
	text-align: center;font-weight:bold;
}

.iproduct .title1:hover {
	color: #1da4d4;
}


.iproduct .tit {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
	text-align: center;
	width: 70%;
	margin: 0 auto 67px;
}

.iproduct .title1:hover,
.iproduct .tit:hover,
.iproduct .btn:hover {
	color: #1da4d4;
}

.iproduct .list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 66px;
}



.iproduct .list .item {
	position: relative;
	background-color: #ffffff;
	box-shadow: 0px 0px 35px 0px rgba(0, 69, 104, 0.09);
	border-radius: 20px;
	width: 22.8%;	z-index: 0;
	margin-right: 2.933%;
	padding: 84px 10px 77px;
}

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



.iproduct .list .item .image {
	width: 100px;
	height: 100px;
	margin: 0 auto 27px;
}

.iproduct .list .item .title {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 24px;
	color: #333333;
	margin-bottom: 15px;
	text-align: center;
}

.iproduct .list .item .txt {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
	text-align: center;
}


.iproduct .btn {
	font-family: "Microsoft YaHei", 微软雅黑;
	text-decoration: underline;
	font-size: 18px;
	line-height: 30px;
	color: #282278;
	text-align: center;
	text-transform:uppercase;
}

.iproduct .item:hover .show {
	width: 213%;
	opacity: 1;
		z-index: 999;
}

.iproduct .show {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(29, 164, 212, 0.85);
	box-shadow: 0px 0px 35px 0px rgba(0, 69, 104, 0.09);
	top: 0;
	left: 0;
	border-radius: 20px;
	z-index: 99;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 20px 76px 20px 49px;
	opacity: 0;
	overflow: hidden;
}

.iproduct .item:nth-child(4n) .show {
	left: auto;
	right: 0;
}

.iproduct .show .tit2 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 24px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 26px;
	margin-top: 41px;
}

.iproduct .show .title2 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 62px;
}


.iproduct .show .iconfont {
	width: 58px;
	height: 58px;
	line-height: 56px;
	text-align: center;
	background-color: #ffffff;
	color: #1da4d4;
	border: solid 1px #1da4d4;
	border-radius: 50%;
	font-size: 14px;
}

.iproduct .show .iconfont:hover {
	transform: rotate(180deg);
	text-decoration: none;
}

@media screen and (max-width:1600px) {
	.iproduct .list .item {
		padding: 70px 10px;
	}

	.iproduct .tit {
		width: 80%;
	}

	.iproduct .show .title2 {
		margin-bottom: 40px;
	}

	.iproduct .show .tit2 {
		margin-top: 0;
	}

	.iproduct .show {
		padding: 20px 50px;
	}
}

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

	.iproduct .tit {
		width: 90%;
	}

	.iproduct .tit {
		margin: 0 auto 40px;
	}

	.iproduct .list .item .title,
	.iproduct .show .tit2 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.iproduct .show .title2 {
		margin-bottom: 30px;
	}

	.iproduct .show {
		padding: 30px;
	}

	.iproduct .list .item .image {
		width: 70px;
		height: 70px;
	}

	.iproduct .list .item {
		padding: 40px 10px;
	}

	.iproduct .show .iconfont {
		width: 50px;
		height: 50px;
		line-height: 48px;
	}

	.iproduct .list {
		margin-bottom: 40px;
	}
}

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

	.iproduct .list {
		flex-wrap: wrap;
	}

	.iproduct .list .item:nth-child(n) {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
		padding: 0px;
		border-radius: 10px;
	}

	.iproduct .list .item:nth-child(2n) {
		width: 49%;
		margin-right: 0%;
	}

	.iproduct .show {
		position: static;
		width: 100%;
		border-radius: 10px;
		padding: 25px 20px;
		opacity: 1;
		height: auto;
		display: block;
		box-shadow: none;
		background-color: #ffffff;
	}

	.iproduct .list .item .txt,
	.iproduct .list .item .title {
		display: none;
	}

	.iproduct .list .msg {
		width: auto;
		float: left;
	}

	.iproduct .list .item .title,
	.iproduct .show .tit2 {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 5px;
	}

	.iproduct .show .title2 {
		margin-bottom: 20px;
		color: #666666;
	}

	.iproduct .show .tit2 {
		color: #666666;
	}

	.iproduct .show .iconfont {
		width: 40px;
		height: 40px;
		line-height: 38px;
	}

	.iproduct .list .item .image {
		width: 50px;
		height: 50px;
		margin: 0;
		border-radius: 10px 0 10px 0;
		background-color: #fff;
		margin: 20px 20px 0 20px;
	}

	.iproduct .title1 {
		margin-bottom: 10px;
	}

	.iproduct .list {
		margin-bottom: 10px;
	}

	.iproduct .item:hover .show {
		width: 100%;
		opacity: 1;
	}
}

@media screen and (max-width:768px) {
	.iproduct .show {
		padding: 10px;
	}

	.iproduct .list .item .title,
	.iproduct .show .tit2 {
		font-size: 16px;
		line-height: 26px;
	}

	.iproduct .list .item .image {
		width: 40px;
		height: 40px;
	}

	.iproduct .show .title2 {
		margin-bottom: 10px;
	}

	.iproduct .show .iconfont {
		width: 35px;
		height: 35px;
		line-height: 33px;
		margin-left: auto;
	}

	.iproduct .tit {
		margin: 0 auto 30px;
	}

	.iproduct .list .item:nth-child(n) {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:538px) {
	.iproduct .tit {
		width: 100%;
		margin: 0 auto 20px;
	}

	.iproduct .list .item:nth-child(n) {
		width: 100%;
		margin-right: 0;
	}

	.iproduct .show .iconfont {
		width: 30px;
		height: 30px;
		line-height: 28px;
		font-size: 12px;
	}

	.iproduct .list {
		margin-bottom: 0;
	}

	.iproduct .show .title2 {
		margin-bottom: 5px;
	}
}





/* index-M4 */

.vrDisplay {
	background-image: linear-gradient(0deg, #f4fcff 0%, #daf5ff 100%), linear-gradient(#1da4d4, #1da4d4);
	padding: 90px 0 102px 0;
}

.vrDisplay .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	color: #555555;
	margin-bottom: 47px;
	text-align: center;font-weight:bold;
}
.vrDisplay iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}


.vrDisplay .box{
	border-radius: 10px;
	overflow: hidden;
	padding-bottom: 50%;
	position: relative;
}



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

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

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


/* indexM5 */

.helpYou {
	padding: 71px 0 69px 0;
	background-image: url("../images/indexM6Bg.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
/*	background-attachment: fixed;*/
	position: relative;
}

.helpYou .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	color: #ffffff;
	margin-bottom: 25px;
	text-align: center;
	font-weight:bold;
}

.helpYou .title2 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 35px;
}


.helpYou .btn {
	width: 280px;
	height: 60px;
	background-color: #ffffff;
	box-shadow: 0px 0px 35px 0px rgba(0, 69, 104, 0.09);
	border-radius: 30px;
	text-align: center;
	line-height: 60px;
	margin: 0 auto;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	color: #1da4d4;
}

.helpYou .btn:hover {
	word-spacing: 2px;
}

@media screen and (max-width:1600px) {
	.helpYou .btn {
		width: 260px;
		height: 55px;
		line-height: 55px;
	}
}

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

	.helpYou .btn {
		width: 240px;
		height: 45px;
		line-height: 45px;
	}
}

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

	.helpYou .title2 {
		margin-bottom: 30px;
	}

	.helpYou .btn {
		height: 40px;
		line-height: 40px;
		width: 220px;
	}
}

@media screen and (max-width:768px) {
	.helpYou .btn {
		height: 35px;
		line-height: 35px;
		width: 200px;
	}
}

@media screen and (max-width:538px) {
	.helpYou .btn {
		height: 30px;
		line-height: 30px;
		width: 180px;
	}

	.helpYou .title2 {
		margin-bottom: 20px;
	}
}








/* indexM6 */
.certifiicates {
	padding: 90px 0 102px 0;
}

.certifiicates .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	color: #555555;
	margin-bottom: 40px;
	text-align: center;
	margin-bottom: 67px;font-weight:bold;
}

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

.certifiicates .list {
	position: relative;
}


.certifiicates .swiper.active2 .swiper-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
}

.certifiicates .swiper.active2 .swiper-wrapper>div:last-child{
	margin-right: 0 !important;
}


.certifiicates .swiper.active{
		clip-path: polygon(4.7% 0, 95.15% 0, 95.15% 100%, 4.7% 100%);
}

.certifiicates .next,
.certifiicates .prev {
	position: absolute;
	width: 41px;
	height: 41px;
	background-color: #1da4d4;
	border: solid 1px #22b0d5;
	text-align: center;
	line-height: 39px;
	font-size: 14px;
	color: #ffffff;
	z-index: 1;
	top: 48%;
	cursor: pointer;
	border-radius: 50%;
}

.certifiicates .next {
	right: 0;
}

.certifiicates .prev {
	left: 0;
}

.certifiicates .next:hover,
.certifiicates .prev:hover {
	background-color: #ffffff;
	color: #1da4d4;
}

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

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


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

	.certifiicates .next,
	.certifiicates .prev {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
}

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

	.certifiicates .swiper.active {
		clip-path: polygon(10.7% 0, 89% 0, 89% 100%, 10.7% 100%);
	}

	.certifiicates .prev {
		left: 4%;
	}

	.certifiicates .next {
		right: 4%;
	}
}


@media screen and (max-width:538px) {
	.certifiicates .swiper.active2 .swiper-wrapper{
		justify-content: flex-start;
	}
	
	.certifiicates .swiper.active2 .swiper-wrapper>div:last-child{
		margin-right: auto;
	}
	
	.certifiicates .swiper.active {
		clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
	}

	.certifiicates .next,
	.certifiicates .prev {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}

	.certifiicates .prev {
		left: 50%;
		top: 105%;
		transform: translateX(-140%);
	}

	.certifiicates .next {
		right: 50%;
		top: 105%;
		transform: translateX(140%);
	}

	.certifiicates .list {
		margin-bottom: 40px;
	}

	.certifiicates .title1 {
		margin-bottom: 20px;
	}
}




/* indexM7 */
.latestNews {
	margin-bottom: 100px;
}

.latestNews .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	line-height: 36px;
	color: #555555;
	margin-bottom: 40px;
	text-align: center;
	margin-bottom: 79px;font-weight:bold;
}



.latestNews .con {
	margin-bottom: 79px;
	position: relative;
}


.latestNews .con .item {
	width: 48.1%;
	box-shadow: 0px 0px 35px 0px rgba(0, 69, 104, 0.09);
	border-radius: 10px;
	padding: 44px 23px 44px 23px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
}


.latestNews .con .item:first-child {
	width: 50%;
	border-radius: 10px;
	padding: 22px 40px 36px 40px;
	flex-direction: column-reverse;
	float: left;
	margin-right: 1.9%;
	position: relative;
}


.latestNews .con .item:first-child .image {
	width: 100%;
}

.latestNews .con .item:first-child .msg {
	width: 100%;
}

.latestNews .con .item:first-child .text {
	margin-bottom: 26px;
}

.latestNews .con .item:first-child .threeRow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	min-height: 56px;
}




.latestNews .con .item:nth-child(2) {
	top: 0;
	right: 0;
}

.latestNews .con .item:nth-child(3) {
	bottom: 0;
	right: 0;
}


.latestNews .con .item:hover {
	box-shadow: 0px 0px 35px 0px rgba(29, 164, 212, 0.35);
}

.latestNews .con .item .image {
	width: 52.5%;
}

.latestNews .con .item .msg {
	width: 44.5%;
}



.latestNews .con .time {
	display: flex;
	align-items: center;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	color: #1ea4d7;
	margin-bottom: 17px;
}

.latestNews .con .time i {
	margin-right: 10px;
	font-size: 28px;
	margin-right: 6.5px;
}

.latestNews .con .title2 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 22px;
	color: #333333;
	margin-bottom: 11px;
}

.latestNews .con .text {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	line-height: 28px;
	color: #666666;
	overflow: hidden;
	hyphens: auto;
}

.latestNews .con .image {
	overflow: hidden;
	border-radius: 10px;
}

.latestNews .more {
	font-family: "Microsoft YaHei", 微软雅黑;
	text-decoration: underline;
	font-size: 18px;
	color: #282278;
	text-align: center;
}

@media screen and (max-width:1600px) {
	.latestNews .safeRange {
		max-width: 1200px;
	}

	.latestNews .con .title2 {
		font-size: 18px;
		line-height: 28px;
	}

	.latestNews .con .text {
		font-size: 16px;
		line-height: 26px;
	}

	.latestNews .con .item {
		padding: 20px;
		width: 53%;
	}

	.latestNews .con .time {
		margin-top: 0;
		margin-bottom: 15px;
	}

	.latestNews .con .time i {
		font-size: 24px;
	}

	.latestNews .con .item:first-child .threeRow {
		min-height: 52px;
	}

	.latestNews .con .item:first-child {
		padding: 20px;
		width: 44%;
	}

	.latestNews .title1,
	.latestNews .con {
		margin-bottom: 50px;
	}

	.latestNews .title1 {
		font-size: 38px;
	}
}

@media screen and (max-width:1200px) {
	.latestNews .safeRange {
		width: 950px;
	}

	.latestNews .con .title2 {
		font-size: 16px;
		line-height: 26px;
	}

	.latestNews .con .text {
		font-size: 14px;
		line-height: 24px;
	}

	.latestNews .con .item:first-child .threeRow{
		min-height: 48px;
	}
	
	.latestNews .con .title2 {
		margin-bottom: 6px;
	}

	.latestNews .con .time {
		margin-bottom: 10px;
		font-size: 14px;
	}

	.latestNews .con .time i {
		font-size: 20px;
	}
}



@media screen and (max-width:1333px) {
	.latestNews .title1 {
		font-size: 28px;
		line-height: 30px;
	}

	.latestNews {
		margin-bottom: 60px;
	}

	.latestNews .more {
		font-size: 16px;
		line-height: 26px;
	}
	
}






@media screen and (max-width:999px) {
	.latestNews .safeRange {
		width: 800px;
	}

	.latestNews .title1 {
		font-size: 24px;
	}

	.latestNews .title1,
	.latestNews .con {
		margin-bottom: 40px;
	}

	.latestNews .more {
		font-size: 14px;
		line-height: 24px;
	}
	.latestNews .con .item:first-child .text{
		margin-bottom: 20px;
	}
	
	
}



@media screen and (max-width:850px) {
	.latestNews .safeRange {
		width: calc(100% - 50px);
	}
	.latestNews .clear {
		display: none;
	}

	.latestNews .con {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		margin-bottom: 20px;
	}

	.latestNews .con .item:nth-child(n) {
		width: 48.5%;
		margin-right: 3%;
		flex-direction: column-reverse;
		margin-bottom: 25px;
		padding: 20px 20px;
		position: static;
	}

	.latestNews .con .item:nth-child(n) .image {
		width: 100%;
	}

	.latestNews .con .item:nth-child(2n) {
		margin-right: 0%;
	}

	.latestNews .con .item:nth-child(n) .msg {
		width: 100%;
	}
	

	.latestNews .title1 {
		margin-bottom: 40px;
	}

	.latestNews {
		margin-bottom: 40px;
	}
	
	.latestNews .con .item .text{
		margin-bottom: 20px;
		font-size: 12px;
		line-height: 22px;
		min-height: 44px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}


@media screen and (max-width:768px) {
	.latestNews .title1{
		font-size: 22px;
	}
	.latestNews .con .title2{
		font-size: 14px;
		line-height: 24px;
	}
	.latestNews .con .item:first-child .text{
		margin-bottom: 15px;
	}
	.latestNews .con .item:nth-child(n){
		margin-bottom: 15px;
	}
	.latestNews .title1{
		margin-bottom: 30px;
	}
	.latestNews .more{
		font-size: 12px;
		line-height: 22px;
	}
	.latestNews .con{
		margin-bottom: 15px;
	}
	.latestNews{
		margin-bottom: 30px;
	}
}

@media screen and (max-width:460px) {
	.latestNews .con {
		margin-bottom: 10px;
	}
	.latestNews .con .item:nth-child(n) {
		width: 100%;
		margin-right: 0%;
	}
	.latestNews .title1{
		margin-bottom: 20px;
	}
	.latestNews{
		margin-bottom: 20px;
	}
}

/* ---------------------------1-1about-------------------------- */
/* aboutM1 */
.company {
	padding: 32px 0 100px 0;
}

.company .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;n
	line-height: 30px;
	color: #333333;
	margin-bottom: 25px;
	text-align: center;font-weight:bold;
}

.company .tit2 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 34px;
	text-align: center;
}
.company .tit2 p{
font-family: "Microsoft YaHei", 微软雅黑;
font-size: 20px;
line-height: 30px;
color: #666666;}

.company .show {
	border-radius: 10px;
	overflow: hidden;
	background-color: #000000;
}

.company .show video {
	width: 100%;
	height: 100%;
}

.company .show .videoPlay {
	width: 10%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	cursor: pointer;
	display: block;
}

.company .show .videoPlay:hover img {
	transform: scale(1.1, 1.1);
}

@media screen and (max-width:1600px) {
	.company {
		padding: 30px 0 80px 0;
	}
}

@media screen and (max-width:1333px) {
	.company {
		padding: 10px 0 60px 0;
	}

	.company .title1 {
		margin-bottom: 20px;
	}

	.company .tit2 {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:999px) {
	.company {
		padding: 40px 0 40px 0;
	}

	.company .title1 {
		margin-bottom: 10px;
	}

	.company .tit2 {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:768px) {
	.company {
		padding: 30px 0 30px 0;
	}

	.company .title1 {
		margin-bottom: 5px;
	}

	.company .tit2 {
		margin-bottom: 10px;
	}

	.company .show .videoPlay {
		width: 12%;
	}
}

@media screen and (max-width:538px) {
	.company {
		padding: 20px 0 20px 0;
	}

	.company .show {
		border-radius: 5px;
	}

	.company .show .videoPlay {
		width: 16%;
	}
}













.aboutVision {
	padding: 70px 0 204px 0;
	background-image: url("../images/aboutM2Bg.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.aboutVision .title1 {
	text-align: center;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	color: #333333;
	margin-bottom: 201px;font-weight:bold;
}

.aboutVision .rolvan {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.aboutVision .rolvan .rolvanImg {
	width: 36%;
	opacity: 0;
	transition: 2s linear all;
}
.aboutVision .rolvan .rolvanImg.active{
	opacity: 1;
}

.aboutVision .rolvan .item {
	position: absolute;
	width: 22%;
	height: 53.5%;
	transition: 1s linear all;
	opacity: 0;
}

.aboutVision .rolvan .item.active{
	opacity: 1;
}

.aboutVision .rolvan .item .box {
	background-image: url("../images/aboutM2-1.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	padding: 14px 36px 20px 31px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}



.aboutVision .rolvan .item .box:hover {
	background-image: url("../images/aboutM2-2.png");
}

.aboutVision .rolvan .item:nth-child(2) {
	left: 13%;
	top: -36.6%;
}

.aboutVision .rolvan .item:nth-child(2) .box {
	transform: rotateY(180deg);
}




.aboutVision .rolvan .item:nth-child(2) .box .piece {
	transform: rotateY(-180deg);
}

.aboutVision .rolvan .item:nth-child(2) .box .btn {
	right: -32%;
	bottom: -32%;
}


.aboutVision .rolvan .item:nth-child(7) {
	right: 13%;
	top: -36.6%;
}

.aboutVision .rolvan .item:nth-child(7) .box .btn {
	left: -19%;
	bottom: 4%;
}



.aboutVision .rolvan .item:nth-child(3) {
	left: 5.4%;
	top: 21.7%;
}

.aboutVision .rolvan .item:nth-child(3) .box {
	transform: rotateY(180deg);
}

.aboutVision .rolvan .item:nth-child(3) .box .piece {
	transform: rotateY(-180deg);
}

.aboutVision .rolvan .item:nth-child(3) .box .btn {
	right: -34%;
	bottom: 14%;
}


.aboutVision .rolvan .item:nth-child(6) {
	left: 72.7%;
	top: 21.7%;
}



.aboutVision .rolvan .item:nth-child(6) .box .btn {
	right: 96%;
	bottom: 32%;
}

.aboutVision .rolvan .item:nth-child(4) {
	left: 11.95%;
	top: 79.8%;
}

.aboutVision .rolvan .item:nth-child(4) .box {

	transform: rotateY(180deg) rotateX(180deg);
	padding: 58px 36px 20px 31px;
}

.aboutVision .rolvan .item:nth-child(4) .box .piece {
	transform: rotateY(-180deg) rotateX(-180deg);
}

.aboutVision .rolvan .item:nth-child(4) .box .btn {
	right: -34%;
	bottom: 45%;
}

.aboutVision .rolvan .item:nth-child(5) {
	left: 65.5%;
	top: 79.8%;
}

.aboutVision .rolvan .item:nth-child(5) .box {
	transform: rotateX(180deg);
	padding: 58px 36px 20px 31px;
}


.aboutVision .rolvan .item:nth-child(5) .box .piece {
	transform: rotateX(-180deg);
}

.aboutVision .rolvan .item:nth-child(5) .box .btn {
	right: 106%;
	bottom: 45%;
}

.aboutVision .rolvan .item:hover .name {
	color: #ffffff;
}


.aboutVision .rolvan .item .name {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 9px;
	margin-top: -9px;
}

.aboutVision .rolvan .item .line {
	width: 100%;
	height: 2px;
	background-image: linear-gradient(31deg, #ffffff 0%, #c7e1f1 50%, #7ec6ed 100%);
	margin-bottom: 6px;
}

.aboutVision .rolvan .item:hover .line {
	background-image: linear-gradient(0deg, #33a9d5 0%, #33a9d5 50%, #33a9d5 100%);
}


.aboutVision .rolvan .item .txt p {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	line-height: 24px;
	color: #474647;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	hyphens: auto;
	text-indent:2em;
}

.aboutVision .rolvan .item:hover .txt p {
	color: #ffffff;
}

.aboutVision .rolvan .item .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 75px;
	color: #ffffff;
	border: 5px solid #ffffff;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	position: absolute;
	box-shadow: 0px 0px 50px rgba(255, 255, 255, 1);
	animation: dashed 40000ms linear infinite;
	background-image: linear-gradient(-31deg, #ccf1ff 0%,
			#88deff 50%,
			#ccf1ff 100%),
		linear-gradient(#000000,
			#000000);
}

.aboutVision .rolvan .item .btn span {
	animation: dashed2 40000ms linear infinite;
}

.aboutVision .rolvan .item:hover .btn span {
	color: #0789ba;
}

.aboutVision .rolvan .item .btn::before,
.aboutVision .rolvan .item .btn:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}


.aboutVision .rolvan .item .btn:after {
	width: 130%;
	height: 130%;
	border: 3px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0px 0px 100px rgba(255, 255, 255, 1);
	animation: shadow 4s linear infinite;
}

.aboutVision .rolvan .item .btn::before {
	border: 2px dashed #ffffff;
	width: 80%;
	height: 80%;
	border-radius: 50%;
}


@keyframes shadow {

	0%,
	100% {
		box-shadow: 0px 0px 100px rgba(255, 255, 255, 1);
	}

	50% {
		box-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
	}
}

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

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


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

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




@media screen and (max-width:1600px) {
	.aboutVision .rolvan .item .btn {
		width: 70px;
		height: 70px;
	}

	.aboutVision .rolvan .item .btn span {
		font-size: 36px;
	}

	.aboutVision .rolvan .item:nth-child(n) .name {
		margin-top: 10px;
		font-size: 18px;
		margin-bottom: 5px;
	}

	.aboutVision .rolvan .item .box {
		padding: 10px 30px;
	}

	.aboutVision .title1 {
		margin-bottom: 160px;
	}

	.aboutVision .rolvan .item:nth-child(2) .box .btn {
		right: -35%;
		bottom: -17%;
	}
}


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

	.aboutVision .rolvan .item .box .btn {
		width: 60px;
		height: 60px;
		border-width: 4px;
	}

	.aboutVision {
		padding: 70px 0 200px 0;
	}

	.aboutVision .rolvan .item:nth-child(n) {
		width: 25%;
		height: 60.5%;
	}

	.aboutVision .rolvan .item:nth-child(n) .box {
		padding: 10px 20px;
	}

	.aboutVision .rolvan .item:nth-child(2) {
		left: 10%;
		top: -47.6%;
	}

	.aboutVision .rolvan .item:nth-child(2) .box .btn {
		right: -25%;
		bottom: -50%;
	}

	.aboutVision .rolvan .item .txt p {
		-webkit-line-clamp: 3;
	}

	.aboutVision .rolvan .item:nth-child(n) .box .name {
		margin-top: 0;
		margin-bottom: 2px;
	}

	.aboutVision .rolvan .item .box .line {
		margin-bottom: 2px;
	}

	.aboutVision .rolvan .item:nth-child(7) {
		right: 9%;
		top: -48.6%;
	}

	.aboutVision .rolvan .item:nth-child(7) .box .btn {
		left: -19%;
		bottom: -6%;
	}

	.aboutVision .rolvan .item:nth-child(3) {
		left: 2.4%;
		top: 15.7%;
	}

	.aboutVision .rolvan .item:nth-child(3) .box .btn {
		right: -26%;
		bottom: 14%;
	}

	.aboutVision .rolvan .item:nth-child(6) {
		left: 73%;
		top: 17.7%;
	}

	.aboutVision .rolvan .item:nth-child(6) .box .btn {
		right: 94%;
	}

	.aboutVision .rolvan .item:nth-child(4) {
		left: 10.95%;
		top: 85.8%;
	}

	.aboutVision .rolvan .item:nth-child(4) .box .btn {
		right: -24%;
		bottom: 97%;
	}

	.aboutVision .rolvan .item:nth-child(5) {
		left: 63.5%;
		top: 84.8%;
	}

	.aboutVision .rolvan .item:nth-child(5) .box .btn {
		right: 101%;
		bottom: 92%;
	}

	.aboutVision .title1 {
		margin-bottom: 150px;
	}
}



@media screen and (max-width:1200px) {
	.aboutVision {
		padding: 40px 0 180px 0;
	}

	.aboutVision .rolvan .item:nth-child(2) {
		left: 10%;
		top: -48.6%;
	}

	.aboutVision .rolvan .item:nth-child(2) .box .btn {
		right: -28%;
		bottom: -30%;
	}

	.aboutVision .rolvan .item:nth-child(3) {
		left: 3.4%;
	}

	.aboutVision .rolvan .item:nth-child(6) {
		left: 74%;
	}

	.aboutVision .rolvan .item:nth-child(4) .box .btn {
		bottom: 77%;
	}

	.aboutVision .rolvan .item:nth-child(5) {
		left: 64.5%;
		top: 85.8%;
	}

	.aboutVision .rolvan .item:nth-child(5) .box .btn {
		right: 102%;
		bottom: 82%;
	}
}









@media screen and (max-width:999px) {
	.aboutVision .rolvan .item .txt p{
		display: block;
	}
	.aboutVision .rolvan {
		flex-wrap: wrap;
		position: static;
		align-items: stretch;
		/* align-self: stretch;
		-webkit-align-self: stretch; */
	}

	.aboutVision .rolvan .rolvanImg {
		display: none;
	}

	.aboutVision .rolvan .item:nth-child(n) {
		width: 48%;
		margin-right: 4%;
		height: auto;
		margin-bottom: 30px;
		position: relative;
		left: 0;
		top: 0;
	}

	.aboutVision .rolvan .item:nth-child(n) .box {
		width: 100%;
		height: 100%;
		right: auto;
		bottom: auto;
		transform: none;
		background-image: none;
		border: 2px solid #ffff;
		border-radius: 0 30px 0 0;
		box-shadow: 0 0 10px rgba(255, 255, 255, 1);
		padding: 10px 50px 10px 20px;
	}

	.aboutVision .rolvan .item:nth-child(2n-1) {
		margin-right: 0;
	}

	.aboutVision .rolvan .item:nth-child(n) .box .piece {
		transform: none;
	}

	.aboutVision .title1 {
		margin-bottom: 40px;
	}

	.aboutVision {
		padding: 40px 0;
	}

	.aboutVision .rolvan .item:nth-child(n) .box .btn {
		top: 0%;
		right: 0%;
		bottom: auto;
		left: auto;
		transform: translateX(-50%) translateY(-50%);
		width: 50px;
		height: 50px;
	}

	.aboutVision .rolvan .item .box .btn span {
		font-size: 24px;
	}
}

@media screen and (max-width:768px) {
	.aboutVision {
		padding: 30px 0 20px 0;
	}

	.aboutVision .title1 {
		margin-bottom: 30px;
	}

	.aboutVision .rolvan .item:nth-child(n) .name {
		font-size: 14px;
		margin-bottom: 5px;
	}
}

@media screen and (max-width:538px) {
	.aboutVision .rolvan .item:nth-child(n) {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.aboutVision .title1 {
		margin-bottom: 20px;
	}
}











/* aboutM3 */

.A-vrDisplay {
	background-image: none;
	background-color: #ffffff;
	padding: 88px 0 40px;
}

.A-vrDisplay .title1 {
	color: #333333;
	margin-bottom: 26px;
}

/* aboutM4 */
.A-certifiicates {
	padding: 47px 0 100px 0;
}



.A-certifiicates .title1 {
	color: #333333;
	margin-bottom: 31px;
}

@media screen and (max-width:1333px) {
	.A-vrDisplay {
		padding: 60px 0 30px;
	}

	.A-certifiicates {
		padding: 30px 0 80px 0;
	}

	.A-vrDisplay .title1 {
		margin-bottom: 24px;
	}

	.A-certifiicates .title1 {
		margin-bottom: 24px;
	}
}

@media screen and (max-width:999px) {
	.A-vrDisplay {
		padding: 40px 0 20px;
	}

	.A-certifiicates {
		padding: 20px 0 60px 0;
	}

	.A-vrDisplay .title1 {
		margin-bottom: 20px;
	}

	.A-certifiicates .title1 {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:768px) {
	.A-vrDisplay {
		padding: 30px 0 10px;
	}

	.A-certifiicates {
		padding: 10px 0 40px 0;
	}

	.A-vrDisplay .title1 {
		margin-bottom: 16px;
	}

	.A-certifiicates .title1 {
		margin-bottom: 16px;
	}
}

@media screen and (max-width:538px) {
	.A-certifiicates {
		padding: 10px 0 30px 0;
	}

	.A-vrDisplay {
		padding: 20px 0 10px;
	}

	.A-vrDisplay .title1 {
		margin-bottom: 10px;
	}

	.A-certifiicates .title1 {
		margin-bottom: 10px;
	}
}


/* ---------------------------2-1business-------------------------- */
/* businessM1 */
.businessVideo {
	background-color: #000000;
}

.businessVideo video {
	width: 101%;
	height: 101%;
	object-fit: cover;
}

.businessVideo .videoPlay {
	width: 5.6%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	cursor: pointer;
	display: none;
}

.businessVideo .videoPlay:hover img {
	transform: scale(1.1, 1.1);
}

/* businessM2 */
.business1 {
	padding: 22px 0 99px 0;
}

.business1 .item {
	margin-bottom: 79px;
}

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


.business1 .item .image {
	width: 48%;
	border-radius: 20px;
	box-shadow: 0px 15px 35px 0px rgba(12, 46, 69, 0.09);
	float: left;
	margin-right: 3.66%;
	overflow: hidden;
}

.business1 .item:nth-child(2n) .image {
	float: right;
	margin-right: 0;
	margin-left: 3.66%;
}

.business1 .item .msg {
	width: 48%;
	float: left;
	padding: 39px 0 10px 0;
}

.business1 .item .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	color: #333333;
	margin-bottom: 22px;
	font-weight:bold;
}

.business1 .item .text {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 46px;
	text-indent:2em;
}


.business1 .list {
	float: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 48%;
}

.business1 .list .thing {
	width: 32%;
	margin-right: 2%;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	background-image: url("../images/business1icon.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}


.business1 .list .thing:nth-child(3n) {
	margin-right: 0%;
}

.business1 .list .thing img {
	opacity: 0;
}

.business1 .list .thing:hover img {
	transform: scale(1, 1);
	opacity: 1;
}

.business1 .list .thing:hover .name,
.business1 .list .thing:hover .dis p {
	color: #ffffff;
}

.business1 .list .thing:hover .dis p {
	margin-bottom: 2px;
}

.business1 .list .thing:hover .dis {
	transform: translateY(0);
}

.business1 .list .thing .box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 5px 14px 10px 14px;
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}



.business1 .thing .name {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 14px;
	line-height: 30px;
	color: #1da4d4;
}

.business1 .thing .dis {
	transform: translateY(54%);
}


.business1 .thing .dis p {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 10px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}


.business1 .thing .dis i {
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #ffffff;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	border-radius: 50%;
	color: #ffffff;
}




@media screen and (max-width:1333px) {
	.business1 .item .text {
		margin-bottom: 20px;
	}

	.business1 .item {
		margin-bottom: 60px;
	}

	.business1 .item .title1 {
		margin-bottom: 20px;
	}

	.business1 .item .msg {
		padding: 20px 0 10px 0;
	}

	.business1 .thing .dis {
		transform: translateY(22%);
	}

	.business1 .thing .dis i {
		width: 18px;
		height: 18px;
	}

	.business1 .thing .dis p {
		margin-bottom: 10px;
	}

	.business1 .list .thing:hover .dis p {
		margin-bottom: 0;
	}

	.business1 .list .thing .box {
		padding: 3px 10px;
	}

	.business1 {
		padding: 30px 0 80px 0;
	}
}


@media screen and (max-width:999px) {
	.business1 .thing .dis {
		transform: translateY(0);
	}

	.business1 .thing .dis p {
		margin-bottom: 0;
	}

	.business1 .thing .dis i {
		display: none;
	}

	.business1 {
		padding: 40px 0 60px 0;
	}

	.business1 .item {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:768px) {
	.business1 .item {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

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

	.business1 .list {
		width: 100%;
		margin-top: 20px;
	}

	.business1 .list .thing .box {
		padding: 10px;
		justify-content: center;
	}

	.business1 .item .msg {
		padding: 14px 0;
	}

	.business1 .item .title1 {
		margin-bottom: 10px;
	}

	.business1 {
		padding: 30px 0 30px 0;
	}

	.business1 .item {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:538px) {
	.business1 .item .image {
		width: 100%;
		margin: 0;
		border-radius: 10px;
	}

	.business1 .item:nth-child(2n) .image {
		margin-left: 0;
		border-radius: 10px;
	}

	.business1 .item .msg {
		width: 100%;
		padding: 10px 0;
	}

	.business1 {
		padding: 20px 0 20px 0;
	}

	.business1 .item .title1 {
		margin-bottom: 5px;
	}

	.business1 .item .text {
		margin-bottom: 5px;
	}

	.business1 .list {
		margin-top: 0;
	}

	.business1 .item {
		margin-bottom: 20px;
	}

	.business1 .list .thing {
		border-radius: 5px;
	}

}


/* ---------------------------2-2business-------------------------- */
/* businessDesM1 */

.businessDes {
	padding: 8px 0 90px 0;
}



.businessDes .image {
	position: relative;
	width: 46.8%;
	float: left;
	margin-right: 3.8%;
	border-radius: 20px;
	margin-bottom: 10px;
}

.businessDes .image img {
	border-radius: 20px;
	transform: translateX(2.5%) translateY(4%);
}

.businessDes .image:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	background-color: #f6f6fc;
	border-radius: 20px;
}



.businessDes .msg {
	width: 100%;
	padding: 21px 45px 21px 45px;
}

.businessDes .msg .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	color: #333333;
	margin-bottom: 15px;
}


.businessDes .msg .txt {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	color: #1da4d4;
	position: relative;
	display: inline-block;
	margin-bottom: 29px;
}


.businessDes .msg .txt:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: -17px;
	width: 30px;
	height: 2px;
	background-color: #1da4d4;
}

.businessDes .msg .list p {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 30px; text-indent:2em;
}

.businessDes .msg .list p:last-child {
	margin-bottom: 0px;
}

@media screen and (max-width:1600px) {
	.businessDes {
		padding: 10px 0 80px;
	}

	.businessDes .msg {
		padding: 20px 0;
	}
}

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

	.businessDes .msg .txt {
		margin-bottom: 20px;
	}

	.businessDes .msg .txt:after {
		bottom: -10px;
	}

	.businessDes .msg .list p {
		margin-bottom: 20px;
	}

	.businessDes {
		padding: 10px 0 40px;
	}
}

@media screen and (max-width:999px) {
	.businessDes {
		padding: 40px 0;
	}

	.businessDes .image img,
	.businessDes .image,
	.businessDes .image:after {
		border-radius: 10px;
	}

	.businessDes .msg .title1 {
		margin-bottom: 5px;
	}

	.businessDes .msg .txt {
		margin-bottom: 10px;
	}

	.businessDes .msg .txt:after {
		bottom: -5px;
	}

	.businessDes .msg .list p {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:768px) {
	.businessDes {
		padding: 30px 0;
	}

	.businessDes .msg {
		padding: 10px 0;
	}

	.businessDes .msg .list p {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:538px) {
	.businessDes {
		padding: 20px 0;
	}

	.businessDes .image {
		width: 100%;
	}

	.businessDes .image img {
		transform: translateY(0) translateX(0);
	}

	.businessDes .msg .list p {
		margin-bottom: 5px;
	}

	.businessDes .msg {
		padding: 0;
	}

	.businessDes .image img,
	.businessDes .image,
	.businessDes .image:after {
		border-radius: 5px;
	}
}



/* businessDesM2 */
.businessDes2 {
	background-color: #1da4d4;
	background-color: rgba(29, 164, 212, 0.12);
	padding: 80px 0 65px 0;
}


.businessDes2 .con .msg {
	width: 47.1%;
	float: right;
}

.businessDes2 .con .image {
	width: 49.5%;
	border-radius: 20px;
	margin-left: 3.4%;
	float: right;
}

.businessDes2 .con .image img {
	border-radius: 20px;
}


.businessDes2 .con .msg .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	color: #333333;
	margin-bottom: 28px;
	margin-top: -14px;font-weight:bold;
}

.businessDes2 .con .msg .txt {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	color: #1da4d4;
	position: relative;
	margin-bottom: 38px;
}

.businessDes2 .con .msg .txt::after {
	position: absolute;
	content: "";
	bottom: -16px;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #1da4d4;
}


.businessDes2 .con .list {
	overflow: auto;
	scrollbar-color: #1da4d4 rgba(0, 0, 0, 0.2);
	scrollbar-width: thin;
	max-height: 180px;
	padding-right: 20px;
	margin-bottom: 75px;
}


.businessDes2 .con .list::-webkit-scrollbar {
	width: 3px;
}

.businessDes2 .con .list::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background-color: #1da4d4;
}

.businessDes2 .con .list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #ffffff;
}


.businessDes2 .con .list::-webkit-scrollbar-button {
	display: none;
}




.businessDes2 .con .list p {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 30px; text-indent:2em;
}
.businessDes2 .con .list p strong{font-size: 18px;
	line-height: 30px;
	color: #666666;}
.businessDes2 .con .list p:last-child {
	margin-bottom: 0;
}

.businessDes2 .download {
	width: 47.1%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	float: right;
	justify-content: space-between;
}

.businessDes2 .download .icons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.businessDes2 .download .icons img {
	margin-right: 10px;
	margin-bottom: 10px;
}

.businessDes2 .download .btn {
	width: 140px;
	height: 60px;
	line-height: 58px;
	background-color: #1da4d4;
	border-radius: 8px;
	text-align: center;
	font-family: "Microsoft YaHei", 微软雅黑;
	/*text-decoration: underline;*/
	font-size: 15px;
	color: #ffffff;
	border: 1px solid #1da4d4;
	margin-right: 2%;
	margin-bottom: 10px;
}

.businessDes2 .download .btn:hover {
	background-color: #ffffff;
	color: #1da4d4;
}

@media screen and (max-width:1600px) {
	.businessDes2 .con .msg .title1 {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.businessDes2 .con .msg .txt {
		margin-bottom: 30px;
	}

	.businessDes2 .con .msg .txt::after {
		bottom: -10px;
	}

	.businessDes2 .con .list {
		margin-bottom: 40px;
	}

	.businessDes2 .download .btn {
		height: 50px;
		line-height: 48px;
	}

	.businessDes2 .con .list p {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:1333px) {
	.businessDes2 .con {
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: wrap;
		align-items: center;
	}

	.businessDes2 .download {
		width: 100%;
		margin-top: 30px;
	}

	.businessDes2 .download .btn {
		margin-right: 5%;
	}

	.businessDes2 .con .msg .title1 {
		margin-bottom: 10px;
	}

	.businessDes2 .con .msg .txt {
		margin-bottom: 20px;
	}

	.businessDes2 .con .msg .txt::after {
		bottom: -5px;
	}

	.businessDes2 .con .list p {
		margin-bottom: 10px;
	}

	.businessDes2 .con .list {
		margin-bottom: 0px;
	}
}

@media screen and (max-width:999px) {
	.businessDes2 .con .list p {
		margin-bottom: 5px;
	}

	.businessDes2 .con .msg .txt {
		margin-bottom: 10px;
	}

	.businessDes2 .download {
		margin-top: 20px;
	}

	.businessDes2 .download .btn {
		width: 120px;
		height: 45px;
		line-height: 43px;
		margin-right: 3%;
	}
}

@media screen and (max-width:768px) {
	.businessDes2 .con .list {
		padding-right: 10px;
		max-height: 100px;
	}

	.businessDes2 .download .btn {
		width: 80px;
		height: 35px;
		line-height: 33px;
		border-radius: 5px;
	}

	.businessDes2 .download .icons img {
		margin-right: 5px;
		margin-bottom: 5px;
	}

	.businessDes2 .con .msg .title1 {
		margin-bottom: 5px;
	}

	.businessDes2 .con .image img,
	.businessDes2 .con .image {
		border-radius: 10px;
		overflow: hidden;
	}

	.businessDes2 .download {
		margin-top: 10px;
		flex-direction: column;
		align-items: flex-start;
	}

	.businessDes2 .download .icons img {
		width: 50px;
	}

}

@media screen and (max-width:538px) {
	.businessDes2 .con .image {
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px;
	}

	.businessDes2 .con .image img,
	.businessDes2 .con .image {
		border-radius: 5px;
	}

	.businessDes2 .con .msg {
		width: 100%;
	}

	.businessDes2 .download .btn {
		height: 30px;
		line-height: 28px;
		width: 100px;
	}

	.businessDes2 .con .list {
		max-height: 95px;
	}

	.businessDes2 .download .icons img {
		width: 40px;
	}
}


.relatedMaterials {
	padding: 70px 0 79px 0;
}


.relatedMaterials .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	color: #555555;
	margin-bottom: 41px;
	text-align: center;font-weight:bold;
}

.relatedMaterials .list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}


.relatedMaterials .list .item {
	width: 31.3%;
	margin-right: 3.05%;
}

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

.relatedMaterials .list .item .image {
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px 15px 35px 0px rgba(12, 46, 69, 0.09);
	background-color: #c6e8e9;
}



.relatedMaterials .msg {
	padding: 24px 0 30px 0;
}

.relatedMaterials .msg .name {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 20px;
	color: #333333;
	margin-bottom: 25px;
}


.relatedMaterials .msg .btn {
	font-family: "Microsoft YaHei", 微软雅黑;
	text-decoration: underline;
	font-size: 14px;
	color: #1da4d4;
	text-transform:uppercase;
}

.relatedMaterials .msg .btn:hover {
	letter-spacing: 1px;
}

@media screen and (max-width:1600px) {
	.relatedMaterials {
		padding: 70px 0;
	}

	.relatedMaterials .msg {
		padding: 20px 0;
	}

	.relatedMaterials .msg .name {
		margin-bottom: 20px;
	}
}

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

	.relatedMaterials .msg {
		padding: 10px 0;
	}

	.relatedMaterials .msg .name {
		margin-bottom: 10px;
	}

	.relatedMaterials .msg .btn {
		line-height: 26px;
	}

}

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

	.relatedMaterials .list .item {
		width: 32%;
		margin-right: 2%;
	}

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

	.relatedMaterials .msg .name {
		margin-bottom: 5px;
	}

	.relatedMaterials .msg .btn {
		line-height: 24px;
	}
}

@media screen and (max-width:768px) {
	.relatedMaterials .msg {
		padding: 5px 0;
	}

	.relatedMaterials .msg .name {
		margin-bottom: 0;
	}

	.relatedMaterials .msg .btn {
		line-height: 22px;
	}

	.relatedMaterials .title1 {
		margin-bottom: 14px;
	}
}

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

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

	.relatedMaterials .msg {
		padding: 5px 0 10px 0;
	}

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


/* ---------------------------3-2service-------------------------- */

.banner3 .swiper-pagination-bullet {
	background-color: #ffffff;
	opacity: 1;
	width: 16px;
	height: 16px;
	margin: 0 10px !important;
}

.banner3 .swiper-pagination-bullet-active {
	background-color: #1da4d4;
}

.banner3 .swiper-pagination {
	bottom: 37px;
}

.serviceSystem {
	padding: 9px 0 62px 0;
}


.serviceSystem .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	color: #333333;
	margin-bottom: 21px;
	text-align: center;font-weight:bold;
}

.serviceSystem .tit2 {
	
	margin-bottom: 63px;
	text-align: center;
}
.serviceSystem .tit2 p{font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 20px;
	line-height: 30px;
	color: #666666;}
.serviceSystem .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;width: 80%;

margin-left: auto;
margin-right: auto;
}

.serviceSystem .list .item {
	width: 46%;
	margin-right: 2%;margin-left: 2%;
	margin-bottom: 36px;
	display: flex;
	align-items: center;
}

/*.serviceSystem .list .item:nth-child(2n) {
	margin-right: 0%;
}*/



.serviceSystem .list .item .image {
	display: flex;
	align-items: center;
	width: 72px;
	height: 68px;
	margin-right: 20px;
	flex-shrink: 0;
}

.serviceSystem .list .item .msg {
	width: 78%;
}


.serviceSystem .list .item p {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
}

.serviceSystem .list .item .title2 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 24px;
	color: #333333;
	margin-bottom: 20px;
}

@media screen and (max-width:1600px) {
	.serviceSystem {
		padding: 20px 0 40px 0;
	}

	.banner3 .swiper-pagination-bullet {
		width: 14px;
		height: 14px;
		margin: 0 8px !important;
	}

	.banner3 .swiper-pagination {
		bottom: 30px;
	}

}

@media screen and (max-width:1333px) {
	.serviceSystem {
		padding: 20px 0 30px 0;
	}

	.serviceSystem .tit2 {
		margin-bottom: 40px;
	}

	.serviceSystem .list .item .title2 {
		margin-bottom: 10px;
	}

	.banner3 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
	}

	.banner3 .swiper-pagination {
		bottom: 20px;
	}
}

@media screen and (max-width:999px) {
	.banner3 .swiper-pagination-bullet {
		margin: 0 8px !important;
	}

	.serviceSystem {
		padding: 40px 0 20px 0;
	}

	.serviceSystem .title1 {
		margin-bottom: 10px;
	}

	.serviceSystem .tit2 {
		margin-bottom: 30px;
	}

	.serviceSystem .list {
		justify-content: flex-start; width:100%;
	}

	.serviceSystem .list .item {
		width: 48%;
		margin-right: 1%;margin-left: 1%;
	}

	.serviceSystem .list .item .image {
		width: 60px;
		height: 60px;
		margin-right: 10px;
	}

	.serviceSystem .list .item .title2 {
		margin-bottom: 5px;
	}

}

@media screen and (max-width:768px) {
	.banner3 .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		margin: 0 6px !important;
	}

	.banner3 .swiper-pagination {
		bottom: 20px;
	}

	.serviceSystem {
		padding: 30px 0 10px 0;
	}

	.serviceSystem .tit2 {
		margin-bottom: 20px;
	}

	.serviceSystem .list .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px; 
	}

	.serviceSystem .list .item .image {
		width: 50px;
		height: 50px;
	}

	.serviceSystem .list .item .title2 {
		margin-bottom: 0;
	}

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

}

@media screen and (max-width:538px) {
	.banner3 .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 0 6px !important;
	}

	.banner3 .swiper-pagination {
		bottom: 10px;
	}

	.serviceSystem .list .item {
		flex-direction: column;
		margin-bottom: 20px;text-align:center;
	}

	.serviceSystem .list .item .image {
		margin-right: 0;
		margin-bottom: 5px;
	}
}

.solutions {
	padding: 66px 0 68px 0;
	background-color: rgba(29, 164, 212, 0.12);
}


.solutions .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	color: #333333;
	text-align: center;
	margin-bottom: 48px;font-weight:bold;
}

.solutions .con {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.solutions .con .image {
	width: 49.5%;
	margin-left: 3.8%;
	border-radius: 20px;
	overflow: hidden;
}

.solutions .con .list {
	width: 46.7%;
	padding: 30px 0;
	margin-top: -3px;
}


.solutions .con .list p {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 20px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 30px; text-indent:2em;
}

.solutions .con .list p:last-child {
	margin-bottom: 0;
}


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

	.solutions .con .list {
		margin-top: 0;
		padding: 20px 0;
	}

	.solutions .con .list p {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:999px) {
	.solutions .con .list {
		padding: 10px 0;
	}
}

@media screen and (max-width:768px) {
	.solutions .con {
		display: block;
	}

	.solutions .con .image {
		float: right;
		width: 49.5%;
		margin-left: 3.8%;
		border-radius: 10px;
		overflow: hidden;
	}

	.solutions .con .list {
		width: 100%;
		padding: 0px 0;
	}
}

@media screen and (max-width:538px) {
	.solutions .con .image {
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px;
	}

	.solutions .title1 {
		margin-bottom: 15px;
	}
}

/* ---------------------------4-1develop-------------------------- */
.banner2 {
	background-color: #000000;
}

.banner2 video {
	width: 101%;
	height: 101%;
	object-fit: cover;
}

.banner2 .videoPlay {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 5.6%;
	cursor: pointer;
	display: none;
}

.banner2 .videoPlay:hover img {
	transform: scale(1.1, 1.1);
}

.sustain {
	background-image: url("../images/sustainabilityM1.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px 0 31px 0;
}

.sustain .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size:34px;
	color: #333333;
	margin-bottom: 13px;
	text-align: center;font-weight:bold;
}

.sustain .tit2 {
	text-align: center;
	
	margin-bottom: 42px;
}
.sustain .tit2 p{font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	line-height: 30px;
	color: #666666;}
.sustain .show {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sustain .show .con {
	position: relative;
	width: 46.6%;
}

.sustain .show .con .circle2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70%;
	height: 100%;
	transform: translateX(-50%) translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.sustain .show .con .circle2 img {
	animation: turnrotate 40000ms linear infinite;
}

.circle1 {
	animation: turnrotate2 40000ms linear infinite;
}

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

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

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

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

.sustain .show .con .image {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46.5%;
	height: 46.5%;
	background-image: linear-gradient(90deg, #7ddbff 0%, #18ace5 100%), linear-gradient(#1da3d7, #1da3d7);
	border-radius: 50%;
	overflow: hidden;
}

.sustain .show .con .image .tabul {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

.sustain .show .con .image .tabul.active {
	opacity: 1;
}


.sustain .show .con .list {
	position: absolute;
	width: 208%;
	height: 90%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-53.5%);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sustain .show .con .list .item {
	height: 50%;
	width: 35%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sustain .show .con .list .item .msg {
	background-image: url("../images/sustainM1-bg.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 2.4% 2.1% 2.4%;
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

.sustain .show .con .list .item:nth-child(1) .msg {
	transform: translateX(-34%) translateY(38%);
}

.sustain .show .con .list .item:nth-child(2) .msg {
	transform: translateX(34%) translateY(38%);
}

.sustain .show .con .list .item:nth-child(3) .msg {
	transform: translateX(-34%) translateY(-38%);
}

.sustain .show .con .list .item:nth-child(4) .msg {
	transform: translateX(34%) translateY(-38%);
}


.sustain .show .con .list .item .line {
	position: absolute;
	width: 0;
}

.sustain .show .con .list .item:nth-child(1) .line {
	transform: translateX(48%) translateY(-94%) rotateY(180deg);
}

.sustain .show .con .list .item:nth-child(2) .line {
	transform: translateX(-48%) translateY(-94%);
}


.sustain .show .con .list .item:nth-child(3) .line {
	transform: translateX(48%) translateY(94%) rotateY(180deg) rotateX(180deg);
}

.sustain .show .con .list .item:nth-child(4) .line {

	transform: translateX(-48%) translateY(94%) rotateX(180deg);
}




.sustain .show .con .list .item .msg p {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}



.sustain .show .con .list .item .bigBox {
	width: 207px;
	height: 207px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* border: 1px solid #fac; */
	cursor: pointer;
}

.sustain .show .con .list .item .box {
	width: 207px;
	height: 207px;
	background-image: url("../images/circle3.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 24px;
	color: #333333;
	animation: animate 8s linear infinite;
	/* border: 2px solid #caf; */
	pointer-events: none;
	position: relative;
	font-weight:bold;
}


.sustain .show .con .list .item:nth-child(2) .box {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

.sustain .show .con .list .item:nth-child(3) .box {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
}

.sustain .show .con .list .item:nth-child(4) .box {
	animation-delay: 3s;
	-webkit-animation-delay: 3s;
}


@keyframes animate {
	0% {
		transform: translateY(0px);
	}

	25% {
		transform: translateY(-20px);
	}

	50% {
		transform: translateY(0px);
	}

	75% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(0px);
	}
}

.sustain .show .con .list .item .bigBox:hover {
	width: 100%;
	height: 100%;
}

.sustain .show .con .list .item .bigBox:hover .msg {
	width: 22.7%;
	opacity: 1;
	height: 33%;
}

.sustain .show .con .list .item .bigBox:hover .line {
	width: 4%;
	opacity: 1;
}

.sustain .show .con .list .item .bigBox:hover .box {
	animation: animate 0s;
	width: 150px;
	height: 150px;
	background-image: url("../images/circle5.png");
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	color: #323480;
}


.sustain .show .con .list .item:nth-child(1) .bigBox:hover .box {
	top: -24%;
	left: 25%;
}

.sustain .show .con .list .item:nth-child(2) .bigBox:hover .box {
	top: -24%;
	left: -25%;
}

.sustain .show .con .list .item:nth-child(3) .bigBox:hover .box {
	top: 24%;
	left: 25%;
}

.sustain .show .con .list .item:nth-child(4) .bigBox:hover .box {
	top: 24%;
	left: -25%;
}


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

	.sustain .show .con .list .item .bigBox,
	.sustain .show .con .list .item .box {
		width: 180px;
		height: 180px;
	}

	.sustain .show .con .list .item .msg {
		padding: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.sustain .show .con .list .item .box {
		font-size: 22px;
	}

	.sustain {
		padding: 0;
	}

	.sustain .content {
		padding: 40px 0;
	}
}

@media screen and (max-width:1333px) {
	.sustain .content {
		padding: 30px 0;
	}

	.sustain .show .con .list .item .bigBox,
	.sustain .show .con .list .item .box {
		width: 140px;
		height: 140px;
	}

	.sustain .tit2 {
		margin-bottom: 30px;
	}

	.sustain .show .con .list .item .box {
		font-size: 18px;
	}

	.sustain .show .con .list .item .msg {
		padding: 5px 14px;
	}

	.sustain .show .con .list .item .bigBox:hover .box {
		width: 120px;
		height: 120px;
		font-size: 16px;
	}

	.sustain .show .con .list .item .bigBox:hover .line {
		width: 3%;
	}

}

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


	.sustain .show .con .list .item .bigBox {
		width: 100%;
		height: 100%;
	}

	.sustain .show .con .list .item .bigBox .msg {
		width: 25%;
		opacity: 1;
		height: 36%;
	}

	.sustain .show .con .list .item .bigBox .line {
		opacity: 1;
		width: 3%;
	}

	.sustain .show .con .list .item .bigBox .box {
		background-image: url("../images/circle5.png");
		width: 110px;
		height: 110px;
		font-size: 16px;
	}

	.sustain .show .con .list .item:nth-child(1) .bigBox .box {
		top: -10%;
		left: 43%;
	}

	.sustain .show .con .list .item:nth-child(2) .bigBox .box {
		top: -10%;
		left: -43%;
	}

	.sustain .show .con .list .item:nth-child(3) .bigBox .box {
		top: 10%;
		left: 43%;
	}

	.sustain .show .con .list .item:nth-child(4) .bigBox .box {
		top: 10%;
		left: -43%;
	}

	.sustain .show .con .list .item:nth-child(1) .msg {
		transform: translateX(-20%) translateY(-30%);
	}

	.sustain .show .con .list .item:nth-child(2) .msg {
		transform: translateX(20%) translateY(-30%);
	}

	.sustain .show .con .list .item:nth-child(3) .msg {
		transform: translateX(-20%) translateY(30%);
	}

	.sustain .show .con .list .item:nth-child(4) .msg {
		transform: translateX(20%) translateY(30%);
	}


	.sustain .show .con .list .item:nth-child(1) .line {
		transform: translateX(259%) translateY(-94%) rotateY(0deg);
	}

	.sustain .show .con .list .item:nth-child(2) .line {
		transform: translateX(-255%) translateY(-94%) rotateY(180deg);
	}

	.sustain .show .con .list .item:nth-child(3) .line {
		transform: translateX(259%) translateY(120%) rotateY(0deg) rotateX(180deg);
	}

	.sustain .show .con .list .item:nth-child(4) .line {
		transform: translateX(-255%) translateY(120%) rotateY(180deg) rotateX(180deg);
	}

}

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

	.sustain .show .con .circle2,
	.circle1,
	.sustain .show .con .image {
		opacity: 0;
	}

	.sustain .show .con .list .item .bigBox .line {
		width: 6%;
	}

	/* .sustain .show .con .list .item .bigBox .box{
		animation: 0s;
	} */
	.sustain .show .con .list .item:nth-child(1) .bigBox .box {
		left: 70%;
		top: 10%;
	}

	.sustain .show .con .list .item:nth-child(2) .bigBox .box {
		left: -70%;
		top: 10%;
	}

	.sustain .show .con .list .item:nth-child(3) .bigBox .box {
		left: 70%;
		top: -10%;
	}

	.sustain .show .con .list .item:nth-child(4) .bigBox .box {
		left: -70%;
		top: -10%;
	}

	.sustain .show .con .list .item .bigBox .msg {
		width: 30%;
		height: 45%;
	}

	.sustain .show .con .list .item:nth-child(1) .msg {
		transform: translateX(-5%) translateY(-20%);
	}

	.sustain .show .con .list .item:nth-child(2) .msg {
		transform: translateX(5%) translateY(-20%);
	}

	.sustain .show .con .list .item:nth-child(3) .msg {
		transform: translateX(-5%) translateY(20%);
	}

	.sustain .show .con .list .item:nth-child(4) .msg {
		transform: translateX(5%) translateY(20%);
	}

	.sustain .show .con .list .item .bigBox .box {
		font-size: 12px;
		width: 80px;
		height: 80px;
	}

	.sustain .show .con .list .item:nth-child(1) .line {
		transform: translateX(273%) translateY(-40%)
	}

	.sustain .show .con .list .item:nth-child(2) .line {
		transform: translateX(-273%) translateY(-40%) rotateY(180deg);
	}

	.sustain .show .con .list .item:nth-child(3) .line {
		transform: translateX(273%) translateY(40%) rotateY(0deg) rotateX(180deg);
	}

	.sustain .show .con .list .item:nth-child(4) .line {
		transform: translateX(-273%) translateY(40%) rotateY(180deg) rotateX(180deg);
	}
}

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

	.sustain .show .con .list .item:nth-child(n) .line {
		display: none;
	}

	.sustain .show .con .circle2,
	.circle1,
	.sustain .show .con .image {
		display: none;
	}

	.sustain .show .con {
		width: 100%;
	}

	.sustain .show .con .list {
		position: static;
		transform: none;
		width: 100%;
	}

	.sustain .show .con .list .item {
		width: 100%;
		margin-right: 0%;
		height: auto;
		margin-bottom: 40px;
	}

	.sustain .show .con .list .item:nth-child(2n) {
		margin-right: 0%;
	}

	.sustain .show .con .list .item:nth-child(n) .msg {
		transform: none;
		position: static;
		flex: 1;
		height: 100%;
		background-image: none;
		padding: 5px 0;
		margin-left: 5px;
	}

	.sustain .show .con .list .item .box {
		position: static;
	}

	.sustain .show .con .list .item .bigBox {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.sustain .content {
		padding: 20px 0;
	}

	.sustain .tit2 {
		margin-bottom: 20px;
	}

	.sustain .show .con .list .item {
		margin-bottom: 20px;
		background-image: linear-gradient(-31deg, #1da3d7 0%, #6dd3fb 100%);
		border-radius: 5px;
		padding: 10px 10px;
		box-shadow: 0 0 30px rgba(255, 255, 255, .6);
	}
}



















































































































.sustainList {
	padding: 20px 0 51px 0; display:none;
}

.sustainList .item {
	padding: 60px 0 60px 0;
}


.sustainList .item .image {
	width: 49%;
	float: left;
}
.sustainList .item .image >img{border-radius: 20px;}

.sustainList .item .msg {
	padding: 29px 0;
}

.sustainList .item .msg .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	line-height: 60px;
	color: #333333;
	margin-bottom: 39px;
}

.sustainList .item .msg .txts p {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 20px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 30px; text-indent:2em;
}


.sustainList .item .msg .txts p:last-child {
	margin-bottom: 0;
}



.sustainList .item:nth-child(2n-1) .image {
	margin-right: 2.6%;
}

.sustainList .item:nth-child(2n) {
	background-color: #e4f4fa;
}

.sustainList .item:nth-child(2n) .image {
	float: right;
	margin-left: 2.6%;
}


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

@media screen and (max-width:1333px) {
	.sustainList .item .msg {
		padding: 20px 0;
	}

	.sustainList .item .msg .title1 {
		margin-bottom: 20px;
	}

	.sustainList .item .msg .txts p {
		margin-bottom: 20px;
	}

	.sustainList .item {
		padding: 40px 0;
	}

	.sustainList {
		padding: 20px 0 20px 0;
	}
}

@media screen and (max-width:999px) {
	.sustainList .item {
		padding: 30px 0;
	}

	.sustainList {
		padding: 10px 0 10px 0;
	}

	.sustainList .item .msg {
		padding: 10px 0 10px 0;
	}

	.sustainList .item .msg .title1 {
		margin-bottom: 10px;
	}

	.sustainList .item .msg .txts p {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:768px) {
	.sustainList .item {
		padding: 20px 0;
	}

	.sustainList .item .msg .title1,
	.sustainList .item .msg .txts p {
		margin-bottom: 5px;
	}
}

@media screen and (max-width:538px) {
	.sustainList .item:nth-child(n) .image {
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
	}

	.sustainList {
		padding: 5px 0;
	}

	.sustainList .item {
		padding: 10px 0;
	}
}





/* ---------------------------5-1news-------------------------- */
.newsList {
	padding: 9px 0 105px 0;
}

.newsList .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 50px;
	color: #333333;
	margin-bottom: 68px;
	text-align: center;font-weight:bold;
}

.newsList .list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.newsList .list .item {
	width: 32%;
	margin-right: 2%;
	background-color: #f7f7f7;
	border-radius: 20px;
	padding: 18px 14px;
	margin-bottom: 45px;
	position: relative;
	bottom: 0;
}

.newsList .list .item:after {
	content: "";
	top: -14px;
	left: 4px;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	transform: rotate(0deg);
	opacity: 0;
	background-color: #1da4d4;
	z-index: -1;
	transition: .3s ease all;
	clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 30%);
}

.newsList .list .item:hover {
	bottom: -6px;
}

.newsList .list .item:hover:after {
	transform: rotate(2.5deg);
	opacity: 1;
}




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

.newsList .list .item .image {
	overflow: hidden;
	border-radius: 20px;
}

.newsList .list .item .msg {
	padding: 17px 0 31px 0;
}

.newsList .list .item .msg .time {
	display: flex;
	align-items: center;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	line-height: 30px;
	color: #999999;
	margin-bottom: 19px;
}


.newsList .list .item .msg .time i {
	font-size: 24px;
	margin-right: 10px;
}

.newsList .list .item .msg .name {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 26px;
	color: #333333;
	margin-bottom: 28px;
}

.newsList .list .item .msg .text {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	height:60px; text-indent:2em;
}

.newsList .list .item .line {
	width: 100%;
	height: 1px;
	background-color: #dedede;
	margin-bottom: 39px;
}

.newsList .list .item .btnBox {
	margin-bottom: 7px;
}

.newsList .list .item .btnBox a {
	text-align: right;
	font-family: "Microsoft YaHei", 微软雅黑;
	text-decoration: underline;
	font-size: 16px;
	line-height: 22px;
	color: #333333;
	text-transform:uppercase;
}


.newsList .pager {
	margin-top: 32px;
}


@media screen and (max-width:1600px) {
	.newsList {
		padding: 20px 0 80px 0;
	}

	.newsList .title1 {
		margin-bottom: 50px;
	}

	.newsList .list .item .msg .name {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.newsList .list .item .msg {
		padding: 20px 0;
	}

	.newsList .list .item .msg .time {
		margin-bottom: 16px;
	}

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

	.newsList .pager {
		margin-top: 20px;
	}
}

@media screen and (max-width:1333px) {
	.newsList {
		padding: 10px 0 50px 0;
	}

	.newsList .title1 {
		margin-bottom: 35px;
	}

	.newsList .list .item {
		padding: 10px;
		border-radius: 10px;
		margin-bottom: 20px;
	}

	.newsList .list .item .image,
	.newsList .list .item .image img {
		border-radius: 10px;
	}

	.newsList .list .item .msg {
		padding: 10px 0;
	}

	.newsList .list .item .msg .time {
		margin-bottom: 5px;
	}

	.newsList .list .item .msg .time i {
		font-size: 22px;
		margin-right: 5px;
		line-height: 26px;
	}

	.newsList .list .item .msg .name {
		margin-bottom: 5px;
	}

	.newsList .list .item .line {
		margin-bottom: 10px;
	}

	.newsList .pager {
		margin-top: 10px;
	}
}

@media screen and (max-width:999px) {
	.newsList {
		padding: 40px 0 40px 0;
	}

	.newsList .title1 {
		margin-bottom: 30px;
	}
	.newsList .list .item .msg .text {



	height:48px;
}

}

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

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

	.newsList {
		padding: 30px 0 30px 0;
	}
}

@media screen and (max-width:538px) {
	.newsList {
		padding: 20px 0 20px 0;
	}

	.newsList .list .item:nth-child(n) {
		width: 100%;
		margin-right: 0%;
	}

	.newsList .title1 {
		margin-bottom: 20px;
	}

	.newsList .list .item .msg {
		padding: 5px 0;
	}

	.newsList .list .item .line {
		margin-bottom: 5px;
	}
}




/* ---------------------------5-2news-------------------------- */


.newsDet {
	padding: 9px 0 93px 0;
}

.newsDet h1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 36px;
	color: #333333;
	margin-bottom: 12px;
	text-align: center;
}


.newsDet .time {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	line-height: 30px;
	color: #999999;
	margin-bottom: 9px;
}

.newsDet .time i {
	font-size: 26px;
	line-height: 30px;
	color: #1da4d4;
	margin-right: 10px;
}

.newsDet .share {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 11px;
}

.newsDet .con {
	margin-bottom: 80px;
}

.newsDet .con{	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 20px;
	line-height: 36px;
	color: #666666;}
.newsDet .con p,.newsDet .con p  a,.newsDet .con p strong,.newsDet .con p span{
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 20px;
	line-height: 36px;
	color: #666666;
}
.newsDet .con *{font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 20px;
	line-height: 36px;
	color: #666666;}
.newsDet .con p{ text-indent:2em;}
.newsDet .con p strong{ display:inline;}
.newsDet .con p a{ display:inline; color:#1da4d4}
.newsDet .con p a:hover{color: #666666;}
.newsDet .con p img {
	margin: 0 auto;
}

.newsDet .back {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 50px;
	line-height: 50px;
	font-family: "Microsoft YaHei", 微软雅黑;
	text-decoration: underline;
	font-size: 16px;
	color: #333333;
	padding: 10px 5px;
	background-color: #f5f5f5;
	border-radius: 10px;
	margin: 0 auto;
	text-transform:uppercase;

}

.newsDet .back img {
	margin-right: 20px;
}

.newsDet .back:hover {
	background-color: #1da4d4;
	color: #ffffff;
}

.newsDet .back:hover img {
	transform: scale(1.1, 1.1) rotate(-30deg) translateX(-10px) translateY(-5px);
	filter: grayscale(100%) brightness(200%);
}


@media screen and (max-width:1600px) {
	.newsDet .con {
		margin-bottom: 50px;
	}

	.newsDet {
		padding: 10px 0 80px 0;
	}
}

@media screen and (max-width:1333px) {
	.newsDet {
		padding: 10px 0 60px 0;
	}

	.newsDet h1 {
		margin-bottom: 10px;
	}

	.newsDet .time {
		margin-bottom: 10px;
	}

	.newsDet .con {
		margin-bottom: 40px;
	}

	.newsDet .back {
		width: 140px;
		height: 45px;
		line-height: 45px;
	}

	.newsDet .back img {
		margin-right: 10px;
		width: 22px;
	}

}

@media screen and (max-width:999px) {
	.newsDet {
		padding: 40px 0 40px 0;
	}

	.newsDet .con {
		margin-bottom: 30px;
	}

	.newsDet h1,
	.newsDet .time {
		margin-bottom: 5px;
	}
}

@media screen and (max-width:768px) {
	.newsDet {
		padding: 30px 0 30px 0;
	}

	.newsDet .con {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:538px) {
	.newsDet {
		padding: 20px 0 20px 0;
	}

	.newsDet .back {
		width: 120px;
		height: 40px;
		line-height: 40px;
		border-radius: 5px;
	}

}










/* ---------------------------6-1contact-------------------------- */

.contactUs {
	padding: 54px 0 26px 0;
}

.contactUs .list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

}

.contactUs .con {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.contactUs .address {
	width: 31.95%;
	background-color: #f3f5f4;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px 20px;
	background-color: #f3f5f4;
	position: relative;
	border-radius: 8px;
	height: 450px;
	margin-bottom: 20px;
	display:none;
}

.contactUs .address:after {
	content: "";
	position: absolute;
	background-image: linear-gradient(135deg, #82d0ee 0%, #1ea4d7 100%), linear-gradient(#1ea4d7, #1ea4d7);
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	left: 0;
	top: 0;
	opacity: 0;
}

.contactUs .address .addIcon {
	display: block;
	border: 4px solid #999999;
	border-radius: 0 10px 0 0;
	width: 74px;
	height: 75px;
	text-align: center;
	line-height: 66px;
	transition: .5s ease all;
	margin-bottom: 30px;
	margin-top: 24px;
}

.contactUs .address .addIcon i {
	color: #999999;
	font-size: 60px;
}

.contactUs .address .add {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 22px;
	color: #333333;
	margin-bottom: 19px;
}

.contactUs .address .tit2 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 38px;
	text-align: center;
}

.contactUs .address .goBtn {
	width: 50px;
	height: 50px;
	line-height: 46px;
	/* border: 10px solid #666666; */
	border: 2px solid #ffffff;
	position: relative;
	border-radius: 25px;
	font-family: "Microsoft YaHei", 微软雅黑;
	color: #ffffff;
	font-size: 0;
	text-align: center;
}

.contactUs .address .goBtn i {
	display: block;
	width: 50px;
	height: 50px;
	border: 10px solid #666666;
	position: absolute;
	right: -2px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #666666;
	background-color: #f3f5f4;
}

.contactUs .address .goBtn:hover i {
	transform: rotate(180deg) translateY(50%);
}

.contactUs .address:hover {
	background-color: transparent;
}


.contactUs .address:hover:after {
	opacity: 1;
}

.contactUs .address:hover .addIcon {
	transform: rotateY(360deg);
	border-color: #ffffff;
}

.contactUs .address:hover .addIcon i,
.contactUs .address:hover .title2,
.contactUs .address:hover .tit2,
.contactUs .address:hover .goBtn i {
	color: #ffffff;
}

.contactUs .address:hover .goBtn i {
	background-color: #1ea4d7;
	border-color: #ffffff;
}

.contactUs .address:hover .goBtn {
	width: 168px;
	border-radius: 25px;
	padding-right: 40px;
	color: #ffffff !important;
	font-size: 18px;
}



.contactUs .list {
	/*width: 66.85%;*/
	width:100%;
}

.contactUs .list .item {
	width: 32.2%;
	margin-right: 1.7%;
	background-color: #f3f5f4;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 215px;
	margin-bottom: 20px;
	position: relative;
	border-radius: 8px;
	padding: 10px;
}


.contactUs .list .item:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient(135deg, #82d0ee 0%, #1ea4d7 100%), linear-gradient(#1ea4d7, #1ea4d7);
	z-index: -1;
	border-radius: 8px;
	opacity: 0;
}



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

}

.contactUs .list .item i {
	font-size: 46px;
	margin-bottom: 20px;
	color: #999999;
	transition: all .6s ease;
	margin-top: 10px;
}


.contactUs .list .item .tit {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	color: #333333;
	margin-bottom: 9px;
}


.contactUs .list .item .msg {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	color: #666666;
	word-break: break-all;
}


.contactUs .list .item:hover {
	background-color: transparent;
}

.contactUs .list .item:hover:after {
	opacity: 1;
}


.contactUs .list .item:hover i {
	transform: rotateY(360deg);
}

.contactUs .list .item:hover i,
.contactUs .list .item:hover p,
.contactUs .list .item:hover a {
	color: #ffffff !important;
}

.contactUs .list .item a:hover {
	word-spacing: 4px;
}



@media screen and (max-width:1333px) {
	.contactUs .address .addIcon {
		margin-top: 0;
	}

	.contactUs {
		padding: 40px 0 60px 0;
	}

	.contactUs .address .addIcon {
		width: 70px;
		height: 70px;
		line-height: 62px;
	}

	.contactUs .address .addIcon i {
		font-size: 50px;
	}

	.contactUs .list .item {
		margin-bottom: 10px;
	}

	.contactUs .address {
		height: 440px;
		margin-bottom: 10px;
	}

	.contactUs .list .item i {
		font-size: 42px;
	}

	.contactUs .address .goBtn {
		height: 45px;
		width: 45px;
		line-height: 41px;
	}

	.contactUs .address .goBtn i {
		height: 45px;
		width: 45px;
		border-width: 8px;
	}

	.contactUs .address:hover .goBtn {
		font-size: 16px;
		padding-right: 25px;
	}

	.contactUs .list .item .tit {
		margin-bottom: 5px;
	}

}

@media screen and (max-width:999px) {
	.contactUs {
		padding: 30px 0 30px 0;
	}

	.contactUs .list .item {
		/*height: 180px;*/
	}

	.contactUs .address .addIcon i {
		font-size: 42px;
	}

	.contactUs .address {
		height: 370px;
	}

	.contactUs .address .addIcon {
		width: 60px;
		height: 60px;
		line-height: 54px;
		border-width: 3px;
		margin-bottom: 10px;
	}

	.contactUs .address .add {
		margin-bottom: 10px;
	}

	.contactUs .address .tit2 {
		margin-bottom: 20px;
	}





	.contactUs .list .item {
		background-color: transparent;
	}

	.contactUs .list .item:after {
		opacity: 1;
	}

	.contactUs .list .item i {
		transform: rotateY(360deg);
		font-size: 32px;
		margin-bottom: 10px;
	}

	.contactUs .list .item i,
	.contactUs .list .item p,
	.contactUs .list .item a {
		color: #ffffff !important;
	}

	.contactUs .address {
		background-color: transparent;
	}

	.contactUs .address:after {
		opacity: 1;
	}

	.contactUs .address .addIcon {
		transform: rotateY(360deg);
		border-color: #ffffff;
	}

	.contactUs .address .addIcon i,
	.contactUs .address .title2,
	.contactUs .address .tit2,
	.contactUs .address .goBtn i {
		color: #ffffff;
	}

	.contactUs .address .goBtn i {
		width: 40px;
		height: 40px;
		border-width: 5px;
		background-color: #1ea4d7;
		border-color: #ffffff;
		font-size: 22px;
	}

	.contactUs .address .goBtn,
	.contactUs .address:hover .goBtn {
		width: 140px;
		height: 40px;
		line-height: 38px;
		border-radius: 25px;
		padding-right: 40px;
		color: #ffffff !important;
		font-size: 14px;
		padding-right: 20px;
	}

	.contactUs .address .goBtn:hover i {
		transform: rotate(0) translateY(-50%);
	}
}

@media screen and (max-width:768px) {
	.contactUs {
		padding: 20px 0 20px 0;
	}

	.contactUs .address {
		width: 100%;
	}

	.contactUs .list {
		width: 100%;
	}

	.contactUs .address {
		height: 200px;
	}

	.contactUs .address .addIcon {
		width: 40px;
		height: 40px;
		line-height: 36px;
		margin-bottom: 5px;
	}

	.contactUs .address .addIcon i {
		font-size: 28px;
	}

	.contactUs .address .add {
		margin-bottom: 5px;
	}

	.contactUs .address .tit2 {
		margin-bottom: 10px;
	}

	.contactUs .address .goBtn,
	.contactUs .address:hover .goBtn {
		height: 35px;
		line-height: 33px;
	}

	.contactUs .address .goBtn i {
		width: 35px;
		height: 35px;
		font-size: 18px;
	}

	.contactUs .list .item {
		/*height: 120px;*/
	}

	.contactUs .list .item i {
		margin-bottom: 5px;
	}
}

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

	.contactUs .list .item:nth-child(2n) {
		width: 49%;
		margin-right: 0%;
	}

	.contactUs .list .item i {
		font-size: 28px;
	}

}



.location {
	padding: 50px 0 48px 0;
	background-image: linear-gradient(135deg, #82d0ee 0%, #1ea4d7 100%), linear-gradient(#cbdaf1, #cbdaf1);
}

.location .con {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.location .con .map {
	width: 59.4%;
	border-radius: 24px 0px 0px 24px;
	overflow: hidden;
	box-shadow: 0px 15px 35px 0px rgba(12, 46, 69, 0.09);
}

.location .con .image {
	width: 40.6%;
	border-radius: 0px 24px 24px 0px;
	overflow: hidden;
	box-shadow: 0px 10px 35px 0px rgba(12, 46, 69, 0.33);
}



@media screen and (max-width:1600px) {
	.location .con .map {
		border-radius: 20px 0 0 20px;
	}

	.location .con .image {
		border: 0px 20px 20px 0;
	}
}

@media screen and (max-width:1333px) {
	.location {
		padding: 40px 0;
	}

	.location .con .map {
		border-radius: 10px 0 0 10px;
	}

	.location .con .image {
		border-radius: 0px 10px 10px 0;
	}
}

@media screen and (max-width:999px) {
	.location {
		padding: 30px 0;
	}

	.location .con .map {
		border-radius: 5px 0 0 5px;
	}

	.location .con .image {
		border-radius: 0px 5px 5px 0;
	}
}

@media screen and (max-width:768px) {
	.location {
		padding: 20px 0;
	}

	.location .con .map {
		width: 100%;
		border-radius: 10px;
	}

	.location .con .image {
		display: none;
	}
}

@media screen and (max-width:538px) {
	.location .con {
		flex-direction: column;
	}

	.location .con .map {
		width: 100%;
		border-radius: 5px;
	}
}


.touch {
	padding: 80px 0 104px 0;
}

.touch .con {
	background-size: cover;
	/* background-size: contain; */
	background-position: center center;
	background-repeat: no-repeat;
	padding: 80px 42px;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.touch .con form {
	width: 48.2%;
	background-color: #ffffff;
	padding: 61px 25px 61px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-radius: 12px;
}

.touch .con form .item {
	width: 49.4%;
	margin-right: 1.2%;
	border: 1px solid #e1e1e1;
	height: 44px;
	margin-bottom: 35px;
	display: flex;
	align-items: center;
	padding: 0 10px;
}

.touch .con form .item.message {
	height: 140px;
}

.touch .con form .item.item2 {
	width: 100%;
	margin-right: 0;
}

.touch .con form .item2 textarea {
	padding: 14px 0;
}

.touch .con form .item:nth-child(2n) {
	margin-right: 0%;
}

.touch .con form input {
	width: 100%;
	height: 100%;
	color: #333333;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
}

.touch .con form select {
	width: 100%;
}

.touch .con form textarea {
	width: 100%;
	height: 100%;
	color: #333333;
	font-size: 18px;
	font-family: "Microsoft YaHei", 微软雅黑;
}


.touch input::-webkit-input-placeholder,
.touch textarea::-webkit-input-placeholder {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	color: #555555;
	font-weight: normal;
}

.touch input:-moz-placeholder,
.touch textarea:-moz-placeholder {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	color: #555555;
	font-weight: normal;
}

.touch input::-moz-placeholder,
.touch textarea::-moz-placeholder {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	color: #555555;
	font-weight: normal;
}

.touch input:-ms-input-placeholder,
.touch textarea:-ms-input-placeholder {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	color: #555555;
	font-weight: normal;
}


.touch .con form .item .must {
	font-size: 16px;
	color: #cb0404;
	flex-shrink: 0;
	width: 10px;
	transform: translateX(-3px);
}

.touch .con form .item .iconfont {
	font-size: 12px;
	font-weight: bold;
	flex-shrink: 0;
}

.touch .con form .item .choiceBox {
	width: 100%;
	height: 100%;
	position: relative;

}

.touch .con form .item .choiceBox .choice {
	height: 44px;
	font-family: "Microsoft YaHei", 微软雅黑;
	line-height: 44px;
	font-size: 16px;
	color: #555555;
}

.touch .con form .item .choiceBox .choice.active,
	.touch .con form .item .choiceBox .choice.active a {
	color: #333333;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
}

.touch .con form .item .choiceBox select {
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 44px;
	left: 0;
	top: 0;
	opacity: 0;
}
.touch .con form .item .choiceBox select option{font-size: 16px;
color: #555555;}
.touch .con .btn input {
	width: 298px;
	height: 50px;
	background-color: #1da4d4;
	border-radius: 25px;
	border: solid 1px #e1e1e1;
	text-align: center;
	line-height: 48px;
	cursor: pointer;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	color: #ffffff;
	text-transform:uppercase;
}

.touch .con .btn input:hover {
	background-color: #ffffff;
	color: #1da4d4;
	border-color: #1da4d4;
}



.touch .con .des {
	width: 47%;
	padding: 26px 0;
}

.touch .con .des .title1 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 48px;
	color: #ffffff;
	margin-bottom: 16px; font-weight:bold;
}

.touch .con .des .tit2 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff; text-indent:2em;
}


@media screen and (max-width:1600px) {
	.touch .con {
		padding: 60px 40px;
	}

	.touch .con form {
		padding: 40px 25px;
	}

	.touch .con form .item {
		margin-bottom: 20px;
		width: 49%;
		margin-right: 2%;
	}
}

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

	.touch .con form .item .choiceBox .choice,
	.touch .con form .item .choiceBox .choice.active,
	.touch .con form .item .choiceBox .choice.active a {
		font-size: 16px;
	}

	.touch .con form {
		border-radius: 10px;
		padding: 30px 20px;
	}

	.touch .con {
		padding: 40px 20px;
	}

	.touch .con form .item {
		margin-bottom: 14px;
		height: 40px;
	}

	.touch .con form .item .choiceBox .choice {
		height: 40px;
		line-height: 40px;
	}

	.touch .con form .item.message {
		height: 100px;
	}

	.touch .con .btn input {
		height: 45px;
		line-height: 43px;
		border-radius: 23px;
	}
}

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

	.touch .con form .item .choiceBox .choice,
	.touch .con form .item .choiceBox .choice.active,
	.touch .con form .item .choiceBox .choice.active a {
		font-size: 14px;
	}

	.touch .con {
		padding: 30px 20px;
	}

	.touch .con form {
		border-radius: 5px;
		padding: 20px;
		width: 50%;
	}

	.touch .con {
		border-radius: 10px;
	}

	.touch .con form .item.message {
		height: 80px;
	}

	.touch .con .btn input {
		height: 40px;
		width: 200px;
		line-height: 38px;
	}

	.touch .con form .item {
		height: 35px;
		line-height: 33px;
	}

	.touch .con form .item .choiceBox select {
		height: 35px;
		line-height: 33px;
		padding: 0 5px;
	}

	.touch .con form .item .choiceBox .choice {
		height: 35px;
		line-height: 35px;
	}

	.touch .con form .item2 textarea {
		padding: 10px 0;
	}
}

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

	.touch .con form .item .choiceBox .choice,
	.touch .con form .item .choiceBox .choice.active ,.touch .con form .item .choiceBox select option{
		font-size: 12px;
	}

	.touch .con {
		background-image: linear-gradient(135deg, #82d0ee 0%, #1ea4d7 100%), linear-gradient(#1ea4d7, #1ea4d7) !important;
		flex-direction: column-reverse;
		padding: 20px;
	}

	.touch .con form {
		width: 100%;
	}

	.touch .con .des {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}

	.touch .con .des .title1 {
		margin-bottom: 5px;
	}
}

@media screen and (max-width:538px) {
	.touch .con {
		border-radius: 5px;
	}

	.touch .con form .item:nth-child(n) {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.touch .con .btn {
		width: 100%;
	}

	.touch .con .btn input {
		height: 35px;
		line-height: 33px;
		border-radius: 18px;
		width: 100%;
	}
}






























footer {
	background-color: #1da4d4;
	display: flex;
	align-items: flex-start;
	padding: 76px 0 40px 0;
}

footer .list {
	display: flex;
	align-items: flex-start;
	transform: translateX(6%);
}


footer .fLinks {
	width: 40%;
	margin-right: 5.35%;

}

footer .fLinks .logo {
	margin-bottom: 29px;
	margin-top: -9px;
}

footer .fLinks .logo:hover img {
	transform: scale(1, 1);
}

footer .fLinks .blogrolls {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 96px;
}
footer .fLinks .blogrolls >span{ display:inline-block}
footer .fLinks .blogrolls a {
	width: 30px;
	height:30px;
	line-height:30px;
	
	
	margin-right:20px;
	
	color: #ffffff;
	font-size: 24px;
	
	text-align: center;
	margin-bottom: 10px;
}
footer .fLinks .blogrolls a.icon-alibabaalibaba{
	font-size: 32px;
}
footer .fLinks .wenxind{ position:relative;}
footer .fLinks .wenxind img {
	position: absolute;
	top: 0;
	left:100%;
	
	max-width: 149px;
	display: none;
}

footer .fLinks .wenxind:hover > img {
  display: block;
}
footer .copyright {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	line-height: 30px;
	color: #efefef;
	margin-bottom: 1px;
}

footer .copyright.txt a,
footer .copyright.txt {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 16px;
	line-height: 30px;
	color: #efefef;
}
footer .copyright.txt a{ margin-right:10px}
footer .copyright img {
	margin-left: 10px;
}

footer .links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 14px;
	line-height: 26px;
	color: #efefef;
}


footer .links a {
	margin-left: 10px;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 14px;
	line-height: 26px;
	color: #efefef;
}

footer .title {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 32px;
	line-height: 36px;
	color: #efefef;
	word-break: break-all;
}

footer .title2 {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 28px;
	color: #ffffff;
	margin-bottom: 20px;
	text-transform:uppercase;
	font-weight:bold;
	
}

footer .txt {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	line-height: 36px;
	color: #efefef;
}

footer .fContactUs {
	width: 32%;
	margin-right: 2.1%;
}

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

footer .fContactUs .item .tit {
	margin-bottom: 12px;
}

footer .fContactUs .address {
	width: 70%;
}

footer .fNav a {
	text-transform: capitalize
}

@media screen and (max-width:1600px) {
	footer .fLinks .blogrolls {
		margin-bottom: 50px;
	}

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

	footer .fContactUs .address {
		width: 100%;
	}

	footer .title {
		font-size: 28px;
	}
	footer .list {
		transform: translateX(0%);
	}
}

@media screen and (max-width:1333px) {
	footer .title {
		font-size: 24px !important;
	}

	footer .fNav a {
		margin-bottom: 5px;
	}
}

@media screen and (max-width:999px) {
	footer {
		padding: 40px 0 60px 0;
	}

	footer .fLinks .logo {
		width: 150px;
		margin-top: 0;
	}

	footer .title {
		font-size: 18px !important;
		line-height: 30px !important;
	}

	footer .title2 {
		margin-bottom: 10px;
	}

	footer .fLinks .blogrolls a {
		width: 40px;
		height: 40px;
		line-height: 38px;
		font-size: 16px;
	}

	footer .fLinks .blogrolls {
		margin-bottom: 20px;
	}

	footer .fContactUs .item .tit {
		margin-bottom: 0px;
	}
	footer .links{
		display: none;
	}
	footer .fLinks .blogrolls a.icon-alibabaalibaba{
		font-size: 28px;
	}
}

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

	footer .fContactUs,
	footer .fNav,
	footer .fLinks .logo {
		display: none;
	}

	footer .fLinks {
		width: 100%;
		margin-right: 0;
	}

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

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

	footer .fLinks .blogrolls a {
		width: 35px;
		height: 35px;
		line-height: 33px;
		font-size: 14px;
		margin-right: 5px;
	}
	footer .fLinks .blogrolls a.icon-alibabaalibaba{
		font-size: 24px;
	}
}

@media screen and (max-width:538px) {
	footer {
		padding: 20px 0 50px 0;
	}
}


/* crumb */
.crumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 17px 0;
}


.crumb a,
.crumb i {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	letter-spacing: 0px;
	color: #333333;

}

.crumb a.active {
	color: #1da4d4;
}

.crumb i {
	font-style: normal;
	margin: 0 5px;
}


.crumb a:hover {
	color: #1da4d4;
}

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

	.crumb a,
	.crumb i {
		font-size: 16px;
		line-height: 26px;
	}

	.crumb {
		padding: 15px 0;
	}

}

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

	.crumb a,
	.crumb i {
		font-size: 14px;
		line-height: 24px;
	}

	.crumb {
		padding: 10px 0;
	}
}

@media screen and (max-width:999px) {
	.crumb {
		display: none;
	}
}



/* 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 {
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
	color: #666666;
	margin: 3px 7px;
	position: relative;
}

.pager .pageList a:after {
	content: "";
	position: absolute;
	bottom: -8px;
	width: 19px;
	height: 4px;
	background-color: transparent;
	left: 50%;
	transform: translateX(-50%);
}

.pager .pageList a.prev,
.pager .pageList a.next {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: solid 1px #dcdcdc;
	line-height: 22px;
	font-size: 12px;
	color: #a2a2a2;
	margin: 3px 20px;
}

.pager .pageList a.prev:hover,
.pager .pageList a.next:hover {
	background-color: #1da4d4;
	border-color: #1da4d4;
	color: #ffffff !important;
}

.pager .pageList a.prev:after,
.pager .pageList a.next:after {
	display: none;
}

.pager .pageList a.active,
.pager .pageList a:hover {
	border-color: #1ea4d7;
	color: #1ea4d7;
}

.pager .pageList a.active:after,
.pager .pageList a:hover:after {
	background-color: #1da4d4;
}

@media screen and (max-width:1333px) {
	.pager .pageList a {
		font-size: 16px;
	}
}

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

	.pager .pageList a.prev,
	.pager .pageList a.next {
		margin: 0 10px;
	}

	.pager .pageList a:after {
		bottom: -2px;
		height: 2px;
	}
}

/* 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;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
	border-radius: 12px 0px 0px 12px;
	background-color: #ffffff;
}

.lianxi div:first-child  a{
	border-radius: 12px 0px 0px 0px;
}





.lianxi div a,
.lianxi div div {
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: #ffffff;
	font-size: 24px;
	color: #a3a3a3;
	cursor: pointer;
}

.lianxi div.line a {
	font-size: 35px;
}
.lianxi div:first-child a {
	font-weight: bold;
	font-size: 28px;
}
.lianxi .top a {
	width: 50px;
	height: 50px;
	background-color: #282273;
	line-height: 50px;
	color: #a3a3a3;
	text-align: center;
	cursor: pointer;
	transition: 0.9s;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5px;
	overflow: hidden;
	border-radius: 0 0 0 12px;
}

.lianxi .top a:hover {
	background-color: #1da4d4;
}

.lianxi .top i {
	width: 24px;
	height: 24px;
	display: block;
	line-height: 22px;
	text-align: center;
	font-size: 22px;
	border-radius: 50%;
	color: #ffffff;
}

.lianxi div div {
	cursor: pointer;
}

.lianxi div a:hover,
.lianxi div div:hover {
	color: #1da4d4;
}

.clear2 {
	display: none;
}

.lianxi .phone {
	position: relative;
}

.lianxi .phone .phoneNum {
	position: absolute;
	top: 0;
	left: 100%;
	transform: translateX(0%);
	width: 200px;
	font-size: 18px;
	font-family: "Microsoft YaHei", 微软雅黑;
	background-color: #1da4d4;
	background-color: rgba(29, 164, 212, .8);
	color: #ffffff;
	pointer-events: none;
}

.lianxi .phone:hover .phoneNum {
	transform: translateX(-140%);
}

.lianxi .phone .phoneNum:after {
	content: "";
	position: absolute;
	border: 10px solid transparent;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	border-left-color: rgba(29, 164, 212, .8);

}





@media screen and (max-width: 999px) {
	.lianxi {
		top: auto;
		transform: translateY(0);
		left: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		border-radius: 0;
	}

	.lianxi div:nth-child(n) {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.lianxi .phone .phoneNum {
		left: 50%;
		transform: translateX(-50%);
		top: 120%;
		font-size: 14px;
		height: 35px;
	}

	.lianxi .phone.active a {
		color: #1da4d4;
	}

	.lianxi .phone:hover .phoneNum {
		transform: translateX(-50%);
	}

	.lianxi .phone.active .phoneNum {
		top: -130%;
	}

	.lianxi .top a {
		background-color: #ffffff;
	}

	.lianxi .top a i {
		color: #a3a3a3;
	}

	.lianxi .phone .phoneNum:after {
		border-left-color: transparent;
		border-top-color: rgba(29, 164, 212, .8);
		top: 100%;
		left: 50%;
		transform: translateY(0) translateX(-50%);
	}

	.lianxi div a:hover,
	.lianxi div div:hover {
		color: #a3a3a3;
	}

	.lianxi .top a:hover {
		background-color: #ffffff;
	}

	.lianxi div a,
	.lianxi div div,
	.lianxi,
	.lianxi .top a {
		height: 45px;
		line-height: 45px;
		margin-top: 0;
		font-size: 22px;
	}

	.lianxi div:first-child a {
		font-size: 22px;
	}

}

@media screen and (max-width:768px) {
	.lianxi div.line a {
		font-size: 32px;
	}
}

@media screen and (max-width:538px) {
	.lianxi div.line a {
		font-size: 28px;
	}
}





/* certifiicates */
#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #222;
	background-color: rgba(0, 0, 0, .8);
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	z-index: 99999999999999999999999999999999999999;
}

#baguetteBox-overlay.visible {
	opacity: 1
}

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

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

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

#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0, 0, 0, .6);
	font-family: "Microsoft YaHei", 微软雅黑;
}

#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)
	}
}





@font-face {
  font-family: "iconfont"; /* Project id 4207786 */
  src: url('../fonts/iconfont.woff2?t=1695038810828') format('woff2'),
       url('../fonts/iconfont.woff?t=1695038810828') format('woff'),
       url('../fonts/iconfont.ttf?t=1695038810828') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cloud-download:before {
  content: "\e7d9";
}

.icon-alibabaalibaba:before {
  content: "\e603";
}

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

.wuone{ font-size:14px;  line-height:30px;}
.appear {
	transform: translateY(120%); 
	opacity: 0;
	transition: .5s linear all; 
}
.appear.active{
	transform: translateY(0);
	opacity: 1;
}
.iproduct .item:hover{
	z-index: 2;
}

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

.lianxi div.weChat div{
	font-size: 30px;
}


@media screen and (max-width: 999px) {
    .weChatCode {
		display: none !important;
	}

	.weChat {
		display: block ;
	}

	.lianxi .weChat img {
		bottom: 0;
		right: 50%;
		transform: translateY(0%) translateX(50%);
		display: none;
		z-index: -1;
	}

	.lianxi .weChat.active img {
		transform: translateY(-100%) translateX(50%);
			display: block;
	}
	.lianxi .weChat.active div{
		color: #1ea4d7;
		
	}
}

.icon-xinlangweibo:before {
  content: "\e606";
}


@media screen and (max-width:768px){
	.lianxi .weChat img{
		max-width: 130px;
	}	 
}
@media screen and (max-width:538px){
 	.lianxi .weChat.active img {
 	    transform: translateY(-100%) translateX(0%);
 	    display: block;
 	}	
	.lianxi .weChat img {
	    bottom: 0;
		right: auto;
		left: 0;
	    transform: translateY(0%) translateX(0%);
	    display: none;
	    z-index: -1;
	}
}

.fLinks #st-1 .st-btn{ background:none !important}
.fLinks #st-1 .st-btn > img{height: 26px !important;
width: 26px !important}
footer .blogrolls .code i {
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-right: 20px;
		color: #ffffff;
		font-size: 24px;
		text-align: center;
		margin-bottom: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	
	
	footer .blogrolls .code {
		position: relative;
	}
	
	footer .blogrolls .code .image {
		position: absolute;
		left: 100%;
		top: 50%;
		transform: translateY(-50%);
		opacity: 0;
		width: 0;
	}
	
	
	footer .blogrolls .code.active .image {
		width: 150px;
		height: 150px;
		opacity: 1;
	}
	
	footer .blogrolls .code.active img{
		-webkit-user-select: none;
		-moz-user-select: none;
	}
	
	@media screen and (max-width:999px) {
		footer .blogrolls .code i {
			font-size: 16px;
		}
	}
	
	@media screen and (max-width:768px) {
		footer .blogrolls .code .image {
			top: auto;
			bottom: 100%;
			left: 50%;
			transform: translateX(-50%);
		}
	
		footer .blogrolls .code.active .image {
			width: 120px;
			height: 120px;
			box-shadow: 0 0 10px rgba(122, 122, 122, .3);
		}
	}





.contactUs .list .item .goBtn {
	width: 50px;
	height: 50px;
	line-height: 46px;
	/* border: 10px solid #666666; */
	border: 2px solid #ffffff;
	position: relative;
	border-radius: 25px;
	font-family: "Microsoft YaHei", 微软雅黑;
	color: #ffffff;
	font-size: 0;
	text-align: center;
	margin-top: 10px;
}

.contactUs .list .item .goBtn i {
	display: block;
	width: 50px;
	height: 50px;
	border: 10px solid #666666;
	position: absolute;
	right: -2px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #666666;
	background-color: #f3f5f4;
	margin-top: 0px;
}

.contactUs .list .item .goBtn .goBtn:hover i {
	transform: rotate(180deg) translateY(50%);
}

.contactUs .list .item .goBtn:hover {
	background-color: transparent;
}
.contactUs .list .item .goBtn:hover:after {
	opacity: 1;
}

.contactUs .list .item:hover .addIcon {
	transform: rotateY(360deg);
	border-color: #ffffff;
}



.contactUs .list .item:hover .addIcon i,
.contactUs .list .item:hover .title2,
.contactUs .list .item:hover .tit2,
.contactUs .list .item:hover .goBtn i {
	color: #ffffff;
}

.contactUs .list .item:hover .goBtn i {
	background-color: #1ea4d7;
	border-color: #ffffff;
}

.contactUs .list .item:hover .goBtn {
	width: 168px;
	border-radius: 25px;
	padding-right: 40px;
	color: #ffffff !important;
	font-size: 18px;
}

@media screen and (max-width: 1333px) {
    .contactUs .list .item .goBtn {
        height: 45px;
        width: 45px;
        line-height: 41px;
    }
}
@media screen and (max-width: 999px) {
    .contactUs .list .item .goBtn, .contactUs .list .item:hover .goBtn {
        width: 140px;
        height: 40px;
        line-height: 38px;
        border-radius: 25px;
        padding-right: 40px;
        color: #ffffff !important;
        font-size: 14px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 768px) {
    .contactUs .list .item .goBtn, .contactUs .list .item:hover .goBtn {
        height: 35px;
        line-height: 33px;
    }
}
@media screen and (max-width: 1333px) {
    .contactUs .list .item .goBtn i {
        height: 45px;
        width: 45px;
        border-width: 8px;
    }
}

@media screen and (max-width: 999px) {
   .contactUs .list .item .goBtn i {
        width: 40px;
        height: 40px;
        border-width: 5px;
        background-color: #1ea4d7;
        border-color: #ffffff;
        font-size: 22px;
    }
}
@media screen and (max-width: 999px) {
 .contactUs .list .item .goBtn i {
        color: #ffffff;
    }
}
@media screen and (max-width: 768px) {
    .contactUs .list .item .goBtn i {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
}