@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: Lato-Regular, Arial, sans-serif;
	font-size: 16px;
	line-height: 26px;
	height: 100%;
	width: 100%;
	color: #333333;
	background-color: #fff;
	overflow: hidden;
}

ul {
	list-style: none;
}

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
	font-size: 62.5%;
}

.image {
	display: block;
}

.image img {
	display: block;
}



a img {
	display: block;
}

img {
	border: none;
	max-width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
}

a {
	text-decoration: none;
	color: #333;
	outline: none;
}

.standardLink a:hover {
	color: #b5e000 !important;
}

.standardLink2 a:hover {
	text-decoration: underline;
}


.standardEdit a {
	color: #b5e000;
}

.standardEdit a:hover {
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-offset: 5px;
}



a:hover img {
	transform: scale(1.1, 1.1)
}

input,
textarea,
select {
	font-family: Lato-Regular, Arial, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333333;
	border: none;
	outline: none;
}

textarea {
	resize: none;
}

@media screen and (max-width:1333px) {

	input,
	textarea,
	select {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}

	input:-moz-placeholder,
	textarea:-moz-placeholder {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}

	input::-moz-placeholder,
	textarea::-moz-placeholder {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}

	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}
}

@media screen and (max-width:999px) {

	input,
	textarea,
	select {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}

	input:-moz-placeholder,
	textarea:-moz-placeholder {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}

	input::-moz-placeholder,
	textarea::-moz-placeholder {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}

	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}
}



.safeRange {
	max-width: 1400px;
	width: calc(100% - 160px);
	margin: 0 auto;
}

@media screen and (max-width:768px) {
	.safeRange {
		width: calc(100% - 50px);
	}
}

@media screen and (max-width:538px) {
	.safeRange {
		width: calc(100% - 30px);
	}
}

@media screen and (max-width:1560px) {
	.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:1560px) {
	.standardTxt .title1 {
		font-size: 36px !important;
		line-height: 45px !important;
	}
}

@media screen and (max-width:1333px) {
	.standardTxt .title1 {
		font-size: 28px !important;
		line-height: 35px !important;
	}

	.standardTxt .title2 {
		font-size: 18px !important;
		line-height: 28px !important;
	}

	.standardTxt .txt,
	.standardTxt p {
		font-size: 16px !important;
		line-height: 28px !important;
	}

	.standardTxt .btn {
		font-size: 16px !important;
	}
}

@media screen and (max-width:999px) {
	.standardTxt .title1 {
		font-size: 24px !important;
		line-height: 30px !important;
	}

	.standardTxt .title2 {
		font-size: 16px !important;
		line-height: 28px !important;
	}

	.standardTxt .btn {
		font-size: 14px !important;
	}

}

@media screen and (max-width:768px) {
	.standardTxt .title1 {
		font-size: 22px !important;
	}

	.standardTxt .title2 {
		font-size: 14px !important;
		line-height: 24px !important;
	}

}







.oneRow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.twoRow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.threeRow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.foreRow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}


.clear {
	clear: both;
}

/* xnav */
header .xnav {
	display: none;
}

@media screen and (max-width:999px) {
	header .xnav {
		display: block;
	}


	header .xNavCon {
		display: flex;
		justify-content: space-between;
		padding: 100px 17px 30px 15px;
	}


	header .xNavCon .blogrolls {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		flex-shrink: 0;
		margin-right: 12px;
	}


	header .xNavCon .blogrolls a {
		width: 30px;
		height: 30px;
		margin-bottom: 8px;
	}

	header .xNavCon .blogrolls a:last-child {
		margin-bottom: 0;
	}



	header .xnav .nav {
		position: fixed;
		width: 35px;
		height: 24px;
		background: #b5e000;
		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 {
		background-color: transparent;
	}

	header .xnav .navh .nav3 {
		transform: rotate(-45deg);
		width: 9px;
		margin-top: 3px;
		margin-left: -8px;
		background-color: #333333;
	}

	header .xnav .navh .nav2 {
		background-color: #333333;
	}

	header .xnav .navh .nav1 {
		background-color: #333333;
	}

	header .xnav .navh:hover .nav2 {
		margin-top: -8px;
		margin-left: 7px;
	}

	header .xnav .navh:hover .nav3 {
		margin-top: 5px;
		margin-left: -12px;
	}

	header .xnav .smdaohang {
		position: fixed;
		width: 300px;
		height: 0px;
		overflow: auto;
		top: 0px;
		right: 0px;
		background: #f9f9f9;
		z-index: 9999999;
		transition: 0.8s;
		text-align: center;
	}

	header .xnav .smdaohangh {
		right: 0px;
		top: 0px;
		height: 100%;
	}


	header .xnav ul.topnav li {
		text-align: left;
		position: relative;
	}

	header .xnav ul.topnav>li {
		padding-left: 18px;
	}

	header .xnav ul.topnav li a {
		padding: 5px;
		padding-left: 0px;
		color: #333;
		display: block;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px;
		padding-right: 50px;
		font-family: Lato-Regular, Arial, sans-serif;
	}

	header .xnav ul.topnav li.email,
	header .xnav ul.topnav li.blogrolls {

		color: #333;
		display: block;

	}


	header .xnav ul.topnav li.email i,
	header .xnav ul.topnav li.email {

		color: #333;


	}

	header .xnav ul.topnav ul {
		display: none;
		transition: none;
	}

	header .xnav ul.topnav ul li {
		clear: both;
	}

	header .xnav ul.topnav li.active>a {
		color: #b5db04;
	}

	header .xnav ul.topnav ul li a {
		padding-left: 10px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: normal;
		outline: 0;
	}


	header .xnav ul.topnav ul ul li a {
		padding-left: 20px;
		padding-right: 0;
	}

	header .xnav ul.topnav ul ul ul li a {
		padding-left: 60px;
	}

	header .xnav ul.topnav>li.quick {
		padding-left: 0;
		margin-top: 19px;
	}

	header .xnav ul.topnav>li.quick .quickBtn {
		width: 133px;
		height: 38px;
		background-color: #b5db04;
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: Lato-Black;
		font-size: 14px;
		color: #333333;
	}

	header .box {
		border-left: 1px solid #dcdcdc;
		width: 100%;
	}

	header .box .line {
		width: 100%;
		height: 1px;
		background-color: #dcdcdc;
		margin-top: 60px;
	}

	header .box .email {
		display: flex;
		align-items: center;
		font-family: Lato-Black;
		font-size: 16px;
		line-height: 30px;
		color: #333333;
		word-break: break-all;
		padding: 21px 10px;
	}

	header .box .email img {
		flex-shrink: 0;
		width: 30px;
		margin-right: 5px;
	}

	header .xnav ul.topnav {
		padding-left: 12px;
	}

	header .xnav ul.topnav span {
		display: block;
		position: absolute;
		right: 0px;
		top: 7px;
		width: 20px;
		height: 20px;
		background: #b5db04;
		cursor: pointer;
		border-radius: 50%;
		transition: 0.5s;
	}

	header .xnav ul.topnav span:before {
		content: "";
		width: 6px;
		height: 2px;
		background: #ffffff;
		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: #ffffff;
		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-bottom: 15px;
		width: 214px;
		height: 36px;
		position: relative;
		background: #f2f2f2;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 18px;
	}


	header .xnav .smdaohang form input {
		color: #333333;
	}

	header .xnav .smdaohang form .iptc {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		flex: 1;
		height: 100%;
		background: transparent;
		padding: 0 18px;
	}


	header .xnav .smdaohang .subBtn {
		flex-shrink: 0;
		height: 100%;
		width: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	header .xnav .smdaohang .subBtn input {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		cursor: pointer;
		background-color: transparent;
	}

	header .xNavCon.active {
		padding-top: 50px;
	}

}

/**
 * Swiper 11.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2023
 */

@font-face {
	font-family: swiper-icons;
	src: url('data:application/font-woff;charset=utf-8;base64, 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');
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
	touch-action: pan-y
}

.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
	transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
	scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
	content: '';
	flex-shrink: 0;
	order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size)
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: var(--swiper-navigation-top-offset, 50%);
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
	transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 10px);
	right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto
}

.swiper-button-lock {
	display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: 'next'
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 8px);
	top: var(--swiper-pagination-top, auto);
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
	right: var(--swiper-pagination-right, 8px);
	left: var(--swiper-pagination-left, auto);
	top: 50%;
	transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
	width: var(--swiper-pagination-progressbar-size, 4px);
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	position: relative;
	touch-action: none;
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: var(--swiper-scrollbar-sides-offset, 1%);
	bottom: var(--swiper-scrollbar-bottom, 4px);
	top: var(--swiper-scrollbar-top, auto);
	z-index: 50;
	height: var(--swiper-scrollbar-size, 4px);
	width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
	position: absolute;
	left: var(--swiper-scrollbar-left, auto);
	right: var(--swiper-scrollbar-right, 4px);
	top: var(--swiper-scrollbar-sides-offset, 1%);
	z-index: 50;
	width: var(--swiper-scrollbar-size, 4px);
	height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move;
	touch-action: none
}

.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active {
	pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube {
	overflow: visible
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
	content: '';
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-flip {
	overflow: visible
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height
}

.swiper-cards {
	overflow: visible
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden
}




/* ---------------------index----------------------------- */


/* allnav */


nav {
	height: 133px;
	position: relative;
}


nav .nTop {
	height: 46px;
	background-color: #f5f5f5;
}


nav .nTop>div {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


nav .nTop .msg {
	display: flex;
	align-items: center;
}

nav .nTop .msg .item {
	display: flex;
	align-items: center;
}

nav .nTop .msg i {
	color: #666666;
	font-size: 24px;
	flex-shrink: 0;
	margin-right: 8px;
}

nav .nTop .msg .num {
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #666666;
}


nav .nTop .msg .num:hover {
	color: #b5e000;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-offset: 5px;
}


nav .nTop .btns {
	display: flex;
	align-items: center;
}


nav .nTop .btns .line {
	width: 1px;
	height: 23px;
	background-color: #c9c9c9;
	margin: 0 20px 0 26px;
}



nav .nTop .blogrolls {
	display: flex;
	align-items: center;
}


nav .blogrolls a {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #666666;
	border: 1px solid #666666;
	border-radius: 50%;
	margin-right: 10px;
}

nav .blogrolls a:last-child {
	margin-right: 0;
}




nav .blogrolls a:hover {
	background-color: #b5db04;
	border-color: #b5db04;
	color: #ffffff;
}


nav .blogrolls a:last-child {
	margin-right: 0;
}




nav .language {
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
}



nav .lanBtn {
	cursor: pointer;
	display: flex;
	align-items: center;
	color: #666666;
}


nav .lanBtn:hover span {
	color: #666666;
}


nav .lanBtn span {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin: 0 6px 0 10px;
}


nav .lanBtn i {
	color: #666666;
}


nav .lanBtn:hover i {
	color: #b5e000;
}


nav .lanBtn:hover span {
	color: #b5e000;
}

nav .lanBtn i.icon-yuyan {
	font-size: 22px;
}

nav .lanBtn i.icon-right7 {
	font-weight: bolder;
	font-size: 12px;
	transform: rotate(90deg);
}

nav .language.active .lanBtn i.icon-right7 {
	transform: rotate(-90deg);
}


nav .language.active {
	z-index: 9999999999;
}


nav .language ul {
	position: absolute;
	top: 100%;
	background-color: #feffff;
	box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.07);
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
	max-width: 200px;
	display: none;
	transition: none;
	z-index: 99;
	border-radius: 10px;
	overflow: hidden;
	padding: 5px 20px;
}



nav .language ul a {
	padding: 5px 0px;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid rgba(185, 185, 185, 0.4);
}

nav .language ul li:last-child a {
	border-bottom: none;
}


nav .language ul a:hover {
	color: #b5db04;
}






nav.active .nBottom {
	position: fixed;
	width: 100%;
	box-shadow: 0px 0px 10px rgba(122, 122, 122, 0.1);
}



nav .nBottom {
	height: 87px;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ffffff;
	z-index: 9999;
}


html {
	scroll-padding-top: 87px;
}

nav .nBottom {
	background-color: #333333;
}


nav .nBottom>div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}



nav .logo {
	width: 182px;
	flex-shrink: 0;
}



nav .logo:hover img {
	transform: none;
}

nav .navList {
	display: flex;
	align-items: center;
	height: 100%;
}

nav .navList>ul {
	display: flex;
	align-items: center;
}


nav .navList>ul>li {
	margin-right: 60px;
	position: relative;
}


nav .navList>ul>li:nth-child(1) {
	position: static;
}




nav .navList>ul>li:last-child {
	margin: 0;
}


nav a {
	display: block;
}


nav .navList>ul>li>a {
	height: 87px;
	line-height: 87px;
	font-family: Lato-Black;
	font-size: 18px;
	color: #ffffff;
	text-transform: uppercase;
}


nav .navList>ul>li.active>a,
nav .navList>ul>li:hover>a {
	color: #b5e000;
}


nav .nBottom .btns {
	display: flex;
	align-items: center;
	margin-left: 28px;
}


nav .search {
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 9999999999;
	flex-shrink: 0;
	margin-right: 9px;
	height: 87px;
}



nav .search .searchBtn {
	cursor: pointer;
	display: none;
}



nav .search .searchBtn i {
	color: #ffffff;
	display: block;
	font-size: 18px;
}



nav .search .searchBtn:hover i {
	color: #b5db04;
}



nav .search form {
	position: static;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	z-index: 99;
	width: 0;
	border-bottom: 1px solid #ffffff;
	overflow: hidden;
	width: 218px;
}


nav .search form.active {
	width: 218px;
}

nav .search form>input {
	padding: 0 10px;
}


nav .search form input {
	width: 100%;
	height: 100%;
	color: #ffffff;
	background-color: transparent;
}



nav .search form .subBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 30px;
	width: 30px;
	margin-right: 5px;
}



nav .search form .subBtn i {
	color: #ffffff;
	font-size: 18px;
}


nav .search form .subBtn:hover i {
	color: #b5db04;
}




nav .search form .subBtn input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	cursor: pointer;
	background-color: transparent;
}


nav .nBottom .quickBtn {
	width: 164px;
	height: 43px;
	background-color: #b5db04;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Lato-Black;
	font-size: 18px;
	color: #333333;
	cursor: pointer;
}


nav .nBottom .quickBtn:hover {
	background-color: #ffffff;
	color: #b5db04;
}


.topnav .email {
	display: flex;
	align-items: center;
}

/*.topnav .email,
.topnav .blogrolls,
.topnav .quick {
	display: none;
}*/


.topnav .email i {
	color: #ffffff;
	font-size: 16px;
	flex-shrink: 0;
	margin-right: 10px;
}

.topnav .email a {
	font-size: 16px !important;
	padding-right: 0 !important;
}


.topnav .blogrolls>div {
	display: flex;
	flex-wrap: wrap;
}

header .xnav ul.topnav .blogrolls>div a {
	margin-right: 20px;
	margin-bottom: 5px;
	padding-right: 0;
}

.topnav .quickBtn {
	font-size: 16px !important;
	color: #ffffff;
	padding-right: 0 !important;
}




/* morelist */


.moreList {
	position: absolute;
	top: 100%;
	left: 0;
	width: 298px;
	box-shadow: 2px 1px 12px 0px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	background-color: #ffffff;
	padding: 0 16px;
	display: none;
	transition: none;
}


.moreList a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 17px 10px;
	border-bottom: 1px solid rgba(185, 185, 185, 0.4);
	font-size: 18px;
	line-height: 28px;
	color: #333333;
}

.moreList li:last-child a {
	border-bottom: none;
}


.moreList a i {
	flex-shrink: 0;
	margin-left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 2px solid #d2d2d2;
	color: #d2d2d2;
	font-weight: bold;
	font-size: 14px;
}

.moreList a:hover {
	color: #b5db04;
}

.moreList a:hover i {
	border-color: #b5db04;
	color: #b5db04;
}





/* navProducts */

.navProducts {
	position: absolute;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	background-color: #ffffff;
	padding: 40px 0 24px 0;
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
	max-height: 650px;
	overflow: auto;
	display: none;
	transition: none;
}

.navProducts::-webkit-scrollbar {
	width: 4px;
	height: 6px;
	background-color: #00000040;
	border-radius: 0px;
}

.navProducts::-webkit-scrollbar-thumb {
	background-color: #b5e000;
	border-radius: 10px;
}

.navProducts::-webkit-scrollbar-track {
	background-color: transparent;
}


.navProducts .con {
	display: flex;
	align-items: flex-start;
}

.navProducts .con .item:nth-child(1) {
	width: 14.5%;
}

.navProducts .con .item:nth-child(2) {
	width: 13.4%;
}

.navProducts .con .item:nth-child(3) {
	width: 15.5%;
}

.navProducts .con .item:nth-child(4) {
	width: 14.34%;
}

.navProducts .con .item:nth-child(5) {
	width: 16.1%;
}

.navProducts .con .item:nth-child(6) {
	width: 14.6%;
}

.navProducts .con .item:nth-child(7) {
	width: 11.56%;
}

.navProducts .tit {
	font-family: Lato-Black;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	margin-bottom: 28px;
}


.navProducts a {
	display: inline-block;
}



.navProducts .tit:hover {
	color: #b5e000;
}

.navProducts ul {
	border-top: 1px solid rgba(136, 136, 136, 0.6);
	padding-top: 16px;
}

.navProducts ul li {
	margin-bottom: 14px;
}

.navProducts ul li:last-child {
	margin-bottom: 0;
}


.navProducts ul li a {
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	position: relative;
}

.navProducts ul li a::after {
	content: "";
	position: absolute;
	height: 1px;
	right: 0;
	width: 0;
	background-color: #b5e000;
	bottom: 4px;
	transition: .4s ease all;
}



.navProducts ul li a:hover {
	color: #b5e000;
	padding-left: 13px;
}


.navProducts ul li a:hover::after {
	right: auto;
	left: 0;
	width: 100%;
}


.navProducts ul li a i {
	font-style: normal;
	color: #b5e000;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}


.navProducts ul li a:hover>i {
	opacity: 1;
}

@media screen and (max-width:1560px) {
	nav .nBottom .btns {
		margin-left: 30px;
	}

	nav .navList>ul>li {
		margin-right: 25px;
	}

	nav .language ul {
		border-radius: 5px;
	}

	.navProducts .con {
		flex-wrap: wrap;
	}

	.navProducts .con .item:nth-child(n) {
		width: 100%;
		margin-bottom: 30px;
	}

	.navProducts .con .item:last-child {
		margin-bottom: 0;
	}

	.navProducts .tit {
		margin-bottom: 20px;
	}

	.navProducts ul {
		display: flex;
		flex-wrap: wrap;
		padding-top: 20px;
	}

	.navProducts ul li {
		width: 32%;
		margin-right: 2%;
		margin-top: 10px;
		margin-bottom: 0;
	}

	.navProducts ul li:nth-child(3n) {
		margin-right: 0;
	}

	.navProducts ul li:nth-child(-n+3) {
		margin-top: 0;
	}

	.navProducts {
		padding: 30px 0;
		max-height: 460px;
	}

	.moreList {
		border-radius: 5px;
	}

	.moreList a {
		padding: 12px 10px;
	}

	nav .search form {
		width: 175px;
	}
}

@media screen and (max-width:1333px) {
	nav .navList>ul>li>a {
		font-size: 16px;
		line-height: 80px;
		height: 80px;
	}

	nav .nBottom .quickBtn {
		height: 40px;
		border-radius: 5px;
		width: 140px;
		font-size: 16px;
	}

	nav .logo {
		width: 160px;
	}

	nav .navList>ul>li {
		margin-right: 35px;
	}

	nav .nBottom .btns {
		margin-left: 50px;
	}

	nav .nBottom,
	nav .search {
		height: 80px;
	}

	html {
		scroll-padding-top: 80px;
	}


	nav .nTop {
		height: 40px;
	}


	nav {
		height: 120px;
	}

	.navProducts {
		max-height: 350px;
	}

	.moreList {
		width: 250px;
	}

	.moreList a i {
		font-size: 12px;
		border-width: 1px;
		width: 22px;
		height: 22px;
	}

	.moreList a {
		font-size: 16px;
		padding: 8px 5px;
	}

	nav .search form {
		position: absolute;
		height: 30px;
		right: 0;
		top: 100%;
		box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.14);
		overflow: hidden;
		z-index: 99;
		background-color: #ffffff;
		width: 0;
		border-bottom: none;
		overflow: hidden;
	}
	
	nav .search form  input{
		color: #333333;
	}
	

	nav .search .searchBtn {
		display: flex;
	}

	nav .search {
		margin-right: 20px;
	}
	
	nav .search form .subBtn i{
		color: #333333;
		font-size: 16px;
	}
	
	nav .search form .subBtn:hover i{
		color: #b5db04;
	}
}

@media screen and (max-width:1200px) {
	nav .nBottom .quickBtn {
		width: 130px;
		height: 35px;
		font-size: 15px;
	}

	nav .logo {
		width: 140px;
	}

	nav .nBottom .btns {
		margin-left: 20px;
	}

	nav .navList>ul>li {
		margin-right: 20px;
	}

	nav .search {
		margin-right: 20px;
	}

	nav .navList>ul>li>a {
		font-size: 15px;
	}

	nav .blogrolls a {
		width: 30px;
		height: 30px;
	}
}

@media screen and (max-width:999px) {
	nav .navList>ul {
		display: none;
	}

	nav .lanBtn span {
		font-size: 14px;
	}

	nav .lanBtn i.icon-yuyan {
		font-size: 20px;
	}

	nav .nTop .msg .num {
		font-size: 14px;
		line-height: 24px;
	}

	nav .nTop .msg i {
		font-size: 22px;
	}

	nav .blogrolls a {
		width: 28px;
		height: 28px;
	}

	nav .nBottom {
		height: 60px;
	}

	nav .search {
		display: none;
	}

	nav {
		height: 100px;
	}

	nav .nBottom .btns {
		margin-right: 60px;
	}

	header .xnav .nav {
		top: 70px;
		right: 80px;
		transform: translateY(-50%);
	}

	header .xnav .nav.active {
		top: 30px;
	}

	nav .logo {
		width: 130px;
	}

	nav .language ul a {
		font-size: 14px;
	}

	nav .language ul {
		left: auto;
		right: -10px;
		transform: translateX(0);
	}

	nav .nTop .blogrolls,
	nav .nTop .btns .line {
		display: none;
	}

	nav .nTop .msg {
		display: none;
	}

	nav .nTop>div {
		justify-content: flex-end;
	}
	
	nav .nBottom .quickBtn{
		display: none;
	}
}

@media screen and (max-width:768px) {
	header .xnav .nav {
		right: 25px;
	}

	nav .nBottom {
		height: 50px;
	}

	nav .logo {
		width: 120px;
	}

	nav .nBottom .quickBtn {
		height: 30px;
	}

	header .xnav .nav {
		top: 65px;
	}

	header .xnav .nav.active {
		top: 25px;
	}

	nav {
		height: 90px;
	}

}

@media screen and (max-width:538px) {


	nav .nBottom .btns {
		display: none;
	}

	header .xnav .nav {
		right: 15px;
	}
}







/* indexbanner */


.indexBanner {
	position: relative;
	transition: none;
}

.indexBanner a:hover img {
	transform: scale(1);
}


.indexBanner .swiper-slide {
	position: relative;
}

.indexBanner .swiper-slide .image img {
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.indexBanner .swiper-slide video,
.indexBanner .swiper-slide iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}



.indexBanner img {
	display: block;
}


.indexBanner .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}


