@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%;
}

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

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

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

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

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



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


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

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

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







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

@media screen and (max-width:1333px) {
	.standardTxt .title1 {
		font-size: 28px !important;
		line-height: 45px !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 a{
		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 a{
		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;
	}
}





.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: #8ec31f;
		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: 400px;
		height: 0px;
		overflow: auto;
		top: 0px;
		right: 0px;
		background: rgba(142, 195, 31, 0.95);
		z-index: 99999999;
		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 8.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 17, 2023
 */

@font-face {
    font-display: swap; 
	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
}

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

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

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

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

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

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

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

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

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

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

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

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

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

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

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

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

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

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size)
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

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

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

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1
}

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

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

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

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

.swiper-button-lock {
	display: none
}

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

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

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important
}

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: 50%;
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

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

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

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

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

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block
}

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

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

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

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

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

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

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

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

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

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

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

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg)
	}

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

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

.swiper-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube {
	overflow: visible
}

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

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

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0
}

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

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

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

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
	content: '';
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px)
}

.swiper-flip {
	overflow: visible
}

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

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

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

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

.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height
}

.swiper-cards {
	overflow: visible
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden
}




/* ---------------------index----------------------------- */


/* commonNav */

.safeRange {
	width: calc(100% - 260px);
	margin-left: auto;
}

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

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

	.safeRange2 {
		width: calc(100% - 120px);
	}
}

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

	.safeRange {
		width: 100%;
		margin: 0;
	}
}

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


nav {
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	width: 260px;
	z-index: 9999999;
	padding: 65px 0px 26px 0px;
	box-shadow: -2px 0px 13px 0px rgba(255, 255, 255, 0.2);
	background-color: #111111;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}




nav .logo {
	width: 174px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 56.3px;
}



nav .navList {
	margin-bottom: 49px;
}

nav .navList>li.active>a {
	color: #9bc83c;
}

nav .navList>li {
	margin-bottom: 34px;
	position: relative;
}

nav .navList>li>a {
	padding: 0px 36px 0px 43px;
}


nav .navList>li .moreList,
nav .navList>li ul {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 100%;
	background-color: #000000;
	padding: 22px 0px 28px 0px;
	width: max-content;
	max-width: 400px;
	overflow: auto;
	scrollbar-color: #9bc83c rgba(0, 0, 0, 0.2);
	scrollbar-width: thin;
	max-height: 500px;
	display: none;
	transition: none;
}


nav .navList>li .moreList li {
	margin-bottom: 8px;
	position: relative;
}

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

nav .navList>li .moreList li a {
	font-family: Barlow-Regular;
	font-size: 16px;
	color: #ffffff;
	line-height: 26px;
	padding: 0px 51px 0px 18px;
}

nav .navList>li .moreList li:hover>a {
	color: #9bc83c;
}


nav .navList>li>a {
	display: flex;
	align-items: center;
	font-family: Oswald-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff; text-transform:uppercase;
}


nav .navList>li:hover>a,
nav .navList>li:hover>a i {
	color: #8ec31f;
}


nav .navList>li>a>i {
	font-size: 12px;
	flex-shrink: 0;
	margin-left: 8px;
}


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


nav .searchBox {
	padding: 0 36px 0 43px;
}

nav .search {
	width: 100%;
	height: 38px;
	background-color: #292929;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

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


nav .search>input {
	padding: 0 10px;
	color: #fff;
}

nav .search .btn {
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-right: 5px;
}

nav .search .btn i {
	font-size: 14px;
	color: #ffffff;
}





nav .search .btn input {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 99;
}


nav .search .btn:hover i {
	color: #8ec31f;
}


nav input::-webkit-input-placeholder {
	font-family: Barlow-Regular;
	font-size: 16px;
	color: #888888;
}

nav input:-moz-placeholder {
	font-family: Barlow-Regular;
	font-size: 16px;
	color: #888888;
}

nav input::-moz-placeholder {
	font-family: Barlow-Regular;
	font-size: 16px;
	color: #888888;
}

nav input:-ms-input-placeholder {
	font-family: Barlow-Regular;
	font-size: 16px;
	color: #888888;
}


nav .follow {
	position: relative;
}



nav .follow .btn {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #cad1da;
	padding: 0px 36px 0px 43px;
}


nav .follow .btn i {
	font-size: 12px;
	color: #cad1da;
	flex-shrink: 0;
	margin-left: 10px;
}


nav .follow .list {
	position: absolute;
	top: 50%;
	left: 65%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	height: 55px;
	padding: 0 18px;
	background-color: #000000;
	padding: 0;
	opacity: 0;
	max-width: 0;
}


nav .follow:hover .list {
	opacity: 1;
	padding: 0 22px;
	max-width: 500px;
}


nav .follow .list::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateX(-100%) translateY(-50%);
	background-color: #000000;
	width: 24px;
	height: 19px;
	clip-path: polygon(50% 50%, 100% 0%, 100% 100%);
	z-index: 999;
}

nav .follow .list a {
	margin-right: 29.5px;
}

nav .follow .list a:hover {
	color: #8ec31f;
}

nav .follow .list a:last-child {
	margin-right: 0;
}

nav .follow .list a {
	font-size: 18px;
	color: #ededed;
}


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

	nav .searchBox {
		padding: 0 30px;
	}

	nav .navList>li>a {
		padding: 0 30px;
	}

	nav .follow .btn {
		padding: 0px 30px;
	}

	nav .logo {
		width: 160px;
		margin-bottom: 40px;
	}

	nav .follow .list {
		height: 50px;
	}

	nav .navList>li .moreList,
	nav .navList>li .moreList ul {
		padding: 20px 0;
	}

	nav .navList>li .moreList {
		top: -20px;
		transform: translateY(0);
	}

	nav .navList>li .moreList li {
		margin-bottom: 15px;
	}


}

@media screen and (max-width:1333px) {
	nav {
		width: 220px;
	}

	nav .logo {
		width: 140px;
	}

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


	nav .follow .list {
		height: 45px;
		left: 80%;
	}

	nav .follow .list a {
		font-size: 16px;
	}

}

@media screen and (max-width:999px) {
	nav {
		height: 50px;
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		padding: 0 50px;
	}

	nav .navList {
		display: none;
	}

	nav .search {
		display: none;
	}

	nav .logo {
		width: 80px;
		margin-bottom: 0;
		flex-shrink: 0;
		margin-right: 30px;
	}

	nav .follow .btn,
	nav .follow .list::after {
		display: none;
	}

	nav .follow .list {
		position: static;
		transform: translateY(0);
		background-color: transparent;
		height: auto;
	}

	nav .follow .list a {
		font-size: 16px;
		margin-right: 20px;
	}

	header .xnav .nav {
		top: 25px;
		transform: translateY(-50%);
	}

	.bannerRange {
		margin-top: 50px;
	}
}

@media screen and (max-width:768px) {
	nav {
		height: 45px;
		width: 100%;
		padding: 0 30px;
	}

	.bannerRange {
		margin-top: 45px;
	}

	nav .logo {
		width: 65px;
	}

	nav .follow .list a {
		font-size: 14px;
	}

	header .xnav .nav {
		top: 22px;
	}
}

@media screen and (max-width:538px) {
	nav .follow .list {
		display: none;
	}

	nav {
		padding: 0 20px;
	}

	header .xnav .smdaohang {
		width: 320px;
	}
}









/* 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;
	top: 50%;
	transform: translateY(-50%);
	width: 66px;
	height: 66px;
	border: solid 1px transparent;
	cursor: pointer;
	border-radius: 50%;
	font-size: 20px;
	background-color: rgba(237, 237, 237, 0.2);
	color: #ffffff;

}


.banner .slick-arrow:hover {
	background-color: #ccc;
	border: 1px solid #fff;
}

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

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

.banner .slick-dots {
	position: absolute;
	bottom: 43px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.banner .slick-dots li {
	width: 15px;
	height: 15px;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 50%;
	margin: 0 8px;
	cursor: pointer;
	border: 1px solid #9bc83c;
}

.banner .slick-dots li.slick-active {
	background-color: #9bc83c;
}


.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: 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: 10px;
	}

	.banner .slick-dots li {
		margin: 0 5px;
	}

	.banner .slick-dots a {
		width: 10px;
		height: 10px;
	}

	.banner2 {
		display: none;
	}
}

.indexBanner .item .msg {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}



.indexBanner .title {
	font-family: Oswald-Bold;
	font-size: 146px;
	line-height: 160px;
	color: #ffffff;
	margin-bottom: 18px;
}




.indexBanner .tit {
	font-family: Oswald-Bold;
	font-size: 58px;
	line-height: 80px;
	color: #ffffff;
	margin-bottom: 52px;
}

.indexBanner .list {
	margin-bottom: 111px;
}


.indexBanner .list li {
	display: flex;
	align-items: flex-start;
	font-family: Barlow-Regular;
	color: #ffffff;
	margin-bottom: 9.5px;
	font-size: 31px;
	line-height: 45px;
	color: #ffffff;
}

.indexBanner .list li span {
	font-family: Barlow-Bold;
	font-size: 36px;
	line-height: 38px;
	margin-right: 6px;
}


.indexBanner .list li:last-child {
	margin-bottom: 0;
}



.indexBanner .list li p {
	font-size: 26px;
	line-height: 45px;
}




.indexBanner .list li::before {
	content: "";
	width: 33px;
	height: 34px;
	background-image: url("../images/bannerIcon.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	flex-shrink: 0;
	margin-right: 20px;
	transform: translateY(6px);
}


.indexBanner .msg .btn {
	width: 169px;
	height: 48px;
	border: solid 2px #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Oswald-Bold;
	font-size: 16px;
	letter-spacing: 1px;
	color: #ffffff; text-transform:uppercase;
}


.indexBanner .msg .btn:hover {
	background-color: #8ec31f;
	border-color: #8ec31f;
}





@media screen and (max-width:1600px) {
	.indexBanner .title {
		font-size: 50px;
		line-height: 60px;
	}

	.indexBanner .tit {
		font-size: 38px;
		line-height: 45px;
		margin-bottom: 40px;
	}

	.indexBanner .list li {
		margin-bottom: 20px;
	}

	.indexBanner .list li:last-child {
		margin-bottom: 0;
	}

	.indexBanner .list li p,
	.indexBanner .list li {
		font-size: 22px;
		line-height: 30px;
	}

	.indexBanner .list li::before {
		width: 25px;
		height: 25px;
	}

	.indexBanner .list li span {
		font-size: 28px;
		line-height: 35px;
	}

	.indexBanner .list {
		margin-bottom: 60px;
	}

	.indexBanner .msg .btn {
		height: 45px;
	}

	.banner .slick-arrow {
		width: 45px;
		height: 45px;
		font-size: 16px;
	}

	.banner .slick-dots li {
		width: 13px;
		height: 13px;
	}


}

@media screen and (max-width:1333px) {
	.indexBanner .title {
		font-size: 32px;
		line-height: 45px;
	}

	.indexBanner .tit {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 30px;
	}

	.indexBanner .list li p,
	.indexBanner .list li {
		font-size: 18px;
		line-height: 30px;
	}

	.indexBanner .list li span {
		font-size: 26px;
		line-height: 35px;
	}

	.indexBanner .list li::before {
		width: 20px;
		height: 20px;
	}

	.indexBanner .list li {
		margin-bottom: 10px;
	}

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

	.indexBanner .msg .btn {
		height: 40px;
		font-size: 14px;
		width: 160px;
	}

	.banner .slick-dots li {
		width: 12px;
		height: 12px;
	}

	.banner .slick-dots {
		bottom: 30px;
	}

	.banner .slick-arrow {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}
}

@media screen and (max-width:999px) {
	.indexBanner .title {
		font-size: 28px;
		line-height: 35px;
	}

	.indexBanner .tit {
		font-size: 22px;
		line-height: 30px;
	}

	.indexBanner .list li p,
	.indexBanner .list li {
		font-size: 16px;
		line-height: 26px;
	}

	.indexBanner .list li span {
		font-size: 22px;
		line-height: 30px;
	}

	.banner .slick-dots li {
		width: 10px;
		height: 10px;
	}

	.indexBanner .msg .btn {
		height: 35px;
	}

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

@media screen and (max-width:768px) {
	.indexBanner .list {
		display: none;
	}

	.indexBanner .title {
		font-size: 24px;
		line-height: 30px;
	}

	.indexBanner .tit {
		font-size: 18px;
		line-height: 28px;
	}

	.indexBanner .msg .btn {
		height: 30px;
		font-size: 12px;
		width: 140px;
	}
}

@media screen and (max-width:538px) {
	.indexBanner .title {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.indexBanner .tit {
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 26px;
	}

	.indexBanner .msg .btn {
		width: 120px;
	}

	.banner .slick-dots {
		bottom: 10px;
	}
}


.icourts {
	padding: 109px 0 111px 0;
	background-color: #fff;
}

.icourts .con {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	flex-direction: column;
}

.icourts .con .swiper {
	width: 100%;
	margin-bottom: 44px;
	clip-path: polygon(0% -1000%, 100% -1000%, 100% 1000%, 0 1000%);
	overflow: visible;
}

.icourts .con .swiper-pagination {
	position: absolute;
	top: 50%;
	transform: translateY(-34%);
	left: 0;
	width: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: auto;
}


.icourts .con .swiper-pagination span {
	width: 24px;
	height: 24px;
	border: solid 1px transparent;
	border-radius: 50%;
	margin: 12.5px 0;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	opacity: 1;
	flex-shrink: 0;
}



.icourts .con .swiper-pagination span::after {
	content: "";
	width: 7px;
	height: 7px;
	background-color: #666666;
	border-radius: 50%;
	transition: .3s linear all;
}

.icourts .con .swiper-pagination span::before {
	content: "";
	width: 0px;
	height: 1px;
	background-color: #7aa931;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-2%) translateY(-50%);
	transition: .3s linear all;
}

.icourts .con .swiper-pagination span i {
	font-family: Oswald-Bold;
	font-size: 16px;
	line-height: 26px;
	color: #7aa931;
	font-style: normal;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0px;
	opacity: 0;
}


.icourts .con .swiper-pagination span.swiper-pagination-bullet-active {
	border: solid 1px #7aa931;
	margin: 20.5px 0;
}

.icourts .con .swiper-pagination span.swiper-pagination-bullet-active::after {
	background-color: #7aa931;
}

.icourts .con .swiper-pagination span.swiper-pagination-bullet-active i {
	right: -41px;
	opacity: 1;
}

.icourts .con .swiper-pagination span.swiper-pagination-bullet-active::before {
	width: 34px;
}



.icourts .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
}


.icourts .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
	margin-bottom: 12px;
	text-align: center;
}


.icourts .tit {
	font-family: Barlow-Regular;
	font-size: 26px;
	line-height: 30px;
	color: #000000;
	margin-bottom: 49px;
}


.icourts .image {
	width: 56.85%;
	margin-bottom: 60px;
	overflow: hidden;
}

.icourts .image:hover {
	box-shadow: 4px 7px 28px 2px rgba(0, 0, 0, 0.07);
}

.icourts .image:hover img {
	transform: scale(1, 1);
}

.icourts .msg {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 57.07%;

}


.icourts .tit1 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	width: 35%;
}


.icourts .tit1 span {
	font-family: Oswald-Bold;
	font-size: 30px;
	line-height: 42px;
	color: #7aa931;
}

.icourts .tit1:hover::after {
	width: 100%;
}


.icourts .tit1::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -14px;
	width: 45px;
	height: 3px;
	background-color: #7aa931;
	transition: .3s linear all;
}

.icourts .txts {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
	width: 59.3%;
	transform: translateY(1px);
}



.icourts .btn {
	
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;

}
.icourts .btn a:nth-of-type(1) { width: 460px;
	height: 54px;
	border: solid 1px #333333; 	font-family: Oswald-Regular;
	font-size: 14px;
	color: #333333; text-align: center;    line-height: 54px; margin-right:15px;} 
.icourts .btn a:nth-of-type(1):hover {
	background-color: #9bc83c;
	color: #ffffff !important;
	border-color: #9bc83c;
}
.icourts .btn a:nth-of-type(2) { width: 390px;font-family: Oswald-Regular;
	height: 54px;
	background-color: #9bc83c;
    font-size: 14px;
    color: #ffffff;
    border: 1px solid #9bc83c;text-align: center;    line-height: 54px;} 
.icourts .btn a:nth-of-type(2):hover {
background-color: #ffffff;
	color: #9bc83c;
}

@media screen and (max-width:1600px) {
	.icourts .tit {
		font-size: 20px;
		line-height: 30px;
	}

	.icourts .image {
		margin-bottom: 40px;
	}

	.icourts .txts {
		font-size: 16px;
		line-height: 26px;
	}

	.icourts .tit1 span {
		font-size: 22px;
		line-height: 30px;
	}

	.icourts .con .swiper-pagination {
		transform: translateY(-50%);
	}

	.icourts .msg {
		width: 75%;
	}

.icourts .btn a:nth-of-type(1),.icourts .btn a:nth-of-type(2){
		line-height: 50px;
		height: 100px;
		width: 280px;
		font-size: 14px !important;
		/*width: 440px;*/
	}
}

@media screen and (max-width:1333px) {
	.icourts .msg {
		flex-direction: column;
		align-items: flex-start;
	}

	.icourts .tit1 {
		width: 100%;
		margin-bottom: 30px;
	}

	.icourts .txts {
		width: 100%;
	}

	.icourts .tit {
		margin-bottom: 40px;
		font-size: 18px;
		line-height: 28px;
	}

.icourts .btn a:nth-of-type(1),.icourts .btn a:nth-of-type(2){
		/*height: 45px;*/
		/*line-height: 45px;*/
	}

	.icourts .tit1 span {
		font-size: 20px;
		line-height: 30px;
	}

	.icourts .image {
		width: 60%;
	}

	.icourts .con .swiper-pagination span {
		margin: 10px 0;
	}

	.icourts .con .swiper-pagination span.swiper-pagination-bullet-active {
		margin: 15px 0;
	}

}

@media screen and (max-width:999px) {
	.icourts .con .swiper-pagination span.swiper-pagination-bullet-active i {
		right: -30px;
	}

	.icourts .con .swiper-pagination span.swiper-pagination-bullet-active::before {
		width: 30px;
	}

	.icourts .con .swiper-pagination span {
		width: 22px;
		height: 22px;
	}

	.icourts .tit {
		margin-bottom: 30px;
	}

	.icourts .tit1 span {
		font-size: 18px;
		line-height: 28px;
	}

.icourts .btn a:nth-of-type(1),.icourts .btn a:nth-of-type(2){
		/*height: 40px;*/
		/*line-height: 40px;*/
		/*width: 230px;*/
	}

	.icourts .con .swiper {
		margin-bottom: 30px;
	}

	.icourts .tit,
	.icourts .tit1 span {
		font-size: 16px;
		line-height: 26px;
	}

	.icourts .image {
		margin-bottom: 30px;
	}
}

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

	.icourts .con .swiper-pagination span i,
	.icourts .tit,
	.icourts .tit1 span {
		font-size: 14px;
		line-height: 24px;
	}

	.icourts .tit {
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 24px;
	}

	.icourts .image {
		margin-bottom: 20px;
	}

.icourts .btn a:nth-of-type(1),.icourts .btn a:nth-of-type(2){
		height: 35px;
		line-height: 35px;
	}
	.icourts .btn{ flex-wrap: wrap;}
	.icourts .btn a:nth-of-type(1),.icourts .btn a:nth-of-type(2){ width:100%; margin:0 auto; margin-bottom:15px;}
}

@media screen and (max-width:538px) {
	.icourts .con .swiper-pagination span.swiper-pagination-bullet-active::before {
		display: none;
	}

	.icourts .con .swiper-pagination span.swiper-pagination-bullet-active::after {
		display: none;
	}

	.icourts .con .swiper-pagination span.swiper-pagination-bullet-active i {
		right: 50%;
		transform: translateX(50%) translateY(-50%);
		color: #7aa931;
	}

	.icourts .con .swiper-pagination span.swiper-pagination-bullet {
		border: none;
	}

	.icourts .con .swiper-pagination span.swiper-pagination-bullet-active {
		border: none;
	}

	.icourts .con .swiper-pagination span i {
		opacity: 1;
		right: 50%;
		transform: translateX(50%) translateY(-50%);
		color: #666666;
	}

	.icourts .con .swiper-pagination span::after {
		display: none;
	}

.icourts .btn a:nth-of-type(1),.icourts .btn a:nth-of-type(2){
		/*width: 210px;*/
	}

	.icourts .msg {
		width: 70%;
	}

	.icourts .con .swiper-pagination span i,
	.icourts .tit,
	.icourts .tit1 span {
		font-size: 12px;
		line-height: 22px;
	}
}








.padel {
	padding: 108px 0 101px 0;
	background-image: url("../images/indexM3-bg.jpg");
	background-size: cover;
	background-position: right bottom;
	background-repeat: no-repeat;
	position: relative;
}


.padel::after {
	content: "";
	height: 100%;
	top: 0;
	position: absolute;
	width: 100%;
	background-color: #eeeeee;
	z-index: -1;
	transform: translateY(-100%);
}

.padel .con {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}





.padel .con .image1 {
	overflow: hidden;
	width: 44.857%;
}



.padel .con .image2 {
	overflow: hidden;
	border: 10px solid #ffffff;
	width: 73%;
	transform: translateX(-27.4%);
}



