@charset "utf-8";

/* common */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
	border: none;
	text-decoration: none;
	transition: all .4s ease;
} 

body {
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	height: 100%;
	background: #fff;
	width: 100%;
	max-width: 1920px;
	background-color: #fff;
	overflow-x: hidden;
}

ul {
	list-style: none;
}

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
	font-size: 62.5%;
}

.image {
	display: block;
}

.image img {
	display: block;
}



a img {
	display: block;
}

img {
	border: none;
	max-width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
}

a {
	text-decoration: none;
	color: #333;
	outline: none;
}

.standardLink a:hover {
	color: #005eb8 !important;
}

.standardLink2 a:hover {
	text-decoration: underline;
}

.standardEdit p {
	position: relative;
}

.standardEdit a {
	color: #015299;
}

.standardEdit a:hover {
	text-decoration: underline;
}



.standardEdit video,
.standardEdit iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 0;
	top: 0;
}

a:hover img {
	transform: scale(1.1, 1.1)
}

input,
textarea,
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333333;
	border: none;
	outline: none;
}

@media screen and (max-width:1333px) {

	input,
	textarea,
	select {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}

	input:-moz-placeholder,
	textarea:-moz-placeholder {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}

	input::-moz-placeholder,
	textarea::-moz-placeholder {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}

	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}
}

@media screen and (max-width:999px) {

	input,
	textarea,
	select {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}

	input:-moz-placeholder,
	textarea:-moz-placeholder {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}

	input::-moz-placeholder,
	textarea::-moz-placeholder {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}

	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}
}

@media screen and (max-width:768px) {

	input,
	textarea,
	select {
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}

	input:-moz-placeholder,
	textarea:-moz-placeholder {
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}

	input::-moz-placeholder,
	textarea::-moz-placeholder {
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}

	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}
}

.safeRange {
	max-width: 1400px;
	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:1600px) {
	.standardRange {
		padding: 80px 0 80px 0 !important;
	}
}


@media screen and (max-width:1333px) {
	.standardRange {
		padding: 60px 0 60px 0 !important;
	}
}

@media screen and (max-width:999px) {
	.standardRange {
		padding: 50px 0 50px 0 !important;
	}
}

@media screen and (max-width:768px) {
	.standardRange {
		padding: 40px 0 40px 0 !important;
	}
}

@media screen and (max-width:538px) {
	.standardRange {
		padding: 30px 0 30px 0 !important;
	}
}





@media screen and (max-width:1600px) {
	.standardTxt .title1 {
		font-size: 36px !important;
		line-height: 45px !important;
	}
}

@media screen and (max-width:1333px) {
	.standardTxt .title1 {
		font-size: 28px !important;
		line-height: 35px !important;
	}

	.standardTxt .title2 {
		font-size: 18px !important;
		line-height: 28px !important;
	}

	.standardTxt .txt,
	.standardTxt p {
		font-size: 16px !important;
		line-height: 28px !important;
	}

	.standardTxt .btn {
		font-size: 16px !important;
	}
}

@media screen and (max-width:999px) {
	.standardTxt .title1 {
		font-size: 24px !important;
		line-height: 30px !important;
	}

	.standardTxt .title2 {
		font-size: 16px !important;
		line-height: 28px !important;
	}

	.standardTxt .txt,
	.standardTxt p {
		font-size: 14px !important;
		line-height: 26px !important;
	}

	.standardTxt .btn {
		font-size: 14px !important;
	}

}

@media screen and (max-width:768px) {
	.standardTxt .title1 {
		font-size: 22px !important;
	}

	.standardTxt .title2 {
		font-size: 14px !important;
		line-height: 24px !important;
	}

	.standardTxt .txt,
	.standardTxt p {
		font-size: 12px !important;
		line-height: 24px !important;
	}

	.standardTxt .btn {
		font-size: 12px !important;
	}
}


@media screen and (max-width:538px) {
	.standardTxt .title1 {
		font-size: 20px !important;
		line-height: 28px !important;
	}
}





.oneRow {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.twoRow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.threeRow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.foreRow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}


.clear {
	clear: both;
}

/* xnav */
header .xnav {
	display: none;
}

@media screen and (max-width:999px) {
	header .xnav {
		display: block;
	}

	header .xnav .nav {
		position: fixed;
		width: 35px;
		height: 24px;
		background: #005eb8;
		right: 2.5%;
		top: 24px;
		cursor: pointer;
		border-radius: 5px;
		z-index: 999999999;
	}

	header .xnav .nav span {
		display: block;
		width: 20px;
		height: 2px;
		background: #ffffff;
		position: absolute;
		left: 50%;
		margin-left: -10px;
		top: 50%;
		transition: 0.8s;
		z-index: 99999991
	}

	header .xnav .nav .nav1 {
		margin-top: -1px;
	}

	header .xnav .nav .nav2 {
		margin-top: -8px;
	}

	header .xnav .nav .nav3 {
		margin-top: 6px;
	}

	header .xnav .nav:hover .nav1 {
		width: 25px;
	}

	header .xnav .navh .nav1 {
		transform: rotate(45deg)
	}

	header .xnav .navh .nav2 {
		transform: rotate(-45deg);
		width: 10px;
		margin-left: -1px;
		margin-top: -5px;
	}

	header .xnav .navh .nav3 {
		transform: rotate(-45deg);
		width: 9px;
		margin-top: 3px;
		margin-left: -8px;
	}

	header .xnav .navh:hover .nav2 {
		margin-top: -8px;
		margin-left: 7px;
	}

	header .xnav .navh:hover .nav3 {
		margin-top: 5px;
		margin-left: -12px;
	}

	header .xnav .smdaohang {
		position: fixed;
		width: 300px;
		height: 0px;
		overflow: auto;
		top: 0px;
		right: 0px;
		background: rgba(0, 94, 184, 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: Lato-Regular, Arial, Helvetica, sans-serif;
	}

	header .xnav ul.topnav ul {
		display: none;
		transition: none;
	}

	header .xnav ul.topnav ul li {
		clear: both;
	}

	header .xnav ul.topnav ul li a {
		padding-left: 20px;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: normal;
		outline: 0;
	}


	header .xnav ul.topnav ul ul li a {
		padding-left: 40px;
	}

	header .xnav ul.topnav ul ul ul li a {
		padding-left: 60px;
	}

	header .xnav ul.topnav span {
		display: block;
		position: absolute;
		right: 0px;
		top: 7px;
		width: 20px;
		height: 20px;
		background: #fff;
		background: rgba(255, 255, 255, 0.6);
		cursor: pointer;
		border-radius: 50%;
		transition: 0.5s;
	}

	header .xnav ul.topnav span:before {
		content: "";
		width: 6px;
		height: 2px;
		background: #333;
		position: absolute;
		left: 50%;
		margin-left: -3px;
		top: 50%;
		margin-top: 0px;
		transform: rotate(45deg);
		transform-origin: right center
	}

	header .xnav ul.topnav span:after {
		content: "";
		width: 6px;
		height: 2px;
		background: #333;
		position: absolute;
		left: 50%;
		margin-left: -3px;
		top: 50%;
		margin-top: -1px;
		transform: rotate(-45deg);
		transform-origin: right center;
		transition: 0.5s;
	}

	header .xnav ul.topnav span.yizi {
		transform: rotate(90deg)
	}

	header .xnav .smdaohang form {
		margin-top: 15px;
		margin-bottom: 15px;
		width: 240px;
		height: 26px;
		border: 1px solid #fff;
		position: relative;
		background: #fff;
		border-radius: 13px;
	}

	header .xnav .smdaohang form input {
		color: #333333;
	}

	header .xnav .smdaohang form .iptc {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 15px;
		background-color: #fff;
		width: 80%;
		height: 24px;
		line-height: 24px;
		display: block;
		float: left;
		border-radius: 10px;
	}

	header .xnav .smdaohang form .ipsc {
		width: 20%;
		height: 24px;
		line-height: 24px;
		display: block;
		float: right;
		background: transparent;
		position: relative;
		z-index: 99;
	}

	header .xnav .smdaohang form i {
		position: absolute;
		right: 10px;
		top: 2px;
	}
}

/**
 * Swiper 11.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2023
 */

@font-face {
	font-family: swiper-icons;
	src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
	touch-action: pan-y
}

.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
	transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
	scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
	content: '';
	flex-shrink: 0;
	order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size)
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: var(--swiper-navigation-top-offset, 50%);
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
	transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 10px);
	right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto
}

.swiper-button-lock {
	display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: 'next'
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 8px);
	top: var(--swiper-pagination-top, auto);
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
	right: var(--swiper-pagination-right, 8px);
	left: var(--swiper-pagination-left, auto);
	top: 50%;
	transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
	width: var(--swiper-pagination-progressbar-size, 4px);
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	position: relative;
	touch-action: none;
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: var(--swiper-scrollbar-sides-offset, 1%);
	bottom: var(--swiper-scrollbar-bottom, 4px);
	top: var(--swiper-scrollbar-top, auto);
	z-index: 50;
	height: var(--swiper-scrollbar-size, 4px);
	width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
	position: absolute;
	left: var(--swiper-scrollbar-left, auto);
	right: var(--swiper-scrollbar-right, 4px);
	top: var(--swiper-scrollbar-sides-offset, 1%);
	z-index: 50;
	width: var(--swiper-scrollbar-size, 4px);
	height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move;
	touch-action: none
}