.indexBanner a.image:hover img {
	transform: scale(1, 1);
}

.indexBanner .swiper-pagination {
	bottom: 28px !important;
	pointer-events: none;
}


.indexBanner .swiper-pagination span {
	width: 10px;
	height: 10px;
	background-color: #f5f5f5;
	opacity: 1;
	margin: 0 7.5px !important;
	border-radius: 50%;
	pointer-events: all;
}


.indexBanner .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: #b5e000;
}



@media screen and (max-width:999px) {
	.indexBanner .swiper-pagination {
		bottom: 20px !important;
	}
}


@media screen and (max-width:538px) {
	.indexBanner .swiper-pagination span {
		margin: 0 6px !important;
	}

	.indexBanner .swiper-pagination {
		bottom: 10px !important;
	}

}



/* indexM1-1 */

.productCategory .safeRange {
	max-width: 1488px;
}

.productCategory {
	padding: 47px 0 42px 0;
}


.productCategory .con {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.productCategory .item {
	width: 163px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 34px 10px 33px;
	border-radius: 15px;
	overflow: hidden;
	margin-top: 30px;
}


.productCategory .item:nth-child(-n+7) {
	margin-top: 0;
}




.productCategory .item img {
	width: 85px;
	margin: 0 auto;
	margin-bottom: 14px;
}


.productCategory .item:hover {
	box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}


.productCategory .item span {
	font-family: Lato-Black;
	font-size: 20px;
	color: #333333;
	line-height: 30px;
	text-align: center;
}



.productCategory .item:hover img {
	transform: none;
}


.productCategory .item:hover span {
	color: #b5db04;
}

@media screen and (max-width:1560px) {
	.productCategory .safeRange {
		max-width: 1400px;
	}

	.productCategory .con {
		justify-content: flex-start;
	}

	.productCategory .item {
		width: 12%;
		margin-right: 2.66%;
		padding: 30px 10px;
	}

	.productCategory .item:nth-child(7n) {
		margin-right: 0;
	}

	.productCategory {
		padding: 40px 0;
	}

	.productCategory .item img {
		width: 60px;
	}

	.productCategory .item span {
		font-size: 18px;
		line-height: 28px;
	}
}



@media screen and (max-width:1333px) {
	.productCategory .item:nth-child(n) {
		width: 22%;
		margin-right: 4%;
		margin-top: 20px;
		padding: 20px 10px;
	}

	.productCategory .item:nth-child(4n) {
		margin-right: 0;
	}

	.productCategory .item:nth-child(-n+4) {
		margin-top: 0;
	}

	.productCategory .item img {
		width: 55px;
		margin-bottom: 10px;
	}

	.productCategory .item span {
		font-size: 16px;
		line-height: 26px;
	}

}

@media screen and (max-width:999px) {
	.productCategory .item:nth-child(n) {
		padding: 0;
		margin-top: 30px;
	}

	.productCategory .item:nth-child(-n+4) {
		margin-top: 0;
	}

	.productCategory .item:hover {
		box-shadow: none;
	}

	.productCategory .item span {
		font-size: 14px;
	}

	.productCategory .item img {
		width: 45px;
	}
}


@media screen and (max-width:400px) {
	.productCategory .item img {
		width: 40px;
	}

	.productCategory .item:nth-child(n) {
		width: 32%;
		margin-right: 2%;
		margin-top: 30px;
	}

	.productCategory .item:nth-child(3n) {
		margin-right: 0;
	}

	.productCategory .item:nth-child(-n+3) {
		margin-top: 0;
	}
}



/* indexM2-1 */


.iProducts {
	padding: 58px 0 67px 0;
	background-color: rgba(238, 238, 238, 0.4);
}

.iProducts .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 43px;
	text-transform: uppercase;
}


.iProducts .swiper {
	overflow: visible;

}

.iProducts .swiper .swiper-wrapper {
	pointer-events: none;
}


.iProducts .swiper-slide {
	background-color: #ffffff;
	transition: .4s ease box-shadow, .4s ease opacity;
	height: auto;
	opacity: 0;
	pointer-events: none;
	position: relative;
}


.iProducts .swiper-slide.swiper-slide-visible {
	opacity: 1;
	pointer-events: all;
}

.iProducts .swiper-slide:hover {
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
}

.iProducts .name {
	font-size: 18px;
	line-height: 28px;
	color: #222222;
	margin-bottom: 10px;
}


.iProducts a.name:hover {
	color: #b5e000;
}


.iProducts .btn {
	position: relative;
	font-family: Lato-Black;
	font-size: 16px;
	line-height: 26px;
	color: #666666;
	display: inline-block;
	text-transform: uppercase;
}


.iProducts .btn::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 4px;
	width: 0%;
	height: 2px;
	background-color: #b5e000;
	transition: .4s ease all;
}


.iProducts .btn:hover {
	color: #b5e000;
}


.iProducts .btn:hover::after {
	right: auto;
	left: 0;
	width: 100%;
}




.iProducts .swiper-slide .sign {
	position: absolute;
	left: 0;
	top: 41.5px;
	background-color: #b5e000;
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	padding: 3px 13px;
}


.iProducts .image {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}


.swiperBox {
	position: relative;
}


.sBtns>div {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ededed;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 50%;
	z-index: 9;
}


.sBtns>div.prev {
	left: 0;
}

.sBtns>div.next {
	right: 0;
}

.sBtns>div:hover {
	background-color: #b5e000;
	color: #ffffff;
}


.sBtns>div.swiper-button-disabled:hover {
	background-color: #ededed;
	color: #000000;
}


.title1 {
	font-family: Lato-Black;
	font-size: 40px;
	line-height: 48px;
	color: #333333;
}


a.title1 {
	display: inline-block;
}


a.title1:hover {
	color: #b5e000;
}


.cBtn {
	width: 149px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 1px #b5b1b0;
	font-family: Lato-Regular;
	font-size: 16px;
	color: #555555;
}



.cBtn:hover {
	background-color: #b5db04;
	border-color: #b5db04;
	color: #333333;
}



.iProducts h2 {
	font-weight: normal;
}

.pilates .msg {
	padding: 16px 24px 26px 24px;
}


.pilates .sBtns>div {
	top: 46.5%;
}

.pilates,
.yoga {
	margin-bottom: 54px;
}


.yoga .msg,
.strength .msg {
	padding: 17px 21px 21px;
}


.strength .name,
.yoga .name {
	margin-bottom: 17px;
}



.strength {
	margin-bottom: 58px;
}

.allProducts {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 199px;
	height: 54px;
	background-color: #b5db04;
	font-size: 16px;
	color: #333333;
	margin: 0 auto 48px;
}


.allProducts:hover {
	background-color: #ffffff;
	color: #b5db04;
	box-shadow: 0px 0px 10px rgba(122, 122, 122, 0.1);
}


.need {
	padding: 48px 48px 41px 41px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #b5db04;
	border-radius: 15px;
}


.need .cBtn {
	flex-shrink: 0;
	margin-left: 30px;
	background-color: #333333;
	color: #ffffff;
	border-color: #333333;
}

.need .cBtn:hover {
	background-color: #ffffff;
	color: #b5db04;
	border-color: #ffffff;
}

.need .tit {
	font-family: Lato-Black;
	font-size: 36px;
	line-height: 48px;
	color: #333333;
	margin-bottom: 12px;
}


.need .txts {
	font-size: 24px;
	line-height: 34px;
}


.need .txts a {
	font-family: Lato-Black;
	position: relative;
}

.need .txts a::after {
	content: "";
	position: absolute;
	right: 0;
	width: 0%;
	height: 2px;
	background-color: #333333;
	transition: .4s ease all;
	bottom: 0px;
}


.need .txts a:hover::after {
	right: auto;
	left: 0;
	width: 100%;
}



@media screen and (max-width:1560px) {
	.cBtn {
		height: 45px;
	}

	.pilates .msg {
		padding: 20px 24px;
	}

	.iProducts .title {
		margin-bottom: 35px;
	}

	.pilates,
	.yoga {
		margin-bottom: 50px;
	}

	.yoga .msg,
	.strength .msg {
		padding: 20px;
	}

	.strength .name,
	.yoga .name {
		margin-bottom: 10px;
	}

	.strength {
		margin-bottom: 50px;
	}

	.allProducts {
		height: 45px;
	}

	.need {
		padding: 40px;
		border-radius: 5px;
	}

	.need .tit {
		font-size: 30px;
		line-height: 45px;
	}

	.need .txts {
		font-size: 22px;
		line-height: 30px;
	}
}

@media screen and (max-width:1333px) {
	.cBtn {
		height: 40px;
	}

	.need .tit {
		font-size: 26px;
		line-height: 36px;
	}

	.need .txts {
		font-size: 20px;
		line-height: 30px;
	}

	.pilates .sBtns>div,
	.strength .sBtns>div,
	.yoga .sBtns>div {
		top: 40%;
	}
}

@media screen and (max-width:999px) {
	.cBtn {
		height: 36px;
		width: 140px;
	}

	.iProducts .title {
		margin-bottom: 30px;
	}

	.iProducts .swiper-slide .sign {
		font-size: 14px;
		line-height: 24px;
		padding: 5px 10px;
		top: 30px;
	}

	.need .tit {
		font-size: 22px;
		line-height: 30px;
	}

	.need .txts {
		font-size: 18px;
		line-height: 28px;
	}
}