.padel .con .msg {
	width: 51.3%;
	padding-top: 48px;
}


.padel .con .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 72px;
	color: #000000;
	margin-bottom: 22px;
}


.padel .con .txts {
	font-family: Barlow-Regular;
	font-size: 20px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 66px;
}



.padel .con .btn {
	width: 530px;
	height: 70px;
	background-color: #9bc83c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Oswald-Regular;
	font-size: 18px;
	color: #ffffff;
	border: 1px solid #9bc83c;
	margin-bottom: 115px;
}


.padel .con .btn:hover {
	background-color: #ffffff;
	color: #9bc83c;
}



.padel .msg {
	position: relative;
}


.padel .msg .signIcon {
	position: absolute;
	right: 0;
	top: -1.2%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 59px;
}


@media screen and (max-width:1600px) {
	.padel .con .txts {
		font-size: 16px;
		line-height: 26px;
	}

	.padel {
		padding: 80px 0;
	}

	.padel .con .btn {
        height: 50px;
        width: 380px;
        font-size: 14px;
	}

	.padel .msg .signIcon {
		top: 0;
		width: 50px;
	}

	.padel .con .image2 {
		transform: translateX(-50%);
	}

	.padel .con .txts {
		margin-bottom: 50px;
	}

	.padel .con .btn {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:1333px) {
	.padel .con .txts {
		margin-bottom: 40px;
	}

	.padel .con .image2 {
		width: 100%;
	}

	.padel .con .btn {
		height: 45px;
		margin-bottom: 50px;
	}

	.padel .msg .signIcon {
		width: 40px;
	}

	.padel .con .msg {
		padding-top: 40px;
	}

	.padel {
		padding: 60px 0;
	}
}

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

	.padel .con .btn {
		height: 40px;
	}

	.padel .con .txts {
		margin-bottom: 30px;
	}
}

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

	.padel .con {
		flex-direction: column;
	}

	.padel .con .msg {
		width: 100%;
		padding-top: 30px;
		position: relative;
	}

	.padel .con .image2 {
		position: absolute;
		transform: translateX(0) translateY(-130%);
		top: 0;
		right: 0;
		width: 48%;
	}

	.padel .con .image1 {
		width: 48%;
	}

	.padel .con .btn {
		margin-bottom: 0;
	}

	.padel .con .image2 {
		border-width: 5px;
	}

}

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

	.padel .con .title1 {
		margin-bottom: 20px;
	}

	.padel .con .txts {
		margin-bottom: 20px;
	}

	.padel .con .btn {
		height: 35px;
		width: 160px;
	}
}


.iNews {
	padding-bottom: 107px;
	background-image: url("../images/indexM4-bg.jpg");
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}


.iNews .courtsProjects {
	margin-bottom: 92px;
}


.iNews .latestNews {
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-items: flex-start;
}


.iNews .latestNews .msg {
	width: 30%;
	padding: 59px 0;
}


.iNews .latestNews .checks {
	width: 66.55%;
	overflow: hidden;
}


.iNews .latestNews .msg .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
	margin-bottom: 13px;
}

.iNews .latestNews .msg .tit {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 56px;
}

.iNews .latestNews .msg .ckeckBtns {
	margin-bottom: 133px;
}


.iNews .latestNews .msg .ckeckBtns li {
	display: flex;
	align-items: center;
	font-family: Oswald-Bold;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 30px;
	color: #666666;
	position: relative;
	padding-left: 64px;
	cursor: pointer;
}


.iNews .latestNews .msg .ckeckBtns li.current,
.iNews .latestNews .msg .ckeckBtns li:hover {
	color: #9bc83c;
}


.iNews .latestNews .msg .ckeckBtns li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 0;
	height: 3px;
	background-color: #9bc83c;
	flex-shrink: 0;
	margin-right: 10px;
	transition: .4s ease all;
}


.iNews .latestNews .msg .ckeckBtns li.current::before,
.iNews .latestNews .msg .ckeckBtns li:hover::before {
	width: 52px;
}

.iNews .latestNews .msg .ckeckBtns li:last-child {
	margin-bottom: 0;
}


.iNews .latestNews .btns {
	display: flex;
	align-items: center;
}


.iNews .latestNews .btns div {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	background-color: #9bc83c;
	font-size: 18px;
	cursor: pointer;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	margin-right: 9px;

}



.iNews .latestNews .btns div:hover {
	background-color: #0e5b3d;
}

@media screen and (max-width:1600px) {
	.iNews {
		padding-bottom: 80px;
	}

	.iNews .latestNews .msg {
		padding: 0;
	}

	.iNews .latestNews .msg .ckeckBtns {
		margin-bottom: 40px;
	}

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

	.iNews .latestNews {
		align-items: center;
	}

	.iNews .latestNews .btns div {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.iNews .latestNews .btns div.prev {
		margin-right: 20px;
	}

	.iNews .latestNews .msg .ckeckBtns li {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.iNews .courtsProjects {
		margin-bottom: 80px;
	}
}

@media screen and (max-width:1333px) {
	.iNews .latestNews {
		flex-direction: column;
		align-items: flex-start;
	}

	.iNews .latestNews .checks {
		width: 100%;
	}

	.iNews .latestNews .msg {
		width: 100%;
	}

	.iNews .latestNews .msg .tit {
		margin-bottom: 30px;
	}

	.iNews .latestNews .msg .ckeckBtns {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}

	.iNews .latestNews .msg .ckeckBtns li {
		margin-bottom: 0;
		margin-right: 30px;
	}

	.iNews .latestNews .msg {
		margin-bottom: 30px;
	}

	.iNews .latestNews .btns div {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}

	.iNews .courtsProjects {
		margin-bottom: 60px;
	}

	.iNews .latestNews .msg .ckeckBtns li {
		font-size: 16px;
		line-height: 26px;
		padding-left: 60px;
	}

	.iNews .latestNews .msg .ckeckBtns li.current::before,
	.iNews .latestNews .msg .ckeckBtns li:hover::before {
		width: 40px;
	}

	.iNews {
		padding-bottom: 60px;
	}
}

@media screen and (max-width:999px) {
	.iNews {
		padding-bottom: 50px;
	}

	.iNews .latestNews .msg .tit {
		margin-bottom: 20px;
	}

	.iNews .courtsProjects {
		margin-bottom: 50px;
	}

}

@media screen and (max-width:768px) {
	.iNews {
		padding-bottom: 40px;
	}

	.iNews .courtsProjects {
		margin-bottom: 40px;
	}

	.iNews .latestNews .msg .ckeckBtns li {
		font-size: 14px;
		line-height: 24px;
		margin-right: 20px;
		padding-left: 40px;
	}

	.iNews .latestNews .msg .ckeckBtns li.current::before,
	.iNews .latestNews .msg .ckeckBtns li:hover::before {
		width: 30px;
	}

	.iNews .latestNews .btns div {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}

	.iNews .latestNews .msg .ckeckBtns {
		margin-bottom: 20px;
	}

}

@media screen and (max-width:538px) {
	.iNews {
		padding-bottom: 30px;
	}

	.iNews .latestNews .msg .ckeckBtns li {
		font-size: 12px;
		line-height: 22px;
	}
}








/* 1-1Padel Courts */

.courts {
	padding: 42px 0 116px 0;
}


.courts .des {
	display: flex;
	align-items: center;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 67px;
}


.courts .des .title {
	width: 45%;
}






.courts .des .title .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 72px;
	color: #000000;
	margin-bottom: 5px;
}


.courts .des .title .tit {
	font-family: Barlow-Regular;
	font-size: 50px;
	line-height: 72px;
	color: #9bc83c;
}



.courts .des .txts {
	width: 50.2%;
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	position: relative;
	overflow: hidden;
	margin-top: 22px;
}


.courts .des .txts a {
	display: inline;
	color: #9bc83c;
}

.courts .des .txts a:hover {
	text-decoration: underline;
}

.courts .des .txts.active {
	overflow: visible;
}



.courts .des .txts .readMore {
	position: absolute;
	display: flex;
	align-items: center;
	bottom: 0;
	right: 0;
	background-color: #ffffff;
	cursor: pointer;
	color: #9bc83c;
}

.courts .des .txts .readMore.active {
	display: none;
}


.courts .des .txts .readMore:hover {
	text-decoration: underline;
}


.courts .des .txts .readMore.current {
	transform: translateY(100%);
}


.courts .steps {
	margin-bottom: 78px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}



.courts .steps .ckecks {
	width: 51%;
	max-height:435px;
	overflow-y:auto
}






.courts .steps .ckecks .tit {
	font-family: Oswald-Regular;
	font-size: 30px;
	line-height: 40px;
	color: #000000;
	margin-bottom: 45px;
	position: relative;
}

.courts .steps .ckecks .tit::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -19px;
	width: 119px;
	height: 5px;
	background-color: #9bc83c;
}


.courts .steps .ckecks .txts p {
	font-family: Barlow-Regular;
	font-size: 18px;
	color: #666666;
	line-height: 30px;
	margin-bottom: 10px;
	hyphens: auto;
}


.courts .steps .ckecks .txts p:last-child {
	margin-bottom: 0;
}

.courts .steps .ckecks .txts a {
	display: inline;
	font-weight: bold;
}

.courts .steps .ckecks .txts a:hover {
	text-decoration: underline;
}

.courts .steps .ckecks .txts i,.courts .steps .ckecks .txts em {
	color: #9bc83c;
	font-style: normal;
}


.courts .steps .ckeckBtns {
	width: 43.5%;
	padding: 41px 0;
}


.courts .steps .ckeckBtns .item {
	border-radius: 0px 10px 0px 0px;
	border-left: 0;
	border-bottom: 0;
	padding: 11px 8px;
	font-family: Oswald-Regular;
	font-size: 20px;
	line-height: 30px;
	color: #000000;
	margin-bottom: 23.5px;
	cursor: pointer;
	position: relative;
}


.courts .steps .ckeckBtns .item::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 87%;
	border-radius: 0px 10px 0px 0px;
	border: solid 1px #666666;
	border-left: 0;
	border-bottom: 0;
}



.courts .steps .ckeckBtns .item:last-child {
	margin-bottom: 0;
}


.courts .steps .ckeckBtns .item.current {
	color: #9bc83c;
}

.courts .steps .ckeckBtns .item.current::after {
	border-color: #9bc83c;
	border-width: 2px;
}



.courts .steps .ckeckBtns .item:hover {
	color: #9bc83c;
}


.courts .showCase {
	margin-bottom: 10px;
}

.courts .showCase .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 72px;
	color: #000000;
	margin-bottom: 70px;
	text-align: center;
}


.courts .showCase .list {
	display: flex;
	flex-wrap: wrap;
}

.courts .showCase .list .productItem {
	width: 46.45%;
	margin-right: 7.1%;
	margin-bottom: 54px;
}




.courts .showCase .list .productItem:nth-child(2n) {
	margin-right: 0;
}


.productItem .image {
	margin-bottom: 39px;
	background-color: #fff;
	overflow: hidden;
	display: block;
}

.productItem .image img {
	display: block;
}



.productItem .image:hover {
	box-shadow: 4px 7px 28px 2px rgba(0, 0, 0, 0.07);
}

.productItem .image:hover img {
	transform: scale(1, 1);
}


.productItem .model {
	font-family: Oswald-Bold;
	font-size: 30px;
	line-height: 42px;
	color: #010101;
}


.productItem .name {
	font-family: Oswald-Bold;
	font-size: 30px;
	line-height: 42px;
	color: #010101;
	margin-bottom: 18px;
	position: relative;
	padding-bottom: 14px;
	display: block;
}

.productItem .name::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 45px;
	height: 3px;
	background-color: #9bc83c;
}

.productItem .name:hover {
	text-decoration: none;
}


.productItem .tit {
	font-family: Barlow-Regular;
	font-size: 26px;
	line-height: 30px;
	color: #000000;
	position: relative;
	margin-bottom: 22px;
	padding: 7px 10px 13px;
	display: block;
}


.productItem .tit::after {
	content: "";
	position: absolute;
	width: 98.5%;
	height: 100%;
	background-color: #eeeeee;
	clip-path: polygon(0% 0%, 100% 0%, 93.5% 100%, 0 100%);
	transition: .3s linear all;
	left: 0;
	z-index: -1;
	top: 0;
}


.productItem .tit:hover {
	color: #ffffff !important;
	text-decoration: none;
}

.productItem .tit:hover::after {
	background-color: #9bc83c;
}



.productItem .txts p {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
}

.productItem .txts a {
	display: inline;
	color: #9bc83c;
}


.productItem .txts a:hover {
	text-decoration: underline;
}




.productItem .txts em {
	display: flex;
	align-items: flex-start;
	font-style: normal;
}


.productItem .txts em::before {
	content: "";
	width: 9px;
	height: 9px;
	background-color: #9bc83c;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 20px;
	transform: translateY(11.5px);
}


.courts .faq {
	margin-bottom: 91px;
}

@media screen and (max-width:1600px) {
	.courts .des .title .tit {
		font-size: 32px;
		line-height: 50px;
	}

	.courts .des .title .title1 {
		line-height: 60px;
	}

	.courts .des .txts {
		margin-top: 0;
	}

	.courts .des {
		margin-bottom: 50px;
	}

	.courts .steps .ckecks .tit {
		font-size: 26px;
		line-height: 45px;
	}

	.courts .steps .ckecks .txts p {
		font-size: 16px;
	}

	.courts .steps .ckeckBtns .item {
		padding: 10px 10px;
		font-size: 18px;
	}

	.courts .steps .ckecks .tit::after {
		height: 3px;
		width: 80px;
	}

	.courts .steps {
		margin-bottom: 60px;
	}

	.productItem .model,
	.productItem .name {
		font-size: 22px;
		line-height: 30px;
	}

	.productItem .name {
		margin-bottom: 20px;
	}

	.productItem .tit {
		padding: 5px 10px;
	}

	.productItem .tit {
		font-size: 20px;
		line-height: 30px;
	}

	.productItem .txts p {
		font-size: 16px;
	}

	.courts .showCase .list .productItem {
		margin-bottom: 50px;
	}

	.productItem .txts em::before {
		width: 6px;
		height: 6px;
		margin-right: 10px;
	}

	.courts {
		padding: 40px 0 80px 0;
	}

	.productItem .tit {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:1333px) {
	.courts .des {
		flex-direction: column;
	}

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

	.courts .des .txts {
		width: 100%;
	}

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

	.courts .des .title .tit {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 20px;
	}

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

	.courts .des .title .title1 br {
		display: none;
	}

	.courts .steps .ckecks .tit {
		font-size: 22px;
		line-height: 30px;
	}

	.courts .steps .ckeckBtns .item {
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	.courts .steps .ckeckBtns {
		padding: 30px 0;
		width: 35%;
	}

	.courts .steps .ckecks {
		width: 58%;
	}

	.courts .showCase .title1 {
		margin-bottom: 60px;
	}

	.courts .showCase .list .productItem {
		margin-bottom: 40px;
	}

	.courts .showCase {
		margin-bottom: 60px;
	}

	.courts .faq {
		margin-bottom: 70px;
	}
}

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

	.courts .des .title .tit,
	.courts .steps .ckecks .tit {
		font-size: 20px;
		line-height: 30px;
	}

	.courts .steps .ckeckBtns .item {
		font-size: 14px;
		line-height: 24px;
	}

	.courts .showCase .title1 {
		margin-bottom: 50px;
	}

	.productItem .tit {
		margin-bottom: 10px;
	}

	.courts .showCase .list .productItem {
		width: 48%;
		margin-right: 4%;
	}

	.courts .showCase {
		margin-bottom: 50px;
	}

	.courts .faq {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:768px) {
	.courts .steps .ckecks{ max-height: none;
}
	.courts {
		padding: 30px 0 40px 0;
	}

	.courts .des,
	.courts .showCase .title1,
	.courts .showCase {
		margin-bottom: 40px;
	}

	.courts .des .title .tit,
	.courts .steps .ckecks .tit {
		font-size: 18px;
		line-height: 28px;
	}

	.courts .steps {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.courts .steps .ckecks {
		width: 100%;
	}

	.courts .steps .ckeckBtns {
		width: 100%;
		padding: 0;
		margin-bottom: 40px;
		display: flex;
		flex-wrap: wrap;
	}

	.courts .steps .ckeckBtns .item {
		width: 48%;
		margin-right: 4%;
		font-size: 12px;
		line-height: 22px;
	}

	.courts .steps .ckeckBtns .item:nth-child(2n) {
		margin-right: 0;
	}

	.courts .steps .ckecks .tit::after {
		width: 60px;
	}

	.courts .steps {
		margin-bottom: 50px;
	}

	.productItem .image {
		margin-bottom: 30px;
	}

	.courts .faq {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:450px) {
	.courts .showCase .list .productItem {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.courts .showCase .list .productItem:last-child {
		margin-bottom: 0;
	}

	.productItem .image {
		margin-bottom: 20px;
	}

	.courts .faq {
		margin-bottom: 40px;
	}

}





.faq .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 72px;
	color: #000000;
	margin-bottom: 40px;
	text-align: center; text-transform:uppercase;
}


.faq .list {
	margin-bottom: 63px;
}


.faq .item {
	margin-bottom: 21px;
}




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

.faq .item .questions {
	display: flex;
	align-items: flex-start;
	background-color: #eeeeee;
	padding: 11px 11px 11px 11px;
	position: relative;
	cursor: pointer;
}

.faq .item .questions:hover {
	background-color: #9bc83c;
}

.faq .item .questions:hover span {
	background-color: #fff;
	color: #9bc83c;
}

.faq .item .questions:hover p,
.faq .item .questions:hover i {
	color: #ffffff;
}


.faq .item span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 31px;
	height: 31px;
	background-color: #9bc83c;
	font-family: Barlow-Regular;
	font-size: 24px;
	color: #ffffff;
	flex-shrink: 0;
	margin-right: 14px;
	border-radius: 50%;
}

.faq .item .questions .txts {
	margin-right: 30px;
}

.faq .item .questions p {
	font-family: Oswald-Regular;
	font-size: 20px;
	line-height: 30px;
	color: #000000;
}

.faq .item .questions i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 22px;
	font-size: 18px;
}

.faq .item.active .questions i {
	transform: translateY(-50%) rotate(90deg);
}


.faq .item .answer {
	display: flex;
	align-items: flex-start;
	padding: 15px 11px 16px 11px;
	transition: none;
}

.faq .item:first-child .answer {
	display: flex;
}

.faq .item .answer span {
	transform: translateY(2px);
}

.faq .item .answer p {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
}



.faq .moreFaq {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Oswald-Regular;
	font-size: 16px;
	color: #333333;
	border: solid 1px #333333;
	width: 620px;
	height: 54px;
	margin-left: auto;
	margin-right: auto;
}

.faq .moreFaq:hover {
	background-color: #9bc83c;
	color: #ffffff !important;
	border-color: #9bc83c;
}

.faq .moreFaq:hover{
	text-decoration: none;
}



@media screen and (max-width:1600px) {
	.faq .item .questions p {
		font-size: 18px;
		line-height: 28px;
	}

	.faq .item .answer p {
		font-size: 16px;
		line-height: 26px;
	}

	.faq .item span {
		width: 28px;
		height: 28px;
		font-size: 20px;
	}

	.faq .item .questions i {
		font-size: 16px;
	}

	.faq .moreFaq {
		height: 50px;
		/*width: 240px;*/
	}

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

	.faq .item .answer {
		padding: 10px;
	}
}

@media screen and (max-width:1333px) {
	.faq .moreFaq {
		height: 45px;
	}
}

@media screen and (max-width:999px) {
	.faq .item .questions i {
		font-size: 14px;
	}

	.faq .item span {
		width: 26px;
		height: 26px;
		font-size: 16px;
	}

	.faq .moreFaq {
		height: 40px;
		font-size: 14px;
		line-height: 24px;
	}
}

@media screen and (max-width:768px) {
	.faq .item span {
		width: 24px;
		height: 24px;
		font-size: 14px;
	}

	.faq .item .questions i {
		font-size: 12px;
	}

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

	.faq .list {
		margin-bottom: 30px;
	}

	.faq .moreFaq {
		font-size: 12px;
		line-height: 22px;
		height: 70px;
		width: 420px;
	}
}

@media screen and (max-width:538px) {
	.faq .item span {
		width: 20px;
		height: 20px;
		font-size: 12px;
		margin-top: 2px;
	}
}










.consult {
	padding: 55px 68px 54px 51px;
	background-image: url("../images/consult-bg.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: flex;
	align-items: center;
	align-items: flex-start;
	justify-content: space-between;
	background-color: #000000;
}


.consult .msg {
	width: 50%;
}


.consult .form {
	width: 50%;
}





.consult .msg .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #ffffff;
	margin-bottom: 19px;
	margin-top: 36px;
}


.consult .msg .txts {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 46px;
	hyphens: auto;
}



.consult .msg .list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.consult .msg .list .item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 23px;
}

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



.consult .msg .list .item i {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-right: 18px;
	font-size: 18px;
	color: #fff;
	border-radius: 50%;
	background-color: #9bc83c;
	width: 38px;
	height: 38px;
	transform: translateY(-1px);
}

.consult .msg .list .item.email .num {
	word-break: break-all;
}


.consult .msg .list .item.email .num:hover {
	text-decoration: underline;
}

.consult .msg .list .item .num {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #9bc83c;
}


.consult .msg .list .item .num:last-child {
	margin-bottom: 0;
}


.consult .msg .list .item a:hover {
	text-decoration: underline;
}



.consult form {
	width: 39%;
	padding: 21px 25px 40px 25px;
	background-image: url("../images/consult-bg2.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


.consult form .title1 {
	font-family: Oswald-Bold;
	font-size: 32px;
	line-height: 60px;
	color: #ffffff;
	margin-bottom: 6px;
}


.consult form .txts {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 30px;
}

.consult form input,
.consult form textarea {
	color: #333333;
	font-size: 16px;
	font-family: Barlow-Regular;
	width: 100%;
	height: 100%;
	background-color: transparent;
}


.consult input::-webkit-input-placeholder,
.consult textarea::-webkit-input-placeholder {
	font-family: Barlow-Regular;
	font-size: 18px;
	color: #666666;
}

.consult input:-moz-placeholder,
.consult textarea:-moz-placeholder {
	font-family: Barlow-Regular;
	font-size: 18px;
	color: #666666;
}

.consult input::-moz-placeholder,
.consult textarea::-moz-placeholder {
	font-family: Barlow-Regular;
	font-size: 18px;
	color: #666666;
}

.consult input:-ms-input-placeholder,
.consult textarea:-ms-input-placeholder {
	font-family: Barlow-Regular;
	font-size: 18px;
	color: #666666;
}



.consult form li {
	width: 100%;
	padding: 0 19px;
	margin-bottom: 17px;
	background-color: #fff;
	height: 46px;
}



.consult form li:last-child {
	margin-bottom: 0;
}



.consult form li.message {
	padding: 12px 19px;
	height: 96px;
}


.consult form li.codeCon {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	background-color: transparent;
}

.consult form li.codeCon .fcode {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #ffffff;
	width: 62.5%;
}

.consult form li.codeCon .fcode input {
	flex: 1;
	padding: 0 20px;
}


.consult form li.codeCon .fcode .fCodeImg {
	flex-shrink: 0;
	cursor: pointer;
	background-color: #f3fbfe;
	height: 100%;
}

.consult form li.codeCon .fcode .fCodeImg img {
	height: 100%;
}

.consult form li.codeCon .subBtn {
	width: 32.2%;
}


.consult form li.codeCon .subBtn input {
	background-color: #ffffff;
	font-family: Barlow-Regular;
	font-size: 18px;
	color: #9bc83c;
	cursor: pointer;
	height: 46px; text-transform:uppercase;
}

.consult form li.codeCon .subBtn input:hover {
	text-decoration: underline;
}



.consult form .must {
	position: relative;
}


.consult form .must::after {
	content: "*";
	position: absolute;
	left: 9px;
	top: 8px;
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #ff0000;
}


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

	.consult form li {
		height: 35px;
	}

	.consult form li.codeCon .fcode {
		width: 100%;
		margin-bottom: 17px;
		height: 35px;
	}

	.consult form li.codeCon {
		flex-wrap: wrap;
		height: auto;
	}

	.consult form li.codeCon .subBtn {
		width: 100%;
		height: 35px;
	}

	.consult form li.codeCon .subBtn input {
		height: 100%;
	}

	.consult .msg .txts,
	.consult form .txts {
		font-size: 16px;
		line-height: 26px;
	}

	.consult input::-webkit-input-placeholder,
	.consult textarea::-webkit-input-placeholder {
		font-size: 16px;
	}

	.consult input:-moz-placeholder,
	.consult textarea:-moz-placeholder {
		font-size: 16px;
	}

	.consult input::-moz-placeholder,
	.consult textarea::-moz-placeholder {
		font-size: 16px;
	}

	.consult input:-ms-input-placeholder,
	.consult textarea:-ms-input-placeholder {
		font-size: 16px;
	}

	.consult form li.codeCon .subBtn input,
	.consult .msg .list .item .num {
		font-size: 16px;
	}

	.consult {
		padding: 50px;
	}

	.consult .msg .list .item i {
		width: 35px;
		height: 35px;
		font-size: 16px;
	}

	.consult form {
		padding: 30px;
	}

	.consult form .must::after {
		top: 6px;
	}
}

@media screen and (max-width:1333px) {
	.consult {
		flex-direction: column;
	}

	.consult .msg {
		width: 100%;
		margin-bottom: 40px;
	}

	.consult form {
		width: 100%;
	}

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

	.consult form li.codeCon .fcode {
		width: 60%;
		margin-bottom: 0;
	}

	.consult form li.codeCon .subBtn {
		width: 35%;
	}
}

@media screen and (max-width:999px) {
	.consult .msg .list .item i {
		width: 30px;
		height: 30px;
		font-size: 14px;
	}

	.consult .msg .list .item .num {
		font-size: 14px;
		line-height: 24px;
	}

}

@media screen and (max-width:768px) {
	.consult .msg .list .item .num {
		font-size: 12px;
		line-height: 22px;
	}

	.consult {
		padding: 30px;
	}

	.consult .msg .title1 {
		margin-bottom: 15px;
	}

	.consult form {
		padding: 25px;
	}
}

@media screen and (max-width:538px) {
	.consult form li {
		height: 30px;
		margin-bottom: 15px;
	}

	.consult form .txts {
		margin-bottom: 20px;
	}

	.consult form li.codeCon .fcode {
		width: 100%;
		margin-bottom: 15px;
	}

	.consult form li.codeCon .subBtn {
		width: 100%;
	}

	.consult form {
		padding: 20px;
	}

	.consult {
		padding: 25px;
	}
}














/* 1-2PadelCourts */

.courtsDet {
	padding: 58px 0 118px 0;
}



.courtsDet .det {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: -2px;
}


.courtsDet .det .msgs {
	width: 47.1%;
}



.courtsDet .det .images {
	width: 47.142%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.courtsDet .det .images .thumbs {
	padding: 0 30px;
	position: relative;
}


.courtsDet .det .images .thumbs .prev,
.courtsDet .det .images .thumbs .next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-weight: bolder;
	font-size: 20px;
	z-index: 99;
	cursor: pointer;
}

.courtsDet .det .images .thumbs .prev:hover,
.courtsDet .det .images .thumbs .next:hover {
	color: #9bc83c;
}


.courtsDet .det .images .thumbs .prev {
	left: 0;
}


.courtsDet .det .images .thumbs .next {
	right: 0;
}


.courtsDet .det .images .gallery {
	position: relative;
	margin-bottom: 11px;
}

.courtsDet .det .images .swiper-slide {
	cursor: pointer;
	position: relative;
}

.courtsDet .det .images .swiper-slide::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	box-sizing: border-box;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	border: 1px solid transparent;
	transition: .3s linear all;
}

.courtsDet .det .images .swiper-slide-thumb-active::after {
	border-color: #9bc83c;
}

.courtsDet .det .msgs .model {
	font-family: Oswald-Bold;
	font-size: 40px;
	line-height: 50px;
	color: #000000;
}


.courtsDet .det .msgs h1 {
	font-family: Oswald-Bold;
	font-size: 40px;
	line-height: 50px;
	color: #000000;
	position: relative;
	margin-bottom: 35px;
}


.courtsDet .det .msgs h1::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 45px;
	height: 3px;
	background-color: #9bc83c;
}