.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active {
	pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube {
	overflow: visible
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
	content: '';
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-flip {
	overflow: visible
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height
}

.swiper-cards {
	overflow: visible
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden
}




/* ---------------------index----------------------------- */


/* allnav */

nav {
	position: fixed;
	top: 50px;
	z-index: 999;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}

nav .logo {
	flex-shrink: 0;
}

nav .logo:hover img {
	transform: scale(1, 1);
}

nav .con {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100px;
	padding: 0 53px 0 48px;
	position: relative;
}

nav .con::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ffffff;
	box-shadow: 0px 3px 59px 0px rgba(0, 0, 0, 0.17);
	border-radius: 10px;
	z-index: -1;
	transition: .5s linear all;
}



nav .logo {
	width: 142px;
	flex-shrink: 0;
}

nav .navList {
	display: flex;
	align-items: center;
}


nav .navList>ul {
	display: flex;
	align-items: center;
}

nav a {
	display: block;
}

nav .navList>ul>li {
	margin-right: 40px;
}

nav .navList>ul>li:hover>a,
nav .navList>ul>li.active>a {
	color: #005eb8
}

nav .navList>ul>li:last-child {
	margin-right: 0;
}

nav .navList>ul>li>a {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 20px;
	line-height: 96px;
	color: #333333;
	height: 100px;
}



nav .btns {
	display: flex;
	align-items: center;
	margin-left: 158px;
}



nav .language {
	position: absolute;
	top: 0;
	right: 53px;
	height: 40px;
	display: flex;
	align-items: center;
	transform: translateY(-100%);
}

nav .language ul {
	position: absolute;
	top: 110%;
	background-color: #fff;
	box-shadow: 0px 3px 59px 0px rgba(0, 0, 0, 0.17);
	width: max-content;
	right: 0;
	padding: 10px 0;
	border-radius: 5px;
	min-width: 50px;
	max-width: 300px;
	display: none;
	transition: none;
}

nav .language ul li {
	margin-bottom: 5px;
}

nav .language ul li:last-child {
	margin-bottom: 0;
}

nav .language ul a {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #333333;
	padding: 0 20px;
}

nav .language ul a:hover {
	color: #005eb8;
}



.lanBtn {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.lanBtn.active i.icon-bottom7 {
	transform: rotate(-180deg);
}

.lanBtn:hover i.icon-earth-full {
	transform: rotate(360deg);
}

.lanBtn i {
	color: #ffffff;
}

.lanBtn p {
	margin: 0 4px 0 5px;
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #ffffff;
}

.lanBtn i.icon-earth-full {
	font-size: 16px;
}

.lanBtn i.icon-bottom7 {
	font-size: 14px;
}




nav .btns .search {
	height: 100px;
	display: flex;
	align-items: center;
	margin-right: 25px;
	position: relative;
}




nav .btns .search .searchBtn i {
	font-size: 22px;
	cursor: pointer;
}


nav .btns .search .searchBtn:hover i {
	color: #005eb8;
}


nav .btns .search form {
	position: absolute;
	top: 110%;
	right: 0;
	background-color: #ffffff;
	box-shadow: 0px 3px 59px 0px rgba(0, 0, 0, 0.17);
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 0px;
	height: 36px;
	border-radius: 18px;
	overflow: hidden;
	padding: 0px;
}

nav .btns .search form.active {
	width: 320px;
	padding: 0 20px;
}

nav .btns .search form .subBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 30px;
	height: 30px;
}

nav .btns .search form .subBtn i {
	font-size: 18px;
}

nav .btns .search form .subBtn:hover i {
	color: #005eb8;
}

nav .btns .search form .subBtn input {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	cursor: pointer;
	opacity: 0;
}


nav .btns .search form input {
	width: 100%;
	height: 100%;
	font-family: HelveticaLTStd-Cond;
}




nav .btns .menu{ display:none;}
nav .btns .menu .lines {
	width: 60px;
	height: 60px;
	background-color: #005eb8;
	position: relative;
	border-radius: 50%;
	cursor: pointer;
}



nav .btns .menu .lines div {
	width: 24px;
	height: 2px;
	background-color: #ffffff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	transform-origin: center;
}

nav .btns .menu .lines div.line1 {
	margin-top: -7px;
}


nav .btns .menu .lines div.line3 {
	margin-top: 7px;
}



nav .btns .menu .lines.active div.line2 {
	opacity: 0;
	width: 0;
}

nav .btns .menu .lines.active div.line1 {
	margin-top: 0;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

nav .btns .menu .lines.active div.line3 {
	margin-top: 0;
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}



nav .btns .menuCon {
	position: absolute;
	width: 100%;
	top: 100%;
	background-color: #ffffff;
	box-shadow: 0px 3px 59px 0px rgba(0, 0, 0, 0.17);
	left: 50%;
	transform: translateX(-50%);
	padding: 37px 47px 40px 47px;
	border-top: 1px solid rgba(0, 0, 0, .2);
	z-index: -1;
	display: none;
	transition: none;
}

nav .btns .menuCon .list {
	display: flex;
	align-items: center;
}

nav .btns .menuCon .item {
	width: 30.6%;
	margin-right: 4.1%;
}

nav .btns .menuCon .item:nth-child(3n) {
	margin-right: 0;
}

nav .btns .menuCon .image {
	overflow: hidden;
	margin-bottom: 11px;
}


nav .btns .menuCon .msg {
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	position: relative;
}


nav .btns .menuCon .msg i {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateX(-50%) translateY(-55%);
	color: #005eb8;
	opacity: 0;
}

nav .btns .menuCon .msg:hover i {
	opacity: 1;
}

nav .btns .menuCon .msg:hover a {
	color: #005eb8;
}

nav .btns .menuCon .msg .name {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	padding: 10px 0 12px 0;
}



nav.active2 .con::after {
	box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	border-radius: 10px 10px 0 0;
}

nav.active {
	background-color: #ffffff;
	top: 0;
}

nav.active .con::after {
	width: 200%;
}

nav.active .con {
	padding: 0 83px 0 0;
}

nav.active .language {
	top: 50%;
	height: 100px;
	transform: translateY(-50%);
	right: 2px;
}

nav.active .language i,
nav.active .language p {
	color: #333333;
}

nav.active .btns {
	margin-left: 128px;
}







/* moreList */
nav .moreList {
	position: absolute;
	border-top: 1px solid rgba(0, 0, 0, .2);
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0px 3px 59px 0px rgba(0, 0, 0, 0.17);
	z-index: -1;
	left: 50%;
	transform: translateX(-50%);
}

.aboutNav {
	padding: 44px 52px 42px 137px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 350px;
	overflow: auto;
}


.aboutNav::-webkit-scrollbar {
	width: 4px;
	background-color: #00000040;
	border-radius: 10px;
}

.aboutNav::-webkit-scrollbar-thumb {
	background-color: #005eb8;
	border-radius: 10px;
}

.aboutNav::-webkit-scrollbar-track {
	background-color: transparent;
}

.aboutNav ul {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 46.3%;
	margin-top: -2px;
}


.aboutNav ul li {
	width: 38.4%;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	position: relative;
	margin-bottom: 7px;
}


.aboutNav ul li:nth-child(n+5) {
	border-bottom: none;
	margin-bottom: 0;
}


.aboutNav ul li i {
	position: absolute;
	right: 0%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	color: #005eb8;
	opacity: 0;
}

.aboutNav ul li:hover a {
	color: #005eb8;
}

.aboutNav ul li:hover i {
	opacity: 1;
}


.aboutNav ul li a {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	padding: 12px 30px 12px 0;
}



.aboutNav .regularImg {
	width: 33%;
}




.changeNav {
	padding: 49px 147px 35px 127px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	height: 455px;
	overflow: auto;

}

.changeNav::-webkit-scrollbar {
	width: 4px;
	background-color: #ffffff;
	border-radius: 10px;
}

.changeNav::-webkit-scrollbar-thumb {
	background-color: #005eb8;
	border-radius: 10px;
}

.changeNav::-webkit-scrollbar-track {
	background-color: transparent;
}


.changeNav .fLevel {
	width: 24.3%;
}

.changeNav .checks {
	width: 69.5%;
}


.changeNav .checks ul {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}


.changeNav .checks ul li {
	width: 45.6%;
}

.changeNav li {
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	position: relative;
}

.changeNav .fLevel li:first-child {
	border-top: 1px solid rgba(0, 0, 0, .2);
}

.changeNav .fLevel li.active a {
	color: #005eb8;
}


.changeNav .fLevel li.active i {
	opacity: 1;
}

.changeNav li i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	color: #005eb8;
	opacity: 0;
}


.changeNav .checks ul {
	display: none;
}

.changeNav .checks ul.current {
	display: flex;
}


.changeNav .checks a {
	padding: 18px 30px 14px 0;
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
}

.changeNav .fLevel a {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 24px;
	line-height: 35px;
	color: #333333;
	padding: 13px 30px 12px 0;
}


.changeNav .checks ul li:nth-child(2),
.changeNav .checks ul li:nth-child(1) {
	border-top: 1px solid rgba(0, 0, 0, .2);
}

.changeNav .checks ul li:hover i {
	opacity: 1;
}

.changeNav .checks ul li:hover a {
	color: #005eb8;
}



.projectNav {
	padding: 30px 51px 51px 139px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 350px;
}


.projectNav::-webkit-scrollbar {
	width: 4px;
	height: 6px;
	background-color: #ffffff;
	border-radius: 10px;
}

.projectNav::-webkit-scrollbar-thumb {
	background-color: #005eb8;
	border-radius: 10px;
}

.projectNav::-webkit-scrollbar-track {
	background-color: transparent;
}


.projectNav .plevel {
	width: 46.3%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	min-height: 141px;
}


.projectNav .plevel li {
	width: 38.5%;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	position: relative;
}

.projectNav .plevel li:nth-child(n+5) {
	border-bottom: 0;
}


.projectNav .plevel li i {
	position: absolute;
	right: 0%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	color: #005eb8;
	opacity: 0;
}

.projectNav .plevel li.active i {
	opacity: 1;
}

.projectNav .plevel li.active a {
	color: #005eb8;
}


.projectNav .plevel li a {
	padding: 11px 30px 11px 0;
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
}


.projectNav .pImages {
	width: 33.1%;
	overflow: hidden;
}


.projectNav .pImages li {
	display: none;
}

.projectNav .pImages li.current {
	display: block;
}


nav .moreList {
	display: none;
	transition: none;
}



@media screen and (max-width:1600px) {
	nav {
		top: 40px;
	}

	nav .con {
		padding: 0 40px;
		height: 80px;
	}

	nav .language {
		right: 40px;
	}

	nav .logo {
		width: 120px;
	}

	nav .navList>ul>li>a {
		height: 80px;
		line-height: 80px;
		font-size: 18px;
	}

	nav .btns .search {
		height: 80px;
	}

	nav.active .language {
		height: 80px;
		right: 0;
	}

	nav .btns .menu .lines {
		width: 50px;
		height: 50px;
	}

	nav .btns .menu .lines div {
		width: 22px;
	}

	nav .btns .search .searchBtn i {
		font-size: 20px;
	}

	nav .btns,
	nav.active .btns {
		margin-left: 100px;
	}

	nav .btns .search form.active {
		width: 280px;
		padding: 0 15px;
	}

	nav .btns .search form .subBtn i {
		font-size: 16px;
	}

	nav .btns .menuCon .msg .name {
		padding: 10px 0;
		font-size: 16px;
		line-height: 26px;
	}

	nav .btns .menuCon .image {
		margin-bottom: 0px;
	}

	nav .btns .menuCon .msg i {
		transform: translateY(-50%);
	}

	nav .btns .menuCon {
		padding: 40px;
	}

	.aboutNav {
		padding: 40px;
	}

	.aboutNav ul {
		width: 54%;
	}

	.aboutNav ul li {
		width: 40%;
	}

	.changeNav {
		padding: 40px 100px;
	}

	.changeNav .checks a {
		padding: 12px 30px 12px 0;
	}

	.changeNav .fLevel a {
		padding: 9px 30px 9px 0;
	}

	.changeNav .fLevel a {
		font-size: 22px;
	}

	.projectNav .plevel {
		min-height: auto;
	}

	.projectNav {
		padding: 40px;
	}

	.projectNav .plevel li {
		width: 45%;
	}

	.projectNav .plevel {
		width: 55%;
	}

}

@media screen and (max-width:1333px) {
	nav .con {
		height: 60px;
		padding: 0 30px;
	}

	nav .logo {
		width: 100px;
	}

	nav .navList>ul>li>a {
		height: 60px;
		line-height: 60px;
		font-size: 16px;
	}

	nav .btns .menu .lines {
		width: 40px;
		height: 40px;
	}

	nav .btns .menu .lines div {
		width: 18px;
	}

	nav .btns .menu .lines div.line1 {
		margin-top: -6px;
	}

	nav .btns .menu .lines div.line3 {
		margin-top: 6px;
	}

	nav .btns .search {
		height: 60px;
	}

	nav.active .language {
		height: 60px;
	}

	nav .btns .search .searchBtn i {
		font-size: 18px;
	}

	nav .btns,
	nav.active .btns {
		margin-left: 50px;
	}

	nav .btns .search form {
		height: 30px;
	}

	nav .btns .menuCon {
		padding: 30px;
	}

	.aboutNav ul li a {
		font-size: 16px;
		line-height: 26px;
	}

	.aboutNav {
		padding: 30px;
	}

	.aboutNav ul li {
		width: 45%;
	}

	.changeNav {
		padding: 40px;
	}

	.changeNav .checks a {
		padding: 10px 30px 10px 0;
	}

	.changeNav .fLevel a {
		padding: 9px 30px 9px 0;
	}

	.changeNav .fLevel a {
		font-size: 18px;
		line-height: 28px;
	}

	.changeNav .checks a {
		font-size: 16px;
		line-height: 26px;
	}

	.projectNav .plevel li a {
		font-size: 16px;
		line-height: 26px;
		padding: 10px 30px 10px 0;
	}

	.projectNav {
		padding: 30px;
	}
}

@media screen and (max-width:1200px) {
	nav .navList>ul>li {
		margin-right: 30px;
	}

	nav .btns,
	nav.active .btns {
		margin-left: 40px;
	}
}

@media screen and (max-width:999px) {
	nav .navList>ul {
		display: none;
	}

	nav .btns .search {
		display: none;
	}

	nav .btns .menu {
		display: none;
	}

	nav .con {
		height: 50px;
		padding: 0px;
	}

	nav {
		top: 0;
		box-shadow: 0px 0px 10px 0px rgba(122, 122, 122, 0.1);
	}

	.bannerRange {
		margin-top: 50px;
	}

	nav .language,
	nav.active .language {
		top: 50%;
		height: 50px;
		right: 50px;
		transform: translateY(-50%);
	}

	nav .con::after {
		width: 200%;
		box-shadow: 0px 3px 59px 0px rgba(0, 0, 0, 0);
	}

	header .xnav .nav {
		top: 25px;
		transform: translateY(-50%);
	}

	nav .language p,
	nav .language i {
		color: #333333;
	}

	.lanBtn i.icon-bottom7 {
		font-size: 12px;
	}

	nav .logo {
		width: 90px;
	}

	.lanBtn p {
		font-size: 14px;
	}

	nav .language ul a {
		font-size: 14px;
	}
}

@media screen and (max-width:538px) {
	nav .con {
		height: 40px;
	}

	.bannerRange {
		margin-top: 40px;
	}

	nav .logo {
		width: 80px;
	}

	header .xnav .nav {
		top: 20px;
	}

	nav .language,
	nav.active .language {
		height: 40px;
	}
}











/* indexbanner */

.indexBanner a:hover img {
	transform: scale(1, 1);
}

.banner {
	position: relative;
	z-index: 2;
	line-height: 0;
	font-size: 0;
}

.banner .slick-arrow {
	position: absolute;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	cursor: pointer;
	right: 260px;
	background-color: rgba(255, 255, 255, .1);
	color: rgba(255, 255, 255, .2);
	top: 50%;
}

.banner .slick-arrow:hover {
	background-color: rgba(255, 255, 255, .3);
	color: rgba(255, 255, 255, .5);
}


.banner .slick-next {
	transform: translateY(147%);
}

.banner .slick-dots {
	position: absolute;
	z-index: 999999;
	left: 0;
	right: 0;
	bottom: 29px;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
	text-align: center;
}

.banner .slick-dots li {
	margin: 0 10px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.banner .slick-dots li.slick-active a {
	background-color: #ffffff;
}

.banner .slick-dots a {
	display: block;
	width: 15px;
	height: 15px;
	background-color: rgba(255, 255, 255, .4);
	border-radius: 50%;
	cursor: pointer;
}

.banner.hide {
	display: none;
}


.slick-list,
.slick-slider,
.slick-track {
	position: relative;
	display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
	visibility: hidden
}

.slick-slider {
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	top: 0;
	left: 0
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-dots .slide-count {
	display: none;
}

.slick-slide {
	position: relative;
}

.slick-slide iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.slick-slide video {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 101%;
	min-height: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	display: none \9;
	display: block \9\0;
}

@media screen and (max-width: 1600px) {
	.banner .slick-arrow {
		right: 120px;
	}
}

@media screen and (max-width: 1333px) {
	.banner .slick-arrow {
		right: 80px;
		width: 40px;
		height: 40px;
		font-size: 14px;
	}

	.banner .slick-dots a {
		width: 13px;
		height: 13px;
	}

}

@media screen and (max-width: 999px) {
	.slick-slide video {
		object-position: inherit;
		object-fit: inherit;
		width: 100%;
		height: 100%;
		transform: translate(0, 0);
		left: 0;
		top: 0;
	}

	.banner {
		display: block;
	}

	.banner.hide {
		display: block;
	}

	.banner .slick-arrow {
		display: none !important;
	}

	.banner .slick-dots {
		bottom: 20px;
	}

	.banner .slick-dots li {
		margin: 0 8px;
	}

	.banner .slick-dots a {
		width: 12px;
		height: 12px;
	}
}

@media screen and (max-width: 769px) {
	.banner .slick-dots a {
		width: 11px;
		height: 11px;
	}
}

@media screen and (max-width: 538px) {
	.banner .slick-dots a {
		width: 10px;
		height: 10px;
	}

	.banner .slick-dots {
		bottom: 15px;
	}
}


/* indexM1-1 */

.iAbout {
	padding: 92px 0 98px 0;
	position: relative;
}


.iAbout .title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 36px;
	align-items: center;
}


.iAbout .title .msg {
	flex: 1;
}

.iAbout .title .msg .line {
	width: 70px;
	height: 5px;
	background-color: #005eb8;
	margin-bottom: 50px;
}




.iAbout .title .msg .txts {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 36px;
	color: #444444;
}



.iAbout .title .msg .txts span {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 20px;
	color: #333333;
}


.iAbout .title .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 48px;
	line-height: 60px;
	color: #222222;
	flex-shrink: 0;
	margin-left: 12%;
	text-align: right;
	transform: translateY(-5.5%);
}


.iAbout .con {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.iAbout .con .msg {
	width: 48%;
}


.iAbout .con .msg .txts {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	color: #333333;
	line-height: 36px;
	margin-bottom: 69px;
	padding-right: 2%;
	margin-top: -24px;
}


.iAbout .con .msg .list {
	display: flex;
	flex-wrap: wrap;
}

.iAbout .con .msg .list .item {
	width: 49%;
	margin-right: 1.7%;
	margin-bottom: 69px;
	display: flex;
	align-items: center;
}


.iAbout .con .msg .list .item:nth-child(2n) {
	margin-right: 0;
}

.iAbout .con .msg .list .item:nth-child(n+3) {
	margin-bottom: 0;
}




.iAbout .con .msg .list .item .image {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	margin-right: 11.5px;
	transform: translateY(-15.5%);
}



.iAbout .con .msg .list .item .num {
	display: flex;
	align-items: flex-end;
	margin-bottom: 4px;
}

.iAbout .con .msg .list .item .num span {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 48px;
	line-height: 48px;
	color: #222222;
}

.iAbout .con .msg .list .item .num i {
	font-style: normal;
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 28px;
	color: #222222;
}


.iAbout .con .msg .list .item .name {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 28px;
	color: #666666;
}


.iAbout .con .video {
	width: 50%;
	position: relative;
	cursor: pointer;
}

.iAbout .con .video .playBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 75px;
}

.iAbout .con .video:hover .playBtn img {
	transform: scale(1.1, 1.1);
}

.iAbout .shadow {
	position: absolute;
	height: 100%;
	left: 0;
	width: 71.7%;
	background-color: #f5f5f5;
	top: 0;
	z-index: -1;
}

@media screen and (max-width:1600px) {
	.iAbout .title .msg .line {
		margin-bottom: 40px;
	}

	.iAbout .con .msg .txts {
		padding-right: 0;
		margin-bottom: 50px;
		margin-top: 0px;
	}

	.iAbout .con .msg .list .item .image {
		width: 55px;
		height: 55px;
		transform: translateY(0%);
	}

	.iAbout .con .msg .list .item .num span {
		font-size: 36px;
		line-height: 45px;
	}

	.iAbout .con .video .playBtn {
		width: 60px;
	}

	.iAbout .con .msg .list .item {
		margin-bottom: 45px;
	}
}

@media screen and (max-width:1333px) {
	.iAbout .title .msg .line {
		margin-bottom: 30px;
	}

	.iAbout .title .msg .txts span {
		font-size: 18px;
	}

	.iAbout .title .msg .line {
		height: 4px;
	}

	.iAbout .title {
		margin-bottom: 30px;
	}

	.iAbout .con .msg .txts {
		margin-bottom: 40px;
	}

	.iAbout .con .msg .list .item .image {
		width: 50px;
		height: 50px;
	}

	.iAbout .con .msg .list .item .name {
		font-size: 16px;
		line-height: 26px;
	}

	.iAbout .con .msg .list .item .num span {
		font-size: 30px;
		line-height: 30px;
	}

	.iAbout .con .msg .list .item .num i {
		font-size: 16px;
		line-height: 26px;
	}

	.iAbout .con .video .playBtn {
		width: 50px;
	}
}

@media screen and (max-width:999px) {
	.iAbout .title {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.iAbout .title .title1 {
		text-align: left;
		margin-left: 0;
		margin-bottom: 15px;
	}

	.iAbout .title .title1 br {
		display: none;
	}

	.iAbout .title .msg .line {
		height: 3px;
	}

	.iAbout .title .msg .txts span {
		font-size: 16px;
	}

	.iAbout .con .video .playBtn {
		width: 45px;
	}

	.iAbout .con .msg .txts {
		margin-bottom: 30px;
	}

	.iAbout .con .msg .list .item .image {
		width: 45px;
		height: 45px;
	}

	.iAbout .con .msg .list .item .num span {
		font-size: 24px;
		line-height: 24px;
	}

	.iAbout .con .msg .list .item .name,
	.iAbout .con .msg .list .item .num i {
		font-size: 14px;
		line-height: 24px;
	}

	.iAbout .con .msg .list .item .num i {
		margin-left: 5px;
	}
}

@media screen and (max-width:768px) {
	.iAbout .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.iAbout .con .msg .list .item .name,
	.iAbout .con .msg .list .item .num i {
		font-size: 12px;
		line-height: 22px;
	}

	.iAbout .con .msg {
		width: 100%;
		margin-bottom: 30px;
	}

	.iAbout .con .msg .list .item {
		margin-bottom: 30px;
	}

	.iAbout .con .msg .list .item .image {
		width: 40px;
		height: 40px;
		margin-right: 15px;
	}

	.iAbout .con .video {
		width: 100%;
		max-width: 650px;
	}

	.iAbout .title .msg .txts span {
		font-size: 14px;
	}

	.iAbout .title {
		margin-bottom: 20px;
	}

	.iAbout .con .msg .list .item .num span {
		font-size: 22px;
		line-height: 22px;
	}

	.iAbout .title .title1 {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:450px) {
	.iAbout .title .msg .line {
		margin-bottom: 20px;
	}

	.iAbout .con .msg .list .item {
		flex: auto;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 20px;
	}

	.iAbout .con .msg .list .item .image {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.iAbout .con .video .playBtn {
		width: 40px;
	}

	.iAbout .title .msg .line {
		width: 60px;
	}
}










/* indexM2-1 */

.iProduct {
	padding: 90px 0 100px 0;
}


.iAdvantage {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 91px;
}




.iAdvantage .item {
	width: 49.2857%;
	position: relative;
}



.iAdvantage .item .msg {
	position: absolute;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0, 0, 0, .5);*/
		background-color: rgba(0, 0, 0, .2);
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.iAdvantage .item .image {
	overflow: hidden;
}


.iAdvantage .tit {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 30px;
	line-height: 36px;
	color: #ffffff;
	position: relative;
	display: block;
	text-align: center;
	width: 80%;
	margin: 13px auto 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.iAdvantage .item:hover .tit {
	margin: -6px auto 20px;
}

.iAdvantage .line {
	width: 47px;
	height: 5px;
	background-color: #005eb8;
	margin: 0 auto 20px;
}


.iAdvantage .txts {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
	width: 60%;
	opacity: 0;
	margin: 0 auto;
	max-height: 0;
}


.iAdvantage .item:hover .txts {
	max-height: 60px;
	opacity: 1;
	margin: 0 auto 28px;
	transition: .8s easea all;
}


.iAdvantage .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 2px #ffffff;
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #ffffff;
	width: 121px;
	margin: 0 auto;
	max-height: 0;
	overflow: hidden;
	border-width: 0;
	opacity: 0;
	height: 42px;
	transition: .8s easea all;
}

.iAdvantage .item:hover .btn {
	opacity: 1;
	max-height: 42px;
	border-width: 2px;
}



.iAdvantage .btn:hover {
	background-color: #ffffff;
}

@media screen and (max-width:1600px) {
	.iAdvantage {
		margin-bottom: 80px;
	}

	.iAdvantage .tit,
	.iAdvantage .item:hover .tit {
		margin: 0 auto 10px;
	}

	.iAdvantage .tit {
		font-size: 26px;
	}

	.iAdvantage .item .btn {
		height: 35px;
	}

	.iAdvantage .item:hover .btn {
		max-height: 35px;
	}
}

@media screen and (max-width:1333px) {
	.iAdvantage .txts {
		width: 80%;
	}

	.iAdvantage .tit {
		font-size: 22px;
	}

	.iAdvantage .line {
		margin: 0 auto 10px;
	}

	.iAdvantage {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:999px) {
	.iAdvantage .txts {
		font-size: 14px;
		line-height: 26px;
	}

	.iAdvantage .item:hover .txts,
	.iAdvantage .item .txts {
		max-height: 52px;
		margin: 0 auto 20px;
		opacity: 1;
	}

	.iAdvantage .item .btn {
		height: 30px;
	}

	.iAdvantage .item .btn,
	.iAdvantage .item:hover .btn {
		max-height: 30px;
		border-width: 2px;
		width: 100px;
		opacity: 1;
	}

	.iAdvantage .tit {
		font-size: 18px;
		line-height: 30px;
	}

	.iAdvantage .line {
		height: 3px;
	}

	.iAdvantage {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.iAdvantage {
		margin-bottom: 40px;
	}

	.iAdvantage .item .msg {
		position: static;
	}

	.iAdvantage .item:hover .txts,
	.iAdvantage .item .txts {
		font-size: 12px;
		line-height: 24px;
		max-height: 48px;
		width: 100%;
		color: #333333;
		opacity: 1;
		margin: 0 auto 15px;
	}

	.iAdvantage .tit,
	.iAdvantage .item:hover .tit {
		font-size: 16px;
		line-height: 26px;
		margin: 0 auto 5px;
		width: 100%;
		color: #333333;
	}

	.iAdvantage .line {
		height: 2px;
	}

	.iAdvantage .item .msg {
		padding: 20px 20px;
		background-color: #f5f5f5;
	}

	.iAdvantage .item:hover .btn,
	.iAdvantage .item .btn {
		border-color: #005eb8;
		border-width: 1px;
		color: #005eb8;
		opacity: 1;
	}

}

@media screen and (max-width:538px) {
	.iAdvantage {
		margin-bottom: 30px;
		flex-wrap: wrap;
	}

	.iAdvantage .item .msg {
		padding: 20px 10px;
	}
}




@media screen and (max-width:450px) {
	.iAdvantage .item:nth-child(n) {
		width: 100%;
		max-width: 350px;
		margin: 0 auto 20px;
	}
}









.iProduct .types .type {
	margin-bottom: 68px;
}


.iProduct .types .type:last-child {
	margin-bottom: 0;
}



.iProduct .types .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 48px;
	line-height: 60px;
	color: #222222;
	margin-bottom: 30px;
	display: block;
}



.iProduct .types .list {
	display: flex;
	flex-wrap: wrap;
}

.iProduct .types .list .productItem {
	width: 23.6%;
	margin-right: 1.8666%;
}

.productItem {
	position: relative;
	overflow: hidden;
}


.iProduct .types .list .productItem:nth-child(4n) {
	margin-right: 0;
}


.productItem .msg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(8, 24, 39, 0.8);
	transform: translateY(106px);
}

.productItem:hover .msg {
	transform: translateY(0px);
}

.productItem .msg .box {
	padding: 13px 22px 25px 22px;
}

.productItem:hover .msg .box {
	padding: 20px 22px 25px 22px;
}

.productItem .msg .box h2 {
	font-weight: normal;
}

.productItem a:hover img {
	transform: scale(1, 1);
}


.productItem .tit {
	font-family: HelveticaLTStd-Cond;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-bottom: 13px;
}

.productItem:hover .tit {
	margin-bottom: 8px;
}


.productItem .txts {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 20px;
	min-height: 40px;
	color: #ffffff;
}


.productItem .btn {
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	background-color: #005eb8;
}

.productItem .btn:hover {
	color: #fff !important;
}

.productItem .btn:hover i {
	transform: translateX(10px);
}


.productItem .btn i {
	margin-left: 11px;
	font-size: 18px;
	margin-right: 2px;
}


@media screen and (max-width:1600px) {

	.productItem .msg .box,
	.productItem.active .msg .box {
		padding: 20px;
	}

	.productItem .msg {
		transform: translateY(100px);
	}

	.productItem .tit {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	.productItem .btn {
		height: 35px;
		font-size: 16px;
		line-height: 26px;
	}

	.productItem .btn i {
		font-size: 16px;
	}

	.iProduct .types .type {
		margin-bottom: 60px;
	}
}


@media screen and (max-width:1333px) {

	.productItem .tit {
		font-size: 16px;
		line-height: 26px;
	}

	.productItem .txts {
		font-size: 14px !important;
		line-height: 24px !important;
		min-height: 48px;
	}

	.productItem:hover .msg .box,
	.productItem .msg .box {
		padding: 10px;
	}

	.productItem .btn {
		height: 30px;
		font-size: 14px !important;
	}

	.productItem .btn i {
		font-size: 14px;
	}
}

@media screen and (max-width:999px) {
	.productItem .msg {
		transform: translateY(0px);
	}

	.iProduct .types .type {
		margin-bottom: 50px;
	}

	.productItem:nth-child(n) {
		display: flex;
		align-items: center;
		background-color: #f5f5f5;
		padding: 10px;
	}

	.iProduct .types .list .productItem:nth-child(n) {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 30px;
	}


	.iProduct .types .list .productItem:nth-child(2n) {
		margin-right: 0;
	}

	.iProduct .types .list .productItem:nth-child(n+3) {
		margin-bottom: 0;
	}

	.productItem .msg {
		position: static;
		width: 50%;
		background-color: transparent;
		padding: 10px;
	}

	.productItem .image {
		width: 50%;
	}

	.productItem:hover .msg .box,
	.productItem .msg .box {
		padding: 0;
	}

	.productItem:hover .tit,
	.productItem .tit {
		font-size: 14px;
		line-height: 24px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.productItem .tit,
	.productItem .txts {
		color: #333;

	}

	.productItem .txts {
		margin-bottom: 10px;
	}

	.productItem .btn,
	.productItem .btn:hover {
		width: 110px;
		background-color: transparent;
		color: #005eb8 !important;
		border: 1px solid #005eb8;
	}

	.productItem .btn:hover i {
		transform: translateY(0);
	}
}

@media screen and (max-width:768px) {
	.iProduct .types .list .productItem:nth-child(n) {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}

	.productItem:nth-child(n) {
		flex-direction: column;
		align-items: flex-start;
	}

	.iProduct .types .list .productItem:nth-child(2n) {
		margin-right: 0;
	}

	.iProduct .types .list .productItem:nth-child(n+3) {
		margin-bottom: 0;
	}

	.productItem .image {
		width: 100%;
		max-width: 330px;
		margin: 0 auto;
	}

	.productItem .msg {
		width: 100%;
		padding: 10px 0;
	}

	.productItem .txts {
		font-size: 12px !important;
		line-height: 24px !important;
	}

	.productItem .btn {
		font-size: 12px !important;
	}

	.iProduct .types .type {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:538px) {
	.iProduct .types .type {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:450px) {
	.iProduct .types .list .productItem:nth-child(n) {
		padding: 0;
	}

	.productItem .msg {
		padding: 10px;
	}
}





/* indexM4-1 */

.side {
	padding: 64px 0 62px 0;
	background-image: url("../images/indexM4-1.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #000000;
}



.side .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 48px;
	line-height: 60px;
	color: #ffffff;
	display: block;
	text-align: center;
	width: 80%;
	margin: 0 auto 15px;
}

.side .txts {
	font-family: HelveticaLTStd-Cond;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
	width: 80%;
	margin: 0 auto 39px;
}


.side .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #ffffff;
	width: 160px;
	height: 50px;
	background-color: #005eb8;
	margin: 0 auto;
}

.side .btn:hover {
	background-color: #ffffff;
}

@media screen and (max-width:1600px) {
	.side .btn {
		height: 40px;
	}
}

@media screen and (max-width:1333px) {
	.side .btn {
		height: 35px;
		width: 120px;
	}

	.side .txts {
		margin: 0 auto 30px;
	}
}

@media screen and (max-width:999px) {
	.side .btn {
		height: 30px;
	}

	.side .title1 {
		margin: 0 auto 10px;
	}

	.side .txts {
		margin: 0 auto 20px;
	}
}


@media screen and (max-width:538px) {
	.side .txts {
		width: 90%;
	}
}


/* indexM5-1 */


.iService {
	padding: 87px 0 100px 0;
}

.services .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 53px;
}


.services .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 48px;
	line-height: 60px;
	color: #222222;
	flex-shrink: 0;
	margin-right: 14.7%;
}

.services a.title1:hover {
	color: #005eb8;
}

.services .title .txts {
	flex: 1;
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 30px;
	color: #555555;
}


.services .list {
	display: flex;
	flex-wrap: wrap;
}



.services .list .item {
	width: 18.6%;
	margin-right: 1.75%;
	margin-bottom: 23px;
	padding: 29px 20px 26px 20px;
	min-height: 300px;
	flex: auto;
}


.services .list .item:nth-child(5n) {
	margin-right: 0;
}

.services .list .item:nth-child(n+6) {
	margin-bottom: 0;
}


.services .list .image {
	width: 33px;
	height: 33px;
	margin-bottom: 21px;
}



.services .list .tit {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	display: block;
	margin-bottom: 16px;
}

.services .list .item:nth-child(2n-1) a.tit:hover {
	color: #ffffff !important;
	text-decoration: underline;
}

.services .list .item:nth-child(2n) a.tit:hover {
	color: #005eb8;
}


.services .list .txts {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 24px;
	color: #555555;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}


.services .list .item:nth-child(2n) {
	background-color: #eff2f5;
}



.services .list .item:nth-child(2n-1) {
	background-color: #005eb8;
}



.services .list .item:nth-child(2n-1) .image img {
	filter: grayscale(1000%) brightness(1000%);
}

.services .list .item:nth-child(2n-1) a,
.services .list .item:nth-child(2n-1) div {
	color: #ffffff;
}

@media screen and (max-width:1600px) {
	.services .list .item {
		min-height: auto;
		padding: 20px;
	}

	.services .list .tit {
		font-size: 18px;
		line-height: 28px;
	}

	.services .list .image {
		margin-bottom: 15px;
	}

	.services .list .tit {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:1333px) {
	.services .list .item:nth-child(n) {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 20px;
	}

	.services .list .item:nth-child(3n) {
		margin-right: 0;
	}

	.services .list .item:nth-child(n+10) {
		margin-bottom: 0;
	}


}

@media screen and (max-width:999px) {
	.services .list .tit {
		font-size: 16px;
		line-height: 26px;
	}

	.services .list .image {
		width: 30px;
		height: 30px;
		margin-bottom: 10px;
	}

	.services .title1 {
		margin-right: 0%;
		margin-bottom: 30px;
	}

	.services .title {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 40px;
	}

	.services .title1 br {
		display: none;
	}
}

@media screen and (max-width:768px) {
	.services .list .item:nth-child(n) {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}

	.services .list .item:nth-child(2n) {
		margin-right: 0;
	}

	.services .list .item:nth-child(n+9) {
		margin-bottom: 0;
	}

	.services .list .image {
		width: 28px;
		height: 28px;
	}

	.services .list .tit {
		font-size: 14px;
		line-height: 24px;
	}

	.services .title1 {
		margin-bottom: 20px;
	}

	.services .title {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:450px) {
	.services .list .item:nth-child(n) {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 20px;
	}

	.services .list .item:last-child {
		margin-bottom: 0;
	}

	.services .list .image {
		width: 26px;
		height: 26px;
	}
}





/* indexM6-1 */


.iFeatured {
	padding: 69px 0 100px 0;
	background-color: #f5f5f5;
}


.iFeatured .tips {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 44px;
}



.iFeatured .tips .btns {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	transform: translateY(9px);
}


.iFeatured .tips .btns div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: solid 1px #005eb8;
	color: #005eb8;
	cursor: pointer;
	font-size: 18px;
}

.iFeatured .tips .btns div.prev {
	margin-right: 18px;
}


.iFeatured .tips .btns div:hover {
	background-color: #005eb8;
	color: #ffffff;
}





.iFeatured .title {
	width: 58%;
}


.iFeatured .title .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 48px;
	line-height: 60px;
	color: #222222;
	margin-bottom: 25px;
	display: block;
}



.iFeatured .title .txts {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 30px;
	color: #555555;
}


.projectItem {
	position: relative;
	overflow: hidden;
}


.projectItem .msg {
	position: absolute;
	width: 100%;
	bottom: 0;
	background-color: rgba(8, 24, 39, 0.8);
	padding: 18px 35px 30px 35px;
	transform: translateY(179px);
}


.projectItem .txts {
	max-height: 90px;
	overflow: auto;
	padding-right: 10px;
}

.projectItem .txts::-webkit-scrollbar {
	width: 4px;
	height: 6px;
	background-color: #00000040;
	border-radius: 10px;
}

.projectItem .txts::-webkit-scrollbar-thumb {
	background-color: #005eb8;
	border-radius: 10px;
}

.projectItem .txts::-webkit-scrollbar-track {
	background-color: transparent;
}

.projectItem:hover .msg {
	transform: translateY(0px);
	padding: 29px 35px 30px 35px;
}



.projectItem .tit {
	font-family: HelveticaLTStd-Cond;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-bottom: 14px;
}


.projectItem .txts {
	margin-bottom: 22px;
}

.projectItem .txts p {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
}

.projectItem .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 170px;
	height: 45px;
	background-color: #005eb8;
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	color: #ffffff;
}

.projectItem .btn i {
	flex-shrink: 0;
	margin-left: 11px;
	margin-right: 2px;
	font-size: 18px;
}


.projectItem .btn:hover {
	background-color: #ffffff;
}


.projectItem .btn:hover i {
	color: #005eb8;
}


.projectItem .image {
	overflow: hidden;
}

.projectItem .image:hover img {
	transform: scale(1, 1);
}

@media screen and (max-width:1600px) {
	.projectItem .msg {
		padding: 20px 30px;
		transform: translateY(175px);
	}

	.projectItem:hover .msg {
		padding: 20px 30px;
	}

	.iFeatured .tips .btns {
		transform: translateY(0);
	}
}

@media screen and (max-width:1333px) {
	.iFeatured .tips .btns div {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.iFeatured .title {
		width: 70%;
	}

	.iFeatured .tips {
		margin-bottom: 40px;
	}

	.projectItem .tit {
		font-size: 18px;
	}

	.projectItem .btn {
		height: 40px;
		width: 140px;
	}

	.projectItem .msg {
		padding: 20px 20px;
		transform: translateY(160px);
	}

	.projectItem:hover .msg {
		padding: 20px 20px;
	}

	.projectItem .txts {
		max-height: 84px;
	}

}

@media screen and (max-width:999px) {
	.projectItem .msg {
		transform: translateY(0px);
		padding: 15px;
	}

	.projectItem:hover .msg {
		padding: 15px;
	}

	.projectItem .tit {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.projectItem .txts {
		max-height: 78px;
		margin-bottom: 15px;
	}

	.projectItem .btn {
		height: 35px;
		width: 120px;
	}

	.projectItem .btn i {
		font-size: 16px;
	}

	.iFeatured .tips .btns div {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}
}

@media screen and (max-width:768px) {
	.projectItem .tit {
		font-size: 14px;
		line-height: 24px;
		color: #333333;
	}

	.projectItem .msg {
		position: static;
		background-color: #ffffff;
	}

	.projectItem .txts p {
		color: #555555;
	}

	.projectItem .btn:hover {
		color: #fff !important;
		background-color: #005eb8;
	}

	.projectItem .btn:hover i {
		color: #ffffff;
	}

	.projectItem .msg,
	.projectItem:hover .msg {
		padding: 15px 10px;
	}

	.projectItem .btn {
		height: 30px;
	}

	.projectItem .btn i {
		font-size: 14px;
	}

	.iFeatured .tips .btns div {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}
}

@media screen and (max-width:538px) {
	.iFeatured .tips {
		flex-direction: column;
		align-items: flex-start;
	}

	.iFeatured .title .title1 {
		margin-bottom: 20px;
	}

	.iFeatured .title {
		width: 100%;
		margin-bottom: 30px;
	}

	.iFeatured .tips {
		margin-bottom: 20px;
	}

	.projectItem .msg,
	.projectItem:hover .msg {
		padding: 10px 10px;
	}
}




/* indexM7-1 */

.iCountries {
	padding: 88px 0 100px 0;
}


.iCountries .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 48px;
	line-height: 60px;
	color: #222222;
	margin-bottom: 11px;
	display: block;
}

.iCountries .txts {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 28px;
	color: #555555;
	margin-bottom: 15px;
}


.iCountries .image {
	width: 100%;
}


.iCountries .image:hover img {
	transform: scale(1, 1);
}




/* indexM8-1 */

.iFactory {
	position: relative;
}


.iFactory img {
	display: block;
}

.iFactory .con {
	position: absolute;
	height: 100%;
	padding: 89px 0 84px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}

.iFactory .con .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 48px;
	line-height: 60px;
	color: #ffffff;
	display: block;
	margin-bottom: 12px;
	text-align: center;
}


.iFactory .con .txts {
	font-family: HelveticaLTStd-Cond;
	font-size: 30px;
	line-height: 45px;
	color: #ffffff;
	text-align: center;
}


.iFactory .con .list {
	display: flex;
	flex-wrap: wrap;
	width: 55%;
	margin: 0 auto;
	transform: translateX(12.6%);
}
.iFactory .con .list .item {
	display: flex;
	align-items: center;
	flex: auto;
	margin-right: 20px;
	margin-bottom: 25px;
}

.iFactory .con .list .item:first-child {
	width: 100%;
	margin-right: 0;
}


.iFactory .con .list .item i {
	flex-shrink: 0;
	font-size: 26px;
	margin-right: 10px;
	color: #ffffff;
}

.iFactory .con .list .item .image {
	width: 50px;
	flex-shrink: 0;
	margin-right: 15px;
}


.iFactory .con .list .item .name {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
}

@media screen and (max-width:1600px) {
	.iFactory .con .list {
		transform: translateX(0%);
	}
	.iFactory .con {
		padding: 60px 0 40px 0;
	}

	.iFactory .con .list {
		width: 70%;
	}

	.iFactory .con .txts {
		font-size: 24px;
		line-height: 30px;
	}

	.iFactory .con .list .item i {
		font-size: 22px;
		line-height: 30px;
	}

	.iFactory .con .list .item .image {
		width: 40px;
	}

	.iFactory .con .list .item .name {
		font-size: 16px;
		line-height: 26px;
	}
}

@media screen and (max-width:1333px) {
	.iFactory .con .list {
		width: 80%;
	}

	.iFactory .con .list .item i {
		font-size: 18px;
	}

	.iFactory .con .list .item .image {
		width: 35px;
	}

	.iFactory .con {
		padding: 50px 0 20px 0;
	}
}

@media screen and (max-width:999px) {
	.iFactory .con .list .item {
		margin-bottom: 20px;
	}

	.iFactory .con .list {
		width: 90%;
	}

	.iFactory .con .list .item .image {
		width: 30px;
	}

	.iFactory .con .list .item i {
		font-size: 16px;
	}
}

@media screen and (max-width:768px) {
	.iFactory {
		display: flex;
		flex-direction: column-reverse;
	}

	.iFactory .con {
		position: static;
		transform: translateY(0);
		padding: 40px 0 20px;
	}

	.iFactory .con .title1,
	.iFactory .con .txts,
	.iFactory .con .list .item .name {
		color: #333333;
	}

	.iFactory .con .title {
		margin-bottom: 30px;
	}

	.iFactory .con .list .item i {
		color: #333333;
	}

	.iFactory .con .list .item .image {
		box-shadow: 0 0 10px rgba(122, 122, 122, .3);
		width: 26px;
	}

	.iFactory .con .list .item {
		margin-bottom: 15px;
	}
}

@media screen and (max-width:538px) {
	.iFactory .con {
		padding: 30px 0 20px 0;
	}

	.iFactory .con .list .item {
		margin-right: 10px;
	}
}





/* indexM9-1 */

.iNews {
	padding: 90px 0 80px 0;
	background-image: url("../images/indexM9-bg.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.iNews .title1 {
	display: block;
	font-family: HelveticaLTStd-BlkCond;
	font-size: 48px;
	line-height: 60px;
	color: #222222;
	margin-bottom: 42px;
}


.iNews .msg {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.iNews .msg .list {
	width: 61%;
	margin-top: -18px;
}



.iNews .msg .honor {
	width: 37.4%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transform: translateY(-12.4%) translateX(6%);
}

.iNews .newItem {
	margin-bottom: 31px;
}

.iNews .newItem:last-child {
	margin-bottom: 0;
}

.newItem {
	display: flex;
	align-items: center;
}


.newItem .image {
	width: 285px;
	flex-shrink: 0;
	margin-right: 33.5px;
	overflow: hidden;
}

.newItem .tit {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 20px;
	line-height: 26px;
	color: #222222;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-top: -5px;
}

.newItem .time {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 30px;
	color: #999999;
	margin-bottom: 20px;
}

.newItem .txts {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 24px;
	color: #444444;
}

.newItem .des {
	position: relative;
	flex: 1;
}


.iNews .honor .name {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 18px;
	line-height: 28px;
	color: #222222;
}

.iNews .msg .honor .image {
	position: relative;
	z-index: 2;
}

.iNews .msg .honor .shadow {
	width: 100%;
	margin-top: -21px;
	margin-bottom: -16px;
}



.iNews .msg .honor .image:hover img {
	transform: scale(1, 1);
}


.iNews .msg .honor .image:hover {
	box-shadow: 0 0 20px rgba(122, 122, 122, .5);
}


@media screen and (max-width:1600px) {
	.iNews .msg .list {
		margin-top: 0;
	}

	.iNews .msg .honor {
		transform: translateY(0);
	}

	.newItem .image {
		width: 220px;
	}

	.newItem .tit {
		margin-top: 0;
		font-size: 18px;
		line-height: 28px;
	}

	.iNews .msg .honor .image {
		max-width: 250px;
	}

	.newItem .time {
		line-height: 26px;
	}

	.iNews .title1 {
		margin-bottom: 45px;
	}
}

@media screen and (max-width:1333px) {
	.newItem .image {
		width: 180px;
		margin-right: 20px;
	}

	.newItem .time {
		margin-bottom: 10px;
	}

	.iNews .msg .honor .image {
		max-width: 200px;
	}
}

@media screen and (max-width:999px) {
	.iNews .title1 {
		margin-bottom: 40px;
	}

	.newItem .tit {
		font-size: 16px;
		line-height: 26px;
	}

	.newItem .image {
		width: 160px;
	}

	.iNews .msg .honor .image {
		max-width: 170px;
	}
}

@media screen and (max-width:768px) {
	.iNews .msg {
		flex-direction: column;
		align-items: flex-start;
	}

	.iNews .msg .list {
		width: 100%;
	}

	.newItem .tit {
		font-size: 14px;
		line-height: 24px;
	}

	.iNews .newItem {
		margin-bottom: 20px;
	}

	.iNews .title1 {
		margin-bottom: 30px;
	}

	.iNews .msg .list {
		margin-bottom: 30px;
	}

	.iNews .msg .honor {
		max-width: 270px;
		width: 100%;
		margin: 0 auto;
	}

	.iNews .msg .honor .shadow {
		margin-top: -12px;
	}
}

@media screen and (max-width:538px) {
	.iNews .title1 {
		margin-bottom: 30px;
	}

	.newItem .image {
		margin-right: 15px;
	}
}

@media screen and (max-width:450px) {
	.newItem {
		flex-direction: column;
		align-items: flex-start;
	}

	.newItem .image {
		width: 100%;
		max-width: 280px;
		margin: 0 auto 10px;
	}

	.newItem .time {
		margin-bottom: 5px;
	}

	.iNews .title1 {
		text-align: center;
	}

	.newItem {
		max-width: 300px;
		margin: 0 auto 20px;
	}
}


/* 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: Verdana, Geneva, sans-serif;
}

#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px
}

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, -moz-transform .4s ease;
	transition: left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight .4s ease-out;
	animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft .4s ease-out;
	animation: bounceFromLeft .4s ease-out
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px
}

.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50, 50, 50, .5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color .4s ease;
	transition: background-color .4s ease;
}

.baguetteBox-button:hover {
	background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
	right: 2%
}

.baguetteBox-button#previous-button {
	left: 2%
}

.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px
}

.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0
}

.spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes bounceFromRight {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0
	}
}

@keyframes bounceFromRight {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0
	}
}

@-webkit-keyframes bounceFromLeft {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0
	}
}

@keyframes bounceFromLeft {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0
	}
}

@-webkit-keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}
}





/* 1-1about */

.overView {
	padding: 69px 0 83px 0;
	position: relative;
}

.overView::after {
	content: "";
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	width: 77%;
	background-color: #f5f5f5;
	z-index: -1;
}

.overView .con {
	position: relative;
}

.overView .con .msg {
	width: 49.9%;
}


.overView .con .msg .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #222222;
	margin-bottom: 18px;
}

.overView .con .msg .txts {
	max-height: 500px;
	overflow: auto;
	padding-right: 49px;
}


.overView .con .msg .txts p {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 36px;
	color: #333333;
}


.overView .con .msg .txts p strong {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 20px;
}

.overView .con .msg .txts::-webkit-scrollbar {
	width: 3px;
	background-color: rgba(0, 0, 0, .1);
	border-radius: 10px;
}

.overView .con .msg .txts::-webkit-scrollbar-thumb {
	background-color: #005eb8;
	border-radius: 10px;
}

.overView .con .msg .txts::-webkit-scrollbar-track {
	background-color: transparent;
}


.overView .swiper {
	position: absolute;
	right: 0;
	width: 46.9%;
	top: 50%;
	transform: translateY(-48.8%);
}


.overView .swiper .video {
	position: relative;
	cursor: pointer;
}

.overView .swiper .video:hover .playBtn img {
	transform: scale(1.1, 1.1);
}


.overView .swiper .video .playBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 75px;
}

.overView .con .sbtns {
	position: absolute;
	bottom: -49px;
	right: 0;
	z-index: 9;
}

@media screen and (max-width:1600px) {
	.overView .con .msg .txts p {
		font-size: 16px;
		line-height: 28px;
	}

	.overView .con .msg .title1 {
		margin-bottom: 40px;
	}

	.overView .con .msg .txts p strong {
		font-size: 18px;
	}

	.overView .con .msg .txts {
		max-height: 400px;
	}

	.overView .con .sbtns {
		bottom: 0;
		transform: translateY(50%);
	}

	.overView .swiper .video .playBtn {
		width: 60px;
	}
}

@media screen and (max-width:1333px) {
	.overView .con .msg .txts {
		padding-right: 30px;
		max-height: 300px;
	}

	.overView .swiper .video .playBtn {
		width: 50px;
	}

	.overView .con .sbtns {
		transform: translateY(100%);
	}
}

@media screen and (max-width:999px) {
	.overView .con .msg .txts p strong {
		font-size: 16px;
	}

	.overView .con .msg .title1 {
		margin-bottom: 30px;
	}

	.overView .con .msg .txts {
		max-height: 230px;
	}

	.overView .swiper {
		transform: translateY(-50%);
	}

	.overView .con .sbtns {
		transform: translateY(80%);
	}

	.overView .swiper .video .playBtn {
		width: 45px;
	}
}

@media screen and (max-width:768px) {
	.overView .swiper {
		position: static;
		transform: translateY(0);
		width: 100%;
		max-width: 500px;
		width: calc(100% - 120px);
		margin: 0 auto;
	}

	.overView .con .msg {
		width: 100%;
	}

	.overView .con .msg .txts p strong {
		font-size: 14px;
		line-height: 24px;
	}

	.overView .con .sbtns {
		width: 100%;
		justify-content: space-between;
		bottom: -60%;
		transform: translateY(50%);
	}

	.overView .con .msg .txts {
		margin-bottom: 30px;
		max-height: 210px;
	}
}

@media screen and (max-width:538px) {
	.overView .con .sbtns {
		position: static;
		justify-content: flex-start;
		transform: translateY(0);
		margin-bottom: 10px;
	}

	.overView .swiper {
		width: calc(100% - 30px);
	}

	.overView .con .msg .title1 {
		margin-bottom: 20px;
	}

	.overView .con .msg .txts {
		max-height: 170px;
		padding-right: 20px;
		margin-bottom: 20px;
	}
}









.numberList {
	padding: 46px 0 68px 0;
}


.numberList .con {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.numberList .con .item {
	flex-shrink: 0;
	display: flex;
	align-items: flex-start;
}

.numberList .con .item:nth-child(4n) {
	margin-right: 0;
}



.numberList .con .item .image {
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 12px;
	width: 64px;
	height: 64px;
	overflow: hidden;
}


.numberList .con .item .num {
	display: flex;
	align-items: flex-end;
	margin-bottom: 4px;
}

.numberList .con .item .num span {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 48px;
	line-height: 48px;
	color: #222222;
}

.numberList .con .item .num i {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	color: #222222;
	font-style: normal;
}

.numberList .con .item .name {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 28px;
	color: #666666;
}


@media screen and (max-width:1600px) {
	.numberList .con .item .num span {
		font-size: 40px;
		line-height: 40px;
	}

	.numberList .con .item .image {
		width: 60px;
		height: 60px;
	}

	.numberList {
		padding: 60px 0;
	}
}

@media screen and (max-width:1333px) {
	.numberList {
		padding: 50px 0;
	}

	.numberList .con .item .num span {
		font-size: 34px;
		line-height: 34px;
	}

	.numberList .con .item .image {
		width: 50px;
		height: 50px;
	}

	.numberList .con .item .num i {
		font-size: 16px;
	}
}

@media screen and (max-width:999px) {
	.numberList .con {
		justify-content: flex-start;
	}

	.numberList .con .item {
		flex: auto;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 30px;
	}

	.numberList .con .item:nth-child(3n) {
		margin-right: 0;
	}

	.numberList .con .item:last-child {
		margin-bottom: 0;
	}

	.numberList .con .item .num span {
		font-size: 30px;
		line-height: 30px;
	}

	.numberList .con .item .num {
		margin-bottom: 5px;
	}

	.numberList .con .item .image {
		margin-right: 15px;
	}
}

@media screen and (max-width:768px) {
	.numberList .con .item:nth-child(n) {
		flex: auto;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 30px;
	}

	.numberList .con .item:nth-child(2n) {
		margin-right: 0;
	}

	.numberList .con .item:nth-child(n+3) {
		margin-bottom: 0;
	}

	.numberList .con .item .image {
		width: 45px;
		height: 45px;
	}

	.numberList .con .item .num i {
		font-size: 14px;
	}

	.numberList .con .item .num span {
		font-size: 28px;
		line-height: 28px;
	}

	.numberList {
		padding: 40px 0;
	}
}

@media screen and (max-width:538px) {
	.numberList {
		padding: 30px 0;
	}

	.numberList .con .item .image {
		width: 40px;
		height: 40px;
	}

	.numberList .con .item .num span {
		font-size: 26px;
		line-height: 26px;
	}
}


@media screen and (max-width:450px) {
	.numberList .con .item:nth-child(n) {
		flex-direction: column;
		align-items: flex-start;
	}

	.numberList .con .item .image {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.numberList .con .item .num span {
		font-size: 24px;
		line-height: 24px;
	}
}



.team {
	margin-bottom: 82px;
}



.team .title1 {
	text-align: center;
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #222222;
	margin-bottom: 55px;
}


.team .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 54px;
}


.team .item:last-child {
	margin-bottom: 0;
}


.team .item .image {
	width: 42.9%;
}


.team .item .msg {
	width: 50.75%;
}


.team .item:nth-child(2n) {
	flex-direction: row-reverse;
}




.team .title {
	position: relative;
	display: inline-block;
	margin-bottom: 36px;
}


.team .title p {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 22px;
	line-height: 36px;
	color: #333333;
	padding-right: 60px;
}


.team .title::after {
	content: "";
	position: absolute;
	width: 50px;
	height: 38px;
	right: -32px;
	top: 0;
	background-image: url("../images/aboutM3-2.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


.team .txts {
	margin-bottom: 71px;
}


.team .txts p {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 30px;
	color: #555555;
	hyphens: auto;
}




.team .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 170px;
	height: 45px;
	background-color: #005eb8;
	border: 1px solid #005eb8;
	color: #ffffff;
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
}

.team .btn i {
	width: 21px;
	height: 21px;
	background-color: #ffffff;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #005eb8;
	flex-shrink: 0;
	margin-right: 10px;
	margin-left: 1px;
}



.team .btn:hover {
	background-color: #ffffff;
	color: #005eb8;
}

.team .btn:hover i {
	background-color: #005eb8;
	color: #ffffff;
}

@media screen and (max-width:1600px) {
	.team .title p {
		font-size: 20px;
	}

	.team .title::after {
		width: 43px;
		height: 32px;
		right: -20px;
		top: 0;
	}

	.team .title {
		margin-bottom: 30px;
	}

	.team .txts {
		margin-bottom: 50px;
	}

	.team .btn {
		height: 40px;
		font-size: 16px;
		width: 160px;
	}

	.team .title1 {
		font-size: 36px;
		line-height: 45px;
	}

	.team {
		margin-bottom: 80px;
	}
}

@media screen and (max-width:1333px) {
	.team .title p {
		font-size: 18px;
		line-height: 28px;
	}

	.team .title1 {
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 40px;
	}

	.team .title {
		margin-bottom: 20px;
	}

	.team .txts {
		margin-bottom: 40px;
	}

	.team .item {
		margin-bottom: 60px;
	}

	.team .btn {
		height: 35px;
		width: 140px;
	}

	.team .title::after {
		width: 35px;
		height: 27px;
		right: 0px;
	}

	.team {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:999px) {
	.team .txts p {
		font-size: 14px;
		line-height: 26px;
	}

	.team .title p {
		font-size: 16px;
		line-height: 28px;
	}

	.team .txts {
		margin-bottom: 30px;
	}

	.team .btn {
		height: 30px;
		font-size: 14px;
		width: 120px;
	}

	.team .btn i {
		width: 18px;
		height: 18px;
		font-size: 12px;
	}

	.team .item {
		margin-bottom: 50px;
	}

	.team {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.team .txts p {
		font-size: 12px;
		line-height: 24px;
	}

	.team .title p {
		font-size: 14px;
		line-height: 26px;
	}

	.team .title::after {
		width: 28px;
		height: 20px;
	}

	.team .title1 {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.team .item:nth-child(n) {
		flex-direction: column;
		align-items: flex-start;
		max-width: 500px;
		margin: 0 auto 50px;
	}

	.team .item:last-child {
		margin-bottom: 0;
	}


	.team .item .image {
		width: 100%;
		margin-bottom: 20px;
	}

	.team .item .msg {
		width: 100%;
	}

	.team .btn {
		font-size: 12px;
	}

	.team {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:538px) {
	.team {
		margin-bottom: 30px;
	}

	.team .item:nth-child(n) {
		max-width: 350px;
		margin: 0 auto 40px;
	}

	.team .title1 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.team .txts {
		margin-bottom: 20px;
	}
}








.awards {
	background-color: #f5f5f5;
	padding: 65px 0 79px 0;
}

.awards .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 55px;
}



.awards .title .title1 {
	font-size: 40px;
	line-height: 60px;
	color: #222222;
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #222222;
	flex-shrink: 0;
	margin-right: 30px;
}

.awards .checkBtns {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	flex: 1;
	justify-content: flex-end;
	transform: translateY(1px);
}


.awards .checkBtns .checkBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 200px;
	height: 50px;
	padding: 0 20px;
	border: solid 1px #cccccc;
	cursor: pointer;
	margin-left: 22px;
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
}


.awards .checkBtns .checkBtn:hover,
.awards .checkBtns .checkBtn.current {
	background-color: #005eb8;
	color: #ffffff;
	border-color: #005eb8;
}

.awards .swiperBox {
	padding: 0 21px;
	margin-bottom: 18px;
}

.awards .swiper {
	overflow: visible;
}



.awards .swiper .image:hover img {
	transform: scale(1, 1);
}

.awards .swiper .image {
	box-shadow: 0px 10px 30px rgba(122, 122, 122, .4);
	margin-bottom: 30px;
}


.awards .swiper .image:hover {
	box-shadow: 0 0 0 rgba(122, 122, 122, 0);
}

.awards .swiper .swiper-slide {
	opacity: 0;
	pointer-events: none;
	transition: .3s linear opacity;
}

.awards .swiper .swiper-slide.swiper-slide-visible {
	opacity: 1;
	pointer-events: all;
}

.awards .name {
	text-align: center;
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 24px;
	color: #555555;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}



.awards .sbtns {
	justify-content: center;
}

@media screen and (max-width:1600px) {
	.awards .checkBtns {
		transform: translateY(0);
	}

	.awards .checkBtns .checkBtn {
		height: 40px;
		min-width: 120px;
	}

	.awards .title {
		margin-bottom: 60px;
	}

	.awards .swiper .image {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:1333px) {
	.awards .checkBtns .checkBtn {
		height: 35px;
		font-size: 16px;
	}

	.awards .title {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:999px) {
	.awards .swiperBox {
		padding: 0;
	}

	.awards .checkBtns .checkBtn {
		min-width: 50px;
		height: 30px;
		font-size: 14px;
	}

	.awards .title {
		margin-bottom: 40px;
	}

	.awards .swiper .image {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:768px) {
	.awards .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.awards .title .title1 {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.awards .title {
		margin-bottom: 30px;
	}

	.awards .checkBtns .checkBtn {
		font-size: 12px;
	}

	.awards .checkBtns {
		justify-content: flex-start;
	}

	.awards .checkBtns .checkBtn {
		margin-left: 0px;
		margin-right: 10px;
	}

	.awards .checkBtns .checkBtn:last-child {
		margin-right: 0;
	}
}

@media screen and (max-width:538px) {
	.awards .swiper .image {
		max-width: 240px;
		margin: 0 auto 20px;
	}
}











.responsibility {
	padding: 63px 0 64px 0;
}



.responsibility .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #222222;
	margin-bottom: 17px;
}

.responsibility .txts p {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 36px;
	color: #444444;
}

.responsibility .txts {
	margin-bottom: 50px;
}


.responsibility .swiper {
	margin-bottom: 25px;
}


.responsibility .swiper-pagination {
	position: static;
}


.responsibility .swiper-pagination span {
	width: 50px;
	height: 4px;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	opacity: 1;
	margin: 0 6px !important;
}

.responsibility .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: #005eb8;
}




.partners {
	margin-bottom: 82px;
}



.partners .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #222222;
	margin-bottom: 37px;
	text-align: center;
}


.partners .image {
	background-color: #ffffff;
	border: solid 1px #e5e5e5;
}

.partners .swiper-wrapper {
	transition-timing-function: linear !important;
}

@media screen and (max-width:1600px) {
	.responsibility .title1 {
		margin-bottom: 40px;
	}

	.partners {
		margin-bottom: 80px;
	}
}

@media screen and (max-width:1333px) {
	.responsibility .title1 {
		margin-bottom: 30px;
	}

	.partners {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:999px) {
	.responsibility .swiper-pagination span {
		width: 40px;
	}

	.responsibility .txts {
		margin-bottom: 40px;
	}

	.partners {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.responsibility .txts {
		margin-bottom: 30px;
	}

	.responsibility .swiper {
		margin-bottom: 20px;
	}

	.partners .title1 {
		margin-bottom: 30px;
	}

	.partners {
		margin-bottom: 40px;
	}

	.responsibility .swiper-pagination span {
		width: 30px;
	}
}

@media screen and (max-width:538px) {
	.partners {
		margin-bottom: 30px;
	}

	.responsibility .swiper-pagination span {
		width: 20px;
		height: 3px;
		margin: 0 5px !important;
	}

	.partners .title1 {
		margin-bottom: 20px;
	}

	.responsibility .title1 {
		margin-bottom: 20px;
	}
}









.design {
	padding: 72px 0 80px 0;
	background-color: #f5f5f5;
}



.design .tit {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 35px;
	color: #005eb8;
	margin-bottom: 11px;
}



.design .con {
	position: relative;
}

.design .con .msg {
	padding: 10px 0 60px 0;
}


.design .con .swiper-slide .image {
	width: 42.85714%;
	float: right;
	margin-left: 5%;
}

.design .con .swiper-slide .msg .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #222222;
	margin-bottom: 12px;
	margin-top: -24px;
}




.design .con .swiper-slide .msg .txts p {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 36px;
	color: #444444;
}


.design .con {
	position: relative;
}


.design .con .tips {
	width: 51.1%;
	position: absolute;
	bottom: 5px;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 99;
}

.design .con .tips .swiper-pagination {
	position: static;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	transform: translateY(4px);
}


.design .con .tips .swiper-pagination span.swiper-pagination-current {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 30px;
	line-height: 36px;
	color: #444444;
}

.design .con .tips .swiper-pagination span.swiper-pagination-total {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	color: #444444;
}


.design .con .tips .swiper-pagination i {
	margin: 0 4.5px;
	font-size: 20px;
	color: #444444;
	font-style: normal;
}

.design .swiper {
	overflow: visible;
	clip-path: polygon(0% -1000%, 100% -1000%, 100% 1000%, 0 1000%);
}

@media screen and (max-width:1600px) {
	.design .con .swiper-slide .msg .title1 {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.design .tit {
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 26px;
	}

	.design .con .msg {
		padding: 0;
		padding-bottom: 60px;
	}

	.design .con .tips .swiper-pagination {
		transform: translateY(0);
	}
}

@media screen and (max-width:1333px) {
	.design .con .tips .swiper-pagination span.swiper-pagination-current {
		font-size: 26px;
		line-height: 26px;
	}

	.design .con .tips .swiper-pagination span.swiper-pagination-total {
		font-size: 16px;
	}
}

@media screen and (max-width:999px) {
	.design .tit {
		font-size: 14px;
	}

	.design .con .tips .swiper-pagination span.swiper-pagination-current {
		font-size: 22px;
		line-height: 22px;
	}
}

@media screen and (max-width:768px) {
	.design .tit {
		font-size: 12px;
	}

	.design .con .tips .swiper-pagination i {
		font-size: 16px;
	}
}

@media screen and (max-width:538px) {
	.design .con .swiper-slide .image {
		width: 100%;
		max-width: 300px;
		float: none;
		margin: 0 auto 20px;
	}

	.design .con .tips {
		width: 100%;
	}
}


/* 2-2MESH FENCE */

.productDet {
	padding: 88px 0 101px 0;
}


.productShow {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 30px;
}


.productShow .swiperBox {
	width: 42.857142%;
	position: relative;
}



.productShow .jianjie {
	width: 52.2%;
	padding: 13px 0;
}



.productShow .swiperBox .showSipwer {
	margin-bottom: 18px;
	overflow: hidden;
}


.productShow .swiperBox .checkSwiper {
	overflow: hidden;
	padding: 0 58px;
	position: relative;
}



.productShow .swiperBox .checkSwiper .iconfont {
	height: 100%;
	width: 40px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #eeeeee;
	color: #999999;
	font-size: 22px;
	cursor: pointer;
	z-index: 99;
}


.productShow img {
	display: block;
}

.productShow .swiperBox .checkSwiper .prev {
	left: 0;
}


.productShow .swiperBox .checkSwiper .next {
	right: 0;
}

.productShow .swiperBox .checkSwiper .iconfont:hover {
	background-color: #005eb8;
	color: #ffffff;
}

.productShow .checkSwiper .swiper-slide {
	position: relative;
	cursor: pointer;
	opacity: 0;
	transition: .4s ease opacity;
}

.productShow .checkSwiper .swiper-slide.swiper-slide-visible {
	opacity: 1;
}


.productShow .checkSwiper .swiper-slide::after {
	content: "";
	position: absolute;
	border: solid 2px transparent;
	transition: .4s ease border;
	pointer-events: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
}

.productShow .checkSwiper .swiper-slide.swiper-slide-thumb-active::after {
	border: solid 3px #005eb8;
}


.jianjie h1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #222222;
	margin-bottom: 20px;
	font-weight: normal;
}




.jianjie .share {
	display: flex;
	align-items: center;
	margin-bottom: 27px;
}


.jianjie .share span {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 28px;
	color: #555555;
	margin-right: 16px;
}



.jianjie form {
	background-color: #efefef;
	padding: 27px 30px 44px 42px;
	overflow: hidden;
	margin-bottom: 14px;
}


.jianjie form input,
.jianjie form select {
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.jianjie form input {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 36px;
	color: #222222;
}

.jianjie form .tit {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
}


.jianjie form .txts {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 30px;
	color: #444444;
	margin-bottom: 22px;
}

.jianjie form ul {
	margin-bottom: 20px;
}

.jianjie form li {
	position: relative;
	padding: 12px 0 9px 0;
	display: flex;
	align-items: flex-start;
	align-items: center;
}


.jianjie form li::after {
	content: "";
	position: absolute;
	width: 200%;
	height: 1px;
	background-color: #cccccc;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.jianjie form li .name {
	flex-shrink: 0;
	width: 130px;
	font-family: HelveticaLTStd-BoldCond;
	font-size: 18px;
	line-height: 36px;
	color: #222222;
	margin-right: 30px;
}


.jianjie form li .num {
	flex: 1;
}

.jianjie form li .wige {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}


.jianjie form li .wige .box {
	width: 56px;
	height: 30px;
	background-color: #ffffff;
	border-radius: 4px;
	margin-right: 10px;
	overflow: hidden;
	outline: 1px solid transparent;

}

.jianjie form li .wige .box.active {
	outline: 1px solid #222222;
}

.jianjie form li .wige .box:last-child {
	margin-right: 0;
}

.jianjie form li .wige .box input {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #222222;
	text-align: center;
}

.jianjie form li .height .box {
	width: 199px;
	height: 30px;
	background-color: #ffffff;
	border-radius: 4px;
	padding: 0 10px;
	margin-top: 5px;
	margin-bottom: 2px;
	position: relative;
}

.jianjie form li .height .box i {
	position: absolute;
	right: 8.5px;
	bottom: 8px;
	z-index: 99;
	pointer-events: none;
	font-size: 16px;
	background-color: #ffffff;
}



.jianjie form li .height select {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #222222;
}

.jianjie form li .height .box {
	outline: 2px solid transparent;
}

.jianjie form li .height .box.active {
	outline: 2px solid #222222;
}

.jianjie form li .length {
	display: flex;
	align-items: center;
}

.jianjie form li .length .box {
	width: 108px;
	height: 30px;
	background-color: #ffffff;
	border-radius: 4px;
	padding: 0 10px;
	outline: 1px solid transparent;
	margin-top: 5px;
	margin-bottom: 3px;
}

.jianjie form li .length .box.active {
	outline: 1px solid #222222;
}



.jianjie form li .length i {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 36px;
	color: #222222;
	font-style: normal;
	margin-left: 6px;
}


.jianjie form li .color {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.jianjie form li .color .checkBox {
	width: 60px;
	height: 30px;
	border-radius: 4px;
	margin-right: 7px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
}

.jianjie form li .color .checkBox::after {
	content: "";
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid transparent;
	z-index: 9;
	pointer-events: none;
	transition: .4s ease all;
}



.jianjie form li .color .checkBox.active::after {
	border: 2px solid #005eb8;
}

.jianjie form li .color .checkBox input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 9;
	cursor: pointer;
}


.jianjie form li .assemly {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.jianjie form li .assemly .checkBox {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-color: #ffffff;
	height: 30px;
	border-radius: 4px;
	overflow: hidden;
	padding: 0 16.5px;
	margin-right: 11px;
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 26px;
	color: #222222;
	margin-bottom: 5px;
}


.jianjie form li .assemly .checkBox.active {
	background-color: #005eb8;
	color: #ffffff;
}



.jianjie form li .assemly .checkBox input {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	cursor: pointer;
	opacity: 0;
}




.jianjie .btns {
	display: flex;
	align-items: center;
}

.jianjie .btns a , .jianjie .btns input {
	width: 170px;
	height: 45px;
	border: solid 1px #005eb8;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 11px;
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	color: #005eb8;
	cursor: pointer;
}


.jianjie .btns a:last-child {
	margin-right: 0;
}

.jianjie .btns a:hover , .jianjie .btns input:hover {
	background-color: #005eb8;
	color: #ffffff;
}

.jianjie .downLoad {
	width: 100%;
	height: 45px;
	background-color: #eeeeee;
	padding: 0 29px 0 21px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.jianjie .downLoad .name {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}


.jianjie .downLoad i {
	font-style: normal;
	font-size: 18px;
	font-weight: bold;
	color: #005eb8;
	flex-shrink: 0;
	margin-left: 30px;
}


.jianjie .downLoad:hover {
	background-color: #005eb8;
}


.jianjie .downLoad:hover i,
.jianjie .downLoad:hover .name {
	color: #ffffff;
}


/*jQzoom*/
.jqzoom {
	float: left;
	position: relative;
	padding: 0px;

}

div.zoomdiv {
	z-index: 200;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	height: 400px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
}

div.zoomdiv img {
	max-width: unset !important;
}

div.jqZoomPup {
	z-index: 200;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #aaa;
	background: #ffffff;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
	transition: none;
}


.pDescribe {
	margin-bottom: 42px;
}


.pDescribe p {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 36px;
	color: #444444;
}



.pDescribe p strong {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 30px;
	line-height: 36px;
	color: #444444;
	font-weight: normal;
	display: block;
	margin-bottom: 12px;
}

.pDescribe p i {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 20px;
	line-height: 36px;
	font-style: normal;
	color: #444444;
}



.components {
	margin-bottom: 48px;
}

.components .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.components .sbtns {
	transform: translateY(-1px);
}


.components .title .tit {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 30px;
	line-height: 36px;
	color: #444444;
}




.components .image {
	margin-bottom: 9px;
	max-width: 210px;
	margin-left: auto;
	margin-right: auto;
}


.components .name {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 26px;
	color: #444444;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.optional {
	margin-bottom: 42px;
}

.optional .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 34px;
}

.optional .sbtns {
	transform: translateY(3px);
}

.optional .title .tit {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 30px;
	line-height: 36px;
	color: #444444;
}

.optional .image {
	margin-bottom: 14px;
}

.optional .name {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 28px;
	color: #444444;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}



.productDet .faq {
	padding: 0;
	margin-bottom: 87px;
}


.productDet .faq .title {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 30px;
	line-height: 45px;
	color: #444444;
	margin-bottom: 17px;
}


.productDet .faq .list {
	margin-bottom: 0;
}



.table {
	width: 100%;
	overflow: auto;
}

.table table {
	width: 100%;
	border-collapse: collapse;
	line-height: 22px;
}

.table table tr:nth-child(2n) td {
	background-color: #fff;
}

.table table tr td {
	padding: 15px 5px;
	font-size: 16px;
	line-height: 26px;
	background-color: #f4f4f4;
	font-family: HelveticaLTStd-Cond;
	color: #555555;
}

@media screen and (max-width:1600px) {
	.productShow .jianjie {
		padding: 0;
	}

	.jianjie h1 {
		font-size: 32px;
		line-height: 45px;
		margin-bottom: 25px;
	}

	.jianjie form {
		padding: 30px;
	}

	.productShow {
		align-items: center;
	}

	.jianjie form li {
		padding: 10px 0;
	}

	.jianjie form li .name {
		font-size: 16px;
		line-height: 26px;
	}

	.jianjie form li .height .box {
		margin: 5px 0;
	}

	.jianjie form li .color .checkBox {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.jianjie .btns a {
		height: 40px;
	}

	.jianjie .downLoad {
		height: 40px;
	}

	.components .sbtns,
	.optional .sbtns {
		transform: translateY(0);
	}
}

@media screen and (max-width:1333px) {
	.jianjie h1 {
		font-size: 26px;
		line-height: 35px;
	}

	.jianjie .share {
		margin-bottom: 20px;
	}

	.jianjie form {
		padding: 20px;
	}

	.jianjie form .tit {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5px;
	}

	.jianjie form .txts {
		font-size: 16px;
		line-height: 26px;
	}

	.jianjie form li {
		padding: 6px 0;
	}

	.jianjie form li .name {
		font-size: 14px;
		line-height: 24px;
	}

	.jianjie form li .wige .box,
	.jianjie form li .height .box,
	.jianjie form li .length .box,
	.jianjie form li .assemly .checkBox {
		height: 25px;
	}

	.jianjie form li .assemly .checkBox {
		font-size: 14px;
	}

	.jianjie .btns a {
		height: 35px;
		width: 130px;
	}
    .jianjie .btns input{
        height: 26px;
        width: 110px;
        line-height: 26px;
    }
	.productShow .swiperBox {
		width: 48%;
	}

	.productShow .jianjie {
		width: 48%;
	}

	.jianjie .downLoad {
		height: 35px;
	}

	.jianjie .downLoad .name {
		font-size: 16px;
	}

	.jianjie .downLoad i {
		font-weight: normal;
	}

	.productShow .box .checkSwiper .iconfont {
		font-size: 18px;
		width: 30px;
	}

	.productShow .box .checkSwiper {
		padding: 0 55px;
	}

	.jianjie .share span {
		font-size: 14px;
		line-height: 24px;
	}

	.pDescribe p strong,
	.components .title .tit,
	.optional .title .tit,
	.productDet .faq .title {
		font-size: 28px;
		line-height: 35px;
	}

	.pDescribe p i {
		font-size: 18px;
		line-height: 28px;
	}

	.pDescribe,
	.components,
	.optional,
	.productDet .faq {
		margin-bottom: 60px;
	}

	.optional .name {
		font-size: 16px;
		line-height: 26px;
	}

	.optional .image {
		margin-bottom: 10px;
	}

	.jianjie form li .height .box i {
		bottom: 5px;
	}
}


@media screen and (max-width:999px) {
	div.jqZoomPup {
		display: none;
	}

	.zoomPad {
		cursor: default !important;
	}

	.zoomPup {
		display: none !important;
	}

	.zoomWindow {
		display: none !important;
	}

	.zoomPreload {
		display: none !important;
	}

	.productShow {
		flex-direction: column;
		align-items: flex-start;
	}

	.productShow .jianjie {
		width: 100%;
	}

	.jianjie h1 {
		font-size: 24px;
		line-height: 35px;
	}

	.productShow .swiperBox {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 30px;
	}

	.productShow .swiperBox .checkSwiper .iconfont {
		font-size: 18px;
	}

	.productShow .checkSwiper .swiper-slide.swiper-slide-thumb-active::after {
		border-width: 2px;
	}

	.productShow {
		margin-bottom: 50px;
	}

	.pDescribe,
	.components,
	.optional,
	.productDet .faq {
		margin-bottom: 50px;
	}

	.pDescribe p strong,
	.components .title .tit,
	.optional .title .tit,
	.productDet .faq .title {
		font-size: 24px;
		line-height: 30px;
	}

	.pDescribe p i {
		font-size: 16px;
	}

	.optional .name {
		font-size: 14px;
		line-height: 24px;
	}
	.table table tr td {
		padding: 10px 5px;
		font-size: 14px;
		line-height: 24px;
	}
}

@media screen and (max-width:768px) {

	.pDescribe,
	.components,
	.optional,
	.productDet .faq {
		margin-bottom: 40px;
	}

	.productShow .swiperBox {
		max-width: 450px;
	}

	.productShow .swiperBox .checkSwiper .iconfont {
		width: 30px;
		font-size: 14px;
	}

	.productShow .swiperBox .checkSwiper {
		padding: 0 50px;
	}

	.jianjie h1 {
		font-size: 22px;
		line-height: 30px;
	}

	.jianjie .share span,
	.jianjie form li .assemly .checkBox {
		font-size: 12px;
		line-height: 22px;
	}

	.jianjie form .txts,
	.jianjie form li .length i {
		font-size: 14px;
		line-height: 24px;
	}

	.jianjie form .tit {
		font-size: 14px;
		line-height: 24px;
	}

	.jianjie form li .name {
		font-size: 12px;
		line-height: 22px;
		width: 100px;
	}

	.pDescribe p strong,
	.components .title .tit,
	.optional .title .tit,
	.productDet .faq .title {
		font-size: 20px;
	}

	.pDescribe p i {
		font-size: 14px;
	}

	.pDescribe,
	.components,
	.optional,
	.productDet .faq {
		margin-bottom: 30px;
	}

	.jianjie .btns a {
		height: 30px;
		width: 120px;
	}

	.jianjie .downLoad .name {
		font-size: 14px;
		line-height: 24px;
	}

	.jianjie .downLoad i {
		font-size: 16px;
	}

	.productShow {
		margin-bottom: 40px;
	}
	.table table tr td {
		padding: 5px 5px;
		font-size: 12px;
		line-height: 22px;
	}
}

@media screen and (max-width:538px) {

	.pDescribe,
	.components,
	.optional,
	.productDet .faq {
		margin-bottom: 30px;
	}

	.productShow .swiperBox {
		max-width: 350px;
	}

	.jianjie h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.jianjie form li {
		flex-direction: column;
		align-items: flex-start;
	}

	.jianjie form li .name {
		margin-right: 0;
		margin-bottom: 5px;
	}

	.jianjie .btns a {
		height: 26px;
		width: 110px;
	}

	.productShow .swiperBox .checkSwiper .iconfont {
		width: 25px;
		font-size: 12px;
	}

	.productShow .swiperBox .checkSwiper {
		padding: 0 40px;
	}

	.productShow {
		margin-bottom: 30px;
	}
}




/* 3-1Noise Barrier */


.products {
	padding: 69px 0 81px 0;
}


.products .mTitle {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #222222;
	margin-bottom: 17px;
}


.products .mtxts {
	overflow: hidden;
	margin-bottom: 31px;
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 36px;
	color: #555555;
}



.products .viewBtn {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 30px;
	cursor: pointer;
	margin-bottom: 49px;
	width: 170px;
	height: 45px;
	background-color: #005eb8;
	border: 1px solid #005eb8;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
}





.products .viewBtn:hover {
	background-color: #ffffff;
	color: #005eb8;
}



.products .con {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 66px;
}




.products .con .productNav {
	width: 20%;
	margin-top: -18px;
}


.products .con .goods {
	width: 74.55%;
}


.products .productNav .pNavBtn {
	display: none;
}

.products .productNav a {
	display: block;
}

.products .productNav>ul>li {
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.products .productNav>ul>li>a {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 24px;
	line-height: 35px;
	color: #222222;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0 12px 0;

}

.products .productNav>ul>li.active ul {
	display: block;
}

.products .productNav>ul>li ul {
	display: none;
}


.products .productNav>ul>li>a i {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	margin-top: 4px;
	flex-shrink: 0;
	margin-left: 10px;
}

.products .productNav>ul>li>a i::after,
.products .productNav>ul>li>a i::before {
	content: "";
	width: 20px;
	height: 2px;
	background-color: #005eb8;
	border-radius: 1px;
}

.products .productNav>ul>li>a i::before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(90deg);
}

.products .productNav>ul>li.active>a i::before {
	transform: rotate(0deg) translateX(-50%) translateY(-50%);
}


.products .productNav>ul>li>a:hover i {
	color: #a80f0f;
}

.products .productNav ul ul {
	border-top: 1px solid rgba(0, 0, 0, .2);
	padding: 16px 0 18px 0;
}



.products .productNav ul ul>li {
	margin-bottom: 16px;
	position: relative;
}


.products .productNav ul ul>li:last-child {
	margin-bottom: 0;
}


.products .productNav ul ul>li>a {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 24px;
	color: #333333;
	padding-right: 35px;
}

.products .productNav ul ul>li>a:hover i {
	opacity: 1;
}


.products .productNav ul ul>li i {
	position: absolute;
	top: 0%;
	right: 2px;
	transform: translateY(-1px);
	color: #005eb8;
	opacity: 0;
}


.products .productNav ul ul>li.active a {
	font-family: HelveticaLTStd-BlkCond;
}

.products .productNav ul ul>li.active a i {
	opacity: 1;
}




.products .goods .list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
}


.products .goods .list .item {
	width: 31.65%;
	margin-right: 2.525%;
	margin-bottom: 36px;
}


.products .goods .list .item:nth-child(3n) {
	margin-right: 0;
}


.products .goods .list .item .productItem {
	margin-bottom: 17px;
}



.products .goods .list .item .btns {
	display: flex;
	align-items: center;
}

.products .goods .list .item .btns .checkBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 21px;
	height: 21px;
	border-radius: 4px;
	border: solid 1px #cccccc;
	margin-right: 8px;
}





.products .goods .list .item .btns .checkBtn input {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 9;
	opacity: 0;
}


.products .goods .list .item .btns .checkBtn i {
	font-size: 18px;
	opacity: 0;
}

.products .goods .list .item .btns .checkBtn.active {
	background-color: #005eb8;
	border-color: #005eb8;
}

.products .goods .list .item .btns .checkBtn.active i {
	opacity: 1;
	color: #ffffff;
}


.products .goods .list .item .btns a {
	font-family: HelveticaLTStd-Cond;
	font-size: 14px;
	line-height: 26px;
	color: #999999;
	transform: translateY(-2px);
}



.products .services {
	margin-bottom: 72px;
}


.products .latestProject .title .msg {
	width: 58%;
}


.products .latestProject .title .msg .title1 {
	margin-bottom: 21px;
}


.products .latestProject .title .msg .txts {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 30px;
	color: #555555;
}


.products .latestProject .title {
	margin-bottom: 45px;
}

.products .latestProject .sbtns {
	transform: translateY(8px);
}


@media screen and (max-width:1600px) {
	.products .mTitle {
		margin-bottom: 20px;
	}

	.products .viewBtn {
		height: 40px;
		width: 140px;
		margin-bottom: 60px;
	}

	.products .mtxts {
		margin-bottom: 20px;
	}

	.products .productNav ul ul>li>a {
		font-size: 16px;
		line-height: 26px;
		padding-right: 30px;
	}

	.products .productNav>ul>li>a i {
		font-size: 14px;
		margin-top: 0;
		margin-left: 0;
		width: 18px;
	}

	.products .productNav>ul>li>a i::after,
	.products .productNav>ul>li>a i::before {
		width: 18px;
	}

	.products .productNav>ul>li>a {
		font-size: 20px;
		line-height: 30px;
	}

	.products .goods .list {
		margin-bottom: 20px;
	}

	.products .services,
	.products .con {
		margin-bottom: 80px;
	}

	.products .goods .list .item .btns a {
		transform: translateY(0);
	}

	.products .latestProject .title .msg {
		width: 75%;
	}
}

@media screen and (max-width:1333px) {
	.products .mtxts {
		line-height: 28px;
	}

	.products .viewBtn {
		font-size: 16px;
		line-height: 26px;
		height: 35px;
		width: 130px;
	}

	.products .productNav>ul>li>a {
		font-size: 18px;
		line-height: 28px;
	}

	.products .goods .list .item .productItem {
		margin-bottom: 10px;
	}

	.products .goods .list .item:nth-child(n) {
		width: 32%;
		margin-right: 2%;
	}

	.products .goods .list .item:nth-child(3n) {
		margin-right: 0;
	}

	.products .con .goods {
		width: 70%;
	}

	.products .con .productNav {
		width: 25%;
	}

	.products .goods .list .item .btns .checkBtn {
		width: 18px;
		height: 18px;
	}

	.products .goods .list .item {
		margin-bottom: 30px;
	}

	.products .services,
	.products .con {
		margin-bottom: 60px;
	}

	.products .latestProject .title .msg .title1 {
		margin-bottom: 15px;
	}
}

@media screen and (max-width:999px) {

	.products .services,
	.products .con {
		margin-bottom: 50px;
	}

	.products .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.products .con .goods {
		width: 100%;
	}

	.products .goods .list .item:nth-child(n) {
		width: 49%;
		margin-right: 2%;
	}

	.products .goods .list .item:nth-child(2n) {
		margin-right: 0;
	}

	.products .goods .list {
		margin-bottom: 0px;
	}

	.products .con .productNav {
		margin-top: 0;
		width: 100%;
		margin-bottom: 30px;
	}

	.products .mtxts {
		line-height: 26px;
	}

	.products .viewBtn {
		font-size: 14px;
		line-height: 24px;
		height: 30px;
		width: 120px;
		margin-bottom: 30px;
	}

	.products .productNav ul ul>li>a {
		font-size: 14px;
		line-height: 24px;
		padding-right: 0;
	}

	.products .productNav ul ul>li {
		margin-bottom: 10px;
	}

	.products .productNav>ul>li>a {
		font-size: 16px;
		line-height: 26px;
		padding: 10px 0;
	}

	.products .productNav ul ul {
		padding: 15px 0;
	}

	.products .productNav ul ul>li i {
		display: none;
	}

	.products .productNav .pNavBtn {
		display: flex;
		align-items: center;
		font-size: 16px;
		line-height: 24px;
		font-family: HelveticaLTStd-BoldCond;
		color: #222222;
	}

	.products .productNav .pNavBtn i {
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		margin-right: 10px;
		font-size: 14px;
		border: 1px solid #005eb8;
		border-radius: 50%;
		color: #005eb8;
		background-color: #ffffff;
	}

	.products .productNav .pNavBtn.active {
		color: #005eb8;
	}

	.products .productNav .pNavBtn.active i {
		transform: rotate(45deg);
		background-color: #005eb8;
		color: #ffffff;
	}

	.products .con .productNav>ul {
		display: none;
		transition: none;
		margin-top: 10px;
	}

}

@media screen and (max-width:768px) {
	.products .mtxts {
		line-height: 24px;
	}

	.products .productNav>ul>li>a {
		font-size: 14px;
		line-height: 24px;
	}

	.products .productNav ul ul>li>a {
		font-size: 12px;
		line-height: 22px;
	}

	.products .productNav>ul>li>a i::after,
	.products .productNav>ul>li>a i::before {
		width: 14px;
	}

	.products .productNav>ul>li>a i {
		width: 14px;
	}

	.products .services,
	.products .con {
		margin-bottom: 40px;
	}

	.products .latestProject .title {
		margin-bottom: 30px;
	}

	.products .projectItem .msg {
		background-color: #f5f5f5;
	}

	.products .productNav .pNavBtn i {
		width: 26px;
		height: 26px;
		font-size: 12px;
	}

	.products .productNav .pNavBtn {
		font-size: 14px;
	}
}

@media screen and (max-width:538px) {

	.products .services,
	.products .con {
		margin-bottom: 30px;
	}

	.products .latestProject .title {
		margin-bottom: 20px;
		flex-direction: column;
		align-items: flex-start;
	}

	.products .latestProject .title .msg {
		width: 100%;
		margin-bottom: 10px;
	}

	.products .latestProject .sbtns {
		transform: translateY(0);
	}
}

@media screen and (max-width:450px) {

	.products .goods .list .item:nth-child(n) {
		width: 100%;
		margin-right: 0;
	}

	.products .goods .list .item:last-child {
		margin-bottom: 0;
	}

	.products .goods .list {
		margin-bottom: 30px;
	}
}
















/* 4-1projects */

.projects {
	padding: 69px 0 78px 0;
}

.projects .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #222222;
	margin-bottom: 29px;
}



.projects .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 67px;
}

.projects .list .projectItem {
	width: 48.9285%;
	margin-bottom: 31px;
}

.projects .list .projectItem:nth-child(n+5) {
	margin-bottom: 0;
}


@media screen and (max-width:1600px) {
	.projects .list {
		margin-bottom: 60px;
	}

	.projects .title1 {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:1333px) {
	.projects .list {
		margin-bottom: 50px;
	}

	.projects .title1 {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:999px) {
	.projects .list {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:768px) {
	.projects .list {
		margin-bottom: 30px;
	}

	.projects .list .projectItem {
		margin-bottom: 20px;
	}

	.projects .list .projectItem .msg {
		background-color: #f5f5f5;
	}
}

@media screen and (max-width:450px) {
	.projects .list .projectItem:nth-child(n) {
		width: 100%;
		margin-bottom: 20px;
	}

	.projects .list .projectItem:last-child {
		margin-bottom: 0;
	}
}



/* 4-2projectDet */
.projectDet {
	padding: 69px 0 80px 0;
}

.projectDet h1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #222222;
	margin-bottom: 16px;
}


.projectDet .share {
	display: flex;
	align-items: center;
	margin-bottom: 35px;
}

.projectDet .share span {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 36px;
	color: #555555;
	margin-right: 16px;
}

.projectDet .con {
	margin-bottom: 41px;
}

.projectDet .con p {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 30px;
	color: #555555;
}


.projectDet .projectImgs .swiper {
	margin-bottom: 43px;
}

.projectDet .projectImgs {
	margin-bottom: 67px;
}

.projectDet .projectImgs .sbtns {
	justify-content: center;
}


.projectDet .projectImgs .sbtns div {
	margin: 0 9px;
}


.sbtns {
	display: flex;
	align-items: center;
}


.sbtns div {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	border: 1px solid #005eb8;
	color: #005eb8;
	width: 46px;
	height: 46px;
	cursor: pointer;
}

.sbtns div.prev {
	margin-right: 18px;
}

.sbtns div:hover {
	background-color: #005eb8;
	color: #ffffff;
}



.projectDet .prevOrNext {
	margin-bottom: 71px;
}

.projectDet .latestProject {
	margin-bottom: 66px;
}


.latestProject .sbtns {
	transform: translateY(-7px);
}

.latestProject .title {
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.latestProject .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #222222;
}

.hotPorudct .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 27px;
}


.hotPorudct .sbtns {
	transform: translateY(-7px);
}

.hotPorudct .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #222222;
}


@media screen and (max-width:1600px) {
	.projectDet h1 {
		font-size: 34px;
		line-height: 45px;
		margin-bottom: 20px;
	}

	.projectDet .share {
		margin-bottom: 30px;
	}

	.projectDet .projectImgs .swiper {
		margin-bottom: 40px;
	}

	.sbtns div {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.projectDet .projectImgs,
	.projectDet .prevOrNext,
	.projectDet .latestProject {
		margin-bottom: 60px;
	}

	.latestProject .title {
		margin-bottom: 40px;
	}

	.latestProject .sbtns,
	.hotPorudct .sbtns {
		transform: translateY(0);
	}

	.hotPorudct .title {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:1333px) {
	.projectDet h1 {
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 30px;
	}

	.sbtns div {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}
}

@media screen and (max-width:999px) {
	.projectDet h1 {
		font-size: 24px;
	}

	.projectDet .projectImgs .swiper {
		margin-bottom: 30px;
	}

	.projectDet .projectImgs,
	.projectDet .prevOrNext,
	.projectDet .latestProject {
		margin-bottom: 50px;
	}

	.projectDet .share span {
		font-size: 14px;
		line-height: 24px;
	}
}

@media screen and (max-width:768px) {

	.latestProject .title,
	.hotPorudct .title {
		margin-bottom: 30px;
	}

	.projectDet h1 {
		font-size: 22px;
		line-height: 30px;
	}

	.projectDet .share span {
		font-size: 12px;
		line-height: 22px;
	}

	.projectDet .con {
		margin-bottom: 30px;
	}

	.projectDet .projectImgs,
	.projectDet .prevOrNext,
	.projectDet .latestProject {
		margin-bottom: 40px;
	}

	.sbtns div {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}

	.projectDet .msg {
		background-color: #f5f5f5;
	}
}

@media screen and (max-width:538px) {
	.projectDet h1 {
		font-size: 20px;
		margin-bottom: 25px;
	}

	.projectDet .share {
		margin-bottom: 25px;
	}

	.projectDet .projectImgs,
	.projectDet .prevOrNext,
	.projectDet .latestProject {
		margin-bottom: 30px;
	}
}








/* 5-1contact */
.contact {
	padding: 69px 0 83px 0;
}

.contact .con {
	margin-bottom: 82px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.contact .con .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #222222;
}



.contact .con .msg {
	width: 50%;
	padding-right: 2%;
}

.contact .con form {
	width: 50%;
	padding-left: 6.45%;
}



.contact .con .msg .title1 {
	margin-bottom: 23px;
	margin-top: -46px;
}


.contact .con .msg li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 12px;
}

.contact .con .msg li:last-child {
	margin-bottom: 0;
}


.contact .con .msg li a,
.contact .con .msg li p {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
}




.contact .con .msg li i {
	flex-shrink: 0;
	font-size: 20px;
	line-height: 28px;
	margin-right: 36px;
	color: #005eb8;
}


.contact .con .msg li a.email {
	word-break: break-all;
}



.contact .con .msg li a:hover {
	color: #005eb8;
	text-decoration: underline;
}

.contact form {
	position: relative;
	padding-bottom: 71px;
}


.contact form::after {
	content: "";
	position: absolute;
	left: -0.1%;
	width: 200%;
	height: 200%;
	background-color: #ebf0f5;
	z-index: -1;
	bottom: 0;
}


.contact form .title1 {
	margin-bottom: 21px;
}


.contact form .txts {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 30px;
	color: #555555;
	margin-bottom: 34px;
}



.contact form ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.contact form ul li {
	height: 40px;
	padding: 0 17px;
	margin-bottom: 10px;
	width: 49.2%;
	background-color: #ffffff;
}





.contact form ul li.message {
	width: 100%;
	height: 85px;
	padding: 9px 17px;
}


.contact form ul li.codeCon {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
}

.contact form ul li.codeCon input {
	flex: 1;
	padding: 0 17px;
}

.contact form ul li.codeCon .codeImg {
	flex-shrink: 0;
	height: 100%;
	cursor: pointer;
	background-color: #f3fbfe;
}


.contact form ul li.codeCon .codeImg img {
	height: 100%;
}

.contact form ul li.subBtn {
	padding: 0;
}

.contact form ul li.subBtn input {
	background-color: #005eb8;
	cursor: pointer;
	font-family: SharpSansNo1-Book;
	font-size: 16px;
	color: #ffffff;
}



.contact form ul li.subBtn input:hover {
	background-color: #ffffff;
	color: #005eb8;
}


.contact .map {
	border-radius: 10px;
	overflow: hidden;
}


.contact .map img {
	display: block;
}


.contact form input,
.contact form textarea {
	font-family: HelveticaLTStd-Cond;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.contact form input::-webkit-input-placeholder,
.contact form textarea::-webkit-input-placeholder {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #999999;
	opacity: 1;
}

.contact form input:-moz-placeholder,
.contact form textarea:-moz-placeholder {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #999999;
	opacity: 1;
}

.contact form input::-moz-placeholder,
.contact form textarea::-moz-placeholder {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #999999;
	opacity: 1;
}

.contact form input:-ms-input-placeholder .contact form textarea:-ms-input-placeholder {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #999999;
	opacity: 1;
}


@media screen and (max-width:1600px) {
	.contact .con .msg .title1 {
		margin-top: 0;
		margin-bottom: 30px;
	}

	.contact form {
		padding-bottom: 60px;
	}

	.contact .con {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:1333px) {
	.contact form {
		padding-bottom: 50px;
	}

	.contact .con .msg li a,
	.contact .con .msg li p {
		font-size: 16px;
		line-height: 26px;
	}

	.contact .con .msg li i {
		font-size: 18px;
		line-height: 26px;
		margin-right: 20px;
	}

	.contact .con form {
		padding-left: 3%;
	}

	.contact form .txts {
		margin-bottom: 20px;
	}

	.contact .con {
		margin-bottom: 50px;
	}

}

@media screen and (max-width:999px) {
	.contact form ul li.codeCon {
		width: 100%;
	}

	.contact form ul li.subBtn {
		width: 100%;
	}

	.contact form {
		padding-bottom: 30px;
	}

	.contact .con {
		margin-bottom: 40px;
	}

	.contact .map {
		border-radius: 5px;
	}

	.contact .con .msg li a,
	.contact .con .msg li p {
		font-size: 14px;
		line-height: 24px;
	}

	.contact .con .msg li i {
		line-height: 24px;
	}
}

@media screen and (max-width:768px) {
	.contact .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.contact .con .msg li a,
	.contact .con .msg li p {
		font-size: 12px;
		line-height: 22px;
	}

	.contact .con .msg li i {
		font-size: 16px;
		line-height: 22px;
	}

	.contact .con .msg {
		width: 100%;
		margin-bottom: 30px;
	}

	.contact .con form {
		width: 100%;
		padding: 0;
		padding: 30px 0;
	}

	.contact form::after {
		height: 100%;
		left: 50%;
		transform: translateX(-50%);
	}

	.contact .con .msg ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.contact .con .msg ul li {
		width: 48%;
		flex: auto;
	}

	.contact .con .msg ul li:last-child {
		width: 100%;
	}

	.contact form ul li {
		height: 35px;
	}

	.contact .con {
		margin-bottom: 30px;
	}

}

@media screen and (max-width:450px) {
	.contact .con .msg ul li {
		width: 100%;
	}

	.contact .con .msg .title1 {
		margin-bottom: 20px;
	}

	.contact form ul li,
	.contact form ul li.codeCon input {
		padding: 0 10px;
	}

	.contact form ul li.message {
		padding: 10px;
	}

	.contact .con form {
		padding: 20px 0;
	}
}





/* 6-1new */

.news {
	padding: 59px 0 85px 0;
}



.news .list {
	margin-bottom: 77px;
}


.news .newItem {
	margin-bottom: 33px;
}


.news .newItem:last-child {
	margin-bottom: 0;
}

.news .newItem .des,
.latestNews .newItem .des {
	padding-right: 60px;
}

.newItem .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 1px #005eb8;
	width: 46px;
	height: 46px;
	color: #005eb8;
	font-size: 18px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}


.news .newItem .tit,
.latestNews .newItem .tit {
	margin-top: -28px;
}


.newItem .btn:hover {
	background-color: #005eb8;
	color: #ffffff !important;
}

@media screen and (max-width:1600px) {
	.newItem .btn {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.news .newItem .tit,
	.latestNews .newItem .tit {
		margin-top: 0;
	}

	.news .list {
		margin-bottom: 60px;
	}

}

@media screen and (max-width:999px) {
	.newItem .btn {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}

	.news .list {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.newItem .btn {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}

	.news .newItem .des,
	.latestNews .newItem .des {
		padding-right: 40px;
	}
}


/* 6-2new */
.newDet {
	padding: 69px 0 111px 0;
}


.newDet h1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #333333;
	margin-bottom: 16px;
	font-weight: normal;
}


.newDet .tips {
	display: flex;
	align-items: center;
	margin-bottom: 35px;
}

.newDet .tips .time {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 36px;
	color: #666666;
	margin-right: 48px;
}



.newDet .tips .share {
	display: flex;
	align-items: center;
}


.newDet .tips .share span {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 36px;
	color: #666666;
	margin-right: 13px;
}

.newDet .con {
	margin-bottom: 24px;
}

.newDet .con p {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}


.newDet .prevOrNext {
	margin-bottom: 71px;
}


.prevOrNext {
	padding: 8px 29px 12px 31px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #eeeeee;
}


.prevOrNext>div {
	width: 49%;
	display: flex;
	align-items: center;
}

.prevOrNext>div.next {
	justify-content: flex-end;
}

.prevOrNext .name {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 30px;
	display: flex;
	align-items: flex-start;
}

.prevOrNext a.name {
	color: #555555;
}

.prevOrNext div.name {
	color: #999999;
}


.prevOrNext .btn {
	font-style: normal;
}


.prevOrNext a:hover .btn {
	color: #005eb8;
}

.prevOrNext .prev .btn {
	margin-right: 4px;
}

.prevOrNext .next .btn {
	margin-left: 4px;
}



.latestNews .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}


.latestNews .title1 {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 40px;
	line-height: 60px;
	color: #222222;
}


.latestNews .title .btns {
	display: flex;
	align-items: center;
	transform: translateY(-6px);
}


.latestNews .title .btns div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: solid 1px #005eb8;
	color: #005eb8;
	cursor: pointer;
	font-size: 18px;
}


.latestNews .title .btns div.prev {
	margin-right: 18px;
}


.latestNews .title .btns div:hover {
	background-color: #005eb8;
	color: #ffffff;
}



.latestNews .newItem {
	margin-bottom: 33px;
}


.latestNews .newItem:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}


@media screen and (max-width:1600px) {
	.newDet h1 {
		font-size: 26px;
		line-height: 35px;
		margin-bottom: 30px;
	}

	.prevOrNext {
		padding: 10px 20px;
	}

	.latestNews .title .btns div {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.latestNews .title {
		margin-bottom: 40px;
	}

	.latestNews .title .btns {
		transform: translateY(0);
	}

}

@media screen and (max-width:1333px) {

	.newDet h1 {
		font-size: 22px;
		line-height: 30px;
	}

	.newDet .con {
		margin-bottom: 50px;
	}

	.newDet .prevOrNext {
		margin-bottom: 60px;
	}

}

@media screen and (max-width:999px) {
	.latestNews .title .btns div {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}

	.prevOrNext {
		flex-direction: column;
		align-items: flex-start;
	}

	.prevOrNext>div {
		width: 100%;
	}

	.prevOrNext>div.prev {
		margin-bottom: 5px;
	}

	.prevOrNext>div.next {
		justify-content: flex-start;
	}

	.prevOrNext>div.next .name {
		flex-direction: row-reverse;
	}

	.prevOrNext>div .name,
	.newDet .tips .share span {
		font-size: 14px;
		line-height: 24px;
	}

	.prevOrNext .prev .btn,
	.prevOrNext .next .btn {
		margin-left: 0;
		margin-right: 10px;
	}

	.newDet h1 {
		font-size: 20px;
		margin-bottom: 25px;
	}

	.newDet .tips {
		margin-bottom: 25px;
	}

	.newDet .con {
		margin-bottom: 40px;
	}

	.newDet .prevOrNext {
		margin-bottom: 50px;
	}

}

@media screen and (max-width:768px) {

	.newDet h1 {
		font-size: 18px;
		line-height: 28px;
	}

	.newDet .crumb {
		margin-bottom: 25px;
	}

	.newDet .tips .share span {
		font-size: 12px;
		line-height: 22px;
	}

	.prevOrNext .name {
		font-size: 12px;
		line-height: 24px;
	}

	.prevOrNext .prev {
		margin-bottom: 5px;
	}

	.newDet .con {
		margin-bottom: 30px;
	}

	.latestNews .title {
		margin-bottom: 30px;
	}

	.latestNews .title .btns div {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}

	.newDet .prevOrNext {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:538px) {
	.newDet .tips {
		flex-direction: column;
		align-items: center;
	}

	.newDet .tips .time {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.newDet h1 {
		text-align: center;
		margin-bottom: 20px;
	}

	.latestNews .newItem {
		margin-bottom: 20px;
	}

	.latestNews .newItem:last-child {
		margin-bottom: 0;
	}
}


/* 7-1video */
.videoPage {
	padding: 59px 0 85px 0;
}

.videoPage .list {
	margin-bottom: 34px;
	display: flex;
	flex-wrap: wrap;
}


.videoPage .list .video {
	width: 31.45%;
	margin-right: 2.825%;
	margin-bottom: 14px;
	cursor: pointer;
}


.videoPage .list .video:nth-child(3n) {
	margin-right: 0;
}


.videoPage .list .video:nth-child(n+7) {
	margin-bottom: 0;
}


.videoPage .image {
	position: relative;
}

.videoPage .image .playBtn {
	position: absolute;
	width: 45px;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}


.videoPage .image:hover .playBtn img {
	transform: scale(1.1, 1.1);
}


.videoPage .name {
	text-align: center;
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 26px;
	color: #333333;
	padding: 20px 0;
}

.videoPage .name:hover {
	color: #005eb8;
}


@media screen and (max-width:1333px) {
	.videoPage .name {
		padding: 10px 0;
	}

	.videoPage .image .playBtn {
		width: 40px;
	}
}

@media screen and (max-width:999px) {
	.videoPage .name {
		padding: 5px 0;
	}

	.videoPage .image .playBtn {
		width: 35px;
	}
}

@media screen and (max-width:768px) {
	.videoPage .image .playBtn {
		width: 30px;
	}

	.videoPage .list .video {
		margin-bottom: 10px;
	}

	.videoPage .list {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:538px) {
	.videoPage .list .video:nth-child(n) {
		width: 48%;
		margin-right: 4%;
		cursor: pointer;
	}

	.videoPage .list .video:nth-child(2n) {
		margin-right: 0;
	}

	.videoPage .list .video:nth-child(n+9) {
		margin-bottom: 0;
	}
}





/* 8-1faq */

.faq {
	padding: 59px 0 85px 0;
}

.faq .crumb {
	margin-bottom: 37px;
}



.faq .list {
	margin-bottom: 57px;
}

.faq .list li {
	margin-bottom: 12px;
	background-color: #eeeeee;
	padding: 0 35px 0 60px;
}

.faq .list li:last-child {
	margin-bottom: 0;
}

.faq .question {
	padding: 10px 0;
	cursor: pointer;
	position: relative;
}


.faq .question:hover .name {
	color: #005eb8;
}



.faq .question .name {
	font-family: HelveticaLTStd-Cond;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
}



.faq .question .btns {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	position: relative;
	border-radius: 50%;
	cursor: pointer;
	flex-shrink: 0;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-51%) translateX(-44px);
}




.faq .question .btns i {
	width: 2px;
	height: 18px;
	background-color: #005eb8;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(90deg);
}


.faq .question .btns i.move {
	transform: translateX(-50%) translateY(-50%) rotate(0deg);
}

.faq li.active .question .btns i.move {
	transform: translateX(-50%) translateY(-50%) rotate(90deg);
}



.faq .answer {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 30px;
	color: #555555;
	padding-bottom: 25px;
	padding-left: 1px;
	transition: none;
	display: none;
}

@media screen and (max-width:1600px) {
	.faq .list {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:999px) {
	.faq .answer {
		font-size: 14px;
		line-height: 26px;
	}

	.faq .question .name {
		font-size: 16px;
		line-height: 28px;
	}

	.faq .list {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:768px) {
	.faq .answer {
		font-size: 12px;
		line-height: 24px;
	}

	.faq .question .name {
		font-size: 14px;
		line-height: 26px;
	}

	.faq .answer {
		padding-bottom: 20px;
	}

	.faq .question .btns i {
		height: 15px;
	}

	.faq .list li {
		padding: 0 35px 0 50px;
	}

	.faq .list {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:538px) {
	.faq .question .btns {
		width: 25px;
		height: 25px;
		transform: translateY(-50%) translateX(-32px);
	}

	.faq .question .btns i {
		height: 12px;
	}

	.faq .list li {
		padding: 0 20px 0 35px;
	}

	.faq .list {
		margin-bottom: 20px;
	}
}




/* 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: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #333333;
	margin: 3px 5px;
}

.pager .pageList a.active,
.pager .pageList a:hover {
	border-color: #005eb8;
	background-color: #005eb8;
	color: #ffffff !important;
}


.pager .pageList a.iconfont {
	font-size: 20px;
}

.pager .addTo {
	display: flex;
	align-items: center;
	padding: 5px 20px;
}


.pager .addTo input , .pager .addTo a {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 24px;
	color: #999999;
	background-color: transparent;
	margin-right: 25px;
	cursor: pointer;
}

.pager .addTo input:hover {
	color: #005eb8;
	text-decoration: underline;
}

@media screen and (max-width:1600px) {
	.pager .addTo input {
		margin-right: 15px;
	}
}

@media screen and (max-width:1333px) {
	.pager .addTo img {
		width: 12px;
	}
}

@media screen and (max-width:999px) {
	.pager .pageList a.iconfont {
		font-size: 16px;
	}

	.pager .pageList a {
		font-size: 14px;
	}
}

@media screen and (max-width:768px) {
	.pager .pageList a {
		font-size: 12px;
		width: 28px;
		height: 28px;
	}

	.pager .pageList a.iconfont {
		font-size: 14px;
	}

	.pager .addTo img {
		width: 10px;
	}

	.pager .addTo input {
		margin-right: 10px;
	}
}

@media screen and (max-width:538px) {
	.pager .pageList a {
		margin: 3px;
	}
}



/* banner2 */
.banner2 .safeRange {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	top: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
}

.banner2 .name {
	font-family: HelveticaLTStd-BlkCond;
	font-size: 48px;
	line-height: 60px;
	color: #ffffff;
	margin-bottom: 88px;
}

/* crumb */
.crumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 34px 0;
}

.crumb img {
	flex-shrink: 0;
	width: 31px;
	margin-right: 11px;
	filter: grayscale(200%) brightness(500%);
	transform: translateY(1px);
}


.crumb a,
.crumb i {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	font-style: normal;
	letter-spacing: 0px;
	color: #ffffff;
}

.crumb a.active {
	font-family: HelveticaLTStd-BlkCond;
}

.crumb i {
	font-style: normal;
	margin: 0 4px;
}

.crumb a:hover {
	text-decoration: underline;
}



@media screen and (max-width:1600px) {
	.crumb {
		padding: 30px 0;
	}

	.banner2 .name {
		font-size: 38px;
		margin-bottom: 40px;
	}
}


@media screen and (max-width:1333px) {
	.crumb {
		padding: 20px 0;
	}

	.banner2 .name {
		font-size: 32px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:999px) {

	.crumb a,
	.crumb i {
		font-size: 14px;
		line-height: 24px;
		color: #333333;
	}

	.banner2 .safeRange {
		position: static;
		transform: translateX(0);
	}

	.banner2 {
		height: auto !important;
		padding: 0 !important;
	}

	.banner2>img {
		display: none;
	}

	.banner2 .name {
		display: none;
	}

	.crumb img {
		width: 28px;
		filter: grayscale(0%) brightness(100%);
	}

	.crumb {
		padding: 20px 0 0 0;
	}

}

@media screen and (max-width:768px) {
	.crumb img {
		width: 25px;
	}

	.crumb a,
	.crumb i {
		font-size: 12px;
		line-height: 22px;
	}
}





/* footer */

footer {
	background-color: #101010;
	padding: 76px 0 50px 0;
}



footer .footerList {
	display: flex;
	align-items: flex-start;
	margin-bottom: 66px;
}



footer .fContactUs {
	width: 20%;
	/*margin-right: 11.2%;*/
		margin-right: 8%;
}


footer .fContactUs ul li {
	display: flex;
	align-items: flex-start;
}

footer .fContactUs ul li .name {
	margin-right: 3px;
}

footer .fContactUs ul li a.email {
	word-break: break-all;
}

footer .fProduct {
	width: 19%;
	margin-right: 2.7%;
}



footer .quickLinks {
	width: 18.85%;
	margin-right: 2%;
}

footer .sendInquiry {
	width: 26%;
}


footer .sendInquiry form ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


footer .sendInquiry li {
	height: 40px;
	background-color: #ffffff;
	padding: 0 16.5px;
	width: 100%;
	margin-bottom: 10px;
}

footer .sendInquiry li.fcode {
	padding: 0;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 69.3%;
	margin-bottom: 0;
}




footer .sendInquiry li.fcode input {
	background-color: #ffffff;
	padding: 0 16.5px;
	flex: 1;

}

footer .sendInquiry li.fcode .fCodeImg {
	flex-shrink: 0;
	height: 100%;
	cursor: pointer;
	background-color: #f3fbfe;
	margin-left: 10px;
}


footer .sendInquiry li.fcode .fCodeImg img {
	height: 100%;
}

footer .sendInquiry li.sendBtn {
	width: 28%;
	margin-bottom: 0;
	padding: 0;
}




footer .sendInquiry li.sendBtn input {
	background-color: #005eb8;
	font-family: SharpSansNo1-Book;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	cursor: pointer;
}

footer .sendInquiry li.sendBtn input:hover {
	background-color: #ffffff;
	color: #005eb8;
}


footer ul ul li {
	margin-bottom: 10px;
}


footer p,
footer a,
footer div {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	line-height: 26px;
	color: #999999;
}


footer a:hover {
	color: #ffffff;
}




footer .flogo {
	width: 145px;
	flex-shrink: 0;
	margin-bottom: 48px;
	display: block;
}

footer .flogo:hover img {
	transform: scale(1, 1);
}



footer .title {
	font-family: HelveticaLTStd-BoldCond;
	font-size: 20px;
	line-height: 36px;
	color: #ffffff;
	margin-bottom: 29px;
	position: relative;
	display: block;
	margin-top: 34px;
}


footer .title::after {
	content: "";
	position: absolute;
	width: 56px;
	height: 1px;
	background-color: #005eb8;
	left: 0;
	bottom: -9px;
}

footer a.title:hover {
	color: #005eb8;
}


footer .line {
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, .1);
	margin-bottom: 52px;
}


footer .fBottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


footer .fBottom .msg {
	flex: 1;
}


footer .fBottom .copyright .image,
footer .fBottom .copyright .image img,
footer .fBottom .copyright a {
	display: inline;
	color: #666666;
}



footer .fBottom .copyright {
	margin-bottom: 4px;
	color: #666666;
}


footer .fBottom .copyright a:hover {
	color: #ffffff;
}



footer .fBottom .links {
	color: #666666;
}

footer .fBottom .links a {
	margin-left: 10px;
	color: #666666;
}

footer .fBottom .links a:hover {
	color: #ffffff;
}

footer .blogrolls {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	transform: translateY(-2px);
	flex-shrink: 0;
	margin-left: 30px;
}

footer .blogrolls a {
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: solid 1px rgba(255, 255, 255, 0.3);
	margin-left: 8px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, .5);
}

footer .blogrolls a:hover {
	background-color: #162e53;
	border-color: #162e53;
	color: #ffffff;
}



footer form {
	padding-top: 10px;
}

footer input,
footer textarea {
	width: 100%;
	height: 100%;
	font-family: HelveticaLTStd-Cond;
	background-color: transparent;
}

footer input::-webkit-input-placeholder,
footer textarea::-webkit-input-placeholder {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #999999;
	opacity: 1;
}

footer input:-moz-placeholder,
footer textarea:-moz-placeholder {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #999999;
	opacity: 1;
}

footer input::-moz-placeholder,
footer textarea::-moz-placeholder {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #999999;
	opacity: 1;
}

footer input:-ms-input-placeholder,
footer textarea:-ms-input-placeholder {
	font-family: HelveticaLTStd-Cond;
	font-size: 16px;
	color: #999999;
	opacity: 1;
}



@media screen and (max-width:1600px) {
	footer {
		padding: 60px 0;
	}

	footer .title {
		margin-top: 20px;
	}

	footer .fContactUs,
	footer .fProduct,
	footer .quickLinks {
		margin-right: 0;
	}

	footer .footerList {
		justify-content: space-between;
		margin-bottom: 60px;
	}

	footer .line {
		margin-bottom: 50px;
	}

	footer .fContactUs {
		width: 24%;
	}

	footer .blogrolls {
		transform: translateY(0);
	}

	footer form {
		padding-top: 0;
	}
}

@media screen and (max-width:1333px) {
	footer .flogo {
		width: 130px;
		margin-bottom: 40px;
	}

	footer {
		padding: 50px 0;
	}

	footer .sendInquiry li {
		height: 35px;
	}

	footer .sendInquiry li.fcode {
		width: 100%;
		margin-bottom: 10px;
	}

	footer .sendInquiry li.sendBtn {
		width: 100%;
	}

	footer .footerList {
		margin-bottom: 40px;
	}

	footer .line {
		margin-bottom: 30px;
	}

	footer .title {
		font-size: 18px;
	}
}

@media screen and (max-width:999px) {

	footer .fProduct,
	footer .quickLinks,
	footer .sendInquiry,
	footer .fContactUs ul {
		display: none;
	}

	footer .flogo {
		margin-bottom: 0;
		width: 110px;
	}

	footer .fBottom .links {
		display: none;
	}

	footer {
		padding: 30px 0 70px 0;
	}

	footer .fContactUs {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	footer .footerList {
		margin-bottom: 25px;
	}

	footer .fBottom {
		flex-direction: column;
		justify-content: center;
	}

	footer .line {
		margin-bottom: 20px;
	}

	footer .fBottom .copyright {
		text-align: center;
		margin-bottom: 10px;
	}

	footer .blogrolls {
		margin-left: 0;
	}

	footer .blogrolls a {
		margin: 0 5px 5px;
		width: 32px;
		height: 32px;
		font-size: 14px;
	}

	footer p,
	footer a,
	footer div {
		font-size: 14px;
		line-height: 24px;
	}
}

@media screen and (max-width:768px) {
	footer .blogrolls a {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}

	footer p,
	footer a,
	footer div {
		font-size: 12px;
		line-height: 22px;
	}

	footer .flogo {
		width: 100px;
	}
}







/* video tankuang */

.tankaunga {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 9999999999
}

.tankaunga:before {
	content: "X";
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	top: 10px;
	right: 10px;
	background: #fff;
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
}

.tankaungn2 {
	position: fixed;
	left: 5%;
	top: 5%;
	right: 5%;
	bottom: 5%;
	background: rgba(0, 0, 0, 0.5);
}

.tankaungn2 iframe,
.tankaungn2 video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.tankaungn2 iframe body {
	margin: 0px !important;
}


/* kefu */
.lianxi {
	position: fixed;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99999;
}

.lianxi div a,
.lianxi div div {
	display: block;
	width: 52px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	background-color: #dfdfdf;
	font-size: 20px;
	color: #ffffff;
	margin-bottom: 1px;
}

.lianxi .top a {
	width: 52px;
	height: 52px;
	background-color: #dfdfdf;
	line-height: 52px;
	color: #ffffff;
	font-size: 18px !important;
	text-align: center;
	cursor: pointer;
	position: fixed;
	transition: 0.9s;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2px;
}

.lianxi .top i {
	width: 24px;
	height: 24px;
	display: block;
	line-height: 22px;
	text-align: center;
	font-size: 14px;
	border-radius: 50%;
	border: 1px solid #ffffff;
}

.lianxi div div {
	cursor: pointer;
}

.lianxi div a:hover,
.lianxi div div:hover {
	background-color: #005eb8;
	color: #fff;
}

.clear2 {
	display: none;
}

.lianxi .code {
	position: relative;
}

.lianxi .code img {
	position: absolute;
	top: 0;
	right: 100%;
	width: 150px;
	height: 150px;
	max-width: none;
	transform: translateX(100%);
	z-index: -1;
	opacity: 0;
}

.lianxi .code:hover img {
	transform: translateX(0);
	opacity: 1;
}

@media screen and (max-width: 1333px) {

	.lianxi div a,
	.lianxi div div,
	.lianxi .top a {
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 18px;
	}
}

@media screen and (max-width: 999px) {
	.youlian {
		display: none;
	}

	.lianxi .top a {
		width: 25%;
		height: 42px;
		line-height: 40px;
		bottom: 0px;
		right: 0px;
		border-radius: 0px;
		border: none;
		box-shadow: none;
		background-color: #dfdfdf;
	}

	.lianxi {
		width: 100%;
		right: auto;
		top: auto;
		margin: auto;
		left: 0px;
		bottom: 0px;
		border-top: 1px solid #fff;
		transform: translateY(0);
	}

	.lianxi div {
		width: 25%;
		float: left;
	}

	.lianxi div a,
	.lianxi div div {
		margin: auto;
		width: 100%;
		background-color: #dfdfdf;
		color: #fff !important;
		border-radius: 0px;
		height: 42px;
	}

	.lianxi .top i {
		border-color: #fff;
	}

	.lianxi div a:hover,
	.lianxi div div:hover {
		background-color: #dfdfdf;
		color: #ffffff;
	}

	.lianxi .code img,
	.lianxi .code:hover img {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		opacity: 0;
	}

	.lianxi .code.active img {
		opacity: 1;
		transform: translateX(-50%) translateY(-100%);
	}
}

@media screen and (max-width: 768px) {

	.lianxi .code img,
	.lianxi .code:hover img {
		right: auto;
		left: 0%;
		transform: translateX(0%);
	}

	.lianxi .code.active img {
		opacity: 1;
		transform: translateX(0%) translateY(-100%);
	}
}

@media screen and (max-width: 538px) {
	.lianxi .code img {
		width: 120px;
		height: 120px;
	}
}



@font-face {
	font-family: 'HelveticaLTStd-BlkCond';
	src: url('../fonts/HelveticaLTStdBlkCond.eot');
	src: url('../fonts/HelveticaLTStdBlkCond.eot') format('embedded-opentype'),
		url('../fonts/HelveticaLTStdBlkCond.woff2') format('woff2'),
		url('../fonts/HelveticaLTStdBlkCond.woff') format('woff'),
		url('../fonts/HelveticaLTStdBlkCond.ttf') format('truetype'),
		url('../fonts/HelveticaLTStdBlkCond.svg#HelveticaLTStdBlkCond') format('svg');
}


@font-face {
	font-family: 'HelveticaLTStd-Cond';
	src: url('../fonts/HelveticaLTStdCond.eot');
	src: url('../fonts/HelveticaLTStdCond.eot') format('embedded-opentype'),
		url('../fonts/HelveticaLTStdCond.woff2') format('woff2'),
		url('../fonts/HelveticaLTStdCond.woff') format('woff'),
		url('../fonts/HelveticaLTStdCond.ttf') format('truetype'),
		url('../fonts/HelveticaLTStdCond.svg#HelveticaLTStdCond') format('svg');
}


@font-face {
	font-family: 'HelveticaLTStd-BoldCond';
	src: url('../fonts/HelveticaLTStdBoldCond.eot');
	src: url('../fonts/HelveticaLTStdBoldCond.eot') format('embedded-opentype'),
		url('../fonts/HelveticaLTStdBoldCond.woff2') format('woff2'),
		url('../fonts/HelveticaLTStdBoldCond.woff') format('woff'),
		url('../fonts/HelveticaLTStdBoldCond.ttf') format('truetype'),
		url('../fonts/HelveticaLTStdBoldCond.svg#HelveticaLTStdBoldCond') format('svg');
}



@font-face {
	font-family: "iconfont";
	font-display: swap;
	/* Project id 4207786 */
	src: url('../fonts/iconfont.woff2?t=1709794406353') format('woff2'),
		url('../fonts/iconfont.woff?t=1709794406353') format('woff'),
		url('../fonts/iconfont.ttf?t=1709794406353') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-shangjiantou1:before {
	content: "\e605";
}

.icon-xiazai:before {
	content: "\e626";
}

.icon-Triangle:before {
	content: "\e6b1";
}

.icon-shangjiantou:before {
	content: "\ee3a";
}

.icon-shangjiantou-copy:before {
	content: "\f1e8";
}

.icon-jia:before {
	content: "\e604";
}

.icon-bofang:before {
	content: "\e87d";
}

.icon-duigou:before {
	content: "\e6c5";
}

.icon-duigou-cu:before {
	content: "\e658";
}

.icon-facebook-fill:before {
	content: "\e88d";
}

.icon-linkedin1:before {
	content: "\f1e7";
}

.icon-xiajiantou-copy:before {
	content: "\e652";
}

.icon-phone-call:before {
	content: "\e684";
}

.icon-xiajiantou:before {
	content: "\ee39";
}

.icon-facebook1:before {
	content: "\e60d";
}

.icon-diqiu:before {
	content: "\e6bc";
}

.icon-weizhi1:before {
	content: "\e60a";
}

.icon-dakaixinxi:before {
	content: "\e603";
}

.icon-xiangshang:before {
	content: "\e655";
}

.icon-send-sms:before {
	content: "\e8a1";
}

.icon-shijian:before {
	content: "\e60e";
}

.icon-diqiuquanqiu:before {
	content: "\e76c";
}

.icon-dianziyoujianemail71:before {
	content: "\e8e8";
}

.icon-xiaojiantou-copy-copy:before {
	content: "\eca2";
}

.icon-xiaojiantou-copy:before {
	content: "\eca3";
}

.icon-weixin:before {
	content: "\e695";
}

.icon-weixin1:before {
	content: "\e733";
}

.icon-weixin2:before {
	content: "\e82c";
}

.icon-weixin3:before {
	content: "\e8bb";
}

.icon-24gl-tags2:before {
	content: "\e87c";
}

.icon-home_fill_light:before {
	content: "\e7d8";
}

.icon-guanbi:before {
	content: "\eca0";
}

.icon-xiangxia:before {
	content: "\e601";
}

.icon-jiantou_xiangzuo_o:before {
	content: "\eb92";
}

.icon-jiantou_xiangyou_o:before {
	content: "\eb94";
}

.icon-arrow-left:before {
	content: "\ea65";
}

.icon-arrow-right:before {
	content: "\ea66";
}

.icon-sanjiao:before {
	content: "\e65a";
}

.icon-sanjiao_xia:before {
	content: "\e631";
}

.icon-sanjiaoxia:before {
	content: "\e644";
}

.icon-shipin:before {
	content: "\e619";
}

.icon-twitter-new:before {
	content: "\e7ff";
}

.icon-twitter-new2:before {
	content: "\e800";
}

.icon-cloud-download:before {
	content: "\e7d9";
}

.icon-fankuifaqs:before {
	content: "\e7c0";
}

.icon-shijieditu:before {
	content: "\e628";
}

.icon-weixinmendian:before {
	content: "\e667";
}

.icon-ditudingwei:before {
	content: "\e625";
}

.icon-line-line:before {
	content: "\e765";
}

.icon-daohang:before {
	content: "\e641";
}

.icon-message2:before {
	content: "\e679";
}

.icon-phone3:before {
	content: "\e661";
}

.icon-doubleleft:before {
	content: "\e7ee";
}

.icon-doubleright:before {
	content: "\e7ef";
}

.icon-tel2:before {
	content: "\e642";
}

.icon-zhiding1:before {
	content: "\e62a";
}

.icon-line:before {
	content: "\e63f";
}

.icon-jiantou_qiehuanxiangxia:before {
	content: "\eb04";
}

.icon-facebook-:before {
	content: "\e68b";
}

.icon-instagram2:before {
	content: "\e6fc";
}

.icon-weizhi:before {
	content: "\e618";
}

.icon-rili:before {
	content: "\e8b4";
}

.icon-Rrl_s_145-copy:before {
	content: "\eca4";
}

.icon-videoyoutube:before {
	content: "\e7a1";
}

.icon-message1:before {
	content: "\e609";
}

.icon-below-s:before {
	content: "\e627";
}

.icon-message--fill:before {
	content: "\e683";
}

.icon-phone-:before {
	content: "\e638";
}

.icon-call-add:before {
	content: "\e63e";
}

.icon-earth-full:before {
	content: "\e9ee";
}

.icon-Rrl_s_145:before {
	content: "\e613";
}

.icon-email2:before {
	content: "\e856";
}

.icon-zhiding:before {
	content: "\e60b";
}

.icon-yanjingshouqiyuanhu-xianxingtubiao-01:before {
	content: "\e6a1";
}

.icon-home:before {
	content: "\e624";
}

.icon-edit:before {
	content: "\e611";
}

.icon-facebook:before {
	content: "\e620";
}

.icon-pinterest:before {
	content: "\e8ab";
}

.icon-linkedin:before {
	content: "\e648";
}

.icon-youtube:before {
	content: "\e6d6";
}

.icon-twitter:before {
	content: "\e607";
}

.icon-bigger:before {
	content: "\e647";
}

.icon-left:before {
	content: "\e72c";
}

.icon-right:before {
	content: "\e72d";
}

.icon-up1:before {
	content: "\e72e";
}

.icon-bottom1:before {
	content: "\e72f";
}

.icon-left1:before {
	content: "\e730";
}

.icon-right1:before {
	content: "\e731";
}

.icon-up:before {
	content: "\e73e";
}

.icon-bottom:before {
	content: "\e73f";
}

.icon-instagram:before {
	content: "\e79d";
}

.icon-tumblr:before {
	content: "\e79e";
}

.icon-download:before {
	content: "\e7a0";
}

.icon-download1:before {
	content: "\e7a7";
}

.icon-search4:before {
	content: "\e7b2";
}

.icon-address:before {
	content: "\e7bc";
}

.icon-email:before {
	content: "\e7bd";
}

.icon-contact:before {
	content: "\e7be";
}

.icon-whatsapp:before {
	content: "\e7bf";
}

.icon-fax:before {
	content: "\e7c2";
}

.icon-mobile:before {
	content: "\e7c6";
}

.icon-phone:before {
	content: "\e7c8";
}

.icon-tel:before {
	content: "\e7c7";
}

.icon-phone1:before {
	content: "\e7cb";
}

.icon-skype:before {
	content: "\e7cc";
}

.icon-whatsapp1:before {
	content: "\e7c1";
}

.icon-address1:before {
	content: "\e7c3";
}

.icon-contact1:before {
	content: "\e7c4";
}

.icon-email1:before {
	content: "\e7c5";
}

.icon-skype1:before {
	content: "\e7c9";
}

.icon-fax1:before {
	content: "\e7ca";
}

.icon-qq:before {
	content: "\e7ce";
}

.icon-tel1:before {
	content: "\e7cd";
}

.icon-wechat:before {
	content: "\e7cf";
}

.icon-phone2:before {
	content: "\e7d0";
}

.icon-message:before {
	content: "\e7da";
}

.icon-calendar:before {
	content: "\e7e1";
}

.icon-calendar1:before {
	content: "\e7e3";
}

.icon-top:before {
	content: "\e7ed";
}

.icon-youbian:before {
	content: "\e60f";
}

.icon-jian2:before {
	content: "\e600";
}

.icon-jia2:before {
	content: "\e608";
}

.icon-vk:before {
	content: "\e735";
}

.icon-instagram1:before {
	content: "\e640";
}

.icon-up7:before {
	content: "\e722";
}

.icon-bottom7:before {
	content: "\e723";
}

.icon-left7:before {
	content: "\e724";
}

.icon-right7:before {
	content: "\e725";
}

.icon-sousuo4:before {
	content: "\e610";
}

.icon-sousuo:before {
	content: "\e616";
}

.icon-sousuo1:before {
	content: "\e65b";
}

.icon-shangchuan:before {
	content: "\e602";
}

.icon-top2:before {
	content: "\e637";
}

.icon-biaoqian:before {
	content: "\e649";
}

.icon-twitter3:before {
	content: "\e7fd";
}

.icon-twitter4:before {
	content: "\e7fe";
}

.icon-xiazai1:before {
	content: "\e675";
}
.tablen .property{
	width: 50%;
	float: right;
	color: #666666;
	font-size: 12px;
}
@media screen and (max-width: 768px){
	.tablen .property{
		width: 100%;
		float: inherit;
	}
}
.meshFence .checks {
    width: 100%;
}


/*pyadd0905*/
.maln{margin-left:0px !important;}
.main4{ background:#2f2e3b; padding-top:71px; padding-bottom:64px;}
.main4 .m3p a{ display:block; color: #999999; max-width:1010px; margin:auto;}

.m4n{ padding-top:28px; display: flex;    flex-wrap: wrap;}
.m4n:after{ content:""; clear:both; display:block;}
.m4lie{ width:24%; display:inline-block; vertical-align:top; margin-left:1.3333%; overflow: hidden;background:#ffffff; }
.m4tu{ display:block;overflow: hidden;}
.m4tu img{ width:100%;}
.m4zi{ background:#ffffff; padding:20px; padding-bottom:41px; transition:0.5s;}
.m4a{ display:block; font-size:16px; font-size:1.6rem; line-height:26px; overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;  font-family: HelveticaLTStd-BlkCond;}
.m4p a{ display:block; color: #666666; font-size:14px; font-size:1.4rem; line-height:24px;  overflow:hidden; margin-top:17px; overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;}
.m4riqi{ display:block; color: #999999; font-size:14px; font-size:1.4rem; margin-top:26px;}
.m4lie:hover .m4zi,.m4lie:hover{    transition: all .4s ease; background:#005db9;}
.m4lie:hover a,.m4lie:hover span{ color:#fff;}

.m4mor{display: flex;    justify-content: space-between; font-family: HelveticaLTStd-BlkCond; width: 180px; height: 50px; line-height:48px;   text-align:center; color: #fff; font-size:16px; font-size:1.6rem; margin:auto; margin-top:51px; background:#ffba00; color:#fff;}
.m4mor span{display: block;    text-align: center;    margin: 0 auto;     width: 130px;}
.m4mor i{width: 50px;
    display: block;
    height: 50px;
    background: #858499; text-align:center; line-height:50px;}
.m4mor:hover{ background:#fff; color:#333; }
.m4mor:hover i{ color:#fff; }
.main4 .m3p a:hover{ color:#005db9;}
@media screen and (max-width:1219px) {
.m4zi{ padding:20px 10px;}
.m4a{ font-size:16px; font-size:1.6rem; line-height:24px;}
.m4p a{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px; height:48px;}
.m4riqi{ margin-top:10px;}
}
@media screen and (max-width:999px) {
.main4{ padding-top:40px; padding-bottom:40px;}
.m4n{ padding:10px;}
.m4lie{ margin-top:15px; 
/*width:32.333%; margin-left:1.5%;*/
    
}
.m4mor{ display:none;}
}
@media screen and (max-width:767px) {
.m4lie{ width:48%; margin-left:1% !important; margin-right:1%;}
.m4zi{ padding:10px 5px;}
.m4a{ font-size:14px; font-size:1.4rem; line-height:20px;}
.m4p a{ font-size:12px; font-size:1.2rem; line-height:22px; height:44px;}
.m4riqi{ font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:399px) {
.m4lie{ width:100%; margin-left:0% !important; margin-right:0%;}
}
.m1biao{ font-family: HelveticaLTStd-BlkCond;
    font-size: 48px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 30px;
    display: block; text-align:center;}
    
    
    
    
    
    
@media screen and (max-width:1600px) {
	.m1biao {
		font-size: 36px !important;
		line-height: 45px !important;
	}
}

@media screen and (max-width:1333px) {
	.m1biao {
		font-size: 28px !important;
		line-height: 35px !important;
		margin-bottom:5px;
	}

}

@media screen and (max-width:999px) {
	.m1biao {
		font-size: 24px !important;
		line-height: 30px !important;
	}

	
}

@media screen and (max-width:768px) {
	.m1biao {
		font-size: 22px !important;
	}


}


@media screen and (max-width:538px) {
	.m1biao {
		font-size: 20px !important;
		line-height: 28px !important;
	}
}




.prejectsadd{font-family: HelveticaLTStd-BoldCond;
    font-size: 35px;
    /*text-align: center;*/
    margin-bottom:50px;}
    .prejectsadd a{ 
        /*padding:0px 20px;*/
      margin-right:20px;  
    }
    
    
    