@media screen and (max-width:768px) {
	.need {
		padding: 30px;
		flex-direction: column;
		align-items: flex-start;
	}

	.need .tit {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.need .txts {
		font-size: 16px;
	}

	.need .txts {
		margin-bottom: 20px;
	}

	.need .cBtn {
		margin-left: 0;
	}

	.pilates,
	.yoga {
		margin-bottom: 40px;
	}

	.sBtns>div {
		width: 35px;
		height: 35px;
	}
}

@media screen and (max-width:450px) {}




/* indexM2-1 */

.iAbout {
	background-image: url("../images/indexM5-bg.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #222222;
	padding-bottom: 92px;
}


.iAbout .con {
	padding: 90px 0 66px 0;
	display: flex;
	justify-content: space-between;
}


.iAbout .msg {
	width: 44%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding-bottom: 53px;
}



.iAbout .show {
	width: 50.35%;
	position: relative;
	height: 452px;
}


.iAbout .image {
	overflow: hidden;
	height: 100%;
}


.iAbout .image>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}



.iAbout .show .video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.playBtn {
	width: 60px;
	height: 60px;
	background-color: rgba(181, 219, 4, 0.6);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 9;
}


.playBtn::after {
	content: "";
	width: calc(100% + 26px);
	height: calc(100% + 26px);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	background-image: url("../images/playBg.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	animation: circles 3s linear 0s infinite;
	animation-play-state: running;
}



.video:hover .playBtn {
	background-color: #b5db04;
}


@keyframes circles {
	0% {
		width: calc(100% + 26px);
		height: calc(100% + 26px);
		opacity: 1;
	}

	50% {
		width: calc(100% + 0px);
		height: calc(100% + 0px);
		opacity: 0;
	}

	100% {
		width: calc(100% + 26px);
		height: calc(100% + 26px);
		opacity: 1;
	}
}










.iAbout .title1 {
	color: #ffffff;
	margin-bottom: 34px;
}


.iAbout .txts {
	font-size: 22px;
	line-height: 30px;
	color: #ffffff;
	margin-bottom: 50px;
}

.iAbout .cBtn {
	background-color: #b5db04;
	border-color: #b5db04;
	color: #333333;
	text-transform: uppercase;
}


.iAbout .cBtn:hover {
	background-color: #ffffff;
	border-color: #ffffff;
}





/* indexM3-1 */


.iAdvantage {
	position: relative;
}


.iAdvantage::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: -1;
	background-color: #f6f6f6;
}


.iAdvantage .advantageList {
	margin-top: -92px;
}

.advantageList {
	display: flex;
	flex-wrap: wrap;
	background-color: #ffffff;
	border-radius: 15px;
	overflow: hidden;
}



.advantageList .item {
	width: 25%;
	position: relative;
	padding: 25px 45px 40px 45px;
}

.iAdvantage .advantageList .item {
	border-top: 8px solid transparent;
	border-bottom: 2px solid transparent;
}

.iAdvantage .advantageList .item:hover {
	border-color: #b5e000;
}


.iAdvantage .advantageList .item::after {
	content: "";
	position: absolute;
	top: 52.5%;
	transform: translateY(-50%);
	width: 1px;
	height: 77%;
	right: 0;
	background-color: rgba(181, 177, 176, 0.5);
}



.iAdvantage .advantageList .item:last-child::after {
	display: none;
}




.advantageList .image:hover img {
	transform: none;
	filter: grayscale(0%) brightness(100%) opacity(1);
}



.advantageList .image {
	margin-bottom: 18px;
	width: 50px;
}


.advantageList .image img {
	filter: grayscale(100%) brightness(0%) opacity(.8);
}


.advantageList .name {
	font-family: Lato-Black;
	font-size: 24px;
	line-height: 34px;
	color: #333333;
	margin-bottom: 11px;
	display: block;
}


.advantageList a.name:hover {
	color: #b5e000;
}



.advantageList .txts {
	line-height: 24px;
}



.iAdvantage .advantageList .txts {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}



@media screen and (max-width:1560px) {
	.iAbout .msg {
		padding-bottom: 0;
	}

	.advantageList .item {
		padding: 30px;
	}

	.advantageList .name {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.advantageList .image {
		margin-bottom: 30px;
	}

	.advantageList {
		border-radius: 5px;
	}

	.iAbout .show {
		height: 400px;
	}

	.iAbout .txts {
		font-size: 20px;
	}
}

@media screen and (max-width:1333px) {
	.iAbout .show {
		height: 340px;
	}

	.iAbout .txts {
		margin-bottom: 40px;
	}

	.playBtn {
		width: 56px;
		height: 56px;
	}

	.advantageList .name {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.advantageList .item {
		width: 50%;
	}

	.advantageList .item:nth-child(2n)::after {
		display: none;
	}

	.advantageList .item {
		padding: 20px 30px;
	}

	.iAdvantage .advantageList .item {
		border-bottom-width: 1px;
		border-top-width: 3px;
	}

	.advantageList .item:nth-child(-n+2) {
		border-bottom-color: rgba(181, 177, 176, 0.5);
	}

	.advantageList .image {
		width: 40px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:999px) {
	.advantageList .name {
		font-size: 18px;
		line-height: 28px;
	}

	.iAbout .show {
		height: 300px;
	}

	.iAbout .title1 {
		margin-bottom: 30px;
	}

	.playBtn {
		width: 50px;
		height: 50px;
	}

	.iAbout .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.iAbout .msg {
		width: 100%;
		margin-bottom: 40px;
	}

	.iAbout .show {
		width: 100%;
		height: 340px;
	}

}

@media screen and (max-width:768px) {
	.iAbout .title1 {
		margin-bottom: 20px;
	}

	.iAbout .show {
		height: 320px;
	}

	.iAbout .txts {
		margin-bottom: 30px;
	}

	.iAbout {
		padding-bottom: 0;
	}

	.iAdvantage {
		padding-top: 50px;
	}

	.advantageList {
		margin-top: 0px;
	}

	.iAdvantage .advantageList {
		margin-top: 0px;
	}

	.advantageList .image {
		width: 36px;
	}

}

@media screen and (max-width:538px) {
	.iAbout .show {
		height: 280px;
	}

	.advantageList .item:nth-child(n) {
		width: 100%;
		border-bottom-color: rgba(181, 177, 176, 0.5);
	}

	.advantageList .item:nth-child(n):last-child {
		border-bottom-color: transparent;
	}


	.iAdvantage .advantageList .item:nth-child(n):hover {
		border-bottom-color: #b5e000;
	}

	.advantageList .item:nth-child(n)::after {
		display: none;
	}

}



/* indexM4-1 */

.qualityControl {
	background-color: #f6f6f6;
}

.qualityControl .safeRange {
	padding: 57px 0 66px 0;
}


.iTit {
	display: flex;
	align-items: center;
	justify-content: center;
}


.iTit .title1 {
	text-align: center;
}


.qualityControl .iTit {
	margin-bottom: 68px;
}


.qualityControl .con {
	display: flex;
	justify-content: space-between;
}


.qualityControl .list {
	width: 49%;
	padding-top: 5px;
}


.qualityControl .image {
	width: 47%;
	position: relative;
	z-index: 9;
	margin-right: 15px;
}


.qualityControl .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}


.qualityControl .image:hover img {
	transform: none;

}


.qualityControl .image::after {
	content: "";
	position: absolute;
	width: 200px;
	height: 197px;
	background-color: #b5db04;
	z-index: -1;
	top: 0;
	right: 0;
	transform: translateX(15px) translateY(-17px);
	transition: .4s ease all;
}



.qualityControl .image:hover::after {
	transform: translateY(0);
}


.qualityControl .item {
	margin-bottom: 27px;
	padding-left: 33.5px;
	position: relative;
}


.qualityControl .item::after {
	content: "";
	position: absolute;
	left: 0;
	width: 24px;
	height: 24px;
	background-image: url("../images/indexM6-1.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	top: 4px;
}



.qualityControl .item:last-child {
	margin-bottom: 0;
}


.qualityControl .tit {
	font-family: Lato-Regular;
	font-size: 22px;
	line-height: 30px;
	color: #333333;
	position: relative;
	display: inline-block;
	margin-bottom: 5px;
}



.qualityControl .tit:hover {
	color: #b5db04;
}

.qualityControl .txts {
	color: #555555;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}


@media screen and (max-width:1560px) {
	.qualityControl .list {
		padding-top: 0;
	}

	.qualityControl .iTit {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:1333px) {
	.qualityControl .tit {
		font-size: 20px;
	}
}

@media screen and (max-width:999px) {
	.qualityControl .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.qualityControl .image {
		width: 100%;
	}

	.qualityControl .list {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 50px;
	}

	.qualityControl .item {
		width: 48%;
		margin-bottom: 0;
		margin-top: 30px;
	}

	.qualityControl .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.qualityControl .tit {
		font-size: 18px;
		line-height: 28px;
	}

	.qualityControl .image {
		height: 340px;
		margin-right: 0;
	}

	.qualityControl .image::after {
		transform: translateX(10px) translateY(-10px);
	}
}

@media screen and (max-width:768px) {
	.qualityControl .item:nth-child(n) {
		width: 100%;
		margin-top: 20px;
	}

	.qualityControl .item:nth-child(1) {
		margin-top: 0;
	}

	.qualityControl .iTit {
		margin-bottom: 40px;
	}

	.qualityControl .image {
		height: 320px;
	}
}

@media screen and (max-width:538px) {
	.qualityControl .image {
		height: 280px;
	}
}






/* indexM5-1 */


.iDesign {
	padding: 73px 0 81px 0;
}


.iDesign .con {
	display: flex;
	justify-content: space-between;
}

.iDesign .show {
	position: relative;
	width: 55.71%;
	border-radius: 10px;
	overflow: hidden;
	height: 439px;
}



.iDesign .image {
	overflow: hidden;
	height: 100%;
}

.iDesign .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}


.iDesign .show .video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background-color: rgba(0, 0, 0, .5);
}


.iDesign .msg {
	width: 40%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding-top: 7px;
}

.iDesign .msg .title1 {
	margin-bottom: 27px;
}


.iDesign .msg .txts {
	color: #555555;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}


.iDesign .cBtn {
	color: #333333;
	background-color: #b5db04;
	border-color: #b5db04;
}


.iDesign .cBtn:hover {
	background-color: transparent;
	color: #b5db04;
}


@media screen and (max-width:1560px) {
	.iDesign .show {
		border-radius: 5px;
	}

	.iDesign .msg .txts {
		margin-bottom: 40px;
	}

	.iDesign .msg {
		padding: 0;
	}
}

@media screen and (max-width:999px) {
	.iDesign .show {
		height: 400px;
	}

	.iDesign .con {
		flex-direction: column-reverse;
	}

	.iDesign .msg {
		width: 100%;
		margin-bottom: 40px;
	}

	.iDesign .msg .txts {
		-webkit-line-clamp: 4;
		margin-bottom: 30px;
	}

	.iDesign .show {
		width: 100%;
		height: 340px;
	}

}

@media screen and (max-width:768px) {
	.iDesign .show {
		height: 320px;
	}
}

@media screen and (max-width:538px) {
	.iDesign .show {
		height: 280px;
	}
}





/* indexM6-1 */

.hotProducts {
	padding: 72px 0 74px 0;
	background-color: #f6f6f6;
}


.hotProducts .iTit {
	margin-bottom: 47px;
}


.hotProducts .swiper {
	overflow: visible;
}


.hotProducts .swiper .swiper-wrapper {
	pointer-events: none;

}



.hotProducts .swiper .swiper-slide {
	opacity: 0;
	pointer-events: none;
	transition: .4s ease box-shadow, .4s ease opacity, .4s ease border-color;
	background-color: #ffffff;
	height: auto;
	border: 1px solid #e1e1e1;
}


.hotProducts .swiper .swiper-slide.swiper-slide-visible {
	opacity: 1;
	pointer-events: all;
}


.hotProducts .swiper .swiper-slide:hover {
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
	border-color: transparent;
}


.hotProducts .image {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}


.hotProducts .msg {
	padding: 19px 19px 21px;
}


.hotProducts .name {
	font-family: Lato-Regular;
	font-size: 18px;
	line-height: 24px;
	color: #222222;
	min-height: 48px;
	margin-bottom: 5px;
}



.hotProducts .name:hover {
	color: #b5db04;
}

.hotProducts .btn {
	font-family: Lato-Black;
	font-size: 16px;
	line-height: 26px;
	color: #666666;
	display: inline-block;
	position: relative;
	text-transform: uppercase;
}


.hotProducts .btn::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 4px;
	width: 0;
	height: 2px;
	background-color: #b5e000;
	transition: .4s ease all;
}


.hotProducts .btn:hover {
	color: #b5e000;
}


.hotProducts .btn:hover::after {
	right: auto;
	left: 0;
	width: 100%;
}

.hotProducts .sBtns>div {
	top: 42.5%;
}

@media screen and (max-width:1560px) {
	.hotProducts .name {
		margin-bottom: 20px;
	}

	.hotProducts .msg {
		padding: 20px;
	}

	.hotProducts .name {
		min-height: 56px;
		margin-bottom: 10px;
	}

	.hotProducts .iTit {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:1333px) {
	.hotProducts .sBtns>div {
		top: 40%;
	}
}

@media screen and (max-width:768px) {
	.hotProducts .iTit {
		margin-bottom: 30px;
	}
}


/* indexM7-1 */


.purchaser {
	padding: 86px 0 71px 0;
}


.purchaser .iTit {
	margin-bottom: 40px;
}

.programList {
	display: flex;
	flex-wrap: wrap;
}


.programList .item {
	width: 31.42%;
	margin-right: 2.87%;
	margin-top: 30px;
	box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.06);
	border-radius: 15px;
	overflow: hidden;
	padding: 37px 35px 43px 35px;

}



.programList .item:nth-child(3n) {
	margin-right: 0;
}


.programList .item:nth-child(-n+3) {
	margin-top: 0;
}


.programList .title {
	display: flex;
	align-items: center;
}


.programList .image {
	width: 72px;
	flex-shrink: 0;
	margin-right: 17px;
}


.programList .tit {
	font-family: Lato-Black;
	font-size: 24px;
	line-height: 34px;
	color: #333333;
}


.programList a.tit:hover {
	color: #ffffff;
}

.programList .line {
	position: relative;
	height: 1px;
	margin: 18px 0 22px 0;
}

.programList .line::after {
	content: "";
	position: absolute;
	top: 0;
	height: 1px;
	background-color: #b5e000;
	width: calc(100% + 40px);
	left: 50%;
	transform: translateX(-50%);
	transition: .4s ease all;
}



.programList .txts {
	color: #555555;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}



.purchaser .item:hover {
	background-color: #b5db04;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}


.purchaser .item:hover .line::after {
	background-color: #ffffff;
}


.purchaser .item:hover .txts {
	color: #444444;
}

@media screen and (max-width:1560px) {
	.programList .item {
		padding: 40px;
		border-radius: 5px;
	}

	.programList .image {
		width: 50px;
	}

	.programList .tit {
		font-size: 20px;
		line-height: 30px;
	}
}

@media screen and (max-width:1333px) {
	.programList .image {
		width: 45px;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.programList .tit {
		font-size: 18px;
		line-height: 28px;
	}

	.programList .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.programList .item {
		padding: 30px;
	}

	.programList .line {
		margin: 15px 0;
	}

}

@media screen and (max-width:999px) {
	.programList {
		justify-content: space-between;
	}

	.programList .item:nth-child(n) {
		width: 48%;
		margin-top: 30px;
		margin-right: 0;
	}

	.programList .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.programList .item:last-child {
		width: 100%;
	}

}

@media screen and (max-width:768px) {
	.programList .image {
		width: 40px;
	}

	.programList .item:nth-child(n) {
		margin-top: 20px;
	}

	.programList .item:nth-child(-n+2) {
		margin-top: 0;
	}
}

@media screen and (max-width:538px) {
	.programList .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.programList .item:nth-child(-n+1) {
		margin-top: 0;
	}
}


/* indexM8-1 */

.customer {
	background-color: #f6f6f6;
	padding: 57px 0 48px 0;
}


.customer .con {
	display: flex;
	justify-content: space-between;
}


.customer .show {
	width: 46.71%;
}

.customer .show img {
	display: block;
}


.customer .msg {
	width: 48.5%;
	padding-top: 52px;
}


.customer .title1 {
	margin-bottom: 41px;
}


.customer .txts {
	color: #555555;
}


.customer .line {
	width: 100%;
	height: 1px;
	background-color: rgba(201, 201, 201, 0.5);
	margin: 33px 0 30px 0;
}


.customer .user {
	display: flex;
	align-items: flex-start;
	margin-bottom: 46px;
}



.customer .user .image {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	flex-shrink: 0;
	margin-right: 10px;
	overflow: hidden;
}

.customer .user .name {
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	margin-bottom: 4px;
}

.customer .user .add {
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #555555;
}

.customer .swiper-pagination {
	position: static;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 1px;
}


.customer .swiper-pagination span {
	width: 10px;
	height: 10px;
	background-color: #b5b1b0;
	border-radius: 5px;
	margin: 8.5px !important;
	margin-left: 0 !important;
	opacity: 1;
}


.customer .swiper-pagination span.swiper-pagination-bullet-active {
	width: 25px;
	background-color: #b5db04;
}


@media screen and (max-width:1560px) {
	.customer .con {
		align-items: center;
	}

	.customer .msg {
		padding-top: 0;
	}
}

@media screen and (max-width:1333px) {
	.customer .title1 {
		margin-bottom: 30px;
	}

	.customer .user {
		margin-bottom: 40px;
	}

}

@media screen and (max-width:999px) {
	.customer .con {
		flex-direction: column-reverse;
	}

	.customer .msg {
		width: 100%;
		margin-bottom: 40px;
	}

	.customer .show {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
		max-width: 600px;
	}
}

@media screen and (max-width:768px) {
	.customer .line {
		margin: 20px 0;
	}

	.customer .user {
		margin-bottom: 30px;
	}

	.customer .msg {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:538px) {
	.customer .title1 {
		margin-bottom: 20px;
	}
}

/* indexM9-1 */

.iNews {
	padding: 56px 0 87px 0;
}


.iNews .iTit {
	margin-bottom: 46px;
}

.iNews .image {
	overflow: hidden;
	margin-bottom: 19px;
}

.iNews .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

.iNews .tit {
	font-family: Lato-Black;
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	margin-bottom: 9px;
}

.iNews .tit:hover {
	color: #b5db04;
}

.iNews .time {
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #666666;
	margin-bottom: 8px;
}


.iNews .txts {
	color: #555555;
}

.iNews .sBtns>div {
	top: 30%;
}

@media screen and (max-width:1333px) {
	.iNews .iTit {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:538px) {
	.iNews .iTit {
		margin-bottom: 30px;
	}
}




/* 1-2products */


.products .productsCon {
	padding: 55px 0 81px 0;
}


.products .supplier {
	margin-bottom: 56px;
}


.products .supplier .txts p {
	font-size: 18px;
	line-height: 30px;
	color: #444444;
}



.supplier .pdTit {
	margin-bottom: 16px;
}

.products .innerContact {
	margin-bottom: 57px;
}

.innerContact .tit {
	width: 166px;
	height: 74px;
	background-color: #b5e000;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Lato-Black;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	position: relative;
	z-index: -1;
	margin-bottom: -25px;
	padding-bottom: 22px;
	text-transform: uppercase;
}

.innerContact form {
	background-color: #f8f8f8;
	border-radius: 10px;
	padding: 42px 33px 40px 23px;
}

.innerContact form ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.innerContact form ul li {
	width: 19.95%;
	height: 49px;
}



.innerContact form ul li input,
.innerContact form ul li textarea {
	width: 100%;
	height: 100%;
	background-color: transparent;
	padding: 0 20px;
	background-color: #ffffff;
	border: solid 1px #e8e9ed;
}

.innerContact form ul li textarea {
	padding: 12px 20px;
	transition: none;
	position: relative;
	z-index: 99;
}


.innerContact form ul li.codeCon {
	width: 22.5%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	border: 1px solid #d9d9d9;
}

.innerContact form ul li.codeCon>input {
	flex: 1;
	border: none;
}


.innerContact form ul li.codeCon .codeImg {
	flex-shrink: 0;
	height: 100%;
	max-width: 126px;
	cursor: pointer;
	border-left: 1px solid #e8e9ed;
	background-color: #f3fbfe;
}

.innerContact form ul li.codeCon .codeImg img {
	height: 100%;
}

.innerContact form ul li.subBtn {
	width: 14.2%;
	border: none;
	border-radius: 10px;
	overflow: hidden;
	padding: 0;
}


.innerContact form ul li.subBtn input {
	font-family: Lato-Black;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	cursor: pointer;
	background-color: #b5e000;
	border: none;
	text-transform: uppercase;
}


.innerContact form ul li.subBtn input:hover {
	background-color: #ffffff;
	color: #b5e000;
}


.innerContact form ul li.must {
	position: relative;
}

.innerContact form ul li.must::after {
	content: "*";
	position: absolute;
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #ca0000;
	left: 11px;
	top: 10px;
}


.innerContact form ul li.message.must::after {
	z-index: 999;
}


.innerContact form textarea {
	resize: both;
}

.innerContact form input::-webkit-input-placeholder,
.innerContact form textarea::-webkit-input-placeholder {
	color: #444444;
}

.innerContact form input:-moz-placeholder,
.innerContact form textarea:-moz-placeholder {
	color: #444444;
}

.innerContact form input::-moz-placeholder,
.innerContact form textarea::-moz-placeholder {
	color: #444444;
}

.innerContact form input:-ms-input-placeholder,
.innerContact form textarea:-ms-input-placeholder {
	color: #444444;
}



.products .productList {
	margin-bottom: 61px;
}


.productList .list .btns {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: -3px;
	width: calc(100% + 6px);
	margin-top: 3px;
}


.productList .list .btns:hover {
	background-color: #b5e000;
}

.productList .list .item {
	overflow: hidden;
}


.productList .list .btns::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 1px;
	background-color: #d9d9d9;
	top: 0;
	width: 100%;
	transition: .4s ease all;
}


.productList .list .btns:hover::after {
	opacity: 0;
}

.productList .list .checkBtn {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 11px;
	height: 11px;
	border-radius: 1px;
	position: relative;
	flex-shrink: 0;
	margin-right: 10px;
	outline: 1px solid #333333;
}

.productList .list .checkBtn i {
	font-size: 14px;
	font-weight: bold;
	opacity: 0;
}

.productList .list .checkBtn.active i {
	opacity: 1;
}


.productList .list .checkBtn input {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-color: transparent;
	opacity: 0;
}



.productList .list .btn {
	font-family: Lato-Black;
}



.productList .list .btn:hover {
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-offset: 5px;
}


.products .productList .pager {
	margin-top: 78px;
	justify-content: flex-end;
}

.products .productList .pager .addTo {
	margin-right: 0;
}

.products .describe p {
	color: #444444;
}
.products .describe p img,.standardEdit a img {
display: inline-block;
}

@media screen and (max-width:1560px) {
	.supplier .pdTit {
		margin-bottom: 30px;
	}

	.products .supplier .txts p {
		font-size: 16px;
	}

	.innerContact .tit {
		font-size: 16px;
	}

	.innerContact form {
		padding: 40px 20px;
	}

	.innerContact form ul li.subBtn {
		border-radius: 5px;
	}

	.productList .list .btns {
		height: 45px;
	}

	.products .productList .pager {
		margin-top: 60px;
	}
}

@media screen and (max-width:1333px) {
	.products .supplier {
		margin-bottom: 50px;
	}

	.innerContact form ul li {
		width: 32%;
		margin-right: 2%;
		margin-top: 15px;
		flex: auto;
	}

	.innerContact form ul li:nth-child(3n) {
		margin-right: 0;
	}

	.innerContact form ul li:nth-child(-n+3) {
		margin-top: 0;
	}

	.innerContact form {
		border-radius: 5px;
	}

	.innerContact form ul li:last-child {
		margin-right: 0;
	}

	.products .productList .pager {
		margin-top: 50px;
	}

	.products .productList {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:999px) {
	.innerContact form ul li:nth-child(n) {
		height: 40px;
		width: 48%;
		margin-right: 0;
		margin-top: 15px;
		flex: none;
	}

	.innerContact form ul li:nth-child(-n+2) {
		margin-top: 0;
	}

	.innerContact form ul li textarea {
		padding: 10px 20px;
	}

	.innerContact form {
		padding: 30px 20px;
	}

	.innerContact .tit {
		border-radius: 5px;
		height: 65px;
	}

	.products .productList .pager {
		justify-content: center;
		margin-top: 40px;
	}

	.products .productList .pager .addTo {
		margin: 3px 4px;
	}

	.products .innerContact {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:538px) {
	.innerContact form ul li:nth-child(n) {
		width: 100%;
		margin-top: 10px;
	}

	.innerContact form ul li:nth-child(1) {
		margin-top: 0;
	}
}


/* 1-3products */

.productShow {
	background-color: #f8f8f8;
}


.productShow .con {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 61px 0 63px 0;
}


.productShow .shows {
	flex-shrink: 0;
	margin-right: 52px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}




.productShow .swiperBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 553px;
	width: 141px;
	margin-right: 16px;
}


.productShow .checkSwiper {
	overflow: hidden;
	height: 100%;
}


.showSipwerBox {
	position: relative;
}


.productShow .showSipwer {
	width: 639px;
	overflow: hidden;
	background-color: #ffffff;
}



.showSipwer .swiper-slide img {
	display: block;
}


.productShow .swiperBox .prev,
.productShow .swiperBox .next {
	position: absolute;
	color: #333333;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 100%;
	height: 33px;
	background-color: rgba(181, 224, 0, 0.5);
	overflow: hidden;
}



.productShow .swiperBox .prev i,
.productShow .swiperBox .next i {
	font-weight: bold;
	font-size: 17px;
	color: #ffffff;
}

.productShow .swiperBox .prev.swiper-button-disabled,
.productShow .swiperBox .next.swiper-button-disabled {
	opacity: 0;
	pointer-events: none;
}


.productShow .swiperBox .prev:hover,
.productShow .swiperBox .next:hover {
	background-color: #b5e000;
}



.productShow .swiperBox .prev {
	top: 0;
}

.productShow .swiperBox .prev i {
	transform: rotate(-90deg);
}


.productShow .swiperBox .next {
	bottom: 0;
}

.productShow .swiperBox .next i {
	transform: rotate(90deg);
}




.productShow .checkSwiper .swiper-slide {
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background-color: #ffffff;
}


.productShow .checkSwiper .swiper-slide::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	transition: .4s ease all;
	pointer-events: none;
	overflow: hidden;
	border: 1px solid transparent;
}


.productShow .checkSwiper .swiper-slide-thumb-active::after {
	border-color: #444444;
}




.productShow .jianjie {
	flex: 1;
}



.productShow .jianjie h1 {
	font-family: Lato-Black;
	font-size: 28px;
	line-height: 42px;
	color: #333333;
	margin-bottom: 18px;
}


.productShow .jianjie .txts {
	margin-bottom: 28px;
}

.productShow .jianjie .txts p {
	line-height: 30px;
}


.productShow .jianjie .share {
	margin-bottom: 29px;
}


.productShow .share span {
	color: #333333;
}


.productShow .btns {
	display: flex;
	flex-wrap: wrap;
	cursor: pointer;
}

.productShow .btns .btn {
	padding: 14px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Lato-Black;
	background-color: #b5e000;
	margin-right: 15px;
}

.productShow .btns .btn:nth-child(1) {
	width: 149px;
}

.productShow .btns .btn:nth-child(2) {
	width: 165px;
}

.productShow .btns .btn:nth-child(3) {
	width: 155px;
}

.productShow .btns .btn:last-child {
	margin-right: 0;
}

.productShow .btns .btn input {
	background: none;
	font-family: Lato-Black;
}



.productShow .btns .btn:hover {
	background-color: #444444;
	color: #ffffff;
}

.productShow .btns .btn:hover input {
	color: #ffffff;
}


/*jQzoom*/


.jqzoom {
	float: left;
	position: relative;
	padding: 0px;

}

div.zoomdiv {
	z-index: 200;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	height: 400px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
}

div.zoomdiv img {
	max-width: unset !important;
}

div.jqZoomPup {
	z-index: 200;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #aaa;
	background: #ffffff;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
	transition: none;
}


.productDet {
	padding: 51px 0 115px 0;
}


.productDet .con {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}


.productDet .describe {
	width: 79.2%;
}


.productDet .describe .btns {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.productDet .describe .btns a {
	border-radius: 10px;
	background-color: #444444;
	padding: 12px 25px 19px;
	font-family: Lato-Black;
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
	margin-right: 12px;
	margin-bottom: 10px;
}


.productDet .describe .btns a:hover {
	background-color: #b5e000;
}

.productDet .msg {
	position: relative;
	z-index: 2;
	margin-top: -20px;
	padding: 45px 26px 0;
}


.productDet .imgBg {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	pointer-events: none;
}

.productDet .msg .show {
	max-width: 782px;
	margin: 0 auto 52px;
}


.productDet .msg .show .image {
	position: relative;
	margin-bottom: 13px;
}


.productDet .msg .show .image iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	max-width: none;
}



.productDet .msg .show .name {
	font-family: Lato-Black;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
}


.productDet .specification {
	margin-bottom: 47px;
}


.productDet .specification .pdTit {
	margin-bottom: 19px;
}

.table {
	width: 100%;
	overflow: auto;
}

.table table {
	width: 100%;
	border-collapse: collapse;
	line-height: 22px;
}

.table table tr td {
	padding: 7px 10px;
	font-size: 16px;
	font-family: Lato-Regular, Arial, sans-serif;
	color: #666666;
	border: 1px solid #666666;
}

.productDet .dumbbell {
	margin-bottom: 27px;
}

.productDet .dumbbell .pdTit {
	margin-bottom: 12px;
}

.productDet .standardEdit p {
	line-height: 28px;
}

.productDet .standardEdit p strong {
	font-family: Lato-Black;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
}

.standardEdit p em {
	display: block;
	padding-left: 29px;
	font-style: normal;
	position: relative;
}


.standardEdit p em::after {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 14px;
	height: 10px;
	background-image: url("../images/standardSign.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


.productDet .productSpe {
	margin-bottom: 30px;
}


.productDet .productSpe .pdTit {
	margin-bottom: 17px;
}


.productDet .details .pdTit {
	margin-bottom: 22px;
}


.productDet .details .list {
	display: flex;
	flex-wrap: wrap;
}

.productDet .details .list .item {
	width: 24%;
	margin-right: 1.33%;
	margin-top: 30px;
}

.productDet .details .list .item:nth-child(4n) {
	margin-right: 0;
}

.productDet .details .list .item:nth-child(-n+4) {
	margin-top: 0;
}

.productDet .details .list .image {
	border: solid 1px #666666;
	margin-bottom: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.productDet .details .list .name {
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
}



.productDet .productDisplay {
	margin: 115px 0 39px 0;
}


.productDet .productDisplay .pdTit {
	margin-bottom: 22px;
}

.productDet .pdShow {
	margin-bottom: 18px;
}

.productDet .pdShow .pdTit {
	margin-bottom: 15px;
}

.productDet .details .txts {
	margin-top: 47px;
}

.productDet .details .txts p img {
	margin-left: 30px;
}


.productDet .custom {
	margin-top: 40px;
	margin-bottom: 68px;
}

.productDet .custom .pdTit {
	margin-bottom: 22px;
}

.productDet .warranty {
	margin-bottom: 41px;
}


.productDet .warranty .pdTit {
	margin-bottom: 15px;
}

.productDet .faq {
	margin-bottom: 30px;
}

.productDet .faq .pdTit {
	margin-bottom: 12px;
}

.productDet .faq .txts {
	margin-bottom: 17px;
}

.productDet .faq .txts2 p {
	font-size: 18px;
}


.productDet .review {
	margin-bottom: 90px;
}

.productDet .review .pdTit {
	margin-bottom: 30px;
}


.productDet .review .reviewShow {
	max-width: 669px;
	margin: 0 auto 50px;
	position: relative;
}


.productDet .review .reviewShow img {
	display: block;
}

.productDet .review .reviewShow iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
	left: 0;
	top: 0;
}



.productDet .review .talk {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}


.productDet .review .user {
	flex-shrink: 0;
	margin-right: 33px;
}


.productDet .review .user .image {
	width: 87px;
	height: 87px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: -2px;
}


.productDet .review .txts {
	flex: 1;
	padding-left: 44px;
	border-left: 1px solid #c0c0c0;
}

.productDet .review .txts .sign {
	margin-bottom: 4px;
	margin-left: -16px;
}

.productDet .review .name {
	margin-bottom: 2px;
}





.relatedProducts {
	background-color: rgba(238, 238, 238, 0.4);
	padding: 65px 0 74px 0;
}


.relatedProducts .title1 {
	margin-bottom: 69px;
	text-transform: uppercase;
}


.relatedProducts .swiper-slide {
	background-color: #ffffff;
}

.relatedProducts .box {
	border: solid 1px #d9d9d9;
	border-bottom: none;
}

.relatedProducts .btn {
	border: 1px solid #d9d9d9;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	font-family: Lato-Black;
	color: #333333;
}



.relatedProducts .btn:hover {
	background-color: #b5e000;
	border-color: #b5e000;
}


.relatedProducts .image {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}


.relatedProducts .msg {
	padding: 26px 10px 12px 10px;
}

.relatedProducts .msg .tit {
	font-family: Lato-Regular;
	font-size: 18px;
	line-height: 26px;
	color: #222222;
	margin-bottom: 7px;
	text-align: center;
	min-height: 52px;
}


.relatedProducts .msg .tit:hover {
	color: #b5e000;
}


.relatedProducts .msg .txt {
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #666666;
	text-align: center;
}

.relatedProducts .sBtns>div {
	top: 44.4%;
}


@media screen and (max-width:1560px) {
	.productShow .jianjie {
		padding: 30px 0;
	}

	.productShow .showSipwer {
		width: 500px;
	}

	.productShow .swiperBox {
		height: 433px;
		width: 108px;
	}

	.productShow .swiperBox .prev,
	.productShow .swiperBox .next {
		height: 26px;
	}

	.productShow .jianjie h1 {
		font-size: 22px;
		line-height: 30px;
	}

	.productShow .btns .btn:nth-child(n) {
		padding: 10px;
		width: 140px;
	}

	.productDet .describe .btns {
		margin-top: 0;
	}

	.productDet .describe {
		width: 75%;
	}

	.productDet .describe .btns a {
		font-size: 16px;
		border-radius: 5px;
	}

	.productDet .msg>div:nth-child(n) {
		margin-bottom: 50px;
		margin-top: 0;
	}

	.productDet .msg>div:last-child {
		margin-bottom: 0;
	}

	.productDet .msg>div:nth-child(n) .pdTit {
		margin-bottom: 30px;
	}

	.productDet .msg {
		padding-top: 50px;
	}

	.relatedProducts .title1 {
		margin-bottom: 40px;
	}

	.relatedProducts .sBtns>div {
		top: 40%;
	}
}

@media screen and (max-width:1333px) {
	.productDet .describe .btns {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.productDet .describe {
		width: 68%;
	}

	.productShow .shows {
		flex-direction: column-reverse;
		width: 400px;
	}

	.productShow .checkSwiper,
	.productShow .swiperBox,
	.showSipwerBox {
		height: auto;
		width: 100%;
	}

	.showSipwerBox {
		margin-bottom: 20px;
	}

	.productShow .showSipwer {
		width: 100%;
	}

	.productShow .swiperBox .next,
	.productShow .swiperBox .prev {
		width: 24px;
		height: 100%;
		top: 0;
		bottom: auto;
	}

	.productShow .swiperBox .next i,
	.productShow .swiperBox .prev i {
		font-weight: normal;
		font-size: 14px;
	}

	.productShow .swiperBox .prev {
		left: 0;
	}

	.productShow .swiperBox .prev i {
		transform: rotate(-180deg);
	}

	.productShow .swiperBox .next {
		right: 0;
	}

	.productShow .swiperBox .next i {
		transform: rotate(0);
	}

	.productShow .shows {
		margin-right: 30px;
	}

	.productShow .jianjie h1 {
		margin-bottom: 20px;
	}

	.productShow .btns .btn:nth-child(n) {
		width: 125px;
	}

	.productDet .describe .btns a {
		padding: 8px 20px 18px;
	}

	.productDet .msg .show .name {
		font-size: 16px;
		line-height: 28px;
	}

	.productDet .msg>div:nth-child(n) {
		margin-bottom: 40px;
	}


	.productDet .msg>div:last-child {
		margin-bottom: 0;
	}


	.productDet .details .list .item {
		width: 32%;
		margin-right: 2%;
		margin-top: 20px;
	}

	.productDet .details .list .item:nth-child(3n) {
		margin-right: 0;
	}


	.productDet .details .list .item:nth-child(-n+3) {
		margin-top: 0;
	}

	.relatedProducts .msg .tit {
		font-size: 16px;
	}

	.relatedProducts .msg {
		padding: 10px;
	}

	.relatedProducts .btn {
		height: 40px;
	}

	.productShow .swiperBox {
		margin-right: 0;
	}

	.productDet .review .talk {
		flex-direction: column;
		align-items: flex-start;
	}

	.productDet .review .user {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.productDet .review .txts {
		padding-left: 30px;
	}
}


@media screen and (max-width:999px) {
	.productDet .msg {
		padding: 0;
	}

	div.jqZoomPup {
		display: none;
	}

	.zoomPad {
		cursor: default !important;
	}

	.zoomPup {
		display: none !important;
	}

	.zoomWindow {
		display: none !important;
	}

	.zoomPreload {
		display: none !important;
	}

	.productShow .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.productShow .jianjie {
		padding: 0;
		width: 100%;
	}

	.productShow .shows {
		margin: 0 auto 40px;
		width: 450px;
	}

	.productShow .jianjie h1 {
		font-size: 20px;
	}

	.productShow .btns .btn:nth-child(n) {
		width: 180px;
	}

	.productDet .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.productDet .describe {
		width: 100%;
		margin-top: 50px;
	}

	.productDet .describe .btns a {
		font-size: 14px;
	}
}


@media screen and (max-width:768px) {
	.productShow .shows {
		width: 380px;
	}

	.productShow .btns .btn:nth-child(n) {
		width: 146px;
		padding: 6px 10px;
	}

	.productDet .details .list {
		justify-content: space-between;
	}

	.productDet .details .list .item:nth-child(n) {
		width: 48%;
		margin-top: 30px;
		margin-right: 0;
	}

	.productDet .details .list .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.relatedProducts .title1 {
		margin-bottom: 30px;
	}

	.productDet .review .user .image {
		width: 80px;
		height: 80px;
		margin-bottom: 5px;
	}
}

@media screen and (max-width:538px) {
	.productShow .shows {
		width: 100%;
		max-width: 400px;
	}

	.productShow .btns .btn:nth-child(n) {
		margin-bottom: 10px;
	}

	.productDet .msg>div:nth-child(n) {
		margin-bottom: 30px;
	}

	.productDet .msg>div:last-child {
		margin-bottom: 0;
	}

	.productDet .details .list .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.productDet .details .list .item:nth-child(1) {
		margin-top: 0;
	}

	.productShow .btns .btn:nth-child(n) {
		width: 128px;
	}
}



/* 2-1about */

.aboutUs {
	padding: 86px 0 75px 0;
}


.aboutUs .con {
	display: flex;
	justify-content: space-between;
	margin-bottom: 51px;
}


.aboutUs .con .box {
	width: 47%;
	position: relative;
}


.aboutUs .con .box .image {
	height: 100%;
}

.aboutUs .con .box .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}



.aboutUs .con .msg {
	width: 47.4%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding-top: 28px;
}



.aboutUs .box .tip {
	position: absolute;
	right: -27px;
	top: -32px;
	width: 136px;
	background-color: #b5db04;
	border-radius: 20px 20px 0px 0;
	padding: 16px 16px 27px 16px;
}


.aboutUs .tip .num {
	font-family: Lato-Black;
	font-size: 50px;
	line-height: 50px;
	color: #333333;
	margin-bottom: 0px;
}


.aboutUs .tip .tit {
	font-family: Lato-Regular;
	font-size: 15px;
	line-height: 17px;
	color: #333333;
	margin-bottom: 6px;
}


.aboutUs .tip .txt {
	font-family: Lato-Black;
	font-size: 17px;
	line-height: 21px;
	color: #333333;
}

.aboutUs .msg .tit {
	font-family: Lato-Black;
	font-size: 24px;
	line-height: 34px;
	color: #b5e000;
	margin-bottom: 20px;
}

.aboutUs .msg .title {
	font-family: Lato-Black;
	font-size: 24px;
	line-height: 34px;
	color: #333333;
	margin-bottom: 26px;
}


.aboutUs .msg .txts {
	line-height: 28px;
}



.aboutUs .advantageList .item {
	border: solid 1px #bebebe;
	border-radius: 15px;
	width: 22.57%;
	margin-top: 20px;
	margin-right: 3.24%;
	padding: 18px 16px 29px 16px;
}


.aboutUs .advantageList .image {
	margin-bottom: 4px;
}


.aboutUs .advantageList .item:nth-child(4n) {
	margin-right: 0;
}


.aboutUs .advantageList .item:nth-child(-n+4) {
	margin-top: 0;
}


.aboutUs .advantageList .item:hover .image img {
	filter: grayscale(0%) brightness(100%) opacity(1);
}

.aboutUs .advantageList .item:hover .name {
	color: #b5db04;
}

.team {
	background-color: #333333;
	padding: 81px 0 80px 0;
}

.team .con {
	display: flex;
	justify-content: space-between;
}

.team .msg {
	width: 42%;
	padding: 61px 0 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}


.team .msg .tit {
	font-family: Lato-Black;
	font-size: 24px;
	line-height: 34px;
	color: #b5e000;
	margin-bottom: 4px;
}


.team .msg .title {
	font-family: Lato-Black;
	font-size: 28px;
	line-height: 34px;
	color: #ffffff;
	margin-bottom: 33px;
}

.team .msg .txts {
	line-height: 28px;
	color: #ffffff;
	margin-bottom: 30px;
}



.team .msg .cBtn {
	background-color: #b5db04;
	border-color: #b5db04;
	color: #333333;
}


.team .msg .cBtn:hover {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #b5db04;
}


.team .image {
	width: 51.64%;
}

.team .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}


.company {
	position: relative;
	padding: 76px 0 97px 0;
}

.company::after {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 49.4%, rgba(51, 51, 51, .1) 49.4%, rgba(51, 51, 51, .1) 100%);
	z-index: -6;
	position: absolute;
	left: 0;
	top: 0;
}

.company .tit {
	text-align: center;
	font-family: Lato-Black;
	font-size: 24px;
	line-height: 34px;
	color: #b5e000;
	margin-bottom: 9px;
}

.company .txts {
	text-align: center;
	margin-bottom: 43px;
	font-size: 20px;
	line-height: 30px;
}


.company .show {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 52px;
}

.company .show .image {
	width: 1002px;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}


.company .show .image iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}


.company .list {
	display: flex;
	flex-wrap: wrap;
}


.company .list .item {
	width: 31.71%;
	margin-right: 2.435%;
	margin-top: 30px;
	border-radius: 10px;
	border: solid 1px #aeaeae;
	position: relative;
	padding: 21px 30px 28px 30px;
	overflow: hidden;
}

.company .list .item::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #f3f3f3;
	z-index: -2;
	left: 0;
	top: 0;
	transition: .4s ease all;
}

.company .list .item:hover {
	border-color: #b5e000;
}

.company .list .item:hover::after {
	background-color: #b5e000;
}


.company .list .item:nth-child(3n) {
	margin-right: 0;
}

.company .list .item:nth-child(-n+3) {
	margin-top: 0;
}


.company .list .msg {
	padding-right: 40px;
}


.company .list .image {
	width: 72px;
	margin-bottom: 21px;
}

.company .list .sign {
	position: absolute;
	right: -50px;
	bottom: -8px;
	z-index: -1;
	width: 217px;
}

.company .list .name {
	font-family: Lato-Black;
	font-size: 20px;
	line-height: 20px;
	color: #333333;
}

.company .list .add {
	font-family: Lato-Regular;
	font-size: 18px;
	line-height: 18px;
	color: #333333;
}


.company .list .add:hover {
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-offset: 5px;
}


.company .list .btn {
	width: 28px;
	position: absolute;
	right: 16px;
	bottom: 37px;
	z-index: 9;
	opacity: 0;
}

.company .list .btn:hover img {
	transform: rotate(10deg);
}


.company .list .item:hover .btn {
	opacity: 1;
}



.certificates {
	padding: 82px 0 100px 0;
}

.certificates .tip {
	font-family: Lato-Black;
	font-size: 24px;
	line-height: 34px;
	color: #b5e000;
	margin-bottom: 4px;
}

.certificates .title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 58px;
}


.certificates .title .tit {
	font-family: Lato-Black;
	font-size: 28px;
	line-height: 34px;
	color: #333333;
	width: 36%;
}

.certificates .title .txts {
	width: 58.4%;
	line-height: 28px;
}


.certificates .swiper {
	overflow: visible;
	clip-path: polygon(0% -1000%, 100% -1000%, 100% 1000%, 0 1000%);
}

.certificates .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}


.certificates .swiper .image:hover img {
	transform: translateY(-10px);
}

.certificates .btns {
	display: flex;
	align-items: center;
	justify-content: center;
}

.certificates .btns>div {
	margin-top: 67px;
	width: 42px;
	height: 42px;
	background-color: #ededed;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #333333;
	font-weight: bold;
	font-size: 14px;
}


.certificates .btns>div.swiper-button-disabled {
	pointer-events: none;
}

.certificates .btns>div.prev {
	margin-right: 26px;
}


.certificates .btns>div:hover {
	background-color: #b5e000;
	color: #ffffff;
}

@media screen and (max-width:1560px) {
	.aboutUs .con .msg {
		padding: 30px 0;
	}

	.aboutUs .box .tip {
		border-radius: 10px 10px 0 0;
		padding: 20px 10px;
	}

	.aboutUs .tip .num {
		font-size: 42px;
		line-height: 42px;
		margin-bottom: 5px;
	}

	.aboutUs .advantageList .item {
		padding: 15px;
		border-radius: 5px;
	}

	.aboutUs .advantageList .image {
		margin-bottom: 10px;
	}

	.team .msg {
		padding: 30px 0;
	}

	.company .show .image {
		border-radius: 10px;
		width: 800px;
	}

	.company .txts {
		font-size: 18px;
	}

	.company .list .image {
		width: 60px;
	}

	.company .list .name {
		line-height: 30px;
	}

	.company .list .add {
		line-height: 28px;
	}

	.certificates .title {
		margin-bottom: 50px;
	}

	.certificates .btns>div {
		margin-top: 50px;
	}
}

@media screen and (max-width:1333px) {
	.aboutUs .msg .title {
		font-size: 20px;
		line-height: 30px;
	}

	.aboutUs .msg .tit {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.aboutUs .tip .num {
		font-size: 32px;
		line-height: 32px;
	}

	.aboutUs .tip .txt {
		font-size: 16px;
	}

	.aboutUs .box .tip {
		border-radius: 5px 5px 0 0;
	}

	.aboutUs .advantageList {
		justify-content: space-between;
	}

	.aboutUs .advantageList .item:nth-child(n) {
		width: 48%;
		margin-right: 0;
		margin-top: 30px;
	}

	.aboutUs .advantageList .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.team .msg .title {
		font-size: 20px;
		line-height: 30px;
	}

	.team .msg .tit {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.company .show .image {
		width: 600px;
	}

	.company .txts {
		font-size: 16px;
		line-height: 26px;
	}

	.company .tit {
		font-size: 22px;
		line-height: 30px;
	}

	.company .list .image {
		width: 50px;
		margin-bottom: 10px;
	}

	.company .list .name {
		font-size: 16px;
		line-height: 26px;
	}

	.company .list .item {
		padding: 20px;
	}

	.company .show .image {
		border-radius: 5px;
	}

	.company .list {
		justify-content: space-between;
	}

	.company .list .item:nth-child(n) {
		width: 48%;
		margin-right: 0;
		border-radius: 5px;
	}

	.company .list .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.company .list .item:last-child {
		margin-top: 30px;
		width: 100%;
	}

	.company .list .sign {
		width: 180px;
	}

	.certificates .title .tit {
		font-size: 20px;
		line-height: 30px;
	}

	.certificates .tip {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:999px) {
	.aboutUs .con {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 50px;
	}

	.aboutUs .con .msg {
		padding: 0;
		width: 100%;
	}

	.aboutUs .con .box {
		width: 100%;
		margin-bottom: 40px;
	}

	.aboutUs .tip .num {
		font-size: 28px;
	}

	.aboutUs .msg .title {
		font-size: 18px;
		line-height: 28px;
	}

	.aboutUs .msg .tit {
		font-size: 20px;
		line-height: 30px;
	}

	.team .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.team .msg {
		padding: 0;
		margin-bottom: 40px;
		width: 100%;
	}

	.team .msg .tit {
		font-size: 20px;
	}

	.team .msg .title {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 30px;
	}

	.team .msg .cBtn {
		font-size: 14px;
	}

	.team .image {
		width: 100%;
	}

	.company .show .image {
		width: 100%;
	}

	.company .list .image {
		width: 44px;
	}

	.company .list .add {
		font-size: 16px;
	}

	.company .list .btn {
		width: 24px;
	}

	.company .list .sign {
		width: 150px;
	}

	.certificates .title {
		flex-direction: column;
		align-items: flex-start;
	}

	.certificates .title .tit {
		width: 100%;
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	.certificates .title .txts {
		width: 100%;
	}

	.certificates .tip {
		font-size: 20px;
		line-height: 30px;
	}

	.certificates .title {
		margin-bottom: 40px;
	}

	.certificates .btns>div {
		margin-top: 40px;
		width: 38px;
		height: 38px;
	}

	.company .tit {
		font-size: 20px;
		line-height: 30px;
	}

	.company .list .item .btn {
		opacity: 1;
	}

}

@media screen and (max-width:768px) {
	.company .list .item:nth-child(n) {
		width: 100%;
		margin-top: 20px;
	}

	.company .list .item:nth-child(1) {
		margin-top: 0;
	}

	.company .txts {
		margin-bottom: 30px;
	}

	.company::after {
		display: none;
	}

	.company .list {
		position: relative;
		padding: 50px 0;
	}

	.company .list::after {
		content: "";
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		width: 100vw;
		height: 100%;
		background-color: rgba(51, 51, 51, .1);
		z-index: -3;
	}

	.company {
		padding-bottom: 0 !important;
	}

	.aboutUs .box .tip {
		right: -10px;
	}
}

@media screen and (max-width:538px) {
	.aboutUs .advantageList .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
		border-bottom: 1px solid #bebebe;
	}

	.aboutUs .advantageList .item:nth-child(1) {
		margin-top: 0;
	}

	.aboutUs .con {
		margin-bottom: 40px;
	}
}





/* 2-2about */

.sustainbility {
	padding: 86px 0 97px 0;
}

.sustainbility .innerTitle {
	margin-bottom: 92px;
}

.innerTitle {
	display: flex;
	align-items: flex-start;
}

.sustainbility .innerTitle .tit {
	margin-right: 7.8%;
}

.innerTitle .tit {
	font-family: Lato-Black;
	font-size: 36px;
	line-height: 46px;
	color: #333333;
	flex-shrink: 0;
}

.innerTitle .txts {
	font-size: 20px;
	line-height: 28px;
	padding-top: 3px;
}



.sustainbility .list {
	margin-bottom: 61px;
}

.sustainbility .list .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sustainbility .list .item:nth-child(2n) {
	flex-direction: row-reverse;
}


.sustainbility .list .image {
	width: 50%;
}


.sustainbility .list .msg {
	width: 45.5%;
	padding: 40px 0;
}


.sustainbility .list .line {
	width: 29px;
	height: 5px;
	background-color: #b5db04;
	margin-bottom: 18px;
}

.sustainbility .list .tit {
	font-family: Lato-Black;
	font-size: 24px;
	line-height: 34px;
	color: #333333;
	margin-bottom: 25px;
}

.sustainbility .list .txts {
	line-height: 28px;
}


.sustainbility .des {
	margin-bottom: 69px;
}

.sustainbility .des p {
	line-height: 28px;
}

@media screen and (max-width:1560px) {
	.sustainbility .innerTitle {
		margin-bottom: 60px;
	}

	.innerTitle .txts {
		font-size: 18px;
	}

	.innerTitle .tit {
		font-size: 30px;
		line-height: 40px;
	}

	.sustainbility .list .tit {
		font-size: 22px;
		line-height: 30px;
	}
}

@media screen and (max-width:1333px) {
	.innerTitle {
		flex-direction: column;
		align-items: flex-start;
	}

	.innerTitle .tit {
		font-size: 26px;
		line-height: 36px;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.sustainbility .innerTitle {
		margin-bottom: 50px;
	}

	.sustainbility .list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.sustainbility .list .item:nth-child(n) {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 40px;
		width: 48%;
		justify-content: flex-start;
	}

	.sustainbility .list .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.sustainbility .list .msg {
		padding: 0;
		width: 100%;
	}

	.sustainbility .list .image {
		width: 100%;
		margin-bottom: 30px;
	}

	.sustainbility .list .tit {
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 30px;
	}

	.sustainbility .list .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-width: none;
	}

	.sustainbility .list .line {
		margin-bottom: 15px;
	}

	.sustainbility .list,
	.sustainbility .des {
		margin-bottom: 50px;
	}

	.sustainbility .innerTitle .tit {
		margin-right: 0;
	}
}

@media screen and (max-width:999px) {
	.innerTitle .txts {
		font-size: 16px;
	}

	.innerTitle .tit {
		font-size: 22px;
		line-height: 30px;
	}

	.sustainbility .list .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.sustainbility .list .item:nth-child(1) {
		margin-top: 0;
	}

	.sustainbility .innerTitle {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:768px) {
	.sustainbility .list .tit {
		font-size: 18px;
		line-height: 28px;
	}
}

@media screen and (max-width:538px) {
	.innerTitle .tit {
		font-size: 20px;
		line-height: 30px;
	}

	.sustainbility .list .image {
		height: 240px;
	}
}



/* 2-3about */

.videoPiece .innerTitle {
	padding: 86px 0 50px 0;
}


.videoPiece .innerTitle .tit {
	margin-right: 18.1%;
}

.videoPiece .show {
	position: relative;
	padding: 55px 0 77px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}



.videoPiece .show::after {
	top: 0;
	content: "";
	position: absolute;
	background-color: rgba(234, 234, 234, 0.5);
	height: 100%;
	width: 100vw;
	z-index: -1;
	left: 50%;
	transform: translateX(-50%);
}



.videoPiece .show .video {
	width: 53.14%;
	position: relative;
	cursor: pointer;
}


.videoPiece .show .video .image {
	overflow: hidden;
	width: 100%;
	height: 100%;
}



.videoPiece .show .video:hover .image>img {
	transform: scale(1.1);
}


.videoPiece .show .msg {
	width: 43.5%;
	padding-bottom: 26px;
}




.factoryTag,
.productTag {
	position: absolute;
	display: flex;
	align-items: center;
	width: 164px;
	height: 58px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	font-family: Lato-Black;
	font-size: 18px;
	color: #333333;
	top: 17px;
	left: -7px;
	padding: 0 20px;
	padding-bottom: 16px;
	/* pointer-events: none; */
}

.factoryTag {
	background-image: url("../images/tagBg.png");
}

.productTag {
	background-image: url("../images/tagBg2.png");
}


.factoryTag img,
.productTag img {
	flex-shrink: 0;
	margin-right: 10px;
}


.videoPiece .show .tit {
	font-family: Lato-Black;
	font-size: 24px;
	line-height: 34px;
	color: #333333;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}


.videoPiece .show .txts {
	font-family: Lato-Regular;
	font-size: 20px;
	line-height: 28px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}



.videoPiece .con {
	padding: 66px 0 103px 0;
}


.videoPiece .con .btns {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 67px;
}


.videoPiece .con .btns a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 217px;
	height: 67px;
	background-color: #f3f3f3;
	margin-right: 12px;
	margin-bottom: 10px;
	font-family: Lato-Black;
	font-size: 18px;
	line-height: 28px;
	color: #333333;
	position: relative;
}


.videoPiece .con .btns a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #b5db04;
}


.videoPiece .con .btns a.active,
.videoPiece .con .btns a:hover {
	background-color: #b5db04;
}

.videoPiece .con .list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 97px;
}

.videoPiece .con .list .item {
	width: 31.78%;
	margin-right: 2.33%;
	margin-top: 50px;
}


.videoPiece .con .list .item:nth-child(3n) {
	margin-right: 0;
}

.videoPiece .con .list .item:nth-child(-n+3) {
	margin-top: 0;
}


.videoPiece .con .list .video {
	position: relative;
	margin-bottom: 19px;
	cursor: pointer;
}


.videoPiece .con .list .video:hover .image>img {
	transform: scale(1.1);
}

.videoPiece .con .list .image {
	width: 100%;
	height: 100%;
	overflow: hidden;
}



.videoPiece .con .list .tit {
	font-family: Lato-Regular;
	font-size: 18px;
	color: #333333;
}


@media screen and (max-width:1560px) {
	.videoPiece .innerTitle {
		padding: 60px 0;
	}

	.videoPiece .innerTitle .tit {
		margin-right: 15%;
	}

	.videoPiece .show {
		padding: 60px 0;
	}

	.videoPiece .show .msg {
		padding-bottom: 0;
	}

	.videoPiece .show .txts {
		font-size: 18px;
	}

	.videoPiece .show .tit {
		font-size: 22px;
		line-height: 30px;
	}

	.videoPiece .con {
		padding: 60px 0;
	}

	.videoPiece .con .btns a {
		height: 50px;
	}

	.videoPiece .con .btns {
		margin-bottom: 50px;
	}

	.videoPiece .con .list {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:1333px) {
	.videoPiece .innerTitle .tit {
		margin-right: 0;
	}

	.videoPiece .show .tit {
		font-size: 20px;
	}

	.videoPiece .show .txts {
		font-size: 16px;
		-webkit-line-clamp: 4;
	}

	.factoryTag,
	.productTag {
		font-size: 16px;
		height: 45px;
		width: 140px;
		padding-bottom: 12px;
	}

	.factoryTag img,
	.productTag img {
		width: 18px;
	}

	.videoPiece .con .list .tit {
		font-size: 16px;
		line-height: 28px;
	}

	.videoPiece .con .btns a {
		font-size: 16px;
		line-height: 28px;
		height: 45px;
		width: 180px;
	}

	.videoPiece .con .list .item {
		margin-top: 40px;
	}

	.videoPiece .con .btns {
		margin-bottom: 40px;
	}

	.videoPiece .con .list {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:999px) {

	.videoPiece .innerTitle,
	.videoPiece .show,
	.videoPiece .con {
		padding: 50px 0;
	}

	.videoPiece .show .tit {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.videoPiece .show .txts {
		-webkit-line-clamp: 3;
	}

	.videoPiece .con .btns a {
		height: 40px;
		width: 160px;
		font-size: 14px;
	}

	.factoryTag,
	.productTag {
		font-size: 14px;
	}

	.videoPiece .con .btns {
		margin-bottom: 30px;
	}

	.videoPiece .con .list .video {
		margin-bottom: 10px;
	}

	.videoPiece .con .list {
		justify-content: space-between;
	}

	.videoPiece .con .list .item:nth-child(n) {
		width: 48%;
		margin-right: 0;
		margin-top: 30px;
	}

	.videoPiece .con .list .item:nth-child(-n+2) {
		margin-top: 0;
	}
}

@media screen and (max-width:768px) {

	.videoPiece .innerTitle,
	.videoPiece .show,
	.videoPiece .con {
		padding: 40px 0;
	}

	.videoPiece .show {
		flex-direction: column;
		align-items: flex-start;
	}

	.videoPiece .show .msg {
		width: 100%;
	}

	.videoPiece .show .video {
		width: 100%;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:538px) {
	.videoPiece .con .list .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.videoPiece .con .list .item:nth-child(1) {
		margin-top: 0;
	}

	.videoPiece .con .list .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-width: none;
	}

	.videoPiece .con .btns a {
		width: 132px;
	}
}





/* 2-4about */

.news {
	padding: 96px 0 109px 0;
}

.news .list {
	margin-bottom: 90px;
}


.news .item {
	display: flex;
	background-color: rgba(243, 243, 243, 0.4);
	margin-top: 56px;
	align-items: center;
}

.news .item:nth-child(1) {
	margin-top: 0;
}


.news .item .image {
	width: 470px;
	flex-shrink: 0;
	overflow: hidden;
}

.news .item .msg {
	flex: 1;
	padding: 30px 47px 36px;
}


.news .item .tit {
	font-family: Lato-Black;
	font-size: 18px;
	color: #242424;
	margin-bottom: 27px;
}

.news .item .tit:hover {
	color: #b5db04;
}

.news .item .time {
	color: #666666;
	margin-bottom: 9px;
}


.news .item .txts {
	margin-bottom: 28px;
}

.news .item .cBtn {
	background-color: #f3f3f3;
	border-color: #f3f3f3;
	color: #333333;
	text-transform: uppercase;
}


.news .item .cBtn:hover {
	background-color: #b5db04;
	border-color: #b5db04;
}


@media screen and (max-width:1560px) {
	.news .item .msg {
		padding: 30px;
	}

	.news .item .image {
		width: 430px;
	}

	.news .item {
		margin-top: 50px;
	}

	.news .list {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:1333px) {
	.news .item .tit {
		margin-bottom: 20px;
	}

	.news .item .txts {
		margin-bottom: 20px;
	}

	.news .item .image {
		width: 385px;
	}

	.news .list {
		margin-bottom: 50px;
	}

	.news .item {
		margin-top: 40px;
	}
}

@media screen and (max-width:999px) {
	.news .list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.news .list .item {
		width: 48%;
		flex-direction: column;
		align-items: flex-start;
	}

	.news .list .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.news .list .image {
		width: 100%;
	}

	.news .item .msg {
		padding: 20px;
	}

	.news .item .tit {
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 10px;
	}

	.news .item .cBtn {
		font-size: 14px;
	}

	.news .list {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:768px) {
	.news .list {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:538px) {
	.news .list .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.news .list .item:nth-child(1) {
		margin-top: 0;
	}
}



/* 3-1capability */


.program {
	background-color: rgba(51, 51, 51, 0.9);
	padding: 92px 0 79px 0;
}

.program .innerTit {
	text-align: center;
	margin-bottom: 47px;
	color: #ffffff;
}

.program .programList .item {
	background-color: #ffffff;
	box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.06);
}


.program .programList .txts {
	display: block;
}

.program .programList .item:hover {
	background-color: #b5db04;
}


.program .programList .item:hover .line::after {
	background-color: #ffffff;
}


.program .programList .item:hover .txts {
	color: #444444;
}

.partners {
	margin-top: 65px;
}


.partners .tip {
	box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.06);
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 61px 49px 68px 41px;
	margin-bottom: 77px;
}


.partners .tip .msg {
	font-size: 36px;
	line-height: 48px;
	color: #333333;
}

.partners .tip strong {
	font-family: Lato-Black;
}


.partners .tip .cBtn {
	flex-shrink: 0;
	margin-left: 30px;
	background-color: #b5db04;
	border-color: #b5db04;
	color: #ffffff;
}


.partners .tip .cBtn:hover {
	background-color: #ffffff;
	color: #b5db04;
	border-color: #b5db04;
}

.partners .con {
	display: flex;
	justify-content: space-between;
}

.partners .con .msg {
	width: 30%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 30px 0 103px;
}


.partners .con .innerTit {
	margin-bottom: 38px;
}

.partners .con .sign {
	width: 56px;
	margin-bottom: 15px;
}


.partners .con .txts p {
	color: #555555;
}


.partners .con .image {
	width: 64.57%;
	position: relative;
}

.partners .con .image>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}



.partners .con .image::after {
	content: "";
	background-color: #e1e1e1;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	border-radius: 12px;
	z-index: -1;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}


.partners .con .video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(51, 51, 51, 0.4);
	cursor: pointer;
}

.partners .con .video .play {
	width: 61px;
	height: 61px;
}

.partners .con .video:hover .play img {
	transform: scale(1.1);
}


.category {
	padding: 91px 0 131px 0;
}

.category .innerTit {
	text-align: center;
	margin-bottom: 19px;
}


.category .tit {
	text-align: center;
	font-family: Lato-Regular;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
}

.category .txts {
	text-align: center;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 47px;
}


.category .txts a {
	color: #b5db04;
	font-family: Lato-Black;
}

.category .txts a:hover {
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-offset: 5px;
}


.category .con {
	display: flex;
	justify-content: space-between;
}



.category .con .item {
	width: 18.28%;
	position: relative;
	height: 391px;
}


.category .con .item.active {
	width: 41.78%;
}

.category .con .image {
	width: 100%;
	height: 100%;
}

.category .con a.image:hover img {
	transform: none;
}

.category .con .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

.category .con .item .msg {
	display: flex;
	align-items: flex-end;
	padding: 31px 17px;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	background-image: url("../images/partnersM2-2.png");
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	font-family: Lato-Regular;
	font-size: 18px;
	line-height: 26px;
	color: #ffffff;
	pointer-events: none;
}

@media screen and (max-width:1560px) {
	.partners {
		margin-top: 60px;
	}

	.partners .tip .msg {
		font-size: 26px;
		line-height: 36px;
	}

	.partners .tip {
		border-radius: 5px;
		padding: 40px 30px;
	}

	.partners .con .msg {
		padding: 30px 0;
	}

	.partners .con .sign {
		width: 50px;
	}

	.category .tit,
	.category .txts {
		font-size: 18px;
	}

	.partners .tip {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:1333px) {
	.partners .tip .msg {
		font-size: 22px;
		line-height: 30px;
	}

	.category .tit,
	.category .txts {
		font-size: 16px;
	}

	.category .con .item .msg {
		padding: 20px 10px;
		font-size: 16px;
	}

	.category .txts {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:999px) {
	.partners .tip {
		flex-direction: column;
		align-items: flex-start;
	}

	.partners .tip .cBtn {
		margin-left: 0;
		margin-top: 20px;
	}

	.partners .tip .msg {
		font-size: 20px;
		line-height: 30px;
	}

	.partners .tip {
		margin-bottom: 50px;
	}

	.partners {
		margin-top: 50px;
	}

	.partners .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.partners .con .msg {
		padding: 0;
		width: 100%;
		margin-bottom: 40px;
	}

	.partners .con .innerTit {
		margin-bottom: 20px;
	}

	.partners .con .sign {
		width: 40px;
	}

	.partners .con .image {
		width: 100%;
	}

	.category .con {
		flex-wrap: wrap;
	}

	.category .con .item:nth-child(n) {
		width: 48%;
		margin-right: 2%;
		height: auto;
		margin-top: 30px;
	}

	.category .con .item:nth-child(-n+2) {
		margin-top: 0;
	}
}

@media screen and (max-width:768px) {
	.partners .tip .msg {
		font-size: 18px;
		line-height: 28px;
	}

	.category .txts {
		margin-bottom: 30px;
	}

	.program .innerTit {
		margin-bottom: 50px;
	}
}


@media screen and (max-width:450px) {
	.category .con .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
		height: 260px;
	}

	.category .con .item:nth-child(1) {
		margin-top: 0;
	}

	.program .innerTit {
		margin-bottom: 40px;
	}

	.partners .con .image {
		height: 260px;
	}
}




/* 3-2capability */


.odmService {
	padding: 97px 0 75px 0;
}


.odmService .con {
	display: flex;
	justify-content: space-between;
}


.odmService .msg {
	width: 44.78%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 30px 0;
	padding-bottom: 69px;
}

.odmService .image {
	width: 50.07%;
}



.odmService .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}



.odmService .line {
	position: relative;
	width: 100%;
	height: 1px;
	background-color: #e1e1e1;
	margin: 23px 0 38px 0;
}


.odmService .line::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 43px;
	height: 5px;
	background-color: #b5e000;
}



.odmService .txts {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 48px;
}


.odmService .cBtn {
	background-color: #b5e000;
	border-color: #b5e000;
	color: #333333;
}

.odmService .cBtn:hover {
	background-color: #ffffff;
	color: #b5e000;
}



.proecess {
	padding: 76px 0 87px 0;
	background-image: url("../images/process-Bg.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #f8f8f8;
	background-attachment: fixed;
}

.proecess .innerTit {
	text-align: center;
	margin-bottom: 40px;
}

.proecess .list {
	display: flex;
	flex-wrap: wrap;
}

.proecess .list .item {
	width: 32.21%;
	margin-right: 1.685%;
	margin-top: 22px;
	display: flex;
	background-color: #ffffff;
	position: relative;
	justify-content: space-between;
}

.proecess .list .item:nth-child(3n) {
	margin-right: 0;
}

.proecess .list .item:nth-child(-n+3) {
	margin-top: 0;
}

.proecess .list .item::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	background-color: #b5e000;
	width: 100%;
	opacity: 0;
	transition: .4s ease all;
}

.proecess .list .item:hover::after {
	opacity: 1;
}


.proecess .list .image {
	width: 52.4%;
	background-color: #ffffff;
}


.proecess .list .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

.proecess .list .msg {
	width: 47.6%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 39px 10px;
	padding-bottom: 24px;
}

.proecess .list .num {
	font-family: Lato-Black;
	font-size: 20px;
	line-height: 20px;
	color: #333333;
	text-align: center;
}

.proecess .list .name {
	font-family: Lato-Black;
	font-size: 20px;
	line-height: 28px;
	color: #333333;
	margin-bottom: 8px;
}


.proecess .list .txts {
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
	text-align: center;
}



.proecess .list .item:hover {
	background-color: rgba(51, 51, 51, 0.1);
}


.oemService {
	padding: 76px 0 99px 0;
}



.oemService .innerTit {
	text-align: center;
	margin-bottom: 15px;
}

.oemService .oemTexts {
	text-align: center;
	width: 80%;
	margin: 0 auto 51px;
	font-size: 18px;
	line-height: 30px;
	color: #444444;
}

.oemService .list {
	display: flex;
	flex-wrap: wrap;
}


.oemService .list .item {
	width: 19.28%;
	margin-right: 0.9%;
	background-color: #333333;
	padding: 32px 17px 32px 17px;
	margin-top: 30px;
}

.oemService .list .item:nth-child(5n) {
	margin-right: 0;
}


.oemService .list .item:nth-child(-n+5) {
	margin-top: 0;
}


.oemService .list .item .image {
	width: 36px;
	margin-bottom: 5px;
}


.oemService .list .tit {
	font-family: Lato-Black;
	font-size: 24px;
	line-height: 34px;
	color: #ffffff;
	margin-bottom: 20px;
}

.oemService .list .txts {
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
}



.customization {
	background-image: url("../images/customizationBg.jpg");
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 109px 0 82px 0;
}


.customization .con {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.customization .image {
	width: 61.28%;
}


.customization .msg {
	width: 35.3%;
	padding-top: 71px;
}


.customization .msg .tit {
	font-family: Lato-Black;
	font-size: 18px;
	line-height: 28px;
	color: #444444;
	margin-bottom: 17px;
}


.customization .msg .txts {
	font-size: 18px;
	line-height: 30px;
	color: #444444;
	margin-bottom: 30px;
}



.customization .msg .cBtn {
	background-color: #b5e000;
	border-color: #b5e000;
}

.customization .msg .cBtn:hover {
	background-color: #ffffff;
	color: #b5e000;
}



.innerProductList {
	padding: 77px 0 99px 0;
}


.innerProductList .innerTit {
	text-align: center;
	margin-bottom: 49px;
}


.innerProductList .list {
	display: flex;
	flex-wrap: wrap;
}


.innerProductList .list .item {
	width: 18.85%;
	margin-right: 1.4375%;
	margin-top: 41px;
}


.innerProductList .list .item:nth-child(5n) {
	margin-right: 0;
}



.innerProductList .list .item:nth-child(-n+5) {
	margin-top: 0;
}



.innerProductList .list .image {
	border: solid 1px #e9e9e9;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
	overflow: hidden;
}

.innerProductList .list .name {
	font-family: Lato-Regular;
	font-size: 18px;
	line-height: 28px;
	color: #222222;
	text-align: center;
}


.innerProductList .list .name:hover {
	color: #b5e000;
}


@media screen and (max-width:1560px) {
	.odmService .msg {
		padding: 30px 0;
	}

	.odmService .txts {
		margin-bottom: 40px;
	}

	.proecess .list .msg {
		padding: 20px 10px;
	}

	.proecess .list .name,
	.proecess .list .num {
		font-size: 18px;
		line-height: 28px;
	}

	.oemService .oemTexts {
		margin-bottom: 40px;
	}

	.oemService .list .tit {
		font-size: 20px;
		line-height: 30px;
	}

	.oemService .list .item .image {
		margin-bottom: 10px;
	}

	.customization .msg {
		padding-top: 0;
	}

	.innerProductList .list .image {
		margin-bottom: 10px;
	}

	.innerProductList .list .name {
		font-size: 16px;
		line-height: 26px;
	}

}

@media screen and (max-width:1333px) {
	.odmService .txts {
		font-size: 16px;
		line-height: 26px;
	}

	.oemService .oemTexts {
		font-size: 16px;
		line-height: 28px;
	}

	.proecess .list {
		justify-content: space-between;

	}

	.proecess .list .item:nth-child(n) {
		width: 48%;
		margin-right: 0;
		margin-top: 30px;
	}

	.proecess .list .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.oemService .list .item:nth-child(n) {
		width: 32%;
		margin-right: 2%;
		flex: auto;
		margin-top: 30px;
	}

	.oemService .list .item:nth-child(3n) {
		margin-right: 0;
	}

	.oemService .list .item:nth-child(-n+3) {
		margin-top: 0;
	}

	.oemService .list .item:last-child {
		margin-right: 0;
	}

	.oemService .oemTexts {
		width: 90%;
	}

	.oemService .list .tit {
		font-size: 18px;
		line-height: 28px;
	}

	.customization .msg .txts {
		font-size: 16px;
		line-height: 26px;
	}

	.innerProductList .list .item:nth-child(n) {
		width: 23.5%;
		margin-right: 2%;
		margin-top: 30px;
	}

	.innerProductList .list .item:nth-child(4n) {
		margin-right: 0;
	}

	.innerProductList .list .item:nth-child(-n+4) {
		margin-top: 0;
	}

	.innerProductList .innerTit {
		margin-bottom: 40px;
	}

	.oemService .list .item {
		padding: 30px 20px;
	}
}

@media screen and (max-width:999px) {
	.odmService .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.odmService .msg {
		padding: 0;
		margin-bottom: 40px;
		width: 100%;
	}

	.odmService .line {
		margin: 20px 0 30px 0;
	}

	.odmService .txts {
		margin-bottom: 30px;
	}

	.odmService .image {
		width: 100%;
	}

	.proecess .list .item:nth-child(n) {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.proecess .list .image {
		width: 100%;
	}

	.proecess .list .msg {
		width: 100%;
	}

	.oemService .list {
		justify-content: space-between;
	}

	.oemService .list .item:nth-child(n) {
		flex: none;
		width: 48%;
		margin-right: 0;
		margin-top: 30px;
	}

	.oemService .list .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.customization .con {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.customization .msg {
		width: 100%;
		margin-bottom: 40px;
	}

	.customization .image {
		width: 100%;
	}

	.innerProductList .list .item:nth-child(n) {
		width: 32%;
		margin-right: 2%;
		margin-top: 30px;
	}

	.innerProductList .list .item:nth-child(3n) {
		margin-right: 0;
	}

	.innerProductList .list .item:nth-child(-n+3) {
		margin-top: 0;
	}

	.odmService .cBtn {
		font-size: 14px;
	}

	.customization .msg .cBtn {
		font-size: 14px;
	}
}


@media screen and (max-width:768px) {

	.proecess .list .name,
	.proecess .list .num {
		font-size: 16px;
	}

	.proecess .innerTit {
		margin-bottom: 30px;
	}

	.oemService .oemTexts {
		width: 100%;
		margin-bottom: 30px;
	}

	.innerProductList .innerTit {
		margin-bottom: 30px;
	}

}

@media screen and (max-width:538px) {
	.innerProductList .list {
		justify-content: space-between;
	}

	.innerProductList .list .item:nth-child(n) {
		width: 48%;
		margin-right: 0;
		margin-top: 30px;
	}

	.innerProductList .list .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.oemService .list .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.oemService .list .item:nth-child(1) {
		margin-top: 0;
	}
}

@media screen and (max-width:400px) {
	.proecess .list .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.proecess .list .item:nth-child(1) {
		margin-top: 0;
	}

	.innerProductList .list .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.innerProductList .list .item:nth-child(1) {
		margin-top: 0;
	}
}

/* 3-3capability */

.design {
	padding: 85px 0 85px 0;
}

.design .innerTit {
	text-align: center;
	margin-bottom: 15px;
}

.design .dTxts {
	text-align: center;
	font-family: Lato-Regular;
	font-size: 18px;
	line-height: 30px;
	color: #444444;
	margin: 0 auto;
	margin-bottom: 43px;
	width: 80%;
}

.design .list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 66px;
}


.design .list .image {
	width: 19%;
	margin-right: 1.25%;
	margin-top: 30px;
	background-color: #edeeee;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}


.design .list .image:nth-child(5n) {
	margin-right: 0;
}

.design .list .image:nth-child(-n+5) {
	margin-top: 0;
}

.design .con {
	display: flex;
	justify-content: space-between;
}

.design .con .msg {
	width: 40%;
	padding-top: 74px;
	padding-bottom: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}



.design .msg .tit {
	font-family: Lato-Regular;
	font-size: 26px;
	line-height: 36px;
	color: #333333;
	margin-bottom: 27px;
}

.design .msg .txts {
	line-height: 26px;
	color: #444444;
	margin-bottom: 40px;
}

.design .msg .cBtn {
	background-color: #b5e000;
	border-color: #b5e000;
	color: #333333;
}

.design .msg .cBtn:hover {
	background-color: #ffffff;
	color: #b5e000;
}





.design .con .image {
	width: 56.5%;
	position: relative;
}

.design .con .image>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}


.design .con .image::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	background-color: #e1e1e1;
	border-radius: 12px;
	z-index: -1;
}


.design .image .video {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .5);
}



.design .image .video .play {
	width: 61px;
}


.design .video:hover .play img {
	transform: scale(1.1);
}


@media screen and (max-width:1560px) {
	.design .list .image {
		border-radius: 10px;
	}

	.design .innerTit {
		margin-bottom: 20px;
	}

	.design .con .msg {
		padding: 30px 0;
	}

	.design .image .video .play {
		width: 56px;
	}

	.design .msg .tit {
		font-size: 24px;
		line-height: 34px;
	}
}

@media screen and (max-width:1333px) {
	.design .dTxts {
		font-size: 16px;
		line-height: 26px;
		width: 90%;
		margin-bottom: 30px;
	}

	.design .list .image:nth-child(n) {
		width: 32%;
		margin-right: 2%;
		margin-top: 20px;
	}

	.design .list .image:nth-child(3n) {
		margin-right: 0;
	}

	.design .list .image:nth-child(-n+3) {
		margin-top: 0;
	}

	.design .list .image {
		border-radius: 5px;
	}

	.design .msg .tit {
		font-size: 22px;
		line-height: 30px;
	}
}

@media screen and (max-width:999px) {
	.design .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.design .con .msg {
		padding: 0;
		width: 100%;
	}

	.design .list {
		margin-bottom: 50px;
	}

	.design .msg .tit {
		margin-bottom: 20px;
	}

	.design .msg .txts {
		margin-bottom: 30px;
	}

	.design .con .image {
		width: 100%;
		margin-top: 40px;
	}

	.design .con .image::after {
		border-radius: 5px;
	}

	.design .dTxts {
		width: 100%;
	}

	.design .msg .tit {
		font-size: 20px;
		line-height: 30px;
	}
}

@media screen and (max-width:768px) {
	.design .msg .tit {
		font-size: 18px;
		line-height: 28px;
	}

	.design .list {
		justify-content: space-between;
	}

	.design .list .image:nth-child(n) {
		width: 48%;
		margin-right: 0;
		margin-top: 20px;
	}

	.design .list .image:nth-child(-n+2) {
		margin-top: 0;
	}
}

@media screen and (max-width:400px) {
	.design .list .image:nth-child(n) {
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}

	.design .list .image:nth-child(1) {
		margin-top: 0;
	}
}






/* 4-1blog */

.blog {
	padding: 96px 0 97px 0;
}


.blog .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 91px;
}


.blog .list .item {
	width: 47.6%;
	margin-top: 47px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}



.blog .list .item:nth-child(-n+2) {
	margin-top: 0;
}



.blog .list .image {
	overflow: hidden;
	height: 220px;
	width: 50.4%;
}


.blog .list .msg {
	width: 46.4%;
	padding-bottom: 2px;
}


.blog .list .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}


.blog .list .tit {
	font-family: Lato-Black;
	font-size: 16px;
	line-height: 26px;
	min-height: 52px;
	color: #333333;
	margin-bottom: 8px;
}

.blog .list .tit:hover {
	color: #b5db04;
}

.blog .list .time {
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #666666;
	margin-bottom: 4px;
}

.blog .list .txts {
	line-height: 26px;
	margin-bottom: 7px;
}


.blog .list .btn:hover {
	color: #b5db04;
}

@media screen and (max-width:1560px) {
	.blog .list .msg {
		padding-bottom: 0;
	}

	.blog .list {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:1333px) {
	.blog .list .item {
		flex-direction: column;
		align-items: flex-start;
	}

	.blog .list .image {
		height: auto;
		width: 100%;
		margin-bottom: 20px;
	}

	.blog .list .msg {
		width: 100%;
	}

	.blog .list {
		margin-bottom: 50px;
	}
}

@media screen and (max-width:999px) {
	.blog .list .item {
		margin-top: 30px;
	}

	.blog .list {
		margin-bottom: 40px;
	}
}


@media screen and (max-width:400px) {
	.blog .list .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.blog .list .item:nth-child(1) {
		margin-top: 0;
	}
}



/* 4-2blog */


.newDet {
	padding: 88px 0 94px 0;
}


.newDet .con {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}


.newDet .describe {
	width: 64%;
}

.newDet .latestEvents {
	width: 31.35%;
}




.newDet .describe h1 {
	font-family: Lato-Black;
	font-size: 24px;
	line-height: 34px;
	color: #242424;
	margin-bottom: 24px;
	font-weight: normal;
}

.newDet .describe .tips {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 42px;
}



.newDet .describe .time {
	font-size: 16px;
	color: #666666;
	margin-right: 25px;
}

.share {
	display: flex;
	align-items: center;
}

.share span {
	color: #666666;
	margin-right: 9px;
}


.standardEdit p strong {
	font-family: Lato-Black;
}



.newDet .piece {
	height: 97px;
}

.newDet .prevOrNext {
	margin-top: 36px;
}

.prevOrNext>div {
	display: flex;
	align-items: center;
	margin-bottom: 11px;
}


.prevOrNext>div:last-child {
	margin-bottom: 0;
}


.prevOrNext .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 41px;
	height: 41px;
	background-color: #eaeaea;
	flex-shrink: 0;
	margin-right: 14px;
}



.prevOrNext a.btn:hover {
	background-color: #b5db04;
}


.prevOrNext .btn i {
	font-size: 14px;
	font-weight: bold;
}

.prevOrNext .name {
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}


.prevOrNext a.name {
	color: #333333;
}


.prevOrNext a.name:hover {
	color: #b5db04;
}


.innerTit {
	font-family: Lato-Black;
	font-size: 30px;
	line-height: 40px;
	color: #333333;
}

.latestEvents .innerTit {
	margin-bottom: 23px;
}


.latestEvents .line {
	width: 100%;
	height: 1px;
	background-color: #c1c1c1;
	position: relative;
	margin-bottom: 40px;
}



.latestEvents .line::after {
	content: "";
	position: absolute;
	width: 47px;
	height: 5px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #b5db04;
}



.latestEvents .item {
	position: relative;
	padding-bottom: 38px;
	margin-top: 32px;
}


.latestEvents .item::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: calc(100% + 32px);
	transform: translateX(-50%);
	height: 1px;
	background-color: #c1c1c1;
}




.latestEvents .item:nth-child(1) {
	margin-top: 0;
}

.latestEvents .item:last-child::after {
	display: none;
}

.latestEvents .item .tit {
	font-family: Lato-Black;
	font-size: 18px;
	line-height: 24px;
	color: #242424;
	margin-bottom: 13px;
}


.latestEvents .item .tit:hover {
	color: #b5db04;
}


.latestEvents .item .time {
	color: #666666;
	margin-bottom: 8px;
}

.innerCategory {
	padding: 57px 0 93px 0;
	background-color: rgba(238, 238, 238, 0.4);
}



.innerCategory .innerTit {
	text-align: center;
	margin-bottom: 47px;
	text-transform: uppercase;
}

.innerCategory .swiper {
	overflow: visible;
}

.innerCategory .swiper .swiper-wrapper {
	pointer-events: none;
}


.innerCategory .swiper .swiper-slide {
	opacity: 0;
	pointer-events: none;
	background-color: #ffffff;
	transition: .4s ease opacity, .4s ease box-shadow;

}


.innerCategory .swiper .swiper-slide.swiper-slide-visible {
	opacity: 1;
	pointer-events: all;
}


.innerCategory .swiper .swiper-slide:hover {
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
}



.innerCategory .image {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}


.innerCategory .msg {
	padding: 17px 25px 25px;
}


.innerCategory .msg .name {
	font-family: Lato-Regular;
	font-size: 18px;
	color: #222222;
	margin-bottom: 11px;
}


.innerCategory .msg .name:hover {
	color: #b5e000;
}

.innerCategory .msg .btn {
	font-family: Lato-Black;
	color: #666666;
	display: inline-block;
	position: relative;
}

.innerCategory .msg .btn:hover {
	color: #b5e000;
}


.innerCategory .msg .btn::after {
	content: "";
	position: absolute;
	right: 0;
	width: 0;
	height: 2px;
	bottom: 4px;
	transition: .4s ease all;
	background-color: #b5e000;
}


.innerCategory .msg .btn:hover::after {
	left: 0;
	right: auto;
	width: 100%;
}

.innerCategory .sBtns>div {
	top: 40%;
}

@media screen and (max-width:1560px) {
	.newDet .describe h1 {
		margin-bottom: 30px;
	}

	.innerTit {
		font-size: 26px;
		line-height: 36px;
	}

	.innerCategory .msg {
		padding: 20px;
	}

	.newDet .piece {
		display: none;
	}
}

@media screen and (max-width:1333px) {
	.innerTit {
		font-size: 22px;
		line-height: 30px;
	}

	.latestEvents .item .tit {
		font-size: 16px;
		line-height: 28px;
	}

	.newDet .describe .tips {
		margin-bottom: 30px;
	}

	.prevOrNext .btn {
		width: 38px;
		height: 38px;
	}

	.prevOrNext .btn i {
		font-size: 12px;
	}

	.innerCategory .msg .name {
		font-size: 16px;
		line-height: 28px;
	}

	.innerCategory .msg .btn {
		font-size: 14px;
		line-height: 26px;
	}

}

@media screen and (max-width:999px) {
	.newDet .con {
		flex-direction: column;
		align-items: flex-start;
	}

	.newDet .describe {
		width: 100%;
		margin-bottom: 50px;
	}

	.newDet .describe h1 {
		font-size: 22px;
		line-height: 30px;
	}

	.newDet .latestEvents {
		width: 100%;
	}

	.latestEvents .list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.latestEvents .list .item {
		width: 48%;
		margin-top: 30px;
		padding-bottom: 30px;
	}

	.latestEvents .list .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.innerCategory .innerTit {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:768px) {
	.newDet .describe h1 {
		font-size: 20px;
	}

	.innerTit {
		font-size: 20px;
	}

	.innerCategory .innerTit {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:538px) {
	.newDet .describe .tips {
		flex-direction: column;
		align-items: flex-start;
	}

	.newDet .describe .time {
		margin-right: 0;
		margin-bottom: 16px;
	}

	.latestEvents .line {
		margin-bottom: 30px;
	}

	.latestEvents .list .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.latestEvents .list .item:nth-child(1) {
		margin-top: 0;
	}
}



/* 5-1contact */

.contact {
	padding: 101px 0 101px 0;
}


.contact .list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 57px;
}


.contact .list .item {
	width: 20%;
	margin-top: 30px;
	border-right: 1px solid #ececec;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px 30px 5px;
}





.contact .list .item:nth-child(-n+5) {
	margin-top: 0;
}

.contact .list .item:last-child {
	border-right: none;
}

.contact .list i {
	width: 74px;
	height: 74px;
	background-color: #b5e000;
	border-radius: 50%;
	margin-bottom: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	color: #333333;
}

.contact .list .name,
.contact .list .num {
	font-size: 18px;
	line-height: 24px;
	color: #333333;
	text-align: center;
}

.contact .list .name {
	font-family: Lato-Black;
	margin-bottom: 12px;
}


.contact .list a.num:hover {
	color: #b5e000;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-offset: 5px;
}


.contact .list .email a.num {
	word-break: break-all;
}



.contact .con {
	padding: 35px 97px 65px 98px;
	background-color: rgba(244, 244, 244, 0.8);
}


.contact .con .title {
	font-family: Lato-Black;
	font-size: 34px;
	line-height: 46px;
	color: #333333;
	margin-bottom: 8px;
}


.contact .con .txts {
	margin-bottom: 31px;
}


.contact .con .txts p {
	color: #999999;
	line-height: 30px;
}


.cFrom ul {
	display: flex;
	flex-wrap: wrap;
}


.cFrom ul li {
	height: 46px;
	background-color: #ffffff;
	border: solid 1px #d9d9d9;
	padding: 0 13px;
	width: 32.4%;
	margin-right: 1.4%;
	margin-top: 19px;
}


.cFrom ul li:nth-child(3n) {
	margin-right: 0;
}


.cFrom ul li:nth-child(-n+3) {
	margin-top: 0;
}



.cFrom ul li.must {
	position: relative;
	padding: 0 20px;
}


.cFrom ul li.must::after {
	content: "*";
	position: absolute;
	left: 10px;
	top: 10px;
	font-family: Lato-Regular;
	font-size: 16px;
	color: #d91c1c;
}




.cFrom ul li.m-formcountry {
	position: relative;
	padding: 0;
}



.m-formcountry .drop-btn {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 13px;
}


.m-formcountry .drop-btn i,
.m-formcountry .drop-btn svg {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	font-size: 14px;
	font-weight: bold;
	color: #b6b6b6;
}

.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: #a1c702 rgba(0, 0, 0, 0.05);
	scrollbar-width: thin;
}

.m-formcountry .drop-list::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.m-formcountry .drop-list::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.05);
}

.m-formcountry .drop-list::-webkit-scrollbar-thumb {
	background-color: #a1c702;
}

.m-formcountry .drop-list li {
	font-size: 16px;
	line-height: 26px;
	overflow: hidden;
	padding: 5px 13px;
	cursor: pointer;
	margin-top: 0;
	border: none;
	border-bottom: 1px solid #e6e6e6;
	color: #999;
	height: auto;
	width: 100%;
}

.m-formcountry .drop-list li.on {
	background-color: #a1c702;
	color: #ffffff;
}



.cFrom ul li.message {
	width: 100%;
	margin-right: 0;
	height: 180px;
	padding: 22px 20px;
}

.cFrom ul li.message::after {
	top: 18px;
}

.cFrom ul li.attachments {
	width: 100%;
	padding-top: 42px;
	height: auto;
	background-color: transparent;
	border: none;
	position: relative;
}





.attachments .uploadFile {
	width: 205px;
	height: 39px;
	background-color: #000000;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #ffffff;
	overflow: hidden;
	position: absolute;
	top: 3px;
	left: 22px;
}



.attachments .uploadFile:hover {
	background-color: #a1c702;
}



.attachments .uploadFile input {
	font-size: 0;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
}

.attachments .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.attachments .item .close {
	opacity: 0;
	pointer-events: none;
	transform: rotate(45deg);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-left: 20px;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	width: 30px;
	height: 30px;
}


.attachments .item.active {
	height: auto;
}

.attachments .item.active .close {
	opacity: 1;
	pointer-events: all;
}


.attachments .item .close:hover i {
	color: #a1c702;
}


.fileList {
	display: flex;
	flex-wrap: wrap;
}


.fileList .item {
	width: 30%;
	margin-right: 5%;
	margin-top: 5px;
	height: 0;
}


.fileList .item:nth-child(3n) {
	margin-right: 0;
}



.cFrom ul li.codeCon {
	width: 48.85%;
	margin-right: 2.3%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
}



.cFrom ul li.codeCon>input {
	flex: 1;
	padding: 0 20px;
}


.cFrom ul li.codeCon .codeImg {
	height: 100%;
	flex-shrink: 0;
	max-width: 108px;
	cursor: pointer;
}


.cFrom ul li.codeCon .codeImg img {
	height: 100%;
}


.cFrom ul li.subBtn {
	width: 48.85%;
	margin-right: 0;
	border: none;
	padding: 0;
}


.cFrom ul li.subBtn input {
	font-family: Lato-Black;
	font-size: 18px;
	color: #ffffff;
	background-color: #a1c702;
	cursor: pointer;
	border: 1px solid #a1c702;
	text-transform: uppercase;
	text-align: center;
}


.cFrom ul li.subBtn input:hover {
	background-color: #ffffff;
	color: #a1c702;
}




.cFrom input,
.cFrom textarea {
	width: 100%;
	height: 100%;
	background-color: transparent;
}


.cFrom input::-webkit-input-placeholder,
.cFrom textarea::-webkit-input-placeholder {
	font-size: 16px;
	color: #999999;
	opacity: 1;
}


.cFrom input:-moz-placeholder,
.cFrom textarea:-moz-placeholder {
	font-size: 16px;
	color: #999999;
	opacity: 1;
}

.cFrom input::-moz-placeholder,
.cFrom textarea::-moz-placeholder {
	font-size: 16px;
	color: #999999;
	opacity: 1;
}

.cFrom input:-ms-input-placeholder,
.cFrom textarea:-ms-input-placeholder {
	font-size: 16px;
	color: #999999;
	opacity: 1;
}

@media screen and (max-width:1560px) {
	.contact .list i {
		width: 60px;
		height: 60px;
		font-size: 24px;
	}

	.contact .list .name,
	.contact .list .num {
		font-size: 16px;
		line-height: 24px;
	}

	.contact .list {
		margin-bottom: 50px;
	}

	.contact .con {
		padding: 50px;
	}

	.contact .con .title {
		font-size: 32px;
		line-height: 42px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:1333px) {
	.contact .list .item:nth-child(n) {
		width: 33.333%;
		padding: 20px 30px;
		border-right: 1px solid #ececec;
		border-bottom: 1px solid #ececec;
	}

	.contact .list .item:nth-child(-n+3) {
		border-top: none;
	}

	.contact .list .item:nth-child(3n) {
		border-right-width: 0;
	}

	.contact .list .item:nth-child(5),
	.contact .list .item:nth-child(4) {
		border-bottom: none;
	}

	.contact .con .title {
		font-size: 28px;
		line-height: 38px;
	}
}

@media screen and (max-width:999px) {
	.contact .list .item:nth-child(n) {
		width: 50%;
		border-right-width: 1px;
		border-bottom: 1px solid #ececec;
	}

	.contact .list .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.contact .list .item:nth-child(2n) {
		border-right: none;
	}

	.contact .list {
		margin-bottom: 40px;
	}

	.contact .list i {
		width: 50px;
		height: 50px;
		font-size: 20px;
	}

	.cFrom ul {
		justify-content: space-between;
	}

	.cFrom ul li {
		margin-right: 0;
		height: 40px;
	}

	.cFrom ul li:nth-child(n) {
		width: 48%;
		margin-top: 20px;
	}

	.cFrom ul li.message,
	.cFrom ul li.attachments {
		width: 100%;
	}

	.cFrom ul li:nth-child(-n+2) {
		margin-top: 0;
	}

	.fileList {
		justify-content: space-between;
	}

	.fileList .item .name {
		font-size: 14px;
	}

	.fileList .item {
		width: 48%;
		margin-right: 0;
	}

	.attachments .uploadFile {
		font-size: 14px;
	}

	.m-formcountry .drop-btn i,
	.m-formcountry .drop-btn svg {
		font-size: 12px;
	}

	.m-formcountry .drop-list li:nth-child(n) {
		width: 100%;
		height: auto;
		font-size: 14px;
		line-height: 24px;
		margin-top: 0;
	}

	.cFrom ul li.message {
		height: 140px;
	}

	.contact .con .title {
		font-size: 26px;
		line-height: 36px;
	}

}

@media screen and (max-width:768px) {
	.contact .list i {
		margin-bottom: 10px;
	}

	.contact .list .name {
		margin-bottom: 10px;
	}

	.contact .con {
		padding: 40px 40px;
	}

	.cFrom ul li.codeCon {
		width: 100%;
	}

	.cFrom ul li.subBtn {
		width: 100%;
	}

	.contact .con .title {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:538px) {
	.attachments .item.active .close i {
		font-size: 14px;
	}

	.cFrom ul li:nth-child(n) {
		width: 100%;
		margin-top: 10px;
	}

	.cFrom ul li:nth-child(1) {
		margin-top: 0;
	}

	.contact .con {
		padding: 40px 25px;
	}

	.fileList .item:nth-child(n) {
		width: 100%;
	}

	.attachments .uploadFile {
		height: 35px;
		width: 140px;
	}

	.contact .list .item:last-child {
		border-bottom: none;
	}

}

@media screen and (max-width:450px) {
	.contact .list .item:nth-child(n) {
		width: 100%;
		border-right: none;
	}
}



/* 6-1inquire */


.inquireNow {
	padding: 67px 0 100px 0;
}


.inquireNow .safeRange {
	max-width: 1154px;
}


.inquireNow .title {
	font-family: Lato-Black;
	font-size: 34px;
	line-height: 46px;
	color: #333333;
	margin-bottom: 8px;
}



.inquireNow .txts {
	margin-bottom: 32px;
}

.inquireNow .txts p {
	color: #999999;
	line-height: 30px;
}


.inquireNow .con {
	border: 1px solid #dddddd;
	margin-bottom: 52px;
}

.inquireNow .con .tits {
	background-color: #f5f5f5;
	border-bottom: 1px solid #dddddd;
}


.inquireNow .picture {
	width: 12.5%;
	margin-right: 5.1%;
}

.inquireNow .picture .tit {
	text-align: center;
}


.inquireNow .picture .image {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.inquireNow .picture img {
	display: block;
}


.inquireNow .model {
	width: 16%;
	margin-right: 4.3%;
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #666666;
}



.inquireNow .ProductName {
	width: 50%;
}

.inquireNow .ProductName .name {
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #222222;
}

.inquireNow .ProductName .name:hover {
	color: #a1c702;
}


.inquireNow .Operate {
	width: 12.1%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.inquireNow .Operate .tit {
	text-align: center;
}


.inquireNow .Operate i {
	font-size: 26px;
	cursor: pointer;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.inquireNow .Operate i:hover {
	color: #b5e000;
}

.inquireNow .tits,
.inquireNow .list {
	padding: 0 20px;
}


.inquireNow .tits {
	display: flex;
}

.inquireNow .tits .tit {
	font-family: Roboto-Regular;
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	padding: 13px 0;
}

.inquireNow .list .item {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e0e0e0;
	padding: 15px 0;
}


.inquireNow .list .item:last-child {
	border-bottom: none;
}

@media screen and (max-width:1560px) {
	.inquireNow .title {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 20px;
	}

	.inquireNow .txts {
		margin-bottom: 40px;
	}

	.inquireNow .list .item {
		padding: 0;
	}

}

@media screen and (max-width:1333px) {

	.inquireNow .tits,
	.inquireNow .list .item {
		justify-content: space-between;
	}

	.inquireNow .tits>div,
	.inquireNow .list .item>div {
		margin-right: 0;
	}

	.inquireNow .tits .tit {
		padding: 10px 0;
	}

	.inquireNow .ProductName {
		width: 40%;
	}

	.inquireNow .model {
		width: 20%;
	}

	.inquireNow .picture {
		width: 14%;
	}

	.inquireNow .Operate i {
		font-size: 22px;
	}

	.inquireNow .title {
		font-size: 28px;
		line-height: 38px;
	}
}

@media screen and (max-width:999px) {
	.inquireNow .con .tits {
		display: none;
	}

	.inquireNow .title {
		font-size: 26px;
		line-height: 36px;
	}

	.inquireNow .txts {
		margin-bottom: 30px;
	}

	.inquireNow .list .item {
		flex-wrap: wrap;
		padding: 10px 0;
	}

	.inquireNow .list .item>div:nth-child(n) {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 5px;
	}

	.inquireNow .list .item>div:last-child {
		margin-bottom: 0;
	}


	.inquireNow .list .item>div::before {
		content: attr(title);
		width: 120px;
		flex-shrink: 0;
		margin-right: 20px;
		text-align: left;
		font-weight: bold;
	}

	.inquireNow .picture .image {
		width: 110px;
	}

	.inquireNow .ProductName .name {
		text-align: right;
	}

	.inquireNow .model {
		text-align: right;
	}
}

@media screen and (max-width:768px) {
	.inquireNow .title {
		font-size: 24px;
		line-height: 34px;
	}

	.inquireNow .con {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:538px) {
	.inquireNow .list .item>div:nth-child(n) {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 10px;
	}

	.inquireNow .list .item>div:last-child {
		margin-bottom: 0;
	}

	.inquireNow .list .item>div::before {
		margin-right: 0;
		margin-bottom: 5px;
	}

	.inquireNow .model,
	.inquireNow .ProductName .name {
		text-align: left;
	}
}


/* 7-1 聚合页面 */

.aggregationCon {
	padding: 56px 0 107px 0;
}


.aggregation .mats {
	margin-bottom: 55px;
}

.pdTit {
	font-family: Lato-Black;
	font-size: 24px;
	line-height: 34px;
	color: #333333;
}

.aggregation .mats .pdTit {
	margin-bottom: 16px;
}


.aggregation .mats .txts p {
	color: #444444;
	font-size: 18px;
	line-height: 30px;
}

.aggregation .productList {
	margin-bottom: 60px;
}


.productList {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}


.productNav {
	width: 18.65%;
}


.productNav .menuTit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-transform: uppercase;
}

.productNav .menuTit i {
	flex-shrink: 0;
	font-size: 18px;
	display: none;
}

.productNav .menuTit.active i {
	transform: rotate(45deg);
}

.productNav .line {
	width: 100%;
	height: 1px;
	background-color: #d9d9d9;
	position: relative;
	margin: 22px 0 38px 0;
}


.productNav .line::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 5px;
	background-color: #b5e000;
}


.productNav .slides a {
	display: block;
}

.productNav .slides>li {
	margin-bottom: 2px;
}

.productNav .slides>li:last-child {
	margin-bottom: 0;
}




.productNav .slides>li>a {
	font-family: Lato-Black;
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	padding: 14px 18px;
	background-color: #f4f4f4;
}


.productNav .slides>li.active>a,
.productNav .slides>li:hover>a {
	background-color: #b5e000;
}


.productNav .slides ul {
	display: none;
}


.productNav .slides li.active>ul {
	display: block;
}


.productNav .slides ul {
	padding: 9px 20px 10px;
}

.productNav .slides ul ul {
	padding: 12px 14px 4px;
	border-top: 1px solid #dcdcdc;
	margin-top: 10px;
}



.productNav .slides ul ul li>a {
	color: #555555;
}

.productNav .slides ul ul li:hover>a,
.productNav .slides ul ul li.active>a {
	padding: 0;
}

.productNav .slides ul ul li>a::after {
	display: none;
}

.productNav .slides ul li {
	margin-bottom: 8px;
}

.productNav .slides ul li:last-child {
	margin-bottom: 0;
}

.productNav .slides ul a {
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	position: relative;
}


.productNav .slides ul a::after {
	content: "-";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	transition: .4s ease all;
	opacity: 0;
	color: #b5e000;
}



.productNav .slides ul li.active>a,
.productNav .slides ul li:hover>a {
	padding-left: 8px;
	color: #b5e000;
}




.productNav .slides ul li.active>a::after,
.productNav .slides ul li:hover>a::after {
	opacity: 1;
}


.productList .list {
	width: 79.3%;
	padding-top: 9px;
}

.productList .list .listCon {
	display: flex;
	flex-wrap: wrap;
}

.productList .list .item {
	width: 23.8%;
	margin-right: 1.6%;
	margin-top: 27px;
	border: solid 1px #d9d9d9;
	padding: 3px;
}

.productList .list .item:nth-child(4n) {
	margin-right: 0;
}


.productList .list .item:nth-child(-n+4) {
	margin-top: 0;
}


.productList .list .image {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.productList .list .msg {
	padding: 25px 9px 9px;
}


.productList .list .tit {
	font-family: Lato-Regular;
	font-size: 18px;
	line-height: 26px;
	min-height: 52px;
	color: #222222;
	margin-bottom: 7px;
	text-align: center;
}

.productList .list .tit:hover {
	color: #b5e000;
}

.productList .list .txts {
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #666666;
	text-align: center;
}



.promote .pdTit {
	margin-bottom: 16px;
}

.promote .prTxts {
	margin-bottom: 30px;
}


.promote .prTxts p {
	color: #444444;
	font-size: 18px;
	line-height: 30px;
}



.promote .list {
	display: flex;
	flex-wrap: wrap;
}

.promote .list .item {
	width: 24.14%;
	margin-right: 1.14%;
	margin-top: 30px;
	background-color: #f6f6f6;
	padding: 12px;
}


.promote .list .item:nth-child(4n) {
	margin-right: 0;
}

.promote .list .item:nth-child(-n+4) {
	margin-top: 0;
}

.promote .list .image {
	/*	position: relative;*/
	margin-bottom: 24px;
	background-color: #ffffff;
}

/*.promote .list .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}



.promote .list .image img:nth-child(2) {
	opacity: 0;
}

.promote .list .image img:nth-child(1) {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
	left: 0;
	top: 0;
}


.promote .list .image:hover img {
	transform: none;
}

.promote .list .image:hover img:nth-child(2) {
	opacity: 1;
}

.promote .list .image:hover img:nth-child(1) {
	opacity: 0;
}*/


.promote .list .txts {
	font-size: 14px;
	line-height: 24px;
	color: #444444;
	margin-bottom: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}




.promote .list {
	margin-bottom: 84px;
}



.promote .list .cBtn {
	width: 119px;
	height: 36px;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	line-height: 24px;
	color: #444444;
}

.promote .list .cBtn:hover {
	background-color: #b5e000;
}



.promote .promotePiece {
	margin-bottom: 66px;
}


.promotePiece {
	background-color: #f6f6f6;
	padding: 53px 0 69px 0;
}

.promotePiece .innerRequest {
	max-width: 1034px;
	margin: 0 auto;
}

.innerRequest .innerTit {
	margin-bottom: 10px;
}

.innerRequest .txts {
	margin-bottom: 22px;
}

.innerRequest .txts p {
	line-height: 30px;
	color: #999999;
}


.innerRequest .cFrom ul {
	justify-content: space-between;
}

.innerRequest .cFrom ul li:nth-child(n) {
	width: 49%;
	margin-right: 0;
	justify-content: space-between;
	margin-top: 13px;
}

.innerRequest .cFrom ul li:nth-child(-n+2) {
	margin-top: 0;
}


.innerRequest .cFrom ul li.message,
.innerRequest .cFrom ul li.attachments {
	width: 100%;
}


.innerRequest .cFrom .m-formcountry .drop-list li {
	width: 100%;
	margin: 0;
	height: auto;
}



.wavarAdvantages {
	margin-bottom: 35px;
}


.wavarAdvantages .pdTit {
	margin-bottom: 16px;
}

.wavarAdvantages .txts p {
	font-size: 18px;
	line-height: 30px;
}


.business .pdTit {
	margin-bottom: 27px;
}

@media screen and (max-width:1560px) {
	.productList .list {
		padding-top: 0;
	}

	.aggregation .mats .pdTit,
	.promote .pdTit {
		margin-bottom: 30px;
	}

	.productNav .slides>li>a {
		padding: 10px 20px;
	}

	.productList .list .tit {
		font-size: 16px;
	}

	.aggregation .mats .txts p {
		font-size: 16px;
	}

	.pdTit {
		font-size: 22px;
		line-height: 30px;
	}

	.promote .list {
		margin-bottom: 80px;
	}


	.innerRequest .innerTit {
		margin-bottom: 20px;
	}

	.promotePiece {
		padding: 50px 40px;
	}

	.wavarAdvantages .txts p,
	.promote .prTxts p {
		font-size: 16px;
	}

	.productList .list {
		width: 76%;
	}

	.productNav {
		width: 20%;
	}
}


@media screen and (max-width:1333px) {

	.productList .list .item:nth-child(n) {
		width: 32%;
		margin-right: 2%;
		margin-top: 20px;
	}

	.productList .list .item:nth-child(3n) {
		margin-right: 0;
	}

	.productList .list .item:nth-child(-n+3) {
		margin-top: 0;
	}

	.productList .list {
		width: 68%;
	}

	.productNav {
		width: 28%;
	}

	.productNav .slides>li {
		margin-bottom: 10px;
	}

	.productNav .slides>li:last-child {
		margin-bottom: 0;
	}

	.productNav .slides>li>a {
		padding: 8px 20px;
	}

	.promote .prTxts {
		margin-bottom: 40px;
	}

	.promote .list .item:nth-child(n) {
		width: 32%;
		margin-right: 2%;
		margin-top: 20px;
	}

	.promote .list .item:nth-child(3n) {
		margin-right: 0;
	}

	.promote .list .item:nth-child(-n+3) {
		margin-top: 0;
	}

	.promote .list .image {
		margin-bottom: 10px;
	}

	.promote .list .txts {
		margin-bottom: 10px;
	}

	.promote .list,
	.promote .promotePiece {
		margin-bottom: 60px;
	}
}

@media screen and (max-width:999px) {
	.productList {
		flex-direction: column;
		align-items: flex-start;
	}

	.productNav {
		width: 100%;
	}

	.productList .list {
		width: 100%;
		margin-top: 40px;
	}


	.promote .list,
	.promote .promotePiece {
		margin-bottom: 50px;
	}

	.promotePiece {
		padding: 50px 30px;
	}

	.pdTit {
		font-size: 20px;
	}

	.productNav .line {
		margin-bottom: 0;
	}

	.productNav .slides {
		margin-top: 30px;
		display: none;
		transition: none;
	}

	.productNav .menuTit i {
		display: block;
	}
}

@media screen and (max-width:768px) {
	.promote .list {
		justify-content: space-between;
	}

	.promote .list .item:nth-child(n) {
		width: 48%;
		margin-right: 0;
		margin-top: 30px;
	}

	.promote .list .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.productList .list .listCon {
		justify-content: space-between;
	}

	.productList .list .item:nth-child(n) {
		width: 48%;
		margin-right: 0;
		margin-top: 30px;
	}

	.productList .list .item:nth-child(-n+2) {
		margin-top: 0;
	}

	.aggregation .mats,
	.aggregation .productList {
		margin-bottom: 50px;
	}

	.promotePiece {
		padding: 50px 20px;
	}

}

@media screen and (max-width:538px) {
	.innerRequest .cFrom ul li:nth-child(n) {
		width: 100%;
		margin-top: 15px;
	}

	.innerRequest .cFrom ul li:nth-child(1) {
		margin-top: 0;
	}

	.promotePiece {
		padding: 50px 15px;
	}
}

@media screen and (max-width:400px) {

	.productList .list .item:nth-child(n),
	.promote .list .item:nth-child(n) {
		width: 100%;
		margin-top: 30px;
	}

	.productList .list .item:nth-child(1),
	.promote .list .item:nth-child(1) {
		margin-top: 0;
	}
}
















/* pager */

.pager {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.pager .pageList {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}

.pager .pageList a {
	width: 35px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Lato-Regular, Arial, sans-serif;
	font-size: 14px !important;
	color: #666666;
	border: solid 1px #e5e5e5;
	background-color: #f8f8f8;
	margin: 3px 4px;
}


.pager .pageList a.active,
.pager .pageList a:hover {
	background-color: #b5db04;
	color: #ffffff !important;
	border-color: #b5db04;
}


.pager .pageList a.big {
	width: 93px;
}

.pager .pageList a.next {
	width: 61px;
}

.pager .pageList a.no:hover {
	background-color: #f8f8f8;
	color: #666666 !important;
	border-color: #e5e5e5;
}

.pager .addTo {
	display: flex;
	align-items: center;
	margin: 3px 4px;
}


.pager .addTo input {
	font-family: Lato-Regular, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	background-color: transparent;
	cursor: pointer;
	width: 215px;
	height: 30px;
	background-color: #b5e000;
	border: solid 1px #e5e5e5;
	font-size: 14px !important;
	color: #444444;
	cursor: pointer;
	
}


.pager .addTo input:hover {
	background-color: #ffffff;
	color: #b5e000;
	border-color: #b5e000;
}




.innerBanner {
	height: 528px;
	position: relative;
}

.innerBanner .image {
	width: 100%;
	height: 100%;
}

.innerBanner .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
}

.innerBanner_no .image img {
	max-width: 100%;
}

.innerBanner .msg {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.innerBanner .name {
	text-align: center;
	font-family: Lato-Black;
	font-size: 48px;
	line-height: 60px;
	color: #ffffff;
}


.innerCrumb {
	padding: 21.4px 0;
	border-bottom: 1px solid rgba(102, 102, 102, 0.2);
}


.innerBanner2 {
	background-color: rgba(234, 234, 234, 0.8);
	padding: 49px 0 51px 0;
}

.innerBanner2 .title {
	font-family: Lato-Black;
	font-size: 36px;
	line-height: 46px;
	color: #333333;
	margin-bottom: 6px;
}






/* crumb */

.crumb img {
	flex-shrink: 0;
	margin-right: 3px;
}

.crumb a,
.crumb i {
	font-family: Lato-Regular, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	letter-spacing: 0px;
	color: #333333;
}

.crumb a.active {
	color: #b5db04;
}

.crumb i {
	font-style: normal;
}

.crumb a:hover {
	color: #b5e000;
}

@media screen and (max-width:1560px) {
	.innerBanner {
		height: 460px;
	}

	.innerBanner .name {
		font-size: 40px;
		line-height: 60px;
	}

	.innerCrumb {
		padding: 20px 0;
	}

	.innerBanner2 .title {
		font-size: 32px;
		line-height: 42px;
		margin-bottom: 20px;
	}

	.innerBanner2 {
		padding: 50px 0;
	}
}

@media screen and (max-width:1333px) {
	.innerBanner {
		height: 400px;
	}

	.innerBanner .name {
		font-size: 34px;
		line-height: 44px;
	}

	.innerBanner2 .title {
		font-size: 28px;
		line-height: 38px;
		margin-bottom: 20px;
	}

	.innerBanner2 {
		padding: 40px 0;
	}
}

@media screen and (max-width:999px) {
	.innerBanner {
		height: 340px;
	}


	.innerBanner .name {
		font-size: 26px;
		line-height: 36px;
	}

	.crumb a,
	.crumb i {
		font-size: 14px;
	}

	.innerBanner2 .title {
		font-size: 26px;
		line-height: 36px;
	}
}

@media screen and (max-width:768px) {
	.innerBanner {
		height: 280px;
	}


	.innerBanner .name {
		font-size: 24px;
		line-height: 34px;
	}

	.innerBanner2 .title {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 16px;
	}
}

@media screen and (max-width:538px) {
	.innerBanner {
		height: 260px;
	}

	.innerBanner .name {
		font-size: 22px;
		line-height: 32px;
	}

	.innerBanner2 .title {
		font-size: 22px;
		line-height: 24px;
	}
}

/* footer */


footer {
	background-color: #333333;
	padding: 66px 0 66px 0;
}

footer .footerList {
	display: flex;
	align-items: flex-start;
	margin-bottom: 15px;
}


footer .footerList .box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}



footer .footerList .box li {
	margin-bottom: 4px;
}


footer .footerList .box li:last-child {
	margin-bottom: 0;
}


footer .footerList .titBox .meuBtn {
	display: none;
	margin-right: 0;
}

footer .footerList .titBox .meuBtn.active {
	transform: rotate(90deg);
}



footer .footerList .fNav {
	width: 16.5%;
	margin-right: 2%;
}



footer .blogrolls {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 11px;
}


footer .blogrolls a {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #c0c0c0;
	flex-shrink: 0;
	border: 1px solid #c0c0c0;
	margin-right: 8px;
	margin-bottom: 10px;
}


footer .blogrolls a:last-child {
	margin-right: 0;
}



footer .blogrolls a:hover {
	border-color: #b5db04;
	background-color: #b5db04;
	color: #ffffff !important;
}



footer .footerList .fContact {
	width: 50%;
	margin-right: 3.3%;
}


footer .footerList .fContact p {
	display: inline;
}



footer .footerList .fContact li {
	display: flex;
	align-items: flex-start;
}

footer .footerList .fContact i {
	flex-shrink: 0;
	margin-right: 5px;
}


footer .footerList .fContact .box>ul:nth-child(1) {
	width: 48%;
}

footer .footerList .fContact .box>ul:nth-child(2) {
	width: 48%;
}

footer .footerList .fContact .imgs {
	margin-top: 17px;
	flex-wrap: wrap;
}

footer .footerList .fContact .imgs img {
	margin-right: 17px;
	margin-bottom: 5px;
}

footer .footerList .fContact .address {
	margin-bottom: 6px;
}

footer .footerList .fContact .address:last-child {
	margin-bottom: 0;
}


footer .footerList .fContact .codes {
	margin-top: 17px;
	padding-left: 24px;
}

footer .footerList .fContact .codes .name {
	text-align: center;
	display: block;
	margin-top: 2px;
}


footer .footerList .fContact .codes .item {
	margin-right: 18px;
	width: 120px;
}


footer .footerList .fContact .codes .item:last-child {
	margin-right: 0;
}



footer .footerList .fContact .address .num {
	line-height: 24px;
}

footer .footerList .fInquiry {
	width: 28.2%;
}


footer .footerList .fInquiry form {
	margin-top: 39px;
	margin-left: 3px;
}


footer .footerList form ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

footer .footerList form ul li {
	height: 46px;
	background-color: #e4e4e4;
	margin-top: 8px;
	padding: 0 23px;
	width: 100%;
}


footer .footerList form ul li:nth-child(-n+1) {
	margin-top: 0;
}

footer .line {
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, .1);
	margin: 27px 0 26px 0;
}


.fInquiry form input,
.fInquiry form textarea {
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.fInquiry form li.must {
	position: relative;
}

.fInquiry form li.must::after {
	content: "*";
	position: absolute;
	font-family: Lato-Regular;
	font-size: 16px;
	color: #ff0000;
	top: 9px;
	left: 13px;
}


.fInquiry form li.message {
	width: 100%;
	height: 76px;
	padding: 12px 23px;
}



.fInquiry form li.code {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	width: 58.2%;
}


.fInquiry form li.code input {
	flex: 1;
	padding: 0 20px;
}


.fInquiry form li.code .codeImg {
	flex-shrink: 0;
	cursor: pointer;
	max-width: 94px;
	height: 100%;
	background-color: #f3fbfe;
}

.fInquiry form li.code .codeImg img {
	height: 100%;
}

.fInquiry form li.subBtn {
	padding: 0;
	width: 39.6%;
}


.fInquiry form li.subBtn input {
	background-color: #b5e000;
	cursor: pointer;
	color: #333333;
	text-transform: uppercase;
}



.fInquiry form li.subBtn input:hover {
	background-color: #ffffff;
	color: #b5e000;
}




.fInquiry form input::-webkit-input-placeholder,
.fInquiry form textarea::-webkit-input-placeholder {
	font-size: 16px;
	color: #777777;
}



.fInquiry form input:-moz-placeholder,
.fInquiry form textarea:-moz-placeholder {
	font-size: 16px;
	color: #777777;
}

.fInquiry form input::-moz-placeholder,
.fInquiry form textarea::-moz-placeholder {
	font-size: 16px;
	color: #777777;
}

.fInquiry form input:-ms-input-placeholder,
.fInquiry form textarea:-ms-input-placeholder {
	font-size: 16px;
	color: #777777;
}





footer a,
footer p,
footer div {
	font-size: 16px;
	line-height: 26px;
	color: #c0c0c0;
}



footer .title {
	font-family: Lato-Black;
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
	display: block;
	text-transform: uppercase;
}



footer a.title:hover {
	color: #b5db04;
}


footer .footerList .box {
	margin-top: 33px;
}


footer .footerList .box a:hover {
	color: #b5db04;
}


footer .copyright {
	margin-bottom: 13px;
	color: #ffffff;
}


footer .copyright a {
	display: inline;
	color: #ffffff;
}

footer .copyright a:hover {
	color: #b5db04;
}

footer .copyright a img {
	display: inline-block;
	margin-left: 5px;
}

footer .copyright a:hover img {
	transform: scale(1.1);
}

footer .links {
	color: #ffffff;
	line-height: 24px;

}

footer .links span {
	margin-bottom: 5px;
}

footer .links a:hover {
	color: #ffffff;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-offset: 3px;
}

footer .links a.btn {
	color: #b5db04;
	position: relative;
	text-transform: uppercase;
}

footer .links a.btn::after {
	content: "";
	position: absolute;
	right: 0;
	width: 0;
	height: 1px;
	bottom: 0;
	background-color: #b5db04;
	transition: .4s ease all;
}

footer .links a.btn:hover {
	text-decoration: none;
}

footer .links a.btn:hover::after {
	right: auto;
	left: 0;
	width: 100%;
}


footer .email a {
	word-break: break-all;
}


@media screen and (max-width:1560px) {

	footer .footerList {
		justify-content: space-between;
	}

	footer .footerList>li:nth-child(n) {
		margin-right: 0;
	}

	footer .footerList form ul li {
		height: 40px;
	}

	.fInquiry form li.code {
		width: 100%;
	}

	footer .footerList .fContact .box>ul:nth-child(1) {
		width: 45%;
	}

	footer {
		padding: 50px 0;
	}
}

@media screen and (max-width:1333px) {

	footer .footerList {
		flex-wrap: wrap;
	}

	footer .footerList>li:nth-child(n) {
		width: 100%;
		margin-bottom: 20px;
	}

	footer .footerList>li:last-child {
		margin-bottom: 0;
	}

	footer .footerList .box {
		margin-top: 20px;
	}

	footer .footerList>li.fNav .box>ul {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	footer .footerList>li.fNav .box>ul>li {
		width: 22%;
		margin-right: 4%;
		margin-bottom: 0;
		margin-top: 10px;
	}

	footer .footerList>li.fNav .box>ul>li:nth-child(4n) {
		margin-right: 0;
	}

	footer .footerList>li.fNav .box>ul>li:nth-child(-n+4) {
		margin-top: 0;
	}

	footer .footerList>li.fNav .box>ul>li:last-child {
		width: 100%;
	}

	footer .footerList .fContact .box>ul:nth-child(n) {
		width: 100%;
	}

	footer .footerList .fContact .codes {
		padding-left: 0;
	}


	footer .footerList .fContact .box>ul:nth-child(1) {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 20px;
	}

	footer .footerList .fContact .box>ul:nth-child(1)>li {
		width: 48%;
		margin-bottom: 0;
		margin-top: 10px;
	}

	footer .footerList .fContact .box>ul:nth-child(1)>li:last-child {
		width: 100%;
	}

	footer .footerList .fContact .box>ul:nth-child(1)>li:nth-child(-n+2) {
		margin-top: 0;
	}

	footer .footerList .fInquiry form {
		margin-left: 0;
		margin-top: 20px;
	}

	footer .footerList form ul {
		justify-content: flex-start;
	}

	footer .footerList form ul>li:nth-child(n) {
		width: 32%;
		margin-right: 2%;
		margin-top: 10px;
		flex: auto;
	}

	footer .footerList form ul>li:nth-child(3n) {
		margin-right: 0;
	}

	footer .footerList form ul>li:nth-child(-n+3) {
		margin-top: 0;
	}

	footer .footerList form ul>li.message {
		width: 100%;
		margin-right: 0;
	}
}



@media screen and (max-width:999px) {
	footer {
		padding-bottom: 80px;
	}

	footer .title {
		font-size: 16px;
		line-height: 28px;
	}

	footer .titBox {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	footer .footerList .titBox .meuBtn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 35px;
		height: 35px;
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
	}

	footer .footerList .box {
		margin-top: 10px;
	}

	footer .footerList .box,
	footer .footerList .fInquiry form {
		display: none;
		transition: none;
	}
}

@media screen and (max-width:768px) {
	footer .footerList .fContact .box>ul:nth-child(1)>li:nth-child(n) {
		width: 100%;
		margin-top: 10px;
	}

	footer .footerList .fContact .box>ul:nth-child(1)>li:nth-child(1) {
		margin-top: 0;
	}

	footer .footerList>li:nth-child(n) {
		margin-bottom: 15px;
	}

	footer .footerList>li:last-child {
		margin-bottom: 0;
	}
}

@media screen and (max-width:538px) {
	footer .footerList>li.fNav .box>ul>li:nth-child(n) {
		width: 32%;
		margin-right: 2%;
		margin-top: 10px;
	}

	footer .footerList>li.fNav .box>ul>li:nth-child(3n) {
		margin-right: 0;
	}

	footer .footerList>li.fNav .box>ul>li:nth-child(-n+3) {
		margin-top: 0;
	}

	footer .footerList>li.fNav .box>ul>li:last-child {
		width: 100%;
	}

	footer .footerList .fContact .codes .item {
		width: 110px;
	}

	footer .footerList form ul>li:nth-child(n) {
		width: 100%;
		margin-right: 0%;
		margin-top: 10px;
	}

	footer .footerList form ul>li:nth-child(1) {
		margin-top: 0;
	}

	footer .footerList form ul li {
		height: 36px;
	}

	.fInquiry form li.must::after {
		top: 6px;
	}
}









/* 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: Lato-Regular, Arial, sans-serif;
}

#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px
}

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, -moz-transform .4s ease;
	transition: left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight .4s ease-out;
	animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft .4s ease-out;
	animation: bounceFromLeft .4s ease-out
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px
}

.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50, 50, 50, .5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color .4s ease;
	transition: background-color .4s ease;
}

.baguetteBox-button:hover {
	background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
	right: 2%
}

.baguetteBox-button#previous-button {
	left: 2%
}

.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px
}

.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0
}

.spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes bounceFromRight {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0
	}
}

@keyframes bounceFromRight {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0
	}
}

@-webkit-keyframes bounceFromLeft {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0
	}
}

@keyframes bounceFromLeft {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0
	}
}

@-webkit-keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

/* video tankuang */

.tankaunga {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 9999999999
}

.tankaunga:before {
	content: "X";
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	top: 10px;
	right: 10px;
	background: #fff;
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
}

.tankaungn2 {
	position: fixed;
	left: 5%;
	top: 5%;
	right: 5%;
	bottom: 5%;
	background: rgba(0, 0, 0, 0.5);
}

.tankaungn2 iframe,
.tankaungn2 video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.tankaungn2 iframe body {
	margin: 0px !important;
}



.lianxi {
	position: fixed;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99999;
}

.lianxi div a,
.lianxi div div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	background-color: #363636;
	color: #ffffff;
	margin-bottom: 1px;
	margin-right: 3px;
	font-size: 16px;
	border-radius: 5px;
}


.lianxi div div.image {
	width: 113px;
	height: 113px;
	background-color: #ffffff;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	pointer-events: none;
}


.lianxi div div.image img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}


.lianxi .top {
	margin-top: 20px;
}

.lianxi .top a {
	width: 45px;
	height: 45px;
	background-color: #333333;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	position: fixed;
	transition: 0.9s;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2px;
}

.lianxi .top a::after {
	display: none;
}

.lianxi a i {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}

.lianxi .top i {
	text-align: center;
	font-size: 16px;
	border-radius: 50%;
}

.lianxi div div {
	cursor: pointer;
}

.lianxi div:hover>a,
.lianxi div:hover>div {
	background-color: #b5db04;
	color: #fff;
}

.lianxi div>a,
.lianxi div>div {
	position: relative;
}

.lianxi div>a::after,
.lianxi div>div::after {
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	width: 5px;
	height: 9px;
	clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
	background-color: #b5db04;
	opacity: 0;
	transition: .4s ease all;
}

.lianxi div:hover>a:after,
.lianxi div:hover>div:after {
	opacity: 1;
}



.clear2 {
	display: none;
}


.lianxi .code {
	position: relative;
}

.lianxi .code .image {
	position: absolute;
	top: 0;
	right: 100%;
	max-width: none;
	transform: translateX(100%);
	z-index: -1;
	opacity: 0;
	pointer-events: all;
}

.lianxi .code .image::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 10px;
	left: 100%;
	top: 0;
}

.lianxi .code .image::after {
	display: none;
}

.lianxi .code:hover .image {
	transform: translateX(-9px);
	opacity: 1;
}



.lianxi .phone {
	position: relative;
}

.lianxi .phone .num {
	position: absolute;
	right: calc(100% + 10px);
	white-space: nowrap;
	top: 50%;
	transform: translateY(-50%) translateX(140%);
	background-color: #b5db04;
	color: #ffffff;
	padding: 2px 20px;
	opacity: 0;
	z-index: -1;
	transition: .5s ease all;
}

.lianxi .phone:hover .num {
	transform: translateY(-50%) translateX(0%);
	opacity: 1;
}


.lianxi .phone .num::after,
.lianxi .phone .num::before {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.lianxi .phone .num::before {
	height: 100%;
	width: 10px;
}


@media screen and (max-width: 1333px) {

	.lianxi div a,
	.lianxi div div,
	.lianxi .top a {
		width: 48px;
		height: 48px;
		font-size: 18px;
	}

	.lianxi .top i {
		font-size: 16px;
		line-height: 48px;
	}
}

@media screen and (max-width: 999px) {
	.youlian {
		display: none;
	}


	.lianxi .top {
		margin-top: 0;
	}

	.lianxi .top a {
		width: 20%;
		height: 56px;
		line-height: 56px;
		bottom: 0px;
		right: 0px;
		border-radius: 0px;
		border: none;
		box-shadow: none;
		background-color: #555555;
		margin-top: 0;
	}

	.lianxi .top i {
		width: 43px;
		height: 43px;
		background-color: #b5db04;
		font-size: 12px;
	}


	.lianxi {
		width: 100%;
		right: auto;
		top: auto;
		margin: auto;
		left: 0px;
		bottom: 0px;
		transform: translateY(0);
	}

	.lianxi div {
		width: 20%;
		float: left;
	}

	.lianxi div::after {
		content: "";
		width: 1px;
		height: 39px;
		background-color: #ececec;
		opacity: 0.07;
		position: absolute;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		right: 0%;
	}

	.lianxi div:nth-child(4)::after {
		display: none;
	}

	.lianxi div a,
	.lianxi div div {
		font-size: 22px;
		height: 56px;
		margin: auto;
		width: 100%;
		background-color: #555555;
		color: #fff !important;
		border-radius: 0px;
	}




	.lianxi .top i {
		border-color: #fff;
	}

	.lianxi div a:hover,
	.lianxi div div:hover {
		background-color: #555555;
		color: #fff;
	}

	.lianxi .code .image {
		border-radius: 3px;
	}

	.lianxi .code .image img {
		border-radius: 3px;
	}

	.lianxi .code .image,
	.lianxi .code:hover .image {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		opacity: 0;
	}

	.lianxi .code.active .image {
		opacity: 1;
		transform: translateX(-50%) translateY(-110%);
	}


	.lianxi div:hover div {
		color: #ffffff;
		background-color: #555555;
	}

	.lianxi div.active div {
		background-color: #b5db04;
	}

	.lianxi div:hover .num {
		transform: translateY(0%) translateX(-50%);
		opacity: 0;
	}

	.lianxi div>a::after,
	.lianxi div>div::after {
		right: auto;
		top: auto;
		bottom: 100%;
		left: 50%;
		transform: translateX(-50%);
		clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
		width: 12px;
		height: 8px;
	}

	.lianxi .phone .num,
	.lianxi .phone:hover .num {
		right: auto;
		left: 50%;
		white-space: nowrap;
		top: 0%;
		transform: translateY(0%) translateX(-50%);
		opacity: 0;
		padding: 5px 20px;
	}

	.lianxi .phone.active .num {
		transform: translateY(-150%) translateX(-50%);
		opacity: 1;
	}

	.lianxi div:hover>a:after,
	.lianxi div:hover>div:after {
		opacity: 0;
	}

	.lianxi div.active>a:after,
	.lianxi div.active>div:after {
		opacity: 1;
	}

	.lianxi .phone .num::before {
		display: none;
	}

	.lianxi .phone .num::after {
		left: 50%;
		top: 100%;
		transform: translateX(-50%);
		clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
		width: 16px;
		height: 10px;
	}

	.lianxi div:nth-child(1) .num {
		display: none;
	}

	.lianxi div:nth-child(1)>a::after {
		display: none;
	}

	.lianxi div:nth-child(2) .image {
		display: none;
	}

	.lianxi div:nth-child(2)>a::after {
		display: none;
	}
}

@font-face {
	font-family: 'Lato-Black';
	font-display: swap;
	src: url('../fonts/LATOBLACK.eot');
	src: url('../fonts/LATOBLACK.eot') format('embedded-opentype'),
		url('../fonts/LATOBLACK.woff2') format('woff2'),
		url('../fonts/LATOBLACK.woff') format('woff'),
		url('../fonts/LATOBLACK.ttf') format('truetype'),
		url('../fonts/LATOBLACK.svg#LATOBLACK') format('svg');
}


@font-face {
	font-family: 'Lato-Regular';
	font-display: swap;
	src: url('../fonts/LatoRegular.eot');
	src: url('../fonts/LatoRegular.eot') format('embedded-opentype'),
		url('../fonts/LatoRegular.woff2') format('woff2'),
		url('../fonts/LatoRegular.woff') format('woff'),
		url('../fonts/LatoRegular.ttf') format('truetype'),
		url('../fonts/LatoRegular.svg#LatoRegular') format('svg');

}

@font-face {
	font-family: "iconfont";
	/* Project id 4576167 */
	src:
		url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
		url('../fonts/iconfont.woff?t=1743062861753') format('woff'),
		url('../fonts/iconfont.ttf?t=1743062861753') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-paper-full:before {
	content: "\ea0b";
}

.icon-jian:before {
	content: "\e612";
}

.icon-xiaohongshu:before {
	content: "\e69e";
}

.icon-zhiding:before {
	content: "\e68c";
}

.icon-youjian_:before {
	content: "\e6a6";
}

.icon-chuanzhen:before {
	content: "\e6b4";
}

.icon-shangjiantou:before {
	content: "\e60f";
}

.icon-yuyan:before {
	content: "\e684";
}

.icon-dingbu:before {
	content: "\e62d";
}

.icon-Youtube:before {
	content: "\e880";
}

.icon-liuyanjianyi:before {
	content: "\e62c";
}

.icon-shangchuan:before {
	content: "\e60b";
}

.icon-youjian:before {
	content: "\e624";
}

.icon-yonghu:before {
	content: "\e6b3";
}

.icon-pinterest1:before {
	content: "\f211";
}

.icon-jia1:before {
	content: "\e632";
}

.icon-xiazai:before {
	content: "\e682";
}

.icon-xiangyoujiantou:before {
	content: "\e68b";
}

.icon-xiangyoujiantou-copy:before {
	content: "\f1eb";
}

.icon-guanbi:before {
	content: "\e611";
}

.icon-zuosanjiao:before {
	content: "\e63e";
}

.icon-yousanjiao-copy:before {
	content: "\f1e8";
}

.icon-email-s:before {
	content: "\e65e";
}

.icon-douyin:before {
	content: "\e8db";
}

.icon-duigou-cu:before {
	content: "\e658";
}

.icon-facebook-fill:before {
	content: "\e88d";
}

.icon-linkedin1:before {
	content: "\f1e7";
}

.icon-weixin:before {
	content: "\e695";
}

.icon-jiantou_xiangzuo_o:before {
	content: "\eb92";
}

.icon-jiantou_xiangyou_o:before {
	content: "\eb94";
}

.icon-twitter-new:before {
	content: "\e7ff";
}

.icon-ditudingwei:before {
	content: "\e625";
}

.icon-phone3:before {
	content: "\e661";
}

.icon-line:before {
	content: "\e63f";
}

.icon-instagram2:before {
	content: "\e6fc";
}

.icon-rili:before {
	content: "\e8b4";
}

.icon-videoyoutube:before {
	content: "\e7a1";
}

.icon-earth-full:before {
	content: "\e9ee";
}

.icon-facebook:before {
	content: "\e620";
}

.icon-pinterest:before {
	content: "\e8ab";
}

.icon-linkedin:before {
	content: "\e648";
}

.icon-youtube:before {
	content: "\e6d6";
}

.icon-left:before {
	content: "\e72c";
}

.icon-right:before {
	content: "\e72d";
}

.icon-left1:before {
	content: "\e730";
}

.icon-right1:before {
	content: "\e731";
}

.icon-search4:before {
	content: "\e7b2";
}

.icon-address:before {
	content: "\e7bc";
}

.icon-email:before {
	content: "\e7bd";
}

.icon-whatsapp:before {
	content: "\e7bf";
}

.icon-mobile:before {
	content: "\e7c6";
}

.icon-tel:before {
	content: "\e7c7";
}

.icon-skype:before {
	content: "\e7cc";
}

.icon-whatsapp1:before {
	content: "\e7c1";
}

.icon-address1:before {
	content: "\e7c3";
}

.icon-email1:before {
	content: "\e7c5";
}

.icon-skype1:before {
	content: "\e7c9";
}

.icon-fax1:before {
	content: "\e7ca";
}

.icon-tel1:before {
	content: "\e7cd";
}

.icon-wechat:before {
	content: "\e7cf";
}

.icon-phone2:before {
	content: "\e7d0";
}

.icon-top:before {
	content: "\e7ed";
}

.icon-vk:before {
	content: "\e735";
}

.icon-instagram1:before {
	content: "\e640";
}

.icon-up7:before {
	content: "\e722";
}

.icon-left7:before {
	content: "\e724";
}

.icon-tel2-copy:before {
	content: "\f212";
}

.icon-right7:before {
	content: "\e725";
}

.icon-sousuo:before {
	content: "\e616";
}

.icon-sousuo1:before {
	content: "\e65b";
}

.icon-biaoqian:before {
	content: "\e649";
}

.icon-twitter4:before {
	content: "\e7fe";
}

nav .nBottom .quickBtn {
	cursor: pointer;
}

.f4m1-btn form {
	width: 31.25%;
	margin-left: 3.12%;
}

.f4m1-btn form input {
	width: 100%;
	padding: 15px 20px;
	display: inline-block;
	background-color: #333333;
	font-size: 20px;
	line-height: 25px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}


.con-kuang {
	background-color: #f5f5f5;
	border-radius: 1px;
	padding-left: 82px;
	padding-right: 82px;
	margin-top: 95px;
	padding-top: 39px;
	padding-bottom: 58px;
}

.con-title {
	font-size: 34px;
	font-weight: bold;
	line-height: 38px;
	color: #333333;
	margin-bottom: 10px;
}

.con-neirong {
	font-size: 16px;
	line-height: 30px;
	color: #999999;
}

.con-neirong a {
	color: #b5db04;
}


.con-neirong a:hover {
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-underline-offset: 5px;
}

.con-kuang form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 18px;
}

.con-kuang form div input {
	border: 1px solid #FFFFFF;
}

.con-kuang form .qu-k p span {
	color: #d91c1c;
	margin-right: 4px;
}

.con-kuang form .qu-k textarea {
	height: 135px;
	border: 1px solid #FFFFFF;
}

.wjsc {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
	padding-left: 16px;
	margin-top: 46px;
	margin-bottom: 16px;
}

.wjsc input {
	background-color: #000000;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	font-family: "arial";
	text-align: center;
	line-height: 39px;
	color: #ffffff;
	padding-left: 11px;
	padding-right: 12px;
	cursor: pointer;
}

.wjsc input[type=file] {
	position: absolute;
	opacity: 0;
	width: 100%;
}

.wjsc span {
	font-size: 16px;
	color: #ff0000;
	display: block;


}

.con-kuang .qu-form-left {
	width: 47%;
}

.con-kuang .qu-form-right {
	width: 47%;
}

.con-kuang .quk-yzm>div {
	border: 1px solid #FFFFFF;
}

.lxfs-name {
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 30px;
	color: #007ea1;
}

.con-lxfs-kuang i {
	color: #007ea1;
	font-size: 30px;
	margin-right: 12px;
}

.con-lxfs-kuang {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 24.7142857143%;
	margin-left: 0.3%;
	margin-bottom: 20px;
}

.con-lxfs-kuang.no-bianju {
	margin-left: 0px;
}

.con-lxfs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 70px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.lxfs-xx {
	font-size: 18px;
	line-height: 30px;
	color: #333333;
}

.con-lxfs-right a:hover {
	color: #007ea1;
}

.cn-ditu {
	position: relative;
	height: 0px;
	overflow: hidden;
	padding-bottom: 34.1428571429%;
	margin-bottom: 169px;
	margin-top: 48px;
}

.cn-ditu iframe {
	position: absolute;
	border: 0px;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 999px) {
	.con-kuang {
		margin-top: 30px;
		padding: 20px 30px;
	}

	.con-title,
	.con-neirong {
		text-align: center;
	}

	.cn-ditu {
		margin-bottom: 30px;
	}

	.con-kuang form {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.con-kuang .qu-form-left,
	.con-kuang .qu-form-right {
		width: 100%;
	}

	.con-lxfs {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.con-lxfs-kuang {
		width: 49%;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.con-lxfs-right {
		width: 100%;
		text-align: center;
	}

	.con-lxfs-kuang i {
		margin-left: auto;
		margin-right: auto;
	}

	.cn-ditu {
		margin-top: 20px;
	}

	.con-lxfs {
		margin-top: 30px;
	}
}

@media screen and (max-width: 767px) {
	.con-kuang {
		padding-left: 16px;
		padding-right: 16px;
	}

	.con-title {
		font-size: 24px;
		line-height: 36px;
	}

	.con-neirong {
		font-size: 14px;
	}

	.lxfs-xx {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 24px;
	}

	.wjsc {
		margin-top: 20px;
	}
}

/*@media screen and (max-width: 450px) {
  .con-lxfs-kuang {
    width: 100%;
  }
}*/


.in-pro-se-title:hover {
	color: #007ea1;
}

.file-list {
	list-style-type: none;
}

.file-list .file-item {
	margin-bottom: 10px;
	display: inline-block;
	margin-right: 10px;
	padding: 5px 10px;
	background-color: #bfbfbf;
	position: relative;
	font-size: 14px;
	line-height: 24px;
}

.file-list .file-item .file-name {
	margin-right: 10px;
}

.file-list .file-item .file-delete {
	font-size: 10px;
	position: absolute;
	right: 5px;
	top: 0;
}

.disnone {
	display: none;
}


.xunpanc {
	margin-top: 10px;
	width: 100%
}

.xunpanc .table table tr td {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 20px;
}

.xunpanc a {
	color: #999999
}

.xunpanc a:hover {
	color: #007ea1
}

.tanchuceng {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999999999;
	background: rgba(0, 0, 0, 0.6);
	display: none;
	max-height: 100%;
	overflow: auto;
}

.tanchu {
	max-width: 1340px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.tanchuceng .con-kuang {
	background-color: #ffffff;
	border-radius: 20px;
	padding-left: 52px;
	padding-right: 54px;
	padding-top: 57px;
	padding-bottom: 70px;
}

.tanchuceng .con-kuang form input,
.tanchuceng .con-kuang form textarea,
.tanchuceng .con-kuang form .quk-yzm>div {
	border: solid 1px #dcdcdc;
}

.tanchuceng .con-kuang form .quk-yzm>div input {
	border: solid 1px #ffffff;
}

.guanbi {
	position: absolute;
	width: 22px;
	height: 22px;
	border: 2px solid #000000;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 18px;
	border-radius: 50%;
	right: 16px;
	top: 18px;
	cursor: pointer;
}

.qu-k {
	margin-bottom: 11px;
	width: 100%;
}

.qu-k p {
	font-size: 16px;
	line-height: 30px;
	color: rgb(153, 153, 153);
	margin-bottom: 4px;
}

.qu-k textarea {
	width: 100%;
	background-color: rgb(255, 255, 255);
	border: solid 1px rgb(224, 224, 224);
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
	/*height: 225px;*/
	height: 131px;
}

.qu-k input {
	width: 100%;
	height: 45px;
	background-color: rgb(255, 255, 255);
	border: solid 1px rgb(224, 224, 224);
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
}

.quk-yzm {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.quk-yzm>div {
	width: 53.6%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border: solid 1px rgb(224, 224, 224);
	background: #FFFFFF;
}

.quk-yzm>div>input {
	border: 0px;
}

.quk-yzm>div a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 0px;
	min-width: 98px;

	width: 98px;

	overflow: hidden;
}

.quk-yzm>div a img {
	height: 45px
}

.quk-yzm>input {
	background-color: #b5db04;
	font-family: "Arial";
	font-size: 18px;
	color: rgb(255, 255, 255);
	width: 43.6%;
	cursor: pointer;
}



.tank {
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999999999;
	display: none;
}

.tankn {
	position: fixed;
	left: 5%;
	top: 5%;
	right: 5%;
	bottom: 5%;
	background-color: #fff;
	max-width: 500px;
	max-height: 400px;
	margin: auto;
	padding: 20px;
	overflow: auto;
}

.tank .tkg {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 14px;
	cursor: pointer;
	color: #fff;
	width: 22px;
	height: 22px;
	line-height: 22px;
	background-color: #333;
	border-radius: 50%;
	text-align: center;
	z-index: 999;
}

.tank .youlian a:hover {
	color: #b5db04;
}

.ylvm {
	cursor: pointer;
}

.f3m2-r {
	font-size: 1.6rem;
}

.listcart {
	margin-top: 90px;
}

.listcart a.l {
	float: left;
}

.listcart a.r {
	float: right;
}

.listcart a {
	background: #007ea1;
	display: inline-block;
	height: 34px;
	width: 200px;
	line-height: 34px;
	cursor: pointer;
	border: none;
	overflow: hidden;
	color: #fff;
	cursor: pointer;
	border: 1px solid #007ea1;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	margin-left: 10px;
}

.listcart a:hover {
	border: #007ea1 solid 1px;
	background: #007ea1;
	color: #fff !important;
}

.youlian span,
.youlian a {
	display: inline-block;
	vertical-align: middle;
	color: #928f8f;
}

.youlian a {
	margin: 0 5px;
}

.youlian a:hover {
	color: #fff;
	text-decoration: underline;
}

.youlian a.ylvm {
	padding: 0 16px;
	height: 34px;
	border: 1px solid #007ea1;
	background-color: #007ea1;
	border-radius: 4px;
	text-align: center;
	color: #e5e5e5;
}

.youlian a.ylvm:hover {
	background-color: #fff;
	color: #007ea1;
}

@media screen and (max-width:999px) {
	.listcart a {
		margin-left: 2.5%;
		margin-right: 2.5%;
		padding-left: 0px;
		padding-right: 0px;
		float: none;
	}

	.listcart {
		width: 100%;
		margin-top: 50px;
	}
}

@media screen and (max-width:472px) {
	.listcart a {
		width: 95% !important;
		float: none;
		overflow: hidden;
		margin-bottom: 1rem;
		margin-top: 1rem
	}
}

.a3m1 .a3m1-desc {
	margin-top: 20px;
	font-size: 16px;
	line-height: 30px;
}

@media screen and (max-width: 1400px) {
	.f4m1-btn form {
		width: 48%;
		margin-left: 0;
	}

	.f4m1-btn form input {
		padding: 10px 20px;
	}
}

@media screen and (max-width: 767px) {
	.f4m1-btn form input {
		font-size: 16px;
		padding: 5px 10px;
	}
}

@media screen and (max-width: 1228px) {
	.yiji>li {
		font-size: 16px;
	}
}

@media screen and (max-width: 384px) {
	.f4m3-btn a {
		padding: 10px 28px;
	}
}

footer .links .btn {
	display: inline;
	cursor: pointer;
}

footer .links .btn {
	color: #b5db04;
	position: relative;
}

footer .links .btn::after {
	content: "";
	position: absolute;
	right: 0;
	width: 0;
	height: 1px;
	bottom: 0;
	background-color: #b5db04;
	transition: .4s ease all;
}

footer .links .btn:hover {
	text-decoration: none;
}

footer .links .btn:hover::after {
	right: auto;
	left: 0;
	width: 100%;
}

footer .links a {
	margin: 0 5px;
}

/**/


/* 6-1inquire */

/* 6-1inquire */



.dangexuanhuan {
	border: 1px solid #fff;
	margin-top: 20px;
}

.dangexuanhuan .safeRange {
	max-width: 1154px;
}


.dangexuanhuan .title {
	font-family: Lato-Black;
	font-size: 34px;
	line-height: 46px;
	color: #333333;
	margin-bottom: 8px;
}



.dangexuanhuan .txts {
	margin-bottom: 32px;
}

.dangexuanhuan .txts p {
	color: #999999;
	line-height: 30px;
}


.dangexuanhuan .con {
	border: 1px solid #fff;
	margin-bottom: 52px;
}

.dangexuanhuan .con .tits {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}


.dangexuanhuan .picture {
	width: 30%;
	margin-right: 3%;
}

.dangexuanhuan .picture .tit {
	text-align: center;
}


.dangexuanhuan .picture .image {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.dangexuanhuan .picture img {
	display: block;
	max-width: 137px;
}


.dangexuanhuan .model {
	width: 30%;
	margin-right: 3%;
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #666666;
}



.dangexuanhuan .ProductName {
	width: 33.33%;
}

.dangexuanhuan .ProductName .name {
	font-family: Lato-Regular;
	font-size: 16px;
	line-height: 26px;
	color: #222222;
}

.dangexuanhuan .ProductName .name:hover {
	color: #a1c702;
}


.dangexuanhuan .Operate {
	width: 12.1%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dangexuanhuan .Operate .tit {
	text-align: center;
}


.dangexuanhuan .Operate i {
	font-size: 26px;
	cursor: pointer;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.dangexuanhuan .Operate i:hover {
	color: #b5e000;
}

.dangexuanhuan .tits,
.dangexuanhuan .listpro {
	padding: 0 20px;
}


.dangexuanhuan .tits {
	display: flex;
	background: #fff;
}

.dangexuanhuan .tits .tit {
	font-family: Roboto-Regular;
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	padding: 13px 0;
}

.dangexuanhuan .listpro .item {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e0e0e0;
	padding: 15px 0;
}


.dangexuanhuan .listpro .item:last-child {
	border-bottom: none;
}

@media screen and (max-width:1560px) {
	.dangexuanhuan .title {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 20px;
	}

	.dangexuanhuan .txts {
		margin-bottom: 40px;
	}

	.dangexuanhuan .listpro .item {
		padding: 0;
	}

}

@media screen and (max-width:1333px) {

	.dangexuanhuan .tits,
	.dangexuanhuan .listpro .item {
		justify-content: space-between;
	}

	.dangexuanhuan .tits>div,
	.dangexuanhuan .listpro .item>div {
		margin-right: 0;
	}

	.dangexuanhuan .tits .tit {
		padding: 10px 0;
	}

	.dangexuanhuan .ProductName {
		width: 40%;
	}

	.dangexuanhuan .model {
		width: 20%;
	}

	.dangexuanhuan .picture {
		width: 14%;
	}


	.dangexuanhuan .title {
		font-size: 28px;
		line-height: 38px;
	}
}

@media screen and (max-width:999px) {
	.dangexuanhuan .con .tits {
		display: none;
	}

	.dangexuanhuan .title {
		font-size: 26px;
		line-height: 36px;
	}

	.dangexuanhuan .txts {
		margin-bottom: 30px;
	}

	.dangexuanhuan .listpro .item {
		flex-wrap: wrap;
		padding: 10px 0;
	}

	.dangexuanhuan .listpro .item>div:nth-child(n) {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 5px;
	}

	.dangexuanhuan .listpro .item>div:last-child {
		margin-bottom: 0;
	}


	.dangexuanhuan .listpro .item>div::before {
		content: attr(title);
		width: 120px;
		flex-shrink: 0;
		margin-right: 20px;
		text-align: left;
		font-weight: bold;
	}

	.dangexuanhuan .picture .image {
		width: 110px;
	}

	.dangexuanhuan .ProductName .name {
		text-align: right;
	}

	.dangexuanhuan .model {
		text-align: right;
	}
}

@media screen and (max-width:768px) {
	.dangexuanhuan .title {
		font-size: 24px;
		line-height: 34px;
	}

	.dangexuanhuan .con {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:538px) {
	.dangexuanhuan .listpro .item>div:nth-child(n) {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 10px;
	}

	.dangexuanhuan .listpro .item>div:last-child {
		margin-bottom: 0;
	}

	.dangexuanhuan .listpro .item>div::before {
		margin-right: 0;
		margin-bottom: 5px;
	}

	.dangexuanhuan .model,
	.dangexuanhuan .ProductName .name {
		text-align: left;
	}
}


/*2025-7-4*/
.productShow .btns .btn input {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}


.productShow .btns .btn:nth-child(n) {
	height: 54px;
	position: relative;
}

@media screen and (max-width:1560px) {
	.productShow .btns .btn:nth-child(n) {
		height: 46px;
	}
}

@media screen and (max-width:768px) {
	.productShow .btns .btn:nth-child(n) {
		height: 38px;
	}
}


@media screen and (max-width:1333px) {
	.productDet .describe .btns a {
		padding: 10px 20px;
	}
}

@media screen and (max-width:999px) {
	.productDet .describe .btns a {
		padding: 5px 20px;
	}
}


.productNav .slides ul a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.productNav .slides ul a  i{
	font-size: 14px;
	flex-shrink: 0;
	margin-left: 10px;
}