.courtsDet .det .tit {
	font-family: Barlow-Regular;
	font-size: 24px;
	line-height: 30px;
	color: #ffffff;
	position: relative;
	margin-bottom: 23px;
	padding: 6px 10px 11px 6px;
}

.courtsDet .det .tit::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	transform: translateY(-50%);
	background-color: #9bc83c;
	z-index: -1;
	left: 0;
	clip-path: polygon(0% 0%, 100% 0%, 96.3% 100%, 0 100%);
}


.courtsDet .det .txts {
	margin-bottom: 50px;
}


.courtsDet .det .txts p {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
	hyphens: auto;
}


.courtsDet .det .txts a,
.courtsDet a {
	display: inline;
	color: #9bc83c;
}


.courtsDet .det .txts a:hover,
.courtsDet a:hover {
	text-decoration: underline;
}


.colorShows .tip1 {
	font-family: Barlow-Bold;
	font-size: 24px;
	line-height: 32px;
	color: #000000;
}

.colorShows .tip2 {
	font-family: Barlow-Bold;
	font-size: 24px;
	line-height: 32px;
	color: #9bc83c;
	margin-bottom: 19px;
}


.significance {
	margin-bottom: 22px;
}

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


.significance .title1 {
	font-family: Oswald-Bold;
	font-size: 40px;
	line-height: 50px;
	color: #000000;
}

.significance .title .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 50px;
	background-color: #9bc83c;
	border: 1px solid #9bc83c;
	font-family: Oswald-Regular;
	font-size: 16px;
	color: #ffffff;
	transform: translateY(2px);
	margin-left: 30px;
	flex-shrink: 0;
}

.significance .title .btn:hover {
	background-color: #ffffff;
	text-decoration: none;
	color: #9bc83c;
}

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



.significance .list .item {
	width: 47.9%;
	margin-right: 4.2%;
	margin-bottom: 30px;
	display: flex;
	align-items: flex-start;
}



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



.significance .list .item .image {
	width: 40px;
	height: 40px;
	background-color: #9bc83c;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-right: 22px;
	transform: translateY(5px);
}



.significance .list .item .txts {
	flex: 1;
}

.significance .list .item .txts p {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	hyphens: auto;
}

.significance .list .item .txts a {
	display: inline;
	color: #9bc83c;
}

.significance .list .item .txts a:hover {
	text-decoration: underline;
}


.significance .list .item .txts p em {
	font-family: Barlow-Bold;
	font-style: normal;
}


.venue {
	border: 1px dashed #cccccc;
	padding: 20px 52px 28px 13px;
	margin-bottom: 46px;
}





.venue p {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
}

.venue a {
	display: inline;
	color: #9bc83c;
}



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




.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 {
	background-color: #f4f4f4;
	padding: 11px 17px;
}


.table table tr td:first-child {
	border-right: 1px solid #ededed;
}

.table table tr td p,.table table tr td  {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
}


.table table tr td:first-child p {
	font-family: Barlow-Bold;
	font-size: 18px;
	line-height: 30px;
	color: #000000;
}

.table table tr td a {
	display: inline;
	color: #9bc83c;
}

.table table tr td a:hover {
	text-decoration: underline;
}
.table table tr td:first-child strong{color: #333;}
.table table tr td strong {
	/*font-family: Barlow-Bold;*/
	font-size: 18px;
	line-height: 30px;
	color: #666666;
}


.parameter {
	margin-bottom: 49px;
		font-size: 18px;
	line-height: 30px;
	color: #666666;
		font-family: Barlow-Regular;
}


.customize {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 49px;
}



.customize .item {
	width: 32.2%;
	margin-right: 1.7%;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 10px;

}

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

.courtsDet .courtsProjects {
	margin-bottom: 64px;
}




/*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;
	transform: translateX(-100%);
}

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


.courtsDet .faq {
	margin-bottom: 72px;
}


.courtsDet .consult {
	margin-bottom: 84px;
}

.courtsDet .colorImg {
	width: 100%;
}

@media screen and (max-width:1600px) {
	.courtsDet .det {
		margin-bottom: 0px;
		align-items: center;
	}
	.courtsDet .det .images .gallery {
		padding: 0;
	}

	.courtsDet .det .txts p {
		font-size: 16px;
		line-height: 26px;
	}

	.courtsDet .det .tit {
		font-size: 20px;
	}

	.colorShows .tip1 {
		font-size: 22px;
	}

	.courtsDet .det .images {
		min-height: auto;
	}

	.courtsDet .det .images .gallery {
		margin-top: 0;
	}

	.courtsDet {
		padding: 40px 0 80px 0;
	}



	.significance .title .btn {
		transform: translateY(0);
	}
	.significance .title {
		margin-bottom: 60px;
	}

	.significance .list .item .txts p {
		font-size: 16px;
		line-height: 26px;
	}

	.significance .list .item .image {
		width: 35px;
		height: 35px;
	}

	.significance {
		margin-bottom: 30px;
	}



	.venue {
		padding: 20px 30px;
	}

	.venue p,
	.table table tr td p,.table table tr td,
	.table table tr td strong,
	.table table tr td:first-child p {
		font-size: 16px;
		line-height: 26px;
	}

	.table table tr td {
		padding: 15px 10px;
	}
}

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

	.courtsDet .det {
		flex-direction: column-reverse;
	}

	.courtsDet .det .msgs {
		width: 100%;
	}

	.courtsDet .det .images {
		width: 100%;
		max-width: 500px;
		margin-bottom: 40px;
	}

	div.jqZoomPup {
		display: none;
	}

	.zoomPad {
		cursor: default !important;
	}

	.zoomPup {
		display: none !important;
	}

	.zoomWindow {
		display: none !important;
	}

	.zoomPreload {
		display: none !important;
	}

	.courtsDet .det .tit {
		padding: 5px 10px;
	}

	.courtsDet .det .images .thumbs .prev,
	.courtsDet .det .images .thumbs .next {
		font-size: 18px;
	}



	.significance .title {
		margin-bottom: 50px;
	}
	.significance .title .btn {
		transform: translateY(0);
		height: 40px;
		font-size: 16px;
		width: 140px;
	}

	.venue {
		margin-bottom: 50px;
	}

	.customize .item {
		border-radius: 5px;
	}

	.courtsDet .courtsProjects,
	.courtsDet .faq,
	.courtsDet .consult {
		margin-bottom: 60px;
	}
	
	.courtsDet .det .txts{
		margin-bottom: 40px;
	}
}

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


	.courtsDet .det .images {
		margin-bottom: 30px;
	}

	.significance .title {
		margin-bottom: 40px;
	}
	.significance .title .btn {
		height:35px;
		width: 120px;
	}

	.venue {
		padding: 20px;
	}

	.table table tr td strong {
		font-size: 14px;
		line-height: 24px;
	}
	.courtsDet .det .txts{
		margin-bottom: 30px;
	}
}

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

	.courtsDet {
		padding: 40px 0 40px 0;
	}

	.courtsDet .det .images {
		max-width: 400px;
	}

	.courtsDet .det .msgs h1::after {
		bottom: -10px;
	}

	.courtsDet .det .images .thumbs .prev,
	.courtsDet .det .images .thumbs .next {
		font-size: 16px;
	}

	.significance .list .item {
		width: 100%;
		margin-right: 0;
	}

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

	.significance .title {
		margin-bottom: 30px;
	}
	.significance .title .btn {
		height:30px;
		width: 120px;
	}

	.significance .list .item .image {
		width: 30px;
		height: 30px;
		margin-right: 20px;
	}

	.table table tr td strong {
		font-size: 12px;
		line-height: 22px;
	}

	.venue {
		margin-bottom: 30px;
	}

	.parameter {
		margin-bottom: 30px;
	}

	.customize {
		margin-bottom: 40px;
	}

	.courtsDet .courtsProjects,
	.courtsDet .faq,
	.courtsDet .consult {
		margin-bottom: 50px;
	}
	.courtsDet .det .txts{
		margin-bottom: 20px;
	}
}

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

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

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

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

	.customize {
		margin-bottom: 30px;
	}

	.courtsDet .courtsProjects,
	.courtsDet .faq,
	.courtsDet .consult {
		margin-bottom: 40px;
	}
	.significance .title{
		flex-direction: column;
		align-items: flex-start;
	}
	.significance .title .btn{
		margin-left: 0;
		margin-top: 20px;
	}
}




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

.courtsProjects .title .box {
	display: flex;
	align-items: center;
	flex: 1;
	justify-content: space-between;
}


.courtsProjects .title .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 70px;
	color: #000000;
	width: 38%;
}



.courtsProjects .title .txts {
	width: 59.9%;
	/*margin-top: -13px;*/
    margin-top: 0px;
}

.courtsProjects .title .txts p {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
}


.courtsProjects .title .btns {
	display: flex;
	align-items: center;
	margin-left: 130px;
	flex-shrink: 0;
	transform: translateY(-13px);
}



.courtsProjects .title .btns div {
	width: 45px;
	height: 45px;
	background-color: #9bc83c;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	border-radius: 50%;
}


.courtsProjects .title .btns div:hover {
	background-color: #0e5b3d;
}

.courtsProjects .title .btns div:first-child {
	margin-right: 9px;
}




.projectItem {
	position: relative;
}


.projectItem .msg {
	position: absolute;
	width: 93.5%;
	height: 91%;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(100%);
	background-color: rgba(0, 0, 0, .7);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px 35px;
}

.projectItem:hover .msg {
	transform: translateX(-50%) translateY(-50%);
}


.projectItem .msg .txts {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 36px;
	text-align: center;
	margin-top: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.projectItem .msg .txts a{ color:#fff}

.projectItem .image {
	overflow: hidden;
}

.projectItem .image:hover img {
	transform: scale(1, 1);
}


.projectItem .msg .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 210px;
	height: 45px;
	border: solid 1px #ffffff;
	font-family: Oswald-Regular;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	margin: 0 auto; text-transform:uppercase;
}


.projectItem .msg .btn:hover {
	background-color: #9bc83c;
	border-color: #9bc83c;
	color: #fff !important;
	text-decoration: none;
}

.projectItem .msg .btn i {
	flex-shrink: 0;
	font-size: 12px;
	margin-left: 8px;
}


@media screen and (max-width:1600px) {
	.projectItem .msg .btn {
		height: 35px;
		width: 220px;
		font-size: 14px;
	}

	.projectItem .msg .txts {
		margin-top: 0;
		margin-bottom: 30px;
		font-size: 16px;
		line-height: 26px;
	}

	.projectItem .msg {
		padding: 20px;
	}

	.courtsProjects .title .txts {
		margin-top: 0;
	}

	.courtsProjects .title .btns {
		margin-left: 0px;
		transform: translateY(0);
	}

	.courtsProjects .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.courtsProjects .title .box {
		margin-bottom: 30px;
	}

	.courtsProjects .title .btns div {
		width: 40px;
		height: 40px;
	}

	.courtsProjects .title .btns div:first-child {
		margin-right: 20px;
	}

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

	.courtsProjects .title .title1 {
		width: 30%;
	}

	.courtsProjects .title .txts {
		width: 65%;
	}

	.courtsProjects .title .txts p {
		font-size: 16px;
	}

}

@media screen and (max-width:1333px) {
	.courtsProjects .title .btns div {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}

	.courtsProjects .title .box {
		flex-direction: column;
		align-items: flex-start;
	}

	.courtsProjects .title .title1 {
		width: 100%;
		margin-bottom: 10px;
	}

	.courtsProjects .title .txts {
		width: 100%;
	}
}

@media screen and (max-width:999px) {
	.projectItem .msg {
		height: auto;
		width: 100%;
		position: static;
		transform: translateX(0);
	}

	.projectItem:hover .msg {
		transform: translateX(0);
	}

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

	.projectItem .msg .txts {
		margin-bottom: 10px;
		-webkit-line-clamp: 2;
	}

	.projectItem .msg .btn {
		height: 30px;
	}
}



@media screen and (max-width:768px) {
	.courtsProjects .title .btns div {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}

	.courtsProjects .title .btns div:first-child {
		margin-right: 10px;
	}

	.courtsProjects .title .box {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:538px) {
	.projectItem .msg .btn {
		width: 120px;
	}

	.projectItem .msg {
		padding: 15px 10px;
	}
}




/* 2-1project */


.projects {
	padding: 56px 0 124px 0;
}

.projects .padelProjects {
	margin-bottom: 111px;
}

.projects .ourProducts {
	margin-bottom: 77px;
}

.projects .faq {
	margin-bottom: 72px;
}

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



.padelProjects .title .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 70px;
	color: #000000;
	width: 30%;
}



.padelProjects .title .txts {
	width: 66.25%;
	transform: translateY(3px);
}

.padelProjects .title .txts p {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
}


.padelProjects .title .txts a {
	display: inline;
	color: #9bc83c;
}

.padelProjects .title .txts a:hover {
	text-decoration: underline;
}




.padelProjects .list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
}


.padelProjects .list .projectItem {
	width: 31.45%;
	margin-right: 2.825%;
	margin-bottom: 33px;
	overflow: hidden;
}


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

.projects .standards {
	margin-bottom: 77px;
}



.standards .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
	margin-bottom: 57px; text-transform:uppercase;
}


.standards .stanCon {
	display: flex;
}


.standards .ckecksBtns {
	width: 32.9%;
	background-color: #9bc83c;
	position: relative;
	overflow: auto;
	scrollbar-color: #ffffff rgba(0, 0, 0, 0.2);
	scrollbar-width: thin;
}



.standards .ckecksBtns ul {
	position: absolute;
	padding: 47px 28px 47px 12px;
	width: 100%;
}





.standards .ckecksBtns li {
	padding: 5px 10px 5px 20px;
margin-bottom: 19.8px;
font-family: Barlow-Regular;
font-size: 20px;
line-height: 30px;
color: #ffffff;
cursor: pointer;
}




.standards .ckecksBtns li:last-child {
	margin-bottom: 0;
}

.standards .ckecksBtns li.current,
.standards .ckecksBtns li:hover {
	background-color: #fff;
	color: #9bc83c;
}


.standards .ckecks {
	width: 67.1%;
}

.standards .ckecks .item {
	position: relative;
}

.standards .ckecks .item .msg {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 16px 17px 22px 17px;
	background-color: rgba(0, 0, 0, .5);
}


.standards .ckecks .item .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}



.standards .ckecks .item .title .name {
	font-family: Barlow-Bold;
	font-size: 26px;
	line-height: 30px;
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}



.standards .ckecks .item .title .btn {
	display: flex;
	align-items: center;
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	margin-left: 20px;
	transform: translateY(3px);text-transform:uppercase;
}

.standards .ckecks .item .title .btn i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background-color: #9bc83c;
	border-radius: 50%;
	font-size: 12px;
	color: #ffffff;
	flex-shrink: 0;
	margin-left: 17px;
}

.standards .ckecks .item .title .btn:hover i {
	background-color: #ffffff;
	color: #9bc83c;
}


.standards .ckecks .item .title .btn:hover {
	color: #9bc83c;
}



.standards .ckecks .item .txts {
	font-family: Barlow-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #dddddd;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

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

	.standards .title1 {
		margin-bottom: 60px;
	}

	.standards .ckecksBtns ul {
		padding: 20px;
	}

	.standards .ckecksBtns li {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 15px;
		padding: 5px 10px;
	}

	.standards .ckecks .item .title .name {
		font-size: 20px;
		line-height: 30px;
	}

	.standards .ckecks .item .title .btn {
		transform: translateY(0);
		font-size: 16px;
		line-height: 26px;
	}

	.standards .ckecks .item .title .btn i {
		width: 30px;
		height: 30px;
	}

	.standards .ckecks .item .title {
		margin-bottom: 20px;
	}

	.standards .ckecks .item .msg {
		padding: 15px;
	}


	.padelProjects .title .txts {
		transform: translateY(0);
	}

	.padelProjects .title {
		margin-bottom: 50px;
	}

	.projects .padelProjects,
	.projects .ourProducts,
	.projects .faq {
		margin-bottom: 80px;
	}
}

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

	.standards .ckecks .item .txts {
		font-size: 14px;
		line-height: 24px;
	}

	.standards .ckecks .item .title .name {
		font-size: 18px;
		line-height: 28px;
	}

	.standards .ckecksBtns li {
		font-size: 16px;
		line-height: 26px;
	}

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

	.padelProjects .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.padelProjects .title .txts {
		width: 100%;
	}

	.padelProjects .title .title1 {
		width: 100%;
		margin-bottom: 15px;
	}

	.padelProjects .list .projectItem:nth-child(n) {
		width: 32%;
		margin-right: 2%;
	}

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


@media screen and (max-width:1200px) {
	.standards .stanCon {
		flex-direction: column;
		align-items: flex-start;
	}

	.standards .stanCon .checkBtns {
		position: static;
	}

	.standards .ckecks {
		width: 100%;
	}

	.standards .ckecksBtns {
		width: 100%;
		/*max-height: 210px;*/
	}

	.standards .ckecksBtns ul {
		position: static;
	}

	.standards .ckecksBtns li {
		margin-bottom: 10px;
	}

	.padelProjects .list .projectItem:nth-child(n) {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 25px;
	}

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

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

	.projects .padelProjects,
	.projects .ourProducts,
	.projects .faq {
		margin-bottom: 60px;
	}
}

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

	.standards .ckecksBtns li {
		font-size: 14px;
		line-height: 24px;
	}

	.standards .ckecksBtns {
		max-height: none !important;
	}

	.projects .standards {
		margin-bottom: 60px;
	}

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

	.padelProjects .list .projectItem:nth-child(n) {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 20px;
	}

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

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

	.projects .standards {
		margin-bottom: 50px;
	}

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

	.standards .ckecksBtns li,
	.standards .ckecks .item .txts {
		font-size: 12px;
		line-height: 22px;
	}

	.standards .ckecks .item .title .name {
		font-size: 16px;
		line-height: 26px;
	}

	.standards .ckecksBtns {
		max-height: 150px;
	}

	.standards .ckecksBtns li {
		margin-bottom: 10px;
	}

	.standards .ckecks .item .title .btn i {
		width: 26px;
		height: 26px;
	}

	.standards .ckecks .item .title {
		margin-bottom: 15px;
	}

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

	.padelProjects .list .projectItem:nth-child(n) {
		width: 48%;
		margin-right: 4%;
	}

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

}

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

	.projects .standards {
		margin-bottom: 40px;
	}

	.standards .ckecksBtns ul {
		padding: 15px;
	}

	.standards .ckecks .item .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.standards .ckecks .item .title .btn {
		margin-left: 0;
	}

	.standards .ckecks .item .title .name {
		margin-bottom: 10px;
	}

	.standards .ckecks .item .txts {
		-webkit-line-clamp: 2;
	}

	.standards .ckecksBtns li {
		padding: 3px 5px;
	}

	.standards .ckecksBtns {
		max-height: 135px;
	}

	.projects .padelProjects,
	.projects .ourProducts,
	.projects .faq {
		margin-bottom: 40px;
	}

	.standards .ckecks .item .msg {
		position: static;
	}

	.standards .ckecks .item .title .btn i {
		width: 24px;
		height: 24px;
	}
}


@media screen and (max-width:450px) {
	.padelProjects .list .projectItem:nth-child(n) {
		width: 100%;
		margin-right: 0;
	}

	.padelProjects .list .projectItem:last-child {
		margin-bottom: 0;
	}

	.padelProjects .list {
		margin-bottom: 30px;
	}
}




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


.ourProducts .title .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 70px;
	color: #000000;
}


.ourProducts .title .btns {
	display: flex;
	align-items: center;
	margin-left: 30px;
}


.ourProducts .title .btns div {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	background-color: #9bc83c;
	border-radius: 50%;
	cursor: pointer;
	width: 45px;
	height: 45px;
}

.ourProducts .title .btns div:first-child {
	margin-right: 10px;
}


.ourProducts .title .btns div:hover {
	background-color: #0e5b3d;
}


@media screen and (max-width:1600px) {
	.ourProducts .title .btns div {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.ourProducts .title .btns div:first-child {
		margin-right: 20px;
	}
}

@media screen and (max-width:1333px) {
	.ourProducts .title .btns div {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}
}

@media screen and (max-width:538px) {
	.ourProducts .title {
		margin-bottom: 40px;
	}

	.ourProducts .title .btns div {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}
}








/* 2-2projects */

.projectDet {
	padding: 56px 0 124px 0;
}

.projectDet .describe h1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
	margin-bottom: 13px; text-transform:uppercase;
}


.projectDet .describe .share {
	display: flex;
	align-items: center;
}

.projectDet .tips {
	margin-bottom: 17px;
}


.projectDet .describe .share span {
	font-family: Barlow-Regular;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin-right: 6px;
}


.projectDet .describe .con {
	margin-bottom: 73px;
}


.projectDet .describe .con p {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
}


.projectDet .describe .con a {
	display: inline;
	color: #9bc83c;
}

.projectDet .describe .con a:hover {
	text-decoration: underline;
}


.projectDet .describe .con img {
	display: inline-block;
}


.projectDet .describe .line {
	width: 100%;
	height: 1px;
	background-color: #cccccc;
	margin-bottom: 52px;
}



.projectDet .describe .btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 86px;
}


.projectDet .describe .btns .prev,
.projectDet .describe .btns .next {
	width: 140px;
	height: 50px;
	background-color: #9bc83c;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #9bc83c;
	font-family: Oswald-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
}



.projectDet .describe .btns a:hover {
	background-color: #ffffff;
	color: #9bc83c;
}


.projectDet .ourProducts {
	margin-bottom: 76px;
}

.projectDet .faq {
	margin-bottom: 72px;
}




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

	.projectDet .describe .con p {
		font-size: 16px;
	}

	.projectDet .describe h1 {
		font-size: 38px;
		line-height: 45px;
		margin-bottom: 20px;
	}

	.projectDet .describe .con {
		margin-bottom: 40px;
	}

	.projectDet .describe .line {
		margin-bottom: 40px;
	}

	.projectDet .describe .btns .prev,
	.projectDet .describe .btns .next {
		height: 40px;
		font-size: 16px;
	}

	.projectDet .describe .btns,
	.projectDet .ourProducts,
	.projectDet .faq {
		margin-bottom: 80px;
	}
}

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

	.projectDet .describe .btns,
	.projectDet .ourProducts,
	.projectDet .faq {
		margin-bottom: 60px;
	}

	.projectDet .describe .con,
	.projectDet .describe .line {
		margin-bottom: 30px;
	}

	.projectDet .describe .btns .prev,
	.projectDet .describe .btns .next {
		height: 35px;
	}

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

	.projectDet .describe h1 {
		font-size: 28px;
	}
}

@media screen and (max-width:999px) {
	.projectDet .describe h1 {
		font-size: 24px;
		line-height: 30px;
	}

	.projectDet .describe .share span {
		font-size: 14px;
	}

	.projectDet .tips {
		margin-bottom: 17px;
	}


	.projectDet .describe .btns .prev,
	.projectDet .describe .btns .next {
		font-size: 14px;
	}

	.projectDet {
		padding: 40px 0 50px 0;
	}
}

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

	.projectDet .describe .btns,
	.projectDet .ourProducts,
	.projectDet .faq {
		margin-bottom: 50px;
	}

	.projectDet .describe h1 {
		font-size: 22px;
	}

	.projectDet .describe .share span {
		font-size: 12px;
	}

	.projectDet .describe .btns .prev,
	.projectDet .describe .btns .next {
		height: 30px;
		font-size: 12px;
		width: 120px;
	}

	.projectDet {
		padding: 40px 0 40px 0;
	}

}

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

	.projectDet .describe .btns,
	.projectDet .ourProducts,
	.projectDet .faq {
		margin-bottom: 40px;
	}

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

	.projectDet .describe h1 {
		font-size: 20px;
		text-align: center;
	}
}











/* 3-1quality */

.ourQuality {
	padding: 53px 0 124px 0;
}


.ourQuality .con {
	margin-bottom: 78px;
}


.ourQuality .con .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
	text-align: center;
	margin-bottom: 90px;
}

.ourQuality .con .item {
	margin-bottom: 85px;
}

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

.ourQuality .con .item .image {
	width: 50%;
}

.ourQuality .con .item:nth-child(2n-1) .image {
	float: right;
	margin-left: 2.3%;
}


.ourQuality .con .item:nth-child(2n) .image {
	float: left;
	margin-right: 2.3%;
}


.ourQuality .con .item .num {
	width: 54px;
	height: 54px;
	background-color: #9bc83c;
	border-radius: 0px 20px 0px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 29px;
	font-family: Oswald-Bold;
	font-size: 30px;
	color: #ffffff;
	margin-top: 10px;
}



.ourQuality .con .item .tit {
	font-family: Oswald-Bold;
	font-size: 40px;
	line-height: 50px;
	color: #9bc83c;
}



.ourQuality .con .item .tit1 {
	font-family: Oswald-Bold;
	font-size: 40px;
	line-height: 50px;
	color: #000000;
	margin-bottom: 19px;
}


.ourQuality .con .item .txts p {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
	
}


.ourQuality .con .item .txts p:last-child {
	margin-bottom: 0;
}



.ourQuality .con .item .txts a {
	display: inline;
	color: #9bc83c;
}


.ourQuality .con .item .txts a:hover {
	text-decoration: underline;
}





.ourQuality .con .item .txts em {
	color: #9bc83c;
	font-style: normal;
	font-family: Barlow-Bold;
}




.material {
	display: flex;
	flex-wrap: wrap;
}

.material .item {
	width: 31.42%;
	margin-right: 2.87%;
	margin-bottom: 20px;
}



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


.material .item .image {
	margin-bottom: 17px;
}


.material .item .tit {
	font-family: Barlow-Bold;
	font-size: 24px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 9px;
}


.material .item .txts {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
}



.process {
	padding: 46px 0 64px;
	position: relative;
}

.process::after {
	content: "";
	position: absolute;
	width: 200%;
	height: 100%;
	background-color: #eeeeee;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	z-index: -1;
}

.process .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
	margin-bottom: 70px;
}

.process .item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 41px;
	padding-left: 10px;
}

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


.process .item .step {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	background-color: #9bc83c;
	flex-shrink: 0;
	margin-right: 60px;
	border-radius: 50%;
	position: relative;
	transform: translateY(-4px);
}


.process .item .step::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 120px;
	height: 120px;
	border: dashed 1px #9bc83c;
	border-radius: 50%;
}


.process .item .step::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(50%);
	bottom: -53%;
	width: 1px;
	height: 29px;
	border-left: dashed 1px #9bc83c;
}

.process .item:last-child .step::before {
	display: none;
}

.process .item .step span {
	font-family: Barlow-Bold;
	font-size: 24px;
	line-height: 30px;
	color: #fcf9f3;
}


.process .item .msg {
	flex: 1;
	position: relative;
}


.process .item .tit {
	font-family: Oswald-Bold;
	font-size: 24px;
	line-height: 30px;
	color: #000000;
	margin-bottom: 10px;
}


.process .item .txts p {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
}


.process .item .txts a {
	display: inline;
	color: #9bc83c;
	font-weight: bold;
}


.process .item .txts a:hover {
	text-decoration: underline;
}

.process .item .txts em {
	font-style: normal;
	color: #9bc83c;
}



.ourQuality .material {
	margin-bottom: 59px;
}

.ourQuality .process {
	margin-bottom: 92px;
}

.ourQuality .ourProducts {
	margin-bottom: 82px;
}







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

	.ourQuality .con .item .tit1,
	.ourQuality .con .item .tit {
		font-size: 32px;
		line-height: 45px;
	}

	.ourQuality .con .item .num {
		margin-top: 0;
		width: 50px;
		height: 50px;
		font-size: 24px;
		margin-bottom: 30px;
	}

	.ourQuality .con .item {
		margin-bottom: 60px;
	}

	.ourQuality .con .item .txts p,
	.material .item .txts {
		font-size: 16px;
	}

	.material .item .tit {
		font-size: 20px;
	}

	.ourQuality .con .item:nth-child(2n) .image {
		margin-right: 5%;
	}

	.ourQuality .con .item:nth-child(2n-1) .image {
		margin-left: 5%;
	}

	.ourQuality .con,
	.ourQuality .material,
	.ourQuality .process,
	.ourQuality .ourProducts {
		margin-bottom: 80px;
	}

	.ourQuality {
		padding: 50px 0 80px 0;
	}

	.process {
		padding: 50px 0;
	}

	.process .title1 {
		margin-bottom: 60px;
	}

	.process .item .tit {
		font-size: 22px;
	}

	.process .item .txts p {
		font-size: 16px;
		line-height: 26px;
	}

	.process .item .step {
		width: 90px;
		height: 90px;
		transform: translateY(0);
	}

	.process .item .step::after {
		width: 110px;
		height: 110px;
	}

	.process .item .step span {
		font-size: 20px;
		line-height: 30px;
	}

}

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

	.ourQuality .con .item .txts p {
		
	}

	.ourQuality .con .item .num {
		width: 45px;
		height: 45px;
		font-size: 20px;
		border-radius: 0 15px 0 15px;
		margin-bottom: 20px;
	}

	.ourQuality .con .item .tit1,
	.ourQuality .con .item .tit {
		font-size: 24px;
		line-height: 40px;
	}

	.ourQuality .con .item {
		margin-bottom: 40px;
	}

	.ourQuality .con,
	.ourQuality .material,
	.ourQuality .process,
	.ourQuality .ourProducts {
		margin-bottom: 60px;
	}

	.material .item .image {
		margin-bottom: 15px;
	}

	.material .item .tit {
		font-size: 18px;
		line-height: 30px;
	}

	.ourQuality .con .title1 {
		margin-bottom: 80px;
	}


	.process .item .step {
		width: 80px;
		height: 80px;
		margin-right: 50px;
	}

	.process .item .step::after {
		width: 100px;
		height: 100px;
	}

	.process .item .step span {
		font-size: 18px;
		line-height: 26px;
	}

	.process .item {
		margin-bottom: 35px;
	}

	.process .item .tit {
		font-size: 20px;
	}
}

@media screen and (max-width:999px) {
	.ourQuality .con .item .num {
		width: 40px;
		height: 40px;
		font-size: 18px;
	}

	.ourQuality .con .item .tit1,
	.ourQuality .con .item .tit {
		font-size: 22px;
		line-height: 35px;
	}

	.ourQuality .con,
	.ourQuality .material,
	.ourQuality .process,
	.ourQuality .ourProducts {
		margin-bottom: 50px;
	}

	.material .item .tit {
		font-size: 16px;
		line-height: 26px;
	}

	.ourQuality .con .title1 {
		margin-bottom: 60px;
	}

	.ourQuality {
		padding: 40px 0 50px 0;
	}

	.ourQuality .con .item .tit1,
	.ourQuality .con .item .tit {
		font-size: 20px;
	}

	.material .item:nth-child(n) {
		width: 32%;
		margin-right: 2%;
	}

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

	.process .item .step {
		width: 70px;
		height: 70px;
		margin-right: 50px;
	}

	.process .item .step span {
		font-size: 16px;
		line-height: 24px;
	}

	.process .item .step::after {
		width: 90px;
		height: 90px;
	}

	.process .item .tit {
		font-size: 18px;
		line-height: 28px;
	}
}

@media screen and (max-width:768px) {
	.ourQuality .con .item .num {
		width: 35px;
		height: 35px;
		font-size: 16px;
		border-radius: 0 10px 0 10px;
	}

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

	.ourQuality .con .item .tit1,
	.ourQuality .con .item .tit {
		font-size: 18px;
		line-height: 28px;
	}

	.ourQuality .con .item .txts p {
		
	}

	.material .item:nth-child(n) {
		width: 48%;
		margin-right: 4%;
	}

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

	.ourQuality {
		padding: 40px 0;
	}

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

	.process .item .step::after {
		width: 80px;
		height: 80px;
	}

	.process .item .step {
		width: 60px;
		height: 60px;
	}

	.process .item .step span {
		font-size: 14px;
		line-height: 22px;
	}

	.process .item .tit {
		font-size: 16px;
		line-height: 26px;
	}

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

	.process .title1 {
		margin-bottom: 50px;
	}
}


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

	.ourQuality {
		padding: 30px 0;
	}

	.ourQuality .con .title1 {
		margin-bottom: 30px;
	}

	.ourQuality .con .item .num {
		width: 30px;
		height: 30px;
		font-size: 14px;
		margin-bottom: 10px;
	}

	.ourQuality .con .item .tit1,
	.ourQuality .con .item .tit {
		font-size: 16px;
		line-height: 26px;
	}

	.ourQuality .con .item .tit1 {
		margin-bottom: 10px;
	}

	.ourQuality .con .item {
		margin-bottom: 30px;
	}

	.process .item .tit {
		font-size: 14px;
		line-height: 24px;
	}

	.process .item {
		flex-direction: column;
		align-items: flex-start;
	}

	.process .item .step {
		margin-bottom: 40px;
	}

	.process .item .step::before {
		bottom: -50%;
	}

	.process .item:last-child .step::before {
		display: block;
	}

	.ourQuality .con,
	.ourQuality .material,
	.ourQuality .process,
	.ourQuality .ourProducts {
		margin-bottom: 40px;
	}

	.process {
		padding: 40px 0;
	}
}

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

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

}



/* 3-2Quality */


.ourService {
	padding: 55px 0 124px 0;
}



.ourService .con {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 22px;
}


.ourService .con .item {
	width: 47.85%;
	margin-right: 4.3%;
	margin-bottom: 62px;
}

.ourService .con .item .msg {
	padding: 0 14px;
}



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




.ourService .con .image {
	margin-bottom: 31px;
}



.ourService .con .title {
	font-family: Oswald-Bold;
	font-size: 36px;
	line-height: 45px;
	color: #000000;
	margin-bottom: 26px;
}


.ourService .con .txts p {
	font-family: Barlow-Regular;
	font-size: 18px;
	color: #666666;
	line-height: 30px;
	margin-bottom: 30px;
}

.ourService .con .txts p:last-child {
	margin-bottom: 0;
}

.ourService .con .txts span {
	color: #9bc83c;
}




.ourService .ourProducts {
	margin-bottom: 53px;
}


@media screen and (max-width:1600px) {
	.ourService .con .title {
		font-size: 24px;
		line-height: 40px;
		margin-bottom: 20px;
	}

	.ourService .con .image,
	.ourService .con .txts p {
		margin-bottom: 20px;
	}

	.ourService .con .item .msg {
		padding: 0;
	}

	.ourService {
		padding: 50px 0 80px 0;
	}

	.ourService .con .txts p {
		font-size: 16px;
	}

	.ourService .con .item:nth-child(n) {
		width: 48%;
		margin-right: 2%;
		margin-bottom: 40px;
	}

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

	.ourService .ourProducts {
		margin-bottom: 60px;
	}

	.ourService .con {
		margin-bottom: 30px;
	}

}

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

	.ourService .con .title {
		font-size: 20px;
		line-height: 30px;
	}

	.ourService .con .item:nth-child(n) {
		margin-bottom: 30px;
	}

}

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

	.ourService .con .title {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 10px;
	}
}

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

	.ourService .con .title {
		font-size: 16px;
		line-height: 26px;
	}

	.ourService .ourProducts {
		margin-bottom: 50px;
	}
}

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

	.ourService .con .title {
		font-size: 14px;
		line-height: 24px;
	}

	.ourService .con .txts p {
		margin-bottom: 10px;
	}

	.ourService .ourProducts {
		margin-bottom: 40px;
	}
}


@media screen and (max-width:450px) {
	.ourService .con .item:nth-child(n) {
		width: 100%;
		margin-right: 0;
	}
}







/* 4-1About Us */

.aboutUs {
	padding: 77px 0 134px 0;
}


.aboutUs .intrduction {
	margin-bottom: 66px;
}



.aboutUs .intrduction .message {
	width: 100%;
}


.aboutUs .intrduction .images {
	width: 32.8%;
	position: relative;
	display: flex;
	align-items: center;
	float: right;
	margin-left: 31%;
}


.aboutUs .intrduction .image {
	position: absolute;
	z-index: 99;
	width: 100%;
	top: 0;
	left: 0;
	transform: translateX(-62.7%) translateY(-5.7%);
	width: 100%;
}


.aboutUs .intrduction .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
	margin-bottom: 47px;
	position: relative;

}


.aboutUs .intrduction .title1::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -22px;
	width: 60px;
	height: 5px;
	background-color: #9bc83c;
}


.aboutUs .intrduction .txts {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #888888;
	hyphens: auto;
}




.aboutUs .intrduImg {
	margin-bottom: 35px;
}



.aboutUs .intrduTxts {
	margin-bottom: 75px;
}

.aboutUs .intrduTxts p {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #888888;
	margin-bottom: 30px;
}
.aboutUs .intrduTxts a{  display:inline;}

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



.aboutUs .intrduMsg {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.aboutUs .intrduMsg .images {
	width: 32.9%;
	position: relative;
}

.aboutUs .intrduMsg .images .image {
	position: absolute;
	bottom: 0px;
	right: 0;
	transform: translateX(71.4%) translateY(11%);
	width: 100%;
}



.aboutUs .intrduMsg .msg {
	width: 38.1%;
	transform: translateY(-8px);
}


.aboutUs .intrduMsg .texts {
	margin-bottom: 100px;
}

.aboutUs .intrduMsg .texts p {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #888888;
	hyphens: auto;
}


.aboutUs .intrduMsg .brands {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}


.aboutUs .intrduMsg .brands .item {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.aboutUs .intrduMsg .brands .item img {
	filter: grayscale(100%);
}

.aboutUs .intrduMsg .brands .item:hover img {
	filter: grayscale(0%);
}

.aboutUs .intrduMsg .brands .item:nth-child(3n) {
	margin-right: 0;
}

.corporate {
	background-image: url("../images/vision-bg.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #000000;
	padding: 56px 0 98px 0;

}



.corporate .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #ffffff;
	margin-bottom: 65px;
	position: relative;
}


.corporate .con {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}



.corporate .con .checkBtns {
	width: 32.95%;
}




.corporate .con .checkBtns li {
	padding: 11px 19px;
	border-radius: 10px 0px 0px 0px;
	overflow: hidden;
	position: relative;
	font-family: Oswald-Bold;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	width: 100%;
	cursor: pointer;
	margin-bottom: 24.8px;
}

.corporate .con .checkBtns li:last-child {
	margin-bottom: 0;
}


.corporate .con .checkBtns li::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 89%;
	box-sizing: border-box;
	border-radius: 10px 0px 0px 0px;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	left: 0;
	top: 0;
	transition: .3s linear all;
}


.corporate .con .checkBtns li:hover,
.corporate .con .checkBtns li.current {
	color: #9bc83c;
}

.corporate .con .checkBtns li:hover::after,
.corporate .con .checkBtns li.current::after {
	border-color: #9bc83c;
}


.corporate .con .checks {
	width: 59.1%;
	margin-top: -12px;
}

.corporate .con .checks .item {
	position: relative;
	padding-bottom: 106px;
}


.corporate .con .signImg {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 70px;
}

.corporate .con .signImg img {
	height: 100%;
}

.corporate .con .checks .tit {
	font-family: Oswald-Bold;
	font-size: 30px;
	line-height: 40px;
	color: #9bc83c;
	margin-bottom: 19px;
}


.corporate .con .checks .txts {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	hyphens: auto;
}




.corporate .con .checkBtns {
	overflow: auto;
	scrollbar-color: #ffffff rgba(0, 0, 0, 0.2);
	scrollbar-width: thin;
	max-height: 300px;
	padding-right: 20px;
}






.aboutBox {
	padding: 99px 0 99px 0;
}


.aboutBox .partnered {
	margin-bottom: 96px;
}


.aboutBox .partnered .image {
	float: left;
	width: 47.92%;
	margin-right: 2.1%;
}


.aboutBox .partnered .msg {
	padding: 26px 0;
}



.aboutBox .partnered .msg .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
	margin-bottom: 22px;
}


.aboutBox .partnered .msg .txts p {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 30px;
}


.aboutBox .partnered .msg .txts p:last-child {
	margin-bottom: 0;
}




.planed {
	margin-bottom: 133px;
}



.planed .msg {
	width: 100%;
}


.planed .msg .image {
	margin-bottom: 64px;
	display: inline-block;
	width: 49%;
	margin-top: 1px;

}



.planed .msg .tit {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
	margin-bottom: 22px;
}



.planed .msg .txts p {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 30px;
	color: #666666;
	hyphens: auto;
}



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


.planed .showImg {
	float: right;
	width: 47.92%;
	margin-left: 2.5%;
}



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


.certifiacte .title .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
}





.certifiacte .title .btns {
	display: flex;
	align-items: center;
	margin-left: 30px;
}

.certifiacte .title .btns div {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	cursor: pointer;
	background-color: #9bc83c;
	width: 45px;
	height: 45px;
	font-size: 16px;
	border-radius: 50%;
}


.certifiacte .title .btns div:first-child {
	margin-right: 9px;
}



.certifiacte .title .btns div:hover {
	background-color: #0e5b3d;
}

.certifiacte .swiper {
	overflow: visible;
	clip-path: polygon(0% -1000%, 100% -1000%, 100% 1000%, 0 1000%);
}

.certifiacte .image {
	margin-bottom: 8px;
}

.certifiacte .image:hover img {
	transform: scale(1, 1);
}

.certifiacte .image:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .6);
}

.certifiacte .name {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 28px;
	color: #000000;
	text-align: center;
}





.aboutBox .ourProducts {
	margin-bottom: 53px;
}





/* 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)
	}
}












@media screen and (max-width:1600px) {
	.aboutUs {
		padding: 60px 0 100px 0;
	}

	.aboutUs .intrduction .txts,
	.aboutUs .intrduTxts p,
	.aboutUs .intrduMsg .texts p {
		font-size: 16px;
	}

	.aboutUs .intrduMsg .msg {
		transform: translateY(0);
	}

	.aboutUs .intrduMsg .texts {
		margin-bottom: 30px;
	}

	.aboutUs .intrduTxts,
	.aboutUs .intrduction {
		margin-bottom: 60px;
	}

	.corporate .con .checkBtns li {
		font-size: 18px;
	}

	.corporate .con .checks .txts {
		font-size: 16px;
	}

	.corporate .con .checks .tit {
		font-size: 24px;
		line-height: 30px;
	}

	.corporate .con .signImg {
		height: 50px;
	}

	.corporate .con .checks .item {
		padding-bottom: 80px;
	}

	.corporate .title1 {
		margin-bottom: 60px;
	}

	.corporate .con .checks {
		margin-top: 0;
	}

	.aboutBox .partnered .msg .txts p,
	.planed .msg .txts p {
		font-size: 16px;
	}

	.planed .msg .image {
		margin-top: 0;
		margin-bottom: 30px;
	}

	.aboutBox .partnered {
		margin-bottom: 60px;
	}

	.planed {
		margin-bottom: 80px;
	}

	.certifiacte .title .btns div {
		width: 40px;
		height: 40px;
	}

	.certifiacte .title .btns div:first-child {
		margin-right: 20px;
	}

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

	.certifiacte .name {
		font-size: 16px;
		line-height: 26px;
	}
}


@media screen and (max-width:1333px) {
	.aboutUs {
		padding: 40px 0 80px 0;
	}

	.aboutUs .intrduction .images {
		margin-left: 28%;
	}

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

	.aboutUs .intrduction .title1::after {
		bottom: -15px;
		height: 4px;
	}

	.aboutUs .intrduTxts,
	.aboutUs .intrduction {
		margin-bottom: 50px;
	}

	.corporate .title1 {
		margin-bottom: 50px;
	}

	.corporate .con .checkBtns li {
		line-height: 24px;
		font-size: 14px;
		padding: 5px 10px;
	}

	.corporate .con .checks .tit {
		font-size: 22px;
	}

	.corporate .con .signImg {
		height: 30px;
	}

	.corporate .con .checks .item {
		padding-bottom: 50px;
	}

	.aboutBox .partnered .msg {
		padding: 0 0;
	}

	.aboutBox .partnered {
		margin-bottom: 50px;
	}

	.aboutBox .partnered .msg .txts p,
	.planed .msg .txts p {
		margin-bottom: 20px;
	}

	.aboutBox .partnered .msg .title1,
	.planed .msg .tit {
		margin-bottom: 20px;
	}

	.planed {
		margin-bottom: 60px;
	}

	.certifiacte .title .btns div {
		width: 35px;
		height: 35px;
		font-size: 14px;
	}

}

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

	.aboutUs .intrduTxts,
	.aboutUs .intrduction {
		margin-bottom: 40px;
	}

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

	.corporate .con .checkBtns li::after,
	.corporate .con .checkBtns li {
		border-radius: 5px 0 0 0;
	}

	.corporate .con .checks .tit {
		font-size: 20px;
	}

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

	.aboutBox .partnered .msg .title1 br,
	.planed .msg .tit {
		display: none;
	}

	.aboutBox .partnered {
		margin-bottom: 40px;
	}

	.planed {
		margin-bottom: 50px;
	}
}


@media screen and (max-width:768px) {
	.aboutUs {
		padding: 60px 0 80px 0;
	}

	.aboutUs .intrduTxts,
	.aboutUs .intrduction,
	.aboutUs .intrduImg {
		margin-bottom: 30px;
	}

	.corporate .con .checkBtns li {
		font-size: 12px;
		line-height: 22px;
	}

	.corporate .title1 br {
		display: none;
	}

	.corporate .con .signImg {
		height: 25px;
	}

	.corporate .con .checks .tit {
		font-size: 18px;
		line-height: 28px;
	}

	.corporate .con .checks .item {
		padding-bottom: 40px;
	}

	.aboutBox .partnered {
		margin-bottom: 30px;
	}

	.planed .msg .image {
		margin-bottom: 20px;
	}

	.planed {
		margin-bottom: 40px;
	}
}

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

	.aboutUs .intrduction {
		display: flex;
		flex-direction: column-reverse;
	}

	.aboutUs .intrduction .images {
		float: none;
		margin-left: 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.aboutUs .intrduction .title1 br {
		display: none;
	}

	.aboutUs .intrduction .title1::after {
		height: 3px;
	}

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

	.aboutUs .intrduction .txts {
		margin-bottom: 30px;
	}

	.aboutUs .intrduction .image {
		position: static;
		transform: translateX(0);
		width: 48%;
	}

	.aboutUs .intrduction .image2 {
		width: 48%;
	}

	.aboutUs .intrduMsg {
		flex-direction: column;
	}

	.aboutUs .intrduMsg .msg {
		width: 100%;
	}

	.aboutUs .intrduMsg .images {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 30px;
	}

	.aboutUs .intrduMsg .images .image {
		position: static;
		transform: translateX(0);
		width: 48%;
	}

	.aboutUs .intrduMsg .images .image2 {
		width: 48%;
	}

	.aboutUs .intrduTxts,
	.aboutUs .intrduction,
	.aboutUs .intrduImg {
		margin-bottom: 20px;
	}

	.corporate .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.corporate .con .checks {
		width: 100%;
	}

	.corporate .con .checkBtns {
		width: 100%;
		margin-bottom: 30px;
		max-height: 150px;
		float: none;
	}

	.corporate .con .checkBtns li {
		margin-bottom: 20px;
	}

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

	.corporate .con .checks .tit {
		font-size: 16px;
		line-height: 26px;
	}

	.corporate .con .signImg {
		height: 20px;
	}

	.corporate .con .checks .item {
		padding-bottom: 30px;
	}

	.aboutBox .partnered .image {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.planed .showImg {
		width: 100%;
		margin-bottom: 30px;
		margin-left: 0;
		float: none;
	}

	.planed .msg .image {
		width: 100%;
	}

	.aboutBox .partnered .msg .txts p,
	.planed .msg .txts p {
		margin-bottom: 10px;
	}

	.certifiacte .title .btns div {
		width: 30px;
		height: 30px;
		font-size: 12px;
	}

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

	.aboutBox .ourProducts {
		margin-bottom: 40px;
	}
}


/* network */
.netWorkBox {
	position: relative;
	margin-bottom: 119px;
}


.netWorkBox::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 180%;
	background-image: url("../images/netWork-bg.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	top: -37.5%;
	z-index: -1;
}



.netWork {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}




.netWork .msg {
	position: absolute;
	left: 0;
	top: 0;
	width: 40%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.netWork .msg .number {
	position: relative;
	margin-bottom: 132px;
	padding-left: 23px;
	margin-top: -15px;
}

.netWork .msg .number::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 76%;
	width: 3px;
	background-color: #9bc83c;
	top: 50%;
	transform: translateY(-50%);
}





.netWork .msg .num {
	font-family: Oswald-Bold;
	font-size: 36px;
	line-height: 45px;
	color: #9bc83c;
	margin-bottom: 4px;
}

.netWork .msg .tit {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
}


.netWork .msg .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 70px;
	color: #333333;
	margin-bottom: 18px;
}


.netWork .msg .txts {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
}



.netWork .con {
	position: relative;
	width: 72.7142%;
}



.netWork .con .image {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: .5;

}


.netWork .con .item {
	position: absolute;
	z-index: 99;
	cursor: pointer;
}


.netWork .con .item .circle {
	width: 26px;
	transition: none;
}



.netWork .con .item .location {
	width: 132px;
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-65%);
}


.netWork .con .item .list {
	display: none;
}


.netWork .con .item.active .circle {
	opacity: 0;
}

.netWork .con .item.active .location {
	display: block;
}

.netWork .con .item.active .list {
	display: block;
}




.netWork .con .item .list {
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateX(-123.5%) translateY(10.1%);
	background-color: rgba(155, 200, 60, .9);
	width: 338px;
	padding: 22px 30px 35px 30px;
	z-index: 9;
}

.netWork .con .item .list ul {
	width: 100%;
	max-height: 230px;
	overflow: auto;
	scrollbar-color: #ffffff rgba(0, 0, 0, 0.2);
	scrollbar-width: thin;
}

.netWork .con .item .list ul::-webkit-scrollbar {
	width: 4px;
}

.netWork .con .item .list ul::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
}

.netWork .con .item .list ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background: #ffffff;
}

.netWork .con .item .list ul::-webkit-scrollbar-button {
	display: none;
}







.netWork .con .item .list ul li {
	position: relative;
	display: flex;
	align-items: center;
	font-family: Poppins-Medium;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
}

.netWork .con .item .list ul li:last-child {
	margin-bottom: 0;
}


.netWork .con .item .list ul li::before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background-color: #ffffff;
	border-radius: 50%;
	margin-right: 19px;
	flex-shrink: 0;
}






.netWork .con .lists .item:nth-child(1) {
	top: 36%;
	left: 17%;
}

.netWork .con .lists .item:nth-child(2) {
	top: 65.5%;
	left: 30%;
}

.netWork .con .lists .item:nth-child(3) {
	top: 55%;
	left: 53.5%;
}

.netWork .con .lists .item:nth-child(4) {
	top: 26.5%;
	left: 58%;
}


.netWork .con .lists .item:nth-child(5) {
	top: 48%;
	left: 59%;
}

.netWork .con .lists .item:nth-child(6) {
	top: 38%;
	left: 76%;
}


.netWork .con .lists .item:nth-child(7) {
	top: 77%;
	left: 84%;
}




.aboutBottom .ourProducts {
	margin-bottom: 53px;
}



.aboutBottom .consult {
	margin-bottom: 124px;
}





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

	.netWork .msg .title1 {
		line-height: 55px;
	}

	.netWork .msg .txts {
		font-size: 16px;
		line-height: 26px;
	}

	.netWork .con .item .circle {
		width: 20px;
	}

	.netWork .con .item .list {
		padding: 20px;
		width: 300px;
	}

	.netWork .con .item .list ul {
		max-height: 210px;
	}

	.netWork .con .item .location {
		width: 100px;
	}

	.netWorkBox,
	.aboutBottom .ourProducts,
	.aboutBottom .consult {
		margin-bottom: 80px;
	}
}

@media screen and (max-width:1450px) {
	.netWork .con {
		width: 76%;
	}
}

@media screen and (max-width:1333px) {
	.netWork .msg {
		position: static;
		width: 100%;
		margin-bottom: 50px;
	}

	.netWork {
		flex-direction: column;
		align-items: flex-start;
	}

	.netWork .msg .title1 br {
		display: none;
	}

	.netWork .msg .number {
		margin-bottom: 20px;
	}

	.netWork .con {
		width: 100%;
	}

	.netWorkBox,
	.aboutBottom .ourProducts,
	.aboutBottom .consult {
		margin-bottom: 60px;
	}

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


	.netWork .con .lists .item:nth-child(1) .list,
	.netWork .con .lists .item:nth-child(2) .list,
	.netWork .con .lists .item:nth-child(3) .list,
	.netWork .con .lists .item:nth-child(4) .list {
		transform: translateX(20%) translateY(10.1%);
	}
	.netWork .con .lists .item:nth-child(5) .list {
		transform: translateX(-113.5%) translateY(10.1%);
	}

	.netWork .con .item.active {
		z-index: 9999;
	}
}


@media screen and (max-width:999px) {
	.netWork .msg .num {
		font-size: 24px;
	}

	.netWorkBox,
	.aboutBottom .ourProducts,
	.aboutBottom .consult {
		margin-bottom: 50px;
	}

	.netWork .con .item .list:nth-child(n) {
		display: none;
	}

	.netWork .con .item .location {
		width: 80px;
	}
	
	.netWork .con .item::after{
		display: none;
	}
}

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

	.netWorkBox,
	.aboutBottom .ourProducts,
	.aboutBottom .consult {
		margin-bottom: 40px;
	}

	.netWork .con .item .circle {
		width: 16px;
	}

	.netWork .con .item .location {
		width: 60px;
	}
}

@media screen and (max-width:538px) {
	.netWork .con .item .circle {
		width: 12px;
	}

	.netWork .con .item .location {
		width: 40px;
	}

	.netWorkBox,
	.aboutBottom .ourProducts,
	.aboutBottom .consult,
	.netWork .msg {
		margin-bottom: 30px;
	}
}



/* 4-2About Us */
.companyProfile {
	padding: 67px 0 124px 0;
}


.companyProfile .con {
	margin-bottom: 119px;
}

.companyProfile .con .item {
	margin-bottom: 134px;
}


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


.companyProfile .con .image {
	position: relative;
	width: 50.42%;
	margin-bottom: 40px;
}

.companyProfile .con .image img {
	box-shadow: -11px 0px 29px 0px rgba(0, 0, 0, 0.14);
}

.companyProfile .con .image .image1,
.companyProfile .con .image .image2{
	overflow: hidden;
}


.companyProfile .con .item:nth-child(2n-1) .image {
	float: left;
	margin-right: 8.5%;
	margin-left: 4.2%;
}

.companyProfile .con .item:nth-child(2n) .image {
	float: right;
	margin-left: 8.5%;
	margin-right: 4.2%;
}




.companyProfile .con .image .image2 {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	z-index: -1;
}



.companyProfile .con .item:nth-child(2n-1) .image .image2 {
	bottom: -10%;
	left: 0;
	transform: translateX(-16.5%);
	width: 50.7%;
}


.companyProfile .con .item:nth-child(2n) .image .image2 {
	bottom: -10%;
	right: 0;
	transform: translateX(16.5%);
	width: 50.7%;
}


.companyProfile .con .msg {
	padding: 15px 0;
}

.companyProfile .con .msg .title {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
	margin-bottom: 74px;
	position: relative;

}


.companyProfile .con .msg .title::after {
	content: "";
	position: absolute;
	bottom: -48px;
	width: 70px;
	height: 5px;
	background-color: #9bc83c;
}


.companyProfile .con .item:nth-child(2n-1) .msg .title {
	text-align: right;
}

.companyProfile .con .item:nth-child(2n-1) .msg .title::after {
	right: 0;
}

.companyProfile .con .item:nth-child(2n) .msg .title {
	text-align: left;
}

.companyProfile .con .item:nth-child(2n) .msg .title::after {
	left: 0;
}





.companyProfile .con .msg .txts {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 28px;
	color: #666666;
	margin-bottom: 39px;
	hyphens: auto;
}

.companyProfile .con .item:nth-child(2n-1) .txts {
	text-align: right;
}

.companyProfile .con .item:nth-child(2n) .txts {
	text-align: left;
}



.companyProfile .con .msg .btn {
	width: 220px;
	height: 50px;
	background-color: #9bc83c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Oswald-Bold;
	font-size: 18px;
	color: #ffffff;
	border: 1px solid #9bc83c;
}



.companyProfile .con .msg .btn i {
	margin-left: 9px;
	font-size: 18px;
	color: #ffffff;
}



.companyProfile .con .msg .btn:hover {
	background-color: #fff;
	color: #9bc83c;
}


.companyProfile .con .msg .btn:hover i {
	color: #9bc83c;
}


.companyProfile .con .item:nth-child(2n-1) .btn {
	margin-left: auto;
}

.companyProfile .con .item:nth-child(2n) .btn {
	margin-right: auto;
}


.companyProfile .ourProducts {
	margin-bottom: 53px;
}

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

	.companyProfile .con .msg .txts {
		font-size: 16px;
		line-height: 30px;
	}

	.companyProfile .con .msg .title::after {
		bottom: -30px;
	}

	.companyProfile .con .msg .title {
		margin-bottom: 60px;
	}

	.companyProfile .con .msg .btn {
		height: 40px;
		/*width: 140px;*/
		font-size: 16px;
	}

	.companyProfile .con .msg .btn i {
		font-size: 16px;
	}

	.companyProfile .con .item {
		margin-bottom: 60px;
	}

	.companyProfile .con .msg {
		padding: 0;
	}

	.companyProfile .con .item:nth-child(2n-1) .image {
		margin-right: 5%;
	}

	.companyProfile .con .item:nth-child(2n) .image {
		margin-left: 5%;
	}

	.companyProfile .con .msg .title {
		font-size: 32px;
		line-height: 45px;
		margin-bottom: 40px;
	}

	.companyProfile .con .msg .title::after {
		bottom: -20px;
		height: 4px;
	}

	.companyProfile .con,
	.companyProfile .ourProducts {
		margin-bottom: 80px;
	}
}

@media screen and (max-width:1333px) {
	.companyProfile .con .msg .title {
		font-size: 24px;
		line-height: 40px;
	}

	.companyProfile .con .item {
		margin-bottom: 50px;
	}

	.companyProfile .con,
	.companyProfile .ourProducts {
		margin-bottom: 60px;
	}

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

@media screen and (max-width:999px) {
	.companyProfile .con .image {
		margin-bottom: 30px;
	}

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

	.companyProfile .con .msg .title {
		font-size: 22px;
		line-height: 30px;
	}

	.companyProfile .con .msg .btn {
		height: 35px;
	}

	.companyProfile .con .msg .btn i {
		font-size: 14px;
	}

	.companyProfile {
		padding: 40px 0 50px 0;
	}
}

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

	.companyProfile .con .msg .title {
		font-size: 20px;
	}

	.companyProfile .con .msg .title::after {
		height: 3px;
	}

	.companyProfile .con .msg .btn {
		height: 30px;
		width: 120px;
	}

	.companyProfile .con .item {
		margin-bottom: 40px;
	}

	.companyProfile .con,
	.companyProfile .ourProducts {
		margin-bottom: 50px;
	}
}

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

	.companyProfile .con,
	.companyProfile .ourProducts {
		margin-bottom: 40px;
	}

	.companyProfile .con .item:nth-child(n) .image {
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
		float: none;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.companyProfile .con .item:nth-child(n) .image .image2 {
		position: static;
		transform: translateX(0);
	}

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

	.companyProfile .con .item:nth-child(n) .image .image2 {
		display: none;
	}

	.companyProfile .con .item:nth-child(n) .msg .title,
	.companyProfile .con .item:nth-child(n) .msg .txts {
		text-align: left;
	}

	.companyProfile .con .item:nth-child(n) .msg .title {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 30px;
	}

	.companyProfile .con .msg .title::after {
		width: 60px;
		bottom: -15px;
	}

	.companyProfile .con .item:nth-child(n) .msg .title br {
		display: none;
	}

	.companyProfile .con .item:nth-child(2n-1) .msg .title::after {
		left: 0;
	}

	.companyProfile .con .item:nth-child(2n-1) .btn {
		margin-left: 0;
	}

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







/* 4-3About US */

.ourCompany .con {
	padding: 51.5px 0 9px 0;
}

.ourCompany .con .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 108px;
}


.ourCompany .con .title .title1 {
	flex-shrink: 0;
	margin-right: 171px;
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
}


.ourCompany .con .title .txts {
	flex: 1;
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
	hyphens: auto;
	transform: translateY(-1px);
}


.ourCompany .con .list {
	display: flex;
	flex-wrap: wrap;
}


.ourCompany .con .list .item {
	width: 47.15%;
	margin-right: 5.7%;
	margin-bottom: 85px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.ourCompany .con .list .item:nth-child(2n) {
	margin-right: 0;
	padding-top: 8px;
}


.ourCompany .con .list .item:nth-child(2n) .image {
	margin-top: 43px;
}

.ourCompany .con .list .item:nth-child(2n-1) .image {
	margin-bottom: 13px;
}


.ourCompany .con .list .item .tit {
	font-family: Oswald-Bold;
	font-size: 30px;
	line-height: 45px;
	color: #000000;
	margin-bottom: 13px;
}


.ourCompany .con .list .item .txts {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 28px;
	color: #666666;
}

.ourCompany .con .list .item .msg {
	padding: 0 10px;
}

.ourCompany .con .list .item:nth-child(2n) {
	flex-direction: column-reverse;
}


.ourAdvantage {
	background-image: url("../images/indexM2-bg.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #000000;
	padding: 63px 0 262px 0;
	margin-bottom: -195px;
}



.ourAdvantage .title1 {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #ffffff;
	margin-bottom: 89px;
	text-align: center; text-transform:uppercase;
}



.ourAdvantage .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}



.ourAdvantage .list .item {
	display: flex;
	align-items: flex-start;
}




.ourAdvantage .list .item .image {
	flex-shrink: 0;
	margin-right: 20px;
	transform: translateY(5px);
	width: 62px;
}




.ourAdvantage .list .item .num {
	display: flex;
	align-items: flex-end;
	margin-bottom: 11px;
}


.ourAdvantage .list .item .num .box {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #bffc00;
}

.ourAdvantage .list .item .num i {
	font-style: normal;
	font-family: Barlow-Regular;
	font-size: 24px;
	line-height: 30px;
	color: #bffc00;
	margin-left: 9px;
	transform: translateY(-13px);
}


.ourAdvantage .list .item .name {
	font-family: Barlow-Regular;
	font-size: 20px;
	line-height: 30px;
	color: #bffc00;
}

@media screen and (max-width:1600px) {
	.ourCompany .con .list .item:nth-child(2n) {
		padding-top: 0px;
	}
	.ourAdvantage .list .item .image {
		width: 40px;
	}

	.ourAdvantage .list .item .num .box {
		font-size: 34px;
		line-height: 45px;
	}

	.ourAdvantage .list .item .name {
		font-size: 16px;
		line-height: 26px;
	}

	.ourAdvantage {
		padding: 60px 0 250px 0;
		margin-bottom: -160px;
	}

	.ourAdvantage .list .item .num i {
		font-size: 18px;
	}

	.ourAdvantage .title1 {
		margin-bottom: 60px;
	}

}

@media screen and (max-width:1333px) {
	.ourAdvantage .list .item {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 20px;
	}

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

	.ourAdvantage .list .item .image {
		width: 35px;
	}

	.ourAdvantage .list .item .num .box {
		font-size: 28px;
		line-height: 35px;
	}

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

	.ourAdvantage {
		padding-bottom: 200px;
	}

	.ourAdvantage .title1 {
		margin-bottom: 50px;
	}

	.ourAdvantage .list .item .num i {
		transform: translateY(0);
	}
}

@media screen and (max-width:999px) {
	.ourAdvantage .list .item .num .box {
		font-size: 24px;
		line-height: 30px;
	}

	.ourAdvantage .list .item .num i {
		font-size: 16px;
		line-height: 26px;
	}

	.ourAdvantage {
		padding: 50px 0 200px 0;
	}

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

@media screen and (max-width:768px) {
	.ourAdvantage {
		padding: 40px 0 200px 0;
	}

	.ourAdvantage .list .item .image {
		width: 30px;
	}

	.ourAdvantage .list .item .num .box {
		font-size: 22px;
		line-height: 30px;
	}
}

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

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






.companyBox{
	padding-top:69px ;
}
.companyBox .ourProducts {
	margin-bottom: 83px;
}

.companyBox .consult {
	margin-bottom: 124px;
}

@media screen and (max-width:1600px) {
	.ourCompany .con .title .title1 {
		margin-right: 60px;
	}

	.ourCompany .con .title .txts,
	.ourCompany .con .list .item .txts {
		font-size: 16px;
		transform: translateY(0);
	}

	.ourCompany .con .title {
		margin-bottom: 80px;
	}

	.ourCompany .con .list .item .tit {
		font-size: 22px;
		line-height: 30px;
	}

	.ourCompany .con .list .item {
		margin-bottom: 80px;
	}

	.ourCompany .con .list .item:nth-child(2n-1) .image {
		margin-bottom: 30px;
	}

	.ourCompany .con .list .item:nth-child(2n) .image {
		margin-top: 30px;
	}

	.ourCompany .con {
		padding: 50px 0 10px 0;
	}

	
	.companyBox .ourProducts,
	.companyBox .consult {
		margin-bottom: 80px;
	}
	.companyBox{
		padding-top: 80px;
	}
}

@media screen and (max-width:1333px) {
	.ourCompany .con .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.ourCompany .con .title .title1 {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.ourCompany .con .title .title1 br {
		display: none;
	}

	.ourCompany .con .list .item .tit {
		font-size: 20px;
	}

	.ourCompany .con .list .item {
		margin-bottom: 60px;
	}

	.ourCompany .con .list .item:nth-child(2n-1) .image {
		margin-bottom: 20px;
	}

	.ourCompany .con .list .item:nth-child(2n) .image {
		margin-top: 20px;
	}

	.ourCompany .con .title {
		margin-bottom: 50px;
	}

	.companyBox .ourProducts,
	.companyBox .consult {
		margin-bottom: 60px;
	}
	.companyBox {
		padding-top: 60px;
	}
}

@media screen and (max-width:999px) {
	.ourCompany .con .title {
		margin-bottom: 40px;
	}

	.ourCompany .con .list .item .tit {
		font-size: 18px;
		line-height: 28px;
	}

	.ourCompany .con {
		padding: 40px 0 10px 0;
	}
}

@media screen and (max-width:768px) {
	.ourCompany .con .title {
		margin-bottom: 30px;
	}

	.ourCompany .con .list .item .tit {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.ourCompany .con .list .item .msg {
		padding: 0;
	}

	.ourCompany .con .list .item:nth-child(2n-1) .image {
		margin-bottom: 15px;
	}

	.ourCompany .con .list .item:nth-child(2n) .image {
		margin-top: 15px;
	}

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

	.companyBox .standards,
	.companyBox .ourProducts,
	.companyBox .consult {
		margin-bottom: 50px;
	}
	.companyBox{
		padding-top: 50px;
	}
}

@media screen and (max-width:538px) {
	.ourCompany .con {
		padding: 30px 0 30px 0;
	}

	.ourCompany .con .list .item:nth-child(n) {
		width: 100%;
		margin-right: 0;
		flex-direction: column;
		margin-bottom: 30px;
	}

	.ourCompany .con .list .item:nth-child(n) .image {
		margin-top: 0;
		margin-bottom: 15px;
	}

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

	.ourCompany .con .list .item .tit {
		font-size: 14px;
		line-height: 24px;
	}

	.companyBox .ourProducts,
	.companyBox .consult {
		margin-bottom: 40px;
	}
	.companyBox{
		padding-top: 40px;
	}
}




/* 5-1news */


.news {
	padding: 55px 0 124px 0;
}



.news .con {
	margin-bottom: 103px;
}

.news .con .swiper {
	margin-bottom: 57px;
}

.news .con .swiper .swiper-slide:first-child {
	margin-left: auto;
}


.news .con .swiper .swiper-slide:last-child {
	margin-right: auto;
}

.news .con .swiper .swiper-slide {
	width: auto;
	border-radius: 10px;
	border: solid 3px transparent;
	margin-right: 125px;
}

.news .con .swiper .swiper-slide:hover a {
	color: #9bc83c;
}

.news .con .swiper .swiper-slide a {
	font-family: Oswald-Bold;
	font-size: 30px;
	color: #666666;
	width: 100%;
	height: 100%;
	padding: 9px 32px; text-transform:uppercase;
}

.news .con .swiper .swiper-slide.active {
	border: solid 3px #9bc83c;
}

.news .con .swiper .swiper-slide.active a {
	color: #9bc83c;
}


.news .con .list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 34px;
}


.news .con .list .newItem {
	width: 32.2%;
	margin-right: 1.7%;
	margin-bottom: 58px;
}


.news .con .list .newItem:nth-child(3n) {
	margin-right: 0;
}

.news .newNav {
	position: relative;
}

.news .newNav .btns {
	position: absolute;
	display: flex;
	align-items: center;
	right: 0;
	top: 0;
	transform: translateY(-120%);
	z-index: 99;
}

.news .newNav .btns div {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #666666;
	cursor: pointer;
}


.news .newNav .btns div.prev {
	margin-right: 20px;
}

.news .newNav .btns div.swiper-button-disabled{
	display: none;
}

.news .newNav .btns div:hover {
	color: #9bc83c;
}



.newItem .image {
	margin-bottom: 19px;
	overflow: hidden;
}




.newItem .time {
	font-family: Barlow-Regular;
	font-size: 16px;
	line-height: 30px;
	color: #9bc83c;
	margin-bottom: 4px;
}


.newItem .name {
	font-family: Barlow-Bold;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 11px;
}


.newItem .name:hover {
	color: #9bc83c;
}


.newItem .txts {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 26px;
	color: #666666;
	margin-bottom: 30px;
}


.newItem .btn {
	display: flex;
	align-items: center;
	color: #9bc83c;
	font-family: Oswald-Regular;
	font-size: 16px;
	color: #9bc83c; text-transform:uppercase;

}


.newItem .btn i {
	font-size: 14px;
	flex-shrink: 0;
	margin-left: 6px;
}


.newItem .btn:hover {
	text-decoration: underline;
}


.newItem .btn:hover i {
	transform: translateX(5px);
}


.news .ourProducts {
	margin-bottom: 82px;
}


@media screen and (max-width:1600px) {
	.news .con .swiper .swiper-slide a {
		font-size: 20px;
		padding: 8px 20px;
	}

	.news .con .swiper .swiper-slide.active {
		border-width: 2px;
	}

	.news .con .swiper .swiper-slide {
		border-width: 2px;
		border-radius: 5px;
		margin-right: 70px;
	}

	.newItem .name {
		font-size: 18px;
		line-height: 28px;
	}

	.newItem .txts {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 20px;
	}

	.news .con .swiper {
		margin-bottom: 50px;
	}

	.newItem .image {
		margin-bottom: 15px;
	}

	.news {
		padding: 50px 0 80px 0;
	}

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

	.news .con,
	.news .ourProducts {
		margin-bottom: 80px;
	}

}

@media screen and (max-width:1333px) {
	.news .con .swiper .swiper-slide a {
		font-size: 16px;
		padding: 5px 15px;
	}

	.news .con .swiper .swiper-slide {
		border-radius: 3px;
		margin-right: 40px;
	}

	.news .con .swiper {
		margin-bottom: 40px;
	}

	.news .con .list .newItem {
		margin-bottom: 30px;
	}

	.news .con .list {
		margin-bottom: 30px;
	}

	.news {
		padding: 50px 0 60px 0;
	}

	.news .con,
	.news .ourProducts {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:999px) {
	.newItem .name {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.news {
		padding: 50px 0 50px 0;
	}

	.news .con,
	.news .ourProducts {
		margin-bottom: 50px;
	}

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

	.news .con .swiper .swiper-slide a {
		font-size: 14px;
		line-height: 24px;
	}

	.news .con .swiper .swiper-slide {
		margin-right: 30px;
	}
}

@media screen and (max-width:768px) {
	.news .con .list .newItem:nth-child(n) {
		width: 48%;
		margin-right: 4%;
	}

	.news .con .list .newItem:nth-child(2n) {
		margin-right: 0;
	}

	.newItem .image {
		margin-bottom: 10px;
	}

	.newItem .txts {
		margin-bottom: 10px;
	}

	.news .con .swiper .swiper-slide a {
		font-size: 12px;
		line-height: 22px;
		padding: 3px 10px;
	}

	.news .con .swiper {
		margin-bottom: 30px;
	}

	.news {
		padding: 40px 0 40px 0;
	}

	.news .con,
	.news .ourProducts {
		margin-bottom: 40px;
	}

	.news .newNav .btns div {
		font-size: 16px;
	}
}

@media screen and (max-width:450px) {
	.news .con .list .newItem:nth-child(n) {
		width: 100%;
		margin-right: 0;
	}

	.news .con .list .newItem:last-child {
		margin-bottom: 0;
	}

	.news .con .list {
		margin-bottom: 30px;
	}

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

	.news .con,
	.news .ourProducts {
		margin-bottom: 30px;
	}

	.news .con .swiper .swiper-slide {
		margin-right: 20px;
	}
}




/* newDet */
.projectDet.newDet {
	padding: 49px 0 104px 0;
}

.projectDet .tips {
	display: flex;
	align-items: center;
}

.projectDet .tips .time {
	font-family: Barlow-Regular;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin-right: 16px;
}

.projectDet.newDet .describe .con {
	margin-bottom: 67px;
	font-family: Barlow-Regular;
}
.projectDet.newDet .describe .con h2,
{font-family: Barlow-Regular;
    font-size: 20px;
}
.projectDet.newDet .describe .con h3
{font-family: Barlow-Regular;
    font-size: 18px;
}
.projectDet.newDet .describe .btns {
	margin-bottom: 130px;
}

.projectDet.newDet .ourProducts {
	margin-bottom: 83px;
}


.projectDet.newDet .consult {
	margin-bottom: 77px;
}

@media screen and (max-width:1600px) {
	.projectDet.newDet {
		padding: 50px 0 80px 0;
	}

	.projectDet.newDet .describe .con {
		margin-bottom: 60px;
	}

	.projectDet.newDet .describe .btns,
	.projectDet.newDet .ourProducts,
	.projectDet.newDet .consult {
		margin-bottom: 80px;
	}
}

@media screen and (max-width:1333px) {
	.projectDet.newDet {
		padding: 50px 0 60px 0;
	}

	.projectDet.newDet .describe .con {
		margin-bottom: 50px;
	}

	.projectDet.newDet .describe .btns,
	.projectDet.newDet .ourProducts,
	.projectDet.newDet .consult {
		margin-bottom: 60px;
	}
}

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

	.projectDet.newDet .describe .con {
		margin-bottom: 40px;
	}

	.projectDet.newDet .describe .btns,
	.projectDet.newDet .ourProducts,
	.projectDet.newDet .consult {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
	.projectDet.newDet {
		padding: 40px 0 40px 0;
	}

	.projectDet.newDet .describe .con {
		margin-bottom: 30px;
	}

	.projectDet.newDet .describe .btns,
	.projectDet.newDet .ourProducts,
	.projectDet.newDet .consult {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:538px) {
	.projectDet .tips {
		flex-direction: column;
		align-items: center;
	}

	.projectDet .tips .time {
		margin-right: 0;
		margin-bottom: 10px;
	}
}

/* 6-1contact */

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



.contact .fortune {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 82px;
}





.contact .fortune .msg {
	width: 38%;
}


.contact .fortune .msg .tit {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 60px;
	color: #000000;
	margin-bottom: 26px;
}


.contact .fortune .msg ul {
	margin-bottom: 91px;
}

.contact .fortune .msg ul li {
	display: flex;
	align-items: flex-start;
}

.contact .fortune .msg ul li:last-child {
	margin-bottom: 0;
}


.contact .fortune .msg ul li i {
	flex-shrink: 0;
	margin-right: 10px;
	font-size: 18px;
	color: #9bc83c;
	transform: translateY(10px);
}


.contact .fortune .msg ul li .num {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 36px;
	color: #666666;
}


.contact .fortune .msg ul li a.num:hover {
	color: #9bc83c;
	text-decoration: underline;
}


.contact .fortune .msg ul li.email .num {
	word-break: break-all;
}


.contact .fortune form {
	width: 50%;
}


.contact .fortune form .tit1 {
	font-family: Barlow-Regular;
	font-size: 20px;
	line-height: 23px;
	color: #666666;
	margin-bottom: 34px;
}


.contact .fortune form .tit {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 70px;
	color: #000000;
	margin-bottom: 37px;
}


.contact .fortune form ul li {
	border-bottom: 1px solid #eeeeee;
	height: 66px;
	margin-bottom: 17px;
	padding: 0 19px;
}

.contact .fortune form ul li.message {
	padding: 20px 19px;
	height: 115px;
	margin-bottom: 26px;
}


.contact .fortune form input,
.contact .fortune form textarea {
	color: #333333;
	font-size: 18px;
	font-family: Barlow-Regular;
	width: 100%;
	height: 100%;
}


.contact .input::-webkit-input-placeholder,
.contact .textarea::-webkit-input-placeholder {
	font-family: Barlow-Regular;
	font-size: 18px;
	color: #666666;
}

.contact .input:-moz-placeholder,
.contact .textarea:-moz-placeholder {
	font-family: Barlow-Regular;
	font-size: 18px;
	color: #666666;
}

.contact .input::-moz-placeholder,
.contact .textarea::-moz-placeholder {
	font-family: Barlow-Regular;
	font-size: 18px;
	color: #666666;
}

.contact .input:-ms-input-placeholder,
.contact .textarea:-ms-input-placeholder {
	font-family: Barlow-Regular;
	font-size: 18px;
	color: #666666;
}



.contact .fortune form .must {
	position: relative;
}

.contact .fortune form .must::after {
	content: "* ";
	position: absolute;
	top: 21px;
	left: 10px;
	color: #ff0000;
	font-family: Barlow-Regular;
	font-size: 18px;
}




.contact .fortune form ul li.codeCon {
	display: flex;
	justify-content: space-between;
	padding: 0;
	height: 47px;
	margin-bottom: 47px;
}


.contact .fortune form ul li.codeCon input {
	flex: 1;
	padding: 0 19px;
}


.contact .fortune form ul li.codeCon .codeImg {
	flex-shrink: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	background-color: #f3fbfe;
}

.contact .fortune form ul li.codeCon .codeImg img {
	height: 100%;
}


.contact .fortune form ul li.subBtn {
	padding: 0;
	margin-bottom: 0px;
	border-bottom: none;
	height: 50px;
}

.contact .fortune form ul li.subBtn input {
	width: 160px;
	height: 50px;
	background-color: #9bc83c;
	font-family: Oswald-Bold;
	font-size: 18px;
	color: #ffffff;
	border: 1px solid #9bc83c;
}

.contact .fortune form ul li.subBtn input {
	cursor: pointer;
}


.contact .fortune form ul li.subBtn input:hover {
	background-color: #fff;
	color: #9bc83c;
}


.contact .map {
	margin-bottom: 76px;
}


.contact .faqBox {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}




.contact .faqBox .msg {
	width: 30%;
}


.contact .faqBox .faq {
	width: 63.3%;
}


.contact .faqBox .faq .tit1 {
	font-family: Barlow-Bold;
	font-size: 40px;
	line-height: 60px;
	color: #000000;
	margin-bottom: 43px;
}


.contact .faqBox .msg .tit {
	font-family: Barlow-Regular;
	font-size: 20px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 30px;
	margin-top: 50px;
}


.contact .faqBox .msg .title {
	font-family: Oswald-Bold;
	font-size: 50px;
	line-height: 70px;
	color: #000000;
}


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

	.contact .fortune,
	.contact .map {
		margin-bottom: 80px;
	}

	.contact .fortune .msg .tit,
	.contact .fortune form .tit {
		font-size: 32px;
		line-height: 45px;
	}

	.contact .fortune form .tit br {
		display: none;
	}

	.contact .fortune form .tit1 {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	.contact .fortune form .tit {
		margin-bottom: 30px;
	}

	.contact .fortune .msg ul li {
		margin-bottom: 20px;
	}

	.contact .fortune .msg ul li:last-child {
		margin-bottom: 0;
	}

	.contact .fortune .msg ul li .num {
		font-size: 16px;
		line-height: 26px;
	}

	.contact .fortune .msg ul li i {
		font-size: 16px;
		transform: translateY(5px);
	}

	.contact .fortune form ul li {
		height: 45px;
		margin-bottom: 15px;
	}

	.contact .fortune form input,
	.contact .fortune form textarea {
		font-size: 16px;
	}


	.contact .input::-webkit-input-placeholder,
	.contact .textarea::-webkit-input-placeholder {
		font-size: 16px;
	}

	.contact .input:-moz-placeholder,
	.contact .textarea:-moz-placeholder {
		font-size: 16px;
	}

	.contact .input::-moz-placeholder,
	.contact .textarea::-moz-placeholder {
		font-size: 16px;
	}

	.contact .input:-ms-input-placeholder,
	.contact .textarea:-ms-input-placeholder {
		font-size: 16px;
	}

	.contact .fortune form ul li.message {
		padding: 10px 19px;
	}

	.contact .fortune form .must::after {
		top: 14px;
		left: 5px;
	}

	.contact .fortune form ul li.subBtn {
		height: 45px;
	}

	.contact .fortune form ul li.subBtn input {
		height: 100%;
		font-size: 16px;
	}

	.contact .fortune .msg ul {
		margin-bottom: 60px;
	}


	.contact .faq .list {
		margin-bottom: 0;
	}

	.contact .faqBox .msg .title {
		font-size: 32px;
		line-height: 45px;
	}

	.contact .faqBox .faq .tit1 {
		font-size: 32px;
		line-height: 45px;
	}

}

@media screen and (max-width:1333px) {
	.contact .fortune {
		flex-direction: column;
		align-items: flex-start;
	}

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

	.contact .fortune .msg {
		width: 100%;
		margin-bottom: 30px;
	}

	.contact .fortune .msg ul {
		margin-bottom: 50px;
		display: flex;
		flex-wrap: wrap;
	}

	.contact .fortune .msg ul li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}

	.contact .fortune .msg ul li:nth-child(2n) {
		margin-right: 0;
	}

	.contact .fortune .msg .tit,
	.contact .fortune form .tit {
		font-size: 28px;
	}

	.contact .fortune .msg ul {
		margin-bottom: 30px;
	}

	.contact .fortune form {
		width: 100%;
	}

	.contact .fortune form ul {
		display: flex;
		flex-wrap: wrap;
	}

	.contact .fortune form ul li {
		width: 49%;
		margin-right: 2%;
	}

	.contact .fortune form ul li:nth-child(2n) {
		margin-right: 0;
	}

	.contact .fortune form ul li.message {
		width: 100%;
		margin-right: 0;
	}

	.contact .fortune form ul li.codeCon {
		width: 100%;
		margin-bottom: 20px;
	}

	.contact .faqBox {
		flex-direction: column;
		align-items: flex-start;
	}

	.contact .faqBox .msg .tit {
		margin-top: 0;
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	.contact .faqBox .faq {
		width: 100%;
	}

	.contact .faqBox .msg .title {
		font-size: 28px;
		margin-bottom: 30px;
	}

	.contact .faqBox .msg {
		width: 100%;
	}

	.contact .fortune,
	.contact .map {
		margin-bottom: 60px;
	}

	.contact .faqBox .faq .tit1 {
		font-size: 28px;
		margin-bottom: 25px;
	}

	.contact .fortune form ul li.subBtn {
		height: 40px;
	}
}

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

	.contact .fortune .msg ul {
		margin-bottom: 20px;
	}

	.contact .fortune .msg .tit,
	.contact .fortune form .tit,
	.contact .faqBox .msg .title,
	.contact .faqBox .faq .tit1 {
		font-size: 24px;
		line-height: 35px;
	}

	.contact .fortune form .tit1,
	.contact .faqBox .msg .tit {
		font-size: 16px;
		line-height: 26px;
	}

	.contact .fortune .msg {
		margin-bottom: 40px;
	}

	.contact .fortune,
	.contact .map {
		margin-bottom: 50px;
	}

	.contact .fortune .msg ul li .num {
		font-size: 14px;
		line-height: 24px;
	}
}

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

	.contact .fortune .msg .tit,
	.contact .fortune form .tit,
	.contact .faqBox .msg .title,
	.contact .faqBox .faq .tit1 {
		font-size: 22px;
		line-height: 30px;
	}

	.contact {
		padding: 40px 0;
	}

	.contact .fortune .msg .tit,
	.contact .fortune form .tit {
		margin-bottom: 20px;
	}

	.contact .fortune form ul li {
		height: 40px;
	}

	.contact .fortune form ul li.message {
		height: 100px;
	}

	.contact .fortune form ul li.subBtn {
		height: 35px;
	}

	.contact .fortune,
	.contact .map {
		margin-bottom: 40px;
	}

	.contact .fortune form .tit1,
	.contact .faqBox .msg .tit {
		font-size: 14px;
		line-height: 24px;
	}
}

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

	.contact .fortune .msg .tit,
	.contact .fortune form .tit,
	.contact .faqBox .msg .title,
	.contact .faqBox .faq .tit1 {
		font-size: 20px;
	}

	.contact .fortune .msg {
		margin-bottom: 30px;
	}

	.contact .fortune form .tit1,
	.contact .faqBox .msg .tit {
		margin-bottom: 10px;
	}

	.contact .fortune form ul li {
		height: 35px;
	}

	.contact .fortune form .must::after {
		top: 10px;
	}

	.contact .fortune form ul li.subBtn,
	.contact .fortune form ul li.subBtn input {
		width: 100%;
	}
}


/* 6-2Contact */
.contactFaq {
	padding: 46px 0 121px 0;
}

.contactFaq .faq {
	margin-bottom: 66px;
}

.contactFaq .pager {
	margin-bottom: 93px;
}

.contactFaq .ourProducts {
	margin-bottom: 43px;
}

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

	.contactFaq .faq {
		margin-bottom: 60px;
	}

	.contactFaq .pager {
		margin-bottom: 80px;
	}

	.contactFaq .ourProducts {
		margin-bottom: 60px;
	}
}

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

	.contactFaq .pager {
		margin-bottom: 60px;
	}
}

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

	.contactFaq .faq {
		margin-bottom: 50px;
	}

	.contactFaq .pager {
		margin-bottom: 50px;
	}

	.contactFaq .ourProducts {
		margin-bottom: 50px;
	}
}

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

	.contactFaq .faq {
		margin-bottom: 40px;
	}

	.contactFaq .pager {
		margin-bottom: 40px;
	}

	.contactFaq .ourProducts {
		margin-bottom: 40px;
	}
}

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

	.contactFaq .faq {
		margin-bottom: 30px;
	}

	.contactFaq .pager {
		margin-bottom: 30px;
	}

	.contactFaq .ourProducts {
		margin-bottom: 30px;
	}
}







/* banner2 */

.banner2 .safeRange2 {
	position: absolute;
	left: 50%;
	height: 100%;
	top: 0;
	transform: translateX(-50%);
}


.banner2 img {
	height: 100%;
	object-fit: cover;
}

.banner2 .msg {
	height: 100%;
	width: 52%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.banner2 .msg .name,
.banner2 .msg .tit {
	font-family: Oswald-Bold;
	font-size: 42px;
	line-height: 90px;
	color: #ffffff;
	margin-bottom: 15px;
	margin-top: -5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}



.banner2 .msg .txts {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.banner2 .msg .tit {
	/*transform: translateY(123%); */
	text-transform:uppercase;
}



/* crumb */
.crumb {
	margin-top: 25px;
}

.crumb .con {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.crumb a,
.crumb i {
	font-family: Barlow-Regular;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
}


.crumb img {
	flex-shrink: 0;
	width: 19px;
	margin-right: 18px;
	transform: translateY(2px);
}


.crumb a.active {
	color: #9bc83c;
}


.crumb i {
	font-style: normal;
	margin: 0 4px;
}

.crumb a:hover {
	color: #9bc83c;
}


@media screen and (max-width:1600px) {
	.banner2 .msg {
		width: 80%;
	}

	.banner2 .msg .name,
	.banner2 .msg .tit {
		font-size: 40px;
		line-height: 60px;
		margin-top: 0;
	}

	.crumb a,
	.crumb i {
		font-size: 18px;
		line-height: 30px;
	}

	.crumb img {
		width: 18px;
		transform: translateY(0);
		margin-right: 10px;
	}

	.banner2 .msg .tit {
		transform: translateY(0%);
	}
}

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

	.banner2 .msg .name,
	.banner2 .msg .tit {
		font-size: 28px;
		line-height: 40px;
	}

	.banner2 .msg .name,
	.banner2 .msg .tit {
		-webkit-line-clamp: 1;
	}

	.banner2 .msg .txts {
		-webkit-line-clamp: 3;
	}

	.crumb a,
	.crumb i {
		font-size: 16px;
		line-height: 26px;
	}
}

@media screen and (max-width:999px) {
	.crumb {
		margin-top: 0;
		padding-top: 20px;
	}

	.crumb a,
	.crumb i {
		font-size: 14px;
		line-height: 24px;
	}

	.crumb img {
		width: 15px;
	}

}

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

	.crumb a,
	.crumb i {
		font-size: 12px;
		line-height: 22px;
	}
}

/* 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 {
	min-width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	border: solid 1px #999999;
	font-family: Barlow-Regular;
	font-size: 18px;
	margin: 3px 5.5px;
	color: #666666;
	padding: 0 10px;
}

.pager .pageList a.active,
.pager .pageList a:hover {
	border-color: #9bc83c;
	background-color: #9bc83c;
	color: #ffffff;
}
.pager .pageList a.big.no:hover{color: #666666 !important;border: solid 1px #999999 !important;background-color: #fff;}
.pager .pageList a.prev,.pager .pageList a.big {
	min-width: 120px;
}

.pager .pageList a.next {
	width: 69px;
}



.pager .addTo {
	display: flex;
	align-items: center;
	padding: 5px 17px;
}


.pager .addTo input {
	font-family: Poppins-Regular;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	background-color: transparent;
	margin-right: 11px;
	cursor: pointer;
}

@media screen and (max-width:1600px) {
	.pager .pageList a {
		width: 35px;
		height: 35px;
		font-size: 16px;
	}
}

@media screen and (max-width:1333px) {
	.pager .pageList a {
		width: 30px;
		height: 30px;
	}
}

@media screen and (max-width:999px) {
	.pager .pageList a {
		width: 28px;
		height: 28px;
		border-radius: 3px;
		font-size: 14px;
	}

}


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






/* footer */

footer {
	background-color: #111111;
}


.fContactUs {
	padding: 54px 0 42px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}




.fContactUs ul {
	display: flex;
	align-items: center;
	width: 74.46%;
}


.fContactUs .blogrolls {
	width: 20.4%;
}




.fContactUs ul li {
	width: 25.7%;
	margin-right: 1.4%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 23px 10px 18px 32px;
	background-color: #1a1a1a;
}



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




.fContactUs .title {
	display: flex;
	align-items: center;
	margin-bottom: 13px;
}




.fContactUs .title i {
	color: #ffffff;
	flex-shrink: 0;
	margin-right: 14px;
	font-size: 26px;
	line-height: 28px;
}



.fContactUs .title .tit {
	font-family: Barlow-Bold;
	font-size: 18px;
	line-height: 28px;
	color: #fefefe;
}


.fContactUs .num {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 28px;
	color: #fefefe;
}


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


.fContactUs .email .num:hover {
	color: #8ec31f;
}



.fContactUs .blogrolls .tit {
	font-family: Oswald-Bold;
	font-size: 20px;
	line-height: 30px;
	color: #fefefe;
	margin-bottom: 28px;
}



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


.fContactUs .blogrolls .items a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 2px solid #fff;
	border-radius: 6px;
	color: #ffffff;
	margin-right: 13px;
	font-size: 18px;
	margin-bottom: 6px;
}


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



.fContactUs .blogrolls .items a:hover {
	background-color: #8ec31f;
	border-color: #8ec31f;

}


footer .line {
	width: 100%;
	height: 1px;
	background-color: #333333;
}


footer .footerList {
	display: flex;
	align-items: flex-start;
	padding: 40px 0 38px 0;
}


footer .footerList .copyright {
	width: 24.5%;
	margin-right: 9.35%;
}


footer .footerList .navigation {
	width: 18%;
	margin-right: 2.6%;
}


footer .footerList .fProducts {
	width: 20%;
	margin-right: 3.3%;
}


footer .footerList .quickQuite {
	width: 22.25%;
}



footer .footerList .copyright .flogo {
	width: 229px;
	margin-bottom: 18px;
	display: block;
	margin-top: 23px;
}


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



footer .footerList a,
footer .footerList p {
	font-family: Barlow-Regular;
	font-size: 16px;
	line-height: 30px;
	color: #a2a2a2;
}

footer .footerList .copyright p,
footer .footerList .copyright a{
	font-size: 18px;
}

footer .footerList .copyright,
footer .footerList .copyright a {
	display: inline;
	color: #888888;
}

footer .footerList .copyright a:hover {
	color: #8ec31f;
}

footer .footerList .copyright img {
	display: inline-block;
}


footer .footerList .copyright .msg {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #888888;
}


footer .footerList .copyright span {
	margin: 0 2px;
}

footer .footerList .title {
	font-family: Oswald-Bold;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 26px; text-transform:uppercase;
}

footer .footerList li ul li {
	margin-bottom: 6px;
}


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


footer .footerList li a:hover {
	color: #8ec31f;
}


footer form {
	margin-top: 36px;
}


footer form input,
footer form textarea {
	width: 100%;
	height: 100%;
	background-color: transparent;
	color: #ffffff;
	font-size: 16px;
	font-family: Barlow-Regular;
}


footer .footerList form ul li {
	height: 45px;
	background-color: #292929;
	padding: 0 16px;
	margin-bottom: 10px;
}



footer form .must {
	position: relative;
}

footer form .must::after {
	position: absolute;
	content: "*";
	top: 13px;
	left: -12.5px;
	font-family: Barlow-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #ff0000;
}


footer .footerList form ul li.message {
	height: 93px;
	padding: 14.5px 16px;
}




footer .footerList form ul li.fcode {
	display: flex;
	justify-content: space-between;
	padding: 0;
}



footer form li.fcode input {
	padding: 0 16px;
	flex: 1;
}


footer form li.fcode .fCodeImg {
	flex-shrink: 0;
	cursor: pointer;
	background-color: #f3fbfe;
}


footer form li.fcode .fCodeImg img {
	height: 100%;
}



footer .footerList form ul li.subBtn {
	padding: 0;
}

footer .footerList form ul li.subBtn input{
	font-size: 18px;
}

footer form li.subBtn input {
	background-color: #9bc83c;
	color: #ffffff;
	cursor: pointer; text-transform:uppercase;
}

footer form li.subBtn input:hover {
	background-color: #ffffff;
	color: #9bc83c;
}


footer form input::-webkit-input-placeholder,
footer form textarea::-webkit-input-placeholder {
	font-family: Barlow-Regular;
	font-size: 16px;
	color: #ffffff;
}

footer form input:-moz-placeholder,
footer form textarea:-moz-placeholder {
	font-family: Barlow-Regular;
	font-size: 16px;
	color: #ffffff;
}

footer form input::-moz-placeholder,
footer form textarea::-moz-placeholder {
	font-family: Barlow-Regular;
	font-size: 16px;
	color: #ffffff;
}

footer form input:-ms-input-placeholder,
footer form textarea:-ms-input-placeholder {
	font-family: Barlow-Regular;
	font-size: 16px;
	color: #ffffff;
}








footer .links {
	padding: 19px 0 21px 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	background-color: #000000;
}

footer .links::after,
footer .links::before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
}

footer .links::before {
	right: 100%;
}

footer .links::after {
	left: 100%;
}



footer .links,
footer .links a {
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #888888;
}

footer .links a {
	margin-left: 20px;
}


footer .links a:hover {
	color: #8ec31f;
}



@media screen and (max-width:1600px) {
	.fContactUs ul li {
		padding: 20px;
	}

	.fContactUs {
		padding: 35px 0;
	}

	.fContactUs .title {
		margin-bottom: 10px;
	}

	.fContactUs .title i {
		font-size: 18px;
		margin-right: 10px;
	}

	.fContactUs .title .tit {
		font-size: 16px;
		line-height: 26px;
	}

	.fContactUs .num {
		font-size: 16px;
		line-height: 24px;
	}

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

	.fContactUs .blogrolls {
		width: 100%;
		display: flex;
	}

	.fContactUs .blogrolls .items a {
		margin-top: 3px;
		margin-bottom: 3px;
	}

	.fContactUs .blogrolls {
		margin-bottom: 30px;
	}

	.fContactUs .blogrolls .tit {
		margin-bottom: 0;
		margin-right: 30px;
		font-size: 18px;
		line-height: 28px;
	}

	.fContactUs .blogrolls .items a {
		width: 30px;
		height: 30px;
		font-size: 16px;
	}

	.fContactUs ul {
		width: 100%;
	}

	footer .footerList {
		padding: 30px 0;
	}

	footer .footerList .copyright .flogo {
		width: 180px;
		margin-top: 20px;
		margin-bottom: 15px;
	}

	footer .footerList .copyright .msg,
	footer .footerList .copyright .msg a {
		font-size: 16px;
		line-height: 26px;
	}

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

	footer .footerList .copyright,
	footer .footerList .navigation,
	footer .footerList .fProducts {
		margin-right: 0;
	}

	footer .footerList .title {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	footer .footerList a,
	footer .footerList p,
	footer .links,
	footer .links a {
		font-size: 16px;
		line-height: 26px;
	}

	footer .footerList .quickQuite {
		width: 26%;
	}

	footer .links {
		padding: 10px 0;
	}

	footer .footerList form ul li,
	footer form li.fcode input {
		padding: 0 10px;
	}

	footer .footerList form ul li.message {
		padding: 10px;
	}

	footer .footerList form ul li {
		height: 40px;
	}

	footer .footerList form ul li.message {
		height: 80px;
	}
}

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

	.fContactUs ul li {
		width: 22.75%;
		margin-right: 3%;
	}

	.fContactUs .num,
	footer .footerList .copyright .msg,
	footer .footerList .copyright .msg a,
	footer .footerList a,
	footer .footerList p,
	footer .links,
	footer .links a {
		font-size: 14px;
		line-height: 24px;
	}
footer .footerList a{font-size: 14px;
		line-height: 18px; padding-top:3px; padding-bottom:3px;}
	.fContactUs ul li {
		padding: 10px;
	}

	.fContactUs .blogrolls .items a {
		font-size: 14px;
		width: 28px;
		height: 28px;
		border-width: 1px;
	}

	footer .footerList .copyright .flogo {
		width: 120px;
	}

	footer .footerList .title {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 15px;
	}

	footer form {
		margin-top: 0;
	}

	footer form input,
	footer form textarea {
		font-size: 14px !important;
	}

	footer .footerList form ul li {
		height: 35px;
	}

	footer form input::-webkit-input-placeholder,
	footer form textarea::-webkit-input-placeholder {
		font-size: 14px !important;
	}

	footer form input:-moz-placeholder,
	footer form textarea:-moz-placeholder {
		font-size: 14px !important;
	}

	footer form input::-moz-placeholder,
	footer form textarea::-moz-placeholder {
		font-size: 14px !important;
	}

	footer form input:-ms-input-placeholder,
	footer form textarea:-ms-input-placeholder {
		font-size: 14px !important;
	}


}

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

	footer .navigation,
	footer .fProducts,
	footer .quickQuite,
	.fContactUs ul,
	footer .line,
	footer .links,
	.fContactUs .blogrolls .tit {
		display: none;
	}



	.fContactUs .blogrolls {
		margin-bottom: 0;
	}
	footer .footerList .copyright{
		width: 100%;
	}
	.fContactUs .blogrolls {
		justify-content: center;
		margin-bottom: 20px;
	}
	.fContactUs{
		padding: 0;
	}
	footer .footerList{
		padding: 0;
	}
	footer{
		padding: 30px 0 60px 0;
	}
	footer .footerList .copyright .flogo{
		margin: 0 auto 10px;
		width: 100px;
	}
	footer .footerList .copyright .msg{
		text-align: center;
	}
}

@media screen and (max-width:768px) {
	footer{
		padding: 20px 0 60px 0;
	}
	.fContactUs .blogrolls .items a {
		font-size: 12px;
		width: 26px;
		height: 26px;
	}
	footer .footerList .copyright .flogo{
		width: 80px;
	}

}















/* kefu */
.lianxi {
	position: fixed;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99999;
}

.lianxi div a,
.lianxi div div {
	display: block;
	width: 42px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	background-color: #a0a0a0;
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 1px;
	margin-right: 3px;
	border-radius: 5px;
}

.lianxi .top a {
	width: 42px;
	height: 42px;
	background-color: #a0a0a0;
	line-height: 42px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	position: fixed;
	transition: 0.9s;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}

.lianxi .top i {
	width: 24px;
	height: 24px;
	display: block;
	line-height: 22px;
	text-align: center;
	font-size: 16px;
	border-radius: 50%;
}

.lianxi div div {
	cursor: pointer;
}

.lianxi div a:hover,
.lianxi div div:hover {
	background-color: #9bc83c;
	color: #fff;
}


.clear2 {
	display: none;
}

.lianxi .erCode {
	position: relative;
}

.lianxi .erCode::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translateY(-50%) translateX(100%);
	border: 4px solid transparent;
	border-right-color: #9bc83c;
	z-index: -1;
	transition: .3s linear all;
}

.lianxi .erCode:hover::after {
	transform: translateY(-50%) translateX(0%);
}

.lianxi .erCode:hover img {
	opacity: 1;
	transform: translateX(-11px);
	pointer-events: none;
}


.lianxi .erCode img {
	max-width: none;
	position: absolute;
	width: 106px;
	background-color: #ffffff;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
	border-radius: 8px;
	overflow: hidden;
	top: 0;
	right: 100%;
	transform: translateX(100%);
	z-index: -1;
	opacity: 0;
}



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

	.lianxi .top a {
		width: 20%;
		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: 28%;
		float: left;
	}

	.lianxi div a,
	.lianxi div div {
		margin: auto;
		width: 100%;
		background-color: #dfdfdf;
		color: #fff !important;
		border-radius: 0px;
	}

	.lianxi .top i {
		border-color: #fff;
	}


	.lianxi .erCode::after {
		top: 0;
		right: 50%;
		transform: translateX(-50%) translateY(100%);
		border-bottom-color: #9bc83c;
		border-right-color: transparent;
	}

	.lianxi .erCode:hover::after {
		transform: translateX(-50%) translateY(100%);
	}

	.lianxi .erCode.active::after {
		transform: translateX(-50%) translateY(-100%);
	}

	.lianxi .erCode:hover img {
		opacity: 0;
		transform: translateX(50%) translateY(100%);
	}



	.lianxi .erCode img {
		position: absolute;
		top: 0;
		right: 50%;
		transform: translateX(50%) translateY(100%);
	}

	.lianxi .erCode.active {
		background-color: #9bc83c;
	}

	.lianxi .erCode.active i {
		color: #ffffff;
	}

	.lianxi .erCode.active img {
		transform: translateX(50%) translateY(-110%);
		opacity: 1;
	}

}

@media screen and (max-width:539px) {
	.lianxi .erCode img {
		position: absolute;
		top: 0;
		right: auto;
		left: 0;
		transform: translateX(0%) translateY(100%);
	}

	.lianxi .erCode:hover img {
		transform: translateX(0%) translateY(100%);
	}

	.lianxi .erCode.active img {
		transform: translateX(0%) translateY(-110%);
		opacity: 1;
	}
}


@font-face {
    font-display: swap; 
	font-family: 'Barlow-Bold';
	src: url('../fonts/BARLOWBOLD.eot');
	src: url('../fonts/BARLOWBOLD.eot') format('embedded-opentype'),
		url('../fonts/BARLOWBOLD.woff2') format('woff2'),
		url('../fonts/BARLOWBOLD.woff') format('woff'),
		url('../fonts/BARLOWBOLD.ttf') format('truetype'),
		url('../fonts/BARLOWBOLD.svg#BARLOWBOLD') format('svg');
		
}


@font-face {
    font-display: swap; 
	font-family: 'Oswald-Bold';
	src: url('../fonts/OswaldBold.eot');
	src: url('../fonts/OswaldBold.eot') format('embedded-opentype'),
		url('../fonts/OswaldBold.woff2') format('woff2'),
		url('../fonts/OswaldBold.woff') format('woff'),
		url('../fonts/OswaldBold.ttf') format('truetype'),
		url('../fonts/OswaldBold.svg#OswaldBold') format('svg');
}



@font-face {
    font-display: swap; 
	font-family: 'Oswald-Regular';
	src: url('../fonts/OswaldRegular.eot');
	src: url('../fonts/OswaldRegular.eot') format('embedded-opentype'),
		url('../fonts/OswaldRegular.woff2') format('woff2'),
		url('../fonts/OswaldRegular.woff') format('woff'),
		url('../fonts/OswaldRegular.ttf') format('truetype'),
		url('../fonts/OswaldRegular.svg#OswaldRegular') format('svg');
}




@font-face {
    font-display: swap; 
	font-family: 'Barlow-Regular';
	src: url('../fonts/BARLOW-REGULAR.eot');
	src: url('../fonts/BARLOW-REGULAR.eot') format('embedded-opentype'),
		url('../fonts/BARLOW-REGULAR.woff2') format('woff2'),
		url('../fonts/BARLOW-REGULAR.woff') format('woff'),
		url('../fonts/BARLOW-REGULAR.ttf') format('truetype'),
		url('../fonts/BARLOW-REGULAR.svg#BARLOW-REGULAR') format('svg');
		
}



@font-face {
    font-display: swap; 
	font-family: "iconfont";
	/* Project id 4207786 */
	src: url('../fonts/iconfont.woff2?t=1709794406353') format('woff2'),
		url('../fonts/iconfont.woff?t=1709794406353') format('woff'),
		url('../fonts/iconfont.ttf?t=1709794406353') format('truetype');
}





.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-shangjiantou1:before {
	content: "\e605";
}

.icon-xiazai:before {
	content: "\e626";
}

.icon-Triangle:before {
	content: "\e6b1";
}

.icon-shangjiantou:before {
	content: "\ee3a";
}

.icon-shangjiantou-copy:before {
	content: "\f1e8";
}

.icon-jia:before {
	content: "\e604";
}

.icon-bofang:before {
	content: "\e87d";
}

.icon-duigou:before {
	content: "\e6c5";
}

.icon-duigou-cu:before {
	content: "\e658";
}

.icon-facebook-fill:before {
	content: "\e88d";
}

.icon-linkedin1:before {
	content: "\f1e7";
}

.icon-xiajiantou-copy:before {
	content: "\e652";
}

.icon-phone-call:before {
	content: "\e684";
}

.icon-xiajiantou:before {
	content: "\ee39";
}

.icon-facebook1:before {
	content: "\e60d";
}

.icon-diqiu:before {
	content: "\e6bc";
}

.icon-weizhi1:before {
	content: "\e60a";
}

.icon-dakaixinxi:before {
	content: "\e603";
}

.icon-xiangshang:before {
	content: "\e655";
}

.icon-send-sms:before {
	content: "\e8a1";
}

.icon-shijian:before {
	content: "\e60e";
}

.icon-diqiuquanqiu:before {
	content: "\e76c";
}

.icon-dianziyoujianemail71:before {
	content: "\e8e8";
}

.icon-xiaojiantou-copy-copy:before {
	content: "\eca2";
}

.icon-xiaojiantou-copy:before {
	content: "\eca3";
}

.icon-weixin:before {
	content: "\e695";
}

.icon-weixin1:before {
	content: "\e733";
}

.icon-weixin2:before {
	content: "\e82c";
}

.icon-weixin3:before {
	content: "\e8bb";
}

.icon-24gl-tags2:before {
	content: "\e87c";
}

.icon-home_fill_light:before {
	content: "\e7d8";
}

.icon-guanbi:before {
	content: "\eca0";
}

.icon-xiangxia:before {
	content: "\e601";
}

.icon-jiantou_xiangzuo_o:before {
	content: "\eb92";
}

.icon-jiantou_xiangyou_o:before {
	content: "\eb94";
}

.icon-arrow-left:before {
	content: "\ea65";
}

.icon-arrow-right:before {
	content: "\ea66";
}

.icon-sanjiao:before {
	content: "\e65a";
}

.icon-sanjiao_xia:before {
	content: "\e631";
}

.icon-sanjiaoxia:before {
	content: "\e644";
}

.icon-shipin:before {
	content: "\e619";
}

.icon-twitter-new:before {
	content: "\e7ff";
}

.icon-twitter-new2:before {
	content: "\e800";
}

.icon-cloud-download:before {
	content: "\e7d9";
}

.icon-fankuifaqs:before {
	content: "\e7c0";
}

.icon-shijieditu:before {
	content: "\e628";
}

.icon-weixinmendian:before {
	content: "\e667";
}

.icon-ditudingwei:before {
	content: "\e625";
}

.icon-line-line:before {
	content: "\e765";
}

.icon-daohang:before {
	content: "\e641";
}

.icon-message2:before {
	content: "\e679";
}

.icon-phone3:before {
	content: "\e661";
}

.icon-doubleleft:before {
	content: "\e7ee";
}

.icon-doubleright:before {
	content: "\e7ef";
}

.icon-tel2:before {
	content: "\e642";
}

.icon-zhiding1:before {
	content: "\e62a";
}

.icon-line:before {
	content: "\e63f";
}

.icon-jiantou_qiehuanxiangxia:before {
	content: "\eb04";
}

.icon-facebook-:before {
	content: "\e68b";
}

.icon-instagram2:before {
	content: "\e6fc";
}

.icon-weizhi:before {
	content: "\e618";
}

.icon-rili:before {
	content: "\e8b4";
}

.icon-Rrl_s_145-copy:before {
	content: "\eca4";
}

.icon-videoyoutube:before {
	content: "\e7a1";
}

.icon-message1:before {
	content: "\e609";
}

.icon-below-s:before {
	content: "\e627";
}

.icon-message--fill:before {
	content: "\e683";
}

.icon-phone-:before {
	content: "\e638";
}

.icon-call-add:before {
	content: "\e63e";
}

.icon-earth-full:before {
	content: "\e9ee";
}

.icon-Rrl_s_145:before {
	content: "\e613";
}

.icon-email2:before {
	content: "\e856";
}

.icon-zhiding:before {
	content: "\e60b";
}

.icon-yanjingshouqiyuanhu-xianxingtubiao-01:before {
	content: "\e6a1";
}

.icon-home:before {
	content: "\e624";
}

.icon-edit:before {
	content: "\e611";
}

.icon-facebook:before {
	content: "\e620";
}

.icon-pinterest:before {
	content: "\e8ab";
}

.icon-linkedin:before {
	content: "\e648";
}

.icon-youtube:before {
	content: "\e6d6";
}

.icon-twitter:before {
	content: "\e607";
}

.icon-bigger:before {
	content: "\e647";
}

.icon-left:before {
	content: "\e72c";
}

.icon-right:before {
	content: "\e72d";
}

.icon-up1:before {
	content: "\e72e";
}

.icon-bottom1:before {
	content: "\e72f";
}

.icon-left1:before {
	content: "\e730";
}

.icon-right1:before {
	content: "\e731";
}

.icon-up:before {
	content: "\e73e";
}

.icon-bottom:before {
	content: "\e73f";
}

.icon-instagram:before {
	content: "\e79d";
}

.icon-tumblr:before {
	content: "\e79e";
}

.icon-download:before {
	content: "\e7a0";
}

.icon-download1:before {
	content: "\e7a7";
}

.icon-search4:before {
	content: "\e7b2";
}

.icon-address:before {
	content: "\e7bc";
}

.icon-email:before {
	content: "\e7bd";
}

.icon-contact:before {
	content: "\e7be";
}

.icon-whatsapp:before {
	content: "\e7bf";
}

.icon-fax:before {
	content: "\e7c2";
}

.icon-mobile:before {
	content: "\e7c6";
}

.icon-phone:before {
	content: "\e7c8";
}

.icon-tel:before {
	content: "\e7c7";
}

.icon-phone1:before {
	content: "\e7cb";
}

.icon-skype:before {
	content: "\e7cc";
}

.icon-whatsapp1:before {
	content: "\e7c1";
}

.icon-address1:before {
	content: "\e7c3";
}

.icon-contact1:before {
	content: "\e7c4";
}

.icon-email1:before {
	content: "\e7c5";
}

.icon-skype1:before {
	content: "\e7c9";
}

.icon-fax1:before {
	content: "\e7ca";
}

.icon-qq:before {
	content: "\e7ce";
}

.icon-tel1:before {
	content: "\e7cd";
}

.icon-wechat:before {
	content: "\e7cf";
}

.icon-phone2:before {
	content: "\e7d0";
}

.icon-message:before {
	content: "\e7da";
}

.icon-calendar:before {
	content: "\e7e1";
}

.icon-calendar1:before {
	content: "\e7e3";
}

.icon-top:before {
	content: "\e7ed";
}

.icon-youbian:before {
	content: "\e60f";
}

.icon-jian2:before {
	content: "\e600";
}

.icon-jia2:before {
	content: "\e608";
}

.icon-vk:before {
	content: "\e735";
}

.icon-instagram1:before {
	content: "\e640";
}

.icon-up7:before {
	content: "\e722";
}

.icon-bottom7:before {
	content: "\e723";
}

.icon-left7:before {
	content: "\e724";
}

.icon-right7:before {
	content: "\e725";
}

.icon-sousuo4:before {
	content: "\e610";
}

.icon-sousuo:before {
	content: "\e616";
}

.icon-sousuo1:before {
	content: "\e65b";
}

.icon-shangchuan:before {
	content: "\e602";
}

.icon-top2:before {
	content: "\e637";
}

.icon-biaoqian:before {
	content: "\e649";
}

.icon-twitter3:before {
	content: "\e7fd";
}

.icon-twitter4:before {
	content: "\e7fe";
}

.icon-xiazai1:before {
	content: "\e675";
}

.colorShows{
	margin-bottom: 32px;
}

.colorShows .tip2{
	margin-bottom: 34px;
}


.colorShows .colorList{
	display: flex;
	flex-wrap: wrap;

}


.colorShows .colorList .item{
	/*width: 11.357%;*/
	/*margin-right:1.306285%;*/
		width: 10%;
	margin-right:1.2%;
	margin-bottom: 20px;
}

 
/*.colorShows .colorList .item:nth-child(8n){*/
.colorShows .colorList .item:nth-child(9n){
	margin-right: 0;
}


.colorShows .colorList .item .box{
	background-color: #ffffff;
	border: solid 1px #cccccc;
	position: relative;
	margin-bottom: 3px;
}




.colorShows .colorList .item a:hover img{
	transform: scale(1,1);
}

.colorShows .colorList .item .box .big{
	position: absolute;
	bottom: 4px;
	right: 4px;
	width: 15px;
	opacity: 0;
}

.colorShows .colorList .item .box:hover .big{
	opacity: 1;
}


.colorShows .colorList .item .name{ 
	text-align: center;
	font-family: Barlow-Regular;
	font-size: 18px;
	line-height: 32px;
	color: #666666;
}
@media screen and (max-width:1600px){
 	.colorShows .tip2{
		margin-bottom: 30px;
	}
	.colorShows .colorList .item .name{
		font-size: 16px;
		line-height: 26px;
	}	
}
@media screen and (max-width:1333px){
 	.colorShows .colorList .item:nth-child(n){
		width: 15%;
		margin-right: 2%;
	}	
	
	.colorShows .colorList .item:nth-child(6n){
		margin-right: 0;
	}
	.colorShows{
		margin-bottom: 20px;
	}
}
@media screen and (max-width:999px){
	.colorShows .tip2{
		margin-bottom: 20px;
	}
	.colorShows .colorList .item .box .big{
		opacity: 1;
	}
}

@media screen and (max-width:769px){
	.colorShows .colorList .item:nth-child(n){
		width: 18.4%;
		margin-right: 2%;
		margin-bottom: 10px;
	}	
	.colorShows .colorList .item:nth-child(5n){
		margin-right: 0;
	}	
}

@media screen and (max-width:538px){
 	.colorShows .colorList .item:nth-child(n){
 		width: 23.5%;
 		margin-right: 2%;
 		margin-bottom: 10px;
 	}	
 	
 	.colorShows .colorList .item:nth-child(4n){
 		margin-right: 0;
 	}		
}

@media screen and (max-width:400px){
	.colorShows .colorList .item:nth-child(n){
		width: 32%;
		margin-right: 2%;
	}	
	
	.colorShows .colorList .item:nth-child(3n){
		margin-right: 0;
	}	
}

.productItem .btn{ display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 50px;
    background-color: #9bc83c;
    border: 1px solid #9bc83c;
    font-family: Oswald-Regular;
    font-size: 16px;
    color: #ffffff; 
    transform: translateY(2px);
    flex-shrink: 0; margin-top:15px;}
   .productItem  .btn:hover{ 	background-color: #ffffff;
	text-decoration: none;
	color: #9bc83c;} 
	
.contact .fortune .form_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact .fortune .form_list>li{
    width: 100% !important;
}
.contact .fortune .form_list .int1{
    width: 49% !important;
}

@media screen and (max-width:600px) {
    .contact .fortune .form_list .int1{
        width: 100% !important;
    }
}
.m-formcountry {
    position: relative;
}
.m-formcountry .drop-btn {
    position: relative;
    height: 100%;
}
.m-formcountry .drop-btn i,
.m-formcountry .drop-btn svg {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
}
.m-formcountry .drop-list {
    display: none;
    border: 1px solid #e6e6e6;
    width: 100%;
    position: absolute;
    top: 100%;
    background-color: #fff;
    max-height: 223px;
    overflow-x: hidden;
    z-index: 10001;
    scrollbar-color: #333 rgba(0, 0, 0, 0.05);
    scrollbar-width: thin;
    left: 0;
}
.m-formcountry .drop-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.m-formcountry .drop-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
}
.m-formcountry .drop-list::-webkit-scrollbar-thumb {
    background-color: @color1;
}
.m-formcountry .drop-list li {
    height: auto !important;
    margin: 0px !important;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    padding: 10px 15px !important;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
    color: #999;
}
.m-formcountry .drop-list li.on {
    background-color: #e0e0e0;
}

/*lang*/
header .lang {
 margin-bottom: 10px;
 position: relative;
}
header .lang .lang_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: transparent;
  overflow: hidden;
  gap: 6px;
  transition: 0.2s;
  cursor: pointer;
  padding: 0px 36px 0px 43px;
}
@media screen and (min-width: 1000px) {
  header .lang:hover .lang_box .dq,
  header .lang:hover .lang_box .dq1 {
    filter: none;
  }
  header .lang:hover .lang_box span {
    color: #8ec31f;
  }
  header .lang:hover>ul{
      display: block;
  }
}
header .lang .lang_box .dq {
  width: 22px;
  filter: brightness(0) invert(1);
  transition: 0.2s;
}
header .lang .lang_box .dq1 {
  width: 10px;
  filter: brightness(0) invert(1);
  transition: 0.2s;
  transform: rotate(-90deg);
  margin-left: 4px;
}
header .lang .lang_box span {
    font-family: Barlow-Regular;
  font-size: 16px;
  line-height: 28px;
  color: #cad1da;
  transition: 0.2s;
}
header .lang > ul {
  display: none;
  position: absolute;
  width: 120px;
  background-color: #000000;
  bottom: -10px;
  left: 100%;
  z-index: 1;
  padding: 10px 0px;
  transition: 0s;
}
header .lang > ul li {
  padding: 6px 0px;
  font-family: Barlow-Regular;
  font-size: 16px;
  color: #fff;
}
header .lang > ul li a {
  display: block;
  line-height: 28px;
  padding: 0px 18px;
  color: #fff;
}
header .lang > ul li a:hover {
  color: #8ec31f;
}
@media screen and (max-width: 999px){
    nav{
        justify-content: space-between;
    }
    header .lang{
        margin-bottom: 0px;
        margin-right: 50px;
    }
    header .lang .lang_box{
        padding: 0px;
    }
    nav .follow{
        display: none;
    }
    header .lang > ul{
        bottom: auto;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
    header .lang > ul li a{
        text-align: center;
    }
    header .lang > ul li{
        padding: 2px 0px;
    }
}