body,
button,
dd,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
input,
li,
ol,
p,
ul {
	margin: 0;
	padding: 0;
	border: 0
}

* {
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: "HONORSansCN-Regular", "Microsoft YaHei", "Arial", "Helvetica Neue", Helvetica, sans-serif;
	background-color: #ffffff;
	overflow-x: hidden;
}

button,
input,
textarea,
select {
	-webkit-appearance: none;
	resize: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

img {
	border: 0;
	max-width: 100%;
	vertical-align: middle;
}

.none {
	display: none;
}

.online_x {
	cursor: pointer;
}

button:hover,
input[type=submit]:hover {
	cursor: pointer
}

button:focus,
input:active,
input:focus,
textarea:focus {
	/* border: 0*/
	outline: 0 none;
	outline-color: transparent;
}

a {
	color: #333;
	display: inline-block;
}

a:link {
	text-decoration: none
}

a:visited {
	text-decoration: none
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none
}

li {
	list-style: none;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	visibility: hidden
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: table
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1
}

@font-face {
	font-family: "HONORSansCN-Regular";
	src: url('../font/HONORSansCN-Regular.ttf');
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "HONORSansCN-DemiBold";
	src: url('../font/HONORSansCN-DemiBold.ttf');
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "HONORSansCN-Bold";
	src: url('../font/HONORSansCN-Bold.ttf');
	font-style: normal;
	font-display: swap;
}

@-webkit-keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 7vw, 0);
		transform: translate3d(0, 7vw, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 7vw, 0);
		transform: translate3d(0, 7vw, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInUpSmall {
	-webkit-animation-name: fadeInUpSmall;
	animation-name: fadeInUpSmall;
}

@-webkit-keyframes fade1 {
	from {
		opacity: 0;
		-webkit-transform: translateY(1.5vw);
		transform: translateY(1.5vw);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fade1 {
	from {
		opacity: 0;
		-webkit-transform: translateY(1.5vw);
		transform: translateY(1.5vw);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.fade1 {
	-webkit-animation-name: fade1;
	animation-name: fade1;
}

@-webkit-keyframes faderight {
	0% {
		-webkit-transform: translateX(4.2vw);
		transform: translateX(4.2vw);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes faderight {
	0% {
		-webkit-transform: translateX(4.2vw);
		transform: translateX(4.2vw);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

.faderight {
	-webkit-animation-name: faderight;
	animation-name: faderight;
}

@-webkit-keyframes fadeleft {
	0% {
		-webkit-transform: translateX(-4.2vw);
		transform: translateX(-4.2vw);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes fadeleft {
	0% {
		-webkit-transform: translateX(-4.2vw);
		transform: translateX(-4.2vw);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

.fadeleft {
	-webkit-animation-name: fadeleft;
	animation-name: fadeleft;
}

.maincontainer {
	width: 83.33333333333333%;
	margin-left: auto;
	margin-right: auto;
}

.header {
	position: fixed;
	z-index: 15;
	width: 100%;
	border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.header.blacktext:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, 0.06);
}
.header .logo a {
	position: relative;
}

.header .logo .ic2 {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.header .box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-left: 1.770833333333333%;
	padding-right: 1.770833333333333%;
	box-sizing: border-box;
}

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

.header .nav ul {
	display: flex;
	align-items: center;
}

.header .nav ul li {
	padding: 0px 20px;
}

.header .nav ul li>a {
	display: flex;
	align-items: center;
	height: 99px;
	font-size: 20px;
	color: #ffffff;
}

.header .nav ul li a span {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding-top: 4px;
}

.header .nav ul>li>a>span:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 4px;
	z-index: -1;
	width: 0%;
	height: 4px;
	margin: auto;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.header .nav ul li a:hover span:before,
.header .nav ul li.on a span:before {
	width: 100%;
}

.user-btn {
	position: relative;
	display: flex;
	align-items: center;
	height: 99px;
	margin-right: 12px;
}

.user-btn img {
	width: 19px;
	margin: 0 8px;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.user-btn ul {
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translate(-50%, 10px);
	transform: translate(-50%, 10px);
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 10px;
	background: #FFFFFF;
	min-width: 100px;
	text-align: center;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.user-btn:hover ul {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.user-btn ul li>a {
	display: block;
	padding: 8px 20px;
	white-space: nowrap;
	color: #999;
	font-size: 16px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.user-btn ul li a:hover {
	color: #4cb848;
}

.head-nation {
	position: relative;
	box-sizing: border-box;
	margin-left: 20px;
}

.head-nation:before {
	content: '';
	position: absolute;
	left: -20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 20px;
	background: rgba(255, 255, 255, 0.4);
}

.header .head-nation .current {
	cursor: pointer;
	display: flex;
	align-items: center;
	height: 99px;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding-left: 30px;
	background: url(../image/icon2.png) left center no-repeat;
	background-size: 21px auto;
}

.header .head-nation .current .name {
	font-size: 20px;
	color: #ffffff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.head-nation ul {
	position: absolute;
	left: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 10px);
	transform: translate(-50%, 10px);
	top: 100%;
	z-index: 100;
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 10px;
}

.head-nation:hover ul {
	opacity: 1;
	visibility: visible;
	z-index: 1;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.head-nation ul li a {
	display: block;
	padding: 8px 20px;
	color: #999;
	font-size: 16px;
	min-width: 90px;
	text-align: center;
	white-space: nowrap;
	box-sizing: border-box;
}

.head-nation ul li a:hover {
	color: #4cb848;
}

.header.black,
.header.act {
	background: #FFFFFF;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.header.inter {
	background: #FFFFFF;
	border-bottom: #f0f0f0 solid 1px;
}

.header.black .logo .ic1,
.header.act .logo .ic1,
.header.inter .logo .ic1 {
	opacity: 0;
}

.header.black .logo .ic2,
.header.act .logo .ic2,
.header.inter .logo .ic2 {
	opacity: 1;
}

.header.blacktext .logo .ic1 {
	opacity: 1;
}

.header.blacktext .logo .ic2 {
	opacity: 0;
}

.header.black .nav ul li>a,
.header.act .nav ul li>a,
.header.blacktext .nav ul li>a,
.header.inter .nav ul li>a {
	color: rgba(0, 0, 0, 0.6);
}

.header.black .nav ul li.on>a,
.header.black .nav ul li>a:hover,
.header.act .nav ul li.on>a,
.header.act .nav ul li>a:hover,
.header.blacktext .nav ul li.on>a,
.header.blacktext .nav ul li>a:hover,
.header.inter .nav ul li.on>a,
.header.inter .nav ul li>a:hover {
	color: #000000;
}

.header.black .user-btn img,
.header.act .user-btn img,
.header.blacktext .user-btn img,
.header.inter .user-btn img {
	-webkit-filter: none;
	filter: none;
	opacity: 0.6;
}

.header.black .head-nation:before,
.header.act .head-nation:before,
.header.blacktext .head-nation:before,
.header.inter .head-nation:before {
	background: rgba(0, 0, 0, 0.2);
}

.header.black .head-nation .current,
.header.act .head-nation .current,
.header.blacktext .head-nation .current,
.header.inter .head-nation .current {
	background: url(../image/icon2a.png) left center no-repeat;
	background-size: 21px auto;
}

.header.black .head-nation .current .name,
.header.act .head-nation .current .name,
.header.blacktext .head-nation .current .name,
.header.inter .head-nation .current .name {
	color: rgba(0, 0, 0, 0.6);
}

.filling {
	padding-top: 100px;
}

.header .dropdown {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	background: #FFFFFF url(../image/img2.png) right bottom no-repeat;
	background-size: cover;
	/*display: none;*/
	visibility: hidden;
	opacity: 0;
	z-index: -99;
	pointer-events: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.header .dropdown.show{
	visibility: visible;
	opacity: 1;
	z-index: -1;
	pointer-events: auto;
}
.header .dropdown .columnbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-height: 100vh;
	overflow-y: auto;
}

.header .dropdown .imgbox {
	width: 26.04166666666667%;
	overflow: hidden;
}

.header .dropdown .imgbox img {
	display: block;
	width: 100%;
	max-height: 100vh;
	object-fit: cover;
}

.header .dropdown .content {
	width: 73.95833333333333%;
	/*padding: 7% 7.5% 7% 7%;*/
	padding: 5% 7.5% 3% 7%;
	box-sizing: border-box;
}
.header .dropdown .content .title {
	position: relative;
	/*font-size: 30px;*/
	font-size: 32px;
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}

.header .dropdown .content .title:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #e8e9ea;
}

.header .dropdown .content .title span {
	position: relative;
	display: inline-block;
	padding-bottom: 15px;
}

.header .dropdown .content .title span:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	margin: auto;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}
.header .dropdown .closeicon{
	position: absolute;
	right: 0%;
	bottom: 18px;
}
.header .dropdown .closeicon img{
	width: 38px;
}
.header .dropdown .content .levelbox {
	position: relative;
	display: flex;
	align-items: stretch;
	margin-top: 3.17%;
}

.header .dropdown .content .levelbox .level2 {
	/*width: 20.66115702479339%;
	padding-right: 4.13%;*/
	width: 25%;
	padding-right: 2.5vw;
	box-sizing: border-box;
}

.header .dropdown .content .levelbox .level2 .level2_li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 75px;
	font-family: "HONORSansCN-DemiBold";
	color: rgba(0, 0, 0, 0.6);
	/*font-size: 20px;*/
	/*font-size: 22px;*/
	font-size: 24px;
	border-bottom: rgba(0, 0, 0, 0.06) solid 1px;
}

.header .dropdown .content .levelbox .level2 .level2_li a:hover span,
.header .dropdown .content .levelbox .level2 .level2_li.on>a span,
.header .dropdown .content .levelbox .level3 .subtit a:hover span,
.header .dropdown .content .levelbox .level3 .level3_libox.on .subtit a span,
.viewall a span {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	border-color: transparent;
}

.header .dropdown .content .levelbox .level2 .level2_li a:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.header .dropdown .content .levelbox .level2 .level2_li a:hover:before,
.header .dropdown .content .levelbox .level2 .level2_li.on a:before {
	width: 100%;
}

.header .dropdown .content .levelbox .level2 .level2_li i,
.header .dropdown .content .levelbox .level3 .level3_li i,
.viewall a i {
	display: inline-block;
	width: 40px;
	height: 14px;
	background: url(../image/icon6.png) center no-repeat;
	background-size: 10px auto;
	-webkit-transform: translateX(-15px);
	transform: translateX(-15px);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.header .dropdown .content .levelbox .level2 .level2_li a:hover i,
.header .dropdown .content .levelbox .level2 .level2_li.on i,
.header .dropdown .content .levelbox .level3 .level3_li .subtit a:hover>i,
.header .dropdown .content .levelbox .level3 .level3_libox.on .subtit i,
.viewall a i {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

.header .dropdown .content .levelbox .level3 {
	position: relative;
	/*width: 79.33884297520661%;*/
	width: 75%;
	padding-top: 24px;
	padding-bottom: 60px;
	border-left: rgba(0, 0, 0, 0.06) solid 1px;
	/*box-sizing: border-box;*/
	/*min-height: 400px;*/
}
.header .dropdown .content .levelbox .level3:before{
	content: '';
	position: absolute;
	/*left: 37.5%;*/
	left: 40%;
	top: 0;
	width: 1px;
	height: 100%;
	background: rgba(0, 0, 0, 0.06);
}
.header .dropdown .content .levelbox .level3 .level3_li {
	/*position: relative;
	width: 100%;
	height: 100%;
	display: none;*/
	position: absolute;
	left: 0;
	top: 15px;
	width: 100%;
	min-height: 100%;
	z-index: -99;
	visibility: hidden;
	opacity: 0;
}

.header .dropdown .content .levelbox .level3 .level3_li.on {
	/*display: block;*/
	z-index: 1;
	visibility: visible;
	opacity: 1;
}

.header .dropdown .content .levelbox .level3 .level3_li .level3_libox {
	display: flex;
	padding-bottom: 6px;
}

.header .dropdown .content .levelbox .level3 .subtit {
	/*width: 37.5%;
	padding-left: 5.8333333%;
	padding-right: 10.4%;*/
	width: 40%;
	padding-left: 2.5vw;
	padding-right: 1.7vw;
	padding-top: 6px;
	padding-bottom: 6px;
	box-sizing: border-box;
}

.header .dropdown .content .levelbox .level3 .subtit a,
.viewall a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: rgba(0, 0, 0, 0.8);
	/*font-size: 16px;*/
	/*font-size: 18px;*/
	font-size: 22px;
}

.header .dropdown .content .levelbox .level4 {
	position: absolute;
	top: 12px;
	right: 0;
	/*width: 62.5%;*/
	width: 60%;
	height: 100%;
	/*padding-left: 5.2%;*/
	padding-left: 2.5vw;
	box-sizing: border-box;
	/*overflow: hidden;*/
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	/*border-left: rgba(0, 0, 0, 0.06) solid 1px;*/
	display: flex;
	align-items: flex-start;
}

.header .dropdown .content .levelbox .level3 .level3_li .level3_libox.on .level4 {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

.header .dropdown .content .levelbox .level4 dl {
	float: left;
	/*width: 42.5%;*/
	flex: 1;
}

.header .dropdown .content .levelbox .level4 dl dd {
	margin-bottom: 15px;
}

.header .dropdown .content .levelbox .level4 dl dd a {
	/*font-size: 16px;*/
	/*font-size: 18px;*/
	font-size: 22px;
	color: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.header .dropdown .content .levelbox .level4 dl dd a:hover {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.header .dropdown .content .levelbox .level4 .head-hot-sale {
	float: right;
	width: 57.5%;
	padding-left: 5.56%;
	box-sizing: border-box;
}

.header .dropdown .content .levelbox .level4 .head-hot-sale h5 {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	/*font-size: 20px;*/
	font-size: 22px;
	margin-bottom: 16px;
}

.header .dropdown .content .levelbox .level4 .head-hot-sale .swiper {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.header .dropdown .content .levelbox .level4 .head-hot-sale .swiper a {
	display: block;
	width: 100%;
	overflow: hidden
}

.header .dropdown .content .levelbox .level4 .head-hot-sale .swiper .img {
	width: 100%;
	overflow: hidden;
}

.header .dropdown .content .levelbox .level4 .head-hot-sale .swiper .img img {
	display: block;
	width: 100%;
}

.header .dropdown .content .levelbox .level4 .head-hot-sale .swiper .text {
	margin-top: 20px;
	padding-right: 60px;
	text-align: left;
	color: #000000;
	/*font-size: 16px;*/
	font-size: 18px;
}

.header .dropdown .content .levelbox .level4 .head-hot-sale .swiper-pagination {
	right: 0;
	bottom: 0;
	display: inline-block;
	/*background: #FFFFFF;*/
	background: none;
}

.header .dropdown .content .levelbox .level4 .head-hot-sale .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2);
	margin: 0 4px;
	opacity: 1;
}

.header .dropdown .content .levelbox .level4 .head-hot-sale .swiper-pagination-bullet-active {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.viewall {
	position: absolute;
	/*left: 25.20661157024793%;*/
	left: 5.8333333%;
	bottom: 15px;
	/*width: 17.02479338842975%;*/
	width: 31%;
}

.header .search-icon {
	display: flex;
	align-items: center;
	margin-left: 30px;
}

.header .search-icon span,
.header .search-icon a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: -webkit-linear-gradient(135deg, #0ab496, #78b83c);
	background: linear-gradient(135deg, #0ab496, #78b83c);
	cursor: pointer;
}

.header .search-icon span img,
.header .search-icon a img{
	width: 40%;
}

.header .search-form {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #f8f8f8;
	text-align: center;
	padding-top: 18px;
	padding-bottom: 18px;
	transition: opacity 0.3s, visibility 0.3s;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 18px 18px -24px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.header .search-form.active {
	opacity: 1;
	visibility: visible;
}

.header .search-form .form-body {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 720px;
	width: 46.875%;
	margin: auto;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 36px;
	padding-right: 36px;
	border-radius: 32px;
	border: 1px solid #eee;
}

.header .search-form input {
	flex: 1;
	height: 36px;
	font-size: 16px;
	color: #000000;
	text-align: left;
	background: none;
	border: none;
	outline: none;
}

.header .search-form .icon {
	line-height: 1;
	font-size: 16px;
	flex-shrink: 0;
	width: 20px;
}

.header .search-form .searchIcon {
	margin-right: 15px;
}

.header .search-form .close {
	margin-left: 15px;
}

.header .shopbtn {
	display: flex;
	align-items: center;
	margin-left: 18px;
}

.header .shopbtn a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	height: 50px;
	padding-left: 20px;
	padding-right: 20px;
	background: -webkit-linear-gradient(135deg, #0ab496, #78b83c);
	background: linear-gradient(135deg, #0ab496, #78b83c);
	box-sizing: border-box;
	border-radius: 25px;
	color: #FFFFFF;
	font-size: 20px;
}

.header .shopbtn a img {
	display: inline-block;
	margin-right: 10px;
	max-width: 21px;
}

.sidebar {
	position: fixed;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 12;
}

.sidebar ul li {
	margin-bottom: 2px;
}

.sidebar ul li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	border-radius: 4px;
	background: #FFFFFF;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.sidebar ul li.on a,
.sidebar ul li:hover a {
	background: #0ab496;
}

.sidebar ul li a span {
	position: relative;
	display: flex;
}

.sidebar ul li a img {
	max-width: 31px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.sidebar ul li.istop a img{
	-webkit-transition: none;
	transition: none;
}
.sidebar ul li.on a img,
.sidebar ul li:hover a img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.sidebar ul li a small {
	position: absolute;
	right: -8px;
	top: -8px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 16px;
	height: 16px;
	line-height: 1.2;
	border-radius: 50%;
	font-size: 10px;
	color: #FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
	box-sizing: border-box;
	background: -webkit-linear-gradient(135deg, #0ab496, #78b83c);
	background: linear-gradient(135deg, #0ab496, #78b83c);
}

.sidebar ul li .secondary {
	display: none;
	position: absolute;
	right: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 12;
	min-width: 100%;
	white-space: nowrap;
	text-align: center;
	padding-right: 10px;
}

.sidebar ul li .secondary .box {
	position: relative;
	padding: 10px;
	background: #ffffff;
	box-shadow: 0px 8px 29px rgba(6, 63, 55, 0.2);
	border-radius: 6px;
	box-sizing: border-box;
}

.sidebar ul li .secondary .box::before {
	content: '';
	position: absolute;
	top: 0;
	right: -10px;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 10px solid #ffffff;
}

.sidebar ul li .codeimg {
	text-align: center;
}

.sidebar ul li .codeimg img {
	display: block;
	margin: auto;
	max-width: inherit;
	width: 120px;
}

.sidebar ul li .secondary .txt {
	margin-top: 5px;
	color: rgba(0, 0, 0, 0.4);
	font-size: 14px;
}

.sidebar ul li.istop a {
	background: #0ab496;
}

.sidebar ul li .popupdiv{
	position: absolute;
	right: 100%;
	top: 0;
	z-index: 11;
	padding-right: 2px;
	display: none;
}
.sidebar ul li .popupdiv .close1{
	position: absolute;
	right: 15px;
	top: 20px;
	z-index: 5;
	width: 28px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sidebar ul li .popupdiv .close1 img{
	max-width: 54%;
}
.sidebar ul li .popupdiv .layui-form{
	width: 400px;
	padding: 50px 30px;
	background: #FFFFFF;
	box-sizing: border-box;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	border-radius: 5px;
}
.sidebar ul li .popupdiv .layui-form-item{
	margin-bottom: 10px;
}
.sidebar ul li .popupdiv .layui-form-item:last-child{
	margin-bottom: 0;
}
.sidebar ul li .popupdiv .layui-input-block{
	width: 100%;
	border-radius: 2px;
	overflow: hidden;
	margin: 0;
}

.sidebar ul li .popupdiv .layui-input-block .layui-input{
	display: block;
	width: 100%;
	height: 50px;
	background: none;
	border: none;
	font-family: "HONORSansCN-Regular";
	color: rgba(0,0,0,0.6);
	font-size: 16px;
	padding: 0px 15px;
	border: rgba(0,0,0,0.1) solid 1px;
	box-sizing: border-box;
	overflow: hidden;
}
.sidebar ul li .popupdiv .layui-input-block .layui-textarea{
	display: block;
	width: 100%;
	height: 160px;
	padding: 15px;
	background: none;
	font-family: "HONORSansCN-Regular";
	color: rgba(0,0,0,0.6);
	font-size: 16px;
	border: rgba(0,0,0,0.1) solid 1px;
	box-sizing: border-box;
	overflow: hidden;
}
.sidebar ul li .popupdiv .layui-input-block .layui-btn{
	width: 100%;
	height: 50px;
	border-radius: 2px;
	background: #0ab496;
	border: none;
	font-family: "HONORSansCN-Regular";
	color: #FFFFFF;
	font-size: 18px;
}

.footer {
	padding-top: 4.166666666666667%;
	padding-bottom: 1.5625%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

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

.footer .lookup {
	width: 31.25%;
	overflow: hidden;
}

.footer .lookup h3 {
	font-family: "HONORSansCN-DemiBold";
	color: #FFFFFF;
}

.footer .lookup form {
	margin-top: 30px;
	display: flex;
	align-items: center;
	max-width: 500px;
	width: 100%;
	height: 60px;
	padding: 0 32px;
	box-sizing: border-box;
	border: rgba(255, 255, 255, 0.1) solid 1px;
	border-radius: 30px;
}

.footer .lookup .footer-search-text {
	flex: 1;
	color: #FFFFFF;
	font-size: 18px;
	border: none;
	background: none;
	outline: none;
}

.footer .lookup .footer-search-text::-webkit-input-placeholder {
	font-family: "HONORSansCN-Regular";
	color: rgba(255, 255, 255, 0.2);
}

.footer .lookup .footer-search-text:-moz-placeholder {
	font-family: "HONORSansCN-Regular";
	color: rgba(255, 255, 255, 0.2);
}

.footer .lookup .footer-search-text::-moz-placeholder {
	font-family: "HONORSansCN-Regular";
	color: rgba(255, 255, 255, 0.2);
}

.footer .lookup .footer-search-text:-ms-input-placeholder {
	font-family: "HONORSansCN-Regular";
	color: rgba(255, 255, 255, 0.2);
}

.footer .lookup .footer-search-icon {
	width: 45px;
	height: 100%;
	background: url(../image/icon7.png) right center no-repeat;
	background-size: 21px auto;
}

.footer .inquiries {
	margin-top: 20px;
}

.footer .inquiries ul {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.footer .inquiries ul li {
	margin-right: 18px;
	margin-bottom: 5px;
}

.footer .inquiries ul li:last-child {
	margin-right: 0;
}

.footer .inquiries ul li a {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.2);
	line-height: 1.5;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.footer .inquiries ul li a:hover {
	color: #FFFFFF;
}

.footer .box .wrap {
	flex: 1;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

.footer .box .wrapbox {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}

.footer .box .footernav {
	display: flex;
	padding-bottom: 35px;
	border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
}

.footer .box .footernav .item {
	margin-right: 60px;
}

.footer .box .footernav .item:last-child {
	margin-right: 0;
}

.footer .box .footernav .item a {
	position: relative;
	color: #ffffff;
	font-size: 20px;
}

.footer .box .qrcode {
	margin-top: 35px;
	display: flex;
	justify-content: flex-end;
}

.footer .box .qrcode ul {
	display: flex;
	align-items: flex-start;
}

.footer .box .qrcode ul li {
	margin-right: 12px;
}

.footer .box .qrcode ul li:last-child {
	margin-right: 0;
}

.footer .box .qrcode ul li img {
	max-width: 75px;
}

.footer .box .qrcode .text {
	margin-top: 5px;
	text-align: center;
	color: rgba(255, 255, 255, 0.2);
	font-size: 16px;
}

.footer .footerbottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2.625%;
}

.footer .footershare ul {
	display: flex;
	align-items: center;
}

.footer .footershare ul li {
	position: relative;
	margin-right: 24px;
}

.footer .footershare ul li:last-child {
	margin-right: 0;
}

.footer .footershare ul li a img {
	opacity: 0.2;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.footer .footershare ul li:hover a img {
	opacity: 1;
}

.footer .footershare ul li .codebox {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 100%;
	width: 75px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.footer .footershare ul li:hover .codebox {
	opacity: 1;
	visibility: visible;
}

.footer .footershare ul li .codebox .img {
	overflow: hidden;
	background-color: #FFFFFF;
}

.footer .footershare ul li .codebox .img img {
	width: 100%;
}

.footer .footershare ul li .codebox .sjx {
	display: block;
	width: 0;
	height: 0;
	margin: auto;
	border-style: solid;
	border-width: 8px;
	border-color: #FFFFFF transparent transparent transparent;
}

.footer .copylink {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	/*color: rgba(255, 255, 255, 0.1);*/
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.7;
}

.footer .copylink a {
	/*color: rgba(255, 255, 255, 0.1);*/
	color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.footer .copylink a:hover {
	color: #FFFFFF;
}

.footer .poweredBy {
	margin-left: 10px;
	/*color: rgba(255, 255, 255, 0.04);*/
	color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.footer .poweredBy a {
	/*color: rgba(255, 255, 255, 0.04);*/
	color: #FFFFFF;
}

.footer .poweredBy:hover,
.footer .poweredBy:hover a {
	/*color: rgba(255, 255, 255, 0.3);*/
	color: #FFFFFF;
}

.banner {
	position: relative;
	width: 100%;
	/*transform: translate3d(0, 0, 0);*/
	overflow: hidden;
	height: 100vh;
}

.banner .main-swiper {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.banner .thumbs-box {
	position: absolute;
	left: 0;
	bottom: 3.4375vw;
	z-index: 10;
	width: 100%;
}

.banner .thumbs-box .maincontainer {
	display: flex;
	/*justify-content: space-between;
	align-items: center;*/
	justify-content: flex-end;
}

.banner .thumbs-swiper {
	position: relative;
	width: 25%;
	overflow: hidden;
	margin: 0;
}

.banner .swiper-slide {
	/*transform: translate3d(0, 0, 0);*/
}

.banner .swiper-slide a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.banner .swiper-slide a>img,
.banner .swiper-slide a>video {
	display: block;
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

.mImg {
	display: none;
}

.bannerText {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 7;
	box-sizing: border-box;
}

.bannerText .box {
	width: 100%;
	padding-right: 5%;
	box-sizing: border-box;
}

.bannerText .box .t1 {
	font-family: "HONORSansCN-DemiBold";
	color: #FFFFFF;
	line-height: 1.4;
}

.bannerText .box .t2 {
	margin-top: 10px;
	font-family: "HONORSansCN-DemiBold";
	color: #FFFFFF;
}

.banner .thumbs-swiper .swiper-slide .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: #ffffff;
	cursor: pointer;
}

.banner .thumbs-swiper .swiper-slide .item .img {
	width: 60%;
	overflow: hidden;
}

.banner .thumbs-swiper .swiper-slide .item .img img {
	display: block;
	width: 100%;
}

.banner .thumbs-swiper .swiper-slide .item .text {
	width: 40%;
	padding-left: 7%;
	padding-right: 5%;
	overflow: hidden;
	box-sizing: border-box;
}

.banner .thumbs-swiper .swiper-slide .item .text .t1 {
	color: rgba(0, 0, 0, 0.2);
	text-transform: capitalize;
}

.banner .thumbs-swiper .swiper-slide .item .text .t2 {
	margin-top: 10px;
	color: #000000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.progress-bar {
	position: absolute;
	left: 8.33333333333333%;
	bottom: 15%;
	width: 57.29166666666667%;
	/*width: 68.75%;*/
	height: 2px;
	background: rgba(255, 255, 255, 0.1);
}

.banner .main-swiper {
	position: relative;
}


/*.banner .main-swiper:before{
	content: '';
	position: absolute;
	left: 8.33333333333333%;
	bottom: 15%;
	z-index: 10;
	width: 57.29166666666667%;
	height: 2px;
	background: rgba(255,255,255,0.1);
}*/

.progress-bar span {
	position: relative;
	display: block;
	width: 0;
	height: 100%;
	background: #FFFFFF;
}

.size50 {
	font-size: 50px;
}

.size40 {
	font-size: 40px;
}

.size36 {
	font-size: 36px;
}

.size30 {
	font-size: 30px;
}

.size24 {
	font-size: 24px;
}

.size20 {
	font-size: 20px;
}

.size18 {
	font-size: 18px;
}

.size16 {
	font-size: 16px;
}

.size14 {
	font-size: 14px;
}

.padt80 {
	padding-top: 80px;
}

.padt100 {
	padding-top: 100px;
}

.padb100 {
	padding-bottom: 100px;
}

.padb120 {
	padding-bottom: 120px;
}

.padt140 {
	padding-top: 140px;
}

.padt120 {
	padding-top: 120px;
}

.padt160 {
	padding-top: 160px;
}

.padb150 {
	padding-bottom: 150px;
}

.padb170 {
	padding-bottom: 170px;
}

#cas {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#cas canvas {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	opacity: 0.2;
}

.current_title .size24 {
	font-family: "HONORSansCN-DemiBold";
	color: rgba(0, 0, 0, 0.4);
}

.current_title .size40 {
	position: relative;
	display: inline-flex;
	padding-top: 6px;
	font-family: "HONORSansCN-DemiBold";
	color: rgba(0, 0, 0, 1);
}

.current_title .size40:before {
	content: '';
	position: absolute;
	right: -45px;
	top: -20px;
	width: 48px;
	height: 40px;
	background: url(../image/icon16.png) center no-repeat;
	background-size: 100% auto;
}

.current_title.white .size24 {
	color: rgba(255, 255, 255, 0.6);
}

.current_title.white .size40 {
	color: #FFFFFF;
}

.current_btn {
	display: flex;
}

.current_btn a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 170px;
	overflow: hidden;
	color: rgba(0, 0, 0, 0.6);
	font-size: 16px;
	/*-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;*/
}

.current_btn.white a {
	color: rgba(255, 255, 255, 0.6);
}

.current_btn a:hover {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	border-color: transparent;
}

.current_btn a span {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	border: rgba(0, 0, 0, 0.1) solid 1px;
	padding: 0px 25px;
	box-sizing: border-box;
	/*-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;*/
}

.current_btn.white a span {
	border: rgba(255, 255, 255, 0.2) solid 1px;
}

.current_btn a:hover span {
	border: #3bb66e solid 1px;
}

.current_btn a i {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-left: 2px;
	background: -webkit-linear-gradient(135deg, #0ab496, #78b83c);
	background: linear-gradient(135deg, #0ab496, #78b83c);
}

.current_btn a i:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../image/icon6a.png) center no-repeat;
	background-size: 10px auto;
}


/*.current_btn a span:before{
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 1px;
    background: linear-gradient(135deg, #0ab496, #78b83c);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: all .5s ease-in-out;
    z-index: 0;
    background-size: 100% auto;
    background-position: 0;
    opacity: 0;
    box-sizing: border-box;
}
.current_btn a:hover span:before{
	opacity: 1;
}*/

.index_product {
	position: relative;
}

.index_product .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.index_product .box {
	margin-top: 2.25%;
}

.index_product .box ul {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.index_product .box ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 32.75%;
	/*min-height: 15.83333333333333vw;*/
	margin-right: 0.875%;
	margin-top: 0.4375%;
	margin-bottom: 0.4375%;
	background: url(../image/img8.jpg) center no-repeat;
	background-size: cover;
	padding: 2.8% 1.875% 2.8% 2.8%;
	box-sizing: border-box;
}

.index_product .box ul li:nth-child(3n) {
	margin-right: 0;
}

.index_product .box ul li .textbox {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	width: 48%;
	height: 100%;
	overflow: hidden;
}

.index_product .box ul li .textbox .size24 {
	display: inline-block;
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.index_product .box ul li:hover .textbox .size24 {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	border-color: transparent;
}

.index_product .box ul li .textbox .size18 {
	display: block;
	margin-top: 12px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.7;
}
.index_product .box ul li .textbox .size18 a{
	color: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.index_product .box ul li .textbox .size18 a:hover{
	/*background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;*/
	font-weight: bold;
}
.index_product .box ul li .text{
	margin-bottom: 15px;
}
.index_product .box ul li .more a {
	display: inline-block;
	color: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.index_product .box ul li:hover .more a {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	border-color: transparent;
}

.index_product .box ul li .imgbox {
	width: 50%;
	text-align: center;
	overflow: hidden;
}

.index_product .box ul li .imgbox a {
	position: relative;
	display: block;
	width: 100%;
}

.index_product .box ul li .imgbox img {
	width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.index_product .box ul li .imgbox .im2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}

.index_product .box ul li:hover .imgbox .im1 {
	opacity: 0;
}

.index_product .box ul li:hover .imgbox .im2 {
	opacity: 1;
}

.index_application {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
}

.index_application .box .item {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -99;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
}

.index_application .box .item.active {
	/*position: relative;*/
	z-index: 1;
	opacity: 1;
	visibility: visible;
}

.index_application .box .item .swiper {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.index_application .box .item .swiper .swiper-slide {
	position: relative;
}

.index_application .box .item .swiper .img {
	position: relative;
}

.index_application .box .item .swiper .img:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0.8) 100%);
}

.index_application .box .item .swiper .img img {
	display: block;
	min-width: 100%;
	height: 100vh;
	object-fit: cover;
}

.index_application .box .item .swiper .text {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40.625%;
	min-height: 364px;
	padding: 2.65%;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.2);
}

.index_application .box .item .swiper .text .size24 {
	font-family: "HONORSansCN-DemiBold";
	color: #FFFFFF;
}

.index_application .box .item .swiper .text .size16 {
	margin-top: 12px;
	margin-bottom: 24px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.7;
}

.index_autoelectronics {
	background: url(../image/img20.jpg) center bottom;
	background-size: cover;
}

.AutoElectronics {
	background: none;
}

.index_autoelectronics .maincontainer {
	display: flex;
	justify-content: flex-end;
}

.index_autoelectronics .wrap {
	position: relative;
}

.index_autoelectronics .wrap {
	width: 77.875%;
}

.AutoElectronics .wrap {
	margin-left: 6%;
}

.index_autoelectronics .wrap .imgbox {
	position: relative;
	z-index: 1;
}

.index_autoelectronics .wrap .imgbox img {
	width: 100%;
}

.index_autoelectronics .wrap ul {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
}

.index_autoelectronics .wrap ul li {
	position: absolute;
}

.index_autoelectronics .wrap ul li.a1 {
	left: 0;
	top: 33%;
	width: 43%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.index_autoelectronics .wrap ul li.a2 {
	left: 0;
	bottom: 27%;
	width: 30.8%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.index_autoelectronics .wrap ul li.a3 {
	left: 17%;
	top: 19%;
	z-index: 3;
	width: 43%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.index_autoelectronics .wrap ul li.a4 {
	/*left: 17%;
	top: 30%;
	width: 43%;*/
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	right: 0;
	bottom: 8.3%;
	width: 41%;
}

.index_autoelectronics .wrap ul li.a5 {
	/*right: 21%;
    top: 25%;
	width: 43%;*/
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	right: 0%;
	top: 7%;
	width: 21.82985553772071%;
}

.index_autoelectronics .wrap ul li .w1 {
	position: absolute;
	right: -4px;
	bottom: -4px;
	z-index: 2;
}

.index_autoelectronics .wrap ul li.a4 .w1 {
	right: auto;
	bottom: auto;
	left: -8px;
	top: 0;
}

.index_autoelectronics .wrap ul li.a5 .w1 {
	right: auto;
	left: -8px;
}

.index_autoelectronics .wrap ul li .text {
	display: flex;
}

.index_autoelectronics .wrap ul li .text span {
	font-size: 20px;
}

.index_autoelectronics .wrap ul li .w1 .text {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 145px;
	height: 50px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.index_autoelectronics .wrap ul li .w2 .text{
	opacity: 0 !important;
}
/*.index_autoelectronics .wrap ul li.active .w1 .text {
	opacity: 0;
}*/
.index_autoelectronics .wrap ul li.active .w1 .text{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
}
.index_autoelectronics .wrap ul li.active .w1 .text span{
    -webkit-text-fill-color: #FFFFFF;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.index_autoelectronics .wrap ul li.a1 .w1 .text,
.index_autoelectronics .wrap ul li.a3 .w1 .text {
	bottom: 40px;
}

.index_autoelectronics .wrap ul li.a2 .w1 .text,
.index_autoelectronics .wrap ul li.a4 .w1 .text,
.index_autoelectronics .wrap ul li.a5 .w1 .text {
	top: 40px;
}

.index_autoelectronics .wrap ul li .w2 {
	position: relative;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: -99;
	/*pointer-events: none;*/
}

.index_autoelectronics .wrap ul li.active .w2 {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

.index_autoelectronics .wrap ul li .w2 .text {
	position: relative;
	padding-bottom: 15px;
	opacity: 0;
	-webkit-transition: all 0.6s ease 0.7s;
	transition: all 0.6s ease 0.7s;
}

.index_autoelectronics .wrap ul li.a1 .w2 .text,
.index_autoelectronics .wrap ul li.a2 .w2 .text,
.index_autoelectronics .wrap ul li.a3 .w2 .text {
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}

.index_autoelectronics .wrap ul li.a4 .w2 .text,
.index_autoelectronics .wrap ul li.a5 .w2 .text {
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}

.index_autoelectronics .wrap ul li.active .w2 .text {
	-webkit-transform: translateX(0) !important;
	transform: translateX(0) !important;
	opacity: 1;
}

.index_autoelectronics .wrap ul li.a4 .w2 .text {
	display: flex;
	justify-content: flex-end;
	padding-bottom: 0;
	padding-top: 15px;
}

.index_autoelectronics .wrap ul li.a5 .w2 .text {
	display: flex;
	justify-content: flex-end;
}

.index_autoelectronics .wrap ul li .w1 .text span {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	border-color: transparent;
}

.index_autoelectronics .wrap ul li .w2 .text span {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 145px;
	height: 50px;
	color: #FFFFFF;
	padding: 0px 24px;
	box-sizing: border-box;
	background: -webkit-linear-gradient(135deg, #0ab496, #78b83c);
	background: linear-gradient(135deg, #0ab496, #78b83c);
}

.index_autoelectronics .wrap ul li .spot {
	position: relative;
	width: 22px;
	height: 22px;
	background: #FFFFFF;
	border-radius: 50%;
}

.index_autoelectronics .wrap ul li .spot:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 72.72727272727273%;
	height: 72.72727272727273%;
	background: -webkit-linear-gradient(135deg, #0ab496, #78b83c);
	background: linear-gradient(135deg, #0ab496, #78b83c);
	border-radius: 50%;
}

.index_autoelectronics .wrap ul li .line {
	position: relative;
	z-index: 1;
	width: 100%;
}

.index_autoelectronics .wrap ul li .line>img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	opacity: 0;
}

.index_autoelectronics .wrap ul li .stripe {
	position: absolute;
	top: 0;
	width: 0%;
	height: 100%;
	overflow: hidden;
}

.index_autoelectronics .wrap ul li.a1 .stripe,
.index_autoelectronics .wrap ul li.a2 .stripe,
.index_autoelectronics .wrap ul li.a3 .stripe {
	right: 0;
}

.index_autoelectronics .wrap ul li.a4 .stripe,
.index_autoelectronics .wrap ul li.a5 .stripe {
	left: 0;
}

.index_autoelectronics .wrap ul li.active .stripe {
	-webkit-animation: slide-in 1.5s forwards;
	animation: slide-in 1.5s forwards;
}

@-webkit-keyframes slide-in {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@keyframes slide-in {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

.index_autoelectronics .wrap ul li .stripe img {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: auto;
	height: 100%;
	max-width: inherit;
}

.index_autoelectronics .wrap ul li.a1 .stripe img,
.index_autoelectronics .wrap ul li.a2 .stripe img,
.index_autoelectronics .wrap ul li.a3 .stripe img {
	right: 0;
}

.index_autoelectronics .wrap ul li.a4 .stripe img,
.index_autoelectronics .wrap ul li.a5 .stripe img {
	left: 0;
}

.index_autoelectronics .wrap ul li dl {
	position: absolute;
	top: 70px;
	z-index: 3;
	display: flex;
	flex-wrap: wrap;
	max-width: 300px;
	width: 71.2%;
	margin-top: 15px;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	-webkit-transition: all 0.6s ease 0.7s;
	transition: all 0.6s ease 0.7s;
}

.index_autoelectronics .wrap ul li.a1 dl,
.index_autoelectronics .wrap ul li.a2 dl,
.index_autoelectronics .wrap ul li.a3 dl {
	left: 0;
	-webkit-transform: translateX(30px);
	transform: translateX(30px);
}

.index_autoelectronics .wrap ul li.a4 dl,
.index_autoelectronics .wrap ul li.a5 dl {
	right: 0;
	width: 78%;
	-webkit-transform: translateX(-30px);
	transform: translateX(-30px);
}

.index_autoelectronics .wrap ul li.active dl {
	-webkit-transform: translateX(0) !important;
	transform: translateX(0) !important;
	opacity: 1;
}

.index_autoelectronics .wrap ul li.a4 dl {
	top: auto;
	bottom: 70px;
	margin-top: 0;
	margin-bottom: 15px;
}

.index_autoelectronics .wrap ul li dl dd {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 2%;
	background: #FFFFFF;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}

.index_autoelectronics .wrap ul li dl dd:nth-child(2n) {
	margin-right: 0;
}

.index_autoelectronics .wrap ul li dl dd a {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 40px;
	text-align: center;
	color: rgba(0, 0, 0, 0.6);
	padding: 4px 12px;
	box-sizing: border-box;
}

.index_autoelectronics .wrap ul li dl dd a:hover {
	color: #ffffff;
}

.index_autoelectronics .wrap ul li dl dd a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(135deg, #0ab496, #78b83c);
	background: linear-gradient(135deg, #0ab496, #78b83c);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.index_autoelectronics .wrap ul li dl dd:hover a:before {
	opacity: 1;
}

.index_application .content {
	position: absolute;
	top: 180px;
	left: 8.333333333333333%;
	z-index: 10;
}

.index_application .columnwrap {
	display: flex;
	margin-top: 50px;
}

.index_application .columnwrap ul {
	position: relative;
}

.index_application .columnwrap ul li {
	padding-right: 12px;
	margin-bottom: 15px;
}

.index_application .columnwrap ul li span,
.index_application .columnwrap ul li a{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #FFFFFF;
	font-size: 20px;
	white-space: nowrap;
	min-width: 200px;
	height: 60px;
	padding: 0px 24px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.06);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
}

.index_application .columnwrap ul li.active>span,
.index_application .columnwrap ul li span:hover,
.index_application .columnwrap ul li.active>a,
.index_application .columnwrap ul li a:hover{
	background: none;
	color: #FFFFFF !important;
}
.index_application .columnwrap ul li span a{
	color: #ffffff;
}
.index_application.gray .columnwrap ul li span a{
	color: rgba(0, 0, 0, 0.6);
}
.index_application .columnwrap ul li.active>span>a,
.index_application .columnwrap ul li span:hover>a{
	color: #ffffff !important;
}

.index_application .columnwrap ul li span:before,
.index_application .columnwrap ul li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(135deg, #0ab496, #78b83c);
	background: linear-gradient(135deg, #0ab496, #78b83c);
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.index_application .columnwrap ul li.active>span:before,
.index_application .columnwrap ul li span:hover:before,
.index_application .columnwrap ul li dl dd.active span:before,
.index_application .columnwrap ul li.active>a:before,
.index_application .columnwrap ul li a:hover:before,
.index_application .columnwrap ul li dl dd.active a:before{
	opacity: 1;
}

.index_application .columnwrap ul li span:after,
.index_application .columnwrap ul li a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border: #FFFFFF solid 1px;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.index_application .columnwrap ul li.active>span:after,
.index_application .columnwrap ul li span:hover:after,
.index_application .columnwrap ul li dl dd.active span:after,
.index_application .columnwrap ul li.active>a:after,
.index_application .columnwrap ul li a:hover:after,
.index_application .columnwrap ul li dl dd.active a:after{
	border: transparent solid 1px;
}

.index_application .columnwrap ul li span i,
.index_application .columnwrap ul li a i{
	display: inline-block;
	margin-left: 12px;
	width: 10px;
	height: 14px;
	background: url(../image/icon6a.png) center no-repeat;
	background-size: 100% auto;
}

.index_application .columnwrap ul li dl {
	position: absolute;
	left: 100%;
	top: 0;
	z-index: -9999;
	visibility: hidden;
	opacity: 0;
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.index_application .columnwrap ul li.active dl {
	z-index: 5;
	visibility: visible;
	opacity: 1;
	height: auto;
}

.index_application .columnwrap ul li dl dd {
	margin-bottom: 10px;
}

.index_application .columnwrap ul li dl dd span,
.index_application .columnwrap ul li dl dd a{
	padding: 0px 20px;
	height: 40px;
	font-size: 16px;
}

.index_application.gray .columnwrap ul li span,
.index_application.gray .columnwrap ul li a{
	color: rgba(0, 0, 0, 0.6);
	background: rgba(0, 0, 0, 0.02);
	border: rgba(0, 0, 0, 0.1) solid 1px;
}

.index_about {
	position: relative;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.index_about .effectbox {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}

.index_about .box {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
}

.index_about .box .img {
	width: 38.125%;
	overflow: hidden;
	text-align: center;
}

.index_about .box .img img {
	max-width: 100%;
}

.index_about .box .textbox {
	width: 52.5%;
	padding-right: 8.5%;
	overflow: hidden;
	box-sizing: border-box;
}

.index_about .box .textbox .text {
	margin-top: 24px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.7;
}

.index_nums {
	margin-top: 40px;
	margin-bottom: 10%;
}

.index_nums ul {
	display: flex;
	flex-wrap: wrap;
}

.index_nums ul li {
	position: relative;
	min-width: 20%;
	padding-right: 7%;
	margin-right: 7%;
	box-sizing: border-box;
}

.index_nums ul li:last-child {
	margin-right: 0;
	padding-right: 0;
}

.index_nums ul li:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
}

.index_nums ul li:last-child:before {
	display: none;
}

.index_nums ul li .t1 {
	display: flex;
	align-items: baseline;
}

.index_nums ul li .timer {
	position: relative;
	z-index: 1;
	font-family: "HONORSansCN-Bold";
	font-size: 60px;
	line-height: 1;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	border-color: transparent;
}

.index_nums ul li .icon {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin-left: -8px;
	background: #FFFFFF;
	border-radius: 50%;
}

.index_nums ul li .icon img {
	max-width: 24px;
}

.index_nums ul li .sp {
	display: inline-block;
	margin-left: 7px;
	font-size: 20px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	border-color: transparent;
}

.index_nums ul li .t2 {
	margin-top: 6px;
	color: rgba(0, 0, 0, 0.6);
}

.index_new {
	position: relative;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.index_new .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.index_new .box {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-top: 2.5%;
}

.index_mainnew {
	width: 40%;
}

.index_mainnew a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.index_mainnew a:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.index_mainnew .img {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.index_mainnew .img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.index_mainnew a:hover .img img {
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}

.index_mainnew .text {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	width: 100%;
	padding: 30px 40px;
	box-sizing: border-box;
}

.index_mainnew .text .size16 {
	color: rgba(255, 255, 255, 0.6);
}

.index_mainnew .text .size24 {
	margin-top: 10px;
	font-family: "HONORSansCN-DemiBold";
	color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.index_mainnew a:hover .text .size24{
	color: rgba(255,255,255,0.8);
}
.index_newlist {
	width: 60%;
	border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
}

.index_newlist ul {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	height: 100%;
}

.index_newlist ul li {
	width: 50%;
	height: 50%;
	border-top: rgba(0, 0, 0, 0.1) solid 1px;
	border-right: rgba(0, 0, 0, 0.1) solid 1px;
	box-sizing: border-box;
}

.index_newlist ul li a {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 7.5% 8.3%;
}

.index_newlist ul li a:before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../image/img16.png) right bottom no-repeat;
	background-size: 25.83333333333333% auto;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.index_newlist ul li:hover a:before {
	opacity: 1;
}

.index_newlist ul li p.size16 {
	display: inline-block;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	border-color: transparent;
}

.index_newlist ul li .size20 {
	margin-top: 12px;
	color: #000000;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* 显示两行文本 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.index_newlist ul li:hover .size20{
	font-weight: bold;
	/*opacity: 0.8;*/
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.index_newlist ul li .more {
	margin-top: 20px;
}

.index_newlist ul li .more span {
	color: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.index_newlist ul li a:hover .more span{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.index_newlisting {
	margin-top: 35px;
	position: relative;
	width: 100%;
	height: 54px;
	overflow: hidden;
	border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
}

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

.index_newlisting ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.index_newlisting ul li .text {
	/*flex: 1;*/
	display: flex;
	width: 100%;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.7;
	padding-bottom: 15px;
	box-sizing: border-box;
}

.index_newlisting ul li .sp1 {
	display: inline-block;
	margin-right: 20px;
}

.index_newlisting ul li .sp2 {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index_newlisting ul li:hover .sp1,
.index_newlisting ul li:hover .sp2{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.index_newlisting ul li .more {
	padding-bottom: 15px;
}

.index_newlisting ul li .more a {
	white-space: nowrap;
	color: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.index_newlisting ul li:hover .more a {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	border-color: transparent;
}
@media screen and (min-width: 1025px) {
	.index_product,
	.index_about,
	.index_new{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100vh;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.index_product .maincontainer,
	.index_new .maincontainer,
	.index_about .maincontainer{
		/*padding-top: 3vw;*/
		position: absolute;
		top: 8.33333333333vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.index_application .content{
		top: 8.33333333333vw;
	}
	.bannerText .box,
	.index_product .wrap,
	.index_product .box,
	.index_application .current_title,
	.index_application .columnwrap,
	.index_about .box .img,
	.index_about .textbox .current_title,
	.index_about .textbox .text,
	.index_about .textbox .index_nums,
	.index_about .textbox .current_btn{
		pointer-events: none;
	    opacity: 0;
	    -webkit-transform: translateY(2.5vw);
	    transform: translateY(2.5vw);
	}
	.section.active .bannerText .box{
		-webkit-animation: toup 0.6s forwards ease;
		animation: toup 0.6s forwards ease;
	}
	.section.active .index_product .wrap,
	.section.active .index_product .box,
	.section.active .index_application .current_title,
	.section.active .index_application .columnwrap,
	.section.active .index_about .box .img,
	.section.active .index_about .textbox .current_title,
	.section.active .index_about .textbox .text,
	.section.active .index_about .textbox .index_nums,
	.section.active .index_about .textbox .current_btn{
		-webkit-animation: toup 1s forwards ease-in-out;
		animation: toup 1s forwards ease-in-out;
	}
	
	@-webkit-keyframes toup{
	    0% {
	        pointer-events: none;
	        opacity: 0;
	        transform: translateY(10vw);
	        /*-webkit-filter: blur(2px);
	        filter: blur(2px);*/
	    }
	    100% {
	        pointer-events: auto;
	        opacity: 1;
	        transform: translateY(0);
	        /*-webkit-filter: blur(0);
	        filter: blur(0);*/
	    }
	}
	@keyframes toup{
	    0% {
	        pointer-events: none;
	        opacity: 0;
	        transform: translateY(10vw);
	        /*-webkit-filter: blur(2px);
	        filter: blur(2px);*/
	    }
	    100% {
	        pointer-events: auto;
	        opacity: 1;
	        transform: translateY(0);
	        /*-webkit-filter: blur(0);
	        filter: blur(0);*/
	    }
	}
}

/**/

.obanner {
	position: relative;
	z-index: 5;
}

.obanner>img {
	width: 100%;
}

.bannerImg {
	display: none;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.obanner .videobox{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.obanner .videobox:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	/*background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));*/
	background: rgba(0,0,0,0.5);
}
.obanner .videobox video{
	display: block;
	min-width: 100%;
	height: 100vh;
	object-fit: cover;
}
.bannerTitle {
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 5;
	width: 100%;
}

.bannerTitle .content {
	display: flex;
	flex-direction: column;
}

.bannerTitle .box {
	position: relative;
	width: 49.6875%;
	padding-top: 4.166666666666667vw;
	padding-bottom: 2.083333333333333vw;
	padding-left: 8.33333333333333%;
	padding-right: 3.125%;
	box-sizing: border-box;
}

.bannerTitle .box.w1 {
	max-width: 954px;
}

.bannerTitle .box.w2 {
	max-width: 674px;
}

.bannerTitle .box i {
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	background: #00c5a7;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.bannerTitle .box i.animated {
	width: 100%;
}

.bannerTitle .box h2 {
	position: relative;
	display: inline-flex;
	font-family: "HONORSansCN-DemiBold";
	color: #ffffff;
}

.bannerTitle .box h2:before {
	content: '';
	position: absolute;
	right: -45px;
	top: -20px;
	width: 48px;
	height: 40px;
	background: url(../image/icon16.png) center no-repeat;
	background-size: 100% auto;
}

.bannerTitle .box .text {
	margin-top: 10px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.7;
}

.bannerTitle .box .text1 {
	margin-top: 10px;
	font-family: "HONORSansCN-DemiBold";
	color: rgba(255, 255, 255, 0.4);
	line-height: 1.7;
}

.bannerTitle .crumbs {
	width: 83.33333333333333%;
	margin: auto;
}

.crumbs {
	display: flex;
	align-items: center;
}

.crumbs .wrap {
	display: flex;
	align-items: center;
	padding-top: 18px;
	padding-bottom: 18px;
}

.crumbs .wrap span,
.crumbs .wrap a {
	color: rgba(255, 255, 255, 0.4);
	font-size: 16px;
	line-height: 1.75;
	margin: 0 2px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.crumbs .wrap a:hover,
.crumbs .wrap a.on {
	color: #FFFFFF;
}

.crumbs.other .wrap span,
.crumbs.other .wrap a {
	color: rgba(0, 0, 0, 0.4);
}

.crumbs.other .wrap a:hover,
.crumbs.other .wrap a.on {
	color: #0ab496;
}

.crumbs .wrap span {
	display: inline-block;
	width: 24px;
	height: 18px;
	background: url(../image/icon21.png) center no-repeat;
	background-size: 7px auto;
}

.crumbs.other .wrap span {
	background: url(../image/icon21a.png) center no-repeat;
	background-size: 7px auto;
}

.recruitbanner .bannerTitle {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.recruitbanner .bannerTitle .box {
	text-align: center;
	width: 100%;
	padding: 0;
}

.recruitbanner .bannerTitle .box h2:before {
	display: none;
}

.recruitbanner .bannerTitle .box .text1 {
	margin-top: 0;
}

.obanner .bannerTitle .btns {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

.obanner .bannerTitle .btns .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 186px;
	height: 48px;
	border: #ffffff solid 1px;
	border-radius: 24px;
	padding: 0px 20px;
	box-sizing: border-box;
	color: #FFFFFF;
	font-size: 16px;
	margin: 0 10px;
	cursor: pointer;
}

.obanner .bannerTitle .btns .btn i {
	position: static;
	display: inline-block;
	margin-left: 15px;
	width: 11px;
	height: 13px;
	background: url(../image/icon77.png) center no-repeat;
	background-size: 100% auto;
}

.obanner .moreIcon {
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
	width: 50px;
	padding-top: 30px;
	margin: auto;
	cursor: pointer;
}

.obanner .moreIcon span {
	position: relative;
	display: block;
	width: 10px;
	height: 10px;
	margin: auto;
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	transform: rotate(-135deg);
}

.obanner .moreIcon span:nth-child(1) {
	top: -3px;
	animation: arrow-down 2s infinite;
	animation-delay: -0.2s;
}

.obanner .moreIcon span:nth-child(2) {
	top: -9px;
	animation: arrow-down1 2s infinite;
	animation-delay: -0.4s;
}

@keyframes arrow-down {
	0% {
		opacity: 0;
		transform: rotate(-135deg) translate(15px, 15px);
	}
	50% {
		opacity: 0.8;
	}
	100% {
		opacity: 0;
		transform: rotate(-135deg) translate(-15px, -15px);
	}
}

@keyframes arrow-down1 {
	0% {
		opacity: 0;
		transform: rotate(-135deg) translate(15px, 15px);
	}
	50% {
		opacity: 0.8;
	}
	100% {
		opacity: 0;
		transform: rotate(-135deg) translate(-15px, -15px);
	}
}

.comtitle {
	display: flex;
	border-bottom: #f0f0f0 solid 1px;
}

.comtitle .size30 {
	position: relative;
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	padding-bottom: 24px;
}

.comtitle .size30:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.application .box {
	margin-top: 5%;
}
.linear .box:nth-child(1),
.battery-application .box:nth-child(1){
	margin-top: 0;
}
.application-area .box .advantages {
	margin-top: 3%;
}

.application .wrap {
	margin-top: 3%;
}

.category-section ul {
	/*display: flex;
	flex-wrap: wrap;
	align-items: stretch;*/
	display: grid;
    grid-template-columns: repeat(5, 1fr);
	gap: 50px;
}

.category-section ul li {
	display: flex;
	align-items: flex-end;
	/*width: 17.5%;
	margin-right: 3.125%;
	margin-bottom: 1.5625%;*/
	width: ;
}

.category-section ul li:nth-child(5n) {
	margin-right: 0;
}

.category-section ul li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 60px;
	font-family: "HONORSansCN-DemiBold";
	color: rgba(0, 0, 0, 0.6);
	font-size: 20px;
	padding: 12px 0px;
	border-bottom: #f0f0f0 solid 1px;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.linear .category-section ul li a{
	position: relative;
	padding-left: 40px;
	box-sizing: border-box;
}
.linear .category-section ul li:hover a{
	padding-left: 56px;
}
.linear .category-section ul li a:after{
	content: '';
	position: absolute;
	left: 0;
	top: 18px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../image/icon96.png) center no-repeat;
	background-size: 100% auto;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.category-section ul li:hover a:after{
	left: 20px;
	background: url(../image/icon96a.png) center no-repeat;
	background-size: 100% auto;
}
.category-section ul li a:hover {
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: none;
}

.category-section ul li a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.category-section ul li a:hover:before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.category-section ul li a i {
	display: inline-block;
	width: 10px;
	height: 14px;
	margin-left: 15px;
	background: url(../image/icon22.png) center no-repeat;
	background-size: 100% auto;
	opacity: 0;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.category-section ul li a:hover i {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.advantages ul {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 50px;
}

.advantages ul li {
	display: flex;
	/*align-items: center;*/
	/*width: 24.4375%;
	margin-right: 0.75%;
	margin-bottom: 0.75%;*/
	/*width: 22.75%;
	margin-right: 3%;
	margin-bottom: 3%;*/
	flex: 1;
	min-height: 400px;
	padding: 4% 2.25%;
	box-sizing: border-box;
	background: url(../image/img23.png) center bottom no-repeat;
	background-size: 100% auto;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
}

.advantages ul li:nth-child(4n) {
	margin-right: 0;
}

.advantages ul li .text {
	min-height: 67%;
}

.advantages ul li .text .size24 {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}

.advantages ul li .text .size18 {
	margin-top: 20px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.5;
}

.related-documents {
	padding: 3.75% 2.8125%;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
}

.related-documents ul {
	border-top: #f0f0f0 solid 1px;
}

.related-documents ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 18px;
	padding-bottom: 18px;
	border-bottom: #f0f0f0 solid 1px;
}

.related-documents ul li .t1 {
	flex: 1;
	display: flex;
	padding-left: 40px;
	color: rgba(0, 0, 0, 0.6);
}

.related-documents ul li .t1 .date {
	display: inline-block;
	margin-right: 20px;
	white-space: nowrap;
}

.related-documents ul li .t1 .text {
	flex: 1;
}

.related-documents ul li .t2 {
	padding-right: 30px;
	margin-left: 20px;
}

.related-documents ul li .t2 a {
	display: flex;
	align-items: center;
	white-space: nowrap;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.related-documents ul li .t2 a img {
	display: inline-block;
	max-width: 20px;
	margin-right: 15px;
}

.application-area .part {
	/*margin-bottom: 4%;*/
}

.application-area .part ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.application-area .part ul li {
	width: 49.375%;
	margin-right: 1.25%;
	margin-bottom: 1.25%;
	padding: 3.125% 6.25%;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}

.application-area .part ul li:nth-child(2n) {
	margin-right: 0;
}

.application-area .part ul li .title {
	border-bottom: #f0f0f0 solid 1px;
}

.application-area .part ul li .title h3 {
	position: relative;
	display: inline-block;
	padding-bottom: 20px;
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}

.application-area .part ul li .title h3:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.application-area .part ul li dl {
	margin-top: 4.745%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.application-area .part ul li dl dd {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: calc((100% - 30px) / 4);
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.application-area .part ul li dl dd:hover {
	border: none;
}

.application-area .part ul li dl dd:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: #f0f0f0 solid 1px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.application-area .part ul li dl dd:hover:before {
	opacity: 0;
}

.application-area .part ul li dl dd:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.application-area .part ul li dl dd:hover:after {
	opacity: 1;
}

.application-area .part ul li dl dd a {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 40px;
	white-space: nowrap;
	padding: 0px 20px;
	box-sizing: border-box;
	color: rgba(0,0,0,0.6);
	font-size: 16px;
}

.application-area .part ul li dl dd:hover a {
	color: #FFFFFF;
}

.application-details {
	position: relative;
	margin-top: -50px;
	z-index: 10;
}

.application-details .box {
	padding: 3.125%;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}

.application-details .box .title {
	margin-bottom: 4.6%;
}

.application-details .box .imgbox {
	padding: 2%;
	box-sizing: border-box;
	max-width: 1500px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.application-details .box .imgbox img,
.application-details .box .imgbox svg {
	max-width: 100%;
	height: auto !important;
}

.svglink {
	cursor: pointer;
}

.application-details .wrap .item {
	display: none;
}

.application-details .wrap .item.active {
	display: block;
}

.application-details .wrap .item .related-documents {
	margin-top: 2.5%;
}

.application-details .wrap .w1 {
	padding: 3.125%;
	background: #f9f9f9;
	box-sizing: border-box;
}

.application-details .wrap .subtit {
	margin-bottom: 20px;
}

.application-details .wrap .w2 {
	margin-top: 5%;
}

.related-products ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: #f0f0f0 solid 1px;
	border-bottom: #f0f0f0 solid 1px;
}

.related-products ul li .size24 {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}

.related-products ul li .size18 {
	margin-top: 6px;
	color: rgba(0, 0, 0, 0.6);
}

.related-products ul li .btns {
	display: flex;
	align-items: center;
}

.related-products ul li .btns .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 140px;
	height: 40px;
	margin-right: 10px;
	color: #FFFFFF;
	padding: 0px 20px;
	border-radius: 4px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	box-sizing: border-box;
}

.related-products ul li .btns .btn:last-child {
	margin-right: 0;
}

.related-products ul li .btns .btn img {
	display: inline-block;
	margin-left: 8px;
}

.related-products ul li .btns .btn.detailsbtn img {
	max-width: 10px;
}

.related-products ul li .btns .btn.manualbtn img {
	max-width: 16px;
}

.product-list .wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.product-list .wrap .btns {
	display: flex;
	margin-right: 10px;
}

.product-list .wrap .btns:last-child {
	margin-right: 0;
}

.product-list .wrap .btns a,
.product-list .wrap .btns span {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 150px;
	height: 50px;
	font-size: 16px;
	color: #ffffff;
	padding: 0px 20px;
	box-sizing: border-box;
	cursor: pointer;
}

.product-list .wrap .btns a:before,
.product-list .wrap .btns span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 1px;
	background: linear-gradient(135deg, #0ab496, #78b83c);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	transition: all .5s ease-in-out;
	z-index: 0;
	background-size: 100% auto;
	background-position: 0;
	box-sizing: border-box;
}

.product-list .wrap .btns a:after,
.product-list .wrap .btns span:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.product-list .wrap .btns a:hover:after,
.product-list .wrap .btns span:hover:after,
.product-list .wrap .btns.act a:after,
.product-list .wrap .btns.act span:after {
	opacity: 1;
}

.product-list .wrap .btns a i,
.product-list .wrap .btns span i {
	padding-top: 2px;
	font-style: normal;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.product-list .wrap .btns a:hover i,
.product-list .wrap .btns span:hover i,
.product-list .wrap .btns.act a i,
.product-list .wrap .btns.act span i {
	color: #FFFFFF;
	background: none;
	-webkit-background-clip: inherit;
	background-clip: inherit;
	-webkit-text-fill-color: #ffffff;
}

.product-list .wrap .btns a img,
.product-list .wrap .btns span img {
	display: inline-block;
	margin-left: 15px;
	max-width: 19px;
}

.product-list .wrap .btns a:hover img,
.product-list .wrap .btns span:hover img,
.product-list .wrap .btns.act a img,
.product-list .wrap .btns.act span img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.product-list .box {
	margin-top: 15px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	flex-grow: 1;
}

.filter-criteria {
	position: relative;
	width: 16.25%;
	margin-right: 0.625%;
	padding: 2.1875% 1.875%;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}

.filter-criteria.hide {
	opacity: 0;
}

.filter-criteria .headline {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}
/**/
.filter-criteria .closebut{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 23px;
	height: 40px;
	background: url(../image/icon109.png) center no-repeat;
	background-size: 100% auto;
	cursor: pointer;
}
/**/
.productNav {
	width: 100%;
	margin-top: 24px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.productNav>ul>li {
	width: 100%;
	text-align: left;
	border-bottom: #e5e5e5 solid 1px;
	box-sizing: border-box;
	list-style: none;
}

.productNav ul li a,
.productNav ul li .title {
	display: block;
	line-height: 1.7;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.productNav>ul>li>a,
.productNav>ul>li>.title {
	font-size: 18px;
	padding: 14px 0px;
}

.productNav ul li:hover>a,
.productNav ul li .title.active {
	color: #000000;
}

.productNav ul li ul li .title,
.productNav>ul>li>ul>li>a {
	font-size: 16px;
	padding: 7px 0px;
}

.productNav ul li .title {
	position: relative;
	padding-right: 28px;
}

.productNav>ul>li>a {
	position: relative;
}

.productNav>ul>li>.title>i {
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
	height: 100%;
	background: url(../image/icon27.png) center no-repeat;
	background-size: 50% auto;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0.2;
}

.productNav>ul>li>.title.active>i {
	opacity: 1;
	background: url(../image/icon28.png) center no-repeat;
	background-size: 50% auto;
}

.productNav ul li ul {
	display: none;
}

.productNav ul li ul {
	border-top: #e5e5e5 solid 1px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.productNav ul li ul li .title {
	padding-left: 24px;
}

.productNav ul li ul li .title i {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url(../image/icon30.png) center no-repeat;
	background-size: 100% auto;
	opacity: 0.2;
}

.productNav ul li ul li .title.active i {
	opacity: 1;
	background: url(../image/icon29.png) center no-repeat;
	background-size: 100% auto;
}
.productNav ul li ul li ul{
	margin-top: 8px;
}
.productNav ul li ul li ul li a,
.selectli,
.productNav>ul>li>ul>li>a.selectli{
	position: relative;
	padding-left: 24px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
	background: url(../image/icon31.png) left top 12px no-repeat;
	background-size: 16px auto;
}

.productNav ul li ul li ul li.on a,
.productNav ul li ul li ul li:hover a ,
.selectli.on,
.selectli:hover,
.productNav>ul>li>ul>li>a.selectli.on,
.productNav>ul>li>ul>li>a.selectli:hover{
	color: rgba(0, 0, 0, 0.6);
	background: url(../image/icon32.png) left top 12px no-repeat;
	background-size: 16px auto;
}

.filter-search {
	display: flex;
	width: 100%;
	margin-top: 20px;
	/*overflow: hidden;*/
}

.filter-search form {
	display: flex;
	width: 100%;
}

.filter-search .text {
	border: none;
	outline: none;
	color: rgba(0, 0, 0, 0.6);
	padding: 0 10px;
	height: 50px;
	width: calc(100% - 60px);
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
	border-right: none;
}


/*.filter-search .text::-webkit-input-placeholder{
	color: rgba(0,0,0,0.6);
}
.filter-search .text::-moz-placeholder{
	color: rgba(0,0,0,0.6);
}
.filter-search .text:-moz-placeholder{
	color: rgba(0,0,0,0.6);
}
.filter-search .text:-ms-input-placeholder{
	color: rgba(0,0,0,0.6);
}*/

.filter-search .btns {
	width: 60px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.inside_core {
	width: 100%;
	flex-shrink: 0;
	transition: width .3s, 0.3s;
}

.inside_core.sidebar_on {
	width: 83.125%;
}

.filterItems {
	border: #f0f0f0 solid 1px;
}

.filterItems ul li {
	display: flex;
	align-items: stretch;
	color: rgba(0, 0, 0, 0.6);
	border-bottom: #f0f0f0 solid 1px;
}

.filterItems ul li:last-child {
	border-bottom: none;
}

.filterItems ul li .sp,
.filterItems ul li dl {
	display: flex;
	align-items: center;
	padding-left: 3.4%;
	padding-top: 12px;
	padding-bottom: 12px;
	min-height: 60px;
	box-sizing: border-box;
}

.filterItems ul li .sp {
	width: 17%;
	border-right: #f0f0f0 solid 1px;
	box-sizing: border-box;
}

.filterItems ul li dl {
	width: 83%;
	display: flex;
	flex-wrap: wrap;
}

.filterItems ul li dl dd {
	margin-right: 3.8%;
}

.filterItems ul li dl dd a {
	position: relative;
	padding-left: 27px;
	color: rgba(0, 0, 0, 0.6);
	background: url(../image/icon31.png) left top no-repeat;
	background-size: 16px auto;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.filterItems ul li dl dd a.on {
	background: url(../image/icon32.png) left top no-repeat;
	background-size: 16px auto;
}

.inside_core .filtertable {
	margin-top: 15px;
}

.tablebox {
	width: 100%;
}

.inside_core.sidebar_on .tablebox {
	padding-bottom: 40px;
	overflow-x: auto;
}

.tablebox table {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #f0f0f0;
	box-sizing: border-box;
}

.inside_core.sidebar_on .tablebox table {
	min-width: 1600px;
}


/* 设置滚动条整体样式 */

.tablebox::-webkit-scrollbar,
.addedbox::-webkit-scrollbar{
	height: 8px;
	/* 或者 height: 12px; 对于横向滚动条 */
}


/* 滚动条轨道样式 */

.tablebox::-webkit-scrollbar-track,
.addedbox::-webkit-scrollbar-track{
	background: #f5f5f5;
}


/* 滚动条滑块样式 */

.tablebox::-webkit-scrollbar-thumb,
.addedbox::-webkit-scrollbar-thumb{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}


/* 滚动条滑块在悬停时的样式 */

.tablebox::-webkit-scrollbar-thumb:hover,
.addedbox::-webkit-scrollbar-thumb:hover{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}
.tablewrap::-webkit-scrollbar,
.addedbox::-webkit-scrollbar{
	height: 8px;
}
.tablewrap::-webkit-scrollbar-track,
.addedbox::-webkit-scrollbar-track{
	background: #f5f5f5;
}
.tablewrap::-webkit-scrollbar-thumb,
.addedbox::-webkit-scrollbar-thumb{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}
.tablewrap::-webkit-scrollbar-thumb:hover,
.addedbox::-webkit-scrollbar-thumb:hover{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.tablebox table {
	user-select: none;
	-webkit-user-select: none;
}
.tablebox table th {
	color: #ffffff;
	font-size: 18px;
	box-sizing: border-box;
	border: 1px solid #ffffff;
}

.tablebox table tr:nth-child(1) th {
	height: 80px;
	padding: 6px;
	/*background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);*/
	background: #0ab496;
}

.tablebox table tr:nth-child(2) th {
	background: #e3e3e3;
}
.tablebox table tr:last-child th{
	white-space: nowrap;
}
.tablebox table td {
	font-size: 18px;
	color: rgba(0, 0, 0, 0.6);
	padding: 6px;
	height: 60px;
	border: 1px solid #f0f0f0;
	box-sizing: border-box;
}

.tablebox table td:nth-child(1) {
	/*min-width: 230px;*/
}
.tablebox table th:last-child{
	min-width: 230px;
}

.optionbox{
	position: relative;
}
.optionbox .subtit{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: rgba(0,0,0,0.6);
	font-size: 16px;
	line-height: 1.5;
	min-height: 40px;
	box-sizing: border-box;
}
.optionbox .subtit i{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../image/icon33.png) center no-repeat no-repeat;
	background-size: 11px auto;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.optionbox:hover .subtit i,
.optionbox.active .subtit i{
	background: url(../image/icon34.png) center no-repeat no-repeat;
	background-size: 11px auto;
}
.optionbox ul{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	display: none;
	padding: 15px 0px;
	background: #FFFFFF;
	box-shadow: 0px 0px 13px rgba(0,0,0,0.1);
}
.optionbox ul li{
	margin-bottom: 12px;
}
.optionbox ul li a{
	position: relative;
	display: block;
	padding-left: 42px;
	font-size: 14px;
	color: rgba(0,0,0,0.6);
	text-align: left;
	background: url(../image/icon31.png) center left 18px no-repeat;
	background-size: 16px auto;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.optionbox ul li:hover a,
.optionbox ul li.selected a{
	background: url(../image/icon32.png) center left 18px no-repeat;
	background-size: 16px auto;
}

.tablebox table th .layui-form {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
}

.tablebox table th .layui-form .layui-select {
	display: flex;
	align-items: center;
	width: 100%;
}

.tablebox table th .layui-form .layui-select-title {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.tablebox table th .layui-form .layui-select-title input,
.tablebox table th .layui-form .layui-select-title span {
	display: flex;
	align-items: center;
	background: transparent;
	outline: none;
	border: none;
	padding-left: 12px;
	margin-right: 6px;
	box-sizing: border-box;
	height: 40px;
	opacity: 0;
}

.tablebox table th .layui-form-select.layui-form-selected .layui-select-title span {
	/*opacity: 1;*/
}

.tablebox table th .layui-form-select .layui-edge {
	/*position: static;*/
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 15px;
	height: 40px;
	background: url(../image/icon33.png) center no-repeat no-repeat;
	background-size: 11px auto;
	border: none;
	margin: 0;
}

.tablebox table th .layui-form-select.layui-form-selected .layui-edge {
	background: url(../image/icon34.png) center no-repeat no-repeat;
	background-size: 11px auto;
	/*-webkit-transform: none;
	transform: none;*/
}

.tablebox table th .layui-form-select dl {
	padding-top: 15px;
	padding-bottom: 15px;
}

.tablebox table th .layui-form-select dl dd {
	position: relative;
	padding-left: 42px;
	text-align: left;
	background: url(../image/icon31.png) center left 18px no-repeat;
	background-size: 16px auto;
	margin-bottom: 8px;
}

.tablebox table th .layui-form-select dl dd.layui-this {
	background-color: transparent;
	color: rgba(0, 0, 0, 0.6);
	background: url(../image/icon32.png) center left 18px no-repeat;
	background-size: 16px auto;
}

.tablebox table th .layui-form-select dl dd,
.tablebox table th .layui-form-select dl dt {
	line-height: 1.6;
}

.tablebox table .td_model a{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	padding-left: 30px;
	box-sizing: border-box;
	text-align: left;
	color: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.tablebox table .td_model a:hover{
	color: #0ab496;
}
.tablebox table .td_model a .sp{
	display: block;
	width: 100%;
}
.tablebox table .tdtag {
	display: inline-block;
	min-width: 60px;
	text-align: center;
	/*margin-left: 10px;*/
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.333333333333333;
	padding: 2px 12px;
	box-sizing: border-box;
	white-space: nowrap;
}

.tablebox table .tdtag.pre {
	background: #ff9a00;
}

.tablebox table .tdtag.newtag {
	background: #89ba2a;
}

.tablebox table .tdtag.supply {
	background: #189343;
}

.inside_core .filtertable .page {
	margin-top: 4.51127819548872%;
}

.page {
	text-align: center;
}

.page-list {
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-list a,
.page-list span {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 60px;
	height: 60px;
	margin-right: 10px;
	text-align: center;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.6);
	background: #ffffff;
	border: #f0f0f0 solid 1px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

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


/*.page-list span.els{
	align-items: baseline;
    line-height: 2.2;
	font-size: 20px;
} */

.page-list a:hover,
.page-list a.on {
	color: #FFFFFF;
}

.page-list a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
}

.page-list a:hover:before,
.page-list a.on:before {
	opacity: 1;
}

.page-list a img {
	display: inline-block;
	width: 10px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.page-list a:hover img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.page-list a.fyprev.disabled,
.page-list a.fynext.disabled {
	color: #666666;
	pointer-events: none;
	opacity: 0.3;
}

.product_details {
	position: relative;
	margin-top: -50px;
	z-index: 10;
}

.product_details .describe {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 5% 6.25%;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}

.product_details .describe .textbox {
	width: 45.7%;
	padding-top: 20px;
	box-sizing: border-box;
	overflow: hidden;
}

.product_details .describe .imgbox {
	width: 47.14285714285714%;
	border: #f0f0f0 solid 1px;
	box-sizing: border-box;
}

.product_details .describe .swiper {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.product_details .describe .swiper .img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 410px;
	text-align: center;
}

.product_details .describe .swiper .img img {
	max-height: 100%;
}

.product_details .describe .swiper .swiper-button-next,
.product_details .describe .swiper .swiper-button-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 30px;
	height: 40px;
	cursor: pointer;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat
}

.product_details .describe .swiper-button-prev,
.product_details .describe .swiper-container-rtl .swiper-button-next {
	background-image: url(../image/icon43a.png);
	background-size: 100% auto;
	left: 0;
	right: auto;
}

.product_details .describe .swiper-button-next,
.product_details .describe .swiper-container-rtl .swiper-button-prev {
	background-image: url(../image/icon44a.png);
	background-size: 100% auto;
	right: 0;
	left: auto;
}

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

.product_details .describe .swiper-button-next.swiper-button-disabled {
	background-image: url(../image/icon44.png);
	background-size: 100% auto;
}

.product_details .describe .swiper-button-prev.swiper-button-disabled {
	background-image: url(../image/icon43.png);
	background-size: 100% auto;
}

.product_details .describe .title {
	display: flex;
	align-items: flex-start;
	border-bottom: #f0f0f0 solid 1px;
}

.product_details .describe .title span {
	display: inline-flex;
	padding-bottom: 24px;
}

.product_details .describe .title .size36 {
	position: relative;
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	line-height: 1;
	padding-right: 24px;
}

.product_details .describe .title .size36:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.product_details .describe .title .tag,
.product_details .describe .title .size16{
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 2px 15px;
	background: #189343;
	color: #FFFFFF;
	box-sizing: border-box;
}







.product_details .describe .text {
	margin-top: 32px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.7;
}

.product_details .describe .btnbox {
	margin-top: 9.375%;
	display: flex;
	flex-wrap: wrap;
}

.product_details .describe .btnbox .btns {
	display: inline-flex;
	margin-right: 20px;
}

.product_details .describe .btnbox .btns a,
.product_details .describe .btnbox .btns span,
#addToCartBtn a,
#addToCartBtn span {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 140px;
	height: 60px;
	padding: 0px 20px;
	font-size: 20px;
	border-radius: 4px;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.product_details .describe .btnbox .btns a img,
.product_details .describe .btnbox .btns span img,
#addToCartBtn a img,
#addToCartBtn span img {
	display: inline-block;
	margin-right: 10px;
	max-width: 26px;
	/*-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;*/
}

.product_details .describe .btnbox .btns a:hover img,
.product_details .describe .btnbox .btns span:hover img,
#addToCartBtn a:hover img,
#addToCartBtn span:hover img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.product_details .describe .btnbox .btns a i,
.product_details .describe .btnbox .btns span i,
#addToCartBtn a i,
#addToCartBtn span i {
	font-style: normal;
	padding-top: 3px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.product_details .describe .btnbox .btns a:before,
.product_details .describe .btnbox .btns span:before,
#addToCartBtn a:before,
#addToCartBtn span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 1px;
	background: linear-gradient(135deg, #0ab496, #78b83c);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	transition: all .5s ease-in-out;
	z-index: 0;
	background-size: 100% auto;
	background-position: 0;
	box-sizing: border-box;
	border-radius: 4px;
}

.product_details .describe .btnbox .btns a:hover,
.product_details .describe .btnbox .btns span:hover,
#addToCartBtn a:hover,
#addToCartBtn span:hover {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.product_details .describe .btnbox .btns a:hover i,
.product_details .describe .btnbox .btns span:hover i,
#addToCartBtn a:hover i,
#addToCartBtn span:hover i {
	color: #FFFFFF;
	background: none;
	-webkit-background-clip: inherit;
	background-clip: inherit;
	-webkit-text-fill-color: #ffffff;
}


.custom-layer .layui-layer-content {
	max-height: 80vh;
	overflow: auto;
}

.pop-up .content {
	padding: 4.16666666666667%;
	box-sizing: border-box;
}

.pop-up .content .contentbox {
	padding: 2.55% 0;
}

.pop-up .content .title {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	padding-bottom: 20px;
	border-bottom: #f0f0f0 solid 1px;
}

.pop-up .content .wrap {
	display: flex;
	align-items: center;
	padding-bottom: 30px;
}

.pop-up .content .wrap .imgbox {
	width: 18.2%;
	border: #f0f0f0 solid 1px;
	box-sizing: border-box;
	text-align: center;
}

.pop-up .content .wrap .imgbox img {
	max-width: calc(100% - 2px);
}

.pop-up .content .wrap .textbox {
	width: 81.8%;
	padding-left: 3.2%;
	box-sizing: border-box;
}

.pop-up .content .wrap .textbox h3 {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	font-size: 20px;
}

.pop-up .content .wrap .textbox ul {
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
}

.pop-up .content .wrap .textbox ul li {
	margin-right: 30px;
}

.pop-up .content .wrap .textbox ul li:last-child {
	margin-right: 0;
}

.pop-up .content .wrap .textbox ul li span {
	font-family: "HONORSansCN-DemiBold";
	font-size: 24px;
	color: #0ab496;
}

.pop-up .content .item {
	display: flex;
	align-items: flex-start;
	font-size: 16px;
	color: #000000;
	padding-top: 25px;
	padding-bottom: 18px;
	border-top: #f0f0f0 solid 1px;
}

.pop-up .content .item:last-child {
	padding-bottom: 25px;
	border-bottom: #f0f0f0 solid 1px;
}

.pop-up .content .item .sp {
	display: inline-block;
	padding-top: 12px;
	margin-right: 18px;
	font-family: "HONORSansCN-DemiBold";
}

.pop-up .content .item ul,
.pop-up .content .item .quantity-controls {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	font-size: 14px;
}

.pop-up .content .item .quantity-controls {
	display: flex;
	align-items: stretch;
}

.pop-up .content .item .quantity-controls button {
	width: 30px;
	height: 42px;
	padding: 0;
	line-height: inherit;
	text-align: center;
	cursor: pointer;
	border: none;
	outline: none;
}

.pop-up .content .item .quantity-controls button#decreaseQuantity {
	margin-right: 10px;
	background: url(../image/icon41.png) center no-repeat;
	background-size: 46.66666666666667% auto;
}

.pop-up .content .item .quantity-controls button#increaseQuantity {
	margin-left: 10px;
	background: url(../image/icon42.png) center no-repeat;
	background-size: 46.66666666666667% auto;
}

.pop-up .content .item .quantity-controls input {
	width: 60px;
	height: 42px;
	text-align: center;
	border: #f0f0f0 solid 1px;
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
	outline: none;
	background: none;
}

.pop-up .disabled {
	pointer-events: none;
	opacity: 0.5;
}

.pop-up .content .item ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 60px;
	min-height: 42px;
	margin-bottom: 10px;
	margin-right: 10px;
	border: #f0f0f0 solid 1px;
	padding: 0px 20px;
	box-sizing: border-box;
	color: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
}

.pop-up .content .item ul li:last-child {
	margin-right: 0;
}

.pop-up .content .item ul li:hover,
.pop-up .content .item ul li.active {
	color: #ffffff;
	background: #0ab496;
}

#addToCartBtn {
	display: flex;
	margin-top: 35px;
}

.pop-up .layui-layer-setwin {
	top: 4% !important;
	right: 2% !important;
}

.pop-up .layui-layer-close{
	right: 0 !important;
	top: 0 !important;
	width: 30px;
	height: 30px;
	background: url(../image/icon40.png) center no-repeat !important;
	background-size: 56.66666666666667% auto !important;
}
.layui-layer-setwin .layui-layer-close2{
	padding: 0 !important;
	color: transparent;
	border: none !important;
}
.pop-up .layui-layer-close:before{
	display: none;
}
.product_details .description {
	margin-top: 4.6%;
}

.detail_tab {
	position: sticky;
	top: 100px;
	left: 0;
	z-index: 13;
	background: #fff;
}

.detail_tab ul {
	display: flex;
	align-items: center;
	border-bottom: #f0f0f0 solid 1px;
	width: 100%;
	overflow: auto;
	white-space: nowrap;
}

.detail_tab ul li {
	position: relative;
	margin-right: 50px;
}

.detail_tab ul li a,
.detail_tab ul li span {
	position: relative;
	display: inline-block;
	padding-top: 24px;
	padding-bottom: 24px;
	font-family: "HONORSansCN-DemiBold";
	color: rgba(0, 0, 0, 0.6);
	font-size: 30px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
}

.detail_tab ul li.active a,
.detail_tab ul li:hover a,
.detail_tab ul li.active span,
.detail_tab ul li:hover span {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.detail_tab ul li a::before,
.detail_tab ul li.active a::before,
.detail_tab ul li span::before,
.detail_tab ul li.active span::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 3px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.detail_tab ul li:hover a::before,
.detail_tab ul li.active a::before,
.detail_tab ul li:hover span::before,
.detail_tab ul li.active span::before {
	width: 100%;
}

.editbox {
	margin-top: 50px;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.7;
}
.editbox ul li{
	list-style: inherit;
}
.editbox .part {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	padding-top: 140px;
	margin-top: -140px;
}

.editbox .item {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	width: 100%;
	flex-shrink: 0;
	margin-bottom: 4%;
}

.editbox .item.half {
	width: 49.375%;
	margin-right: 1.25%;
}

.editbox .item.half:nth-child(2n),
.editbox .item.half:last-child {
	margin-right: 0;
}

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

.editbox .item .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: #f0f0f0 solid 1px;
}

.editbox .item .title h3 {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	font-size: 24px;
	padding-bottom: 15px;
}

.editbox .item .title .btns {
	display: flex;
	padding-bottom: 10px;
}

.editbox .item .title .btns>a,
.editbox .item .title .btns span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 150px;
	height: 50px;
	padding: 0px 24px;
	font-size: 16px;
	color: #FFFFFF;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	box-sizing: border-box;
	cursor: pointer;
}

.editbox .item .title .btns i,
.editbox .item .title .btns i {
	display: inline-block;
	margin-left: 15px;
}

.editbox .item .title .btns.applybtn i {
	width: 18px;
	height: 20px;
	background: url(../image/icon47.png) center no-repeat;
	background-size: 100% auto;
}

.editbox .item .title .btns.contrastbtn i {
	width: 14px;
	height: 14px;
	background: url(../image/icon49.png) center no-repeat;
	background-size: 100% auto;
}

.editbox .item .title .contrastbtn {
	position: relative;
	z-index: 2;
}
.tablepad{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.table_compare{
	position: relative;
}
.table_compare .compareicon{
	display: flex;
	align-items: center;
	height: 60px;
}
.editbox .item .comparebox{
	position: absolute;
	right: 0;
	top: 100%;
	min-width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	padding: 12px;
	box-sizing: border-box;
	display: none;
}

.editbox .item .comparebox .stitle {
	color: #000000;
	font-size: 14px;
	padding-bottom: 6px;
	border-bottom: #f0f0f0 solid 1px;
	white-space: nowrap;
	margin-bottom: 15px;
}

.editbox .item .comparebox ul {
	overflow-y: auto;
	max-height: 200px;
}

.editbox .item .comparebox ul li a {
	position: relative;
	padding-left: 25px;
	background: url(../image/icon31.png) left center no-repeat;
	background-size: 16px auto;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.editbox .item .comparebox ul li.on a,
.editbox .item .comparebox ul li:hover a {
	background: url(../image/icon32.png) left center no-repeat;
	background-size: 16px auto;
}


/**/

.editbox .item .comparebox ul::-webkit-scrollbar {
	width: 2px;
}


/**/

.editbox .item .comparebox ul::-webkit-scrollbar-track {
	background: #f5f5f5;
}


/**/

.editbox .item .comparebox ul::-webkit-scrollbar-thumb {
	background: -webkit-linear-gradient(to bottom, #0ab496, #78b83c);
	background: linear-gradient(to bottom, #0ab496, #78b83c);
}


/**/

.editbox .item .comparebox ul::-webkit-scrollbar-thumb:hover {
	background: -webkit-linear-gradient(to bottom, #0ab496, #78b83c);
	background: linear-gradient(to bottom, #0ab496, #78b83c);
}

.editbox .item .box {
	margin-top: 40px;
	flex: 1;
	padding: 45px;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	overflow: hidden;
}

.editbox .item .box .text {
	margin-bottom: 30px;
	font-size: 16px;
}

.editbox .item .box .subtit {
	color: #000000;
	font-size: 20px;
	margin-bottom: 15px;
	padding-bottom: 6px;
	/*border-bottom: #f0f0f0 solid 1px;*/
}

.editbox .item .box .word li {
	position: relative;
	padding-left: 24px;
}

.editbox .item .box .word li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #b1b2b4;
}

.editbox .item .box .zoomBox {
	position: relative;
	display: flex;
	height: 100%;
}

.editbox .item .box .zoomimg {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.editbox .item .box .zoomimg>img {
	max-width: 100%;
}									
.editbox .item .box .zoomBox .zoomBtn {
	position: absolute;
	right: 20px;
	top: 20px;
}

.editbox .item .box .zoomBox .zoomBtn .btns,
.editbox .item .box .zoomBox .zoomBtn .button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: none;
	color: transparent;
}

.editbox .item .box .zoomBox .zoomBtn #zoomIn {
	background: url(../image/icon45.png) center no-repeat;
	background-size: 20px auto;
}

.editbox .item .box .zoomBox .zoomBtn #zoomOut {
	background: url(../image/icon46.png) center no-repeat;
	background-size: 20px auto;
}

.itemtable,
.contrasttable {
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
}

.itemtable tr:nth-child(1),
.contrasttable tr:nth-child(1) {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.itemtable tr th,
.contrasttable tr th {
	font-family: "HONORSansCN-DemiBold";
	color: #FFFFFF;
}

.itemtable tr td,
.contrasttable tr td {
	color: rgba(0, 0, 0, 0.6);
	border-bottom: #f0f0f0 solid 1px;
}

.itemtable tr th,
.itemtable tr td,
.contrasttable tr th,
.contrasttable tr td {
	text-align: left;
	font-size: 18px;
	height: 60px;
	padding-left: 60px;
	padding-right: 60px;
	box-sizing: border-box;
}
.editbox .item .comparebox{
	text-align: left;
}
.contrasttable tr th,
.contrasttable tr td {
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}
.contrasttable .c-model{
	position: relative;
	width: 100%;
}
.contrasttable .closeic{
	position: absolute;
	right: 12px;
	top: 6px;
	width: 16px;
	height: 16px;
	background: url(../image/icon107a.png) center no-repeat;
	background-size: 85% auto;
	cursor: pointer;
}
.editbox .item .box .addedbox{
	overflow-x: auto;
}
.editbox .item .box .addedbox table tr th{
	min-width: 240px;
}




.contrasttable {
	/*table-layout: fixed*/
}

.contrasttable tr th {
	border-right: #ffffff solid 1px;
}

.contrasttable tr th img {
	display: block;
	margin: auto;
}

.contrasttable tr td {
	border-right: #f0f0f0 solid 1px;
}

.contrasttable tr th:last-child,
.contrasttable tr td:last-child {
	border-right: none;
}
.itemtable tr td>a{
	color: rgba(0, 0, 0, 0.6);
	transition: all 0.4s ease;
}
.itemtable tr td>a:hover{
	color: #0ab496;
}
.itemtable .loadlink {
	display: flex;
	align-items: center;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.itemtable .loadlink img {
	display: inline-block;
	margin-right: 12px;
	margin-top: -4px;
	width: 20px;
}

.viewer {
	-ms-touch-action: none;
}

.iviewer_common {
	position: absolute;
	bottom: 10px;
	border: 1px solid #000;
	height: 28px;
	z-index: 5000;
}

.iviewer_cursor {
	cursor: url(/assets/home/css/img/hand.cur) 6 8, pointer;
}

.iviewer_drag_cursor {
	cursor: url(/assets/home/css/img/grab.cur) 6 8, pointer;
}

.iviewer_button {
	width: 28px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
}

.iviewer_zoom_in {
	left: 20px;
	background: url(/assets/home/css/img/iviewer.zoom_in.gif);
}

.iviewer_zoom_out {
	left: 55px;
	background: url(/assets/home/css/img/iviewer.zoom_out.gif);
}

.iviewer_zoom_zero {
	left: 90px;
	background: url(/assets/home/css/img/iviewer.zoom_zero.gif);
}

.iviewer_zoom_fit {
	left: 125px;
	background: url(/assets/home/css/img/iviewer.zoom_fit.gif);
}

.iviewer_zoom_status {
	left: 160px;
	font: 1em/28px Sans;
	color: #000;
	background-color: #fff;
	text-align: center;
	width: 60px;
}

.iviewer_rotate_left {
	left: 227px;
	background: #fff url(/assets/home/css/img/iviewer.rotate_left.png) center center no-repeat;
}

.iviewer_rotate_right {
	left: 262px;
	background: #fff url(/assets/home/css/img/iviewer.rotate_right.png) center center no-repeat;
}

.service .box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.service .leftsidebar {
	width: 25%;
	padding: 2.8125% 2.8125% 5%;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}

.service .leftsidebar>ul>li>a,
.service .leftsidebar>ul>li>.title{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 56px;
	font-size: 16px;
	color: rgba(0,0,0,0.6);
	padding-right: 7.7%;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.service .leftsidebar>ul>li>a:hover,
.service .leftsidebar>ul>li.on>a,
.service .leftsidebar>ul>li>.title:hover,
.service .leftsidebar>ul>li.on>.title{
	color: #FFFFFF;
	padding-left: 9%;
}

.service .leftsidebar>ul>li>a:before,
.service .leftsidebar>ul>li>.title:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #f0f0f0;
}

.service .leftsidebar>ul>li>a:hover:before,
.service .leftsidebar>ul>li.on a:before,
.service .leftsidebar>ul>li>.title:hover:before,
.service .leftsidebar>ul>li.on>.title:before{
	opacity: 0;
}
.service .leftsidebar>ul>li>ul>li:last-child .title:before{
	display: none;
}
.service .leftsidebar>ul>li>a:after,
.service .leftsidebar>ul>li>.title:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 0;
	height: 100%;
	opacity: 0;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.service .leftsidebar>ul>li>a:hover:after,
.service .leftsidebar>ul>li.on a:after,
.service .leftsidebar>ul>li>.title:hover:after,
.service .leftsidebar>ul>li.on>.title:after{
	width: 100%;
	opacity: 1;
}

.service .leftsidebar>ul>li>a i,
.service .leftsidebar>ul>li>.title i{
	display: inline-block;
	width: 10px;
	height: 14px;
	background: url(../image/icon22.png) center no-repeat;
	background-size: 100% auto;
	opacity: 0;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.service .leftsidebar>ul>li>a:hover i,
.service .leftsidebar>ul>li.on a i ,
.service .leftsidebar>ul>li>.title:hover i,
.service .leftsidebar>ul>li.on>.title i{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.service .leftsidebar ul li ul li .title{
	display: flex;
	align-items: center;
	color: rgba(0,0,0,0.6);
	font-size: 14px;
	min-height: 40px;
}
.service .leftsidebar ul li ul li.on>.title{
	color: #0ab496;
}
.service .leftsidebar ul li ul{
	/*display: none;*/
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}
.service .leftsidebar>ul>li>ul{
	border-bottom: #f0f0f0 solid 1px;
}
.service .leftsidebar ul li ul li ul{
	padding-top: 0px;
	padding-bottom: 10px;
}
.service .leftsidebar ul li ul li a{
	display: flex;
	align-items: center;
	min-height: 36px;
	font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.service .leftsidebar ul li ul li:hover>a,
.service .leftsidebar ul li ul li.on>a{
	color: #0ab496;
}

.service .rightbox {
	width: 70.3125%;
	/*overflow: hidden;*/
}

.service-edit {
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.8;
}

.service-edit .title {
	border-bottom: #f0f0f0 solid 1px;
}

.service-edit .title h3 {
	position: relative;
	display: inline-block;
	font-family: "HONORSansCN-DemiBold";
	font-size: 30px;
	color: #000000;
	padding-bottom: 12px;
}

.service-edit .title h3:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.service-edit .text {
	padding-top: 36px;
	font-size: 18px;
}
.service-edit .text ul li{
	list-style: inherit;
}
.currency-nav {
	position: sticky;
	top: 100px;
	left: 0px;
	z-index: 10;
	background: #f9f9f9;
}

.currency-nav ul {
	display: flex;
	align-items: center;
	width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.currency-nav ul li a {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 160px;
	height: 60px;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.6);
	padding: 0 20px;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.currency-nav ul li:hover a,
.currency-nav ul li.on a {
	color: #FFFFFF;
}

.currency-nav ul li a:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: -1;
	width: 0;
	height: 100%;
	margin: auto;
	opacity: 0;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.currency-nav ul li:hover a:before,
.currency-nav ul li.on a:before {
	width: 100%;
	opacity: 1;
}

.curtitle.center {
	text-align: center;
}

.curtitle .t1 {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}

.curtitle .t1 span {
	display: inline-block;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.curtitle .t2 {
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px;
	width: 100%;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.6;
}

.introduce {
	position: relative;
	z-index: 1;
}

.introduce:before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../image/img28.png) right bottom no-repeat;
	background-size: 50% auto;
}

.introduce .box {
	margin-top: 2%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.introduce .textbox {
	width: 50%;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.8;
}

.introduce .videoimg {
	position: relative;
	width: 45%;
	overflow: hidden;
}

.introduce .videoimg .img {
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}

.introduce .videoimg .img img {
	width: 100%;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.introduce .videoimg:hover .img img {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
}

.introduce .videoimg .img:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}

.introduce .videoimg .playicon {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 5;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 53px;
}

.introduce .videoimg .playicon img {
	width: 100%;
}

.bigPicLayer {
	display: none;
	justify-content: center;
	align-items: center;
	width: 100% !important;
	height: 100%;
	min-height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 17;
	background: rgba(0,0,0,0.6);
	padding-top: 60px;
	padding-bottom: 60px;
	box-sizing: border-box;
	overflow: auto;
}
.bigPicLayer .content{
	position: relative;
}

.bigPicLayer .content .box{
	max-width: 50vw;
}
.bigPicLayer .video-js {
	width: 50vw;
	max-height: 80vh;
	height: auto;
}

.bigPicLayer .close {
	position: absolute;
	right: -50px;
	top: -50px;
	z-index: 12;
	display: block;
	width: 38px;
	height: 38px;
	background: url(../image/closebtn.png) no-repeat;
	background-size: 100% auto;
}


@media screen and (max-width: 1920px) {
	.bigPicLayer {
		padding-top: 3.125vw;
		padding-bottom: 3.125vw;
	}
	.bigPicLayer .close {
		right: -2.604166666666667vw;
		top: -2.604166666666667vw;
		width: 1.979166666666667vw;
		height: 1.979166666666667vw;
	}
	

}

@media screen and (max-width: 1024px) {
	.bigPicLayer .content .box{
		max-width: 75vw;
	}
	.bigPicLayer .video-js{
		width: 70vw;
	}
	.bigPicLayer .close{
		right: -2.8rem;
		top: -2.8rem;
		width: 2.25rem;
        height: 2.25rem;
	}
}

@media only screen and (max-width: 767px) {
	.bigPicLayer .content .box{
		max-width: 90%;
		margin: auto;
	}
	.bigPicLayer .video-js{
		width: 100%;
	}
	.bigPicLayer .close{
		right: 0;
		top: -2.25rem;
	}
}

@media only screen and (max-width: 480px) {
	.bigPicLayer.indexexample .close {
		width: 36px;
		height: 36px;
	}
}
/*.bigPicLayer.indexexample {
	display: none;
	max-width: 1200px;
	width: 90%;
	height: 675px;
	position: fixed;
	z-index: 17;
	top: 40% !important;
	margin-top: -180px;
	padding: 10px;
}

.bigPicLayer.indexexample .video-js {
	height: auto;
}

.bigPicLayer.indexexample .close {
	display: block;
	width: 38px;
	height: 38px;
	background: url(../image/closebtn.png) no-repeat;
	right: -50px;
	top: -50px;
	position: absolute;
	z-index: 12;
}

.bigPicLayer.indexexample .close em {
	width: 1px;
	height: 50px;
	background: #009690;
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -0.5px;
	top: 100%;
}

.bigPicLayer.indexexample .imgDiv {
	text-align: center;
}

.bigPicLayer.indexexample .imgDiv img {
	width: 100%;
}

.bigPicLayer.indexexample .imgDiv span {
	display: block;
	text-align: center;
	font-size: 18px;
	margin-top: 16px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
}

#Layer1 {
	position: fixed;
	background: #000000;
	top: 0;
	left: 0;
	width: 100% !important;
	z-index: 16;
}

@media screen and (max-width: 1440px) {
	.bigPicLayer.indexexample {
		display: none;
		width: 600px;
		height: 350px;
		position: fixed;
		z-index: 111;
		top: 40% !important;
		margin-top: -100px;
		padding: 10px;
	}
}

@media screen and (max-width: 1004px) {
	.bigPicLayer.indexexample {
		left: 50% !important;
		margin-left: -300px;
		box-sizing: border-box;
	}
	.bigPicLayer.indexexample .imgDiv {
		height: 169px;
	}
}

@media only screen and (max-width: 767px) {
	.bigPicLayer.indexexample {
		display: none;
		position: fixed;
		width: 94%;
		height: auto;
		margin-left: 0px;
		top: 35% !important;
		left: 3% !important;
		z-index: 17;
	}
	.bigPicLayer.indexexample .close {
		display: block;
		width: 40px;
		height: 40px;
		right: 0;
		top: -15%;
		position: absolute;
		background-size: cover;
		z-index: 10;
	}
}

@media only screen and (max-width: 480px) {
	.bigPicLayer.indexexample .close {
		width: 36px;
		height: 36px;
	}
}*/

.introduce .about-num {
	margin-top: 40px;
	width: 45%;
	overflow: hidden;
}

.introduce .about-num ul li {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 30px;
	padding-bottom: 24px;
	border-bottom: #f0f0f0 solid 1px;
}

.introduce .about-num ul li:last-child {
	margin-bottom: 0;
}

.introduce .about-num ul li .t1 {
	display: flex;
	align-items: center;
}

.introduce .about-num ul li .t1 .icon {
	display: inline-block;
	margin-right: 24px;
}

.introduce .about-num ul li .t1 .icon img {
	/*max-width: 30px;*/
	max-width: 27px;
}

.introduce .about-num ul li .t1 .text {
	display: flex;
	align-items: baseline;
}

.introduce .about-num ul li .t1 .text span {
	display: inline-block;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.introduce .about-num ul li .t1 .text .timer {
	font-family: "HONORSansCN-Bold";
	/*font-size: 60px;*/
	font-size: 48px;
	line-height: 1;
}

.introduce .about-num ul li .t1 .text .sp {
	margin-left: 10px;
	font-size: 20px;
}

.introduce .about-num ul li .t2 {
	color: rgba(0, 0, 0, 0.6);
}

.ability .box {
	position: relative;
}

.ability .circle {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
	/*width: 50%;
	height: 73.4375%;*/
	width: 29.375%;
	padding-bottom: 29.375%;
	background: #FFFFFF url(../image/img29.png) center no-repeat;
	background-size: 100% auto;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ability .circle span {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55.31914893617021%;
	height: 55.31914893617021%;
	font-family: "HONORSansCN-Bold";
	color: #FFFFFF;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	border-radius: 50%;
	box-sizing: border-box;
	text-align: center;
	text-wrap: balance;
}

.ability .box ul {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	position: relative;
	z-index: 1;
}

.ability .box ul li {
	position: relative;
	z-index: 1;
	width: 50%;
	margin-top: 1.40625%;
	margin-bottom: 1.40625%;
	box-sizing: border-box;
}

.ability .box ul li:nth-child(1),
.ability .box ul li:nth-child(5) {
	padding-left: 10.3125%;
}

.ability .box ul li:nth-child(2),
.ability .box ul li:nth-child(6) {
	display: flex;
	justify-content: flex-end;
	padding-right: 10.3125%;
}

.ability .box ul li:nth-child(3) {
	padding-left: 4.0625%;
}

.ability .box ul li:nth-child(4) {
	display: flex;
	justify-content: flex-end;
	padding-right: 4.0625%;
}

.ability .box ul li:before {
	content: '';
	position: absolute;
	z-index: -1;
	width: 60%;
	height: 1px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	opacity: 0.4;
}

.ability .box ul li:nth-child(odd):before {
	right: 0;
}

.ability .box ul li:nth-child(even):before {
	left: 0;
}

.ability .box ul li:nth-child(1):before,
.ability .box ul li:nth-child(2):before {
	bottom: 36px;
}

.ability .box ul li:nth-child(3):before,
.ability .box ul li:nth-child(4):before {
	top: 0;
	bottom: 0;
	margin: auto;
}

.ability .box ul li:nth-child(5):before,
.ability .box ul li:nth-child(6):before {
	top: 36px;
}
.ability .box ul li:nth-child(5),
.ability .box ul li:nth-child(6){
	margin-bottom: 0;
}
.ability .box ul li .item {
	display: flex;
	align-items: center;
	/*width: 43.125%;*/
	width: 48%;
	min-height: 180px;
	padding: 18px 36px;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	border-radius: 10px;
	background: #FFFFFF;
}

.ability .box ul li .item .t1 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	/*font-size: 20px;*/
	font-size: 22px;
	color: #000000;
	margin-bottom: 9px;
}

.ability .box ul li .item .t1 img {
	display: inline-block;
	max-width: 35px;
	margin-right: 15px;
}
.ability .box ul li .item .t1 span{
	display: inline-block;
	padding-top: 4px;
}

.ability .box ul li .item .t2 {
	width: 100%;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.7;
}

.culture {
	min-height: 950px;
	background-position: center bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
.culture.padt140{
	padding-top: 100px;
}

.culture .box {
	margin-top: 4.375%;
}

.culture .box ul {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.culture .box ul li {
	position: relative;
	width: 32.5%;
	margin-right: 1.25%;
	padding: 50px 54px 24px 54px;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	min-height: 260px;
	box-sizing: border-box;
	background: #FFFFFF;
}

.culture .box ul li:nth-child(3n) {
	margin-right: 0;
}

.culture .box ul li .icon {
	position: absolute;
	right: 54px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	border-radius: 0 0 50% 50%;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}
.culture .box ul li .icon img{
	max-width: 32%;
}
.culture .box ul li .text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.culture .box ul li .text .t1 {
	margin-bottom: 24px;
	padding-right: 130px;
	box-sizing: border-box;
}

.culture .box ul li .text .t1 .sp1 {
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 10px;
}

.culture .box ul li .text .t1 .sp2 {
	color: rgba(0, 0, 0, 1);
	line-height: 1.5;
}

.culture .box ul li .text .t2 {
	color: rgba(0, 0, 0, 0.06);
}

.development .box {
	/*margin-top: 5.625%;*/
	margin-top: 4.375%;
}

.development .body-top {
	position: relative;
}

.development .body-bottom {
	/*margin-top: 8.125%;*/
	margin-top: 5%;
	position: relative;
}

.development .body-bottom:before {
	content: '';
	position: absolute;
	left: 0;
	top: 24px;
	width: 100%;
	height: 2px;
	background: rgba(0, 0, 0, 0.06);
}

.development .body-bottom:after {
	content: '';
	position: absolute;
	left: 0;
	top: 24px;
	width: 0%;
	height: 2px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.development .body-bottom.act1:after {
	width: 33.25%;
}

.development .body-bottom.act2:after {
	width: 33.25%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.development .history-swiper {
	position: relative;
	width: 87.5%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.development .history-text {
	position: relative;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.development .history-swiper .size24 {
	display: flex;
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	border-bottom: #f0f0f0 solid 1px;
}

.development .history-swiper .date {
	position: relative;
	padding-bottom: 15px;
}

.development .history-swiper .date:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.development .history-swiper .info {
	margin-top: 15px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.7;
}

.development .history-text .swiper-slide {
	cursor: pointer;
}


/*.development .history-text .swiper-slide:after{
	content: '';
	position: absolute;
	right: 50%;
	top: 24px;
	width: 0%;
	height: 2px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.development .history-text .swiper-slide-active:after{
	width: 200%;
}*/

.development .history-text .size30 {
	text-align: center;
	margin-top: 18px;
	font-family: "HONORSansCN-Bold";
	color: rgba(0, 0, 0, 0.4);
}

.development .history-text .swiper-slide-active .text {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
/*.development .history-text .swiper-slide-thumb-active .text {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}*/

.development .history-text .icon {
	position: relative;
	width: 34px;
	height: 34px;
	background: rgba(0, 0, 0, 0.06);
	border-radius: 50%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin: 8px auto 0px;
}

.development .history-text .icon:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	opacity: 0;
}

.development .history-text .swiper-slide-active .icon:before {
	opacity: 0.2;
}
/*.development .history-text .swiper-slide-thumb-active .icon:before{
	opacity: 0.2;
}*/
.development .history-text .icon:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 2;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: #8d8d8d;
}

.development .history-text .swiper-slide-active .icon:after {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}
/*.development .history-text .swiper-slide-thumb-active .icon:after {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}*/

.development .swiper-button-next,
.development .swiper-button-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
	width: 50px;
	height: 50px;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}

.development .body-top .swiper-button-next,
.development .body-top .swiper-button-prev {
	display: none;
}

.development .swiper-button-next,
.development .swiper-button-prev {
	top: 0%;
	transform: translateY(0%);
}

.development .swiper-button-prev,
.development .swiper-container-rtl .swiper-button-next {
	background-image: url(../image/icon65.png);
	background-size: 100% 100%;
	left: 0;
	right: auto;
}

.development .swiper-button-next,
.development .swiper-container-rtl .swiper-button-prev {
	background-image: url(../image/icon66.png);
	background-size: 100% 100%;
	right: 0;
	left: auto;
}


.development .history-swiper{
	width: calc(100% - 100px);
}
.development .history-swiper .swiper-wrapper{
	align-items: stretch;
}
.development .history-swiper .swiper-slide{
	height: auto;
}
.development .history-swiper .swiper-slide .item{
	position: relative;
	z-index: 1;
	padding: 40px;
	height: 100%;
	box-sizing: border-box;
	border-radius: 10px;
	overflow: hidden;
}
.development .history-swiper .swiper-slide .item:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(135deg, #0ab496, #78b83c);
    background: linear-gradient(135deg, #0ab496, #78b83c);
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.development .history-swiper .swiper-slide:hover .item:before{
	opacity: 1;
}
.development .history-swiper .size24{
	font-size: 28px;
}
.development .history-swiper .swiper-slide:hover .size24{
	color: #FFFFFF;
	border-bottom: rgba(255,255,255,0.15) solid 1px;
}
.development .history-swiper .swiper-slide:hover .info{
	color: #FFFFFF;
}
.development .history-swiper .swiper-slide:hover .date:before{
	background: #FFFFFF;
}


.throughout {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 160px);
	background-color: #010d1c;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.throughout .curtitle {
	position: absolute;
	left: 0;
	top: 5.208333333333333vw;
	width: 100%;
}

.throughout .curtitle .t1 {
	color: #FFFFFF;
}

.throughout .box {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}

.throughout .box .wrap {
	position: relative;
	display: inline-block;
	/*width: 80.20833333333333%;*/
	width: 75.54347826086957%;
	overflow: hidden;
}

.throughout .box .imgbox {
	width: 100%;
	overflow: hidden;
}

.throughout .box .imgbox img {
	width: 100%;
}

.throughout .box ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.throughout .box ul li {
	position: absolute;
	display: flex;
	align-items: flex-start;
}

.throughout .box ul li .item {
	position: relative;
	display: flex;
	align-items: center;
	/*box-shadow: 0px 0px 13.76px 2.24px rgba(200, 200, 200, 0.21);*/
	box-shadow: 0 0 8px rgba(255, 255, 255, 0.3), -2px -2px 8px rgba(200, 200, 200, 0.21);
	2px 2px 8px rgba(200,
	200,
	200,
	0.21);
	border-radius: 12px;
	padding: 12px 20px;
	width: 216px;
	min-height: 90px;
	overflow: hidden;
	box-sizing: border-box;
}

.throughout .box ul li.a1 .item,
.throughout .box ul li.a3 .item,
.throughout .box ul li.a9 .item,
.throughout .box ul li.a11 .item {
	width: 300px;
	min-height: 120px;
}

.throughout .box ul li .item:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: rgba(1, 21, 45, 0.3);
	backdrop-filter: blur(11px);
	-webkit-backdrop-filter: blur(11px);
}

.throughout .box ul li .item:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.1);
}

.throughout .box ul li .text {
	position: relative;
	z-index: 5;
	width: 100%;
}

.throughout .box ul li .item .t1 {
	font-family: "HONORSansCN-DemiBold";
	color: #FFFFFF;
	font-size: 18px;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
}

.throughout .box ul li .item .t2 {
	width: 100%;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.7;
}

.throughout .box ul li .line {
	position: relative;
	flex: 1;
}

.throughout .box ul li .line img,
.throughout .box ul li .line svg {
	display: block;
	width: 100%;
}

.throughout .box ul li .line:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.throughout .box ul li .line span {
	position: absolute;
	right: -3px;
	bottom: -3px;
	z-index: 1;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.throughout .box ul li.a4 .line span {
	bottom: auto;
	top: -3px;
}
.throughout .box ul li.a5 .line span {
	bottom: auto;
	top: -4px;
}
.throughout .box ul li.a6 .line span,
.throughout .box ul li.a7 .line span,
.throughout .box ul li.a8 .line span,
.throughout .box ul li.a9 .line span,
.throughout .box ul li.a10 .line span,
.throughout .box ul li.a11 .line span {
	right: auto;
	left: -3px;
}

.throughout .box ul li.a10 .line span,
.throughout .box ul li.a11 .line span {
	bottom: auto;
	top: -3px;
}

.throughout .box ul li .line span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	opacity: 0.4;
}

.throughout .box ul li .line span:before {
	animation: scale1 2s infinite;
}

@keyframes scale1 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(2);
	}
}

/*.throughout .box ul li.a1 {
	left: 4.5%;
	top: 15%;
	width: 49.5%;
}

.throughout .box ul li.a1 .line {
	margin-top: 10.5%;
	padding-bottom: 33%;
}

.throughout .box ul li.a2 {
	left: 15.58441558441558%;
	top: 31.18279569892473%;
	width: 35%
}

.throughout .box ul li.a2 .line {
	margin-top: 8%;
	padding-bottom: 30%;
}

.throughout .box ul li.a3 {
	left: 4.5%;
	top: 44%;
	width: 44%;
}

.throughout .box ul li.a3 .line {
	margin-top: 13%;
	padding-bottom: 1px;
}

.throughout .box ul li.a4 {
	left: 15.58441558441558%;
	bottom: 31.18279569892473%;
	width: 36.5%
}

.throughout .box ul li.a4 .line {
	margin-top: -10%;
	padding-bottom: 18%;
}

.throughout .box ul li.a5 {
	left: 15.58441558441558%;
	bottom: 18.81720430107527%;
	width: 36%
}

.throughout .box ul li.a5 .line {
	margin-top: -26%;
	padding-bottom: 36%;
}

.throughout .box ul li.a6,
.throughout .box ul li.a7,
.throughout .box ul li.a8,
.throughout .box ul li.a9,
.throughout .box ul li.a10,
.throughout .box ul li.a11 {
	display: flex;
	flex-direction: row-reverse;
}

.throughout .box ul li.a6 {
	right: 4.5%;
	top: 8.5%;
	width: 37.5%;
}

.throughout .box ul li.a6 .line {
	margin-top: 5%;
	padding-bottom: 64%;
}

.throughout .box ul li.a7 {
	right: 15.58441558441558%;
	top: 21%;
	width: 29.4%
}

.throughout .box ul li.a7 .line {
	margin-top: 15%;
	padding-bottom: 52%;
}

.throughout .box ul li.a8 {
	right: 15.58441558441558%;
	top: 33.5%;
	width: 28.5%;
}

.throughout .box ul li.a8 .line {
	margin-top: 15%;
	padding-bottom: 30%;
}

.throughout .box ul li.a9 {
	right: 4.5%;
	top: 46%;
	width: 40.3%
}

.throughout .box ul li.a9 .line {
	margin-top: 14.5%;
	padding-bottom: 1px;
}

.throughout .box ul li.a10 {
	right: 15.58441558441558%;
	bottom: 29%;
	width: 30%;
}

.throughout .box ul li.a10 .line {
	margin-top: -10%;
	padding-bottom: 20%;
}

.throughout .box ul li.a11 {
	right: 4.5%;
	bottom: 13%;
	width: 43%;
}

.throughout .box ul li.a11 .line {
	margin-top: -23%;
	padding-bottom: 30%;
}*/

.throughout{
	/*padding-top: 3.645833333333333vw;*/
	/*padding-bottom: 4.427083333333333vw;*/
	padding-top: 2.5vw;
	background-position: center;
	box-sizing: border-box;
}
.throughout .box{
	/*max-width: 1920px;*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.throughout .box{
	margin-right: 80px;
}
.throughout .box ul li.a1 {
	left: 0%;
	top: 9.5%;
	width: 55%;
}

.throughout .box ul li.a1 .line {
	margin-top: 10.5%;
	padding-bottom: 31%;
}

.throughout .box ul li.a2 {
	left: 12%;
	top: 28%;
	width: 40%
}

.throughout .box ul li.a2 .line {
	margin-top: 9%;
	padding-bottom: 29%;
}

.throughout .box ul li.a3 {
	left: 4.5%;
	top: 43%;
    width: 46%;
}

.throughout .box ul li.a3 .line {
	margin-top: 16%;
	padding-bottom: 1px;
}

.throughout .box ul li.a4 {
	left: 12%;
	/*bottom: 26.8%;*/
	top: 61.5%;
	width: 41%
}

.throughout .box ul li.a4 .line {
	margin-top: -6.5%;
    padding-bottom: 18%;
}

.throughout .box ul li.a5 {
	left: 12%;
	/*bottom: 12%;*/
	top: 76.5%;
	width: 40.7%;
}

.throughout .box ul li.a5 .line {
	margin-top: -23%;
    padding-bottom: 32%;
}

.throughout .box ul li.a6,
.throughout .box ul li.a7,
.throughout .box ul li.a8,
.throughout .box ul li.a9,
.throughout .box ul li.a10,
.throughout .box ul li.a11 {
	display: flex;
	flex-direction: row-reverse;
}

.throughout .box ul li.a6 {
	right: 11.5%;
	top: 0;
	width: 30%;
}

.throughout .box ul li.a6 .line {
	margin-top: 14%;
	padding-bottom: 80%;
}

.throughout .box ul li.a7 {
	right: 18%;
	top: 14.8%;
	width: 26.5%
}

.throughout .box ul li.a7 .line {
	margin-top: 10%;
	padding-bottom: 71%;
}

.throughout .box ul li.a8 {
	right: 18%;
	top: 29.5%;
	width: 25.5%;
}

.throughout .box ul li.a8 .line {
	margin-top: 24%;
    padding-bottom: 32%;
}

.throughout .box ul li.a9 {
	right: 0%;
	top: 44.5%;
	width: 44.2%;
}

.throughout .box ul li.a9 .line {
	margin-top: 16.5%;
	padding-bottom: 1px;
}

.throughout .box ul li.a10 {
	right: 12%;
	/*bottom: 25%;*/
	top: 63%;
	width: 33%;
}

.throughout .box ul li.a10 .line {
	margin-top: -6%;
	padding-bottom: 20%;
}

.throughout .box ul li.a11 {
	right: 0%;
	/*bottom: 6.5%;*/
	top: 78%;
	width: 46.5%;
}

.throughout .box ul li.a11 .line {
	margin-top: -21%;
	padding-bottom: 30%;
}

.throughout .box ul li.a1 .line:before,
.throughout .box ul li.a2 .line:before {
	border-top: rgba(255, 255, 255, 0.2) solid 1px;
	border-right: rgba(255, 255, 255, 0.2) solid 1px;
}

.throughout .box ul li.a3 .line:before {
	border-top: rgba(255, 255, 255, 0.2) solid 1px;
}

.throughout .box ul li.a4 .line:before,
.throughout .box ul li.a7 .line:before {
	width: 90%;
	border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
}

.throughout .box ul li.a4 .line:after,
.throughout .box ul li.a7 .line:after {
	content: '';
	position: absolute;
	right: 0;
	width: 6%;
	height: 100%;
	border-left: rgba(255, 255, 255, 0.2) solid 1px;
	border-top: rgba(255, 255, 255, 0.2) solid 1px;
}

.throughout .box ul li.a5 .line:before {
	border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
	border-right: rgba(255, 255, 255, 0.2) solid 1px;
}

.throughout .box ul li.a6 .line:before {
	border-left: rgba(255, 255, 255, 0.2) solid 1px;
	border-top: rgba(255, 255, 255, 0.2) solid 1px;
}

.throughout .box ul li.a8 .line:before {
	border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
}

.throughout .box ul li.a8 .line:after {
	content: '';
	position: absolute;
	right: -15%;
	width: 15%;
	height: 100%;
	border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
	border-right: rgba(255, 255, 255, 0.2) solid 1px;
}

.throughout .box ul li.a9 .line:before {
	border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
}

.throughout .box ul li.a10 .line:before {
	width: 50%;
	border-top: rgba(255, 255, 255, 0.2) solid 1px;
	border-bottom: none;
}

.throughout .box ul li.a10 .line:after {
	content: '';
	position: absolute;
	right: 0;
	width: 50%;
	height: 100%;
	border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
	border-left: rgba(255, 255, 255, 0.2) solid 1px;
}

.throughout .box ul li.a11 .line:before {
	border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
	border-left: rgba(255, 255, 255, 0.2) solid 1px;
}

@media screen and (min-width: 1025px) {
	.throughout .box ul li .item {
		width: 11.25vw;
		/*min-height: 4.6875vw;*/
		min-height: 4.5vw;
		padding: 0.625vw 1.041666666666667vw;
	}
	.throughout .box ul li.a1 .item,
	.throughout .box ul li.a3 .item,
	.throughout .box ul li.a9 .item,
	.throughout .box ul li.a11 .item {
		width: 15.625vw;
		/*min-height: 6.25vw;*/
		min-height: 5.6vw;
	}
	.throughout .box ul li .line span {
		right: -0.2083333333333334vw;
		bottom: -0.2083333333333334vw;
		width: 0.4166666666666667vw;
		height: 0.4166666666666667vw;
	}
	.throughout .box ul li.a4 .line span,
	.throughout .box ul li.a5 .line span {
		bottom: auto;
		top: -0.2083333333333334vw;
	}
	.throughout .box ul li.a6 .line span,
	.throughout .box ul li.a7 .line span,
	.throughout .box ul li.a8 .line span,
	.throughout .box ul li.a9 .line span,
	.throughout .box ul li.a10 .line span,
	.throughout .box ul li.a11 .line span {
		right: auto;
		left: -0.2083333333333334vw;
	}
	.throughout .box ul li.a10 .line span,
	.throughout .box ul li.a11 .line span {
		bottom: auto;
		top: -0.2083333333333334vw;
	}
	.throughout .box ul li .item .t1 {
		font-size: 0.9375vw;
		padding-bottom: 0.4vw;
		margin-bottom: 0.4vw;
	}
	.throughout .box ul li .item .t2 {
		font-size: 0.7291666666666667vw;
	}
	
	
}

.honor {
	position: relative;
}

.honor .curtitle {
	position: absolute;
	left: 0;
	top: 5.208333333333333vw;
	width: 100%;
}

.honor .imgbox {
	display: block;
	width: 100%;
}

.honor .imgbox img {
	display: block;
	width: 100%;
}

.system .box {}

.system .box .swiper {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.system .box .swiper:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	height: 30px;
	background: url(../image/img39.jpg) center no-repeat;
	background-size: 100% 100%;
}

.system .box .swiper .swiper-wrapper {
	align-items: stretch;
}

.system .box .swiper .swiper-slide {
	display: flex;
	align-items: stretch;
	gap: 30px;
	height: auto;
}

.system .box .swiper .swiper-slide:nth-child(odd) {
	flex-direction: column;
}

.system .box .swiper .swiper-slide:nth-child(even) {
	flex-direction: column-reverse;
}

.system .box .swiper .imgbox {
	width: 100%;
	overflow: hidden;
	flex: 1;
	padding-top: 35px;
	padding-bottom: 35px;
	box-sizing: border-box;
}

.system .box .swiper .imgbox img {
	max-width: 100%;
}

.system .box .swiper .textbox {
	flex: 1;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 35px;
	padding-bottom: 35px;
	border-left: #f0f0f0 solid 1px;
	box-sizing: border-box;
}

.system .box .swiper .textbox .t1 {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}

.system .box .swiper .textbox .t2 {
	margin-top: 12px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.5;
}

.architecture {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.architecture .curtitle .t1 {
	color: #ffffff;
}

.architecture .box {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 30px;
}

.architecture .box .subtit {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}

.architecture .box .left_w {
	width: 24.375%;
	padding: 2.7% 1.8%;
	background: #FFFFFF url(../image/img42.png) right bottom no-repeat;
	background-size: 73.07692307692308% auto;
	box-sizing: border-box;
}

.architecture .box .left_w ul {
	margin-bottom: 13%;
}

.architecture .box .left_w ul:last-child {
	margin-bottom: 0;
}

.architecture .box .left_w .text {
	margin-top: 24px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.5;
	border-top: #f0f0f0 solid 1px;
}

.architecture .box .left_w .text li {
	/*padding-top: 24px;
	padding-bottom: 24px;*/
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: #f0f0f0 solid 1px;
}

.architecture .box .left_w .img {
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.architecture .box .right_w {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 75%;
	padding: 2.7% 1.8%;
	background: #FFFFFF url(../image/img43.png) right bottom no-repeat;
	background-size: 47% auto;
	box-sizing: border-box;
}

.architecture .box .right_w .wrap {
	display: flex;
	align-items: flex-start;
}

.architecture .box .right_w .wrap .w1 {
	min-width: 125px;
	padding-right: 20px;
	box-sizing: border-box;
}

.architecture .box .right_w .wrap .w1 li {
	margin-bottom: 36px;
}

.architecture .box .right_w .wrap .w1 .subtit {
	display: flex;
	align-items: center;
	min-height: 50px;
}

.architecture .box .right_w .wrap .w2 {
	flex: 1;
}

.architecture .box .right_w .wrap .w2 ul {
	display: flex;
	/*align-items: flex-start;*/
	align-items: stretch;
	flex-wrap: wrap;
}

.architecture .box .right_w .wrap .w2 ul li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	margin-bottom: 36px;
	border: #f0f0f0 solid 1px;
	box-sizing: border-box;
}

.architecture .box .right_w .wrap .w2 .w2-1 li {
	width: calc((100% - 144px) / 4);
	margin-right: 48px;
	color: #000000;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.architecture .box .right_w .wrap .w2 .w2-1 li:nth-child(4n) {
	margin-right: 0;
}

.architecture .box .right_w .wrap .w2 .w2-1 li:hover {
	color: #ffffff;
}

.architecture .box .right_w .wrap .w2 ul li:before,
.architecture .box .right_w .wrap .w2 ul li:after {
	content: '';
	position: absolute;
	width: 48px;
	height: 36px;
}

.architecture .box .right_w .wrap .w2 .w2-1 li:before {
	right: -48px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../image/icon67.png) center no-repeat;
	background-size: 18px auto;
}

.architecture .box .right_w .wrap .w2 .w2-1 li:nth-child(4n):before {
	background: none;
}

.architecture .box .right_w .wrap .w2 .w2-1 li:after {
	bottom: -36px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.architecture .box .right_w .wrap .w2 .w2-1 li:nth-child(1):after,
.architecture .box .right_w .wrap .w2 .w2-1 li:nth-child(2):after,
.architecture .box .right_w .wrap .w2 .w2-1 li:nth-child(3):after,
.architecture .box .right_w .wrap .w2 .w2-1 li:nth-child(4):after {
	background: url(../image/icon68.png) center no-repeat;
	background-size: 10px auto;
}

.architecture .box .right_w .wrap .w2 .w2-1 li span {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
}

.architecture .box .right_w .wrap .w2 .w2-1 li span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(135deg, #0ab496, #78b83c);
	background: linear-gradient(135deg, #0ab496, #78b83c);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.architecture .box .right_w .wrap .w2 .w2-1 li:hover span:before {
	opacity: 1;
}

.architecture .box .right_w .wrap .w2 .w2-2 li {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	width: calc((100% - 20px) / 3);
	margin-right: 10px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.6;
	padding: 20px;
}

.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(3n) {
	margin-right: 0;
}

.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(1):before {
	top: -36px;
	left: 24.5%;
	background: url(../image/icon69.png) center no-repeat;
	background-size: 10px auto;
}

.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(2):before {
	top: -36px;
	left: 18%;
	background: url(../image/icon69.png) center no-repeat;
	background-size: 10px auto;
}

.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(2):after {
	top: -36px;
	right: 18%;
	background: url(../image/icon69.png) center no-repeat;
	background-size: 10px auto;
}

.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(3):before {
	top: -36px;
	left: 4%;
	background: url(../image/icon69.png) center no-repeat;
	background-size: 10px auto;
}

.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(3):after {
	top: -36px;
	right: 24.5%;
	background: url(../image/icon68.png) center no-repeat;
	background-size: 10px auto;
}

.architecture .box .right_w .wrap .w2 .w2-3 {
	justify-content: flex-end;
}

.architecture .box .right_w .wrap .w2 .w2-3 li {
	min-width: 240px;
	margin-right: 48px;
	color: rgba(0, 0, 0, 0.6);
	padding: 0px 20px;
	margin-bottom: 0;
}

.architecture .box .right_w .wrap .w2 .w2-3 li:last-child {
	margin-right: 0;
}

.architecture .box .right_w .wrap .w2 .w2-3 li:nth-child(1):before {
	top: -36px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(../image/icon68.png) center no-repeat;
	background-size: 10px auto;
}

.architecture .box .right_w .wrap .w2 .w2-3 li:nth-child(1):after {
	top: -36px;
	left: -170px;
	background: url(../image/icon69.png) left top no-repeat;
	background-size: 10px auto;
}

.architecture .box .right_w .wrap .w2 .w2-3 li i {
	position: absolute;
	top: -36px;
	left: -165px;
	width: 165px;
	height: 60px;
	box-sizing: border-box;
	border-left: #f0f0f0 solid 1px;
	border-bottom: #f0f0f0 solid 1px;
}

.architecture .box .right_w .wrap .w2 .w2-3 li:nth-child(2):before {
	top: -36px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(../image/icon68.png) center no-repeat;
	background-size: 10px auto;
}

.architecture .box .right_w .wrap .w2 .w2-3 li:nth-child(2):after {
	top: 50%;
	left: -48px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../image/icon70.png) center no-repeat;
	background-size: 18px auto;
}

.core-technology .box {
	position: relative;
	max-width: 1160px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.core-technology .box .curtitle {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
	width: 37.58620689655172%;
	padding-bottom: 37.58620689655172%;
}

.core-technology .box .curtitle:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: #f0f0f0 solid 1px;
	box-sizing: border-box;
	border-radius: 50%;
}

.core-technology .box .curtitle .t1 {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 53.6697247706422%;
	height: 53.6697247706422%;
	text-wrap: balance;
	color: #ffffff;
	border-radius: 50%;
	background: -webkit-linear-gradient(135deg, #0ab496, #78b83c);
	background: linear-gradient(135deg, #0ab496, #78b83c);
}

.core-technology .box ul {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.core-technology .box ul li {
	display: flex;
	flex-direction: column-reverse;
	width: 43.10344827586207%;
	margin-bottom: 12px;
}

.core-technology .box ul li:nth-child(3),
.core-technology .box ul li:nth-child(4) {
	width: 37.06896551724138%;
}

.core-technology .box ul li:nth-child(odd) .text {
	text-align: left;
	padding-right: 120px;
}

.core-technology .box ul li:nth-child(even) .text {
	text-align: right;
	padding-left: 120px;
}

.core-technology .box ul li:nth-child(even) {
	justify-content: flex-end;
}

.core-technology .box ul li .text {
	flex: 1;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.core-technology .box ul li .text>div {
	width: 100%;
}

.core-technology .box ul li .text .t1 {
	width: 100%;
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}

.core-technology .box ul li .text .t2 {
	width: 100%;
	margin-top: 6px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.7;
}

.core-technology .box ul li .icon {
	display: flex;
	align-items: center;
	margin-top: -40px;
}

.core-technology .box ul li:nth-child(even) .icon {
	flex-direction: row-reverse;
}

.core-technology .box ul li .icon i {
	flex: 1;
	display: inline-block;
	height: 1px;
	background: #f0f0f0;
}

.core-technology .box ul li .icon span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 108px;
	height: 108px;
	border-radius: 50%;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.13);
	box-sizing: border-box;
	background: #ffffff;
}
.core-technology .box ul li .icon span img{
	max-width: 35.18518518518519%;
}
.technical-patents {
	position: relative;
}

.technical-patents .textbox {
	position: absolute;
	left: 0;
	top: 5.2vw;
	z-index: 2;
	width: 100%;
	text-align: center;
}

.technical-patents .textbox .text {
	margin-top: 2%;
}

.technical-patents .textbox .text .sp1 {
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.7;
}

.technical-patents .textbox .text .sp2 {
	margin-top: 10px;
}

.technical-patents .textbox .text .sp2 span {
	font-family: "HONORSansCN-Bold";
	font-size: 60px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	border-color: transparent;
}

.technical-patents .imgbox {
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}

.technical-patents .imgbox img {
	display: block;
	width: 100%;
}

.business .box {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.business .box .img {
	position: relative;
	display: inline-block;
	width: 86.5%;
}

.business .box .img img {
	display: block;
	width: 100%;
}

.business .box .img ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.business .box .img ul li {
	position: absolute;
	box-sizing: border-box;
	width: 33.2%;
}

.business .box .img ul li.a1 {
	padding-right: 5%;
}

.business .box .img ul li.a2,
.business .box .img ul li.a3,
.business .box .img ul li.a4 {
	padding-left: 5%;
}

.business .box .img ul li.a1 {
	left: 7%;
	/*bottom: 12%;*/
	top: 71%;
}

.business .box .img ul li.a2 {
	top: 29%;
	right: 6%;
}

.business .box .img ul li.a3 {
	top: 52%;
	right: 0;
}

.business .box .img ul li.a4 {
	/*bottom: 4.5%;*/
	right: 8.6%;
	top: 78.5%;
}

.business .box .img ul li .text {
	position: relative;
	z-index: 1;
	padding: 30px 40px;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	background: #FFFFFF;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.6;
}

.business .box .img ul li .text:before {
	content: '';
	position: absolute;
	top: 70px;
	/*width: 0px;
	height: 0px;
	border-top: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 24px solid #FFFFFF;*/
	z-index: -1;
	width: 30px;
	height: 27px;
	background: #FFFFFF;
	-webkit-transform: rotate(150deg) skew(36deg);
	transform: rotate(150deg) skew(36deg);
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
}

.business .box .img ul li.a1 .text:before {
	right: -10px;
}

.business .box .img ul li.a2 .text:before,
.business .box .img ul li.a3 .text:before,
.business .box .img ul li.a4 .text:before {
	left: -10px;
}

.business .box .img ul li .text:after {
	content: '';
	position: absolute;
	top: 0;
	width: 40px;
	height: 100%;
	background: #FFFFFF;
}

.business .box .img ul li.a1 .text:after {
	right: 0;
}

.business .box .img ul li.a2 .text:after,
.business .box .img ul li.a3 .text:after,
.business .box .img ul li.a4 .text:after {
	left: 0;
}

.business .box .img ul li .title {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	border-bottom: #f0f0f0 solid 1px;
}

.business .box .img ul li .title span {
	position: relative;
	display: inline-block;
	padding-bottom: 8px;
}

.business .box .img ul li .title span:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.business .box .img ul li dl {
	margin-top: 12px;
}

.business .box .img ul li dl dd {
	margin-bottom: 3px;
}

.business .box .img ul li i {
	position: absolute;
	top: 78px;
	z-index: 1;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.business .box .img ul li.a1 i {
	right: -6px;
}

.business .box .img ul li.a2 i,
.business .box .img ul li.a3 i,
.business .box .img ul li.a4 i {
	left: -6px;
}

.business .box .img ul li i:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	opacity: 0.4;
	animation: scale2 2s infinite;
}

@keyframes scale2 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(2);
	}
}

.address .box {
	margin-top: 40px;
}

.address .box>ul {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.address .box>ul>li {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 24.34375%;
	margin-right: 0.875%;
	margin-bottom: 0.875%;
}

.address .box>ul>li:nth-child(4n) {
	margin-right: 0;
}

.address .box ul li .img {
	display: block;
	width: 100%;
	overflow: hidden;
}

.address .box ul li .img img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.address .box ul li:hover .img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.address .box ul li .text {
	flex: 1;
	border: #f0f0f0 solid 1px;
	padding: 25px 40px 30px;
	box-sizing: border-box;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.6;
}

.address .box ul li .text .size20 {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	border-bottom: #f0f0f0 solid 1px;
}

.address .box ul li .text .size20 span {
	position: relative;
	display: inline-block;
	padding-bottom: 12px;
}

.address .box ul li .text .size20 span:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.address .box ul li .text ul {
	margin-top: 12px;
}

.partner .box {
	margin-top: 40px;
}

.partner .box ul {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.partner .box ul li {
	width: calc((100% - 36px) / 4);
	margin-right: 12px;
	margin-bottom: 12px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.partner .box ul li:nth-child(4n) {
	margin-right: 0;
}

.partner .box ul li .img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 230px;
	text-align: center;
	overflow: hidden;
}

.partner .box ul li .img img {
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.partner .box ul li:hover .img img {
	-webkit-transform: scale(1.16);
	transform: scale(1.16);
}

.partner .box ul li .text {
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 35px;
	box-sizing: border-box;
	text-align: center;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.6;
}

.partner .box ul li .text .title {
	color: #000000;
}

.partner .box ul li .text dl {
	margin-top: 15px;
}

.partner .box ul li .text dl dd {
	margin-bottom: 6px;
}

.partner .box ul li .text dl dd:last-child {
	margin-bottom: 0;
}

.promote .box {
	margin-top: 4.375%;
}

.promote .box ul li{
	position: relative;
	z-index: 1;
	padding-bottom: 5.9%;
}
.promote .box ul li:nth-child(odd):before{
	content: '';
	position: absolute;
	right: 0;
	bottom: -3.125vw;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../image/img85.png) right bottom no-repeat;
	background-size: 55.15625% auto;
}
.promote .box ul li:nth-child(even):before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../image/img86.png) left bottom no-repeat;
	background-size: 51.19791666666667% auto;
}
.promote .box ul li:last-child {
	padding-bottom: 0;
}
.promote .box ul li .maincontainer{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.promote .box ul li:nth-child(even) .maincontainer{
	flex-direction: row-reverse;
}

.promote .box ul li .imgbox {
	width: 52.5%;
	overflow: hidden;
}

.promote .box ul li .imgbox img {
	display: block;
	width: 100%;
}

.promote .box ul li .textbox {
	display: flex;
	align-items: center;
	width: 47.5%;
	box-sizing: border-box;
}

.promote .box ul li:nth-child(odd) .textbox {
	padding-left: 12.5%;
	text-align: right;
}

.promote .box ul li:nth-child(even) .textbox {
	padding-right: 12.5%;
}

.promote .box ul li .textbox .t1 {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}

.promote .box ul li .textbox .t2 {
	margin-top: 30px;
	color: #000000;
}

.promote .box ul li .textbox .t3 {
	margin-top: 15px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.6;
}

.career-path .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
}

.career-path .wrap .textbox {
	width: 40.625%;
	overflow: hidden;
}

.career-path .wrap .textbox .text {
	padding: 9%;
	box-sizing: border-box;
}

.career-path .wrap .textbox .t1 {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}

.career-path .wrap .textbox .t2 {
	margin-top: 12px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.6;
}

.career-path .wrap .imgbox{
	width: 59.375%;
	overflow: hidden;
	text-align: center;
	padding-top: 12%;
	padding-bottom: 6%;
}

/*.career-path .wrap .imgbox img {
	width: 100%;
}*/
.career-path .wrap .imgbox .animatedimg{
	position: relative;
	display: inline-block;
}
.career-path .wrap .imgbox .animatedimg>img{
	max-width: 100%;
}
.career-path .wrap .imgbox .animatedimg ul{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.career-path .wrap .imgbox .animatedimg ul li{
	position: absolute;
}
.career-path .wrap .imgbox .animatedimg ul li.a1{
	left: 0;
	top: 0;
	width: 40.2046783625731%;
}
.career-path .wrap .imgbox .animatedimg ul li.a2{
	right: 0;
	top: 0;
	width: 40.2046783625731%;
}
.career-path .wrap .imgbox .animatedimg ul li.a3{
	bottom: 14.7%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 62.56%;
}
.career-path .wrap .imgbox .animatedimg ul li .t1,
.career-path .wrap .imgbox .animatedimg ul li .t3{
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.career-path .wrap .imgbox .animatedimg ul li .t1 span,
.career-path .wrap .imgbox .animatedimg ul li .t3 span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
    font-size: 18px;
    background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.career-path .wrap .imgbox .animatedimg ul li.a3 .t1 span{
	min-height: 48px;
}
/*.career-path .wrap .imgbox .animatedimg ul li.a1 .t2{
	padding-left: 66px;
}
.career-path .wrap .imgbox .animatedimg ul li.a2 .t2{
	padding-right: 66px;
}*/
.career-path .wrap .imgbox .animatedimg ul li .t2{
	margin-top: 6px;
}
.career-path .wrap .imgbox .animatedimg ul li .t2 img{
	max-width: 69px;
}
.career-path .wrap .imgbox .animatedimg ul li.a1 .t2 img{
	position: relative;
	top: -15px;
	left: 18%;
	transform-origin: bottom;
	animation: a1 1.5s infinite; 
}
.career-path .wrap .imgbox .animatedimg ul li.a2 .t2 img{
	position: relative;
	top: -15px;
	right: 18%;
	transform-origin: bottom;
	animation: a2 1.5s infinite; 
}
.career-path .wrap .imgbox .animatedimg ul li.a3 .t2{
	transform-origin: bottom;
	animation: a3 1.5s infinite; 
}
.career-path .wrap .imgbox .animatedimg ul li .t3{
	width: 64.55399061032864%;
	margin: auto;
}
@keyframes a1 {
    0% {
        transform: scale(0.5) rotate(-45deg); 
    }
    100% {
        transform: scale(1) rotate(-45deg);
    }
}
@keyframes a2 {
    0% {
        transform: scale(0.5) rotate(45deg); 
    }
    100% {
        transform: scale(1) rotate(45deg);
    }
}
@keyframes a3 {
    0% {
        transform: scale(0.5); 
    }
    100% {
        transform: scale(1);
    }
}



.corporate-culture .box {
	margin-top: 3.125%;
}

.corporate-culture .box ul {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}

.corporate-culture .box ul li {
	/*width: 32.5%;
	margin-right: 1.25%;
	margin-bottom: 1.25%;*/
	width: 31.66666666666667%;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
}

.corporate-culture .box ul li:nth-child(3n) {
	margin-right: 0;
}

.corporate-culture .box ul li .imgbox {
	display: block;
	width: 100%;
	overflow: hidden;
}

.corporate-culture .box ul li .imgbox img {
	display: block;
	width: 100%;
}

.corporate-culture .box ul li .textbox {
	padding: 40px;
	box-sizing: border-box;
	text-align: center;
}

.corporate-culture .box ul li .textbox .t1 {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}

.corporate-culture .box ul li .textbox .t2 {
	margin-top: 12px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.6;
	text-wrap: balance;
}

.recruit .box {
	margin-top: 3.125%;
}

.recruit .box ul {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.recruit .box ul li {
	/*width: 32.5%;
	margin-right: 1.25%;
	margin-bottom: 1.25%;*/
	width: 31.66666666666667%;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	padding: 50px;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}

.recruit .box ul li:nth-child(3n) {
	margin-right: 0;
}

.recruit .box ul li .subtit {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	padding-bottom: 18px;
	border-bottom: #f0f0f0 solid 1px;
}

.recruit .box ul li .text {
	margin-top: 20px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.7;
}

.recruit .box ul li .text .size18 {
	font-family: "HONORSansCN-DemiBold";
}

.recruit .box ul li .more {
	margin-top: 28px;
}

.recruit .box ul li .more a {
	display: inline-block;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.followbox{
	padding-bottom: 60px;
}
.followbox .wrap {
	padding: 60px;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	background: url(../image/img62.png) center bottom no-repeat;
	background-size: 100% auto;
}

.followbox .wrap .title {
	text-align: center;
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}

.followbox .wrap ul {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.followbox .wrap ul li {
	margin: 0 8px;
}
.followbox .wrap ul li img{
	max-width: 212px;
}
.mainnew .swiper {
	position: relative;
	width: 100%;
	overflow: hidden;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
}

.mainnew .swiper .swiper-slide {
	display: flex;
	align-items: center;
}

.mainnew .swiper .imgbox {
	width: 56.25%;
	overflow: hidden;
}

.mainnew .swiper .imgbox a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.mainnew .swiper .imgbox img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.mainnew .swiper .swiper-slide:hover .imgbox img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.mainnew .swiper .textbox {
	width: 43.75%;
	padding: 5%;
	box-sizing: border-box;
}

.mainnew .swiper .textbox .t1 span {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.mainnew .swiper .textbox .t2 a {
	margin-top: 50px;
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mainnew .swiper .swiper-slide:hover .textbox .t2 a {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.mainnew .swiper .textbox .t3 {
	margin-top: 20px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mainnew .swiper .textbox .current_btn {
	margin-top: 50px;
}

.newlist {
	margin-top: 5.625%;
}
.newlist ul {
	margin-bottom: 7.1875%;
}

.newlist ul li {
	display: flex;
	align-items: stretch;
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: #f0f0f0 solid 1px;
}

.newlist ul li .date {
	order: 1;
	width: 10.3125%;
	color: #a8a8a8;
}

.newlist ul li .date .size30 {
	color: #000000;
}

.newlist ul li .img {
	order: 2;
	max-width: 300px;
	width: 25%;
	overflow: hidden;
}

.newlist ul li .img a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.newlist ul li .img img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.newlist ul li:hover .img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.newlist ul li .textbox {
	order: 3;
	flex: 1;
	display: flex;
	align-items: center;
	padding-left: 4%;
	padding-right: 4%;
	box-sizing: border-box;
}

.newlist ul li .textbox .text {
	padding-top: 20px;
	padding-bottom: 20px;
}

.newlist ul li .textbox .size24 a {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.newlist ul li:hover .textbox .size24 a {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.newlist ul li .textbox .size18 {
	margin-top: 15px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.newlist ul li .textbox .more {
	margin-top: 30px;
}

.newlist ul li .textbox .more a {
	color: rgba(0, 0, 0, 0.6);
}

.newlist ul li:hover .textbox .more a {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.paging {
	display: flex;
	align-items: stretch;
}

.paging .p1 {
	display: flex;
	padding-right: 40px;
}

.paging .prev,
.paging .next {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.paging .prev {
	margin-right: 8px;
}

.paging .prev i,
.paging .next i {
	display: inline-block;
	width: 10px;
	height: 14px;
}

.paging .prev i {
	background: url(../image/icon35a.png) center no-repeat;
	background-size: 100% auto;
}

.paging .next i {
	background: url(../image/icon36a.png) center no-repeat;
	background-size: 100% auto;
}

.paging .p2 {
	position: relative;
	flex: 1;
	display: flex;
	justify-content: flex-end;
}

.paging .p2:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
	width: 100%;
	height: 1px;
	background: #f0f0f0;
}

.paging .pages {
	display: flex;
	align-items: center;
	background: #FFFFFF;
	margin-right: 13%;
	padding-left: 24px;
	padding-right: 24px;
	font-family: "HONORSansCN-DemiBold";
	font-size: 24px;
	color: rgba(0, 0, 0, 0.6);
}

.paging .pages span {
	display: inline-block;
}

.paging .pages span.current {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.new-details {
	position: relative;
	z-index: 10;
	/*margin-top: -50px;*/
	margin-top: -8vw;
}

.new-details .box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 4.375% 3.75%;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	background: #FFFFFF;
}

.new-details .box .articlebox {
	width: 61.48648648648649%;
}

.new-details .box .articlebox .title {
	padding-bottom: 12px;
	border-bottom: #f0f0f0 solid 1px;
}

.new-details .box .articlebox .title .size30 {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	margin-bottom: 20px;
}

.new-details .box .articlebox .title .txt {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	color: rgba(0, 0, 0, 0.6);
}

.new-details .box .articlebox .title .txt span {
	display: inline-block;
	margin-right: 50px;
	margin-bottom: 15px;
}

.new-details .box .articlebox .textbox {
	padding-top: 30px;
	padding-bottom: 30px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.7;
}

.new-details .box .articlebox .textbox img {
	display: block;
	margin: auto;
	max-width: 100%;
}

.new-details .box .related-news {
	width: 33.24324324324324%;
}

.new-details .box .related-news .subtit {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}

.new-details .box .related-news ul {
	margin-top: 28px;
}

.new-details .box .related-news ul li {
	margin-bottom: 12px;
}

.new-details .box .related-news ul li a {
	display: flex;
	align-items: center;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
}

.new-details .box .related-news ul li .img {
	width: 42.68292682926829%;
	overflow: hidden;
}

.new-details .box .related-news ul li .img img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.new-details .box .related-news ul li:hover .img img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

.new-details .box .related-news ul li .text {
	width: 57.31707317073171%;
	color: #000000;
	line-height: 1.6;
	padding: 30px;
	box-sizing: border-box;
}

.prvenext {
	padding-top: 35px;
}

.prvenext ul li {
	display: flex;
	border-bottom: #F0F0F0 solid 1px;
}

.prvenext ul li a {
	display: inline-flex;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.6);
}

.prvenext ul li a:hover {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.prvenext ul li .t1 {
	white-space: nowrap;
}

.prvenext ul li .t2 {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.returndiv{
	/*padding-top: 30px;
    padding-bottom: 30px;    
    border-bottom: #F0F0F0 solid 1px;*/
   	display: flex;
   	align-items: center;
   	justify-content: flex-end;
   	margin-bottom: 2.5%;
}
.returndiv a{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
    font-size: 20px;
    /*color: rgba(0, 0, 0, 0.6);*/
    box-sizing: border-box;
    min-width: 120px;
    padding-left: 24px;
    padding-right: 24px;
    height: 50px;
    border-radius: 25px;
    color: #FFFFFF;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: hidden;
}
.returndiv a:hover{
	/*background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;*/
}
.returndiv a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: -webkit-linear-gradient(135deg, #0ab496, #78b83c);
    background: linear-gradient(135deg, #0ab496, #78b83c);
}
.returndiv a:hover:before{
	opacity: 0;
}
.returndiv a:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #0ab496;
	opacity: 0;
}
.returndiv a:hover:after{
	opacity: 1;
}

.article .box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.recommend {
	width: 68.75%;
}

.recommend ul {
	margin-top: 24px;
	margin-bottom: 60px;
}
.recommend ul li:nth-child(1){
	border-top: #f0f0f0 solid 1px;
}
.recommend ul li {
	border-bottom: #f0f0f0 solid 1px;
}

.recommend ul li a {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	color: rgba(0, 0, 0, 1);
	line-height: 1.7;
	padding-top: 30px;
	padding-bottom: 30px;
}

.recommend ul li .t1 {
	display: inline-block;
	margin-right: 20px;
}

.recommend ul li .t1 span {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.recommend ul li .t2 {
	flex: 1;
}

.article .recommend ul li a:hover .t2 span {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.recommend ul li .t3 {
	display: inline-block;
	margin-left: 20px;
	color: rgba(0, 0, 0, 0.6);
}

.article .sidebox {
	width: 26.875%;
}

.article-search {
	display: flex;
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
}

.article-search form {
	display: flex;
	width: 100%;
}

.article-search .text {
	border: none;
	outline: none;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
	padding: 0 20px;
	height: 50px;
	width: calc(100% - 60px);
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
	border-right: none;
}

.article-search .btns {
	width: 60px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}
.article-search .btns img{
	max-width: 18px;
}

.article .sidebox .wrap {
	margin-top: 40px;
}

.article .sidebox .wrap .subtit {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	padding-bottom: 18px;
	border-bottom: #f0f0f0 solid 1px;
}

.article .sidebox .wrap ul li {
	display: flex;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: #f0f0f0 solid 1px;
}

.article .sidebox .wrap ul li a {
	display: inline-flex;
	color: rgba(0, 0, 0, 0.6);
}

.article .sidebox .wrap ul li a:hover {
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}


.technical .box{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.technical .box .left-side{
	/*width: 52.5%;*/
	width: 69.375%;
}
.technical .box .right-side{
	width: 28.75%;
}

.technical .box .ahead,
.technical .box .aside-item ul li,
.search-result .aside-item ul li{
	padding: 35px 54px;
	box-shadow: 0px 0px 16px rgba(200,200,200,0.21);
	border-radius: 10px;
	box-sizing: border-box;
	margin-bottom: 18px;
}
.technical .box .ahead .title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 14px;
	border-bottom: #f0f0f0 solid 1px;
}
.technical .box .ahead .title span{
	display: inline-block;
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	font-size: 30px;
	line-height: 1.7;
}
.technical.draftsbox .box .ahead .title{
	border: none;
	padding-bottom: 0;
}
.forum-search {
	display: inline-flex;
	width: 330px;
	overflow: hidden;
}

.forum-search form {
	display: flex;
	width: 100%;
}

.forum-search .text {
	border: none;
	outline: none;
	color: rgba(0, 0, 0, 0.6);
	padding: 0 25px;
	height: 50px;
	width: calc(100% - 60px);
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
	border-right: none;
	font-size: 16px;
	color: rgba(0,0,0,0.6);
}
.forum-search .text::-webkit-input-placeholder{
	color: rgba(0,0,0,0.6);
}
.forum-search .text::-moz-placeholder{
	color: rgba(0,0,0,0.6);
}
.forum-search .text:-moz-placeholder{
	color: rgba(0,0,0,0.6);
}
.forum-search .text:-ms-input-placeholder{
	color: rgba(0,0,0,0.6);
}

.forum-search .btns {
	width: 60px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
}

.technical .box .ahead .textbox{
	padding-top: 24px;
	color: #000000;
	font-size: 18px;
	line-height: 1.6;
}
.technical .box .ahead .sort{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 42px;
}
.technical .box .ahead .sort a{
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-right: 50px;
	color: #000000;
	font-size: 16px;
}
.technical .box .ahead .sort a:last-child{
	margin-right: 0;
}
.technical .box .ahead .sort a i{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 9px;
}
.technical .box .ahead .sort .default i{
	background: url(../image/icon91.png) center no-repeat;
	background-size: 100% auto;
}
.technical .box .ahead .sort .linkcount i{
	background: url(../image/icon92.png) center no-repeat;
	background-size: 100% auto;
}
.technical .box .ahead .sort .response-volume i{
	background: url(../image/icon93.png) center no-repeat;
	background-size: 100% auto;
}
.technical .box .ahead .sort .default:hover i,
.technical .box .ahead .sort .default.on i{
	background: url(../image/icon91a.png) center no-repeat;
	background-size: 100% auto;
}
.technical .box .ahead .sort .linkcount:hover i,
.technical .box .ahead .sort .linkcount.on i{
	background: url(../image/icon92a.png) center no-repeat;
	background-size: 100% auto;
}
.technical .box .ahead .sort .response-volume:hover i,
.technical .box .ahead .sort .response-volume.on i{
	background: url(../image/icon93a.png) center no-repeat;
	background-size: 100% auto;
}
.technical .box .ahead .sort a span{
	display: inline-block;
	padding-top: 2px;
}
.technical .box .ahead .sort a:hover span,
.technical .box .ahead .sort a.on span{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	border-color: transparent;
}
.technical .box .aside-item .forum-content .above{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.draft-operate{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.draft-operate .btn{
	display: inline-flex;
	align-items: flex-start;
	margin-left: 30px;
	font-size: 16px;
}
.draft-operate .btn i{
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 10px;
}
.draft-operate .btn.editbtn i{
	background: url(../image/icon98a.png) center no-repeat;
	background-size: 100%;
}
.draft-operate .btn.deletebtn i{
	background: url(../image/icon99.png) center no-repeat;
	background-size: 100%;
}
/*.draft-operate .btn.editbtn:hover i{
	background: url(../images/icon98.png) center no-repeat;
	background-size: 100%;
}
.draft-operate .btn.deletebtn:hover i{
	background: url(../images/icon99a.png) center no-repeat;
	background-size: 100%;
}*/
.draft-operate .btn.editbtn span{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.technical .box .aside-item .forum-content .tagbox,
.search-result .aside-item .forum-content .tagbox{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.technical .box .aside-item .forum-content .tagbox a,
.search-result .aside-item .forum-content .tagbox a{
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 130px;
	height: 40px;
	padding: 0px 20px;
	border: #f0f0f0 solid 1px;
	box-sizing: border-box;
	border-radius: 20px;
	font-size: 16px;
	overflow: hidden;
}
.technical .box .aside-item .forum-content .tagbox a span,
.search-result .aside-item .forum-content .tagbox a span{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.technical .box .aside-item .forum-content .tagbox a:hover span,
.search-result .aside-item .forum-content .tagbox a:hover span{
	color: #FFFFFF;
	-webkit-text-fill-color: #FFFFFF;
	background: none;
}
.technical .box .aside-item .forum-content .tagbox a:before,
.search-result .aside-item .forum-content .tagbox a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
	background: linear-gradient(to right, #0ab496, #78b83c);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
}
.technical .box .aside-item .forum-content .tagbox a:hover:before,
.search-result .aside-item .forum-content .tagbox a:hover:before{
	opacity: 1;
}
.technical .box .aside-item .forum-content .text,
.search-result .aside-item .forum-content .text{
	margin-top: 30px;
}
.technical .box .aside-item .forum-content .text,
.technical .box .aside-item .forum-content .text a,
.search-result .aside-item .forum-content .text,
.search-result .aside-item .forum-content .text a{
	color: #000000;
	font-size: 18px;
	line-height: 1.6;
}
.technical .box .aside-item .forum-content .below,
.search-result .aside-item .forum-content .below{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 42px;
}
.technical .box .aside-item .forum-content .below .issuer,
.technical .box .aside-item .forum-content .below .issuer a,
.search-result .aside-item .forum-content .below .issuer,
.search-result .aside-item .forum-content .below .issuer a{
	display: inline-flex;
	align-items: center;
	color: rgba(0,0,0,0.6);
	font-size: 16px;
}
.technical .box .aside-item .forum-content .below .issuer .icon,
.search-result .aside-item .forum-content .below .issuer .icon{
	display: inline-block;
	margin-right: 10px;
	overflow: hidden;
}
.technical .box .aside-item .forum-content .below .issuer .icon img,
.search-result .aside-item .forum-content .below .issuer .icon img{
	width: 24px;
	border-radius: 50%;
}
.technical .box .aside-item .forum-content .below .otherinfor,
.search-result .aside-item .forum-content .below .otherinfor{
	display: flex;
	align-items: center;
}
.bar-content{
	display: flex;
	align-items: center;
}
.comment-list-bar{
	margin-top: 30px;
}
.bar-content .sp{
	display: inline-flex;
	align-items: center;
	margin-left: 24px;
	color: rgba(0,0,0,0.6);
	font-size: 14px;
}
.comment-list-bar .avatarbox .sp{
	font-size: 16px;
	margin-left: 0;
}
.bar-content .sp a{
	display: flex;
	align-items: baseline;
	color: rgba(0,0,0,0.6);
}
.bar-content img{
	display: inline-block;
	margin-right: 8px;
	max-width: 13px;
	-webkit-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0);
    opacity: 0.6;
}
.comment-list-bar .avatarbox span img{
	display: inline-block;
	-webkit-filter: none;
    filter: none;
    opacity: 1;
    max-width: 24px;
}
.comment-list-bar .avatarbox span .ic1{
	width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}
.comment-list-bar .avatarbox span .ic2{
	width: 20px;
	margin-left: 10px;
	margin-right: 0;
}
.bar-content .sp a:hover img{
	-webkit-filter: none;
    filter: none;
    opacity: 1;
}
.technical .box .aside-item ul li .bar-content img{
	
}
.bar-content .sp a:hover{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.article-bar{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
}
.article-bar .lf{
	display: flex;
	align-items: center;
}
.article-bar .sp{
	display: inline-flex;
	align-items: baseline;
	margin-right: 24px;
	color: rgba(0,0,0,0.6);
	font-size: 16px;
}
.article-bar .sp a{
	display: flex;
	align-items: center;
	color: rgba(0,0,0,0.6);
}
.article-bar img{
	display: inline-block;
	margin-right: 8px;
	-webkit-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0);
    opacity: 0.6;
}
.article-bar .sp a:hover img{
	-webkit-filter: none;
    filter: none;
    opacity: 1;
}
.article-bar .sp a:hover{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.comment-list-bar{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.comment-list-bar .lf{
	display: flex;
	align-items: center;
}


.technical .box .aside-item .collect a{
	display: inline-flex;
	align-items: baseline;
}
.technical .box .aside-item .collect a i{
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 8px;
	background: url(../image/icon97.png) center no-repeat;
	background-size: 100% auto;
}
.technical .box .aside-item .collect a span{
	font-size: 14px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.technical .box .aside-item .collect.cancel a i{
	background: url(../image/icon97a.png) center no-repeat;
	background-size: 100% auto;
}
.technical .box .aside-item .collect.cancel a span{
	background: none;
	-webkit-text-fill-color: rgba(0,0,0,0.6);
	color: rgba(0,0,0,0.6);
}

.profile-intro{
	padding: 60px 40px;
    box-shadow: 0px 0px 16px rgba(200, 200, 200, 0.21);
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 18px;
}
.profile-intro .user-info{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
}
.profile-intro .user-info .icon{
	width: 112px;
	height: 112px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	overflow: hidden;
}
.profile-intro .user-info .icon img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.profile-intro .user-info .name{
	text-align: center;
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	font-size: 20px;
}
.profile-intro .data-info{
	display: flex;
	align-items: stretch;
	margin-top: 40px;
	padding: 18px 0px;
	background: #fafafa;
	border-radius: 10px;
	overflow: hidden;
}
.profile-intro .data-info dl{
	flex: 1;
	text-align: center;
	color: #000000;
	font-size: 16px;
}
.profile-intro .data-info dl:hover span,
.profile-intro .data-info dl.active span{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.profile-intro .data-info dl dd{
	margin-top: 10px;
}
.profile-intro .btn-info{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 24px;
}
.profile-intro .btn-info .btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	/*min-width: 180px;*/
	max-width: 180px;
	height: 50px;
	border-radius: 25px;
	color: #FFFFFF;
	font-size: 18px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    margin: 0 10px;
}
.profile-intro .btn-info .btn.postbtn{
	margin: auto;
}
.contact-info{
	padding: 30px 54px;
    box-shadow: 0px 0px 16px rgba(200, 200, 200, 0.21);
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 18px;
}
.contact-info .textbox{
	text-align: center;
}
.contact-info .textbox .t1{
	font-family: "HONORSansCN-DemiBold";
	font-size: 20px;
	color: #000000;
}
.contact-info .textbox .t2{
	margin-top: 10px;
	font-size: 16px;
	color: rgba(0,0,0,0.6);
	line-height: 1.7;
}
.contact-info .btns{
	margin-top: 30px;
	text-align: center;
}
.contact-info .btns a{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 180px;
	height: 50px;
	border-radius: 25px;
	border: rgba(0,0,0,0.06) solid 1px;
	box-sizing: border-box;
	color: #000000;
	font-size: 18px;
	overflow: hidden;
}
.contact-info .btns a:hover{
	color: #FFFFFF;
	border: none;
}
.contact-info .btns a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
}
.contact-info .btns a:hover:before{
	opacity: 1;
}

.post-editor .edit-content{
	padding: 40px 54px 100px 54px;
    box-shadow: 0px 0px 16px rgba(200, 200, 200, 0.21);
    border-radius: 10px;
    box-sizing: border-box;
}
.edit-content .layui-form-item{
	margin-bottom: 0;
}
.edit-content .layui-form-item.text{
	margin-top: 54px;
}
.edit-content .layui-form-item .subtitle{
	font-family: "HONORSansCN-DemiBold";
	font-size: 24px;
	color: #000000;
	margin-bottom: 24px;
}
.edit-content .layui-form-item .layui-input-block{
	margin-left: 0;
}
.edit-content .layui-form-item .layui-input-block .layui-input{
	font-size: 16px;
	color: rgba(0,0,0,0.6);
	min-height: 70px;
	border: rgba(0,0,0,0.06) solid 1px;
	border-radius: 10px;
}
.edit-content .layui-form-item.other{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 30px;
}
.edit-content .layui-form-item.other:after{
	display: none;
}
.edit-content .layui-form-item.other .layui-input-block{
	display: inline-block;
}
.edit-content .layui-form-item.other .layui-input-block .layui-form-checkbox[lay-skin=primary] {
	padding-left: 24px;
}

.edit-content .layui-form-item.other .layui-input-block .layui-form-checkbox[lay-skin=primary] i {
	box-sizing: border-box;
}

.edit-content .layui-form-item.other .layui-input-block .layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: #0ab496;
}

.edit-content .layui-form-item.other .layui-input-block .layui-form-checked[lay-skin=primary] i {
	border-color: #0ab496 !important;
	background-color: #0ab496;
	color: #fff;
	line-height: inherit;
}
.edit-content .layui-form-item.other .layui-input-block .layui-form-checkbox[lay-skin=primary]>div{
	font-size: 16px;
	color: rgba(0,0,0,0.6);
}
.edit-content .layui-form-item.other .layui-input-block .layui-form-checkbox[lay-skin=primary] {
	margin-top: 0;
}

.edit-content .layui-form-item.other .layui-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 180px;
	height: 50px;
	border-radius: 25px;
	color: #FFFFFF;
	font-size: 18px;
	overflow: hidden;
	background: -webkit-linear-gradient(135deg, #0ab496, #78b83c);
    background: linear-gradient(135deg, #0ab496, #78b83c);
}

#editor—wrapper,
.editor—wrapper{
	border: 1px solid rgba(0,0,0,0.06);
	border-radius: 10px;
	overflow: hidden;
}
#toolbar-container,
#toolbar-container1,
#toolbar-container2{
	border-bottom: 1px solid rgba(0,0,0,0.06); 
}
#toolbar-container .w-e-bar,
#toolbar-container1 .w-e-bar,
#toolbar-container2 .w-e-bar{
	background: #f1f1f1; 
}
#editor-container { 
	height: 300px; 
}
.question-comments #editor-container1,
.question-comments #editor-container2{
	height: 256px;
}


.question-comments .wrap{
	padding: 40px 54px 90px 54px;
    box-shadow: 0px 0px 16px rgba(200, 200, 200, 0.21);
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 18px;
}
.comments-article .title{
	margin-bottom: 30px;
	padding-bottom: 24px;
	border-bottom: rgba(0,0,0,0.1) solid 1px;
}
.comments-article .title .t1{
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	font-size: 30px;
}
.comments-article .title .t2{
	display: flex;
	margin-top: 24px;
	font-size: 16px;
	color: rgba(0,0,0,0.6);
}
.comments-article .title .t2 span{
	display: flex;
	align-items: center;
}
.comments-article .title .t2 span img{
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	object-fit: cover;
	border-radius: 50%;
}
.comments-article .textbox{
	font-size: 18px;
	color: rgba(0,0,0,0.6);
	line-height: 1.7;
	padding-bottom: 30px;
}

.question-comments .edit-content{
	margin-top: 50px;
}

.comment-list .comment-list-head{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 36px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.06);
}
.comment-list .comment-list-head .subtitle .t1{
	font-family: "HONORSansCN-DemiBold";
	font-size: 24px;
	color: #000000;
}
.comment-list .comment-classify{
	display: flex;
	align-items: center;
}
.comment-list .comment-classify a{
	position: relative;
	display: inline-block;
	font-size: 18px;
	color: rgba(0,0,0,0.6);
	padding-right: 18px;
	margin-right: 18px;
}
.comment-list .comment-classify a:last-child{
	padding-right: 0;
	margin-right: 0;
}
.comment-list .comment-classify a:hover,
.comment-list .comment-classify a.on{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.comment-list .comment-classify a:before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 70%;
	background: rgba(0,0,0,0.2);
}
.comment-list .comment-classify a:last-child:before{
	display: none;
}
.comment-list ul li{
	margin-bottom: 36px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.06);
}
.comment-list ul li .text{
	color: #000000;
	font-size: 18px;
}

.cultivate-nav ul{
	display: flex;
	align-items: center;
}
.cultivate-nav ul li{
	margin-right: 10px;
}
.cultivate-nav ul li a{
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 200px;
	height: 60px;
	font-size: 20px;
	color: rgba(0,0,0,0.6);
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.cultivate-nav ul li:hover a,
.cultivate-nav ul li.on a{
	color: #FFFFFF;
}
.cultivate-nav ul li a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: rgba(0,0,0,0.06) solid 1px; 
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cultivate-nav ul li:hover a:before,
.cultivate-nav ul li.on a:before{
	opacity: 0;
}
.cultivate-nav ul li a:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cultivate-nav ul li:hover a:after,
.cultivate-nav ul li.on a:after{
	opacity: 1;
}
.cultivate .box{
	margin-top: 4.6875%;
}
.cultivate .box ul{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.search-result .cultivate ul{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom: 0;
}
.cultivate .box ul li,
.search-result .cultivate ul li{
	display: flex;
	flex-direction: column;
	width: 32.66666666666667%;
	margin-right: 1%;
	margin-bottom: 1%;
	box-shadow: 0px 0px 16px rgba(200, 200, 200, 0.21);
	cursor: pointer;
}
.cultivate .box ul li:nth-child(3n),
.search-result .cultivate ul li:nth-child(3n){
	margin-right: 0;
}
.cultivate .box ul li a,
.search-result .cultivate ul li a{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.cultivate .box ul li .imgbox,
.search-result .cultivate ul li .imgbox{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 68.70229007633588%;
	overflow: hidden;
}
.cultivate .box ul li .imgbox>img,
.search-result .cultivate ul li .imgbox>img{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cultivate .box ul li:hover .imgbox>img,
.search-result .cultivate ul li:hover .imgbox>img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.cultivate .box ul li .imgbox .mask,
.search-result .cultivate ul li .imgbox .mask{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cultivate .box ul li:hover .imgbox .mask,
.search-result .cultivate ul li:hover .imgbox .mask{
	opacity: 1;
}
.cultivate .box ul li .imgbox .mask:before,
.search-result .cultivate ul li .imgbox .mask:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    opacity: 0.6;
}
.cultivate .box ul li .imgbox .mask img,
.search-result .cultivate ul li .imgbox .mask img{
	width: 42px;
}
.cultivate .box ul li .textbox,
.search-result .cultivate ul li .textbox{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 9% 6%;
	box-sizing: border-box;
}
.cultivate .box ul li .textbox .text,
.search-result .cultivate ul li .textbox .text{
	margin-bottom: 40px;
}
.cultivate .box ul li .textbox .t1 span,
.search-result .cultivate ul li .textbox .t1 span{
	font-size: 24px;
	color: #000000;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    overflow: hidden;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
  	text-overflow: ellipsis;
  	white-space: normal;
}
.cultivate .box ul li:hover .textbox .t1 span,
.search-result .cultivate ul li:hover .textbox .t1 span{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.cultivate .box ul li .textbox .t2,
.search-result .cultivate ul li .textbox .t2{
	margin-top: 15px;
	font-size: 16px;
	color: rgba(0,0,0,0.6);
	line-height: 1.7;
	overflow: hidden;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
  	text-overflow: ellipsis;
  	white-space: normal;
}
.cultivate .box ul li .textbox .more span,
.search-result .cultivate ul li .textbox .more span{ 
	color: #000000;
	font-size: 18px;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cultivate .box ul li:hover .textbox .more span,
.search-result .cultivate ul li:hover .textbox .more span{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.cultivate-details .title .t1{
	font-size: 30px;
	color: #000000;
}
.cultivate-details .box{
	margin-top: 45px;
	color: rgba(0,0,0,0.6);
	font-size: 16px;
	line-height: 1.7;
}
.detailvideobox{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.detailvideobox:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 42px;
	height: 42px;
	background: url(../image/img115.png) center no-repeat;
	background-size: 100% auto; 
	pointer-events: none;
	display: none;
}
.detail-video{
	width: 100%;
	height: auto;
}
.detail-share{
	margin-top: 30px;
}
.detail-share a{
	display: inline-flex;
	align-items: flex-start;
	font-size: 18px;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.detail-share a img{
	display: inline-block;
	margin-right: 10px;
	width: 20px;
}





.logon .layui-input-block,
.register .layui-input-block {
	min-height: 1px;
}

.logon {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.logon .maincontainer {
	display: flex;
	justify-content: flex-end;
}

.logon .box {
	max-width: 520px;
	width: 100%;
	min-height: 560px;
	padding: 50px;
	background: #FFFFFF;
	border-radius: 10px;
	box-sizing: border-box;
}

.logon .tab-title {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.logon .tab-title:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #f0f0f0;
}

.logon .tab-title li span {
	position: relative;
	display: inline-block;
	padding-bottom: 12px;
	font-family: "HONORSansCN-DemiBold";
	color: rgba(0, 0, 0, 0.4);
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.logon .tab-title li:hover span,
.logon .tab-title li.active span {
	color: #0ab496;
}

.logon .tab-title li span:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 0%;
	height: 3px;
	margin: auto;
	background: #0ab496;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.logon .tab-title li:hover span:before,
.logon .tab-title li.active span:before {
	width: 100%;
}

.logon .tab-content {
	margin-top: 35px;
}

.logon .tab-content .tab-item {
	display: none;
}

.logon .tab-content .tab-item.tab-show {
	display: block;
}

.logon .tab-content .form-item {
	display: flex;
	align-items: center;
	width: 100%;
	border: #e5e5e5 solid 1px;
	border-radius: 4px;
}

.logon .tab-content .form-item .label {
	position: relative;
	width: auto;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.6);
	white-space: nowrap;
	padding: 0px 20px;
	box-sizing: border-box;
}

.logon .tab-content .form-item .label:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 100%;
	border-right: #e5e5e5 solid 1px;
}

.logon .tab-content .layui-input-block {
	flex: 1;
	margin-left: 0;
}

.logon .tab-content .form-item input {
	width: 100%;
	border: none;
	color: #000000;
	font-size: 16px;
	padding: 0px 20px;
	height: 48px;
	box-sizing: border-box;
}

.logon .tab-content .form-item input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.logon .tab-content .form-item input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.logon .tab-content .form-item input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.logon .tab-content .form-item input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.logon .tab-content .verification {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.logon .tab-content .verification .form-item {
	flex: 1;
}

.logon .tab-content .verification .btnSendCode {
	margin-left: 10px;
}

.logon .tab-content .verification .btnSendCode input {
	width: 140px;
	height: 50px;
	color: #fff;
	font-size: 16px;
	border: none;
	background:#312b2b;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
}

.logon .form-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
}

.logon .form-group label {
	display: block;
}

.logon input {
	-webkit-appearance: auto;
}

.logon .form-group .layui-input-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logon .form-group .layui-form-checkbox[lay-skin=primary] span {
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
}

.logon .form-group .layui-form-checkbox[lay-skin=primary] {
	padding-left: 24px;
}

.logon .form-group .layui-form-checkbox[lay-skin=primary] i {
	box-sizing: border-box;
}

.logon .form-group .layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: #0ab496;
}

.logon .form-group .layui-form-checked[lay-skin=primary] i {
	border-color: #0ab496 !important;
	background-color: #0ab496;
	color: #fff;
	line-height: inherit;
}

.logon .form-group a {
	display: inline-block;
	color: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.logon .form-group a:hover {
	color: #0ab496;
}

.logon .layui-form-item.btns button {
	width: 100%;
	height: 50px;
	background-color: #0ab496;
	font-size: 18px;
	color: #ffffff;
	letter-spacing: 2px;
	border: none;
	border-radius: 25px;
	cursor: pointer;
}

.logon .otherbox {
	text-align: center;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
}

.logon .otherbox a {
	color: #0ab496;
}

.logon .otherbox a:hover {
	text-decoration: underline;
}

.login-methods {
	margin-top: 30px;
}

.login-methods .subtit {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
}

.login-methods .subtit:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
	width: 100%;
	height: 1px;
	background: #f0f0f0;
}

.login-methods .subtit span {
	display: inline-block;
	padding-left: 36px;
	padding-right: 36px;
	background: #FFFFFF;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
}

.login-methods ul {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

.login-methods ul li {
	margin: 0 15px;
	display: flex;
	justify-content: center;
}

.login-methods ul li a {
	position: relative;
}

.login-methods ul li img {
	max-width: 28px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.login-methods ul li .ic2 {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}

.login-methods ul li a:hover .ic1 {
	opacity: 0;
}

.login-methods ul li a:hover .ic2 {
	opacity: 1;
}

.logon .codebox {
	padding-top: 15px;
	margin-bottom: 60px;
}

.logon .codebox ul {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.logon .codebox ul li {
	text-align: center;
}

.logon .codebox ul li .img {
	display: inline-block;
	border: #f0f0f0 solid 1px;
	border-radius: 10px;
	padding: 12px;
	box-sizing: border-box;
}
.logon .codebox ul li img{
	max-width: 176px;
}

.logon .codebox ul li .text {
	margin-top: 15px;
	text-align: center;
	color: rgba(0, 0, 0, 0.6);
	font-size: 18px;
}

.register .box,
.binding .box {
	margin-top: 36px;
	padding: 5%;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
}

.register .box {
	min-height: 620px;
	box-sizing: border-box;
}

.forgot-password.register .box {
	min-height: 1px;
}

.register .box .layui-container {
	width: 100%;
}

.register .step-tab {
	display: flex;
	justify-content: center;
	align-items: center;
}

.register .step-tab ul {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-width: 850px;
}

.register .step-tab ul:before {
	content: '';
	position: absolute;
	left: 0;
	top: 22px;
	z-index: -1;
	width: 100%;
	height: 1px;
	background: #e5e5e5;
}

.register .step-tab ul li .serial {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.register .step-tab ul li:first-child .serial:before {
	content: '';
	position: absolute;
	left: 0;
	top: 22px;
	z-index: -1;
	width: 50%;
	height: 1px;
	background: #FFFFFF;
}

.register .step-tab ul li:last-child .serial:before {
	content: '';
	position: absolute;
	right: 0;
	top: 22px;
	z-index: -1;
	width: 50%;
	height: 1px;
	background: #FFFFFF;
}

.register .step-tab ul li .serial span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	color: rgba(0, 0, 0, 0.4);
	font-size: 16px;
	border: #e5e5e5 solid 1px;
	box-sizing: border-box;
	background: #FFFFFF;
}

.register .step-tab ul li .text {
	margin-top: 15px;
	color: rgba(0, 0, 0, 0.6);
	font-size: 20px;
}

.register .step-tab ul li.active .serial span {
	color: #FFFFFF;
	background: #0ab496;
	border: #0ab496 solid 1px;
}

.register .step-tab ul li.active .text,
.register .step-tab ul li.already .text {
	color: #000000;
}

.register .step-tab ul li.already .serial span {
	border: #0ab496 solid 1px;
	background: #FFFFFF url(../image/icon81.png) center no-repeat;
	background-size: 10px auto;
	color: transparent;
}

.register .stepbox {
	margin-top: 70px;
}

.register.forgot-password .stepbox {
	margin-top: 0;
}

.register .step-content {
	display: none;
}

.register .step-content.active {
	display: block;
}

.register .step-content,
.forgot-password .box .layui-form {
	max-width: 530px;
	width: 100%;
	margin: auto;
}

.register .layui-form-item {
	display: flex;
	align-items: center;
	width: 100%;
}

.register .layui-form-item .form-item {
	display: flex;
	align-items: center;
	flex: 1;
}

.register .layui-form-label,
.register .layui-form-item .form-item .label {
	width: 120px;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.6);
	padding: 0;
	text-align: left;
}

.register .layui-input-block {
	flex: 1;
	margin-left: 0;
}

.register .layui-input-block input {
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
	padding: 0px 20px;
	border: #e5e5e5 solid 1px;
	height: 50px;
	box-sizing: border-box;
	border-radius: 4px;
	overflow: hidden;
}

.register .layui-input-block input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.register .layui-input-block input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.register .layui-input-block input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.register .layui-input-block input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.register .verification .btnSendCode {
	width: 140px;
	border-radius: 4px;
	margin-left: 10px;
	overflow: hidden;
}

.register .verification .btnSendCode input {
	width: 100%;
	height: 50px;
	color: rgba(0, 0, 0, 0.6);
	font-size: 16px;
}

.register .layui-btn {
	width: 100%;
	height: 50px;
	border-radius: 4px;
	overflow: hidden;
	background: #0ab496;
	margin-top: 20px;
	color: #FFFFFF;
	font-size: 18px;
}

.register .agreement {
	display: flex;
	align-items: center;
	justify-content: center;
}

.register .agreement .layui-form-checkbox[lay-skin=primary] {
	padding-left: 24px;
}

.register .agreement .layui-form-checkbox[lay-skin=primary] i {
	box-sizing: border-box;
}

.register .agreement .layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: #0ab496;
}

.register .agreement .layui-form-checked[lay-skin=primary] i {
	border-color: #0ab496 !important;
	background-color: #0ab496;
	color: #fff;
	line-height: inherit;
}

.register .layui-form-item .layui-form-checkbox[lay-skin=primary],
.logon .layui-form-item .layui-form-checkbox[lay-skin=primary] {
	margin-top: 0;
}
.register .layui-form-item .layui-form-checkbox[lay-skin=primary]>div,
.logon .layui-form-item .layui-form-checkbox[lay-skin=primary]>div{
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6)
}
.register .agreement span {
	padding-right: 0;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
}

.register .agreement a {
	font-size: 16px;
	color: #0ab496;
}

.register .go-login {
	margin-top: 30px;
	text-align: center;
	font-size: 18px;
	color: #000000;
}

.register .go-login a {
	color: #0ab496;
}

.register .customer .layui-input-block {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.register .prompt-text {
	text-align: center;
	color: #000000;
	font-size: 18px;
}

.register .prompt-text a {
	display: inline-block;
	color: #0ab496;
}

.binding .box form {
	max-width: 500px;
	width: 100%;
	margin: auto;
}

.binding .layui-form-item {
	display: flex;
	align-items: center;
}

.binding .layui-form-label {
	min-width: 105px;
	text-align: left;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.6);
	padding: 0;
}

.binding .layui-input-block {
	flex: 1;
	display: flex;
	margin-left: 0;
}

.binding .layui-input-block input {
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 50px;
	border: rgba(0, 0, 0, 0.1) solid 1px;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0px 12px;
}

.binding .layui-input-block input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.binding .layui-input-block input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.binding .layui-input-block input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.binding .layui-input-block input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.4);
}

.binding .layui-input-block .code {
	flex: 1;
}

.binding .layui-input-block .btnSendCode {
	width: 140px;
	margin-left: 10px;
}

.binding .layui-input-block .btnSendCode input {
	border: none;
}

.binding .layui-input-block .layui-form-radio,
.register .layui-input-block .layui-form-radio {
	display: flex;
	align-items: center;
	margin-right: 30px;
}

.binding .layui-input-block .layui-form-radio *,
.register .layui-input-block .layui-form-radio * {
	font-size: 16px;
	color: rgba(0,0,0,0.6);
}

.binding .layui-form-radio:hover *,
.binding .layui-form-radioed,
.binding .layui-form-radioed>i,
.register .layui-form-radio:hover *,
.register .layui-form-radioed,
.register .layui-form-radioed>i {
	color: #0ab496;
}

.binding .layui-form-radioed>div,
.register .layui-form-radioed>div {
	color: #0ab496;
}
.binding .layui-input-block .layui-form-radioed *, .register .layui-input-block .layui-form-radioed *{
	color: #0ab496;
}
.binding .layui-btn {
	width: 100%;
	height: 50px;
	color: #FFFFFF;
	font-size: 18px;
	letter-spacing: 2px;
	margin-top: 20px;
	background: #0ab496;
	border-radius: 4px;
}

.binding .layui-anim.layui-icon,
.register .layui-anim.layui-icon {
	display: none;
}

.binding .layui-form-radio.layui-form-radioed:before,
.register .layui-form-radio.layui-form-radioed:before {
	border-color: #B5E8DF;
	background-color: #0AB496;
	border-radius: 100%;
	border-width: 4px;
}

.binding .layui-form-radio:before,
.register .layui-form-radio:before {
	content: "";
	width: 18px;
	height: 18px;
	border: 2px solid rgba(0, 0, 0, 0.2);
	border-radius: 100%;
	display: block;
	margin-right: 8px;
	box-sizing: border-box;
	flex-shrink: 0;
}


/**/

.shoppingcart .box {
	margin-top: 36px;
	padding: 5%;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
}

.view-process {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.view-process ul {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	min-width: 54%;
	background: #f5f5f5;
	padding: 25px;
	box-sizing: border-box;
}

.view-process ul li {
	position: relative;
	display: flex;
	align-items: center;
	padding-right: 124px;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.view-process ul li:last-child {
	padding-right: 0;
}

.view-process ul li:before {
	content: '';
	position: absolute;
	right: 57px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 7px;
	height: 10px;
	margin-top: -2px;
	background: url(../image/icon21a.png) center no-repeat;
	background-size: 100% auto;
}
.view-process ul li:last-child:before{
	display: none;
}
.view-process ul li span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-top: -2px;
	margin-right: 12px;
	border-radius: 50%;
	color: rgba(0, 0, 0, 0.6);
	font-size: 12px;
	border: rgba(0, 0, 0, 0.1) solid 1px;
}

.view-process ul li.on {
	color: #0ab496;
}

.view-process ul li.on span {
	color: #FFFFFF;
	background: #0ab496;
}

.shoppingcart .wrap {
	margin-top: 6%;
}

.shoppingcart .wrap .item {
	margin-bottom: 50px;
}

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

.shoppingcart .wrap .item .subtit {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	margin-bottom: 30px;
}

.deliverybtns {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.deliverybtns .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 200px;
	height: 50px;
	margin-right: 15px;
	margin-bottom: 20px;
	padding: 0px 20px;
	border-radius: 4px;
	color: #000000;
	font-size: 18px;
	overflow: hidden;
	box-sizing: border-box;
	border: rgba(0, 0, 0, 0.1) solid 1px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.deliverybtns .btn:hover,
.deliverybtns .btn.active {
	color: #FFFFFF;
	background: #0ab496;
	border: #0ab496 solid 1px;
}

.shoppingcart .wrap .thead{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.refresh-btn a{
	display: inline-flex;
	align-items: flex-start;
	font-size: 18px;
	color: #0ab496;
}
.refresh-btn a img{
	display: inline-block;
	margin-right: 10px;
	width: 17px;
}

.c-table {
	width: 100%;
}

.c-table tbody {
	vertical-align: top;
}

.c-table thead th {
	text-align: left;
	font-weight: normal;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.6);
	padding: 8px 8px 8px 5px;
	white-space: nowrap;
	background: #f5f5f5;
	height: 60px;
	box-sizing: border-box;
}

.c-table td {
	padding: 36px 8px 36px 5px;
	font-size: 16px;
	color: #000000;
	border-bottom: rgba(0, 0, 0, 0.04) solid 1px;
	box-sizing: border-box;
}

.c-table thead th:nth-child(1) {
	width: 8.1%;
}

.c-table thead th:nth-child(2) {
	width: 10%;
}

.c-table thead th:nth-child(3) {
	width: 6%;
}

.c-table thead th:nth-child(4) {
	width: 8.8%;
}

.c-table thead th:nth-child(5) {
	width: 7.4%;
}

.c-table thead th:nth-child(6) {
	width: 13.2%;
}

.c-table thead th:nth-child(7) {
	width: 10.8%;
}

.c-table thead th:nth-child(8) {
	width: 11%;
}

.c-table thead th:nth-child(9) {
	width: 9.2%;
}

.c-table thead th:nth-child(10) {
	width: 9.2%;
}

.c-table thead th:nth-child(11) {}

.c-link a {
	color: #000000;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.c-link a:hover {
	color: #0ab496;
}

.c-price-gradient {
	display: flex;
	justify-content: flex-start;
}

.c-price-gradient dl {
	min-width: 60%;
}

.c-price-gradient dd {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	color: #000000;
	margin-bottom: 10px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.c-price-gradient dd.act {
	color: #0ab496;
}

.c-price-gradient dd:last-child {
	margin-bottom: 0;
}

.c-price-gradient dd .t1 {
	margin-right: 10px;
}

.c-price-gradient dd .t2 {
	min-width: 45%;
}

.c-stock .t2 {
	margin-top: 6px;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
}

.c-quantity {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	height: 32px;
	border: solid 1px rgba(0, 0, 0, 0.1);
}

.c-quantity input {
	display: block;
	width: 44px;
	height: 100%;
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
	-moz-appearance: textfield;
	font-size: 16px;
}

.c-quantity input::-webkit-outer-spin-button,
.c-quantity input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.c-quantity .btn {
	width: 34px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(0, 0, 0, 0.6);
	font-size: 24px;
	background: #FFFFFF;
	border-radius: 0;
	cursor: pointer;
}

.c-operate .btn {
	display: flex;
	align-items: flex-start;
	cursor: pointer;
}

.c-operate .btn i {
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 8px;
}

.c-operate .btn.deletebtn {
	margin-bottom: 15px;
	white-space: nowrap;
}

.c-operate .btn.deletebtn i {
	background: url(../image/icon82.png) center no-repeat;
	background-size: 100% auto;
}

.c-operate .btn.collectionbtn i {
	background: url(../image/icon83.png) center no-repeat;
	background-size: 100% auto;
}

.c-operate .collectionbtn.act i {
	background: url(../image/icon83a.png) center no-repeat;
	background-size: 100% auto;
}

.c-operate .collectionbtn.act {
	color: #0ab496;
}

.c-selectbox {
	padding-left: 36px;
}

.c-selectbox .layui-form-checkbox[lay-skin=primary] span {
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
}

.c-selectbox .layui-form-checkbox[lay-skin=primary] {
	padding-left: 24px;
}
.c-selectbox .layui-form-checkbox[lay-skin=primary]>div{
	padding-top: 1px;
	font-size: 16px;
	color: #000000;
}

.c-selectbox.delete-btn .layui-form-checkbox[lay-skin=primary] {
	padding-left: 54px;
	background: url(../image/icon82.png) left 28px center no-repeat;
	background-size: 17px auto;
}
.c-selectbox.delete-btn .layui-form-checkbox[lay-skin=primary]>div{
	padding-top: 4px;
	margin-top: 0;
	font-size: 18px;
}
.c-selectbox.delete-btn .layui-form-checkbox>i{
	top: 4px;
}


.c-selectbox .layui-form-checkbox[lay-skin=primary] i {
	box-sizing: border-box;
}

.c-selectbox .layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: #0ab496;
}

.c-selectbox .layui-form-checked[lay-skin=primary] i {
	border-color: #0ab496 !important;
	background-color: #0ab496;
	color: #fff;
}

.c-selectbox .layui-form-checked[lay-skin=primary] span {
	color: #000000;
}

.shoppingcart .summary {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 18px;
}

.shoppingcart .batch-deletion .c-selectbox {
	padding-left: 44px;
}

.shoppingcart .batch-deletion .c-selectbox .layui-form-checkbox[lay-skin=primary] span {
	color: rgba(0, 0, 0, 1);
	padding-top: 2px;
	padding-left: 24px;
	background: url(../image/icon82.png) left top no-repeat;
	background-size: 17px auto;
}

.shoppingcart .summary .total {
	display: flex;
	align-items: flex-start;
	color: #b0b0b0;
}

.shoppingcart .summary .total .price {
	color: #0ab496;
}

.shoppingcart .summary .total .layui-input-block {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 54px;
}
.shoppingcart .summary .total .layui-input-block .layui-btn{
	min-width: 120px;
	height: 50px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	box-sizing: border-box;
	padding: 0px 20px;
	border-radius: 4px;
	background: #0ab496;
}

.reminder {
	margin-top: 80px;
}

.shoppingcart .rubric {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	font-size: 20px;
	padding-bottom: 15px;
	border-bottom: #f0f0f0 solid 1px;
}

.shoppingcart .rubric.bordernone {
	border-bottom: none;
}

.reminder ul {
	margin-top: 24px;
}

.reminder ul li {
	margin-bottom: 24px;
}

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

.reminder ul li .t1 {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	font-size: 18px;
	margin-bottom: 3px;
}

.reminder ul li .t2 {
	color: rgba(0, 0, 0, 0.6);
	font-size: 16px;
	line-height: 1.7;
}

.reminder ul li a {
	color: #0ab496;
}

.order-infor .headline {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	font-size: 24px;
	padding-bottom: 18px;
	border-bottom: #f0f0f0 solid 1px;
}

.order-infor .order-item {
	margin-top: 50px;
}

.order-infor .order-item .boxtop {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.order-infor .order-item .add-address a {
	color: #0ab496;
	font-size: 18px;
}

.order-infor .order-item .addresslist ul li {
	display: flex;
	align-items: center;
	color: #000000;
	font-size: 18px;
	padding-top: 18px;
	padding-bottom: 18px;
	border: #f0f0f0 solid 1px;
	box-sizing: border-box;
	margin-bottom: 15px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.order-infor .order-item .addresslist ul li.act,
.order-infor .order-item .addresslist ul li:hover {
	border: #0ab496 solid 1px;
}

.order-infor .order-item .addresslist ul li .t1 {
	width: 18%;
	padding-left: 5%;
	box-sizing: border-box;
	word-break: break-word;
}

.order-infor .order-item .addresslist ul li .t2 {
	flex: 1;
	padding-left: 15px;
	box-sizing: border-box;
}

.order-infor .order-item .addresslist ul li .t3 {
	width: 25%;
	padding-left: 15px;
	box-sizing: border-box;
}

.order-infor .order-item .addresslist ul li .t4 {
	width: 13.5%;
	padding-left: 15px;
	box-sizing: border-box;
}

.order-infor .order-item .addresslist ul li .t5 {
	width: 11%;
	padding-left: 15px;
	box-sizing: border-box;
}

.order-infor .order-item .addresslist ul li .address-btn,
.order-infor .order-item .addresslist ul li .editbtn {
	color: #0ab496;
}

.order-infor .order-item .addresslist ul li:hover .address-btn,
.order-infor .order-item .addresslist ul li:hover .editbtn {
	text-decoration: underline;
}

.order-infor .order-item .addresslist ul li .address-btn.default {
	color: #000000;
	text-decoration: none;
	cursor: inherit;
}

.order-infor .order-item .balancebox {
	display: flex;
	align-items: center;
	margin-top: 25px;
	color: rgba(0, 0, 0, 0.6);
	font-size: 18px;
}

.order-infor .order-item .balancebox .text {
	position: relative;
	display: inline-block;
	font-family: "HONORSansCN-DemiBold";
	font-size: 30px;
	color: #0ab295;
}
.order-infor .order-item .balancebox .text #hiddenBalance{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}
.order-infor .order-item .balancebox .text.hidden #balance{
	opacity: 0;
}
.order-infor .order-item .balancebox .text.hidden #hiddenBalance{
	opacity: 1;
	visibility: visible;
	z-index: 2;
}
.order-infor .order-item .balancebox .layui-form-item{
	margin-left: 24px;
	margin-bottom: 0;
}
.order-infor .order-item .balancebox .layui-input-block{
	min-height: 1px;
}
.order-infor .order-item .balancebox .layui-form-item .layui-form-switch{
	position: relative;
	margin-top: 0;
	height: 18px;
    line-height: 1;
    border: none;
}
.order-infor .order-item .balancebox .layui-form-item .layui-form-switch:before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	height: 14px;
	border-radius: 7px;
	background: #e5e5e5;
}
.order-infor .order-item .balancebox .layui-form-item .layui-form-onswitch{
	background: none;
}
.order-infor .order-item .balancebox .layui-form-item .layui-form-onswitch:before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	height: 14px;
	border-radius: 7px;
	background: rgba(10,180,150,0.2);
}
.order-infor .order-item .balancebox .layui-form-item .layui-form-switch>div{
	opacity: 0;
}
.order-infor .order-item .balancebox .layui-form-item .layui-form-switch>i{
	width: 18px;
	height: 18px;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #5c5c5c;
}
.order-infor .order-item .balancebox .layui-form-item .layui-form-onswitch>i{
	left: 100%;
	margin-left: -18px;
	background: #0ab395;
}

.togglebtn {
	display: block;
	text-align: center;
	user-select: none;
	width: 45px;
	border-radius: 8px;
	margin-left: 24px;
	overflow: hidden;
}

.togglebtn .toggle-checkbox,
.togglebtn .toggle-feature:before,
.togglebtn .toggle-feature:after {
	transition: all 250ms ease-in;
}

.togglebtn .toggle-checkbox {
	display: none;
}

.togglebtn .toggle-btn {
	position: relative;
	display: block;
	width: 100%;
	height: 18px;
	text-transform: uppercase;
	border-radius: 9px;
	box-sizing: border-box;
	background: #e5e5e5;
	border-top: #ffffff solid 2px;
	border-bottom: #ffffff solid 2px;
}

.togglebtn .toggle-checkbox:checked+.toggle-btn {
	background: rgba(10, 180, 150, 0.2);
}

.togglebtn .toggle-btn:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 60%;
	transform: translateY(-50%);
	border-radius: 50%;
}

.togglebtn .toggle-checkbox:checked+.toggle-btn:before {
	left: 0;
}

.togglebtn .toggle-feature {
	position: relative;
	display: block;
	width: 100%;
	height: 14px;
	box-sizing: border-box;
}

.togglebtn .toggle-feature:before,
.togglebtn .toggle-feature:after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	border-radius: 50%;
}

.togglebtn .toggle-feature:before {
	left: 0%;
	background: #5c5c5c;
}

.togglebtn .toggle-checkbox:checked+.toggle-btn .toggle-feature:before {
	left: -100%;
}

.togglebtn .toggle-feature:after {
	right: -100%;
}

.togglebtn .toggle-checkbox:checked+.toggle-btn .toggle-feature:after {
	right: 0%;
	background: #0ab496;
}

.order-item .c-item {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: #f0f0f0 solid 1px;
}

.order-item .c-item .tit {
	color: #000000;
	font-size: 18px;
}

.order-item .c-item .tit .sp {
	display: inline-block;
	margin-left: 12px;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
}

.order-item .c-item .tit .tip {
	position: relative;
	display: inline-block;
	margin-left: 15px;
}

.order-item .c-item .tit .tip .icon img {
	width: 16px;
}

.order-item .c-item .tit .tip .txt {
	position: absolute;
	left: 200%;
	top: 0;
	min-width: 630px;
	padding: 30px;
	box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	border-radius: 10px;
	background: #FFFFFF;
	opacity: 0;
	z-index: -99;
	visibility: hidden;
	-webkit-transform: translateX(60px);
	transform: translateX(60px);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.order-item .c-item .tit .tip:hover .txt {
	opacity: 1;
	z-index: 3;
	visibility: visible;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.order-item .c-item .tit .tip .txt .t1 {
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	font-size: 18px;
}

.order-item .c-item .tit .tip .txt .t2 {
	margin-top: 6px;
	color: rgba(0, 0, 0, 0.6);
	font-size: 16px;
	line-height: 1.7;
}

.order-item .c-item .textbox {
	margin-top: 15px;
}

.shoppingcart .radio-group {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.shoppingcart .radio-group .radio-item {
	cursor: pointer;
	display: flex;
	align-items: flex-start;
	margin-right: 54px;
	margin-bottom: 20px;
}

.shoppingcart .radio-group .radio-item .text {
	padding-top: 3px;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
	white-space: nowrap;
}

.shoppingcart .radio-group .radio-item .remarks {
	display: inline-block;
	margin-left: 24px;
	font-size: 16px;
	color: #0ab496;
}

.shoppingcart .radio-group .radio-item .remarks img {
	display: inline-block;
	margin-right: 8px;
	width: 16px;
}

.shoppingcart .radio-group .layui-form-radio {
	font-family: HONORSansCN-Regular;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.1;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.shoppingcart .radio-group .layui-form-radio.layui-form-radioed {
	color: #0ab496;
}

.shoppingcart .radio-group .layui-form-radio.layui-form-radioed:before {
	border-color: #B5E8DF;
	background-color: #0AB496;
	border-radius: 100%;
	border-width: 4px;
}

.shoppingcart .radio-group .layui-form-radio:before {
	content: "";
	width: 18px;
	height: 18px;
	border: 2px solid rgba(0, 0, 0, 0.2);
	border-radius: 100%;
	display: block;
	margin-right: 8px;
	box-sizing: border-box;
	flex-shrink: 0;
}

.c-padm .c-item .rowbox {
	display: none;
	box-sizing: border-box;
}

.c-padm .c-item .rowbox ul li {
	display: flex;
	align-items: flex-start;
	padding: 24px;
	border: #f0f0f0 solid 1px;
	margin-top: 20px;
}

.c-padm .c-item .rowbox ul li.act,
.c-padm .c-item .rowbox ul li:hover {
	border: #0ab496 solid 1px;
}

.c-padm .c-item .rowbox ul li .t1 {
	padding-left: 50px;
	color: #000000;
	font-size: 18px;
	margin-right: 30px;
}

.c-padm .c-item .rowbox ul li .t2 {
	flex: 1;
	color: rgba(0, 0, 0, 0.6);
	font-size: 18px;
}

.order-item .c-item .invoicebox ul li {
	display: flex;
	align-items: flex-start;
	color: #000000;
	font-size: 18px;
	margin-top: 20px;
	padding: 24px;
	border: #f0f0f0 solid 1px;
	box-sizing: border-box;
}

.order-item .c-item .invoicebox ul li.act,
.order-item .c-item .invoicebox ul li:hover {
	border: #0ab496 solid 1px;
}

.order-item .c-item .invoicebox ul li .t1 {
	min-width: 20%;
	padding-left: 50px;
	margin-right: 30px;
	box-sizing: border-box;
}

.order-item .c-item .invoicebox ul li .t2 {
	min-width: 13%;
	margin-right: 30px;
}

.order-item .c-item .invoicebox ul li .t3 {
	flex: 1;
	white-space: nowrap;
}

.order-infor .order-item table {
	width: 100%;
	border-collapse: collapse;
}

.order-infor .order-item table th {
	height: 60px;
	font-size: 18px;
	line-height: 1.1;
	padding: 12px;
	background-color: rgba(0, 0, 0, 0.04);
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6);
	white-space: nowrap;
	text-align: left;
	box-sizing: border-box;
}

.order-infor .order-item table td {
	text-align: left;
	padding: 30px 12px;
	font-size: 16px;
	color: #000000;
	line-height: 1.6;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
}

.order-infor .order-item table th:nth-child(1),
.order-infor .order-item table td:nth-child(1) {
	padding-left: 45px;
}

.order-infor .order-item .layui-input-block {
	margin-left: 0;
}

.order-infor .order-item .layui-textarea {
	padding: 24px;
	border: #f0f0f0 solid 1px;
	color: #000000;
	font-size: 16px;
	height: 140px;
}

.order-infor .order-item .layui-textarea::-webkit-input-placeholder {
	font-family: "HONORSansCN-Regular";
	color: rgba(0, 0, 0, 0.6);
}

.order-infor .order-item .layui-textarea:-moz-placeholder {
	font-family: "HONORSansCN-Regular";
	color: rgba(0, 0, 0, 0.6);
}

.order-infor .order-item .layui-textarea::-moz-placeholder {
	font-family: "HONORSansCN-Regular";
	color: rgba(0, 0, 0, 0.6);
}

.order-infor .order-item .layui-textarea:-ms-input-placeholder {
	font-family: "HONORSansCN-Regular";
	color: rgba(0, 0, 0, 0.6);
}

.order-infor .settlement {
	margin-top: 50px;
	text-align: right;
}

.order-infor .settlement .t1 {
	font-size: 20px;
	color: rgba(0, 0, 0, 0.6);
}

.order-infor .settlement .t2 {
	margin-top: 15px;
	font-family: "HONORSansCN-DemiBold";
	font-size: 20px;
	color: #0ab496;
}

.order-infor .settlement .layui-form-item {
	margin-bottom: 0;
	margin-top: 30px;
}

.order-infor .settlement .layui-form-item .layui-input-block {
	margin-left: 0;
	min-height: 1px;
}

.order-infor .settlement .layui-form-item .layui-form-checkbox[lay-skin=primary] {
	margin-top: 0;
}

.order-infor .settlement .layui-form-item .layui-form-checkbox[lay-skin=primary]>div {
	padding-right: 0;
	color: #000000;
	font-size: 16px;
}

.order-infor .settlement .layui-form-item .layui-input-block a {
	color: #0ab496;
	font-size: 16px;
}

.order-infor .settlement .layui-form-item .layui-form-checkbox[lay-skin=primary] i {
	box-sizing: border-box;
}

.order-infor .settlement .layui-form-item .layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: #0ab496;
}

.order-infor .settlement .layui-form-item .layui-form-checked[lay-skin=primary] i {
	border-color: #0ab496 !important;
	background-color: #0ab496;
	color: #fff;
}

.order-infor .settlement .layui-form-item .layui-btn {
	min-width: 200px;
	height: 50px;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 18px;
	background-color: #0ab496;
}


/**/

.place-order .title {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	text-align: center;
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	font-size: 24px;
	padding-bottom: 20px;
	border-bottom: #F0F0F0 solid 1px;
}

.place-order .title img {
	display: inline-block;
	width: 26px;
	margin-right: 12px;
}

.place-order .content {
	margin-top: 28px;
}

.place-order .content ul li {
	display: flex;
	margin-bottom: 24px;
	color: #000000;
	font-size: 18px;
}

.place-order .content ul li .t1 {
	width: 100px;
}

.place-order .content ul li .t2 {
	display: flex;
	width: calc(100% - 100px);
}

.place-order .content ul li .view-btn,
.place-order .content ul li .print-btn {
	display: inline-flex;
	align-items: center;
	margin-left: 45px;
	font-size: 16px;
	color: #0ab496;
}

.place-order .content ul li a {
	color: #0ab496;
}

.place-order .content ul li .view-btn img,
.place-order .content ul li .print-btn img {
	display: inline-block;
	margin-right: 8px;
	width: 16px;
}

.place-order .content ul li.price .t2 {
	font-family: "HONORSansCN-DemiBold";
	color: #0ab496;
}

.place-order .content ul li.payment .t2 {
	flex-direction: column;
}

.place-order .content ul li .paybox {
	display: flex;
	align-items: center;
}

.place-order .content ul li .paybox img {
	display: inline-block;
	margin: 0 15px;
}

.place-order .content ul li .paybox .change-btn {
	color: #0ab496;
	font-size: 16px;
	cursor: pointer;
}

.place-order .content ul li .codebox {
	margin-top: 30px;
	min-height: 50px;
}

.place-order .content ul li .codebox img {
	width: 200px;
	border: #f0f0f0 solid 1px;
	border-radius: 10px;
	overflow: hidden;
}

.place-order .layui-form {
	display: flex;
	justify-content: center;
	align-items: center;
}

.place-order .layui-form .layui-input-block {
	margin-left: 15px;
	margin-right: 15px;
}

.place-order .layui-form .layui-input-block .layui-btn,
.payment-popup .layui-btn{
	min-width: 200px;
	height: 50px;
	line-height: inherit;
	border-radius: 4px;
	background: #0ab496;
	color: #FFFFFF;
	font-size: 18px;
}

.payment-popup .head {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-bottom: 15px;
	margin-bottom: 24px;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	font-family: 'HONORSansCN-DemiBold';
	font-size: 24px;
	color: #000000;
	line-height: 1.1;
}

.payment-popup .layui-form-item{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 60px;
}
.shoppingcart .common-popup.init-flex{
	align-items: center;
}
/**/
.m-nav{
	position: fixed;
	top: 4.375rem;
	left: 0;
	width: 100%;
	height: calc(100vh - 4.375rem);
	display: none;
	z-index: 99;
	background-color: #FFFFFF;
	overflow-y: auto;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.m-nav>ul{
	padding-top: 1.25rem;
	padding-left: 5%;
	padding-right: 5%;
}
.m-nav>ul>li{
	width: 100%;
    text-align: left;
    border-bottom: #e5e5e5 solid 1px;
    box-sizing: border-box;
    list-style: none;
}
.m-nav ul li a,
.m-nav ul li .headtitle{
	display: block;
    line-height: 1.7;
    color: #666666;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.m-nav>ul>li>a,
.m-nav>ul>li>.headtitle{
	font-size: 1.3rem;
    padding: 1rem 0;
}
.m-nav ul li:hover>a,
.m-nav ul li .headtitle.on{
	color: #0ab496;
}

.m-nav>ul>li>ul>li>.headtitle,
.m-nav>ul>li>ul>li>a{
	font-size: 1.2rem;
    padding: 0.625rem 0;
}
.m-nav ul li .headtitle{
	position: relative;
	padding-right: 3rem;
}
.m-nav ul li ul li .headtitle{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m-nav ul li ul li .headtitle>a{
	display: inline-block;
	max-width: calc(100% - 3rem);
}
.m-nav ul li ul li .headtitle.on>a{
	color: #0ab496;
}
/*.m-nav ul li ul li .headtitle .arrow{
	position: relative;
	width: 2.625rem;
	height: 1.875rem;
}*/
.m-nav>ul>li>a{
	position: relative;
}
.m-nav ul li .headtitle i,
.m-nav>ul>li>a i{
   	position: absolute;
   	right: 1.25rem;
   	top: 50%;
   	border-right: 0.125rem solid #666666;
   	border-bottom: 0.125rem solid #666666;
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    margin: auto;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.m-nav ul li .headtitle.on i{
	margin-top: -0.1rem;
   	border-right: 0.125rem solid #40C1C8;
   	border-bottom: 0.125rem solid #40C1C8;
   	-webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.m-nav ul li ul{
	display: none;
}
.m-nav>ul>li>ul{
	border-top: #e5e5e5 solid 1px;
	padding-top: 0.9375rem;
	padding-bottom: 0.9375rem;
}
.m-nav ul li ul li ul li ul li a{
	font-size: 0.9375rem;
    padding: 0.5rem 0;
}
.m-nav ul li ul li ul{
	margin-top: 0.625rem;
}
.m-nav ul li ul li ul li{
	padding-bottom: 1.2rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid #e5e5e5;
}
.m-nav ul li .subtitle a{
	font-size: 1.1rem;
	color: rgba(0,0,0,0.6);
}
.m-nav ul li .subtitle a:hover{
	color: #0ab496;
}
.m-nav ul li dl{
	/*display: grid;
    grid-template-columns: repeat(5, 1fr); */
   	display: flex;
   	align-items: flex-start;
   	flex-wrap: wrap;
   	column-gap: 2rem;
   	row-gap: 1rem;
	/*gap: 1rem;*/
	margin-top: 1rem;
}
.m-nav ul li dl dd a{
	display: inline-block;
	font-size: 1rem;
}
.m-nav ul li dl dd a:hover{
	color: #0ab496;
}

.menubtn{
	display: none;
	position: relative;
    width: 3rem;
    height: 50px;
    cursor: pointer;
}
.menubtn .menu-i{
	width: 25px;
	height: 2px;
    right: 0;
    position: absolute;
    font-style: normal;
    background-color: #fff;
    display: block;
    transition: all 0.5s;
    border-radius: 2px;
}
.header.on .menubtn .menu-i,
.header.black .menubtn .menu-i,
.header.act .menubtn .menu-i,
.header.inter .menubtn .menu-i{
    background-color: #333333;
}
.menubtn .menu-i-1 {
    top: 14px;
}
.menubtn .menu-i-2 {
    top: 23px;
}
.menubtn .menu-i-3 {
    top: 32px;
}
.menubtn.on .menu-i-1 {
    transform: translateY(9px) rotate(45deg);
}
.menubtn.on .menu-i-2 {
    opacity: 0;
}
.menubtn.on .menu-i-3 {
    transform: translateY(-9px) rotate(-45deg);
}

.advanced-search .title,
.search-result .title{
	text-align: center;
}
.advanced-search .title .t1,
.search-result .title .t1{
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}
.advanced-search .title .t2,
.search-result .title .t2{
	margin-top: 6px;
	color: rgba(0,0,0,0.6);
	line-height: 1.7;
}
.advanced-search .box{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-top: 2.5%;
}
.advanced-search .box .item{
	width: 49.375%;
	margin-right: 1.25%;
	margin-bottom: 1.25%;
	padding: 3.75%;
	box-shadow: 0px 0px 13px rgba(0,0,0,0.1);
	box-sizing: border-box;
}
.advanced-search .box .item:nth-child(2n){
	margin-right: 0;
}
.advanced-search .box .item .subtit{
	text-align: center;
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
}
.advanced-search .box .item .search-container{
	display: flex;
	max-width: 560px;
	width: 100%;
	padding: 0 30px;
	border-radius: 30px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	border: rgba(0,0,0,0.06) solid 1px;
	box-sizing: border-box;
	overflow: hidden;
}
.advanced-search .box .item .search-input{
	flex: 1;
	font-size: 16px;
	color: rgba(0,0,0,0.6);
	background: none;
	outline: none;
	background: none;
	border: none;
}
.advanced-search .box .item .search-input::-webkit-input-placeholder {
	font-family: "HONORSansCN-Regular";
	color: rgba(0,0,0,0.6);
}
.advanced-search .box .item .search-input:-moz-placeholder {
	font-family: "HONORSansCN-Regular";
	color: rgba(0,0,0,0.6);
}
.advanced-search .box .item .search-input::-moz-placeholder {
	font-family: "HONORSansCN-Regular";
	color: rgba(0,0,0,0.6);
}
.advanced-search .box .item .search-input:-ms-input-placeholder {
	font-family: "HONORSansCN-Regular";
	color: rgba(0,0,0,0.6);
}
.advanced-search .box .item .fa-search,
.advanced-search .box .item .clear-search{
	display: inline-block;
	width: 40px;
	height: 58px;
}
.advanced-search .box .item .fa-search{
	background: url(../image/icon106.png) left center no-repeat;
	background-size: 50% auto;
}
.advanced-search .box .item .clear-search{
	background: url(../image/icon107.png) right center no-repeat;
	background-size: 42.5% auto;
}


.search-result .box{
	margin-top: 4.5%;
}
.search-result .box .item{
	margin-bottom: 3.5%;
}
.search-result .box .item:last-child{
	margin-bottom: 0;
}
.search-result .box .subtitle{
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	margin-bottom: 25px;
}
.search-result .box .subtitle.border-bot{
	padding-bottom: 24px;
	border-bottom: rgba(0,0,0,0.06) solid 1px;
}
.search-result .box .tablewrap table{
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
	font-size: 16px;
	border: 1px solid #f0f0f0;
	text-align: left;
}
.search-result .box .tablewrap table th{
	background: #f5f5f5;
	height: 60px;
	font-weight: normal;
	color: rgba(0,0,0,0.6);
	box-sizing: border-box;
}
.search-result .box .tablewrap table td{
	color: #000000;
	height: 80px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 12px;
	border-bottom: 1px solid #f0f0f0;
	box-sizing: border-box;
}
.search-result .box .tablewrap table td:nth-child(1){
	width: 80px;
}
.search-result .box .tablewrap .proname .t1 span{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.search-result .box .tablewrap .proname .t2{
	margin-top: 5px;
	font-size: 14px;
	color: rgba(0,0,0,0.6);
}
.search-result .box .tablewrap .procycle span{
	display: inline-block;
	min-width: 60px;
	text-align: center;
	margin-right: 10px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.333333333333333;
	padding: 2px 12px;
	box-sizing: border-box;
	white-space: nowrap;
}
.search-result .box .tablewrap .procycle span.pre,
.product_details .describe .title .pre{
	background: #ff9a00;
}
.search-result .box .tablewrap .procycle span.newtag,
.product_details .describe .title .newtag{
	background: #89ba2a;
}
.search-result .box .tablewrap .procycle span.supply,
.product_details .describe .title .supply{
	background: #189343;
}


.search-result .box .tablewrap .addbtn{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.search-result .box .tablewrap .addbtn .btn{
	display: inline-block;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.search-result .box .tiptext{
	font-family: "HONORSansCN-DemiBold";
	color: #000000;
	margin-bottom: 3%;
}
.search-result .box .tiptext span{
	display: inline-block;
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.search-result .newlist{
	margin-top: 0;
	padding-top: 24px;
}
.search-result .newlist ul{
	margin-bottom: 0;
}
.search-result .recommend{
	width: 100%;
}
.kwcolor{
	color: #0ab496;
}
.search-result .recommend ul li a:hover .t2{
	background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.addimgbox{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.addimgbox img{
	max-width: 100%;
}

.nopadding{
	padding: 0 !important;
}
.zoomBox .swiper{
	position: relative;
	width: 100%;
	padding: 0px 30px;
	box-sizing: border-box;
	overflow: hidden;
}
.zoomBox .swiper{
	height: 100%;
}
.zoomBox .swiper .swiper-slide{
	height: 100%;
}
.zoomBox .zoomBtn{
	z-index: 12;
}
.zoomBox .swiper-slide{
	width: 100%;
	overflow: hidden;
}

.zoomBox .swiper-button-next,
.zoomBox .swiper-button-prev{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 30px;
    height: 40px;
    cursor: pointer;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.zoomBox .swiper-button-prev,
.zoomBox .swiper-container-rtl .swiper-button-next {
	background-image: url(../image/icon43a.png);
	background-size: 100% auto;
	left: 0;
	right: auto;
}

.zoomBox .swiper-button-next,
.zoomBox .swiper-container-rtl .swiper-button-prev {
	background-image: url(../image/icon44a.png);
	background-size: 100% auto;
	right: 0;
	left: auto;
}

.zoomBox .swiper-button-next.swiper-button-disabled,
.zoomBox .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	pointer-events: none;
}

.zoomBox .swiper-button-next.swiper-button-disabled {
	background-image: url(../image/icon44.png);
	background-size: 100% auto;
}

.zoomBox .swiper-button-prev.swiper-button-disabled {
	background-image: url(../image/icon43.png);
	background-size: 100% auto;
}


@media screen and (min-width: 1025px){
	.padt80{
		padding-top: 4.166666666666667vw;
	}
	.padt100{
		padding-top: 5.208333333333333vw;
	}
	.padb100{
		padding-bottom: 5.208333333333333vw;
	}
	.padt120{
		padding-top: 6.25vw;
	}
	.padb120{
		padding-bottom: 6.25vw;
	}
	.padt140{
		padding-top: 7.291666666666667vw;
	}
	.padt160{
		padding-top: 8.333333333333333vw;
	}
	.padb150{
		padding-bottom: 7.8125vw;
	}
	.padb170{
		padding-bottom: 8.854166666666667vw;
	}
	.index_autoelectronics .wrap ul li.a4{
		bottom: 9.6%;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1920px){	
	.header .nav ul li{
		padding: 0 1.041666666666667vw;
	}
	.header .nav ul li>a{
		height: 5.15625vw;
		font-size: 1.041666666666667vw;
	}
	.header .nav ul li a span{
		padding-top: 0.2083333333333333vw;
	}
	.header .nav ul>li>a>span:before{
		bottom: 0.2083333333333333vw;
		height: 0.2083333333333333vw;
	}
	.user-btn{
		height: 5.15625vw;
		margin-right: 0.625vw;
	}
	.user-btn img{
		width: 0.9895833333333333vw;
		margin: 0 0.4166666666666667vw;
	}
	.user-btn ul {
	    -webkit-transform: translate(-50%, 0.5208333333333333vw);
		transform: translate(-50%, 0.5208333333333333vw);
	    padding-top: 0.5208333333333333vw;
	    padding-bottom: 0.5208333333333333vw;
	    border-radius: 0.5208333333333333vw;
	    min-width: 5.208333333333333vw;
	    box-shadow: 0 0 0.78125vw rgba(0, 0, 0, 0.1);
	}
	.user-btn ul li>a {
	    padding: 0.4166666666666667vw 1.041666666666667vw;
	    font-size: 0.8333333333333333vw;
	}
	
	.head-nation{
	    margin-left: 1.041666666666667vw;
	}
	.head-nation:before{
		left: -1.041666666666667vw;
		height: 1.041666666666667vw;
	}
	.header .head-nation .current{
		height: 5.15625vw;
		background: url(../image/icon2.png) left center no-repeat;
		background-size: 1.09375vw auto;
		padding-left: 1.5625vw;
	}
	.header.black .head-nation .current, 
	.header.act .head-nation .current, 
	.header.blacktext .head-nation .current, 
	.header.inter .head-nation .current{
		height: 5.15625vw;
		padding-left: 1.5625vw;
		background: url(../image/icon2a.png) left center no-repeat;
		background-size: 1.09375vw auto;
	}
	.header .head-nation .current .name{
	    font-size: 1.041666666666667vw;
	}
	.head-nation ul{
		padding-top: 0.5208333333333333vw;
	    padding-bottom: 0.5208333333333333vw;
		box-shadow: 0 0 0.78125vw rgba(0,0,0,0.1);
		border-radius: 0.5208333333333333vw;
	}
	.head-nation ul li a{
	   	padding: 0.4166666666666667vw 1.041666666666667vw;
	    font-size: 0.8333333333333333vw;
	    min-width: 4.6875vw;
	}
	.header.black,
	.header.act{
		box-shadow: 0 0 0.78125vw rgba(0,0,0,0.15);
	}
	.header.black .head-nation .current,
	.header.act .head-nation .current,
	.header.blacktext .head-nation .current{
		background: url(../image/icon2a.png) left center no-repeat;
		background-size: 1.09375vw auto;
	}
	
	.header .dropdown .content .title{
		/*font-size: 1.5625vw;*/
		font-size: 1.66666666666667vw;
	}
	.header .dropdown .content .title span{
		padding-bottom: 0.78125vw;
	}
	.header .dropdown .content .title span:before{
		height: 0.2083333333333333vw;
	}
	.header .dropdown .closeicon{
		bottom: 0.9375vw;
	}
	.header .dropdown .closeicon img{
		width: 1.979166666666667vw;
	}
	.header .dropdown .content .levelbox .level2 .level2_li a{
		min-height: 3.90625vw;
		/*font-size: 1.041666666666667vw;*/
		/*font-size: 1.145833333333333vw;*/
		font-size: 1.25vw;
	}
	.header .dropdown .content .levelbox .level2 .level2_li i,
	.header .dropdown .content .levelbox .level3 .level3_li i,
	.viewall a i{
		width: 2.083333333333333vw;
		height: 0.7291666666666667vw;
		background: url(../image/icon6.png) center no-repeat;
		background-size: 0.5208333333333333vw auto;
		-webkit-transform: translateX(-0.78125vw);
		transform: translateX(-0.78125vw);
	}
	.header .dropdown .content .levelbox .level3{
		padding-top: 1.25vw;
		padding-bottom: 3.125vw;
	}
	.header .dropdown .content .levelbox .level3 .level3_li{
		top: 0.78125vw;
	}
	.header .dropdown .content .levelbox .level3 .level3_li .level3_libox{
		padding-bottom: 0.3125vw;
	}
	.header .dropdown .content .levelbox .level3 .subtit{
		padding-top: 0.3125vw;
		padding-bottom: 0.3125vw;
		/*padding-left: 4.5%;
		padding-right: 5%;*/
		padding-left: 2.5vw;
		padding-right: 1.7vw;
	}
	.header .dropdown .content .levelbox .level3 .subtit a,
	.viewall a{
		/*font-size: 0.8333333333333333vw;*/
		/*font-size: 0.9375vw;*/
		font-size: 1.145833333333333vw;
	}
	.header .dropdown .content .levelbox .level4{
		top: 0.625vw;
		padding-left: 2.5vw;
	}
	.header .dropdown .content .levelbox .level4 dl dd{
		margin-bottom: 0.78125vw;
	}
	.header .dropdown .content .levelbox .level4 dl dd a{
		/*font-size: 0.8333333333333333vw;*/
		/*font-size: 0.9375vw;*/
		font-size: 1.145833333333333vw;
	}
	.header .dropdown .content .levelbox .level4 .head-hot-sale h5{
		/*font-size: 1.041666666666667vw;*/
		font-size: 1.145833333333333vw;
		margin-bottom: 0.8333333333333333vw;
	}
	.header .dropdown .content .levelbox .level4 .head-hot-sale .swiper .text{
		margin-top: 1.041666666666667vw;
		padding-right: 3.125vw;
		/*font-size: 0.8333333333333333vw;*/
		font-size: 0.9375vw;
	}
	.header .dropdown .content .levelbox .level4 .head-hot-sale .swiper-pagination-bullet{
		width: 0.3125vw;
		height: 0.3125vw;
		margin: 0 0.2083333333333333vw;
	}
	.viewall{
		bottom: 0.78125vw;
	}
	
	
	
	.header .search-icon{
		margin-left: 1.5625vw;
	}
	.header .search-icon span,
	.header .search-icon a{
		width: 2.604166666666667vw;
		height: 2.604166666666667vw;
	}
	.header .search-form {
	    padding-top: 0.9375vw;
	    padding-bottom: 0.9375vw;
	    box-shadow: 0 0.9375vw 0.9375vw -1.25vw rgba(0, 0, 0, 0.2);
	}
	.header .search-form .form-body {
	    max-width: 37.5vw;
	    padding-top: 0.625vw;
	    padding-bottom: 0.625vw;
	    padding-left: 1.875vw;
	    padding-right: 1.875vw;
	    border-radius: 1.666666666666667vw;
	}
	.header .search-form input {
	    height: 1.875vw;
	    font-size: 0.8333333333333333vw;
	}
	.header .search-form .icon {
	    font-size: 0.8333333333333333vw;
	    width: 1.041666666666667vw;
	}
	.header .search-form .searchIcon{
		margin-right: 0.78125vw;
	}
	.header .search-form .close{
		margin-left: 0.78125vw;
	}
	
	.header .shopbtn{
		margin-left: 0.9375vw;
	}
	.header .shopbtn a{
		min-width: 6.25vw;
		height: 2.604166666666667vw;
		padding-left: 1.041666666666667vw;
		padding-right: 1.041666666666667vw;
		border-radius: 1.302083333333333vw;
		font-size: 1.041666666666667vw;
	}
	.header .shopbtn a img{
		margin-right: 0.5208333333333333vw;
		max-width: 1.09375vw;
	}
	
	
	.sidebar ul li{
		margin-bottom: 0.1041666666666667vw;
	}
	.sidebar ul li a{
		width: 3.645833333333333vw;
		height: 3.645833333333333vw;
		border-radius: 0.2083333333333333vw;
		box-shadow: 0 0.1041666666666667vw 0.78125vw rgba(0,0,0,0.05);
	}
	.sidebar ul li a img{
		max-width: 1.614583333333333vw;
	}
	.sidebar ul li a small{
		right: -0.4166666666666667vw;
		top: -0.4166666666666667vw;
		min-width: 0.8333333333333333vw;
		height: 0.8333333333333333vw;
		font-size: 0.5208333333333333vw;
		padding-left: 0.15625vw;
		padding-right: 0.15625vw;
	}
	.sidebar ul li .secondary{
	    padding-right: 0.5208333333333333vw;
	}
	.sidebar ul li .secondary .box{
		padding: 0.5208333333333333vw;
		box-shadow: 0 0.4166666666666667vw 1.510416666666667vw rgba(6,63,55,0.2);
		border-radius: 0.3125vw;
	}
	.sidebar ul li .secondary .box::before{
		right: -0.5208333333333333vw;
	   	border-top: 0.4166666666666667vw solid transparent;
		border-bottom: 0.4166666666666667vw solid transparent;
		border-left: 0.5208333333333333vw solid #ffffff;
	}
	.sidebar ul li .codeimg img{
		width: 6.25vw;
	}
	.sidebar ul li .secondary .txt{
		margin-top: 0.2604166666666667vw;
		font-size: 0.7291666666666667vw;
	}
	
	.sidebar ul li .popupdiv .close1{
		right: 0.78125vw;
		top: 0.78125vw;
		width: 1.458333333333333vw;
	}
	.sidebar ul li .popupdiv .layui-form{
		width: 20.83333333333333vw;
		padding: 2.604166666666667vw 1.5625vw;
	}
	.sidebar ul li .popupdiv .layui-form-item{
		margin-bottom: 0.5208333333333333vw;
	}
	.sidebar ul li .popupdiv .layui-input-block .layui-input{
		height: 2.604166666666667vw;
		font-size: 0.8333333333333333vw;
		padding: 0 0.78125vw;
	}
	.sidebar ul li .popupdiv .layui-input-block .layui-textarea{
		height: 8.333333333333333vw;
		padding: 0.78125vw;
		font-size: 0.8333333333333333vw;
	}
	.sidebar ul li .popupdiv .layui-input-block .layui-btn{
		height: 2.604166666666667vw;
		font-size: 0.9375vw;
	}
	
	
	
	.footer .lookup form{
		margin-top: 1.5625vw;
		max-width: 26.04166666666667vw;
		height: 3.125vw;
		padding: 0 1.666666666666667vw;
		border-radius: 1.5625vw;
	}
	.footer .lookup .footer-search-text{
		font-size: 0.9375vw;	
	}
	.footer .lookup .footer-search-icon{
		width: 2.34375vw;
		background: url(../image/icon7.png) right center no-repeat;
		background-size: 1.09375vw auto;
	}
	.footer .inquiries{
		margin-top: 1.041666666666667vw;
	}
	.footer .inquiries ul li{
		margin-right: 0.9375vw;
		margin-bottom: 0.2604166666666667vw;
	}
	.footer .inquiries ul li a{
		font-size: 0.8333333333333333vw;
	}
	.footer .box .footernav{
		padding-bottom: 1.822916666666667vw;
	}
	.footer .box .footernav .item{
		margin-right: 3.125vw;
	}
	.footer .box .footernav .item a{
	    font-size: 1.041666666666667vw;
	}
	.footer .box .qrcode{
		margin-top: 1.822916666666667vw;
	}
	.footer .box .qrcode ul li{
		margin-right: 0.625vw;
	}
	.footer .box .qrcode ul li img{
		max-width: 3.90625vw;
	}
	.footer .box .qrcode .text{
		margin-top: 0.2604166666666667vw;
		font-size: 0.8333333333333333vw;
	}
	
	
	.footer .footershare ul li{
		margin-right: 1.25vw;
	}
	.footer .footershare ul li .codebox{
		width: 3.90625vw;
	}
	.footer .footershare ul li .codebox .sjx{
	    border-width: 0.4166666666666667vw;
	    border-color: #FFFFFF transparent transparent transparent;
	}
	.footer .copylink{
		font-size: 0.8333333333333333vw;
	}
	.footer .poweredBy{
		margin-left: 0.5208333333333333vw;
	}
	
	
	
	
	.banner .thumbs-box{
		bottom: 3.4375vw;
	}
	.bannerText .box .t2{
		margin-top: 0.5208333333333333vw;
	}
	
	.banner .thumbs-swiper .swiper-slide .item .text .t2{
		margin-top: 0.5208333333333333vw;
	}
	
	.progress-bar{
		height: 0.1041666666666667vw;
	}
	.banner .main-swiper:before{
		height: 0.1041666666666667vw;
	}
	
	
	.size50{
		font-size: 2.604166666666667vw;
	}
	.size40{
		font-size: 2.083333333333333vw;
	}
	.size36{
		font-size: 1.875vw;
	}
	.size30{
		font-size: 1.5625vw;
	}
	.size24{
		font-size: 1.25vw;
	}
	.size20{
		font-size: 1.041666666666667vw;
	}
	.size18{
		font-size: 0.9375vw;
	}
	.size16{
		font-size: 0.8333333333333333vw;
	}
	.size14{
		font-size: 0.7291666666666667vw;
	}
	
	.padt80{
		padding-top: 4.166666666666667vw;
	}
	.padt100{
		padding-top: 5.208333333333333vw;
	}
	.padb100{
		padding-bottom: 5.208333333333333vw;
	}
	.padb120{
		padding-bottom: 6.25vw;
	}
	.padt140{
		padding-top: 7.291666666666667vw;
	}
	.padt160{
		padding-top: 8.333333333333333vw;
	}
	.padb150{
		padding-bottom: 7.8125vw;
	}
	.padb170{
		padding-bottom: 8.854166666666667vw;
	}
	.curtitle .t2{
		margin-top: 0.78125vw;
		max-width: 59.375vw;
	}
	.current_title .size40{
		padding-top: 0.3125vw;
	}
	.current_title .size40:before,
	.bannerTitle .box h2:before{
		right: -2.34375vw;
		top: -1.041666666666667vw;
		width: 2.5vw;
		height: 2.083333333333333vw;
	}
	
	.current_btn a{
		min-width: 8.854166666666667vw;
		font-size: 0.8333333333333333vw;
	}
	.current_btn a span{
		height: 2.604166666666667vw;
		padding: 0 1.302083333333333vw;
	}
	.current_btn a i{
		width: 2.604166666666667vw;
		height: 2.604166666666667vw;
		margin-left: 0.1041666666666667vw;
	}
	.current_btn a i:before{
		background: url(../image/icon6a.png) center no-repeat;
		background-size: 0.5208333333333333vw auto;
	}
	.index_product .box ul li .text{
		margin-bottom: 0.78125vw;
	}
	.index_product .box ul li .textbox .size18{
		margin-top: 0.625vw;
	}
	.index_application .box .item .swiper .text{
		min-height: 18.95833333333333vw;
	}
	.index_application .box .item .swiper .text .size16{
		margin-top: 0.625vw;
		margin-bottom: 1.25vw;
	}
	
	.index_autoelectronics .wrap ul li .w1{
		right: -0.2083333333333333vw;
	    bottom: -0.2083333333333333vw;
	}
	.index_autoelectronics .wrap ul li.a4 .w1,
	.index_autoelectronics .wrap ul li.a5 .w1{
		left: -0.4166666666666667vw;
	}
	.index_autoelectronics .wrap ul li .text span{
		font-size: 1.041666666666667vw;
	}
	.index_autoelectronics .wrap ul li .w1 .text{
		min-width: 7.552083333333333vw;
		height: 2.604166666666667vw;
	}
	.index_autoelectronics .wrap ul li.a1 .w1 .text,
	.index_autoelectronics .wrap ul li.a3 .w1 .text{
		bottom: 2.083333333333333vw;
	}
	.index_autoelectronics .wrap ul li.a2 .w1 .text,
	.index_autoelectronics .wrap ul li.a4 .w1 .text,
	.index_autoelectronics .wrap ul li.a5 .w1 .text{
		top: 2.083333333333333vw;
	}
	.index_autoelectronics .wrap ul li .w2 .text{
		padding-bottom: 0.78125vw;
	}
	.index_autoelectronics .wrap ul li.a1 .w2 .text,
	.index_autoelectronics .wrap ul li.a2 .w2 .text,
	.index_autoelectronics .wrap ul li.a3 .w2 .text{
		-webkit-transform: translateX(1.041666666666667vw);
		transform: translateX(1.041666666666667vw);
	}
	.index_autoelectronics .wrap ul li.a4 .w2 .text,
	.index_autoelectronics .wrap ul li.a5 .w2 .text{
		-webkit-transform: translateX(-1.041666666666667vw);
		transform: translateX(-1.041666666666667vw);
	}
	.index_autoelectronics .wrap ul li.a4 .w2 .text{
		padding-top: 0.78125vw;
	}
	.index_autoelectronics .wrap ul li .w2 .text span{
		min-width: 7.552083333333333vw;
		height: 2.604166666666667vw;
		padding: 0 1.25vw;
	}
	.index_autoelectronics .wrap ul li .spot{
		width: 1.145833333333333vw;
		height: 1.145833333333333vw;
	}
	.index_autoelectronics .wrap ul li dl{
		top: 3.645833333333333vw;
		max-width: 15.625vw;
		margin-top: 0.78125vw;
		font-size: 0.8333333333333333vw;
	}
	.index_autoelectronics .wrap ul li.a1 dl,
	.index_autoelectronics .wrap ul li.a2 dl,
	.index_autoelectronics .wrap ul li.a3 dl{
		-webkit-transform: translateX(1.5625vw);
		transform: translateX(1.5625vw);
	}
	.index_autoelectronics .wrap ul li.a4 dl,
	.index_autoelectronics .wrap ul li.a5 dl{
		-webkit-transform: translateX(-1.5625vw);
		transform: translateX(-1.5625vw);
	}
	.index_autoelectronics .wrap ul li.a4 dl{
		bottom: 3.645833333333333vw;
		margin-bottom: 0.78125vw;
	}
	.index_autoelectronics .wrap ul li dl dd{
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.index_autoelectronics .wrap ul li dl dd a{
		min-height: 2.083333333333333vw;
		padding: 0.2083333333333333vw 0.625vw;
	}
	.index_application .content{
		top: 8.208333333333333vw;
	}
	.index_application .columnwrap{
		margin-top: 2vw;
	}
	.index_application .columnwrap ul li{
		padding-right: 0.625vw;
		margin-bottom: 0.78125vw;
	}
	.index_application .columnwrap ul li span,
	.index_application .columnwrap ul li a{
		font-size: 1.041666666666667vw;
		min-width: 10.41666666666667vw;
		height: 3.125vw;
		padding: 0 1.25vw;
	}
	.index_application .columnwrap ul li span i,
	.index_application .columnwrap ul li a i{
		margin-left: 0.625vw;
		width: 0.5208333333333333vw;
		height: 0.7291666666666667vw;
	}
	.index_application .columnwrap ul li dl dd{
		margin-bottom: 0.5208333333333333vw;
	}
	.index_application .columnwrap ul li dl dd span,
	.index_application .columnwrap ul li dl dd a{
		padding: 0 1.041666666666667vw;
		height: 2.083333333333333vw;
		font-size: 0.8333333333333333vw;
	}
	
	
	.index_about .box .textbox .text{
		margin-top: 1.25vw;
	}
	.index_nums{
		margin-top: 2.083333333333333vw;
	}
	.index_nums ul li .timer{
		font-size: 3.125vw;
	}
	.index_nums ul li .icon{
		margin-left: -0.4166666666666667vw;
	}
	.index_nums ul li .icon img{
		max-width: 1.25vw;
	}
	.index_nums ul li .sp{
		margin-left: 0.3645833333333333vw;
		font-size: 1.041666666666667vw;
	}
	.index_nums ul li .t2{
		margin-top: 0.3125vw;
	}
	
	
	.index_mainnew .text{
		padding: 1.5625vw 2.083333333333333vw;
	}
	.index_mainnew .text .size24{
		margin-top: 0.5208333333333333vw;
	}
	.index_newlist ul li .size20{
		margin-top: 0.625vw;
	}
	.index_newlist ul li .more{
		margin-top: 1.041666666666667vw;
	}
	.index_newlisting{
		margin-top: 1.822916666666667vw;
		height: 2.8125vw;
	}
	.index_newlisting ul li .text{
		padding-bottom: 0.78125vw;
	}
	.index_newlisting ul li .sp1{
		margin-right: 1.041666666666667vw;
	}
	.index_newlisting ul li .more{
		padding-bottom: 0.78125vw;
	}
	
	
	
	/**/
	.bannerTitle{
		top: 5.208333333333333vw;
	}
	.bannerTitle .box.w1{
		max-width: 49.6875vw;
	}
	.bannerTitle .box.w2{
		max-width: 35.10416666666667vw;
	}
	.bannerTitle .box h2:before {
		right: -2.34375vw;
		top: -1.041666666666667vw;
		width: 2.5vw;
		height: 2.083333333333333vw;
	}
	.bannerTitle .box .text{
		margin-top: 0.5208333333333333vw;
	}
	.bannerTitle .box .text1{
		margin-top: 0.5208333333333333vw;
	}
	.crumbs .wrap{
		padding-top: 0.9375vw;
		padding-bottom: 0.9375vw;
	}
	.crumbs .wrap span, .crumbs .wrap a{
		font-size: 0.8333333333333333vw;
		margin: 0 0.1041666666666667vw;
	}
	.crumbs .wrap span{
		width: 1.25vw;
		height: 0.9375vw;
		background: url(../image/icon21.png) center no-repeat;
		background-size: 0.3645833333333333vw auto;
	}
	
	.comtitle .size30{
		padding-bottom: 1.25vw;
	}
	.comtitle .size30:before{
		height: 0.15625vw;
	}
	.category-section ul{
		gap: 2.604166666666667vw;
	}
	.category-section ul li a{
		min-height: 3.125vw;
		font-size: 1.041666666666667vw;
		padding: 0.625vw 0;
	}
	.linear .category-section ul li a{
		padding-left: 2.083333333333333vw;
	}
	.linear .category-section ul li:hover a{
		padding-left: 2.916666666666667vw;
	}
	.linear .category-section ul li a:after{
		top: 0.9375vw;
		width: 1.041666666666667vw;
		height: 1.041666666666667vw;
	}
	.category-section ul li:hover a:after{
		left: 1.041666666666667vw;
	}
	.category-section ul li a:hover{
		padding-left: 1.041666666666667vw;
		padding-right: 1.041666666666667vw;
	}
	.category-section ul li a i{
		width: 0.5208333333333333vw;
		height: 0.7291666666666667vw;
	}
	.advantages ul{
		gap: 2.604166666666667vw;
	}
	.advantages ul li{
		min-height: 20.83333333333333vw;
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.advantages ul li .text .size18{
		margin-top: 1.041666666666667vw;
	}
	
	.related-documents{
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.related-documents ul li{
		padding-top: 0.9375vw;
		padding-bottom: 0.9375vw;
	}
	.related-documents ul li .t1{
		padding-left: 2.083333333333333vw;
	}
	.related-documents ul li .t1 .date{
		margin-right: 1.041666666666667vw;
	}
	.related-documents ul li .t2{
		padding-right: 1.5625vw;
		margin-left: 1.041666666666667vw;
	}
	.related-documents ul li .t2 a img{
		max-width: 1.041666666666667vw;
		margin-right: 0.78125vw;
	}
	.application-area .part ul li{
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.application-area .part ul li .title h3{
		padding-bottom: 1.041666666666667vw;
	}
	.application-area .part ul li .title h3:before{
		height: 0.2083333333333333vw;
	}
	.application-area .part ul li dl{
		gap: 0.5208333333333333vw;
	}
	.application-area .part ul li dl dd{
		min-width: calc((100% - 1.5625vw) / 4);
	}
	.application-area .part ul li dl dd a{
		min-height: 2.083333333333333vw;
		padding: 0 1.041666666666667vw;
		font-size: 0.833333333333333vw;
	}
	
	.application-details{
	    margin-top: -2.604166666666667vw;
	}
	.application-details .box{
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.application-details .box .imgbox{
		max-width: 78.125vw;
	}
	.application-details .wrap .subtit{
		margin-bottom: 1.041666666666667vw;
	}
	.related-products ul li{
		padding-top: 1.041666666666667vw;
		padding-bottom: 1.041666666666667vw;
	}
	.related-products ul li .size18{
		margin-top: 0.3125vw;
	}
	.related-products ul li .btns .btn{
		min-width: 7.291666666666667vw;
		height: 2.083333333333333vw;
		margin-right: 0.5208333333333333vw;
		padding: 0 1.041666666666667vw;
		border-radius: 0.2083333333333333vw;
	}
	.related-products ul li .btns .btn.detailsbtn img{
		max-width: 0.5208333333333333vw;
	}
	.related-products ul li .btns .btn.manualbtn img{
		max-width: 0.8333333333333333vw;
	}
	
	
	.product-list .wrap .btns{
		margin-right: 0.5208333333333333vw;
	}
	.product-list .wrap .btns a,
	.product-list .wrap .btns span{
		min-width: 7.8125vw;
		height: 2.604166666666667vw;
		font-size: 0.8333333333333333vw;
		padding: 0 1.041666666666667vw;
	}
	.product-list .wrap .btns a img,
	.product-list .wrap .btns span img{
		margin-left: 0.78125vw;
		max-width: 0.9895833333333333vw;
	}
	.product-list .box{
		margin-top: 0.78125vw;
	}
	.filter-criteria{
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	
	.filter-criteria .closebut{
		width: 1.197916666666667vw;
		height: 2.083333333333333vw;
	}
	.productNav{
		margin-top: 1.25vw;
	}
	.productNav>ul>li>a,
	.productNav>ul>li>.title{
		font-size: 0.9375vw;
		padding: 0.7291666666666667vw 0;
	}
	.productNav ul li ul li .title,
	.productNav>ul>li>ul>li>a{
		font-size: 0.8333333333333333vw;
		padding: 0.3645833333333333vw 0;
	}
	.productNav ul li .title{
		padding-right: 1.458333333333333vw;
	}
	.productNav>ul>li>.title>i{
		width: 1.458333333333333vw;
	}
	.productNav ul li ul{
		padding-top: 0.625vw;
		padding-bottom: 0.625vw;
	}
	.productNav ul li ul li .title{
		padding-left: 1.25vw;
	}
	.productNav ul li ul li .title i{
		width: 0.7291666666666667vw;
		height: 0.7291666666666667vw;
	}
	.productNav ul li ul li ul{
		margin-top: 0.4166666666666667vw;
	}
	.productNav ul li ul li ul li a,
	.selectli,
	.productNav>ul>li>ul>li>a.selectli{
		padding-left: 1.25vw;
		padding-top: 0.4166666666666667vw;
		padding-bottom: 0.4166666666666667vw;
		font-size: 0.8333333333333333vw;
		background: url(../image/icon31.png) left top 0.625vw no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	.productNav ul li  ul li ul li.on a,
	.productNav ul li  ul li ul li:hover a,
	.selectli.on,
	.selectli:hover,
	.productNav>ul>li>ul>li>a.selectli.on,
	.productNav>ul>li>ul>li>a.selectli:hover{
		background: url(../image/icon32.png) left top 0.625vw no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	
	
	.filter-search{
		margin-top: 1.041666666666667vw;
	}
	.filter-search .text{
		padding: 0 0.5208333333333333vw;
		height: 2.604166666666667vw;
		width: calc(100% - 3.125vw);
	}
	.filter-search .btns{
		width: 3.125vw;
		height: 2.604166666666667vw;
	}
	
	.filterItems ul li .sp,
	.filterItems ul li dl{
		padding-top: 0.625vw;
		padding-bottom: 0.625vw;
		min-height: 3.125vw;
	}
	.filterItems ul li dl dd a{
		padding-left: 1.40625vw;
		background: url(../image/icon31.png) left top no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	.filterItems ul li dl dd a.on{
		background: url(../image/icon32.png) left top no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	
	.inside_core .filtertable{
		margin-top: 0.78125vw;
	}
	.inside_core.sidebar_on .tablebox{
		padding-bottom: 2.083333333333333vw;
	}
	.inside_core.sidebar_on .tablebox table{
		min-width: 83.33333333333333vw;
	}
	.tablebox::-webkit-scrollbar,
	.addedbox::-webkit-scrollbar{
		height: 0.4166666666666667vw;
	}
	
	.optionbox .subtit{
		font-size: 0.8333333333333333vw;
		min-height: 2.083333333333333vw;
	}
	.optionbox .subtit i{
		width: 0.78125vw;
		height: 0.78125vw;
		background: url(../image/icon33.png) center no-repeat no-repeat;
		background-size: 0.5729166666666667vw auto;
	}
	.optionbox:hover .subtit i,
	.optionbox.active .subtit i{
		background: url(../image/icon34.png) center no-repeat no-repeat;
		background-size: 0.5729166666666667vw auto;
	}
	.optionbox ul{
		padding: 0.78125vw 0;
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.optionbox ul li{
		margin-bottom: 0.625vw;
	}
	.optionbox ul li a{
		padding-left: 2.1875vw;
		font-size: 0.7291666666666667vw;
		background: url(../image/icon31.png) center left 0.9375vw no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	.optionbox ul li:hover a,
	.optionbox ul li.selected a{
		background: url(../image/icon32.png) center left 0.9375vw no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	
	
	
	.tablebox table th{
		font-size: 0.9375vw;
	}
	.tablebox table tr:nth-child(1) th{
		height: 4.166666666666667vw;
		padding: 0.3125vw;
	}
	.tablebox table td{
		font-size: 0.9375vw;
		padding: 0.3125vw;
		height: 3.125vw;
	}
	/*.tablebox table td:nth-child(1){
		min-width: 11.97916666666667vw;
	}*/
	.tablebox table th:last-child{
		min-width: 11.97916666666667vw;
	}
	.tablebox table th .layui-form{
		font-size: 0.7291666666666667vw;
	}
	.tablebox table th .layui-form .layui-select-title input,
	.tablebox table th .layui-form .layui-select-title span{
		padding-left: 0.625vw;
		margin-right: 0.3125vw;
		height: 2.083333333333333vw;
	}
	.tablebox table th .layui-form-select .layui-edge{
		width: 0.78125vw;
		height: 2.083333333333333vw;
		background: url(../image/icon33.png) center no-repeat no-repeat;
		background-size: 0.5729166666666667vw auto;
	}
	.tablebox table th .layui-form-select.layui-form-selected .layui-edge{
		background: url(../image/icon34.png) center no-repeat no-repeat;
		background-size: 0.5729166666666667vw auto;
	}
	.tablebox table th .layui-form-select dl{
		padding-top: 0.78125vw;
		padding-bottom: 0.78125vw;
	}
	.tablebox table th .layui-form-select dl dd{
		padding-left: 2.1875vw;
		background: url(../image/icon31.png) center left 0.9375vw no-repeat;
		background-size: 0.8333333333333333vw auto;
		margin-bottom: 0.4166666666666667vw;
	}
	.tablebox table th .layui-form-select dl dd.layui-this{
		background: url(../image/icon32.png) center left 0.9375vw no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	
	.tablebox table .td_model a{
		padding-left: 1.5625vw;
	}
	.tablebox table .tdtag{
		min-width: 3.125vw;
		/*margin-left: 0.5208333333333333vw;*/
		font-size: 0.625vw;
		padding: 0.1041666666666667vw 0.625vw;
	}
	
	.page-list a,
	.page-list span{
		min-width: 3.125vw;
		height: 3.125vw;
		margin-right: 0.5208333333333333vw;
		font-size: 0.9375vw;
	}
	.page-list a img{
		width: 0.5208333333333333vw;
	}
	
	.product_details{
		margin-top: -2.604166666666667vw;
		z-index: 10;
	}
	.product_details .describe{
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.product_details .describe .textbox{
		padding-top: 1.041666666666667vw;
	}
	.product_details .describe .swiper .img{
		height: 21.35416666666667vw;
	}
	.product_details .describe .swiper .swiper-button-next, 
	.product_details .describe .swiper .swiper-button-prev{
		width: 1.5625vw;
		height: 2.083333333333333vw; 
	}
	.product_details .describe .title span{
		padding-bottom: 1.25vw;
	}
	.product_details .describe .title .size36{
		padding-right: 1.25vw;
	}
	.product_details .describe .title .size36:before{
		height: 0.15625vw;
	}
	.product_details .describe .title .tag,
	.product_details .describe .title .size16{
		min-height: 1.5625vw;
		padding: 0.1041666666666667vw 0.78125vw;
	}
	.product_details .describe .text{
		margin-top: 1.666666666666667vw;
	}
	.product_details .describe .btnbox .btns{
		margin-right: 1.041666666666667vw;
	}
	
	.product_details .describe .btnbox .btns a,
	.product_details .describe .btnbox .btns span,
	#addToCartBtn a,
	#addToCartBtn span{
		min-width: 7.291666666666667vw;
		height: 3.125vw;
		padding: 0 1.041666666666667vw;
		font-size: 1.041666666666667vw;
		border-radius: 0.2083333333333333vw;
	}
	.product_details .describe .btnbox .btns a img,
	.product_details .describe .btnbox .btns span img,
	#addToCartBtn a img,
	#addToCartBtn span img{
		max-width: 1.354166666666667vw;
		margin-right: 0.5208333333333333vw;
	}
	.product_details .describe .btnbox .btns a i,
	.product_details .describe .btnbox .btns span i,
	#addToCartBtn a i,
	#addToCartBtn span i{
		padding-top: 0.15625vw;
	}
	.product_details .describe .btnbox .btns a:before,
	.product_details .describe .btnbox .btns span:before,
	#addToCartBtn a:before,
	#addToCartBtn span:before{
		border-radius: 0.2083333333333333vw;
	}
	
	.pop-up .content .title{
		padding-bottom: 1.041666666666667vw;
	}
	.pop-up .content .wrap{
		padding-bottom: 1.5625vw;
	}
	.pop-up .content .wrap .imgbox img{
		max-width: calc(100% - 0.1041666666666667vw);
	}
	.pop-up .content .wrap .textbox h3{
		font-size: 1.041666666666667vw;
	}
	.pop-up .content .wrap .textbox ul{
		margin-top: 0.78125vw;
		font-size: 0.8333333333333333vw;
	}
	.pop-up .content .wrap .textbox ul li{
		margin-right: 1.5625vw;
	}
	.pop-up .content .wrap .textbox ul li span{
		font-size: 1.25vw;
	}
	.pop-up .content .item{
		font-size: 0.8333333333333333vw;
		padding-top: 1.302083333333333vw;
		padding-bottom: 0.9375vw;
	}
	.pop-up .content .item:last-child{
		padding-bottom: 1.302083333333333vw;
	}
	.pop-up .content .item .sp{
		padding-top: 0.625vw;
		margin-right: 0.9375vw;
	}
	.pop-up .content .item ul,
	.pop-up .content .item .quantity-controls{
		font-size: 0.7291666666666667vw;
	}
	.pop-up .content .item .quantity-controls button {
		width: 1.5625vw;
		height: 2.1875vw;
	}
	.pop-up .content .item .quantity-controls button#decreaseQuantity{
		margin-right: 0.5208333333333333vw;
	}
	.pop-up .content .item .quantity-controls button#increaseQuantity{
		margin-left: 0.5208333333333333vw;
	}
	.pop-up .content .item .quantity-controls input {
		width: 3.125vw;
		height: 2.1875vw;
		padding-left: 0.2604166666666667vw;
		padding-right: 0.2604166666666667vw;
	}
	
	.pop-up .content .item ul li{
		min-width: 3.125vw;
		min-height: 2.1875vw;
		margin-bottom: 0.5208333333333333vw;
		margin-right: 0.5208333333333333vw;
		padding: 0 1.041666666666667vw;
	}
	#addToCartBtn{
		margin-top: 1.822916666666667vw;
	}
	
	.pop-up .layui-layer-close{
		width: 1.5625vw;
		height: 1.5625vw;
	}
	
	.detail_tab{
		top: 5.208333333333333vw;
	}
	.detail_tab ul li{
		margin-right: 2.604166666666667vw;
	}
	.detail_tab ul li a,
	.detail_tab ul li span{
		padding-bottom: 1.25vw;
		padding-top: 1.25vw;
		font-size: 1.5625vw;
	}
	.detail_tab ul li a::before,
	.detail_tab ul li.active a::before,
	.detail_tab ul li span::before,
	.detail_tab ul li.active span::before{
		height: 0.15625vw;
	}
	.editbox .part{
		padding-top: 7.291666666666667vw;
		margin-top: -7.291666666666667vw;
	}
	.editbox{
		margin-top: 2.604166666666667vw;
		font-size: 0.9375vw;
	}
	.editbox .item .title h3{
		font-size: 1.25vw;
		padding-bottom: 0.78125vw;
	}
	.editbox .item .title .btns{
		padding-bottom: 0.5208333333333333vw;
	}
	.editbox .item .title .btns>a,
	.editbox .item .title .btns span{
		min-width: 7.8125vw;
		height: 2.604166666666667vw;
		padding: 0 1.25vw;
		font-size: 0.8333333333333333vw;
	}
	.editbox .item .title .btns i,
	.editbox .item .title .btns i{
		display: inline-block;
		margin-left: 0.78125vw;
	}
	.editbox .item .title .btns.applybtn i{
		width: 0.9375vw;
		height: 1.041666666666667vw;
	}
	.editbox .item .title .btns.contrastbtn i{
		width: 0.7291666666666667vw;
		height: 0.7291666666666667vw;
	}
	.editbox .item .comparebox{
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
		padding: 0.625vw;
	}
	.editbox .item .comparebox .stitle{
		font-size: 0.7291666666666667vw;
		padding-bottom: 0.3125vw;
		margin-bottom: 0.78125vw;
	}
	.editbox .item .comparebox ul{
		max-height: 10.41666666666667vw;
	}
	.editbox .item .comparebox ul li a{
		padding-left: 1.302083333333333vw;
		background: url(../image/icon31.png) left center no-repeat;
		background-size: 0.8333333333333333vw auto;
		font-size: 0.7291666666666667vw;
	}
	.editbox .item .comparebox ul li.on a,
	.editbox .item .comparebox ul li:hover a{
		background: url(../image/icon32.png) left center no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	/**/
	.editbox .item .comparebox ul::-webkit-scrollbar {
		width: 0.1041666666666667vw; 
	}
	
	.editbox .item .box{
		margin-top: 2.083333333333333vw;
		padding: 2.34375vw;
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.editbox .item .box .text{
		margin-bottom: 1.5625vw;
		font-size: 0.8333333333333333vw;
	}
	.editbox .item .box .subtit{
		font-size: 1.041666666666667vw;
		margin-bottom: 0.78125vw;
		padding-bottom: 0.3125vw;
	}
	.editbox .item .box .word li{
		padding-left: 1.25vw;
	}
	.editbox .item .box .word li:before{
		top: 0.5208333333333333vw;
		width: 0.3125vw;
		height: 0.3125vw;
	}
	.editbox .item .box .zoomBox .zoomBtn{
		right: 1.041666666666667vw;
		top: 1.041666666666667vw;
	}
	.editbox .item .box .zoomBox .zoomBtn .btns,
	.editbox .item .box .zoomBox .zoomBtn .button{
		width: 1.875vw;
		height: 1.875vw;
	}
	.editbox .item .box .zoomBox .zoomBtn #zoomIn{
		background: url(../image/icon45.png) center no-repeat;
		background-size: 1.041666666666667vw auto;
	}
	.editbox .item .box .zoomBox .zoomBtn #zoomOut{
		background: url(../image/icon46.png) center no-repeat;
		background-size: 1.041666666666667vw auto;
	}
	
	
	.itemtable tr th,
	.itemtable tr td,
	.contrasttable tr th,
	.contrasttable tr td{
		font-size: 0.9375vw;
		height: 3.125vw;
		padding-left: 3.125vw;
		padding-right: 3.125vw;
	}
	.contrasttable tr th,
	.contrasttable tr td {
		padding-left: 0.5208333333333333vw;
		padding-right: 0.5208333333333333vw;
	}
	
	.contrasttable .closeic{
		right: 0.625vw;
		top: 0.3125vw;
		width: 0.8333333333333333vw;
		height: 0.8333333333333333vw;
	}
	.editbox .item .box .addedbox table tr th{
		min-width: 12.5vw;
	}
	.itemtable .loadlink img{
		margin-right: 0.625vw;
		width: 1.041666666666667vw;
	}
	
	.service .leftsidebar{
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.service .leftsidebar>ul>li>a,
	.service .leftsidebar>ul>li .title{
		font-size: 0.8333333333333333vw;
		min-height: 2.916666666666667vw;
	}
	.service .leftsidebar>ul>li>a i,
	.service .leftsidebar>ul>li .title i{
		height: 0.7291666666666667vw;
		-webkit-transform: translateX(-1.041666666666667vw);
		transform: translateX(-1.041666666666667vw);
	}
	.service .leftsidebar ul li ul{
		padding-top: 0.78125vw;
		padding-bottom: 0.5208333333333333vw;
		padding-left: 0.78125vw;
		padding-right: 0.78125vw;
	}
	.service .leftsidebar ul li ul li .title{
		font-size: 0.7291666666666667vw;
		min-height: 2.083333333333333vw;
	}
	.service .leftsidebar ul li ul li ul{
		padding-top: 0;
		padding-bottom: 0.5208333333333333vw;
	}
	.service .leftsidebar ul li ul li a{
		min-height: 1.875vw;
		font-size: 0.7291666666666667vw;
	}
	.service-edit .title h3{
		font-size: 1.5625vw;
		padding-bottom: 0.625vw;
	}
	.service-edit .title h3:before{
		height: 0.2083333333333333vw;
	}
	.service-edit .text{
		padding-top: 1.875vw;
		font-size: 0.9375vw;
	}
	
	
	.currency-nav{
		top: 5.208333333333333vw;
	}	
	.currency-nav ul li a{
		min-width: 8.333333333333333vw;
		height: 3.125vw;
		font-size: 0.9375vw;
		padding: 0 1.041666666666667vw;
	}
	.introduce .videoimg .playicon{
		width: 2.760416666666667vw;
	}
	.introduce .about-num{
		margin-top: 1.5vw;
	}
	.introduce .about-num ul li{
		/*margin-bottom: 1.5625vw;
		padding-bottom: 1.25vw;*/
		margin-bottom: 1.2vw;
		padding-bottom: 0.8vw;
	}
	.introduce .about-num ul li .t1 .icon{
		margin-right: 1.25vw;
	}
	.introduce .about-num ul li .t1 .icon img{
		/*max-width: 1.5625vw;*/
		max-width: 1.40625vw;
	}
	.introduce .about-num ul li .t1 .text .timer{
		/*font-size: 3.125vw;*/
		font-size: 2.5vw;
	}
	.introduce .about-num ul li .t1 .text .sp{
		margin-left: 0.5208333333333333vw;
		font-size: 1.041666666666667vw;
	}
	
	
	.ability .box ul li:nth-child(1):before,
	.ability .box ul li:nth-child(2):before{
		bottom: 1.875vw;
	}
	.ability .box ul li:nth-child(5):before,
	.ability .box ul li:nth-child(6):before{
		top: 1.875vw;
	}
	.ability .box ul li .item{
		min-height: 9.375vw;
		padding: 0.9375vw 1.5vw;
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
		border-radius: 0.5208333333333333vw;
	}
	.ability .box ul li .item .t1{
		/*font-size: 1.041666666666667vw;*/
		font-size: 1.145833333333333vw;
		margin-bottom: 0.46875vw;
	}
	.ability .box ul li .item .t1 img{
		max-width: 1.822916666666667vw;
		margin-right: 0.78125vw;
	}
	.ability .box ul li .item .t1 span{
		padding-top: 0.2083333333333333vw;
	}
	.ability .box ul li .item .t2{
		font-size: 0.9375vw;
	}
	.culture{
		/*min-height: 49.47916666666667vw;*/
	}
	.culture.padt140{
		padding-top: 5.208333333333333vw;
	}
	.culture .box ul li{
		padding: 2.604166666666667vw 2.8125vw 1.25vw 2.8125vw; 
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
		border-radius: 0.5208333333333333vw;
		min-height: 13.54166666666667vw;
	}
	.culture .box ul li .icon{
		right: 2.8125vw;
		width: 6.25vw;
		height: 6.25vw;
	}
	.culture .box ul li .text .t1{
		margin-bottom: 1.25vw;
		padding-right: 6.770833333333333vw;
	}
	.culture .box ul li .text .t1 .sp1{
		margin-bottom: 0.5208333333333333vw;
	}
	.development .history-swiper .size24{
		font-size: 1.458333333333333vw;
	}
	.development .body-bottom:before{
		top: 1.25vw;
		height: 0.1041666666666667vw;
	}
	.development .body-bottom:after{
		top: 1.25vw;
		height: 0.1041666666666667vw;
	}
	.development .history-swiper .date{
		padding-bottom: 0.78125vw;
	}
	.development .history-swiper .date:before{
		height: 0.1041666666666667vw;
	}
	.development .history-swiper .info{
		margin-top: 0.78125vw;
	}
	.development .history-text .size30{
		margin-top: 0.9375vw;
	}
	.development .history-text .icon {
	  	width: 1.770833333333333vw;
	  	height: 1.770833333333333vw;
	  	margin: 0.4166666666666667vw auto 0;
	}
	.development .history-text .icon:after{
	  	width: 0.8333333333333333vw;
	  	height: 0.8333333333333333vw;
	}
	.development .swiper-button-next, 
	.development .swiper-button-prev{
	    width: 2.604166666666667vw;
	    height: 2.604166666666667vw;
	}
	.development .history-swiper{
		width: calc(100% - 5.208333333333333vw);
	}
	.development .history-swiper .swiper-slide .item{
		padding: 2.083333333333333vw;
		border-radius: 0.5208333333333333vw;
	}
	
	.throughout {
		min-height: calc(100vh - 8.333333333333333vw);
	}
	.throughout .box .wrap{
		width: auto;
	}
	.throughout .box .imgbox img {
		width: auto;
		max-width: 100%;
		max-height: 75vh;
	}
	.throughout .curtitle{
		top: 5.208333333333333vw;
	}
	.throughout .box{
		margin-right: 4.166666666666667vw;
	}
	.throughout .box ul li .item{
		box-shadow: inset 0 0 0.8333333333333333vw rgba(255, 255, 255, 0.5);
		border-radius: 0.625vw;
		padding: 0.625vw 1.041666666666667vw;
		width: 11.25vw;
		/*min-height: 4.6875vw;*/
		min-height: 4.5vw;
	}
	.throughout .box ul li.a1 .item,
	.throughout .box ul li.a3 .item,
	.throughout .box ul li.a9 .item,
	.throughout .box ul li.a11 .item{
		width: 15.625vw;
		/*min-height: 6.25vw;*/
		min-height: 5.6vw;
	}
	.throughout .box ul li .item .t1{
		font-size: 0.9375vw;
		padding-bottom: 0.5208333333333333vw;
		margin-bottom: 0.5208333333333333vw;
	}
	.throughout .box ul li .item .t2{
		font-size: 0.7291666666666667vw;
	}
	.throughout .box ul li .line span{
		right: -0.2083333333333334vw;
		bottom: -0.2083333333333334vw;
		width: 0.4166666666666667vw;
		height: 0.4166666666666667vw;
	}
	.throughout .box ul li.a4 .line span,
	.throughout .box ul li.a5 .line span{
		top: -0.2083333333333334vw;
	}
	.throughout .box ul li.a6 .line span,
	.throughout .box ul li.a7 .line span,
	.throughout .box ul li.a8 .line span,
	.throughout .box ul li.a9 .line span,
	.throughout .box ul li.a10 .line span,
	.throughout .box ul li.a11 .line span{
		left: -0.2083333333333334vw;
	}
	.throughout .box ul li.a10 .line span,
	.throughout .box ul li.a11 .line span{
		top: -0.2083333333333334vw;
	}
	.throughout .box ul li .item .t1{
		font-size: 0.9375vw;
		padding-bottom: 0.4vw;
		margin-bottom: 0.4vw;
	}
	.throughout .box ul li .item .t2{
		font-size: 0.7291666666666667vw;
	}
	
	.honor .curtitle{
		top: 5.208333333333333vw;
	}
	
	
	.ability,
	.development,
	.core-technology{
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: calc(100vh - 8.333333333333333vw);
		box-sizing: border-box;
	}
	.culture{
		min-height: calc(100vh - 8.333333333333333vw);
		box-sizing: border-box;
	}
	.honor .imgbox img{
		max-height: calc(100vh - 8.333333333333333vw);
		object-fit: cover;
	}
	.recruit,
	.corporate-culture{
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: calc(100vh - 5.2vw);
		box-sizing: border-box;
	}
	.career-path{
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: calc(100vh - 5.2vw);
		box-sizing: border-box;
	}
	
	.technical-patents .imgbox img{
		max-height: calc(100vh - 8.333333333333333vw);
		object-fit: cover;
	}
	.architecture{
		display: flex;
		align-items: flex-start;
		justify-content: center;
		min-height: calc(100vh - 8.333333333333333vw);
		box-sizing: border-box;
		padding-bottom: 3vw !important;
	}
	
	.system .box .swiper:before{
		height: 1.5625vw;
	}
	.system .box .swiper .swiper-slide{
		gap: 1.5625vw;
	}
	.system .box .swiper .imgbox{
		padding-top: 1.822916666666667vw;
		padding-bottom: 1.822916666666667vw;
	}
	.system .box .swiper .textbox{
		padding-left: 1.041666666666667vw;
		padding-right: 0.5208333333333333vw;
		padding-top: 1.822916666666667vw;
		padding-bottom: 1.822916666666667vw;
	}
	.system .box .swiper .textbox .t2{
		margin-top: 0.625vw;
	}
	
	
	.architecture .box{
		margin-top: 1.5625vw;
	}
	.architecture .box .left_w .text{
		margin-top: 1.25vw;
	}
	.architecture .box .left_w .text li{
		/*padding-top: 1.25vw;
		padding-bottom: 1.25vw;*/
		padding-top: 1.041666666666667vw;
		padding-bottom: 1.041666666666667vw;
	}
	.architecture .box .left_w .img{
		margin-top: 1.25vw;
		gap: 0.78125vw;
	}
	.architecture .box .right_w .wrap .w1{
		min-width: 6.510416666666667vw;
		padding-right: 1.041666666666667vw;
	}
	.architecture .box .right_w .wrap .w1 li{
		margin-bottom: 1.875vw;
	}
	.architecture .box .right_w .wrap .w1 .subtit{
		min-height: 2.604166666666667vw;
	}
	.architecture .box .right_w .wrap .w2 ul li{
		min-height: 2.604166666666667vw;
		margin-bottom: 1.875vw;
	}
	.architecture .box .right_w .wrap .w2 .w2-1 li{
		width: calc((100% - 7.5vw) / 4);
		margin-right: 2.5vw;
	}
	.architecture .box .right_w .wrap .w2 ul li:before,
	.architecture .box .right_w .wrap .w2 ul li:after{
		width: 2.5vw;
		height: 1.875vw;
	}
	.architecture .box .right_w .wrap .w2 .w2-1 li:before{
		right: -2.5vw;
		background: url(../image/icon67.png) center no-repeat;
		background-size: 0.9375vw auto;
	}
	.architecture .box .right_w .wrap .w2 .w2-1 li:after{
		bottom: -1.875vw;
	}
	.architecture .box .right_w .wrap .w2 .w2-1 li:nth-child(1):after,
	.architecture .box .right_w .wrap .w2 .w2-1 li:nth-child(2):after,
	.architecture .box .right_w .wrap .w2 .w2-1 li:nth-child(3):after,
	.architecture .box .right_w .wrap .w2 .w2-1 li:nth-child(4):after{
		background: url(../image/icon68.png) center no-repeat;
		background-size: 0.5208333333333333vw auto;
	}
	.architecture .box .right_w .wrap .w2 .w2-1 li span{
		min-height: 2.5vw;
	}
	.architecture .box .right_w .wrap .w2 .w2-2 li{
		width: calc((100% - 1.041666666666667vw) / 3);
		margin-right: 0.5208333333333333vw;
		padding: 1.041666666666667vw;
	}
	.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(1):before{
		top: -1.875vw;
		background: url(../image/icon69.png) center no-repeat;
		background-size: 0.5208333333333333vw auto;
	}
	.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(2):before{
		top: -1.875vw;
		background: url(../image/icon69.png) center no-repeat;
		background-size: 0.5208333333333333vw auto;
	}
	.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(2):after{
		top: -1.875vw;
		background: url(../image/icon69.png) center no-repeat;
		background-size: 0.5208333333333333vw auto;
	}
	.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(3):before{
		top: -1.875vw;
		background: url(../image/icon69.png) center no-repeat;
		background-size: 0.5208333333333333vw auto;
	}
	.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(3):after{
		top: -1.875vw;
		background: url(../image/icon68.png) center no-repeat;
		background-size: 0.5208333333333333vw auto;
	}
	.architecture .box .right_w .wrap .w2 .w2-3 li{
		min-width: 12.5vw;
		margin-right: 2.5vw;
		padding: 0 1.041666666666667vw;
	}
	.architecture .box .right_w .wrap .w2 .w2-3 li:nth-child(1):before{
		top: -1.875vw;
		background: url(../image/icon68.png) center no-repeat;
		background-size: 0.5208333333333333vw auto;
	}
	.architecture .box .right_w .wrap .w2 .w2-3 li:nth-child(1):after{
		top: -1.875vw;
		left: -8.854166666666667vw;
		background: url(../image/icon69.png) left top no-repeat;
		background-size: 0.5208333333333333vw auto;
	}
	.architecture .box .right_w .wrap .w2 .w2-3 li i{
		top: -1.875vw;
		left: -8.59375vw;
		width: 8.59375vw;
		height: 3.125vw;
	}
	.architecture .box .right_w .wrap .w2 .w2-3 li:nth-child(2):before{
		background: url(../image/icon68.png) center no-repeat;
		background-size: 0.5208333333333333vw auto;
	}
	.architecture .box .right_w .wrap .w2 .w2-3 li:nth-child(2):after{
		background: url(../image/icon70.png) center no-repeat;
		background-size: 0.9375vw auto;
	}
	
	.core-technology .box{
		max-width: 60.41666666666667vw;
	}
	.core-technology .box ul li{
		margin-bottom: 0.625vw;
	}
	.core-technology .box ul li:nth-child(odd) .text{
		padding-right: 6.25vw;
	}
	.core-technology .box ul li:nth-child(even) .text{
		padding-left: 6.25vw;
	}
	.core-technology .box ul li .text .t2{
		margin-top: 0.3125vw;
	}
	.core-technology .box ul li .icon{
		margin-top: -2.083333333333333vw;
	}
	.core-technology .box ul li .icon span{
		width: 5.625vw;
		height: 5.625vw;
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.13);
	}
	.technical-patents .textbox{
		top: 5.2vw;
	}
	.technical-patents .textbox .text .sp2{
		margin-top: 0.5208333333333333vw;
	}
	.technical-patents .textbox .text .sp2 span{
		font-size: 3.125vw;
	}
	
	
	.business .box .img ul li .text{
		font-size: 0.8333333333333333vw;
		padding: 1.5625vw 2.083333333333333vw;
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.business .box .img ul li .text:before{
		top: 3.645833333333333vw;
		width: 1.5625vw;
	    height: 1.40625vw;
	    box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.business .box .img ul li.a1 .text:before{
		right: -0.5208333333333333vw;
	}
	.business .box .img ul li.a2 .text:before,
	.business .box .img ul li.a3 .text:before,
	.business .box .img ul li.a4 .text:before{
		left: -0.5208333333333333vw;
	}
	.business .box .img ul li .text:after{
		width: 2.083333333333333vw;
	}
	.business .box .img ul li .title span{
		padding-bottom: 0.4166666666666667vw;
	}
	.business .box .img ul li .title span:before{
		height: 0.1041666666666667vw;
	}
	/**/
	.business .box .img ul li .text{
		padding: 1.2vw 1.8vw;
	}
	.business .box .img ul li .text:before{
		width: 1.2vw;
        height: 1vw;
	}
	.business .box .img ul li .text:after{
		width: 1.8vw;
	}
	
	
	.business .box .img ul li dl{
		margin-top: 0.625vw;
	}
	.business .box .img ul li dl dd{
		margin-bottom: 0.15625vw;
	}
	.business .box .img ul li i{
		/*top: 4.0625vw;*/
		top: 3vw;
		width: 0.625vw;
		height: 0.625vw;
	}
	.business .box .img ul li.a1 i{
		right: -0.3125vw;
	}
	.business .box .img ul li.a2 i{
		left: -0.3125vw;
	}
	.business .box .img ul li.a3 i{
		top: 3.3vw;
		left: 0;
	}
	.business .box .img ul li.a4{
		top: 75%;
	}
	.business .box .img ul li.a4 i{
		top: 4vw;
		left: -0.3125vw;
	}
	
	.address .box{
		margin-top: 2.083333333333333vw;
	}
	.address .box ul li .text{
		padding: 1.302083333333333vw 2.083333333333333vw 1.5625vw;
	}
	.address .box ul li .text .size20 span{
		padding-bottom: 0.625vw;
	}
	.address .box ul li .text .size20 span:before{
		height: 0.1041666666666667vw;
	}
	.address .box ul li .text ul{
		margin-top: 0.625vw;
	}
	
	
	.partner .box{
		margin-top: 2.083333333333333vw;
	}
	.partner .box ul li{
		width: calc((100% - 1.875vw) / 4);
		margin-right: 0.625vw;
		margin-bottom: 0.625vw;
		box-shadow: 0 0 0.5208333333333333vw rgba(0,0,0,0.1);
	}
	.partner .box ul li .img{
		min-height: 11.97916666666667vw;
	}
	.partner .box ul li .text{
		padding-top: 0.78125vw;
		padding-left: 1.041666666666667vw;
		padding-right: 1.041666666666667vw;
		padding-bottom: 1.822916666666667vw;
	}
	.partner .box ul li .text dl{
		margin-top: 0.78125vw;
	}
	.partner .box ul li .text dl dd{
		margin-bottom: 0.3125vw;
	}
	
	
	.promote .box ul li .textbox .t2{
		margin-top: 1.5625vw;
	}
	.promote .box ul li .textbox .t3{
		margin-top: 0.78125vw;
	}
	.career-path .wrap{
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.career-path .wrap .textbox .t2{
		margin-top: 0.625vw;
	}
	.career-path .wrap .imgbox .animatedimg ul li .t1 span,
	.career-path .wrap .imgbox .animatedimg ul li .t3 span{
		min-height: 1.5625vw;
	    font-size: 0.9375vw;
	}
	.career-path .wrap .imgbox .animatedimg ul li.a3 .t1 span{
		min-height: 2.5vw;
	}
	.career-path .wrap .imgbox .animatedimg ul li .t2{
		margin-top: 0.3125vw;
	}
	.career-path .wrap .imgbox .animatedimg ul li .t2 img{
		max-width: 3.59375vw;
	}
	.career-path .wrap .imgbox .animatedimg ul li.a1 .t2 img{
		top: -0.78125vw;
	}
	.career-path .wrap .imgbox .animatedimg ul li.a2 .t2 img{
		top: -0.78125vw;
	}
	
	
	
	.corporate-culture .box ul li{
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.corporate-culture .box ul li .textbox{
		padding: 2.083333333333333vw;
	}
	.corporate-culture .box ul li .textbox .t2{
		margin-top: 0.625vw;
	}
	
	.recruit .box ul li{
		padding: 2.604166666666667vw;
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.recruit .box ul li .subtit{
		padding-bottom: 0.9375vw;
	}
	.recruit .box ul li .text{
		margin-top: 1.041666666666667vw;
	}
	.recruit .box ul li .more{
		margin-top: 1.458333333333333vw;
	}
	.followbox{
		padding-bottom: 3.125vw;
	}
	.followbox .wrap{
		padding: 3.125vw;
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.followbox .wrap ul{
		margin-top: 1.041666666666667vw;
	}
	.followbox .wrap ul li{
		margin: 0 0.4166666666666667vw;
	}
	.followbox .wrap ul li img{
		max-width: 11.04166666666667vw;
	}
	
	.mainnew .swiper{
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.mainnew .swiper .textbox .t3{
		margin-top: 1.041666666666667vw;
	}
	.mainnew .swiper .textbox .current_btn{
		margin-top: 2.604166666666667vw;
	}
	.newlist ul li{
		padding-bottom: 2.604166666666667vw;
		margin-bottom: 2.604166666666667vw;
	}
	.newlist ul li .img{
		max-width: 15.625vw;
	}
	.newlist ul li .textbox .text{
		padding-top: 1.041666666666667vw;
		padding-bottom: 1.041666666666667vw;
	}
	.newlist ul li .textbox .size18{
		margin-top: 0.78125vw;
	}
	.newlist ul li .textbox .more{
		margin-top: 1.5625vw;
	}
	.paging .p1{
		padding-right: 2.083333333333333vw;
	}
	.paging .prev,
	.paging .next{
		width: 2.604166666666667vw;
		height: 2.604166666666667vw;
	}
	.paging .prev{
		margin-right: 0.4166666666666667vw;
	}
	.paging .prev i,
	.paging .next i{
		width: 0.5208333333333333vw;
		height: 0.7291666666666667vw;
	}
	.paging .pages{
		padding-left: 1.25vw;
		padding-right: 1.25vw;
		font-size: 1.25vw;
	}
	
	
	.new-details{
		/*margin-top: -2.604166666666667vw;*/
	}
	.new-details .box{
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.new-details .box .articlebox .title{
		padding-bottom: 0.625vw;
	}
	.new-details .box .articlebox .title .size30{
		margin-bottom: 1.041666666666667vw;
	}
	.new-details .box .articlebox .title .txt span{
		margin-right: 2.604166666666667vw;
		margin-bottom: 0.78125vw;
	}
	.new-details .box .articlebox .textbox{
		padding-top: 1.5625vw;
		padding-bottom: 1.5625vw;
	}
	.new-details .box .related-news ul{
		margin-top: 1.458333333333333vw;
	}
	.new-details .box .related-news ul li{
		margin-bottom: 0.625vw;
	}
	.new-details .box .related-news ul li a{
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.new-details .box .related-news ul li .text{
		padding: 1.5625vw;
	}
	.prvenext{
		padding-top: 1.822916666666667vw;
	}
	.prvenext ul li a{
		padding-top: 1.5625vw;
		padding-bottom: 1.5625vw;
		font-size: 1.041666666666667vw;
	}
	/*.returndiv{
		padding-top: 1.5625vw;
	    padding-bottom: 1.5625vw;
	}*/
	.returndiv a{
		min-width: 6.25vw;
	    padding-left: 1.25vw;
	    padding-right: 1.25vw;
	    height: 2.604166666666667vw;
	    border-radius: 1.302083333333333vw;
	    font-size: 1.041666666666667vw;
	}

	
	.recommend ul{
		margin-top: 1.25vw;
		margin-bottom: 3.125vw;
	}
	.recommend ul li a{
		padding-top: 1.5625vw;
		padding-bottom: 1.5625vw;
	}
	.recommend ul li .t1{
		margin-right: 1.041666666666667vw;
	}
	.recommend ul li .t3{
		margin-left: 1.041666666666667vw;
	}
	.article-search{
	    margin-top: 1.041666666666667vw;
	}
	.article-search .text{
	    font-size: 0.8333333333333333vw;
	    padding: 0 1.041666666666667vw;
	    height: 2.604166666666667vw;
	    width: calc(100% - 3.125vw);
	}
	.article-search .btns{
		width: 3.125vw;
		height: 2.604166666666667vw;
	}
	.article-search .btns img{
		max-width: 0.9375vw;
	}
	.article .sidebox .wrap{
		margin-top: 2.083333333333333vw;
	}
	.article .sidebox .wrap .subtit{
		padding-bottom: 0.9375vw;
	}
	.article .sidebox .wrap ul li{
		padding-top: 1.5625vw;
		padding-bottom: 1.5625vw;
	}
	
	
	.technical .box .ahead,
	.technical .box .aside-item ul li,
	.search-result .aside-item ul li{
		padding: 1.822916666666667vw 2.8125vw;
		box-shadow: 0 0 0.8333333333333333vw rgba(200,200,200,0.21);
		border-radius: 0.5208333333333333vw;
		margin-bottom: 0.9375vw;
	}
	.technical .box .ahead .title{
		padding-bottom: 0.7291666666666667vw;
	}
	.technical .box .ahead .title span{
		font-size: 1.5625vw;
	}
	.forum-search {
		width: 17.1875vw;
	}
	.forum-search .text {
		padding: 0 1.302083333333333vw;
		height: 2.604166666666667vw;
		width: calc(100% - 3.125vw);
		font-size: 0.8333333333333333vw;
	}
	
	.forum-search .btns {
		width: 3.125vw;
		height: 2.604166666666667vw;
	}
	
	.technical .box .ahead .textbox{
		padding-top: 1.25vw;
		font-size: 0.9375vw;
	}
	.technical .box .ahead .sort{
		margin-top: 2.1875vw;
	}
	.technical .box .ahead .sort a{
		margin-right: 2.604166666666667vw;
		font-size: 0.8333333333333333vw;
	}
	.technical .box .ahead .sort a i{
		width: 0.8333333333333333vw;
		height: 0.8333333333333333vw;
		margin-right: 0.46875vw;
	}
	.technical .box .ahead .sort a span{
		padding-top: 0.1041666666666667vw;
	}
	.draft-operate .btn{
		margin-left: 1.5625vw;
		font-size: 0.8333333333333333vw;
	}
	.draft-operate .btn i{
		width: 0.8854166666666667vw;
		height: 0.8854166666666667vw;
		margin-right: 0.5208333333333333vw;
	}
	.technical .box .aside-item .forum-content .tagbox a,
	.search-result .aside-item .forum-content .tagbox a{
		min-width: 6.770833333333333vw;
		height: 2.083333333333333vw;
		padding: 0 1.041666666666667vw;
		border-radius: 1.041666666666667vw;
		font-size: 0.8333333333333333vw;
	}
	.technical .box .aside-item .forum-content .text,
	.search-result .aside-item .forum-content .text{
		margin-top: 1.5625vw;
	}
	.technical .box .aside-item .forum-content .text,
	.technical .box .aside-item .forum-content .text a,
	.search-result .aside-item .forum-content .text,
	.search-result .aside-item .forum-content .text a{
		font-size: 0.9375vw;
	}
	.technical .box .aside-item .forum-content .below,
	.search-result .aside-item .forum-content .below{
		margin-top: 2.1875vw;
	}
	.technical .box .aside-item .forum-content .below .issuer,
	.technical .box .aside-item .forum-content .below .issuer a,
	.search-result .aside-item .forum-content .below .issuer,
	.search-result .aside-item .forum-content .below .issuer a{
		font-size: 0.8333333333333333vw;
	}
	.technical .box .aside-item .forum-content .below .issuer .icon,
	.search-result .aside-item .forum-content .below .issuer .icon{
		margin-right: 0.5208333333333333vw;
	}
	.technical .box .aside-item .forum-content .below .issuer .icon img,
	.search-result .aside-item .forum-content .below .issuer .icon img{
		width: 1.25vw;
	}
	.comment-list-bar{
		margin-top: 1.5625vw;
	}
	.bar-content .sp{
		margin-left: 1.25vw;
		font-size: 0.7291666666666667vw;
	}
	.comment-list-bar .avatarbox .sp{
		font-size: 0.8333333333333333vw;
	}
	.bar-content img{
		max-width: 0.6770833333333333vw;
		margin-right: 0.4166666666666667vw;
	}
	.comment-list-bar .avatarbox span img{
		max-width: 1.25vw;
	}
	.comment-list-bar .avatarbox span .ic1{
		width: 1.25vw;
	    height: 1.25vw;
	}
	.comment-list-bar .avatarbox span .ic2{
		width: 1.041666666666667vw;
		margin-left: 0.5208333333333333vw;
	}
	.article-bar{
		margin-top: 1.5625vw;
	}
	.article-bar .sp{
		margin-right: 1.25vw;
		font-size: 0.8333333333333333vw;
	}
	.article-bar img{
		margin-right: 0.4166666666666667vw;
	}
	
	
	.technical .box .aside-item .collect a i{
		width: 0.6770833333333333vw;
		height: 0.6770833333333333vw;
		margin-right: 0.4166666666666667vw;
	}
	.technical .box .aside-item .collect a span{
		font-size: 0.7291666666666667vw;
	}
	.profile-intro{
		padding: 3.125vw 2.083333333333333vw;
	    box-shadow: 0 0 0.8333333333333333vw rgba(200, 200, 200, 0.21);
	    border-radius: 0.5208333333333333vw;
	    margin-bottom: 0.9375vw;
	}
	.profile-intro .user-info .icon{
		width: 5.833333333333333vw;
		height: 5.833333333333333vw;
		margin-bottom: 2.083333333333333vw;
	}
	.profile-intro .user-info .name{
		font-size: 1.041666666666667vw;
	}
	.profile-intro .data-info{
		margin-top: 2.083333333333333vw;
		padding: 0.9375vw 0;
		border-radius: 0.5208333333333333vw;
	}
	.profile-intro .data-info dl{
		font-size: 0.8333333333333333vw;
	}
	.profile-intro .data-info dl dd{
		margin-top: 0.5208333333333333vw;
	}
	.profile-intro .btn-info{
		margin-top: 1.25vw;
	}
	.profile-intro .btn-info .btn{
		max-width: 9.375vw;
		height: 2.604166666666667vw;
		border-radius: 1.302083333333333vw;
		font-size: 0.9375vw;
	    margin: 0 0.5208333333333333vw;
	}
	.contact-info{
		padding: 1.5625vw 2.8125vw;
	    box-shadow: 0 0 0.8333333333333333vw rgba(200, 200, 200, 0.21);
	    border-radius: 0.5208333333333333vw;
	    margin-bottom: 0.9375vw;
	}
	.contact-info .textbox .t1{
		font-size: 1.041666666666667vw;
	}
	.contact-info .textbox .t2{
		margin-top: 0.5208333333333333vw;
		font-size: 0.8333333333333333vw;
	}
	.contact-info .btns{
		margin-top: 1.5625vw;
	}
	.contact-info .btns a{
		min-width: 9.375vw;
		height: 2.604166666666667vw;
		border-radius: 1.302083333333333vw;
		font-size: 0.9375vw;
	}
	
	.post-editor .edit-content{
		padding: 2.083333333333333vw 2.8125vw 5.208333333333333vw 2.8125vw;
	    box-shadow: 0 0 0.8333333333333333vw rgba(200, 200, 200, 0.21);
	    border-radius: 0.5208333333333333vw;
	}
	.edit-content .layui-form-item.text{
		margin-top: 2.8125vw;
	}
	.edit-content .layui-form-item .subtitle{
		font-size: 1.25vw;
		margin-bottom: 1.25vw;
	}
	.edit-content .layui-form-item .layui-input-block .layui-input{
		font-size: 0.8333333333333333vw;
		min-height: 3.645833333333333vw;
		border-radius: 0.5208333333333333vw;
	}
	.edit-content .layui-form-item.other{
		margin-top: 1.5625vw;
	}
	.edit-content .layui-form-item.other .layui-input-block .layui-form-checkbox[lay-skin=primary] {
		padding-left: 1.25vw;
	}
	.edit-content .layui-form-item.other .layui-input-block .layui-form-checkbox[lay-skin=primary]>i{
		width: 0.8333333333333333vw;
		height: 0.8333333333333333vw;
		font-size: 0.625vw;
	}
	.edit-content .layui-form-item.other .layui-input-block .layui-form-checkbox[lay-skin=primary]>div{
		font-size: 0.8333333333333333vw;
	}
	.edit-content .layui-form-item.other .layui-btn{
		min-width: 9.375vw;
		height: 2.604166666666667vw;
		border-radius: 1.302083333333333vw;
		font-size: 0.9375vw;
	}
	
	#editor—wrapper,
	.editor—wrapper{
		border-radius: 0.5208333333333333vw;
	}
	#editor-container { 
		height: 15.625vw; 
	}
	.question-comments #editor-container1,
	.question-comments #editor-container2{
		height: 13.33333333333333vw;
	}
	
	
	.question-comments .wrap{
		padding: 2.083333333333333vw 2.8125vw 4.6875vw 2.8125vw;
	    box-shadow: 0 0 0.8333333333333333vw rgba(200, 200, 200, 0.21);
	    border-radius: 0.5208333333333333vw;
	    margin-bottom: 0.9375vw;
	}
	.comments-article .title{
		margin-bottom: 1.5625vw;
		padding-bottom: 1.25vw;
	}
	.comments-article .title .t1{
		font-size: 1.5625vw;
	}
	.comments-article .title .t2{
		margin-top: 1.25vw;
		font-size: 0.8333333333333333vw;
	}
	.comments-article .title .t2 span img{
		width: 1.25vw;
		height: 1.25vw;
		margin-right: 0.5208333333333333vw;
	}
	.comments-article .textbox{
		font-size: 0.9375vw;
		padding-bottom: 1.5625vw;
	}
	
	.question-comments .edit-content{
		margin-top: 2.604166666666667vw;
	}
	
	.comment-list .comment-list-head{
		margin-bottom: 1.875vw;
		padding-bottom: 1.041666666666667vw;
	}
	.comment-list .comment-list-head .subtitle .t1{
		font-size: 1.25vw;
	}
	.comment-list .comment-classify a{
		font-size: 0.9375vw;
		padding-right: 0.9375vw;
		margin-right: 0.9375vw;
	}
	.comment-list ul li{
		margin-bottom: 1.875vw;
		padding-bottom: 1.041666666666667vw;
	}
	.comment-list ul li .text{
		font-size: 0.9375vw;
	}
	
	.cultivate-nav ul li{
		margin-right: 0.5208333333333333vw;
	}
	.cultivate-nav ul li a{
		min-width: 10.41666666666667vw;
		height: 3.125vw;
		font-size: 1.041666666666667vw;
		padding-left: 1.041666666666667vw;
		padding-right: 1.041666666666667vw;
	}
	.cultivate .box ul{
		margin-bottom: 2.604166666666667vw;
	}
	.cultivate .box ul li,
	.search-result .cultivate ul li{
		box-shadow: 0 0 0.8333333333333333vw rgba(200, 200, 200, 0.21);
	}
	.cultivate .box ul li .imgbox .mask img,
	.search-result .cultivate ul li .imgbox .mask img{
		width: 2.1875vw;
	}
	.cultivate .box ul li .textbox .text,
	.search-result .cultivate ul li .textbox .text{
		margin-bottom: 2.083333333333333vw;
	}
	.cultivate .box ul li .textbox .t1 span,
	.search-result .cultivate ul li .textbox .t1 span{
		font-size: 1.25vw;
	}
	.cultivate .box ul li .textbox .t2,
	.search-result .cultivate ul li .textbox .t2{
		margin-top: 0.78125vw;
		font-size: 0.8333333333333333vw;
	}
	.cultivate .box ul li .textbox .more span,
	.search-result .cultivate ul li .textbox .more span{ 
		font-size: 0.9375vw;
	}
	.cultivate-details .title .t1{
		font-size: 1.5625vw;
	}
	.cultivate-details .box{
		margin-top: 2.34375vw;
		font-size: 0.8333333333333333vw;
	}
	.detailvideobox:before{
		width: 2.1875vw;
		height: 2.1875vw;
	}
	.detail-share{
		margin-top: 1.5625vw;
	}
	.detail-share a{
		font-size: 0.9375vw;
	}
	.detail-share a img{
		width: 1.041666666666667vw;
		margin-right: 0.5208333333333333vw;
	}

	
	
	
	
	
	
	
	.logon .box{
		max-width: 27.08333333333333vw;
		min-height: 29.16666666666667vw;
		padding: 2.604166666666667vw;
		border-radius: 0.5208333333333333vw;
	}
	.logon .tab-title li span{
		padding-bottom: 0.625vw;
	}
	.logon .tab-title li span:before{
		height: 0.15625vw;
	}
	.logon .tab-content{
		margin-top: 1.822916666666667vw;
	}
	.logon .tab-content .form-item{
		border-radius: 0.2083333333333333vw;
	}
	.logon .tab-content .form-item .label{
		font-size: 0.9375vw;
		padding: 0 1.041666666666667vw;
	}
	
	.logon .tab-content .form-item input{
		font-size: 0.8333333333333333vw;
		padding: 0 1.041666666666667vw;
		height: 2.5vw;
	}
	.logon .tab-content .verification .btnSendCode{
		margin-left: 0.5208333333333333vw;
	}
	.logon .tab-content .verification .btnSendCode input{
		width: 7.291666666666667vw;
		height: 2.604166666666667vw;
		font-size: 0.8333333333333333vw;
		padding-left: 0.78125vw;
		padding-right: 0.78125vw;
		border-radius: 0.2083333333333333vw;
	}
	.logon .form-group {
	    margin-bottom: 0.78125vw;
	    font-size: 0.8333333333333333vw;
	}
	.logon .form-group .layui-form-checkbox[lay-skin=primary] span{
		font-size: 0.8333333333333333vw;
	}
	.logon .form-group .layui-form-checkbox[lay-skin=primary]{
		padding-left: 1.25vw;
	}
	.register .agreement .layui-form-checked[lay-skin=primary] i,
	.logon .layui-form-item .layui-form-checkbox[lay-skin=primary]>i{
		font-size: 0.625vw;
	}
	.register .layui-form-item .layui-form-checkbox[lay-skin=primary]>div,
	.logon .layui-form-item .layui-form-checkbox[lay-skin=primary]>div{
		font-size: 0.8333333333333333vw;
	}
	.logon .layui-form-item.btns button {
	    height: 2.604166666666667vw;
	    font-size: 0.9375vw;
	    letter-spacing: 0.1041666666666667vw;
	    border-radius: 1.302083333333333vw;
	}
	.logon .otherbox{
		font-size: 0.8333333333333333vw;
	}
	.login-methods{
		margin-top: 1.5625vw;
	}
	.login-methods .subtit span{
		padding-left: 1.875vw;
		padding-right: 1.875vw;
		font-size: 0.8333333333333333vw;
	}
	.login-methods ul{
		margin-top: 1.5625vw;
	}
	.login-methods ul li{
		margin: 0 0.78125vw;
	}
	.login-methods ul li img{
		max-width: 1.458333333333333vw;
	}
	.logon .codebox {
		padding-top: 0.78125vw;
		margin-bottom: 3.125vw;
	}
	.logon .codebox ul li .img{
		border-radius: 0.5208333333333333vw;
		padding: 0.625vw;
	}
	.logon .codebox ul li img{
		max-width: 9.166666666666667vw;
	}
	.logon .codebox ul li .text{
		margin-top: 0.78125vw;
		font-size: 0.9375vw;
	}
	
	.register .box,
	.binding .box{
		margin-top: 1.875vw;
		box-shadow: 0 0 0.6770833333333333vw rgba(0,0,0,0.1);
	}
	.register .box{
		min-height: 32.29166666666667vw;
	}
	.register .step-tab ul{
		min-width: 44.27083333333333vw;
	}
	.register .step-tab ul:before{
		top: 1.145833333333333vw;
	}
	.register .step-tab ul li:first-child .serial:before{
		top: 1.145833333333333vw;
	}
	.register .step-tab ul li:last-child .serial:before{
		top: 1.145833333333333vw;
	}
	.register .step-tab ul li .serial span{
		width: 2.291666666666667vw;
		height: 2.291666666666667vw;
		font-size: 0.8333333333333333vw;
	}
	.register .step-tab ul li .text{
		margin-top: 0.78125vw;
		font-size: 1.041666666666667vw;
	}
	.register .step-tab ul li.already .serial span{
		background: #FFFFFF url(../image/icon81.png) center no-repeat;
		background-size: 0.5208333333333333vw auto;
	}
	
	.register .stepbox{
		margin-top: 3.645833333333333vw;
	}
	.register .step-content,
	.forgot-password .box .layui-form{
		max-width: 27.60416666666667vw;
	}
	.register .layui-form-label,
	.register .layui-form-item .form-item .label{
		width: 6.25vw;
		font-size: 0.9375vw;
	}
	.register .layui-input-block input{
		font-size: 0.8333333333333333vw;
		padding: 0 1.041666666666667vw;
		height: 2.604166666666667vw;
		border-radius: 0.2083333333333333vw;
	}
	.register .verification .btnSendCode{
		width: 7.291666666666667vw;
		border-radius: 0.2083333333333333vw;
		margin-left: 0.5208333333333333vw;
	}
	.register .verification .btnSendCode input{
		height: 2.604166666666667vw;
		font-size: 0.8333333333333333vw;
	}
	.register .layui-btn{
		height: 2.604166666666667vw;
		border-radius: 0.2083333333333333vw;
		margin-top: 1.041666666666667vw;
		font-size: 0.9375vw;
	}
	.register .agreement .layui-form-checkbox[lay-skin=primary]{
		padding-left: 1.25vw;
	}
	.register .agreement .layui-form-checkbox[lay-skin=primary] i,
	.logon .form-group .layui-form-checkbox[lay-skin=primary] i{
		top: 0.1vw;
		width: 0.8333333333333333vw;
		height: 0.8333333333333333vw;
	}
	.register .agreement span{
		font-size: 0.8333333333333333vw;
	}
	.register .agreement a{
		font-size: 0.8333333333333333vw;
	}
	.register .go-login{
		margin-top: 1.5625vw;
		font-size: 0.9375vw;
	}
	.register .prompt-text{
		font-size: 0.9375vw;
	}
	
	
	.binding .box form{
		max-width: 26.04166666666667vw;
	}
	.binding .layui-form-label{
		min-width: 5.46875vw;
		font-size: 0.9375vw;
	}
	.binding .layui-input-block input{
		font-size: 0.8333333333333333vw;
		height: 2.604166666666667vw;
		border-radius: 0.2083333333333333vw;
		padding: 0 0.625vw;
	}
	.binding .layui-input-block .btnSendCode{
		width: 7.291666666666667vw;
		margin-left: 0.5208333333333333vw;
	}
	.binding .layui-input-block .layui-form-radio,
	.register .layui-input-block .layui-form-radio{
		margin-right: 1.5625vw;
	}
	.binding .layui-input-block .layui-form-radio *,
	.register .layui-input-block .layui-form-radio *{
		font-size: 0.8333333333333333vw;
	}
	.binding .layui-btn{
		height: 2.604166666666667vw;
		font-size: 0.9375vw;
		letter-spacing: 0.1041666666666667vw;
		margin-top: 1.041666666666667vw;
		border-radius: 0.2083333333333333vw;
	}
	
	
	
		.shoppingcart .box {
		margin-top: 1.875vw;
		box-shadow: 0 0 0.6770833333333333vw rgba(0, 0, 0, 0.1);
	}
	
	.view-process ul {
		padding: 1.302083333333333vw;
	}
	
	.view-process ul li {
		padding-right: 6.458333333333333vw;
		font-size: 0.9375vw;
	}
	
	.view-process ul li:before {
		right: 2.96875vw;
		width: 0.3645833333333333vw;
		height: 0.5208333333333333vw;
		margin-top: -0.1041666666666667vw;
	}
	
	.view-process ul li span {
		width: 1.041666666666667vw;
		height: 1.041666666666667vw;
		margin-top: -0.1041666666666667vw;
		margin-right: 0.625vw;
		font-size: 0.625vw;
	}
	
	.shoppingcart .wrap .item {
		margin-bottom: 2.604166666666667vw;
	}
	
	.shoppingcart .wrap .item .subtit {
		margin-bottom: 1.5625vw;
	}
	
	.deliverybtns .btn {
		min-width: 10.41666666666667vw;
		height: 2.604166666666667vw;
		margin-right: 0.78125vw;
		margin-bottom: 1.041666666666667vw;
		padding: 0 1.041666666666667vw;
		border-radius: 0.2083333333333333vw;
		font-size: 0.9375vw;
	}
	
	.refresh-btn a{
		font-size: 0.9375vw;
	}
	.refresh-btn a img{
		margin-right: 0.5208333333333333vw;
		width: 0.8854166666666667vw;
	}
	
	.c-table thead th {
		font-size: 0.9375vw;
		padding: 0.4166666666666667vw 0.4166666666666667vw 0.4166666666666667vw 0.2604166666666667vw;
		height: 3.125vw;
	}
	
	.c-table td {
		padding: 1.875vw 0.4166666666666667vw 1.875vw 0.2604166666666667vw;
		font-size: 0.8333333333333333vw;
	}
	
	.c-price-gradient dd {
		margin-bottom: 0.5208333333333333vw;
	}
	
	.c-price-gradient dd .t1 {
		margin-right: 0.5208333333333333vw;
	}
	
	.c-stock .t2 {
		margin-top: 0.3125vw;
		font-size: 0.7291666666666667vw;
	}
	
	.c-quantity {
		height: 1.666666666666667vw;
	}
	
	.c-quantity input {
		width: 2.291666666666667vw;
		padding-left: 0.15625vw;
		padding-right: 0.15625vw;
		font-size: 0.8333333333333333vw;
	}
	
	.c-quantity .btn {
		width: 1.770833333333333vw;
		font-size: 1.25vw;
	}
	
	.c-operate .btn i {
		width: 0.8854166666666667vw;
		height: 0.8854166666666667vw;
		margin-right: 0.4166666666666667vw;
	}
	
	.c-operate .btn.deletebtn {
		margin-bottom: 0.78125vw;
	}
	
	.c-selectbox {
		padding-left: 1.875vw;
	}
	
	.c-selectbox .layui-form-checkbox[lay-skin=primary] span {
		font-size: 0.8333333333333333vw;
	}
	
	.c-selectbox .layui-form-checkbox[lay-skin=primary] {
		padding-left: 1.25vw;
	}
	.c-selectbox .layui-form-checkbox[lay-skin=primary]>div{
		font-size: 0.8333333333333333vw;
	}
	
	.c-selectbox.delete-btn .layui-form-checkbox[lay-skin=primary] {
		padding-left: 2.8125vw;
		background: url(../image/icon82.png) left 1.458333333333333vw center no-repeat;
		background-size: 0.8854166666666667vw auto;
	}
	.c-selectbox.delete-btn .layui-form-checkbox[lay-skin=primary]>div{
		padding-top: 0.2083333333333333vw;
		font-size: 0.9375vw;
	}
	.c-selectbox.delete-btn .layui-form-checkbox>i{
		top: 0.2083333333333333vw;
	}
	
	.shoppingcart .summary {
		padding-top: 1.5625vw;
		padding-bottom: 1.5625vw;
		font-size: 0.9375vw;
	}
	
	.shoppingcart .batch-deletion .c-selectbox {
		padding-left: 2.291666666666667vw;
	}
	
	.shoppingcart .batch-deletion .c-selectbox .layui-form-checkbox[lay-skin=primary] span {
		padding-top: 0.1041666666666667vw;
		padding-left: 1.25vw;
		background: url(../image/icon82.png) left top no-repeat;
		background-size: 0.8854166666666667vw auto;
	}
	
	.shoppingcart .summary .total .layui-input-block {
		margin-left: 2.8125vw;
	}
	.shoppingcart .summary .total .layui-input-block .layui-btn{
		min-width: 6.25vw;
		height: 2.604166666666667vw;
		font-size: 0.9375vw;
		padding: 0 1.041666666666667vw;
		border-radius: 0.2083333333333333vw;
	}
	
	.reminder {
		margin-top: 4.166666666666667vw;
	}
	
	.shoppingcart .rubric {
		font-size: 1.041666666666667vw;
		padding-bottom: 0.78125vw;
	}
	
	.reminder ul {
		margin-top: 1.25vw;
	}
	
	.reminder ul li {
		margin-bottom: 1.25vw;
	}
	
	.reminder ul li .t1 {
		font-size: 0.9375vw;
		margin-bottom: 0.15625vw;
	}
	
	.reminder ul li .t2 {
		font-size: 0.8333333333333333vw;
	}
	
	.order-infor .headline {
		font-size: 1.25vw;
		padding-bottom: 0.9375vw;
	}
	
	.order-infor .order-item {
		margin-top: 2.604166666666667vw;
	}
	
	.order-infor .order-item .add-address a {
		font-size: 0.9375vw;
	}
	
	.order-infor .order-item .addresslist ul li {
		font-size: 0.9375vw;
		padding-top: 0.9375vw;
		padding-bottom: 0.9375vw;
		margin-bottom: 0.78125vw;
	}
	
	.order-infor .order-item .addresslist ul li .t2 {
		padding-left: 0.78125vw;
	}
	
	.order-infor .order-item .addresslist ul li .t3 {
		padding-left: 0.78125vw;
	}
	
	.order-infor .order-item .addresslist ul li .t4 {
		padding-left: 0.78125vw;
	}
	
	.order-infor .order-item .addresslist ul li .t5 {
		padding-left: 0.78125vw;
	}
	
	.order-infor .order-item .balancebox {
		margin-top: 1.302083333333333vw;
		font-size: 0.9375vw;
	}
	
	.order-infor .order-item .balancebox .text {
		font-size: 1.5625vw;
	}
	
	.togglebtn {
		width: 2.34375vw;
		border-radius: 0.4166666666666667vw;
		margin-left: 1.25vw;
	}
	
	.togglebtn .toggle-btn {
		height: 0.9375vw;
		border-radius: 0.46875vw;
		border-top: #ffffff solid 0.1041666666666667vw;
		border-bottom: #ffffff solid 0.1041666666666667vw;
	}
	
	.togglebtn .toggle-feature {
		height: 0.7291666666666667vw;
	}
	
	.togglebtn .toggle-feature:before,
	.togglebtn .toggle-feature:after {
		width: 0.9375vw;
		height: 0.9375vw;
	}
	
	.order-infor .order-item .balancebox .layui-form-item .layui-form-switch{
		min-width: 2.291666666666667vw;
		height: 0.9375vw;
	}
	.order-infor .order-item .balancebox .layui-form-item .layui-form-switch:before{
		height: 0.7291666666666667vw;
		border-radius: 0.3645833333333333vw;
	}
	.order-infor .order-item .balancebox .layui-form-item .layui-form-onswitch:before{
		height: 0.7291666666666667vw;
		border-radius: 0.3645833333333333vw;
	}
	.order-infor .order-item .balancebox .layui-form-item .layui-form-switch>i{
		width: 0.9375vw;
		height: 0.9375vw;
	}
	.order-infor .order-item .balancebox .layui-form-item .layui-form-onswitch>i{
		margin-left: -0.9375vw;
	}
	
	.order-item .c-item {
		padding-top: 1.5625vw;
		padding-bottom: 1.5625vw;
	}
	
	.order-item .c-item .tit {
		font-size: 0.9375vw;
	}
	
	.order-item .c-item .tit .sp {
		margin-left: 0.625vw;
		font-size: 0.8333333333333333vw;
	}
	
	.order-item .c-item .tit .tip {
		margin-left: 0.78125vw;
	}
	
	.order-item .c-item .tit .tip .icon img {
		width: 0.8333333333333333vw;
	}
	
	.order-item .c-item .tit .tip .txt {
		min-width: 32.8125vw;
		padding: 1.5625vw;
		box-shadow: 0 0 0.6770833333333333vw rgba(0, 0, 0, 0.1);
		border-radius: 0.5208333333333333vw;
	}
	
	.order-item .c-item .tit .tip .txt .t1 {
		font-size: 0.9375vw;
	}
	
	.order-item .c-item .tit .tip .txt .t2 {
		margin-top: 0.3125vw;
		font-size: 0.8333333333333333vw;
	}
	
	.order-item .c-item .textbox {
		margin-top: 0.78125vw;
	}
	
	.shoppingcart .radio-group .radio-item {
		margin-right: 2.8125vw;
		margin-bottom: 1.041666666666667vw;
	}
	
	.shoppingcart .radio-group .radio-item .text {
		padding-top: 0.15625vw;
		font-size: 0.8333333333333333vw;
	}
	
	.shoppingcart .radio-group .radio-item .remarks {
		margin-left: 1.25vw;
		font-size: 0.8333333333333333vw;
	}
	
	.shoppingcart .radio-group .radio-item .remarks img {
		margin-right: 0.4166666666666667vw;
		width: 0.8333333333333333vw;
	}
	
	.shoppingcart .radio-group .layui-form-radio {
		font-size: 0.8333333333333333vw;
	}
	
	.shoppingcart .radio-group .layui-form-radio.layui-form-radioed:before {
		border-width: 0.2083333333333333vw;
	}
	
	.shoppingcart .radio-group .layui-form-radio:before {
		width: 0.9375vw;
		height: 0.9375vw;
		border: 0.1041666666666667vw solid rgba(0, 0, 0, 0.2);
		margin-right: 0.4166666666666667vw;
	}
	
	.c-padm .c-item .rowbox ul li {
		padding: 1.25vw;
		margin-top: 1.041666666666667vw;
	}
	
	.c-padm .c-item .rowbox ul li .t1 {
		padding-left: 2.604166666666667vw;
		font-size: 0.9375vw;
		margin-right: 1.5625vw;
	}
	
	.c-padm .c-item .rowbox ul li .t2 {
		font-size: 0.9375vw;
	}
	
	.order-item .c-item .invoicebox ul li {
		font-size: 0.9375vw;
		margin-top: 1.041666666666667vw;
		padding: 1.25vw;
	}
	
	.order-item .c-item .invoicebox ul li .t1 {
		padding-left: 2.604166666666667vw;
		margin-right: 1.5625vw;
	}
	
	.order-item .c-item .invoicebox ul li .t2 {
		margin-right: 1.5625vw;
	}
	
	.order-infor .order-item table th {
		height: 3.125vw;
		font-size: 0.9375vw;
		padding: 0.625vw;
	}
	
	.order-infor .order-item table td {
		padding: 1.5625vw 0.625vw;
		font-size: 0.8333333333333333vw;
	}
	
	.order-infor .order-item table th:nth-child(1),
	.order-infor .order-item table td:nth-child(1) {
		padding-left: 2.34375vw;
	}
	
	.order-infor .order-item .layui-textarea {
		padding: 1.25vw;
		font-size: 0.8333333333333333vw;
		height: 7.291666666666667vw;
	}
	
	.order-infor .settlement {
		margin-top: 2.604166666666667vw;
	}
	
	.order-infor .settlement .t1 {
		font-size: 1.041666666666667vw;
	}
	
	.order-infor .settlement .t2 {
		margin-top: 0.78125vw;
		font-size: 1.041666666666667vw;
	}
	
	.order-infor .settlement .layui-form-item {
		margin-top: 1.5625vw;
	}
	
	.order-infor .settlement .layui-form-item .layui-form-checkbox[lay-skin=primary]>div {
		font-size: 0.8333333333333333vw;
	}
	
	.order-infor .settlement .layui-form-item .layui-input-block a {
		font-size: 0.8333333333333333vw;
	}
	
	.order-infor .settlement .layui-form-item .layui-btn {
		min-width: 10.41666666666667vw;
		height: 2.604166666666667vw;
		border-radius: 0.2083333333333333vw;
		font-size: 0.9375vw;
	}
	
	
	/**/
	
	.place-order .title {
		font-size: 1.25vw;
		padding-bottom: 1.041666666666667vw;
	}
	
	.place-order .title img {
		width: 1.354166666666667vw;
		margin-right: 0.625vw;
	}
	
	.place-order .content {
		margin-top: 1.458333333333333vw;
	}
	
	.place-order .content ul li {
		margin-bottom: 1.25vw;
		font-size: 0.9375vw;
	}
	
	.place-order .content ul li .t1 {
		width: 5.208333333333333vw;
	}
	
	.place-order .content ul li .t2 {
		width: calc(100% - 5.208333333333333vw);
	}
	
	.place-order .content ul li .view-btn,
	.place-order .content ul li .print-btn {
		margin-left: 2.34375vw;
		font-size: 0.8333333333333333vw;
	}
	
	.place-order .content ul li .view-btn img,
	.place-order .content ul li .print-btn img {
		margin-right: 0.4166666666666667vw;
		width: 0.8333333333333333vw;
	}
	
	.place-order .content ul li .paybox img {
		margin: 0 0.78125vw;
	}
	
	.place-order .content ul li .paybox .change-btn {
		font-size: 0.8333333333333333vw;
	}
	
	.place-order .content ul li .codebox {
		margin-top: 1.5625vw;
		min-height: 2.604166666666667vw;
	}
	
	.place-order .content ul li .codebox img {
		width: 10.41666666666667vw;
		border-radius: 0.5208333333333333vw;
	}
	
	.place-order .layui-form .layui-input-block {
		margin-left: 0.78125vw;
		margin-right: 0.78125vw;
	}
	
	.place-order .layui-form .layui-input-block .layui-btn,
	.payment-popup .layui-btn{
		min-width: 10.41666666666667vw;
		height: 2.604166666666667vw;
		border-radius: 0.2083333333333333vw;
		font-size: 0.9375vw;
	}
	
	.payment-popup .head {
		padding-bottom: 0.78125vw;
		margin-bottom: 1.25vw;
		font-size: 1.25vw;
	}
	
	.payment-popup .layui-form-item{
		margin-top: 3.125vw;
	}
	
	
	
	.advanced-search .title .t2,
	.search-result .title .t2{
		margin-top: 0.3125vw;
	}
	.advanced-search .box .item .search-container{
		max-width: 29.16666666666667vw;
		padding: 0 1.5625vw;
		border-radius: 1.5625vw;
		margin-top: 1.041666666666667vw;
	}
	.advanced-search .box .item .fa-search,
	.advanced-search .box .item .clear-search{
		width: 2.083333333333333vw;
		height: 3.020833333333333vw;
	}
	.advanced-search .box .item .search-input{
		font-size: 0.8333333333333333vw;
	}
	.search-result .box .subtitle{
		margin-bottom: 1.302083333333333vw;
	}
	.search-result .box .subtitle.border-bot{
		padding-bottom: 1.25vw;
	}
	.search-result .box .tablewrap table{
		font-size: 0.8333333333333333vw;
	}
	.search-result .box .tablewrap table th{
		height: 3.125vw;
	}
	.search-result .box .tablewrap table td{
		height: 4.166666666666667vw;
		padding-top: 0.625vw;
		padding-bottom: 0.625vw;
		padding-right: 0.625vw;
	}
	.search-result .box .tablewrap table td:nth-child(1){
		width: 4.166666666666667vw;
	}
	.search-result .box .tablewrap .proname .t2{
		margin-top: 0.3125vw;
		font-size: 0.7291666666666667vw;
	}
	.search-result .box .tablewrap .procycle span{
		min-width: 3.125vw;
		margin-right: 0.5208333333333333vw;
		font-size: 0.625vw;
		padding: 0.1041666666666667vw 0.625vw;
	}
	.search-result .newlist{
		padding-top: 1.25vw;
	}
}

@media screen and (max-width: 1680px){
	.throughout .box .wrap{
		width: 75.54347826086957%;
	}
	.throughout .box .imgbox img{
		max-height: 100%;
	}
}

@media screen and (max-width: 1024px){
	html{
		font-size: 16px;
	}
	
	.header .box{
		padding-left: 5%;
		padding-right: 5%;
	}
	.header .wrap .nav{
		display: none;
	}
	.header .user-btn,
	.header .head-nation{
		/* display: none; */
	}
	.user-btn{
		height: 4.375rem;
		margin-right: 0.6rem;
	}
	.user-btn img{
		width: 1.1875rem;
		margin: 0 0.5rem;
	}
	.user-btn ul {
		padding-top: 0.625rem;
		padding-bottom:0.625rem;
		border-radius: 0.625rem;
		min-width: 6.25rem;
	}
	.user-btn ul li>a {
		padding: 0.5rem 1.25rem;
		font-size: 1rem;
	}
	.head-nation {
		margin-left: 1.25rem;
	}
	.head-nation:before {
		left: -1.25rem;
		height: 1.25rem;
	}
	.header .head-nation .current {
		height: 4.375rem;
		padding-left: 1.875rem;
		background: url(../image/icon2.png) left center no-repeat;
		background-size: 1.3125rem auto;
	}
	.header.black .head-nation .current,
	.header.act .head-nation .current, 
	.header.blacktext .head-nation .current, 
	.header.inter .head-nation .current{
		background: url(../image/icon2a.png) left center no-repeat;
		background-size: 1.3125rem auto;
	}
	.header .head-nation .current .name {
		font-size: 1.25rem;
	}
	
	.head-nation ul {
		padding-top: 0.625rem;
		padding-bottom: 0.625rem;
		border-radius: 0.625rem;
	}
	
	.head-nation ul li a {
		padding: 0.5rem 1.25rem;
		font-size: 1rem;
		min-width: 5.625rem;
	}
	
	.header .shopbtn a span{
		display: none;
	}
	.header .logo{
		display: flex;
		align-items: center;
		height: 4.375rem;
	}
	.header .logo a{
		margin-top: -0.6rem;
	}
	.header .logo a img{
		max-height: 2.625rem;
	}
	.header .search-icon{
		margin-left: 1.2rem;
	}
	.header .search-icon span,
	.header .search-icon a{
		width: 2.5rem;
		height: 2.5rem;
	}
	.header .shopbtn{
		margin-left: 1.25rem;
	}
	.header .shopbtn a{
		font-size: 16px;
		min-width: 2.5rem;
		height: 2.5rem;
		padding: 0;
	}
	.header .shopbtn a img{
		margin-right: 0;
		max-width: 40%;
	}
	.header .search-form{
		padding-top: 1.25rem;
    	padding-bottom: 1.25rem;
	}
	.header .search-form .form-body {
		max-width: 45rem;
		width: 90%;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		padding-left: 1.8rem;
		padding-right: 1.8rem;
		border-radius: 2rem;
		box-sizing: border-box;
	}
	
	.header .search-form input {
		height: 2rem;
		font-size: 1rem;
	}
	
	.header .search-form .icon {
		font-size: 1rem;
		width: 1.25rem;
	}
	.header .search-form .searchIcon {
		margin-right: 0.9375rem;
	}
	.header .search-form .searchIcon img{
		max-width: 1.1rem;
	}
	.header .search-form .close {
		margin-left: 0.9375rem;
	}
	.header .search-form .close img{
		max-width: 1.1rem;
	}
	
	.menubtn{
		display: block;
	}
	
	
	.maincontainer{
		width: 90%;
	}
	.footer{
		padding-top: 4rem;
		padding-bottom: 1.6rem;
	}
	.footer .box{
		flex-direction: column-reverse;
	}
	.footer .lookup{
		width: 100%;
		margin-top: 3rem;
	}
	.footer .lookup form{
		margin-top: 1.5rem;
	    max-width: 31.25rem;
	    height: 3.5rem;
	    padding: 0 1.8rem;
	    border-radius: 1.75rem;
	}
	.footer .box .footernav .item a{
		font-size: 1.25rem;
	}
	.footer .box .wrap{
		flex: auto;
		width: 100%;
	}
	.footer .box .wrapbox{
		width: 100%;
	}
	.footer .box .footernav{
		flex-wrap: wrap;
		justify-content: center;
		padding-bottom: 2.1875rem;
		column-gap: 3rem;
		row-gap: 1.5rem;
	}
	.footer .box .footernav .item{
		margin-right: 0;
	}
	.footer .box .qrcode{
		margin-top: 2.1875rem;
	}
	.footer .box .qrcode .qrbox{
		width: 100%;
	}
	.footer .box .qrcode ul{
		justify-content: center;
	}
	.footer .box .qrcode ul li img{
		max-width: 5rem;
	}
	.footer .box .qrcode .text{
		margin-top: 0.625rem;
		font-size: 1rem;
	}
	.footer .lookup .footer-search-text{
		font-size: 1.125rem;
	}
	.footer .inquiries{
		margin-top: 1.25rem;
	}
	.footer .inquiries ul li{
		margin-right: 1.125rem;
    	margin-bottom: 0.3125rem;
	}
	.footer .inquiries ul li a{
		font-size: 1rem;
	}
	.footer .footerbottom{
		flex-wrap: wrap;
	}
	.footer .footershare{
		width: 100%;
	}
	.footer .footershare ul{
		justify-content: center;
	}
	.footer .copylink{
		display: block;
		width: 100%;
		margin-top: 2rem;
		text-align: center;
		font-size: 1rem;
	}
	.footer .copylink span{
		display: inline;
	}
	
	.sidebar ul li a {
	    width: 4.375rem;
	    height: 4.375rem;
	    border-radius: 0.25rem;
	}
	.sidebar ul li a img{
		max-width: 1.9rem;
	}
	.sidebar ul li a small {
	    right: -0.5rem;
	    top: -0.5rem;
	    min-width: 1rem;
	    height: 1rem;
	    font-size: 0.625rem;
	    padding-left: 0.1875rem;
	    padding-right: 0.1875rem;
	}
	.sidebar ul li .popupdiv .close1{
		right: 0.9375rem;
		top: 0.9375rem;
		width: 1.75rem;
	}
	.sidebar ul li .popupdiv .layui-form{
		width: 25rem;
		padding: 3.125rem 1.875rem;
	}
	.sidebar ul li .popupdiv .layui-form-item{
		margin-bottom: 0.625rem;
	}
	.sidebar ul li .popupdiv .layui-input-block .layui-input{
		height: 3rem;
		font-size: 1rem;
		padding: 0 0.9375rem;
	}
	.sidebar ul li .popupdiv .layui-input-block .layui-textarea{
		height: 7.5rem;
		padding: 0.9375rem;
		font-size: 1rem;
	}
	.sidebar ul li .popupdiv .layui-input-block .layui-btn{
		height: 3rem;
		font-size: 1.125rem;
	}
	
	
	.size50{
		font-size: 2.5rem;
		font-size: 3.90625vmin;
	}
	.size40{
		font-size: 2.1875rem;
		font-size: 3.41796875vmin;
	}
	.size36{
		font-size: 2rem;
		font-size: 2.9vmin;
	}
	.size30{
		font-size: 1.75rem;
		font-size: 2.5vmin;
	}
	.size24{
		font-size: 1.5rem;
		font-size: 2.34375vmin;
	}
	.size20{
		font-size: 1.25rem;
		font-size: 1.953125vmin;
	}
	.size18{
		font-size: 1.125rem;
		font-size: 1.7578125vmin;
	}
	.size16{
		font-size: 1rem;
		font-size: 1.5625vmin;
	}
	.size14{
		font-size: 1rem;
		font-size: 1.5625vmin;
	}
	
	
	/*.banner .thumbs-box{
		display: none;
	}
	.progress-bar{
		left: 5%;
		bottom: 6rem;
		width: 90%;
	}
	
	.pImg{
		display: none;
	}
	.mImg{
		display: block;
	}
	.bannerText{
		top: 12rem;
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	}
	.banner .swiper-slide a>img{
		height: 100vh;
		object-fit: cover;
	}
	.banner .swiper-slide a>video{
		display: block;
		width: 100%;
		height: 100vh;
		object-fit: cover;
	}
	
	.padt80 {
		padding-top: 3.75rem;
	}
	.padt100 {
		padding-top: 5rem;
	}
	
	.padb100 {
		padding-bottom: 5rem;
	}
	
	.padb120 {
		padding-bottom: 6.25rem;
	}
	
	.padt140 {
		padding-top: 7.5rem;
	}
	
	.padt120 {
		padding-top: 7.5rem;
	}
	
	.padt160 {
		padding-top: 8.75rem;
	}
	
	.padb150 {
		padding-bottom: 8.125rem;
	}
	
	.padb170 {
		padding-bottom: 9.375rem;
	}
	.index_product{
		display: flex;
		align-items: flex-start;
		justify-content: center;
		min-height: calc(100vh - 4.375rem);
		box-sizing: border-box;
	}
	.index_product .box{
		margin-top: 2.5rem;
	}
	.index_product .box ul li{
		width: 48.5%;
		margin-right: 3%;
		margin-top: 0;
		margin-bottom: 3%;
		padding: 2.2rem;
		min-height: 20vh;
	}
	.index_product .box ul li:nth-child(3n) {
		margin-right: 3%;
	}
	.index_product .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.index_product .box ul li .text{
		margin-bottom: 1.25rem;
	}
	.index_product .box ul li .textbox .size18{
		margin-top: 0.9375rem;
	}
	
	.index_application{
		height: calc(100vh - 4.375rem);
	}
	.index_application .content{
		top: 5rem;
		left: 5%;
	}
	.index_application .columnwrap{
		margin-top: 2.5rem;
	}
	.index_application .columnwrap ul li{
		padding-right: 0.75rem;
    	margin-bottom: 0.9375rem;
	}
	.index_application .columnwrap ul li span{
	    font-size: 1.25rem;
	    min-width: 12rem;
	    height: 3.5rem;
	    padding: 0 1.2rem;
	}
	.index_application .columnwrap ul li span i {
	    margin-left: 0.75rem;
	    width: 0.625rem;
	    height: 0.875rem;
	}
	.index_application .columnwrap ul li dl{
		display: grid;
  		grid-template-columns: repeat(3, 1fr); 
  		gap: 1rem; 
	}
	.index_application .columnwrap ul li dl dd{
		margin-bottom: 0;
	}
	.index_application .columnwrap ul li dl dd span{
		padding: 0 1.25rem;
	    height: 2.5rem;
	    font-size: 1rem;
	}
	.index_application .box .item .swiper .text{
		width: 70%;
		padding: 2.5rem 2.2rem 4rem;
		min-height: 1px;
	}
	.index_application .box .item .swiper .text .size16{
		margin-top: 0.75rem;
    	margin-bottom: 1.5rem;
	}
	.current_btn a{
		min-width: 10.625rem;
		font-size: 1rem;
	}
	.current_btn a span{
		height: 3.125rem;
    	padding: 0 1.5625rem;
	}
	.current_btn a i{
		width: 3.125rem;
		height: 3.125rem;
	}
	.index_application .box .item .swiper,
	.index_application .box .item .swiper .img img{
		height: calc(100vh - 4.375rem);
	}
	.index_autoelectronics{
		display: flex;
		align-items: flex-end;
		height: calc(100vh - 4.375rem);
	}
	.index_autoelectronics .wrap{
		width: 100%;
		margin-bottom: 18%;
	}
	.index_autoelectronics .wrap ul li .w1 {
		right: -0.25rem;
		bottom: -0.25rem;
	}
	
	.index_autoelectronics .wrap ul li.a4 .w1 {
		left: -0.5rem;
	}
	
	.index_autoelectronics .wrap ul li.a5 .w1 {
		left: -0.5rem;
	}
	.index_autoelectronics .wrap ul li .text span {
		font-size: 1.25rem;
	}
	
	.index_autoelectronics .wrap ul li .w1 .text {
		min-width: 9.0625rem;
		height: 3.125rem;
	}
	
	.index_autoelectronics .wrap ul li.a1 .w1 .text,
	.index_autoelectronics .wrap ul li.a3 .w1 .text {
		bottom: 2.5rem;
	}
	
	.index_autoelectronics .wrap ul li.a2 .w1 .text,
	.index_autoelectronics .wrap ul li.a4 .w1 .text,
	.index_autoelectronics .wrap ul li.a5 .w1 .text {
		top: 2.5rem;
	}
	
	.index_autoelectronics .wrap ul li .w2 .text {
		padding-bottom: 0.9375rem;
	}
	
	.index_autoelectronics .wrap ul li.a4 .w2 .text {
		padding-top: 0.9375rem;
	}
	
	.index_autoelectronics .wrap ul li .w2 .text span {
		min-width: 9.0625rem;
		height: 3.125rem;
		padding: 0 1.5rem;
	}
	
	.index_autoelectronics .wrap ul li .spot {
		width: 1.375rem;
		height: 1.375rem;
	}
	
	.index_autoelectronics .wrap ul li dl {
		top: 4.375rem;
		max-width: 18.75rem;
		margin-top: 0.9375rem;
		font-size: 1rem;
	}
	
	.index_autoelectronics .wrap ul li.a4 dl {
		bottom: 4.375rem;
		margin-bottom: 0.9375rem;
	}
	
	.index_autoelectronics .wrap ul li dl dd a {
		min-height: 2.5rem;
		padding: 0.25rem 0.75rem;
	}
	
	.index_about{
		min-height: calc(100vh - 4.375rem);
		box-sizing: border-box;
	}
	.index_about .box{
		flex-wrap: wrap;
	}
	.index_about .box .textbox{
		width: 100%;
	}
	.index_about .box .img{
		display: flex;
		justify-content: flex-end;
		width: 100%;
		position: relative;
		margin-top: -10%;
	}
	.index_about .box .img img{
		width: 70%;
	}
	.index_about .box .textbox .text{
		margin-top: 2rem;
	}
	.index_nums {
		margin-top: 3rem;
		margin-bottom: 4rem;
	}
	.index_nums ul li {
		min-width: 15%;
		padding-right: 2rem;
		margin-right: 2rem;
	}
	.index_nums ul li .timer {
		font-size: 3.75rem;
		font-size: 5.859375vmin;
	}
	.index_nums ul li .icon {
		margin-left: -0.5rem;
	}
	.index_nums ul li .icon img {
		max-width: 1.5rem;
	}
	.index_nums ul li .sp {
		margin-left: 0.4375rem;
		font-size: 1.25rem;
	}
	.index_nums ul li .t2 {
		margin-top: 0.375rem;
	}
	
	.index_new{
		min-height: calc(100vh - 4.375rem);
		box-sizing: border-box;
	}
	.index_new .box{
		flex-wrap: wrap;
		margin-top: 2.5rem;
	}
	.index_mainnew{
		width: 100%;
	}
	.index_mainnew .img img{
		max-height: 32rem;
	}
	.index_mainnew .text{
		padding: 2.5rem 2.2rem;
	}
	.index_newlist{
		width: 100%;
	}
	.index_newlist ul li a{
		padding: 1.9rem 2.2rem;
	}
	.index_newlist ul li .size20 {
	    margin-top: 0.75rem;
	}
	.index_newlist ul li .more{
		margin-top: 1.25rem;
	}
	
	.index_newlisting {
		margin-top: 1.8rem;
		height: 3.375rem;
	}
	.index_newlisting ul li .text {
		padding-bottom: 0.9375rem;
	}
	.index_newlisting ul li .sp1 {
		margin-right: 1.25rem;
	}
	.index_newlisting ul li .more {
		padding-bottom: 0.9375rem;
	}*/
	
	
	.banner .thumbs-box{
		display: none;
	}
	.progress-bar{
		left: 5%;
		bottom: 9.375vmin;
		width: 90%;
	}
	
	.pImg{
		display: none;
	}
	.mImg{
		display: block;
	}
	.bannerText{
		top: 18.75vmin;
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	}
	.banner .swiper-slide a>img{
		height: 100vh;
		object-fit: cover;
	}
	.banner .swiper-slide a>video{
		display: block;
		width: 100%;
		height: 100vh;
		object-fit: cover;
	}
	
	.bannerTitle{
		/*top: 4.375rem;*/
		position: static;
	}
	.obanner.recruitbanner .bannerTitle{
		position: absolute;
	}
	.obanner.recruitbanner>img{
		max-height: 100vh;
		height: 100vh;
	}
	.obanner .bannerTitle .btns{
		margin-top: 1.875rem;
	}
	.obanner .bannerTitle .btns .btn {
		min-width: 10rem;
		height: 3rem;
		border-radius: 1.5rem;
		padding: 0 1.25rem;
		font-size: 1rem;
		margin: 0 0.625rem;
	}
	.obanner .bannerTitle .btns .btn i {
		margin-left: 0.9375rem;
		width: 0.6875rem;
		height: 0.8125rem;
	}
	.bannerTitle .crumbs{
		position: absolute;
		top: 4.375rem;
		left: 5%;
		width: 90%;
	}
	.bannerTitle .box {
	    /*width: 50%;
	   	padding-top: 2.5rem;
	    padding-bottom: 2.5rem;
	    padding-left: 5%;
	    padding-right: 1.8rem;*/
	   	position: relative;
	   	width: 100%;
	   	padding: 8% 5%;
	}
	.bannerTitle .box.w1 {
		max-width: 100%;
	}
	.bannerTitle .box.w2 {
		max-width: 100%;
	}
	.bannerTitle .box:before{
		content: '';
		position: absolute;
		left: 0;
		top: -21vmin;
		width: 100%;
		height: 21vmin;
		background: -webkit-linear-gradient(to bottom, rgba(0,197,167,0), rgba(0,197,167,1));
		background: linear-gradient(to bottom, rgba(0,197,167,0), rgba(0,197,167,1));
	}
	.obanner.recruitbanner  .box:before{
		display: none;
	}
	.bannerTitle .box i{
		width: 100%;
	}
	.bannerTitle .box .text,
	.bannerTitle .box .text1{
		margin-top: 0.625rem;
	}
	.obanner>img{
		max-height: 64vh;
		object-fit: cover;
	}
	.crumbs .wrap{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.crumbs .wrap span, .crumbs .wrap a{
		font-size: 1rem;
	}
	.crumbs .wrap a img{
		max-width: 0.9375rem;
	}
	.crumbs .wrap span{
		width: 1.25rem;
	    height: 1.125rem;
	    background: url(../image/icon21.png) center no-repeat;
	    background-size: 0.4375rem auto;
	}
	
	
	
	.padt80 {
		padding-top: 4.5vmin;
	}
	.padt100 {
		padding-top: 7.8125vmin;
	}
	.padb100 {
		padding-bottom: 7.8125vmin;
	}
	.padb120 {
		padding-bottom: 9.765625vmin;
	}
	.padt120 {
		padding-top: 9.765625vmin;
	}
	.padt140 {
		padding-top: 9.765625vmin;
	}
	.padt160 {
		padding-top: 9.765625vmin;
	}
	.padb150 {
		padding-bottom: 9.765625vmin;
	}
	.padb170 {
		padding-bottom: 9.765625vmin;
	}
	/*.padt140 {
		padding-top: 11.71875vmin;
	}
	.padt160 {
		padding-top: 13.671875vmin;
	}
	.padb150 {
		padding-bottom: 12.6953125vmin;
	}
	.padb170 {
		padding-bottom: 14.6484375vmin;
	}*/
	.current_title .size40{
		padding-top: 0.375rem;
	}
	.current_title .size40:before,
	.bannerTitle .box h2:before{
		right: -4.39453125vmin;
	    top: -1.953125vmin;
	    width: 4.6875vmin;
	    height: 3.90625vmin;
	}
	.index_product{
		display: flex;
		/* align-items: flex-start; */
		align-items: center;
		justify-content: center;
		min-height: calc(100vh - 4.375rem);
		box-sizing: border-box;
	}
	.index_product .box{
		margin-top: 3.90625vmin;
	}
	.index_product .box ul li{
		width: 48.5%;
		margin-right: 3%;
		margin-top: 0;
		margin-bottom: 3%;
		padding: 3.4375vmin;
		min-height: 20vh;
	}
	.index_product .box ul li:nth-child(3n) {
		margin-right: 3%;
	}
	.index_product .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.index_product .box ul li .text{
		margin-bottom: 1.953125vmin;
	}
	.index_product .box ul li .textbox .size18{
		margin-top: 1.46484375vmin;
	}
	
	.index_application{
		height: calc(100vh - 4.375rem);
	}
	.index_application .content{
		top: 5rem;
		left: 5%;
		width: 90%;
	}
	.index_application .columnwrap{
		margin-top: 3.90625vmin;
	}
	.index_application .columnwrap ul li{
		padding-right: 1rem;
    	margin-bottom: 1rem;
	}
	.index_application .columnwrap ul li span,
	.index_application .columnwrap ul li a{
	    font-size: 1.953125vmin;
	    min-width: 18.75vmin;
	    height: 5.46875vmin;
	    padding: 0 1.875vmin;
	}
	.index_application .columnwrap ul li span i,
	.index_application .columnwrap ul li a i{
	    margin-left: 1.171875vmin;
	    width: 0.9765625vmin;
	    height: 1.3671875vmin;
	}
	.index_application .columnwrap ul li dl{
		display: grid;
  		grid-template-columns: repeat(3, 1fr); 
  		gap: 1rem; 
	}
	.index_application .columnwrap ul li dl dd{
		margin-bottom: 0;
	}
	.index_application .columnwrap ul li dl dd span,
	.index_application .columnwrap ul li dl dd a{
		padding: 0 1.953125vmin;
	    height: 3.90625vmin;
	    font-size: 1.5625vmin;
	}
	.index_application .box .item .swiper .text{
		width: 70%;
		padding: 3.90625vmin 3.4375vmin 6.25vmin;
		min-height: 1px;
	}
	.index_application .box .item .swiper .text .size16{
		margin-top: 1.171875vmin;
    	margin-bottom: 2.34375vmin;
	}
	.current_btn a{
		min-width: 16.6015625vmin;
		font-size: 1.5625vmin;
	}
	.current_btn a span{
		height: 4.8828125vmin;
    	padding: 0 2vmin;
	}
	.current_btn a i{
		width: 4.8828125vmin;
		height: 4.8828125vmin;
	}
	.index_application .box .item .swiper,
	.index_application .box .item .swiper .img img{
		height: calc(100vh - 4.375rem);
	}
	.index_autoelectronics{
		display: flex;
		align-items: flex-end;
		height: calc(100vh - 4.375rem);
	}
	.AutoElectronics{
		height: auto;
	}
	.index_autoelectronics .wrap{
		width: 100%;
		margin-bottom: 18%;
	}
	.AutoElectronics .wrap{
		margin-left: 0;
		margin-bottom: 0;
	}
	.index_autoelectronics .wrap ul li.a3{
    	top: 12%;
    	left: 0;
    	width: 60%;
    }
	.index_autoelectronics .wrap ul li .w1 {
		right: -0.390625vmin;
		bottom: -0.390625vmin;
	}
	
	.index_autoelectronics .wrap ul li.a4 .w1 {
		left: -0.78125vmin;
	}
	
	.index_autoelectronics .wrap ul li.a5 .w1 {
		left: -0.78125vmin;
	}
	.index_autoelectronics .wrap ul li .text span {
		font-size: 1.8vmin;
	}
	
	.index_autoelectronics .wrap ul li .w1 .text {
		min-width: 12vmin;
		height: 4.5vmin;
	}
	
	.index_autoelectronics .wrap ul li.a1 .w1 .text,
	.index_autoelectronics .wrap ul li.a3 .w1 .text {
		bottom: 3.90625vmin;
	}
	
	.index_autoelectronics .wrap ul li.a2 .w1 .text,
	.index_autoelectronics .wrap ul li.a4 .w1 .text,
	.index_autoelectronics .wrap ul li.a5 .w1 .text {
		top: 3.90625vmin;
	}
	
	.index_autoelectronics .wrap ul li .w2 .text {
		padding-bottom: 1.46484375vmin;
	}
	
	.index_autoelectronics .wrap ul li.a4 .w2 .text {
		padding-top: 1.46484375vmin;
	}
	
	.index_autoelectronics .wrap ul li .w2 .text span {
		min-width: 14.18359375vmin;
		height: 4.8828125vmin;
		padding: 0 2.34375vmin;
	}
	
	.index_autoelectronics .wrap ul li .spot {
		width: 2.1484375vmin;
		height: 2.1484375vmin;
	}
	
	.index_autoelectronics .wrap ul li dl {
		top: 6.8359375vmin;
		max-width: 29.296875vmin;
		margin-top: 1.46484375vmin;
		font-size: 1.5625vmin;
	}
	
	.index_autoelectronics .wrap ul li.a4 dl {
		bottom: 6.8359375vmin;
		margin-bottom: 1.46484375vmin;
	}
	
	.index_autoelectronics .wrap ul li dl dd a {
		min-height: 3.90625vmin;
		padding: 0.390625vmin 1.171875vmin;
	}
	
	.index_about{
		display: flex;
		align-items: center;
		min-height: calc(100vh - 4.375rem);
		box-sizing: border-box;
	}
	.index_about .box{
		flex-wrap: wrap;
	}
	.index_about .box .textbox{
		width: 100%;
		padding-right: 0;
	}
	.index_about .box .img{
		display: flex;
		justify-content: flex-end;
		width: 100%;
		position: relative;
		margin-top: -10%;
		pointer-events: none;
	}
	.index_about .box .img img{
		width: 70%;
	}
	.index_about .box .textbox .text{
		margin-top: 3.125vmin;
	}
	.index_nums {
		margin-top: 4.6875vmin;
		margin-bottom: 6.25vmin;
	}
	.index_nums ul li {
		min-width: 15%;
		padding-right: 3.125vmin;
		margin-right: 3.125vmin;
	}
	.index_nums ul li .timer {
		font-size: 5.859375vmin;
	}
	.index_nums ul li .icon {
		margin-left: -0.78125vmin;
	}
	.index_nums ul li .icon img {
		max-width: 2.34375vmin;
	}
	.index_nums ul li .sp {
		margin-left: 0.68359375vmin;
		font-size: 1.953125vmin;
	}
	.index_nums ul li .t2 {
		margin-top: 0.5859375vmin;
	}
	
	.index_new{
		display: flex;
		align-items: center;
		min-height: calc(100vh - 4.375rem);
		box-sizing: border-box;
	}
	.index_new .box{
		display: block;
		margin-top: 3.90625vmin;
	}
	.index_mainnew{
		width: 100%;
	}
	.index_mainnew .img img{
		max-height: 50vmin;
	}
	.index_mainnew .text{
		padding: 3.90625vmin 3.4375vmin;
	}
	.index_newlist{
		width: 100%;
	}
	.index_newlist ul li a{
		padding: 2.9765625vmin 3.4375vmin;
	}
	.index_newlist ul li .size20 {
	    margin-top: 1.171875vmin;
	}
	.index_newlist ul li .more{
		margin-top: 1.953125vmin;
	}
	
	.index_newlisting {
		margin-top: 2.8125vmin;
		height: 5.2734375vmin;
	}
	.index_newlisting ul li .text {
		padding-bottom: 1.46484375vmin;
	}
	.index_newlisting ul li .sp1 {
		margin-right: 1.953125vmin;
	}
	.index_newlisting ul li .more {
		padding-bottom: 1.46484375vmin;
	}
	
	
	
	.comtitle .size30{
		padding-bottom: 1.25rem;
	}
	.comtitle .size30:before{
		height: 0.1875rem;
	}
	.application .box {
		margin-top: 8%;
	}
	.linear .box:nth-child(1),
	.battery-application .box:nth-child(1){
		margin-top: 0;
	}
	.application-area .box .advantages {
		margin-top: 5%;
	}
	.application .wrap{
		margin-top: 5%;
	}
	.category-section ul{
		display: flex;
		flex-wrap: wrap;
		gap: 2.625rem;
	}
	.category-section ul li{
		min-width: 18%;
	}
	.category-section ul li a {
		min-height: 5.859375vmin;
		font-size: 1.953125vmin;
		padding: 1.171875vmin 0;
	}
	.linear .category-section ul li a{
		padding-left: 3.5vmin;
	}
	.linear .category-section ul li:hover a{
		padding-left: 5.6vmin;
	}
	.linear .category-section ul li a:after{
		top: 1.7vmin;
	}
	.linear .category-section ul li a:after{
		width: 1.953125vmin;
		height: 1.953125vmin;
	}
	.category-section ul li:hover a:after{
		left: 2vmin;
	}
	.category-section ul li a:hover {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
	.category-section ul li a i {
		width: 0.625rem;
		height: 0.875rem;
		margin-left: 1rem;
	}
	.product-list .box{
		margin-top: 1rem;
	}
	.advantages ul {
	    flex-wrap: wrap;
	   	gap: 2.1875rem;
	}
	.advantages ul li{
		flex: auto;
		width: calc((100% - 2.1875rem) / 2);
		min-height: 1rem;
		padding: 3rem 2rem 4rem;
	}
	.advantages ul li:nth-child(2n){
		margin-right: 0;
	}
	.advantages ul li .text .size18{
		margin-top: 1.7578125vmin;
	}
	.related-documents{
		padding: 2.5rem 2rem;
	}
	.related-documents ul li{
		padding-top: 1.3rem;
    	padding-bottom: 1.3rem;
	}
	.related-documents ul li .t1{
		padding-left: 1.5rem;
	}
	.related-documents ul li .t2{
		padding-right: 1.5rem;
    	margin-left: 1.5rem;
	}
	.related-documents ul li .t2 a img{
		max-width: 1.25rem;
    	margin-right: 0.6rem;
	}
	
	
	.filter-criteria{
		width: 30%;
		margin-right: 2%;
		padding: 1.5rem;
	}
	.inside_core.sidebar_on{
		width: 68%;
	}
	.product-list .wrap .btns a, .product-list .wrap .btns span{
		font-size: 1rem;
		min-width: 9.375rem;
	    height: 3.125rem;
	    font-size: 1rem;
	    padding: 0 1.25rem;
	}
	.product-list .wrap .btns a img, .product-list .wrap .btns span img {
	    margin-left: 0.9375rem;
	    max-width: 1.1875rem;
	}
	
	.productNav {
		margin-top: 1.5rem;
	}
	.productNav>ul>li>a,
	.productNav>ul>li>.title {
		font-size: 1.125rem;
		padding: 0.875rem 0;
	}
	.productNav ul li ul li .title,
	.productNav>ul>li>ul>li>a {
		font-size: 1rem;
		padding: 0.4375rem 0;
	}
	.productNav ul li .title {
		padding-right: 1.75rem;
	}
	.productNav>ul>li>.title>i {
		width: 1.75rem;
	}
	.productNav ul li ul {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
	}
	.productNav ul li ul li .title {
		padding-left: 1.5rem;
	}
	.productNav ul li ul li .title i {
		width: 0.875rem;
		height: 0.875rem;
	}
	.productNav ul li ul li ul{
		margin-top: 0.5rem;
	}
	.productNav ul li ul li ul li a,
	.selectli,
	.productNav>ul>li>ul>li>a.selectli{
		padding-left: 1.5rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		font-size: 1rem;
		background: url(../image/icon31.png) left top 0.75rem no-repeat;
		background-size: 1rem auto;
	}
	.productNav ul li ul li ul li.on a,
	.productNav ul li ul li ul li:hover a,
	.selectli.on,
	.selectli:hover,
	.productNav>ul>li>ul>li>a.selectli.on,
	.productNav>ul>li>ul>li>a.selectli:hover{
		background: url(../image/icon32.png) left top 0.75rem no-repeat;
		background-size: 1rem auto;
	}
	
	.filter-search{
		margin-top: 1.25rem;
	}
	.filter-search .text{
		padding: 0 0.625rem;
    	height: 3.125rem;
    	width: calc(100% - 3.75rem);
	}
	.filter-search .btns {
	    width: 3.75rem;
	    height: 3.125rem;
	}
	.filterItems ul li .sp{
		width: 25%;
	}
	.filterItems ul li .sp, .filterItems ul li dl{
	    padding-left:0.75rem;
	    padding-top: 0.35rem;
	    padding-bottom: 0.35rem;
	    min-height: 3.75rem;
	}
	.filterItems ul li dl dd{
		margin-right: 2rem;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}
	.filterItems ul li dl dd a {
	    padding-left: 1.6875rem;
	    background: url(../image/icon31.png) left top 0.1rem no-repeat;
	    background-size: 1rem auto;
	}
	.filterItems ul li dl dd a.on {
	    background: url(../image/icon32.png) left top 0.1rem no-repeat;
	    background-size: 1rem auto;
	}
	
	.inside_core .filtertable{
		margin-top: 1rem;
	}
	.tablebox{
		overflow-x: auto;
		padding-bottom: 2.5rem;
	}
	.inside_core.sidebar_on .tablebox{
		padding-bottom: 2.5rem;
	}
	.tablebox table,
	.inside_core.sidebar_on .tablebox table {
		min-width: 85rem;
	}
	.tablebox table th {
		font-size: 1rem;
	}
	.tablebox table tr:nth-child(1) th {
		height: 3.6rem;
		padding: 0.75rem 0.375rem;
	}
	.tablebox table td {
		font-size: 1rem;
		padding: 0.375rem;
		height: 3rem;
	}
	/*.tablebox table td:nth-child(1) {
		min-width: 14.375rem;
	}*/
	.tablebox table th:last-child{
		min-width: 10rem;
	}
	.optionbox .subtit{
		font-size: 1rem;
		min-height: 2.5rem;
	}
	.optionbox .subtit i{
		width: 0.9375rem;
		height: 0.9375rem;
		background: url(../image/icon33.png) center no-repeat no-repeat;
		background-size: 73.33333333333333% auto;
	}
	.optionbox:hover .subtit i,
	.optionbox.active .subtit i{
		background: url(../image/icon34.png) center no-repeat no-repeat;
		background-size: 73.33333333333333% auto;
	}
	.optionbox ul{
		padding: 0.9375rem 0;
	}
	.optionbox ul li{
		margin-bottom: 0.75rem;
	}
	.optionbox ul li a{
		padding-left: 2.4rem;
		font-size: 1rem;
		background: url(../image/icon31.png) center left 0.8rem no-repeat;
		background-size: 1rem auto;
	}
	.optionbox ul li:hover a,
	.optionbox ul li.selected a{
		background: url(../image/icon32.png) center left 0.8rem no-repeat;
		background-size: 1rem auto;
	}
	.tablebox table .td_model a{
		padding-left: 1rem;
	}
	.tablebox::-webkit-scrollbar,
	.addedbox::-webkit-scrollbar{
		height: 0.7vmin;
	}
	.inside_core .filtertable .page {
		margin-top: 8%;
	}
	.page-list a,
	.page-list span {
		min-width: 5vmin;
		height: 5vmin;
		margin-right: 0.9765625vmin;
		font-size: 1.7578125vmin;
	}
	.page-list a img {
		width: 0.9765625vmin;
	}
	
	.product_details{
		margin-top: 8%;
	}
	.product_details .describe{
		display: block;
		padding: 2rem 2.5rem 3rem;
	}
	.product_details .describe .textbox{
		width: 100%;
	}
	.product_details .describe .imgbox{
		width: 100%;
		margin-top: 5%;
	}
	.product_details .describe .title span{
		padding-bottom: 1.5rem;
	}
	.product_details .describe .title .size36{
		padding-right: 1.5rem;
	}
	.product_details .describe .title .size36:before {
	    height: 0.1875rem;
	}
	.product_details .describe .title .tag,
	.product_details .describe .title .size16{
	    min-height: 1.875rem;
	    padding: 0.125rem 0.9375rem;
	}
	.product_details .describe .text {
    	margin-top: 2rem;
    	font-size: 1.125rem;
   	}
   	.product_details .describe .btnbox{
   		margin-top: 5%;
   	}
   	.product_details .describe .btnbox .btns{
   		margin-right: 1.25rem;
   		margin-top: 0.5rem;
   		margin-bottom: 0.5rem;
   	}
   	.product_details .describe .btnbox .btns a, .product_details .describe .btnbox .btns span, #addToCartBtn a, #addToCartBtn span {
	    min-width: 8.125rem;
	    height: 3.125rem;
	    padding: 0 1rem;
	    font-size: 1rem;
	    border-radius: 0.25rem;
	}
	.product_details .describe .btnbox .btns a img, .product_details .describe .btnbox .btns span img, #addToCartBtn a img, #addToCartBtn span img{
		margin-right: 0.5rem;
    	max-width: 1.375rem;
	}
	.product_details .description{
		margin-top: 8%;
	}
	.detail_tab{
		top: 4.375rem;
	}
	.detail_tab ul li {
	    margin-right: 2.5rem;
	}
	.detail_tab ul li a, .detail_tab ul li span {
	    padding-top: 1.2rem;
	    padding-bottom: 1.2rem;
	    font-size: 1.5rem;
	}
	.editbox {
	    margin-top: 2.5rem;
	    font-size: 1.125rem;
	}
	.editbox .part{
		padding-top: 6.5rem;
    	margin-top: -6.5rem;
	}
	.editbox .item{
		margin-bottom: 8%;
	}
	.editbox .item.half{
		width: 100%;
		margin-left: 0 !important;
	}
	.editbox .item .title h3 {
	    font-size: 1.5rem;
	    padding-bottom: 0.9375rem;
	}
	.editbox .item .title .btns{
		padding-bottom: 0.625rem;
	}
	.editbox .item .title .btns>a, .editbox .item .title .btns span {
	    min-width: 8.75rem;
	    height: 2.8125rem;
	    padding: 0 1.25rem;
	    font-size: 1rem;
	}
	.editbox .item .title .btns i, .editbox .item .title .btns i{
		margin-left: 0.9375rem;
	}
	.editbox .item .title .btns.applybtn i {
	    width: 1.125rem;
	    height: 1.25rem;
	}
	.editbox .item .title .btns.contrastbtn i {
	    width: 0.875rem;
	    height: 0.875rem;
	}
	.editbox .item .box{
		margin-top: 2.5rem;
	    padding: 2rem;
	}
	.editbox .item .box .text {
	    margin-bottom: 1.5625rem;
	    font-size: 1rem;
	}
	.editbox .item .box .subtit{
		font-size: 1.25rem;
	    margin-bottom: 1.2rem;
	    padding-bottom: 0.5rem;
	}
	.editbox .item .box .word li{
		padding-left: 1rem;
	}
	.editbox .item .box .word li:before {
	    top: 0.5625rem;
	    width: 0.3125rem;
	    height: 0.3125rem;
	}
	.itemtable tr th,
	.itemtable tr td,
	.contrasttable tr th,
	.contrasttable tr td {
		font-size: 1.125rem;
		height: 3.125rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.contrasttable tr th,
	.contrasttable tr td{
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.contrasttable .closeic{
		right: 0.3rem;
		top: 0.4rem;
		width: 1rem;
		height: 1rem;
	}
	.editbox .item .box .addedbox table tr th{
		min-width: 13rem;
	}
	.contrasttable .c-model{
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		box-sizing: border-box;
	}
	.itemtable tr td,
	.contrasttable tr td{
		font-size: 1rem;
	}
	.itemtable .loadlink img {
		margin-right: 0.5rem;
		margin-top: -0.25rem;
		width: 1.25rem;
	}
	.table_compare .compareicon{
		height: 3.125rem;
	}
	.editbox .item .comparebox{
		padding: 0.75rem;
	}
	.editbox .item .comparebox .stitle {
		font-size: 0.875rem;
		padding-bottom: 0.375rem;
		margin-bottom: 0.9375rem;
	}
	.editbox .item .comparebox ul {
		max-height: 12.5rem;
	}
	.editbox .item .comparebox ul li a {
		padding-left: 1.5625rem;
		background: url(../image/icon31.png) left center no-repeat;
		background-size: 1rem auto;
		font-size: 0.875rem;
	}
	.editbox .item .comparebox ul li.on a,
	.editbox .item .comparebox ul li:hover a {
		background: url(../image/icon32.png) left center no-repeat;
		background-size: 1rem auto;
	}
	.custom-layer{
		width: 90% !important;
		left: 5% !important;
	}
	.pop-up .content{
		padding: 2.5rem;
	}
	.pop-up .content .contentbox{
		padding: 2.5rem 0;
	}
	.pop-up .content .title{
		padding-bottom: 1.25rem;
	}
	.pop-up .content .wrap .imgbox{
		width: 25%;
	}
	.pop-up .content .wrap .textbox{
		width: 75%;
		padding-left: 2rem;
	}
	.pop-up .content .wrap .textbox h3 {
		font-size: 1.25rem;
	}
	.pop-up .content .wrap .textbox ul {
		margin-top: 0.9375rem;
		font-size: 1rem;
	}
	.pop-up .content .wrap .textbox ul li {
		margin-right: 1.875rem;
	}
	.pop-up .content .wrap .textbox ul li span {
		font-size: 1.5rem;
	}
	.pop-up .content .item {
		font-size: 1rem;
		padding-top: 1.5625rem;
		padding-bottom: 1.125rem;
	}
	.pop-up .content .item:last-child {
		padding-bottom: 1.5625rem;
	}
	.pop-up .content .item .sp {
		padding-top: 0.75rem;
		margin-right: 1.125rem;
	}
	.pop-up .content .item ul,
	.pop-up .content .item .quantity-controls{
		font-size: 0.875rem;
	}
	.pop-up .content .item .quantity-controls button {
		width: 1.875rem;
		height: 2.625rem;
	}
	
	.pop-up .content .item .quantity-controls button#decreaseQuantity {
		margin-right: 0.625rem;
	}
	
	.pop-up .content .item .quantity-controls button#increaseQuantity {
		margin-left: 0.625rem;
	}
	
	.pop-up .content .item .quantity-controls input {
		width: 3.75rem;
		height: 2.625rem;
		padding-left: 0.3125rem;
		padding-right: 0.3125rem;
	}
	.pop-up .content .item ul li {
		min-width: 3.75rem;
		min-height: 2.625rem;
		margin-bottom: 0.625rem;
		margin-right: 0.625rem;
		padding: 0 1.25rem;
	}
	
	#addToCartBtn {
		margin-top: 2.1875rem;
	}
	
	.pop-up .layui-layer-close{
		width: 1.875rem;
		height: 1.875rem;
	}
	.product_details .description {
		margin-top: 4.6%;
	}
	.editbox .item .box .zoomBox .zoomBtn{
		/*right: 0;
    	top: 0;*/
	}
	
	
	.application-area .part ul li{
		width: 100%;
	    margin-right: 0;
	    margin-bottom: 5%;
	    padding: 2.5rem 2rem 3rem;
	}
	.application-area .part ul li .title h3{
		padding-bottom: 1.125rem;
	}
	.application-area .part ul li .title h3:before{
		height: 0.2rem;
	}
	.application-area .part ul li dl{
		margin-top: 2rem;
		gap: 0.8rem;
	}
	.application-area .part ul li dl dd{
		/*min-width: calc((100% - 2.4rem) / 4);*/
		min-width: 1px;
	}
	.application-area .part ul li dl dd a{
		min-height: 2.5rem;
	    padding: 0 1rem;
	    font-size: 1rem;
	}
	.application-details{
		margin-top: 8%;
	}
	.application-details .box{
		padding: 2.2rem;
	}
	.application-details .box .title{
		margin-bottom: 2rem;
	}
	.application-details .box .imgbox{
		padding: 0;
	}
	.application-details .wrap .w1{
		padding: 2.5rem;
	}
	.application-details .wrap .w2{
		margin-top: 7%;
	}
	.application-details .wrap .item .related-documents{
		margin-top: 5%;
	}
	.application-details .wrap .subtit{
		margin-bottom: 1.25rem;
	}
	.related-products ul li{
		flex-wrap: wrap;
		padding-top: 1.8rem;
		padding-bottom: 1.8rem;
	}
	.related-products ul li .text{
		width: 100%;
	}
	.related-products ul li .size18{
		margin-top: 0.375rem;
	}
	.related-products ul li .btns{
		width: 100%;
		margin-top: 1.5rem;
	}
	
	.related-products ul li .btns .btn {
		min-width: 7.5rem;
		height: 2.5rem;
		margin-right: 0.625rem;
		padding: 0 1rem;
		border-radius: 0.25rem;
	}
	
	.related-products ul li .btns .btn img {
		margin-left: 0.5rem;
	}
	
	.related-products ul li .btns .btn.detailsbtn img {
		max-width: 0.5rem;
	}
	
	.related-products ul li .btns .btn.manualbtn img {
		max-width: 0.875rem;
	}
	.currency-nav{
		top: 4.375rem;
	}
	.currency-nav ul li a {
		min-width: 8rem;
		height: 3.125rem;
		font-size: 1rem;
		padding: 0 1.25rem;
	}
	.cultivate-nav ul li{
		margin-right: 0.625rem;
	}
	.cultivate-nav ul li a {
	    min-width: 9rem;
	    height: 3.125rem;
	    font-size: 1rem;
	    padding-left: 1rem;
	    padding-right: 1rem;
	}
	.article .box{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.recommend{
		width: 100%;
		margin-top: 7%;
	}
	.recommend ul{
		margin-top: 1.5rem;
		margin-bottom: 7%;
	}
	.recommend ul li a{
		padding-top: 1.3rem;
		padding-bottom: 1.3rem;
	}
	.recommend ul li .t1{
		margin-right: 1.25rem;
	}
	.recommend ul li .t3{
		margin-left: 1.25rem;
	}
	.article .sidebox{
		width: 100%;
	}
	.article-search{
		margin-top: 0;
	}
	.article-search form{
		max-width: 31.25rem;
		margin-left: auto;
		margin-right: auto;
	}
	.article-search .text{
		font-size: 1rem;
	    padding: 0 1.25rem;
	    height: 3.125rem;
	    width: calc(100% - 3.75rem)
	}
	.article-search .btns {
		width: 3.75rem;
		height: 3.125rem;
	}
	.article-search .btns img{
		max-width: 1.125rem;
	}
	.article .sidebox .wrap{
		margin-top: 2.5rem;
	}
	.article .sidebox .wrap .subtit{
		padding-bottom: 1.125rem;
	}
	.article .sidebox .wrap ul li{
		padding-top: 1.2rem;
		padding-bottom: 1.2rem;
	}
	
	.technical .box .ahead, 
	.technical .box .aside-item ul li,
	.search-result .aside-item ul li{
		padding: 1.7rem;
	    border-radius: 0.625rem;
	    margin-bottom: 1.125rem;
	}
	.technical .box .ahead .title{
		flex-wrap: wrap;
		/*padding-bottom: 1.5rem;*/
		padding-bottom: 0.875rem;
	}
	.technical .box .ahead .title span{
		width: 100%;
		font-size: 2.5vmin;
	}
	.forum-search{
		width: 100%;
		margin-top: 0.875rem;
		margin-bottom: 0.875rem;
	}
	.forum-search form{
		max-width: 31.25rem;
	}
	.forum-search .text {
		padding: 0 1.25rem;
		height: 3.125rem;
		width: calc(100% - 3.75rem);
		font-size: 1rem;
	}
	.forum-search .btns {
		width: 3.75rem;
		height: 3.125rem;
	}
	.forum-search .btns img{
		max-width: 1.125rem;
	}
	.technical .box .ahead .textbox{
		padding-top: 1.5rem;
		font-size: 1.125rem;
	}
	.technical .box .aside-item .forum-content .text,
	.search-result .aside-item .forum-content .text{
		margin-top: 1.875rem;
	}
	.technical .box .aside-item .forum-content .text, 
	.technical .box .aside-item .forum-content .text a,
	.search-result .aside-item .forum-content .text,
	.search-result .aside-item .forum-content .text a{
		font-size: 1.125rem;
	}
	.technical .box .ahead .sort{
		margin-top: 1.875rem;
	}
	.technical .box .ahead .sort a{
		margin-right: 2.25rem;
	    font-size: 1rem;
	}
	.technical .box .ahead .sort a i{
		width: 1rem;
	    height: 1rem;
	    margin-right: 0.5625rem;
	}
	.technical .box .aside-item .forum-content .tagbox a,
	.search-result .aside-item .forum-content .tagbox a{
		min-width: 7.5rem;
	    height: 2.5rem;
	    border-radius: 1.25rem;
	    font-size: 1rem;
	    padding: 0 1.25rem;
	}
	.draft-operate .btn{
		margin-left: 1.5rem;
		font-size: 1rem;
	}
	.draft-operate .btn i{
		width: 1rem;
		height: 1rem;
		margin-right: 0.625rem;
	}
	.technical .box .aside-item .forum-content .below,
	.search-result .aside-item .forum-content .below{
		margin-top: 1.875rem;
	}
	.technical .box .aside-item .forum-content .below .issuer .icon,
	.search-result .aside-item .forum-content .below .issuer .icon{
		margin-right: 0.625rem;
	}
	.technical .box .aside-item .forum-content .below .issuer .icon img,
	.search-result .aside-item .forum-content .below .issuer .icon img{
	    width: 1.375rem;
	}
	.bar-content .sp{
		margin-left: 1rem;
		font-size: 0.875rem;
	}
	.bar-content img{
		margin-right: 0.5rem;
	}
	.technical .box .aside-item .forum-content .below .issuer, 
	.technical .box .aside-item .forum-content .below .issuer a,
	.search-result .aside-item .forum-content .below .issuer,
	.search-result .aside-item .forum-content .below .issuer a{
		font-size: 1rem;
	}
	.technical .box .aside-item .collect a i{
		width: 0.8125rem;
	    height: 0.8125rem;
	    margin-right: 0.5rem;
	}
	.technical .box .aside-item .collect a span {
    	font-size: 0.875rem;
    }
    .question-comments .wrap{
		padding: 1.7rem;
	}
	.comments-article .title {
    	margin-bottom: 1.5rem;
    	padding-bottom: 1.25rem;
   	}
	.comments-article .title .t1{
		font-size: 2.5vmin;
	}
	.comments-article .title .t2{
		margin-top: 1.25rem;
    	font-size: 1rem;
	}
	.comments-article .title .t2 span img{
		width: 1.25rem;
		height: 1.25rem;
	}
	.comments-article .textbox{
		font-size: 1rem;
    	padding-bottom: 1.5rem;
	}
	.article-bar{
		margin-top: 1.5rem;
	}
	.comments-article .title .t2 span img{
		width: 1.375rem;
	}
	.article-bar img{
		max-width: 1.25rem;
		margin-right: 0.5rem;
	}
	.article-bar .sp{
		font-size: 1rem;
		margin-right: 1.25rem;
	}
	.question-comments .edit-content{
		margin-top: 2.5rem;
	}
	.comment-list .comment-list-head{
		margin-bottom: 1.5rem;
    	padding-bottom: 1.125rem;
	}
	.comment-list .comment-classify a{
		font-size: 1rem;
	    padding-right: 1rem;
	    margin-right: 1rem;
	}
	.comment-list ul li {
	    margin-bottom: 1.5rem;
	    padding-bottom: 1.125rem;
	}
	.comment-list ul li .text{
		font-size: 1rem;
	}
	.comment-list-bar{
		margin-top: 1.25rem;
	}
	.comment-list-bar .avatarbox .sp{
		font-size: 1rem;
	}
	.comment-list-bar .avatarbox span img{
		max-width: 1.25rem;
	}
	.comment-list-bar .avatarbox span .ic1{
		width: 1.25rem;
		height: 1.25rem;
	}
	.comment-list-bar .avatarbox span .ic2{
		width: 1.125rem;
    	margin-left: 0.3rem;
	}
	.profile-intro{
		padding: 1.8rem 1.7rem;
	    border-radius: 0.625rem;
	    margin-bottom: 1.125rem;
	}
	.profile-intro .user-info .icon{
		width: 5.625rem;
		height: 5.625rem;
		margin-bottom: 1.5rem;
	}
	.profile-intro .user-info .name{
		font-size: 1.25rem;
	}
	.profile-intro .data-info {
	    margin-top: 1.5rem;
	    padding: 1rem 0;
	    border-radius: 0.625rem;
	}
	.profile-intro .data-info dl{
		font-size: 1.3vmin;
	}
	.profile-intro .data-info dl dd{
		margin-top: 0.5rem;
	}
	.profile-intro .btn-info{
		margin-top: 1.25rem;
	}
	.profile-intro .btn-info .btn{
		max-width: 10vmin;
		height: 3.5vmin;
		border-radius: 1.75vmin;
		font-size: 1.4vmin;
	    margin: 0 0.7vmin;
	}
	.contact-info{
		padding: 1.7rem;
	}
	.contact-info .textbox .t1{
		font-size: 1.25rem;
	}
	.contact-info .textbox .t2{
		margin-top: 0.625rem;
    	font-size: 1rem;
	}
	.contact-info .btns{
		margin-top: 1.25rem;
	}
	.contact-info .btns a{
		min-width: 10vmin;
		height: 3.5vmin;
		border-radius: 1.75vmin;
		font-size: 1.4vmin;
	}
	.post-editor .edit-content{
		padding: 1.7rem 1.7rem 3rem;
	}
	.edit-content .layui-form-item .subtitle{
		/*font-size: 1.5rem;
		margin-bottom: 1.5rem;*/
		font-size: 2.4vmin;
		margin-bottom: 2.4vmin;
	}
	.comment-list .comment-list-head .subtitle .t1{
		font-size: 2.4vmin;
	}
	.edit-content .layui-form-item .layui-input-block{
		min-height: 2.25rem;
	}
	.edit-content .layui-form-item .layui-input-block .layui-input {
	    font-size: 1rem;
	    min-height: 4.375rem;
	    border-radius: 0.625rem;
	}
	.edit-content .layui-form-item.text{
		margin-top: 2.8rem;
	}
	#editor—wrapper, .editor—wrapper {
	    border-radius: 0.625rem;
	}
	#editor-container { 
		height: 16.875rem; 
	}
	.question-comments #editor-container1,
	.question-comments #editor-container2{
		height: 15rem;
	}
	.edit-content .layui-form-item.other{
		margin-top: 1.875rem;
	}
	.edit-content .layui-form-item.other .layui-input-block .layui-form-checkbox[lay-skin=primary] {
		padding-left: 1.5rem;
	}
	.edit-content .layui-form-item.other .layui-input-block .layui-form-checkbox[lay-skin=primary]>div{
		font-size: 1rem;
	}
	.edit-content .layui-form-item.other .layui-form-checkbox[lay-skin=primary]>i{
		width: 1rem;
		height: 1rem;
	}
	.edit-content .layui-form-item.other .layui-btn{
		/*min-width: 9rem;
		height: 2.8125rem;
		border-radius: 1.4375rem;
		font-size: 1rem;*/
		min-width: 10vmin;
        height: 3.5vmin;
        border-radius: 1.75vmin;
        font-size: 1.4vmin;
	}
	.cultivate .box{
		margin-top: 3.125rem;
	}
	.cultivate .box ul{
		margin-bottom: 3.125rem;
	}
	.cultivate .box ul li,
	.search-result .cultivate ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.cultivate .box ul li:nth-child(3n),
	.search-result .cultivate ul li:nth-child(3n){
		margin-right: 4%;
	}
	.cultivate .box ul li:nth-child(2n),
	.search-result .cultivate ul li:nth-child(2n){
		margin-right: 0;
	}
	.cultivate .box ul li .textbox,
	.search-result .cultivate ul li .textbox{
		padding: 2rem 1.8rem;
	}
	.cultivate .box ul li .textbox .text,
	.search-result .cultivate ul li .textbox .text{
		margin-bottom: 1.5rem;
	}
	.cultivate .box ul li .textbox .t1 span,
	.search-result .cultivate ul li .textbox .t1 span{
		font-size: 1.5rem;
	}
	.cultivate .box ul li .textbox .t2,
	.search-result .cultivate ul li .textbox .t2{
		margin-top: 0.75rem;
		font-size: 1rem;
	}
	.cultivate .box ul li .textbox .more span,
	.search-result .cultivate ul li .textbox .more span{ 
		font-size: 1rem;
	}
	.cultivate .box ul li .imgbox .mask img,
	.search-result .cultivate ul li .imgbox .mask img{
		width: 2.625rem;
	}
	.cultivate-details .title .t1{
		font-size: 1.875rem;
	}
	.cultivate-details .box{
		margin-top: 2.5rem;
	    font-size: 1rem;
	}
	.detail-share{
		margin-top: 1.875rem;
	}
	.detail-share a {
	    font-size: 1.125rem;
	}
	.detail-share a img {
	    margin-right: 0.625rem;
	    width: 1.25rem;
	}
	
	/*.mainnew .swiper .swiper-slide{
		flex-wrap: wrap;
	}
	.mainnew .swiper .imgbox{
		width: 100%;
	}*/
	.mainnew .swiper .textbox{
		/*width: 100%;*/
		padding: 3vmin;
	}
	.mainnew .swiper .textbox .t1{
		font-size: 1.5vmin;
	}
	.mainnew .swiper .textbox .t2{
		font-size: 2vmin;
	}
	.mainnew .swiper .textbox .t2 a{
		margin-top: 1vmin;
	}
	.mainnew .swiper .textbox .t3 {
    	margin-top: 1vmin;
    	font-size: 1.4vmin;
    }
	.mainnew .swiper .textbox .current_btn{
		margin-top: 1.5rem;
	}
	.mainnew .swiper .textbox .current_btn a{
		min-width: 12vmin;
		font-size: 1.4vmin;
	}
	.mainnew .swiper .textbox .current_btn a span{
		height: 4.2vmin;
	}
	.mainnew .swiper .textbox .current_btn a i{
		width: 4.2vmin;
		height: 4.2vmin;
	}
	.newlist{
		margin-top: 10%;
	}
	.newlist ul li{
		padding-bottom: 3.8vmin;
    	margin-bottom: 3.8vmin;
	}
	.newlist ul li .date{
		font-size: 1.6vmin;
	}
	.newlist ul li .date .size30{
		font-size: 2.2vmin;
	}
	.newlist ul li .img{
		width: 30%;
	}
	.newlist ul li .textbox .text{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.newlist ul li .textbox .text .size24{
		font-size: 1.8vmin;
	}
	.newlist ul li .textbox .size18{
		margin-top: 1.45vmin;
		font-size: 1.4vmin;
	}
	.newlist ul li .textbox .more{
		margin-top: 2.5vmin;
	}
	.newlist ul li .textbox .more a{
		font-size: 1.4vmin;
	}
	.new-details{
		margin-top: 8%;
	}
	.returndiv{
		display: none;
	}
	.new-details .box{
		display: block;
		padding: 2.4rem;
	}
	.new-details .box .articlebox{
		width: 100%;
	}
	.new-details .box .articlebox .title{
		padding-bottom: 0.75rem;
	}
	.new-details .box .articlebox .title .size30{
    	margin-bottom: 1.25rem;
	}
	.new-details .box .articlebox .title .txt span{
		margin-right: 2.25rem;
    	margin-bottom: 0.9375rem;
	}
	.new-details .box .articlebox .textbox{
		padding-top: 1.875rem;
   	 	padding-bottom: 1.875rem;
	}
	.new-details .box .related-news{
		width: 100%;
		margin-top: 2.5rem;
	}
	.new-details .box .related-news ul{
		margin-top: 1.75rem;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
	}
	.new-details .box .related-news ul li{
		width: calc((100% - 1rem) / 2);
		margin-right: 1rem;
		margin-bottom: 1rem;
	}
	.new-details .box .related-news ul li:nth-child(2n){
		margin-right: 0;
	}
	.new-details .box .related-news ul li .text{
		padding: 0 1.25rem;
		overflow: hidden;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    text-overflow: ellipsis;
	    white-space: normal
	}
	.prvenext{
		padding-top: 2.1875rem;
	}
	.prvenext ul li a {
		width: 100%;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
		font-size: 1.125rem;
	}
	.address .box{
		margin-top: 2.2rem;
	}
	.address .box>ul>li{
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 3%;
	}
	.address .box>ul>li:nth-child(4n){
		margin-right: 3%;
	}
	.address .box>ul>li:nth-child(2n){
		margin-right: 0;
	}
	.address .box ul li .text{
		padding: 2rem;
	}
	.address .box ul li .text .size20{
		/*font-size: 1.25rem;*/
		font-size: 2vmin;
	}
	.address .box ul li .text .size20 span{
		padding-bottom: 0.75rem;
	}
	.address .box ul li .text ul{
		margin-top: 1rem;
		font-size: 1.5625vmin;
	}
	.business .box .img{
		width: 100%;
	}
	/*.business .box .img img{
		width: 130%;
		max-width: 130%;
		margin-left: -15%;
	}
	.business .box .img ul li.a1{
		left: 3%;
    	bottom: 6%;
	}
	.business .box .img ul li.a2 {
	    top: 25%;
	    right: 3%;
	}
	.business .box .img ul li.a3 {
	    top: 48%;
	   	right: -2%;
        width: 30%;
	}
	.business .box .img ul li.a4 {
	    bottom: 0%;
	    right: 6%;
	}*/
	.business .box .img ul li{
		width: 38%;
	}
	.business .box .img ul li.a1{
		left: 1.5%;
        top: 63%;
	}
	.business .box .img ul li.a2 {
        top: 22%;
        right: 1%;
    }
	.business .box .img ul li.a3 {
	    top: 46%;
	   	right: -2.5%;
	   	width: 35%;
	}
	.business .box .img ul li.a4 {
	    top: 70%;
	    right: 4%;
	}
	.business .box .img ul li .title span{
		font-size: 1.7vmin;
	}
	.business .box .img ul li .text {
	    padding: 1vmin 2vmin;
	    font-size: 1.3vmin;
	}
	.business .box .img ul li .text:before {
		top: 6.8359375vmin;
		width: 1.8vmin;
		height: 1.8vmin;
	}
	.business .box .img ul li.a1 .text:before {
		right: -0.6vmin;
	}
	.business .box .img ul li.a2 .text:before,
	.business .box .img ul li.a3 .text:before,
	.business .box .img ul li.a4 .text:before {
		left: -0.6vmin;
	}
	.business .box .img ul li .text:after {
		width: 2vmin;
	}
	.business .box .img ul li .title span {
		padding-bottom: 0.5vmin;
	}
	.business .box .img ul li .title span:before {
		height: 0.125rem;
	}
	
	.business .box .img ul li dl {
		margin-top: 0.7vmin;
	}
	.business .box .img ul li dl dd {
		margin-bottom: 0.1vmin;
	}
	.business .box .img ul li i {
		top: 7.6171875vmin;
		width: 1.171875vmin;
		height: 1.171875vmin;
	}
	.business .box .img ul li.a1 {
		padding-right: 4%;
	}
	.business .box .img ul li.a2,
	.business .box .img ul li.a3,
	.business .box .img ul li.a4 {
		padding-left: 3.5%;
	}
	.business .box .img ul li.a2 i,
	.business .box .img ul li.a3 i,
	.business .box .img ul li.a4 i {
		left: -0.5859375vmin;
	}
	.business .box{
		margin-top: 4%;
	}
	.address .box {
		margin-top: 3.90625vmin;
	}
	.address .box ul li .text {
		padding: 3vmin 3.5vmin;
	}
	.address .box ul li .text .size20 span {
		padding-bottom: 1.171875vmin;
	}
	.address .box ul li .text .size20 span:before {
		height: 0.125rem;
	}
	.address .box ul li .text ul {
		margin-top: 1.171875vmin;
	}
	.partner .box{
		margin-top: 3.90625vmin;
	}
	.partner .box ul li{
		width: 48.5%;
	    margin-right: 3%;
	    margin-bottom: 3%;
	}
	.partner .box ul li:nth-child(4n){
		margin-right: 3%;
	}
	.partner .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.partner .box ul li .img {
		min-height: 1px;
	}
	.partner .box ul li .text {
		padding-top: 0.9375rem;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-bottom: 2.1875rem;
	}
	.partner .box ul li .text .title{
		font-size: 2.2vmin;
	}
	.partner .box ul li .text dl {
		margin-top: 1vmin;
	}
	.partner .box ul li .text dl dd {
		margin-bottom: 0.5vmin;
	}
	
	.curtitle .t2 {
	    margin-top: 0.9375rem;
	}
	.promote .box{
		margin-top: 5%;
	}
	.promote .box ul li:nth-child(odd) .textbox {
		padding-left: 5%;
	}
	.promote .box ul li:nth-child(even) .textbox {
		padding-right: 5%;
	}
	.promote .box ul li .textbox .t2{
		margin-top: 2vmin;
	}
	.promote .box ul li .textbox .t3{
		margin-top: 1vmin;
	}
	.career-path .wrap .imgbox .animatedimg ul li .t2 img{
		max-width: 5vmin;
	}
	.corporate-culture .box{
		margin-top: 5%;
	}
	.corporate-culture .box ul li .textbox{
		padding: 2.5vmin 2vmin;
	}
	.corporate-culture .box ul li .textbox .t2{
		margin-top: 0.75rem;
	}
	.recruit .box{
		margin-top: 5%;
	}
	.recruit .box ul li{
		padding: 2.5vmin;
	}
	.recruit .box ul li .subtit{
		padding-bottom: 1.125rem;
	}
	.recruit .box ul li .text{
		margin-top: 1.25rem;
	}
	.recruit .box ul li .more{
		margin-top: 1.75rem;
	}
	.followbox .wrap{
		padding: 5vmin 3.90625vmin;
	}
	.followbox .wrap ul{
		margin-top: 1.25rem;
	}
	.followbox .wrap ul li img{
		max-width: 15vmin;
	}
	.service-edit .title h3{
		font-size: 2.5vmin;
	}
	.service-edit .title h3:before{
		height: 0.25rem;
	}
	.service .leftsidebar>ul>li>a i,
	.service .leftsidebar>ul>li .title i{
		width: 0.625rem;
		height: 0.875rem;
	}
	.service .leftsidebar>ul>li>a,
	.service .leftsidebar>ul>li .title{
		min-height: 3.125rem;
		font-size: 1rem;
	}
	.service .leftsidebar ul li ul{
		padding-top: 0.9375rem;
		padding-bottom: 0.625rem;
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
	}
	.service .leftsidebar ul li ul li a{
		min-height: 2.5rem;
		font-size: 0.875rem;
	}
	.service .leftsidebar ul li ul li .title{
		font-size: 0.9375rem;
		min-height: 2.5rem;
	}
	.service .leftsidebar ul li ul li ul{
		padding-top: 0;
		padding-bottom: 0.625rem;
	}
	.service-edit .text{
		padding-top: 2.25rem;
		font-size: 1.125rem;
	}
	
	.system .box .swiper:before {
		width: 175%;
		height: 1.875rem;
	}
	.system .box .swiper .swiper-slide {
		gap: 1.875rem;
	}
	.system .box .swiper .imgbox {
		padding-top: 2.1875rem;
		padding-bottom: 2.1875rem;
	}
	.system .box .swiper .textbox {
		padding-left: 1.25rem;
		padding-right: 0.625rem;
		padding-top: 2.1875rem;
		padding-bottom: 2.1875rem;
	}
	.system .box .swiper .textbox .t2 {
		margin-top: 0.75rem;
	}
	.architecture .box{
		display: block;
	}
	.architecture .box .left_w{
		width: 100%;
		padding: 2rem;
		background: #FFFFFF url(../image/img42.png) right bottom no-repeat;
		background-size: auto 79%;
	}
	.architecture .box .left_w .text{
		margin-top: 1.5rem;
		margin-bottom: 4.6875vmin;
	}
	.architecture .box .left_w .text li {
	    padding-top: 1.125rem;
	    padding-bottom: 1.125rem;
	}
	.architecture .box .left_w .img{
		margin-top: 1.5rem;
		gap: 0.975rem;
	}
	.architecture .box .left_w .img li img{
		max-width: 3.125rem;
	}
	.architecture .box .right_w{
		width: 100%;
		margin-top: 0.75rem;
		padding: 2rem;
	}
	.architecture .box .right_w .wrap .w1 {
		min-width: 12.3vmin;
		padding-right: 1.953125vmin;
	}
	.architecture .box .right_w .wrap .w1 li {
		margin-bottom: 3.515625vmin;
	}
	.architecture .box .right_w .wrap .w1 .subtit {
		min-height: 4.8828125vmin;
	}
	.architecture .box .right_w .wrap .w2 ul li {
		min-height: 4.8828125vmin;
		margin-bottom: 3.515625vmin;
	}
	.architecture .box .right_w .wrap .w2 .w2-1 li {
		width: calc((100% - 14.0625vmin) / 4);
		margin-right: 4.39453125vmin;
	}
	.architecture .box .right_w .wrap .w2 ul li:before,
	.architecture .box .right_w .wrap .w2 ul li:after {
		width: 4.39453125vmin;
		height: 3.515625vmin;
	}
	.architecture .box .right_w .wrap .w2 .w2-1 li:before {
		right: -4.39453125vmin;
		background: url(../image/icon67.png) center no-repeat;
		background-size: 1.7578125vmin auto;
	}
	
	.architecture .box .right_w .wrap .w2 .w2-1 li:after {
		bottom: -3.515625vmin;
	}
	
	.architecture .box .right_w .wrap .w2 .w2-1 li:nth-child(1):after,
	.architecture .box .right_w .wrap .w2 .w2-1 li:nth-child(2):after,
	.architecture .box .right_w .wrap .w2 .w2-1 li:nth-child(3):after,
	.architecture .box .right_w .wrap .w2 .w2-1 li:nth-child(4):after {
		background: url(../image/icon68.png) center no-repeat;
		/* background-size: 0.6rem auto; */
		background-size: 0.9765625vmin auto;
	}
	
	.architecture .box .right_w .wrap .w2 .w2-1 li span {
		min-height: 4.39453125vmin;
	}
	.architecture .box .right_w .wrap .w2 .w2-2 li {
		width: calc((100% - 1.25rem) / 3);
		margin-right: 0.625rem;
		/* padding: 1.25rem; */
		padding: 1.953125vmin;
	}
	.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(1):before {
		top: -3.515625vmin;
		background: url(../image/icon69.png) center no-repeat;
		/* background-size: 0.6rem auto; */
		background-size: 0.9765625vmin auto;
	}
	
	.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(2):before {
		top: -3.515625vmin;
		background: url(../image/icon69.png) center no-repeat;
		/* background-size: 0.6rem auto; */
		background-size: 0.9765625vmin auto;
	}
	
	.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(2):after {
		top: -3.515625vmin;
		background: url(../image/icon69.png) center no-repeat;
		/* background-size: 0.6rem auto; */
		background-size: 0.9765625vmin auto;
	}
	
	.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(3):before {
		top: -3.515625vmin;
		background: url(../image/icon69.png) center no-repeat;
		/* background-size: 0.6rem auto; */
		background-size: 0.9765625vmin auto;
	}
	
	.architecture .box .right_w .wrap .w2 .w2-2 li:nth-child(3):after {
		top: -3.515625vmin;
		background: url(../image/icon68.png) center no-repeat;
		/* background-size: 0.6rem auto; */
		background-size: 0.9765625vmin auto;
	}
	
	.architecture .box .right_w .wrap .w2 .w2-3 li {
		/* min-width: calc((100% - 1.25rem) / 3); */
		min-width: 1px;
		width: calc((100% - 1.25rem) / 3);
		margin-right: 4.39453125vmin;
		padding: 0 1rem;
	}
	
	.architecture .box .right_w .wrap .w2 .w2-3 li:nth-child(1):before {
		top: -3.515625vmin;
		background: url(../image/icon68.png) center no-repeat;
		/* background-size: 0.6rem auto; */
		background-size: 0.9765625vmin auto;
	}
	
	.architecture .box .right_w .wrap .w2 .w2-3 li:nth-child(1):after {
		top: -3.515625vmin;
		left: -10.4vmin;
		background: url(../image/icon69.png) left top no-repeat;
		/* background-size: 0.6rem auto; */
		background-size: 0.9765625vmin auto;
	}
	
	.architecture .box .right_w .wrap .w2 .w2-3 li i {
		top: -3.515625vmin;
		left: -10vmin;
		width: 10vmin;
		height: 5.859375vmin;
	}
	
	.architecture .box .right_w .wrap .w2 .w2-3 li:nth-child(2):before {
		top: -3.515625vmin;
		background: url(../image/icon68.png) center no-repeat;
		/* background-size: 0.6rem auto; */
		background-size: 0.9765625vmin auto;
	}
	
	.architecture .box .right_w .wrap .w2 .w2-3 li:nth-child(2):after {
		left: -4.39453125vmin;
		background: url(../image/icon70.png) center no-repeat;
		/*background-size: 1.125rem auto;*/
		background-size: 1.7578125vmin auto;
	}
	.core-technology .box{
		width: 100%;
	}
	.core-technology .box ul li {
		/* width: 40%; */
		margin-bottom: 0.75rem;
	}
	.core-technology .box ul li:nth-child(3),
	.core-technology .box ul li:nth-child(4) {
		/* width: 38%; */
	}
	.core-technology .box ul li:nth-child(odd) .text {
		padding-right: 5.625vmin;
	}
	
	.core-technology .box ul li:nth-child(even) .text {
		padding-left: 5.625vmin;
	}
	.core-technology .box ul li .icon{
		margin-top: -2.7vmin;
	}
	.core-technology .box ul li .icon span{
		width: 7vmin;
		height: 7vmin;
	}
	.core-technology .box ul li .icon span img{
		max-width: 38%;
	}
	.core-technology .box .curtitle{
		width: 35%;
		padding-bottom: 35%;
		bottom: 3%;
	}
	.core-technology .box .curtitle .t1{
		width: 48%;
		height: 48%;
	}
	.technical-patents .textbox{
		top: 10%;
	}
	.technical-patents .textbox .text{
		margin-top: 1%;
	}
	.technical-patents .textbox .text .sp2{
		margin-top: 1vmin;
	}
	.technical-patents .textbox .text .sp2 span{
		font-size: 4.2vmin;
	}
	
	.introduce .box{
		flex-wrap: wrap;
		margin-top: 3.90625vmin;
	}
	.introduce .videoimg{
		width: 100%;
	}
	.introduce .videoimg .playicon{
		width: 3.3125rem;
	}
	.introduce .textbox{
		width: 100%;
		margin-top: 2.5rem;
	}
	.introduce .about-num {
		margin-top: 7%;
	}
	.introduce .about-num ul li {
		margin-bottom: 1.875rem;
		padding-bottom: 1.5rem;
	}
	.introduce .about-num ul li .t1 .icon {
		margin-right: 1.875vmin;
	}
	.introduce .about-num ul li .t1 .icon img {
		max-width: 2.9296875vmin;
	}
	.introduce .about-num ul li .t1 .text .timer {
		font-size: 5vmin;
	}
	.introduce .about-num ul li .t1 .text .sp {
		margin-left: 0.625rem;
		font-size: 1.953125vmin;
	}
	.ability .box ul li{
		margin-top: 0;
		margin-bottom: 2%;
	}
	.ability .box ul li:nth-child(1),
	.ability .box ul li:nth-child(5) {
		padding-left: 5%;
	}
	.ability .box ul li:nth-child(2),
	.ability .box ul li:nth-child(6) {
		padding-right: 5%;;
	}
	.ability .box ul li:nth-child(3) {
		padding-left: 0%;
	}
	.ability .box ul li:nth-child(4) {
		padding-right: 0%;
	}
	.ability .box ul li .item {
		width: 56%;
		min-height: 10vmin;
		padding: 1.5vmin 1.7vmin;
		border-radius: 0.625rem;
	}
	.ability .box ul li .item .t1 {
		/* font-size: 1.25rem; */
		font-size: 1.5vmin;
		margin-bottom: 0.8vmin;
	}
	.ability .box ul li .item .t1 img {
		max-width: 2.4vmin;
		margin-right: 1vmin;
	}
	.ability .box ul li .item .t1 span{
		padding-top: 0.4vmin;
	}
	.ability .box ul li .item .t2 {
		font-size: 1.3vmin;
	}
	.ability .circle{
		width: 36%;
		padding-bottom: 36%;
	}
	.culture{
		min-height: 58vmin;
		padding-bottom: 7.8125vmin;
	}
	.culture.padt140{
		padding-top: 7.8125vmin;
	}
	.culture .box{
		margin-top: 6%;
	}
	.culture .box ul li{
		padding: 2.3vmin 2.3vmin 1.4vmin 2.3vmin;
		min-height: 20vmin;
	}
	.culture .box ul li .icon{
		right: 2vmin;
		width: 6.4vmin;
		height: 6.4vmin;
	}
	.culture .box ul li .icon img{
		max-width: 40%;
	}
	.culture .box ul li .text .t1{
		margin-bottom: 2.34375vmin;
		padding-right: 7vmin;
	}
	.culture .box ul li .text .t1 .sp1{
		margin-bottom: 0.625rem;
	}
	.development .box{
		margin-top: 6%;
	}
	.development .history-swiper{
		width: calc(100% - 5.25rem);
	}
	.development .swiper-button-next, .development .swiper-button-prev{
		width: 2.625rem;
		height: 2.625rem;
	}
	.development .body-bottom:after{
		top: calc(1.3125rem - 2px);
		width: 37.25%;
	}
	.development .body-bottom.act1:after{
		width: 37.25%;
	}
	.development .body-bottom:before{
		top: calc(1.3125rem - 2px);
	}
	.development .history-text .icon {
		width: 3.125vmin;
		height: 3.125vmin;
		margin-top: 0.3rem;
	}
	.development .history-text .icon:after {
		width: 1.5625vmin;
		height: 1.5625vmin;
	}
	.development .history-text .size30{
		margin-top: 1rem;
	}
	.development .history-swiper .swiper-slide .item{
		padding: 3vmin;
	}
	.development .history-swiper .date{
		padding-bottom: 1.46484375vmin;
	}
	.development .history-swiper .size24{
		font-size: 2.734375vmin;
	}
	.development .history-swiper .info{
		margin-top: 1.8vmin;
	}
	.throughout{
		display: block;
		padding-top: 7.8125vmin;
		padding-bottom: 14vmin;
		min-height: 1px;
		background-position: bottom center;
	}
	.throughout .curtitle{
		position: static;
	}
	.throughout .box{
		margin-top: 8%;
		margin-right: 0;
	}
	.throughout .box .wrap{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.honor .curtitle{
		top: 7.8vmin;
	}
	.honor .imgbox img{
		min-height: 54vmin;
		object-fit: cover;
	}
	.throughout .box .imgbox img{
		/*max-width: 120%;
		width: 120%;*/
	}
	.throughout .box .wrap{
		overflow: inherit;
	}
	.throughout .box ul li .item {
		border-radius: 1.171875vmin;
		padding: 1.2vmin 1.75vmin 0.5vmin;
		width: 20vmin;
		min-height: 1vmin;
	}
	.throughout .box ul li.a1 .item,
	.throughout .box ul li.a3 .item,
	.throughout .box ul li.a9 .item,
	.throughout .box ul li.a11 .item {
		width: 26.3671875vmin;
		min-height: 1vmin;
	}
	.throughout .box ul li .item .t1{
		font-size: 1.8vmin;
	    padding-bottom: 0.7vmin;
	    margin-bottom: 0.8vmin;
	}
	.throughout .box ul li .item .t2{
		font-size: 1.5vmin;
	}
	.throughout .box ul li.a1{
		top: 0;
	}
	.throughout .box ul li.a1 .line {
	    margin-top: 8%;
	    padding-bottom: 42.3%;
	}
	.throughout .box ul li.a2{
		top: 22%;
	}
	.throughout .box ul li.a2 .line{
		padding-bottom: 37.5%;
	}
	.throughout .box ul li.a3{
		top: 43%;
		width: 45.5%;
	}
	.throughout .box ul li.a3 .line{
		margin-top: 17%;
	}
	.throughout .box ul li.a4{
		/*bottom: 17%;*/
		top: 69.5%;
	}
	.throughout .box ul li.a4 .line {
        margin-top: -15.5%;
        padding-bottom: 25%;
    }
	.throughout .box ul li.a5{
		/*bottom: -4%;*/
		top: 90.5%;
	}
	.throughout .box ul li.a5 .line {
        margin-top: -40.5%;
        padding-bottom: 48%;
    }
    .throughout .box ul li.a6{
    	top: -10%;
    	right: 7%;
    	width: 34.5%;
    }
    .throughout .box ul li.a6 .line{
    	padding-bottom: 84%;
    }
    .throughout .box ul li.a7 {
    	top: 11.2%;
    	right: 13%;
    	width: 31.5%;
    }
    .throughout .box ul li.a7 .line{
    	padding-bottom: 63.5%;
    }
    .throughout .box ul li.a7 .line:before {
    	width: 48%;
    }
   	.throughout .box ul li.a7 .line:after{
    	width: 52%;
    }
    .throughout .box ul li.a8{
    	top: 31.5%;
    	right: 13%;
    	width: 30.8%;
    }
    .throughout .box ul li.a8 .line{
    	padding-bottom: 18.5%;
    }
    .throughout .box ul li.a9{
    	top: 52.5%;
    }
    .throughout .box ul li.a9 .line{
    	margin-top: 6%;
    }
    .throughout .box ul li.a10{
    	/*bottom: 12%;*/
    	top: 73%;
    }
    .throughout .box ul li.a10 .line {
	   	margin-top: -23%;
        padding-bottom: 28%;
	}
	.throughout .box ul li.a11{
		/*bottom: -12.5%;*/
		top: 93.8%;
	}
	.throughout .box ul li.a11 .line {
    	margin-top: -39%;
    	padding-bottom: 48%;
    }
    /*.throughout .box ul li .line span {
		right: -0.1875rem;
		bottom: -0.1875rem;
		width: 0.375rem;
		height: 0.375rem;
	}
	.throughout .box ul li.a4 .line span {
		top: -0.1875rem;
	}
	.throughout .box ul li.a5 .line span {
		top: -0.25rem;
	}
	.throughout .box ul li.a6 .line span,
	.throughout .box ul li.a7 .line span,
	.throughout .box ul li.a8 .line span,
	.throughout .box ul li.a9 .line span,
	.throughout .box ul li.a10 .line span,
	.throughout .box ul li.a11 .line span {
		left: -0.1875rem;
	}
	
	.throughout .box ul li.a10 .line span,
	.throughout .box ul li.a11 .line span {
		top: -0.1875rem;
	}*/
	.throughout .box ul li .line span {
		right: -0.29296875vmin;
		bottom: -0.29296875vmin;
		width: 0.5859375vmin;
		height: 0.5859375vmin;
	}
	.throughout .box ul li.a4 .line span {
		top: -0.29296875vmin;
	}
	.throughout .box ul li.a5 .line span {
		top: -0.390625vmin;
	}
	.throughout .box ul li.a6 .line span,
	.throughout .box ul li.a7 .line span,
	.throughout .box ul li.a8 .line span,
	.throughout .box ul li.a9 .line span,
	.throughout .box ul li.a10 .line span,
	.throughout .box ul li.a11 .line span {
		left: -0.29296875vmin;
	}
	
	.throughout .box ul li.a10 .line span,
	.throughout .box ul li.a11 .line span {
		top: -0.29296875vmin;
	}
	
	
	.filling{
    	padding-top: 4.375rem;
    }
	.register .box{
		min-height: 50vmin;
	}
	.register .box, .binding .box{
		margin-top: 2.25rem;
		padding: 3rem 2rem;
	}
	.register .step-tab ul{
		min-width: 80%;
	}
	.register .step-tab ul li{
		min-width: 8.125rem;
		text-align: center;
	}
	.register .step-tab ul:before,
	.register .step-tab ul li:first-child .serial:before,
	.register .step-tab ul li:last-child .serial:before{
		top: 1.25rem;
	}
	.register .step-tab ul li .serial span {
	    width: 2.5rem;
	    height: 2.5rem;
	    font-size: 1rem;
	}
	.register .step-tab ul li .text{
		margin-top: 0.9375rem;
		font-size: 1.125rem;
	}
	.register .stepbox{
		margin-top: 3.125rem;
	}
	.register .layui-form-item{
		margin-bottom: 0.9375rem;
	}
	.register .layui-form-label,
	.register .layui-form-item .form-item .label {
		width: 7.5rem;
		font-size: 1rem;
	}
	
	.register .layui-input-block input {
		font-size: 1rem;
		padding: 0 1.125rem;
		height: 2.8125rem;
		border-radius: 0.25rem;
	}
	
	.register .verification .btnSendCode {
		width: 8.75rem;
		border-radius: 0.25rem;
		margin-left: 0.625rem;
	}
	
	.register .verification .btnSendCode input {
		height: 2.8125rem;
		font-size: 1rem;
	}
	
	.register .layui-btn {
		height: 2.8125rem;
		border-radius: 0.25rem;
		margin-top: 1.25rem;
		font-size: 1rem;
	}
	
	.register .agreement .layui-form-checkbox[lay-skin=primary] {
		padding-left: 1.5rem;
	}
	
	.register .layui-form-item .layui-form-checkbox[lay-skin=primary]>div,
	.logon .layui-form-item .layui-form-checkbox[lay-skin=primary]>div{
		font-size: 1rem;
	}
	.register .agreement span {
		font-size: 1rem;
	}
	
	.register .agreement a {
		font-size: 1rem;
	}
	
	.register .go-login {
		margin-top: 1.875rem;
		font-size: 1rem;
	}
	.register .prompt-text {
		font-size: 1rem;
	}
	
	.register .box .layui-form-checkbox[lay-skin=primary]>i, 
	.binding .box .layui-form-checkbox[lay-skin=primary]>i{
		width: 1rem;
		height: 1rem;
		font-size: 0.75rem;
	}
	.register .box .layui-form-checkbox>div,
	.binding .box .layui-form-checkbox>div{
		font-size: 1rem;
		padding-right: 0.9375rem;
	}

	.binding .layui-form-label {
		min-width: 6.5625rem;
		font-size: 1rem;
	}
	.binding .layui-input-block input {
		font-size: 1rem;
		height: 2.8125rem;
		border-radius: 0.25rem;
		padding: 0 0.75rem;
	}
	
	.binding .layui-input-block .btnSendCode {
		width: 8.75rem;
		margin-left: 0.625rem;
	}
	
	.binding .layui-input-block .layui-form-radio,
	.register .layui-input-block .layui-form-radio {
		margin-right: 1.875rem;
	}
	
	.binding .layui-input-block .layui-form-radio *,
	.register .layui-input-block .layui-form-radio * {
		font-size: 1rem;
	}
	
	.binding .layui-btn {
		height: 2.8125rem;
		font-size: 1rem;
		letter-spacing: 0.125rem;
		margin-top: 1.25rem;
		border-radius: 0.25rem;
	}
	
	.binding .layui-form-radio.layui-form-radioed:before,
	.register .layui-form-radio.layui-form-radioed:before {
		border-width: 0.25rem;
	}
	
	.binding .layui-form-radio:before,
	.register .layui-form-radio:before {
		width: 1.125rem;
		height: 1.125rem;
		border: 0.125rem solid rgba(0, 0, 0, 0.2);
		margin-right: 0.5rem;
	}
	.logon .box{
		max-width: 32.5rem;
	    min-height: 33.75rem;
	    padding: 3rem 2rem;
	    border-radius: 0.625rem;
	}
	.logon .tab-title li span {
		padding-bottom: 0.75rem;
	}
	.logon .tab-title li span:before {
		height: 0.1875rem;
	}
	.logon .tab-content {
		margin-top: 2.1875rem;
	}
	.logon .tab-content .form-item{
		border-radius: 0.25rem;
		margin-bottom: 0.9375rem;
	}
	.logon .tab-content .form-item .label {
		font-size: 1rem;
		padding: 0 1.125rem;
	}
	.logon .tab-content .form-item input {
		font-size: 1rem;
        padding: 0 1.125rem;
        height: 2.8125rem;
	}
	
	.logon .tab-content .verification .btnSendCode {
		margin-left: 0.625rem;
	}
	
	.logon .tab-content .verification .btnSendCode input {
		width: 8.75rem;
		height: 2.8125rem;
		font-size: 1rem;
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
		border-radius: 0.25rem;
	}
	
	.logon .form-group {
		margin-bottom: 0.9375rem;
		font-size: 1rem;
	}
	
	.logon .form-group .layui-form-checkbox[lay-skin=primary] span {
		font-size: 1rem;
	}
	
	.logon .form-group .layui-form-checkbox[lay-skin=primary] {
		padding-left: 1.5rem;
		min-width: 1.125rem;
		min-height: 1.125rem;
	}
	
	.logon .layui-form-item.btns button {
		height: 2.8125rem;
		font-size: 1rem;
		letter-spacing: 0.125rem;
		border-radius: 1.40625rem;
	}
	
	.logon .otherbox {
		font-size: 1rem;
	}
	
	.login-methods {
		margin-top: 1.5rem;
	}
	
	.login-methods .subtit span {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		font-size: 1rem;
	}
	
	.login-methods ul {
		margin-top: 1.5rem;
	}
	
	.login-methods ul li {
		margin: 0 0.7rem;
	}
	
	.login-methods ul li img {
		max-width: 1.5rem;
	}
	
	.logon .codebox {
		padding-top: 0.9375rem;
		margin-bottom: 3.75rem;
	}
	
	.logon .codebox ul li .img {
		border-radius: 0.625rem;
		padding: 0.75rem;
	}
	.logon .codebox ul li img{
		max-width: 10rem;
	}
	.logon .codebox ul li .text {
		margin-top: 0.9375rem;
		font-size: 1rem;
	}
	.logon .layui-form-checkbox[lay-skin=primary]>i{
		width: 1rem;
		height: 1rem;
		font-size: 0.75rem;
	}
	.logon .tab-content .verification{
		margin-bottom: 0;
	}
	
	.shoppingcart .box{
		margin-top: 2.25rem;
        padding: 3rem 2rem;
	}
	.view-process ul{
		padding: 1rem 1.25rem;
	}
	.view-process ul li {
		padding-right: 10vmin;
		font-size: 1rem;
	}
	.view-process ul li:before {
		right: 5vmin;
		width: 0.4375rem;
		height: 0.625rem;
		margin-top: -0.125rem;
	}
	.view-process ul li span {
		width: 1.25rem;
		height: 1.25rem;
		margin-top: -0.125rem;
		margin-right: 0.75rem;
		font-size: 0.75rem;
	}
	.deliverybtns .btn {
		min-width: 8rem;
		height: 2.8125rem;
		margin-right: 0.9375rem;
		margin-bottom: 1.125rem;
		padding: 0 1.125rem;
		border-radius: 0.25rem;
		font-size: 1rem;
	}
	.refresh-btn a{
		font-size: 1rem;
	}
	.refresh-btn a img{
		margin-right: 0.625rem;
		width: 1.0625rem;
	}
	.shoppingcart .wrap .item {
		margin-bottom: 2.5rem;
	}
	.shoppingcart .wrap .item .subtit{
		margin-bottom: 1.5rem;
	}
	.shoppingcart .wrap .item .layui-form-con{
		overflow-x: auto;
	}
	.c-table{
		min-width: 1200px;
	}
	.c-selectbox{
		padding-left: 0.6rem;
	}
	.c-selectbox .layui-form-checkbox[lay-skin=primary]>i{
		width: 1rem;
	    height: 1rem;
	    line-height: 0.875rem;
	    font-size: 0.75rem;
	    border-radius: 0.125rem;
	}
	.c-selectbox .layui-form-checkbox[lay-skin=primary]>div{
		font-size: 1rem;
		padding-right: 0.9375rem;
    	line-height: 1.125;
	}
	
	
	.c-selectbox .layui-form-checkbox[lay-skin=primary] span {
		font-size: 1rem;
	}
	
	.c-selectbox .layui-form-checkbox[lay-skin=primary] {
		padding-left: 1.5rem;
	}
	
	.c-selectbox.delete-btn .layui-form-checkbox[lay-skin=primary] {
		padding-left: 3.375rem;
		background: url(../image/icon82.png) left 1.75rem center no-repeat;
		background-size: 1.0625rem auto;
		width: 1rem;
		height: 1rem;
	}
	.c-selectbox.delete-btn .layui-form-checkbox[lay-skin=primary]>div{
		padding-top: 0.25rem;
		font-size: 1rem;
	}
	.c-selectbox.delete-btn .layui-form-checkbox>i{
		top: 0.25rem;
	}

	
	
	.c-table thead th {
		font-size: 1rem;
		padding: 0.5rem 0.5rem 0.5rem 0.3125rem;
		height: 3.125rem;
	}
	.c-table td {
		padding: 1.5rem 0.5rem 1.5rem 0.3125rem;
		font-size: 0.875rem;
	}
	.c-price-gradient dd {
		margin-bottom: 0.625rem;
	}
	
	.c-price-gradient dd .t1 {
		margin-right: 0.625rem;
	}
	.c-stock .t2 {
		margin-top: 0.375rem;
		font-size: 0.875rem;
	}
	.c-quantity {
		height: 1.75rem;
	}
	
	.c-quantity input {
		width: 1.8rem;
		padding-left: 0.1875rem;
		padding-right: 0.1875rem;
		font-size: 1rem;
	}
	.c-quantity .btn {
		width: 1.6rem;
		font-size: 1.5rem;
	}
	
	.c-operate .btn i {
		width: 0.9375rem;
		height: 0.9375rem;
		margin-right: 0.5rem;
	}
	
	.c-operate .btn.deletebtn {
		margin-bottom: 0.8rem;
	}
	
	.shoppingcart .summary {
		padding-top: 1.5625rem;
		padding-bottom: 1.5625rem;
		font-size: 1rem;
	}
	
	.shoppingcart .batch-deletion .c-selectbox {
		padding-left: 1rem;
	}
	
	.shoppingcart .batch-deletion .c-selectbox .layui-form-checkbox[lay-skin=primary] span {
		padding-top: 0.125rem;
		padding-left: 1.5rem;
		background: url(../image/icon82.png) left top no-repeat;
		background-size: 1.0625rem auto;
	}
	
	.shoppingcart .summary .total .layui-input-block {
		margin-left: 2rem;
	}
	.shoppingcart .summary .total .layui-input-block .layui-btn{
		min-width: 7.5vmin;
		height: 2.5rem;
		font-size: 1rem;
		padding: 0 1rem;
		border-radius: 0.25rem;
	}
	
	.reminder {
		margin-top: 3.5rem;
	}
	
	.shoppingcart .rubric {
		font-size: 1.125rem;
		padding-bottom: 0.9375rem;
	}
	
	.reminder ul {
		margin-top: 1.5rem;
	}
	
	.reminder ul li {
		margin-bottom: 1.5rem;
	}
	
	.reminder ul li .t1 {
		font-size: 1rem;
		margin-bottom: 0.1875rem;
	}
	
	.reminder ul li .t2 {
		font-size: 1rem;
	}
	
	.order-infor .headline {
		font-size: 1.5rem;
		padding-bottom: 1rem;
	}
	
	.order-infor .order-item {
		margin-top: 2.5rem;
	}
	
	.order-infor .order-item .add-address a {
		font-size: 1rem;
	}
	
	.order-infor .order-item .addresslist ul li {
		font-size: 1rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
		margin-bottom: 0.9375rem;
	}
	
	.order-infor .order-item .addresslist ul li .t2 {
		padding-left: 1rem;;
	}
	
	.order-infor .order-item .addresslist ul li .t3 {
		padding-left: 1rem;
	}
	
	.order-infor .order-item .addresslist ul li .t4 {
		padding-left: 1rem;
	}
	
	.order-infor .order-item .addresslist ul li .t5 {
		padding-left: 1rem;
	}
	
	.order-infor .order-item .balancebox {
		margin-top: 1.25rem;
		font-size: 1rem;
	}
	
	.order-infor .order-item .balancebox .text {
		font-size: 1.5rem;
	}
	.order-infor .order-item .balancebox .layui-form-item{
		margin-left: 1.25rem;
	}
	.order-infor .order-item .balancebox .layui-form-item .layui-form-switch{
		height: 1rem;
	}
	.order-infor .order-item .balancebox .layui-form-item .layui-form-switch:before{
		height: 0.875rem;
		border-radius: 0.4375rem;
	}
	.order-infor .order-item .balancebox .layui-form-item .layui-form-onswitch:before{
		height: 0.875rem;
		border-radius: 0.4375rem;
	}
	.order-infor .order-item .balancebox .layui-form-item .layui-form-switch>i{
		width: 1rem;
		height: 1rem;
	}
	.order-infor .order-item .balancebox .layui-form-item .layui-form-onswitch>i{
		margin-left: -1rem;
	}
	
	.togglebtn {
		width: 2.625rem;
		border-radius: 0.5rem;
		margin-left: 1.25rem;
	}
	
	.togglebtn .toggle-btn {
		height: 1rem;
		border-radius: 0.5rem;
		border-top: #ffffff solid 0.125rem;
		border-bottom: #ffffff solid 0.125rem;
	}
	
	.togglebtn .toggle-feature {
		height: 0.875rem;
	}
	
	.togglebtn .toggle-feature:before,
	.togglebtn .toggle-feature:after {
		width: 1rem;
		height: 1rem;
	}
	
	.order-item .c-item {
		padding-top: 1.35rem;
		padding-bottom: 1.35rem;
	}
	
	.order-item .c-item .tit {
		font-size: 1rem;
	}
	
	.order-item .c-item .tit .sp {
		margin-left: 0.75rem;
		font-size: 1rem;
	}
	.order-item .c-item .tit .tip {
		margin-left: 0.9375rem;
	}
	
	.order-item .c-item .tit .tip .icon img {
		width: 1rem;
	}
	
	.order-item .c-item .tit .tip .txt {
		min-width: 35rem;
		padding: 1.25rem;
		border-radius: 0.625rem;
	}
	
	.order-item .c-item .tit .tip .txt .t1 {
		font-size: 1rem;
	}
	
	.order-item .c-item .tit .tip .txt .t2 {
		margin-top: 0.375rem;
		font-size: 1rem;
	}
	
	.order-item .c-item .textbox {
		margin-top: 0.9375rem;
	}
	
	.shoppingcart .radio-group .radio-item {
		margin-right: 2rem;
		margin-bottom: 1rem;
	}
	
	.shoppingcart .radio-group .radio-item .text {
		padding-top: 0.1875rem;
		font-size: 1rem;
	}
	
	.shoppingcart .radio-group .radio-item .remarks {
		margin-left: 1.25rem;
		font-size: 1rem;
	}
	
	.shoppingcart .radio-group .radio-item .remarks img {
		margin-right: 0.5rem;
		width: 1rem;
	}
	
	.shoppingcart .radio-group .layui-form-radio {
		font-size: 1rem;
	}
	
	.shoppingcart .radio-group .layui-form-radio.layui-form-radioed:before {
		border-width: 0.25rem;
	}
	
	.shoppingcart .radio-group .layui-form-radio:before {
		width: 1rem;
		height: 1rem;
		border: 0.125rem solid rgba(0, 0, 0, 0.2);
		margin-right: 0.5rem;
	}
	.c-padm .c-item .rowbox ul li {
		padding: 1.25rem;
		margin-top: 1.25rem;
	}
	.c-padm .c-item .rowbox ul li:nth-child(1),
	.order-item .c-item .invoicebox ul li:nth-child(1){
		margin-top: 0.5rem;
	}
	.c-padm .c-item .rowbox ul li .t1 {
		font-size: 1rem;
		padding-left: 0;
		margin-right: 1.25rem;
	}
	
	.c-padm .c-item .rowbox ul li .t2 {
		font-size: 1rem;
	}
	
	.order-item .c-item .invoicebox ul li {
		font-size: 1rem;
		margin-top: 1.25rem;
		padding: 1.25rem;
	}
	
	.order-item .c-item .invoicebox ul li .t1 {
		padding-left: 0;
		margin-right: 1.5rem;
	}
	
	.order-item .c-item .invoicebox ul li .t2 {
		margin-right: 1.5rem;
	}
	
	.order-infor .order-item table th {
		height: 3.5rem;
		font-size: 1rem;
		padding: 0.625rem;
	}
	
	.order-infor .order-item table td {
		padding: 1.2rem 0.625rem;
		font-size: 1rem;
	}
	
	.order-infor .order-item table th:nth-child(1),
	.order-infor .order-item table td:nth-child(1) {
		padding-left: 1.25rem;
	}
	
	.order-infor .order-item .layui-textarea {
		padding: 1.25rem;
		font-size: 1rem;
		height: 8.75rem;
	}
	
	.order-infor .settlement {
		margin-top: 2.5rem;
	}
	
	.order-infor .settlement .t1 {
		font-size: 1.125rem;
	}
	
	.order-infor .settlement .t2 {
		margin-top: 0.9375rem;
		font-size: 1.125rem;
	}
	
	.order-infor .settlement .layui-form-item {
		margin-top: 1.5rem;
	}
	
	.order-infor .settlement .layui-form-item .layui-form-checkbox[lay-skin=primary]>div {
		font-size: 1rem;
	}
	
	.order-infor .settlement .layui-form-item .layui-input-block a {
		font-size: 1rem;
	}
	
	.order-infor .settlement .layui-form-item .layui-btn {
		min-width: 9rem;
		height: 3.125rem;
		border-radius: 0.25rem;
		font-size: 1.125rem;
	}
	.order-infor .order-item .addresslist ul li .t1{
		width: auto;
		min-width: 5rem;
		padding-left: 1.25rem;
	}
	/*.order-infor .order-item .addresslist ul li .t1,
	.order-infor .order-item .addresslist ul li .t2,
	.order-infor .order-item .addresslist ul li .t3,
	.order-infor .order-item .addresslist ul li .t4,
	.order-infor .order-item .addresslist ul li .t5{
		width: auto;
	}*/
	.order-infor .order-item.c-commodity .c-body{
		overflow-x: auto;
	}
	.order-infor .order-item .c-body table{
		min-width: 1100px;
	}
	.order-infor .settlement .layui-form-checkbox[lay-skin=primary]>i,
	.order-infor .settlement .layui-form-item .layui-form-checked[lay-skin=primary] i{
		width: 1rem;
		height: 1rem;
		font-size: 0.75rem;
	}
	.order-infor .settlement .layui-form-item .layui-form-checkbox[lay-skin=primary]{
		margin-bottom: 0 !important;
	}
	
	
	.place-order .title {
		font-size: 1.5rem;
		padding-bottom: 1.125rem;
	}
	
	.place-order .title img {
		width: 1.5rem;
		margin-right: 0.75rem;
	}
	
	.place-order .content {
		margin-top: 1.75rem;
	}
	
	.place-order .content ul li {
		margin-bottom: 2.8vmin;
		font-size: 1rem;
	}
	
	.place-order .content ul li .t1 {
		width: 6.25rem;
	}
	
	.place-order .content ul li .t2 {
		display: flex;
		width: calc(100% -  6.25rem);
	}
	
	.place-order .content ul li .view-btn,
	.place-order .content ul li .print-btn {
		margin-left: 2.5rem;
		font-size: 1rem;
	}
	
	.place-order .content ul li .view-btn img,
	.place-order .content ul li .print-btn img {
		margin-right: 0.5rem;
		width: 1rem;
	}
	
	.place-order .content ul li{
		margin-bottom: 6%;
	}
	.place-order .content ul li .paybox img {
		margin: 0 0.9375rem;
	}
	
	.place-order .content ul li .paybox .change-btn {
		font-size: 1rem;
	}
	
	.place-order .content ul li .codebox {
		margin-top: 1.5rem;;
		min-height: 2.5rem;
	}
	
	.place-order .content ul li .codebox img {
		width: 19.53125vmin;
		border-radius: 0.625rem;
	}
	
	.place-order .layui-form .layui-input-block {
		margin-left: 0.9375rem;
		margin-right: 0.9375rem;
	}
	
	.place-order .layui-form .layui-input-block .layui-btn,
	.payment-popup .layui-btn{
		min-width: 19.53125vmin;
		height: 2.5rem;
		border-radius: 0.25rem;
		font-size: 1rem;
	}
	
	.payment-popup .head {
		padding-bottom: 0.9375rem;
		margin-bottom: 1.5rem;
		font-size: 1.25rem;
	}
	
	.payment-popup .layui-form-item{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 3.125rem;
	}
	
	.advanced-search .box{
		margin-top: 5%;
		flex-wrap: wrap;
	}
	.advanced-search .box .item{
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 3.5%;
		padding: 6%;
	}
	.advanced-search .box .item .search-container{
	    padding: 0 1.5rem;
	    border-radius: 1.875rem;
	    margin-top: 4%;
	}
	.advanced-search .box .item .fa-search, .advanced-search .box .item .clear-search{
		width: 2.5rem;
    	height: 3.625rem;
	}
	.advanced-search .box .item .search-input{
		font-size: 1rem;
	}
	.resultpage1.search-result .box .item{
		margin-bottom: 5%;
	}
	.resultpage2.search-result .box .item{
		margin-bottom: 7%;
	}
	.resultpage1.search-result .box .item:last-child,
	.resultpage2.search-result .box .item:last-child{
		margin-bottom: 0;
	}
	.search-result .box .tablewrap{
		overflow-x: auto;
		padding-bottom: 2.5rem;
	}
	.search-result .box .tablewrap table{
		min-width: 56rem;
		font-size: 1rem;
	}
	.search-result .box .tablewrap table th{
		height: 3.125rem;
	}
	.search-result .box .tablewrap table td{
		padding: 0.375rem;
		height: 4.375rem;
	}
	.search-result .box .tablewrap table td:nth-child(1){
		width: 3.125rem;
	}
	.tablewrap::-webkit-scrollbar {
		height: 0.7vmin;
	}
	.search-result .box .subtitle{
		margin-bottom: 1.5rem;
	}
	.search-result .box .tiptext{
		margin-bottom: 5%;
	}
	.search-result .box .subtitle.border-bot{
		padding-bottom: 1.25rem;
	}
	.search-result .newlist{
		padding-top: 2vmin;
	}
	.search-result .recommend{
		margin-top: 1.25rem;
	}
	.search-result .aside-item ul li{
		margin-bottom: 1.5rem;
	}
}
@media screen and (max-width: 768px){
	html{
		font-size: 15px;
	}
	.index_product .box ul li{
		position: relative;
		/*padding: 1.8rem;*/
	}
	.index_product .box ul li .textbox{
		width: 56%;
	}
	/*.index_product .box ul li .text{
		margin-bottom: 1rem;
	}
	.index_product .box ul li .textbox .size24{
		font-size: 1.25rem;
	}
	.index_product .box ul li .textbox .size18{
		margin-top: 0.75rem;
		font-size: 0.9375rem;
	}*/
	.index_product .box ul li .imgbox{
		position: absolute;
		right: 0;
	}
	/*.index_application .columnwrap ul li span{
	    font-size: 1rem;
	    min-width: 10rem;
	    height: 3rem;
	    padding: 0 1rem;
	}
	.index_application .columnwrap ul li span i {
	    width: 0.5rem;
	    height: 0.6875rem;
	}
	.index_application .columnwrap ul li dl dd span {
        padding: 0 1rem;
        height: 2rem;
        font-size: 0.875rem;
    }
	.index_application .box .item .swiper .text{
		width: 70%;
		padding: 2.5rem 2.2rem 4rem;
		min-height: 1px;
	}
	.index_application .box .item .swiper .text .size16{
		margin-top: 0.75rem;
    	margin-bottom: 1.5rem;
	}*/
	
	.product-list .box{
		flex-wrap: wrap;
	}
	.filter-criteria{
		width: 100%;
		margin-bottom: 5%;
		margin-right: 0;
		padding: 1.8rem;
	}
	.filter-criteria.hide{
		display: none;
	}
	.inside_core.sidebar_on{
		width: 100%;
	}
	.filter-search .text{
		padding: 0 1rem;
		font-size: 1rem;
	}
	.filterItems{
		font-size: 1rem;
	}
	
	.application-details .box .imgbox{
		overflow-x: auto;
	}
	#svg-container{
		min-width: 750px;
	}
	.technical .box{
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.technical .box .left-side{
		width: 100%;
	}
	.technical .box .right-side{
		width: 100%;
	}
	.profile-intro .data-info dl{
		font-size: 1rem;
	}
	.profile-intro .btn-info .btn{
		max-width: 15vmin;
		height: 4.8vmin;
		border-radius: 2.4vmin;
		font-size: 2vmin;
	    margin: 0 1.5vmin;
	}
	.contact-info .btns a{
		min-width: 15vmin;
		height: 4.8vmin;
		border-radius: 2.4vmin;
		font-size: 2vmin;
	}
	.edit-content .layui-form-item.other .layui-btn{
		min-width: 15vmin;
        height: 4.8vmin;
        border-radius: 2.4vmin;
        font-size: 2vmin;
	}
	.cultivate-details .title .t1{
		font-size: 1.75rem;
	}
	.cultivate-details .box{
		margin-top: 2rem;
	}
	.detail-share{
		margin-top: 1.5rem;
	}
	.detail-share a {
	    font-size: 1.1rem;
	}
	.detail-share a img {
	    margin-right: 0.625rem;
	    width: 1.15rem;
	}
	.new-details .box{
		padding: 2rem;
	}
	.prvenext ul li a {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        font-size: 1rem;
    }
	

	.promote .box ul li{
		padding-bottom: 8%;
	}
	.promote .box ul li:nth-child(odd) .textbox {
		padding-left: 5%;
		padding-right: 5%;
		text-align: left;
	}
	.promote .box ul li:nth-child(even) .textbox {
		padding-left: 5%;
		padding-right: 5%;
	}
	.promote .box ul li .maincontainer{
		flex-wrap: wrap;
	}
	.promote .box ul li .imgbox{
		width: 100%;
	}
	.promote .box ul li .textbox{
		width: 100%;
		padding-top: 5vmin;
	}
	.promote .box ul li .textbox .t2{
		margin-top: 2.5vmin;
	}
	.promote .box ul li .textbox .t3 {
		margin-top: 1.5vmin;
	}
	.career-path .wrap{
		flex-wrap: wrap;
	}
	.core-technology .box .curtitle{
		bottom: 8%;
	}
	.career-path .wrap .textbox{
		width: 100%;
	}
	.career-path .wrap .textbox .text{
		padding: 7% 5% 3%;
	}
	.career-path .wrap .imgbox{
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
	}
	.career-path .wrap .imgbox .animatedimg ul li .t2 img{
		max-width: 7.5vmin;
	}
	.career-path .wrap .imgbox .animatedimg ul li .t1 span, 
	.career-path .wrap .imgbox .animatedimg ul li .t3 span{
		min-height: 4.2vmin;
		font-size: 2vmin;
	}
	.career-path .wrap .imgbox .animatedimg ul li.a3 .t1 span{
		min-height: 6vmin;
	}
	.corporate-culture .box ul li{
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 8%;
	}
	.corporate-culture .box ul li .textbox{
		padding: 5%;
	}
	.recruit .box ul li{
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 5%;
		padding: 5%;
	}
	.recruit .box ul li:last-child{
		margin-bottom: 0;
	}
	.service .box{
		flex-wrap: wrap;
	}
	.service .leftsidebar{
		width: 100%;
		padding: 2rem;
	}
	.service .leftsidebar ul li ul{
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
	.service .leftsidebar>ul>li>a,
	.service .leftsidebar>ul>li>.title{
		padding-right: 1.25rem;
	}
	.service .leftsidebar>ul>li>a:hover,
	.service .leftsidebar>ul>li.on>a,
	.service .leftsidebar>ul>li>.title:hover,
	.service .leftsidebar>ul>li.on>.title{
		padding-left: 1.25rem;
	}
	.service .rightbox{
		width: 100%;
		margin-top: 7%;
	}
	.system .box .swiper:before{
		width: 233%;
	}
	.ability .circle{
		position: static;
		-webkit-transform: none;
		transform: none;
		width: 100%;
		padding-bottom: 0;
		background: none;
		text-align: left;
		display: block;
	}
	.ability .circle span{
		position: static;
		-webkit-transform: none;
		transform: none;
		display: inline-block;
		width: auto;
    	height: auto;
    	background: none;
    	text-align: left;
    	color: #000000;
	}
	.ability .box ul{
		margin-top: 6%;
		align-items: stretch;
	}
	.ability .box ul li{
		width: 48%;
		margin-right: 4%;
	}
	.ability .box ul li:before{
		display: none;
	}
	.ability .box ul li:nth-child(1),
	.ability .box ul li:nth-child(5) {
		padding-left: 0%;
	}
	.ability .box ul li:nth-child(2),
	.ability .box ul li:nth-child(6) {
		padding-right: 0%;;
	}
	.ability .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.ability .box ul li .item{
		width: 100%;
		height: 100%;
		align-items: flex-start;
		padding: 3.2vmin;
	}
	.ability .box ul li .item .t1 {
		font-size: 2.4vmin;
		margin-bottom: 1.2vmin;
	}
	.ability .box ul li .item .t1 img {
		max-width: 4vmin;
		margin-right: 1.5vmin;
	}
	.ability .box ul li .item .t2 {
		font-size: 1.75vmin;
	}
	.culture .box ul li .text .t2{
		font-size: 2.8vmin;
	}
	.introduce .about-num{
		width: 48%;
	}
	.development .history-text .icon{
		margin-top: 0.4rem;
	}
	
	.register .step-tab ul:before,
	.register .step-tab ul li:first-child .serial:before,
	.register .step-tab ul li:last-child .serial:before{
		top: 1.125rem;
	}
	.register .step-tab ul li .serial span {
	    width: 2.25rem;
	    height: 2.25rem;
	    font-size: 0.9375rem;
	}
	.register .step-tab ul li .text{
		margin-top: 0.8rem;
		font-size: 1rem;
	}
	.register .stepbox{
		margin-top: 2.5rem;
	}
	.shoppingcart .summary{
		flex-wrap: wrap;
	}
	.shoppingcart .summary .batch-deletion{
		width: 100%;
	}
	.shoppingcart .summary .total{
		width: 100%;
		margin-top: 2.5vmin;
		justify-content: flex-end;
		margin-top: 5vmin;
	}
	.order-infor .headline{
		font-size: 1.35rem;
	}
	.order-infor .order-item{
		margin-top: 3.90625vmin;
	}
	.order-infor .settlement .layui-form-item .layui-btn{
		min-width: 8rem;
		height: 3rem;
	}
	.order-item .c-item .invoicebox ul li{
		padding: 0.9375rem 1.125rem;
	}
	.c-padm .c-item .rowbox ul li{
		padding: 1rem;
        margin-top: 1rem;
	}
	.order-item .c-item{
		padding-top: 1rem;
        padding-bottom: 1rem;
	}
	.c-padm .c-item .rowbox ul li:nth-child(1),
	.order-item .c-item .invoicebox ul li:nth-child(1){
		margin-top: 0.3rem;
	}
	
	.place-order .title{
		font-size: 1.35rem;
	}
	.place-order .content ul li{
		margin-bottom: 5%;
	}
	.advanced-search .box .item .fa-search, 
	.advanced-search .box .item .clear-search{
        height: 3.25rem;
	}
	.advanced-search .title .t2, .search-result .title .t2{
		font-size: 1.125rem;
	}
	.resultpage1.search-result .box .item{
		margin-bottom: 7%;
	}
	.search-result .box .tablewrap,
	.tablebox{
		padding-bottom: 1.5rem;
	}
	
}
@media screen and (max-width: 640px){
	html{
		font-size: 14px;
	}
	.size50{
		font-size: 1.8rem;
	}
	.size40{
		font-size: 1.7rem;
	}
	.size36{
		font-size: 1.6rem;
	}
	
	.footer .box .footernav {
        column-gap: 1.8rem;
        row-gap: 1rem;
    }
    .footer .box .footernav .item a{
    	font-size: 1.15rem;
    }
    .sidebar ul li a {
	    width: 4rem;
	    height: 4rem;
	}
	.sidebar ul li a img{
		max-width: 1.8rem;
	}
	
	.size50{
		font-size: 5vmin;
	}
	.size40{
		font-size: 4.5vmin
	}
	.size36{
		font-size: 3.7vmin
	}
	.size30{
		font-size: 3.3vmin
	}
	.size24{
		font-size: 3vmin;
	}
	.size20{
		font-size: 2.8vmin;
	}
	.size18{
		font-size: 2.5vmin;
	}
	.size16{
		font-size: 2.34375vmin;
	}
	.size14{
		font-size: 2.34375vmin;
	}
	
	.padt80 {
		padding-top: 5vmin;
	}
	.padt100 {
		padding-top: 10vmin;
	}
	
	.padb100 {
		padding-bottom: 7.8125vmin;
	}
	
	.padb120 {
		padding-bottom: 9.765625vmin;
	}
	
	.padt140 {
		/*padding-top: 11.71875vmin;*/
		padding-top: 9.765625vmin;
	}
	
	.padt120 {
		padding-top: 9.765625vmin;
	}
	
	.padt160 {
		/*padding-top: 13vmin;*/
		padding-top: 9.765625vmin;
	}
	
	.padb150 {
		/*padding-bottom: 12vmin;*/
		padding-bottom: 9.765625vmin;
	}
	
	.padb170 {
		/*padding-bottom: 14vmin;*/
		padding-bottom: 9.765625vmin;
	}
	.bannerText{
		top: 27vmin;
	}
	
	.current_btn a{
		min-width: 1vmin;
		font-size: 2.4vmin;
	}
	.current_btn a span{
		height: 7.03125vmin;
    	padding: 0 3vmin;
	}
	.current_btn a i{
		width: 7.03125vmin;
		height: 7.03125vmin;
	}
	.current_btn a i:before{
		background: url(../image/icon6a.png) center no-repeat;
    	background-size: 22.22222222222222% auto;
	}
	
	.current_title .size40:before,
	.bannerTitle .box h2:before{
		right: -7.03125vmin;
	    top: -3.5vmin;
	    width: 7.03125vmin;
	    height: 7.03125vmin;
	}
	.index_product .box{
		margin-top: 5vmin;
	}
	.index_product .box ul li{
		min-height: 1%;
	}
	.index_product .box ul li .textbox{
		width: 60%;
	}
	.index_product .box ul li .imgbox{
		width: 45%;
	}
	.index_product .box ul li .text{
		margin-bottom: 1.5vmin;
	}
	.index_product .box ul li .textbox .size24{
		font-size: 2.8125vmin;
	}
	.index_product .box ul li .textbox .size18{
		margin-top: 1vmin;
		font-size: 2.1875vmin;
	}
	.index_product .box ul li .more a{
		font-size: 2.1875vmin;
	}
	.index_application .content{
		top: 10vmin;
		width: 90%;
	}
	.index_application .columnwrap{
		margin-top: 5vmin;
	}
	.index_application .columnwrap ul{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.index_application .columnwrap ul li{
		width: 23.5%;
		padding-right: 0;
		padding-bottom: 2%;
        margin-bottom: 0;
        margin-right: 2%;
	}
	.index_application .columnwrap ul li:nth-child(4n){
		margin-right: 0;
	}
	.index_application .columnwrap ul li span,
	.index_application .columnwrap ul li a{
	    font-size: 2.8vmin;
	    min-width: 1vmin;
	    height: 7.5vmin;
	}
	.index_application .columnwrap ul li span i,
	.index_application .columnwrap ul li a i{
	    margin-left: 1.5vmin;
	    width: 1.5625vmin;
	    height: 2.1875vmin;
	}
	.index_application .columnwrap ul li dl{
		left: 0;
		top: 100%;
		display: flex;
  		flex-wrap: wrap;
  		align-items: stretch;
  		gap: 0;
  		width: 100%;
	}
	.index_application .columnwrap ul li dl dd{
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.index_application .columnwrap ul li dl dd span,
	.index_application .columnwrap ul li dl dd a{
		padding: 0 1.8vmin;
	    height: 6vmin;
	    font-size: 2.4vmin;
	}
	.index_application .columnwrap ul li dl dd span i,
	.index_application .columnwrap ul li dl dd a i{
	    width: 1.25vmin;
        height: 1.71875vmin;
	}
	.index_application .box .item .swiper .text{
		right: 5%;
		width: 90%;
		padding: 2rem 1.8rem 3.5rem 1.8rem;
	}
	.index_application .box .item .swiper .text .size16{
		margin-top: 2.5vmin;
    	margin-bottom: 6vmin;
	}
	.index_autoelectronics .wrap ul li dl{
		max-width: 25vmin;
		font-size: 1.35vmin;
	}
	.index_autoelectronics .wrap ul li .spot {
        width: 2vmin;
        height: 2vmin;
    }
    .index_autoelectronics .wrap ul li .w1 .text{
    	min-width: 12vmin;
    }
    .index_autoelectronics .wrap ul li .text span{
    	font-size: 1.8vmin;
    }
    /*.index_autoelectronics .wrap ul li.a3{
    	top: 12%;
    	left: 0;
    	width: 60%;
    }*/
    
	.index_about .box .textbox .text{
		margin-top: 4vmin;
	}
	.index_nums {
		margin-top: 4.6875vmin;
		margin-bottom: 6.25vmin;
	}
	.index_nums ul li {
		min-width: 15%;
		padding-right: 3.125vmin;
		margin-right: 3.125vmin;
	}
	.index_nums ul li .timer {
		font-size: 7vmin;
	}
	.index_nums ul li .icon {
		margin-left: -1vmin;
	}
	.index_nums ul li .icon img {
		max-width: 3.125vmin;
	}
	.index_nums ul li .sp {
		margin-left: 0.8vmin;
		font-size: 3vmin;
	}
	.index_nums ul li .t2 {
		margin-top: 0.8vmin;
	}
	.index_new .box{
		margin-top: 5vmin;
	}
	.index_mainnew .text{
		padding: 5vmin 6vmin;
	}
	.index_mainnew .text .size24{
		margin-top: 1.7vmin;
		line-height: 1.7;
	}
	.index_newlist ul li a{
		padding: 2.5vmin 4vmin;
	}
	
	/**/
	.bannerTitle .box {
	   	padding: 8% 5% 10%;
	}
	.bannerTitle .box:before{
		top: -25vmin;
		height: 25vmin;
	}
	.productNav ul li ul li ul li a,
	.selectli,
	.productNav>ul>li>ul>li>a.selectli{
		padding-top: 0.4rem;
        padding-bottom: 0.4rem;
	}
	.category-section ul{
		gap:2rem;
	}
	.category-section ul li a {
		min-height: 9vmin;
		font-size: 2.8vmin;
		padding: 1.5vmin 0;
	}
	.obanner>img{
		max-height: 100%;
	}
	.linear .category-section ul li a{
		padding-left: 5.6vmin;
	}
	.linear .category-section ul li:hover a{
		padding-left: 8vmin;
	}
	.linear .category-section ul li a:after{
		top: 2.6vmin;
	}
	.linear .category-section ul li a:after{
		width: 3.125vmin;
		height: 3.125vmin;
	}
	.category-section ul li:hover a:after{
		left: 3vmin;
	}
	.advantages ul li{
		width: 100%;
		margin-right: 0 !important;
		min-height: 42vmin;
	}
	.related-documents ul li{
		/*align-items: flex-start;*/
		display: block;
	}
	.related-documents ul li .t1{
		padding-left: 0;
	}
	.related-documents ul li .t2{
		margin-top: 1rem;
		padding-right: 0;
        margin-left: 0;
	}
	.related-documents ul li .t2 a img {
        margin-top: -0.3rem;
    }
    
	.page-list a,
	.page-list span {
		min-width: 6vmin;
		height: 6vmin;
		margin-right: 1.2vmin;
		font-size: 2vmin;
	}
	.page-list a img {
		width: 1.3vmin;
	}
	.product_details .description{
		margin-top: 2.5rem;
	}
	.product_details .describe{
		padding: 1.5rem 2rem 3rem;
	}
	.product_details .describe .title span{
		padding-bottom: 1.2rem;
	}
	.product_details .describe .title .size36{
		padding-right: 1.2rem;
	}
	.product_details .describe .swiper .img{
		height: 22rem;
	}
	.detail_tab ul li{
		margin-right: 1.8rem;
	}
	.detail_tab ul li a, .detail_tab ul li span{
		padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1.3rem;
	}
	.detail_tab ul li a::before, .detail_tab ul li.active a::before, .detail_tab ul li span::before, .detail_tab ul li.active span::before{
		height: 2px;
	}
	.editbox .part {
        padding-top: 5.5rem;
        margin-top: -5.5rem;
    }
	.editbox .item .box{
		margin-top: 2rem;
		overflow-x: auto;
	}
	.editbox .item .box table{
		min-width: 640px;
	}
	.editbox .item .title h3{
		font-size: 1.3rem;
	}
	.pop-up .content{
		padding: 2rem;
	}
	.pop-up .content .contentbox{
		padding: 2rem 0;
	}
	.pop-up .content .wrap .imgbox{
		width: 30%;
	}
	.pop-up .content .wrap .textbox{
		width: 70%;
		padding-left: 1.5rem;
	}
	.pop-up .content .wrap .textbox ul{
		margin-top: 0.5rem;
	}
	.pop-up .layui-layer-setwin {
	    top: 2% !important;
	    right: 3% !important;
	}
	.pop-up .content .wrap{
		padding-bottom: 1.5625rem;
	}
	.pop-up .content .item{
		padding-top: 1.5rem;
        padding-bottom: 1rem;
	}
	.pop-up .content .item ul, .pop-up .content .item .quantity-controls{
		font-size: 1rem;
	}
	.pop-up .content .item ul li{
		padding: 0 1rem;
		min-height: 2.4rem;
	}
	.pop-up .content .item .quantity-controls input{
		width: 3.5rem;
		height: 2.5rem;
	}
	.application-area .box .advantages {
		margin-top: 6%;
	}
	.application-area .part ul li dl{
		margin-top: 1.8rem;
	}
	.application-area .part ul li .title h3:before{
		height: 0.15rem;
	}
	.application-details .box{
		padding: 2rem;
	}
	.application-details .box .title{
		margin-bottom: 1.5rem;
	}
	
	
	.application-details .wrap .w1{
		padding: 2rem;
	}
	.application-details .wrap .w2{
		margin-top: 10%;
	}
	.related-products ul li {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .related-products ul li .size18,
    .related-products ul li .btns .btn{
    	font-size: 1rem;
    }
    
    .article .sidebox .wrap ul li{
    	padding-top: 1.1rem;
    	padding-bottom: 1.1rem;
    }
    .recommend ul{
    	margin-bottom: 9%;
    }
    .recommend ul li a{
    	flex-wrap: wrap;
    	padding-top: 1.1rem;
    	padding-bottom: 1.1rem;
    }
    .recommend ul li .t1,
    .recommend ul li .t2{
    	width: 100%;
    	margin-bottom: 0.8vmin;
    }
    .recommend ul li .t3{
    	width: 100%;
    	margin-left: 0;
    }
    
    .technical .box .ahead .title span{
    	font-size: 3.3vmin;
    }
    
    .profile-intro .btn-info .btn{
		max-width: 18vmin;
		height: 6vmin;
		border-radius: 3vmin;
		font-size: 2.4vmin;
	    margin: 0 2vmin;
	}
	.contact-info .btns a{
		min-width: 18vmin;
		height: 6vmin;
		border-radius: 3vmin;
		font-size: 2.4vmin;
	}
	.technical .box .ahead .sort a{
		margin-right: 5vmin;
	}
	
	/*.edit-content .layui-form-item .subtitle{
		font-size: 3vmin;
		margin-bottom: 3vmin;
	}*/
	.edit-content .layui-form-item .subtitle{
		font-size: 3.2vmin;
		margin-bottom: 3.2vmin;
	}
	.comment-list .comment-list-head{
		margin-bottom: 1.25rem;
        padding-bottom: 1rem;
	}
	.comment-list .comment-list-head .subtitle .t1{
		font-size: 3.2vmin;
	}
	
	.edit-content .layui-form-item.other .layui-btn{
		min-width: 18vmin;
        height: 6vmin;
        border-radius: 3vmin;
        font-size: 2.4vmin;
	}
	.cultivate .box{
		margin-top: 2.5rem;
	}
	.cultivate .box ul{
		margin-bottom: 5vmin;
	}
	.cultivate .box ul li,
	.search-result .cultivate ul li{
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 2rem;
	}
	.cultivate .box ul li .textbox .t1 span,
	.search-result .cultivate ul li .textbox .t1 span{
		font-size: 1.5rem;
	}
	
	.comments-article .title .t1{
		font-size: 3.3vmin;
	}
	
	
	.mainnew .swiper .swiper-slide{
		flex-wrap: wrap;
	}
	.mainnew .swiper .imgbox{
		width: 100%;
	}
	.mainnew .swiper .textbox{
		width: 100%;
		padding: 5.46875vmin;
	}
	.mainnew .swiper .textbox .t1{
		font-size: 1rem;
	}
	.mainnew .swiper .textbox .t2{
		font-size: 1.5rem;
	}
	.mainnew .swiper .textbox .t2 a{
		margin-top: 0.75rem;
	}
	.mainnew .swiper .textbox .t3 {
    	margin-top: 0.75rem;
    	font-size: 2.4vmin;
    }
    .mainnew .swiper .textbox .current_btn{
		margin-top: 1.5rem;
	}
	.mainnew .swiper .textbox .current_btn a{
		min-width: 1vmin;
		font-size: 2.4vmin;
	}
	.mainnew .swiper .textbox .current_btn a span{
		height: 7.03125vmin;
    	padding: 0 3vmin;
	}
	.mainnew .swiper .textbox .current_btn a i{
		width: 7.03125vmin;
		height: 7.03125vmin;
	}
	.newlist ul li{
		display: block;
		padding-bottom: 2rem;
        margin-bottom: 2rem;
	}
	.newlist ul li .img{
		max-width: 100%;
		width: 100%;
	}
	.newlist ul li .date{
		margin-top: 4vmin;
		width: 100%;
		font-size: 3vmin;
	}
	.newlist ul li .date .size30{
		font-size: 4vmin;
	}
	.newlist ul li .textbox{
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	.newlist ul li .textbox .text{
		padding-top: 2vmin;
		padding-bottom: 0;
	}
	.newlist ul li .textbox .text .size24{
		font-size: 1.35rem;
	}
	.newlist ul li .textbox .size18{
		margin-top: 1rem;
		font-size: 1rem;
	}
	.newlist ul li .textbox .more{
		margin-top: 1rem;
	}
	.newlist ul li .textbox .more a{
		font-size: 1rem;
	}
	
	.new-details .box .related-news ul li{
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 1.5rem;
	}
	
	.business .box .img ul li .text{
		font-size: 1.4vmin;
	}
	.business .box .img ul li .title span{
		font-size: 2vmin;
	}
	

	/*.business .box{
		width: 120%;
        margin-left: -10%;
        align-items: center;
	}
	.business .box .img{
		display: block;
	}
	.business .box .img ul li.a1 {
        left: 0%;
        top: 70%;
    }
    .business .box .img ul li.a4{
    	top: 75%;
    }*/
	.business .box .img ul li .text{
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		-webkit-transform-origin: left 60%;
		transform-origin: left 60%;
	}
	.business .box .img ul li.a1 .text{
		-webkit-transform-origin: right 60%;
		transform-origin: right 60%;
	}
	
	.address .box{
		margin-top: 4.5vmin;
	}
	.address .box ul li .text{
		padding: 3vmin 4vmin;
	}
	.address .box ul li .text .size20{
		font-size: 3vmin;
	}
	.address .box ul li .text .size20 span{
		padding-bottom: 2vmin;
	}
	.address .box ul li .text ul{
		margin-top: 2.5vmin;
		font-size: 2.2vmin;
	}
	.partner .box{
		margin-top: 5.6vmin;
	}
	.partner .box ul li .text {
        padding-top: 1.5vmin;
        padding-left: 4vmin;
        padding-right: 4vmin;
        padding-bottom: 4vmin;
    }
	.partner .box ul li .text .title{
		font-size: 2.8vmin;
	}
	.partner .box ul li .text dl{
		font-size: 2.2vmin;
	}
	.service-edit .title h3{
		font-size: 3.3vmin;
	}
	.service .leftsidebar{
		padding: 5vmin;
	}
	.service .leftsidebar>ul>li>a{
		min-height: 8vmin;
		font-size: 2.5vmin;
		padding-right: 5vmin;
	}
	.service .leftsidebar ul li ul {
        padding-left: 5vmin;
        padding-right: 5vmin;
    }
	.service .leftsidebar>ul>li>a:hover, 
	.service .leftsidebar>ul>li.on>a,
	.service .leftsidebar>ul>li>.title:hover,
	.service .leftsidebar>ul>li.on>.title{
		padding-left: 5vmin;
	}
	.service-edit .text{
		padding-top: 5vmin;
		font-size: 2.5vmin;
	}
	.service-edit .title h3:before{
		height: 0.625vmin;
	}
	.system .box .swiper:before{
		width: 350%;
	}
	.system .box .swiper .imgbox{
		padding-top: 7vmin;
		padding-bottom: 7vmin;
	}
	.system .box .swiper .textbox {
	    padding-left: 4.166666666666667vmin;
	    padding-top: 7vmin;
	    padding-bottom: 7vmin;
	}
	.architecture .box .right_w .wrap{
		flex-wrap: wrap;
	}
	.architecture .box .right_w .wrap .w1{
		width: 100%;
	}
	.architecture .box .right_w .wrap .w1 ul{
		display: flex;
		align-items: stretch;
	}
	.architecture .box .right_w .wrap .w1 li{
		position: relative;
		max-width: calc((100% - 8.8vmin) / 3);
		margin-right: 4.4vmin;
		text-align: center;
	}
	.architecture .box .right_w .wrap .w1 li:nth-child(3n){
		margin-right: 0;
	}
	.architecture .box .right_w .wrap .w1 li:before{
		content: '';
		position: absolute;
		right: -4.39453125vmin;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 4.39453125vmin;
		height: 3.515625vmin;
		background: url(../image/icon67.png) center no-repeat;
		background-size: 1.7578125vmin auto;
	}
	.architecture .box .right_w .wrap .w1 li:nth-child(3n):before{
		display: none;
	}
	.architecture .box .right_w .wrap .w1 .subtit{
		
	}
	.architecture .box .right_w .wrap .w2{
		width: 100%;
		font-size: 2vmin;
	}
	.architecture .box .right_w .wrap .w2 .w2-1 li span,
	.architecture .box .right_w .wrap .w2 ul li,
	.architecture .box .right_w .wrap .w2 .w2-3 li{
		min-height: 4vmin;
		padding: 0.15rem 0.6vmin;
		box-sizing: border-box;
	}
	.architecture .box .right_w .wrap .w2 .w2-2 li{
		padding: 1vmin 1.5vmin;
	}
	.core-technology .box .curtitle{
		position: static;
		-webkit-transform: none;
		transform: none;
		width: 100%;
		padding-bottom: 0;
		margin-bottom: 5%;
	}
	.core-technology .box .curtitle:before{
		display: none;
	}
	.core-technology .box .curtitle .t1{
		display: block;
		position: static;
		-webkit-transform: none;
		transform: none;
		background: none;
		color: #000000;
		width: 100%;
		height: auto;
		text-align: left;
	}
	.core-technology .box ul li{
		align-items: flex-start;
		flex-direction: row;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 5%;
	}
	.core-technology .box ul li:nth-child(3),
	.core-technology .box ul li:nth-child(4) {
		width: 48%;
	}
	.core-technology .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.core-technology .box ul li .icon{
		margin-top: 0;
		margin-right: 3.2vmin;
	}
	.core-technology .box ul li .icon span{
		width: 9vmin;
		height: 9vmin;
	}
	.core-technology .box ul li .icon span img{
		max-width: 42%;
	}
	.core-technology .box ul li:nth-child(odd) .text{
		padding-right: 0;
	}
	.core-technology .box ul li:nth-child(even) .text{
		text-align: left;
		padding-left: 0;
	}
	.core-technology .box ul li .text .t2{
		margin-top: 1.25vmin;
	}
	.technical-patents .imgbox img{
		min-height: 65vmin;
		object-fit: cover;
	}
	
	.introduce .videoimg .playicon {
        width: 8.28125vmin;
    }
    
    .introduce .textbox{
    	margin-top: 5.46875vmin;
    }
	.introduce .about-num ul li .t1 .icon img {
		max-width: 3.2vmin;
	}
	.introduce .about-num ul li .t1 .text .timer {
		font-size: 6vmin;
	}
	.introduce .about-num ul li .t1 .text .sp {
		font-size: 2.2vmin;
	}
	.introduce .about-num ul li .t2{
		font-size: 2.2vmin;
	}
	.ability .box ul li{
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 1.4rem !important;
		min-height: 20vmin;
	}
	.ability .box ul li:last-child{
		margin-bottom: 0 !important;
	}
	.ability .box ul li .item{
		padding: 3.6vmin;
	}
	.ability .box ul li .item .t1 {
		font-size: 3vmin;
		margin-bottom: 1.5vmin;
	}
	.ability .box ul li .item .t1 img {
		max-width: 4.8vmin;
		margin-right: 2vmin;
	}
	.ability .box ul li .item .t2 {
		font-size: 2.2vmin;
	}
	.culture .box ul{
		flex-wrap: wrap;
	}
	.culture .box ul li .text .t2{
		font-size: 2.8vmin;
	}
	.culture{
		padding-bottom: 10vmin;
	}
	.culture.padt140{
		padding-top: 10vmin;
	}
	.culture .box ul li{
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 1.4rem;
		padding: 3.6vmin;
	}
	.culture .box ul li .text .t1{
		padding-right: 9vmin;
	}
	.culture .box ul li .text .t2{
		font-size: 1.7rem;
	}
	.culture .box ul li .icon{
		right: 3.6vmin;
        width: 8vmin;
        height: 8vmin;
	}
	
	.introduce .about-num{
		width: 60%;
	}
	.introduce .about-num ul li {
        margin-bottom: 4vmin;
        padding-bottom: 3.28125vmin;
    }
    .development .body-bottom{
    	margin-top: 7%;
    }
	.development .body-bottom:after{
		width: 50%;
	}
	.development .body-bottom.act1:after{
		width: 50%;
	}
	.development .history-text .icon {
		width: 3.5vmin;
		height: 3.5vmin;
		margin-top: 0.5rem;
	}
	.development .history-text .icon:after {
		width: 1.5625vmin;
		height: 1.5625vmin;
	}
	.development .history-swiper .swiper-slide .item{
		padding: 4.2vmin;
	}
	.development .history-swiper .date{
		padding-bottom: 2.5vmin;
	}
	.development .history-swiper .size24{
		font-size: 3.5vmin;
	}
	.development .history-swiper .info{
		margin-top: 2.5vmin;
	}
	.throughout {
        padding-top: 10vmin;
        padding-bottom: 18vmin;
    }
    
    .register .box, .binding .box{
    	padding: 6vmin 5.6vmin;
    }
    .register .box .layui-container,
    .binding .box .layui-container{
    	padding-left: 0;
    	padding-right: 0;
    }
    .register .step-tab ul{
    	min-width: 90%;
    }
    .register .layui-form-item{
    	flex-wrap: wrap;
    	align-items: flex-end;
    	margin-bottom: 1.2rem;
    }
    .register .layui-form-item .form-item{
    	flex-wrap: wrap;
    }
    .register .layui-form-label, .register .layui-form-item .form-item .label{
    	width: 100%;
    	margin-bottom: 0.75rem;
    }
    .register .go-login{
    	margin-top: 1.5rem;
    }
    .binding .layui-form-item{
    	flex-wrap: wrap;
    	align-items: flex-end;
    	margin-bottom: 1.2rem;
    }
    .binding .layui-form-label{
    	width: 100%;
    	margin-bottom: 0.75rem;
    }
    .register .customer .layui-input-block{
    	margin-top: 0;
    }
    .binding .layui-input-block{
    	min-height: 1px;
    }
    .binding .layui-input-block .layui-form-radio, .register .layui-input-block .layui-form-radio{
    	min-height: 1px;
    	line-height: 1;
    }
    .binding .layui-input-block .layui-form-radio{
    	height: auto;
    	margin-bottom: 0;
    }
    .logon .maincontainer{
    	justify-content: center;
    }
    .binding .layui-input-block .layui-form-radio input{
    	height: auto;
    }
    
    .shoppingcart .box{
        padding: 6vmin 5vmin;
	}
	.view-process ul{
		width: 100%;
	}
	.view-process ul li{
		padding-right: 6vmin;
		font-size: 2.2vmin;
	}
	.view-process ul li:before{
		right: 2.8vmin;
	}
	.view-process ul li span {
        width: 2.7vmin;
        height: 2.7vmin;
        margin-top: -0.5vmin;
        margin-right: 0.5rem;
        font-size: 0.75rem;
    }
    .deliverybtns .btn{
        font-size: 2.2vmin;
        padding: 0 2vmin;
        height: 5.25vmin;
    }
    .refresh-btn a{
    	font-size: 2.2vmin;
    	align-items: center;
    }
	.c-table td{
		padding: 1.2rem 0.5rem 1.2rem 0.3125rem;
	}
	.shoppingcart .summary .total{
		flex-wrap: wrap;
		justify-content: flex-end;
		text-align: right;
	}
	.shoppingcart .summary .total .layui-input-block{
		margin-top: 1rem;
	}
	.shoppingcart .summary .total .layui-input-block .layui-btn{
		min-width: 16vmin;
	}
	.shoppingcart .summary .total .text{
		width: 100%;
	}
	.shoppingcart .summary .total .price{
		font-size: 3.5vmin;
	}
	.order-infor .order-item .addresslist ul li{
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: flex-start;
	}
	.order-infor .order-item .addresslist ul li .t1{
		width: 6.5rem;
	}
	.order-infor .order-item .addresslist ul li .t2{
		flex: auto;
		width: calc(100% - 6.5rem);
		padding-right: 1rem;
	}
	.order-infor .order-item .addresslist ul li .t3{
		flex: 1;
		margin-top: 0.9rem;
	}
	.order-infor .order-item .addresslist ul li .t4,
	.order-infor .order-item .addresslist ul li .t5{
		width: auto;
		white-space: nowrap;
		margin-top: 0.9rem;
		padding-right: 1rem;
	}
	
	.order-infor .headline{
		font-size: 1.2rem;
	}
	.c-padm .c-item .rowbox ul li{
		flex-wrap: wrap;
	}
	.c-padm .c-item .rowbox ul li .t1{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.6rem;
	}
	.c-padm .c-item .rowbox ul li .t2{
		width: 100%;
	}
	
	.order-item .c-item .invoicebox ul li .t1{
		flex: 1;
	}
	.order-item .c-item .invoicebox ul li .t2{
		margin-right: 3.2vmin;
		white-space: nowrap;
	}
	.order-item .c-item .invoicebox ul li .t3{
		flex: none;
		white-space: nowrap;
	}
	.place-order .content ul li{
		margin-bottom: 6%;
	}
	.place-order .content ul li.order-num{
		position: relative;
		align-items: flex-end;
		padding-top: 2.8rem;
	}
	.place-order .content ul li.order-num .t2{
		flex-wrap: wrap;
	}
	.place-order .content ul li.order-num .t2>span{
		display: block;
		width: 100%;
	}
	.place-order .content ul li .view-btn, .place-order .content ul li .print-btn{
		position: absolute;
		top: 0;
		margin-left: 0;
	}
	.place-order .content ul li .view-btn{
		left: 0;
	}
	.place-order .content ul li .print-btn{
		right: 0;
	}
	
	.advanced-search .title .t2, .search-result .title .t2{
		font-size: 2.5vmin;
	}
	.advanced-search .box .item{
		padding: 8% 6%;
	}
	.search-result .box{
		margin-top: 6.4vmin;
	}
	.search-result .box .item{
		margin-bottom: 3.125rem;
	}
	.search-result .box .tiptext{
		margin-bottom: 7%;
	}
	.search-result .box .subtitle{
		margin-bottom: 1.2rem;
	}
	.search-result .box .subtitle.border-bot{
		padding-bottom: 1rem;
	}
	.resultpage2.search-result .box .item{
		margin-bottom: 2.7rem;
	}
}

@media screen and (max-width: 480px){
	.header .logo{
		height: 13.75vmin;
	}
	.header .logo a img{
		max-height: 7.5vmin;
	}
	.header .search-icon span,
	.header .search-icon a{
		width: 7vmin;
		height: 7vmin;
	}
	.header .shopbtn{
		margin-left: 3vmin;
	}
	.header .shopbtn a{
		/*min-width: 7.5vmin;
        height: 7.5vmin;*/
       	min-width: 7vmin;
        height: 7vmin;
	}
	
	.user-btn{
		height:13.75vmin;
		margin-right: 2vmin;
	}
	.user-btn img{
		width: 3.4vmin;
		margin: 0;
		padding-top: 1vmin;
	}
	.user-btn ul li>a {
		font-size: 3.3vmin;
		padding: 1vmin 2.5vmin;
	}
	.head-nation {
		margin-left: 4.2vmin;
	}
	.head-nation:before {
		left: -3.2vmin;
		height: 4vmin;
	}
	.header .head-nation .current {
		height: 13.75vmin;
		padding-left: 5vmin;
		background: url(../image/icon2.png) left top 5.6vmin no-repeat;
		background-size: 3.6vmin auto;
	}
	.header.black .head-nation .current, 
	.header.act .head-nation .current, 
	.header.blacktext .head-nation .current, 
	.header.inter .head-nation .current{
		background: url(../image/icon2a.png) left top 5.6vmin no-repeat;
		background-size: 3.6vmin auto;
	}
	.header .search-icon{
		margin-left: 3.5vmin;
	}
	.header .head-nation .current .name {
		font-size: 3.5vmin;
		padding-top: 1.5vmin;
	}
	.head-nation ul{
		min-width: 6.25rem;
	}
	.head-nation ul li a {
		padding: 1vmin 2.5vmin;
		font-size: 3.3vmin;
	}
	
	
	.m-nav{
		top: 13.75vmin;
		height: calc(100vh - 13.75vmin);
	}
	.m-nav ul li dl{
		row-gap: 3.125vmin;
	}
	.menubtn{
	    width: 10vmin;
	}
	.menubtn .menu-i{
		width: 6vmin;
	}
	
	
	.footer{
		padding-top: 12vmin;
		padding-bottom: 6vmin;
	}
	.footer .lookup{
		margin-top: 10vmin;
	}
	.footer .lookup form{
		margin-top: 5vmin;
	    max-width: 100vmin;
	    height: 12vmin;
	    padding: 0 6vmin;
	    border-radius: 6vmin;
	}
	.footer .box .footernav{
		column-gap: 5vmin;
        row-gap: 3vmin;
		padding-bottom: 6vmin;
	}
	.footer .box .footernav .item a{
		font-size: 4vmin;
	}
	.footer .lookup .footer-search-icon {
	    width: 9.375vmin;
	    background: url(../image/icon7.png) right center no-repeat;
	    background-size: 46.66666666666667% auto;
	}
	.footer .box .footernav{
		padding-bottom: 7.2vmin;
		column-gap: 10vmin;
		row-gap: 5vmin;
	}
	.footer .box .qrcode{
		margin-top: 7.2vmin;
	}
	.footer .box .qrcode ul li img{
		max-width: 16.6vmin;
	}
	.footer .box .qrcode .text{
		margin-top: 2.1vmin;
		font-size: 3.33vmin;
	}
	.footer .lookup .footer-search-text{
		font-size: 3.75vmin;
	}
	.footer .inquiries{
		margin-top: 4.16666666666667vmin;
	}
	.footer .inquiries ul li{
		margin-right: 3.75vmin;
    	margin-bottom: 1vmin;
	}
	.footer .inquiries ul li a{
		font-size: 3.33vmin;
	}
	.footer .copylink{
		margin-top: 6.667vmin;
		font-size: 3.33vmin;
	}
	
	.sidebar ul li a {
	    /*width: 13.6vmin;
	    height: 13.6vmin;*/
	   	width: 12vmin;
	    height: 12vmin;
	    border-radius: 0.83333333333333vmin;
	}
	.sidebar ul li a img{
		/*max-width: 6.3vmin;*/
		max-width: 6vmin;
	}
	.sidebar ul li a small {
	    right: -1.66666vmin;
	    top: -1.66666vmin;
	    min-width: 3.33333333333333vmin;
	    height: 3.33333333333333vmin;
	    font-size: 2.2vmin;
	    padding-left: 0.625vmin;
	    padding-right: 0.625vmin;
	}
	.sidebar ul li .popupdiv{
		width: calc(100vw - 15vmin);
	}
	.sidebar ul li .popupdiv .close1{
		right: 3.125vmin;
		top: 3.125vmin;
		width: 6.25vmin;
	}
	.sidebar ul li .popupdiv .layui-form{
		width: 100%;
		padding: 10vmin 5vmin;
	}
	.sidebar ul li .popupdiv .layui-input-block .layui-input{
		height: 10vmin;
		font-size: 3.3vmin;
		padding: 0 3.3vmin;
	}
	.sidebar ul li .popupdiv .layui-input-block .layui-textarea{
		height: 25vmin;
		padding: 3.3vmin;
		font-size: 3.3vmin;
	}
	.sidebar ul li .popupdiv .layui-input-block .layui-btn{
		height: 10vmin;
		font-size: 3.6vmin;
	}
	
	
	
	
	
	
	.size50{
		font-size: 6vmin;
	}
	.size40{
		font-size: 5vmin;
	}
	.size36{
		font-size: 4.5vmin;
	}
	.size30{
		font-size: 4.2vmin;
	}
	.size24{
		font-size: 3.8vmin;
	}
	.size20{
		font-size: 3.5vmin;
	}
	.size18{
		font-size: 3.4vmin;
	}
	.size16{
		font-size: 3.2vmin;
	}
	.size14{
		font-size: 3.2vmin;
	}
	
	.padt80 {
		padding-top: 6vmin;
	}
	.padt100 {
		padding-top: 12vmin;
	}
	
	.padb100 {
		padding-bottom: 12vmin;
	}
	.padb120 {
		padding-bottom: 14vmin;
	}
	.padt140 {
		/*padding-top: 16vmin;*/
		padding-top: 14vmin;
	}
	.padt120 {
		padding-top: 12vmin;
	}
	.padt160 {
		/*padding-top: 18vmin;*/
		padding-top: 14vmin;
	}
	.padb150 {
		/*padding-bottom: 17vmin;*/
		padding-bottom: 14vmin;
	}
	.padb170 {
		/*padding-bottom: 18vmin;*/
		padding-bottom: 14vmin;
	}
	
	.bannerText{
		top: 48vmin;
	}
	.bannerTitle .box .text, .bannerTitle .box .text1{
		margin-top: 1.5vmin;
	}
	.crumbs .wrap {
        padding-top: 2.5vmin;
        padding-bottom: 2.5vmin;
    }
	.crumbs .wrap span{
		width: 2.8vmin;
		height: 3.28125vmin;
	}
	.crumbs .wrap span, .crumbs .wrap a{
		font-size: 3.2vmin;
	}
	.current_btn a{
		font-size: 2.9vmin;
	}
	.current_btn a span{
		height: 8vmin;
    	padding: 0 3.5vmin;
	}
	.current_btn a i{
		width: 8vmin;
		height: 8vmin;
	}
	.current_btn a i:before{
		background: url(../image/icon6a.png) center no-repeat;
    	background-size: 22.22222222222222% auto;
	}
	
	.currency-nav{
		top: 13.75vmin;
	}
	.currency-nav ul li a {
        min-width: 25vmin;
        height: 12vmin;
        font-size: 3.4vmin;
        padding: 0 3vmin;
    }
	.cultivate-nav ul li{
		margin-right: 2.5vmin;
	}
	.cultivate-nav ul li a {
	   	min-width: 25vmin;
	    height: 10vmin;
	    font-size: 3.4vmin;
	    padding-left: 3vmin;
	    padding-right: 3vmin;
	}
	.index_product .box{
		margin-top: 6.5vmin;
	}
	.index_product .box ul li{
		padding: 5vmin 3.5vmin;
	}
	.index_product .box ul li .textbox{
		width: 63%;
	}
	.index_product .box ul li .text{
		margin-bottom: 2vmin;
	}
	.index_product .box ul li .textbox .size24{
		font-size: 3.5vmin;
	}
	.index_product .box ul li .textbox .size18{
		margin-top: 1.8vmin;
		font-size: 2.8vmin;
	}
	.index_product .box ul li .imgbox{
		margin-top: 10%;
	}
	.index_product .box ul li .more a{
		font-size: 2.8vmin;
	}
	.index_application .content{
		top: 12vmin;
	}
	.index_application .columnwrap{
		margin-top: 7vmin;
	}
	.index_application .columnwrap ul li dl dd span,
	.index_application .columnwrap ul li dl dd a{
		font-size: 2.6vmin;
		height: 6.4vmin;
	}
	.index_mainnew .img img{
		/*max-height: 54vmin;*/
		max-height: 100%;
	}
	.index_nums {
        margin-top: 7vmin;
        margin-bottom: 9vmin;
    }
   	.index_nums ul li {
        padding-right: 5vmin;
        margin-right: 5vmin;
    }
	.index_nums ul li .icon img {
		max-width: 4vmin;
	}
	.index_nums ul li .sp {
		margin-left: 1vmin;
		font-size: 3.6vmin;
	}
	.index_nums ul li .t2 {
		margin-top: 1vmin;
	}
	.index_about .box .img{
		margin-top: -15%;
	}
	.index_new .box{
		margin-top: 6vmin;
	}
	.index_newlist ul li p.size16,
	.index_newlist ul li .more span{
		font-size: 3vmin;
	}
	.index_newlisting ul li .text{
		font-size: 3.2vmin;
	}
	.index_newlist ul li .size20{
		font-size: 3.5vmin;
	}
	.index_newlisting{
		margin-top: 4.5vmin;
        height: 7vmin;
	}
	
	.application .box{
		margin-top: 10vmin;
	}
	.application .wrap{
		margin-top: 2rem;
	}
	.application-area .box .advantages {
		margin-top: 7%;
	}
	.advantages ul li .text .size18{
		margin-top: 2.2vmin;
	}
	.category-section ul{
		gap: 1.5rem;
	}
	.category-section ul li a{
		font-size: 3.5vmin;
		min-height: 10vmin;
	}
	.linear .category-section ul li a{
		padding-left: 7vmin;
	}
	.linear .category-section ul li:hover a{
		padding-left: 9.5vmin;
	}
	.linear .category-section ul li a:after{
		top: 2.7vmin;
	}
	.linear .category-section ul li a:after{
		width: 4vmin;
		height: 4vmin;
	}
	.category-section ul li:hover a:after{
		left: 3vmin;
	}
	.category-section ul li a i {
		width: 1.875vmin;
        height: 2.65625vmin;
        margin-left: 3.5vmin;
	}
	.product-list .wrap .btns a, .product-list .wrap .btns span{
        height: 2.8rem;
	}
	.advantages ul{
		gap: 1.8rem;
	}
	.advantages ul li{
		padding: 2rem 1.5rem 3rem;
	}
	.inside_core.sidebar_on .tablebox{
		padding-bottom: 1.5rem;
	}
	.productNav>ul>li>a, .productNav>ul>li>.title{
		padding: 0.8rem 0;
	}
	.productNav ul li ul li .title{
		padding-left: 1.25rem;
	}
	.productNav ul li ul li .title i{
		width: 0.75rem;
		height: 0.75rem;
	}
	.productNav ul li ul {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.inside_core .filtertable .page {
		margin-top: 10%;
	}
	.page-list a,
	.page-list span {
		min-width: 7vmin;
		height: 7vmin;
		margin-right: 1.5vmin;
		font-size: 2.5vmin;
	}
	.page-list a img {
		width: 1.5vmin;
	}
	.related-documents {
        padding: 2rem 1.75rem;
    }
    .related-documents ul li{
    	padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }
    .related-documents ul li .t2 a img{
    	max-width: 3.6vmin;
        margin-right: 1.5vmin;
    }
	
	.product_details{
		margin-top: 10%;
	}
	.product_details .describe .textbox{
		padding-top: 3.125vmin;
	}
	.pop-up .content{
		padding: 5.6vmin;
	}
	.pop-up .content .title{
		padding-bottom: 3vmin;
	}
	.pop-up .content .wrap .imgbox{
		width: 36%;
	}
	.pop-up .content .wrap .textbox{
		padding-left: 4vmin;
		width: 64%;
	}
	.pop-up .content .wrap .textbox ul{
		margin-top: 0;
		font-size: 3.2vmin;
	}
	.pop-up .content .wrap .textbox ul li{
		width: 100%;
		margin-bottom: 1vmin;
	}
	.pop-up .content .wrap .textbox ul li:last-child{
		margin-bottom: 0;
	}
	.pop-up .content .wrap .textbox ul li span{
		font-size: 4.8vmin;
	}
	.pop-up .content .contentbox{
		padding: 5vmin 0;
	}
	.pop-up .content .item{
		padding-top: 4vmin;
        padding-bottom: 1.8vmin;
	}
	.pop-up .content .item:last-child{
		padding-bottom: 4vmin;
	}
	.pop-up .content .item ul, .pop-up .content .item .quantity-controls{
		font-size: 3.2vmin;
	}
	.product_details .describe{
		padding: 5vmin 6vmin 9vmin;
	}
	.product_details .describe .title .tag,
	.product_details .describe .title .size16{
		min-height: 5vmin;
	}
	.product_details .describe .btnbox .btns a, .product_details .describe .btnbox .btns span, #addToCartBtn a, #addToCartBtn span{
        height: 9vmin;
        font-size: 3.2vmin;
	}
	.product_details .describe .btnbox .btns a img, .product_details .describe .btnbox .btns span img, #addToCartBtn a img, #addToCartBtn span img{
		max-width: 3.5vmin;
		margin-right: 1.6vmin;
	}
	.product_details .describe .text{
		margin-top: 4.375vmin;
		font-size: 3.2vmin;
	}
	.product_details .describe .swiper .img{
		height: 52vmin;
	}
	.editbox .part{
		padding-top: 10.9375vmin;
        margin-top: -10.9375vmin;
	}
	.detail_tab{
		top: 13.75vmin;
	}
	.detail_tab ul li a, .detail_tab ul li span,
	.editbox .item .title h3{
    	font-size: 4.2vmin;
    }
	.editbox .item{
		margin-bottom: 10%;
	}
	.editbox .item .box{
		margin-top: 6vmin;
		padding: 5vmin;
	}
	.editbox .item .box .text{
		font-size: 3.2vmin;
	}
	.editbox .item .box .zoomBox .zoomBtn .btns, .editbox .item .box .zoomBox .zoomBtn .button{
		width: 7vmin;
    	height: 7vmin;
	}
	.editbox .item .box .zoomBox .zoomBtn #zoomIn {
	    background: url(../image/icon45.png) center no-repeat;
	    background-size: 55.55555555555556% auto;
	}
	.editbox .item .box .zoomBox .zoomBtn #zoomOut{
		background: url(../image/icon46.png) center no-repeat;
   	 	background-size: 55.55555555555556% auto;
	}
	.editbox .item .title .btns>a, .editbox .item .title .btns span {
		min-width: 20vmin;
        height: 9vmin;
        padding: 0 1rem;
    }
    .editbox .item .title .btns i, .editbox .item .title .btns i {
        margin-left: 2vmin;
    }
    .editbox .item .title .btns.applybtn i {
        width: 3.3333333333333vmin;
        height: 3.75vmin;
    }
    .editbox .item .title .btns.contrastbtn i{
    	width: 2.5vmin;
        height: 2.5vmin;
    }
    
    .product_details .describe .swiper .swiper-button-next, .product_details .describe .swiper .swiper-button-prev{
    	width: 6.25vmin;
    	height: 8.333333333333333vmin;
    }
    .editbox .item .box .zoomBox .zoomBtn{
		right: 4vmin;
    	top: 4vmin;
	}
	.zoomBox .swiper{
    	padding: 0 6.25vmin;
    }
    .zoomBox .swiper-button-next, .zoomBox .swiper-button-prev{
    	width: 6.25vmin;
    	height: 8.333333333333333vmin;
    }
    .comments-article .title .t1{
    	font-size: 4.2vmin;
    }
    
    .application-area .part ul li{
    	padding: 6vmin 5.5vmin 8vmin;
    	margin-bottom: 6.5vmin;
    }
    .application-area .part ul li .title h3{
    	padding-bottom: 1.25rem;
    }
    .application-area .part ul li dl{
    	margin-top: 1.5rem;
    }
    .application-area .part ul li dl dd a{
    	font-size: 3.2vmin;
    	min-height: 7.5vmin;
    }
    .application-details .box{
    	padding: 5.5vmin;
    }
    .application-details .wrap .subtit{
    	margin-bottom: 3vmin;
    }
    .application-details .wrap .w1{
    	padding: 5.5vmin 5.5vmin 6.5vmin;
    }
    .application-details .wrap .w2{
    	margin-top: 11%;
    }
    .related-products ul li {
        padding-top: 5.5vmin;
        padding-bottom: 5.5vmin;
    }
    .related-products ul li .btns{
    	margin-top: 4.5vmin;
    }
    .application-details .wrap .item .related-documents{
    	margin-top: 7%;
    }
    .related-products ul li .size18, .related-products ul li .btns .btn{
    	font-size: 3.2vmin;
    }
    
    .article .sidebox .wrap{
    	margin-top: 8.5vmin;
    }
    .recommend{
    	margin-top: 10%;
    }
    .recommend ul{
    	margin-top: 3.5vmin;
    	margin-bottom: 10vmin;
    }
    
    .technical .box .ahead .title span{
    	font-size: 4.2vmin;
    }
    .profile-intro .data-info{
    	margin-top: 5.4vmin;
        padding: 3.5vmin 0;
        border-radius: 2.5vmin;
    }
    .profile-intro .user-info .name{
    	font-size: 4vmin;
    }
    .profile-intro .data-info dl{
    	font-size: 3.2vmin;
    }
    .profile-intro .btn-info{
    	margin-top: 5vmin;
    }
    .profile-intro .user-info .icon{
    	width: 18vmin;
        height: 18vmin;
    }
    .profile-intro .btn-info .btn{
		max-width: 24vmin;
		height: 8vmin;
		border-radius: 8vmin;
		font-size: 3.2vmin;
	}
	.contact-info .btns{
		margin-top: 5vmin;
	}
	.contact-info .btns a{
		min-width: 24vmin;
		height: 8vmin;
		border-radius: 4vmin;
		font-size: 3.2vmin;
	}
	.contact-info .textbox .t1{
		font-size: 4vmin;
	}
	.contact-info .textbox .t2{
    	font-size: 3.2vmin;
    }
	.technical .box .ahead, 
	.technical .box .aside-item ul li,
	.search-result .aside-item ul li,
	.profile-intro,
	.contact-info,
	.question-comments .wrap{
		padding: 5.6vmin;
	}
	.technical .box .ahead .sort{
		margin-top: 5vmin;
	}
	.technical .box .ahead .sort a{
		font-size: 3.1vmin;
		margin-right: 4vmin;
	}
	.technical .box .ahead .sort a i{
		width: 3.1vmin;
		height: 3.1vmin;
		margin-right: 1.8vmin;
	}
	.technical .box .ahead .sort a span{
		padding-top: 1px;
	}
	.technical .box .ahead .title{
		padding-bottom: 2.7vmin;
	}
	.technical .box .ahead .textbox{
		padding-top: 4.2vmin;
	}
	.technical .box .aside-item .forum-content .tagbox a,
	.search-result .aside-item .forum-content .tagbox a{
        min-width: 20vmin;
        height: 7.29vmin;
        border-radius: 3.645vmin;
        font-size: 3.2vmin;
        padding: 0 5vmin;
    }
    .draft-operate .btn{
		margin-left: 4vmin;
		font-size: 3.2vmin;
	}
	.draft-operate .btn i{
		width: 3.2vmin;
		height: 3.2vmin;
		margin-right: 1.67vmin;
	}
    .technical .box .aside-item .forum-content .text,
    .search-result .aside-item .forum-content .text{
    	margin-top: 4.2vmin;
    }
    .technical .box .aside-item .forum-content .below,
    .search-result .aside-item .forum-content .below{
    	margin-top: 4.2vmin;
    }
    .technical .box .aside-item .forum-content .text, 
    .technical .box .aside-item .forum-content .text a,
    .search-result .aside-item .forum-content .text,
    .search-result .aside-item .forum-content .text a{
    	font-size: 3.6vmin;
    }
    .technical .box .aside-item .forum-content .below .issuer .icon,
    .search-result .aside-item .forum-content .below .issuer .icon{
    	margin-right: 2.1vmin;
    }
    .technical .box .aside-item .forum-content .below .issuer .icon img,
    .search-result .aside-item .forum-content .below .issuer .icon img{
    	width: 4.2vmin;
    }
    .technical .box .aside-item .forum-content .below .issuer, 
    .technical .box .aside-item .forum-content .below .issuer a,
    .search-result .aside-item .forum-content .below .issuer,
    .search-result .aside-item .forum-content .below .issuer a{
    	font-size: 3.2vmin;
    }
    .technical .box .aside-item .collect a i{
		width: 2.8vmin;
	    height: 2.8vmin;
	    margin-right: 1.67vmin;
	}
	.technical .box .aside-item .collect a span {
    	font-size: 3vmin;
    }
    .technical .box .ahead .textbox{
    	font-size: 3.6vmin;
    }
    .bar-content .sp{
    	margin-left: 2.9vmin;
        font-size: 3vmin;
    }
    .bar-content img{
    	margin-right: 1.67vmin;
    	max-width: 2.75vmin;
    }
    .forum-search {
        margin-top: 2.7vmin;
        margin-bottom: 2.7vmin;
    }
    .forum-search .text {
		padding: 0 4.5vmin;
		height: 3.125rem;
		width: calc(100% - 3.75rem);
		font-size: 1rem;
	}
	.forum-search .btns {
		width: 3.75rem;
		height: 3.125rem;
	}
	.forum-search .btns img{
		max-width: 1.125rem;
	}
	
	.edit-content .layui-form-item .subtitle{
		font-size: 3.8vmin;
		margin-bottom: 3.8vmin;
	}
	
	.edit-content .layui-form-item .subtitle{
		font-size: 4vmin;
		margin-bottom: 4vmin;
	}
	.comment-list .comment-list-head .subtitle .t1{
		font-size: 4vmin;
	}
	.comment-list ul li .text{
		font-size: 3.3vmin;
	}
	.comment-list-bar .avatarbox .sp{
		font-size: 3vmin;
	}
	.comment-list-bar .avatarbox span img{
		max-width: 3.2vmin;
	}
	.comment-list-bar .avatarbox span .ic1{
		width: 3.2vmin;
		height: 3.2vmin;
	}
	.comment-list-bar .avatarbox span .ic2{
		width: 2.8vmin;
	}
	.article-bar{
		margin-top: 3.5vmin;
	}
	.comments-article .title .t2 span img{
		width: 3.6vmin;
	}
	.article-bar img{
		max-width: 3.2vmin;
		margin-right: 0.3rem;
	}
	.article-bar .sp{
		font-size: 3.2vmin;
		margin-right: 3.2vmin;
	}
	
	.edit-content .layui-form-item.other .layui-btn{
		min-width: 24vmin;
        height: 8vmin;
        border-radius: 4vmin;
        font-size: 3.2vmin;
	}
	.edit-content .layui-form-item.other .layui-input-block .layui-form-checkbox[lay-skin=primary]>div{
		font-size: 3.2vmin;
	}
	.edit-content .layui-form-item.other .layui-form-checkbox[lay-skin=primary]>i{
		width: 3.2vmin;
		height: 3.2vmin;
		font-size: 2.5vmin;
	}
	.cultivate .box ul li,
	.search-result .cultivate ul li{
		margin-bottom: 1.6rem;
	}
	.cultivate .box ul li .textbox .text,
	.search-result .cultivate ul li .textbox .text{
		margin-bottom: 3.5vmin;
	}
	.cultivate .box ul li .textbox .t1 span,
	.search-result .cultivate ul li .textbox .t1 span{
		font-size: 4.2vmin;
	}
	.cultivate .box ul li .textbox .t2,
	.search-result .cultivate ul li .textbox .t2{
		margin-top: 2.5vmin;
		font-size: 3.2vmin;
	}
	.cultivate .box ul li .textbox .more span,
	.search-result .cultivate ul li .textbox .more span{
		font-size: 3.2vmin;
	}
	.cultivate-details .box{
		margin-top: 5.5vmin;
	}
	.cultivate-details .title .t1{
		font-size: 4.8vmin;
	}
	.detail-share{
		margin-top: 4vmin;
	}
	.detail-share a {
	    font-size: 3.4vmin;
	}
	.detail-share a img {
	    margin-right: 1.76vmin;
	    width: 3.5vmin;
	}
	
	.mainnew .swiper .textbox .current_btn a{
		font-size: 2.9vmin;
	}
	.mainnew .swiper .textbox .current_btn a span{
		height: 8vmin;
    	padding: 0 3.5vmin;
	}
	.mainnew .swiper .textbox .current_btn a i{
		width: 8vmin;
		height: 8vmin;
	}
	
	.mainnew .swiper .textbox{
		padding: 6vmin;
	}
	.mainnew .swiper .textbox .t1{
		font-size: 3.2vmin;
	}
	.mainnew .swiper .textbox .t2{
		font-size: 4.7vmin;
	}
	.mainnew .swiper .textbox .t3{
		font-size: 3.2vmin;
	}
	.mainnew .swiper .textbox .current_btn{
		margin-top: 4.5vmin;
	}
	.newlist ul{
		margin-bottom: 11vmin;
	}
	.newlist ul li {
        padding-bottom: 5.5vmin;
        margin-bottom: 5.5vmin;
    }
	.newlist ul li .date{
		margin-top: 6vmin;
		font-size: 3.5vmin;
	}
	.newlist ul li .date .size30{
		font-size: 4.5vmin;
	}
	.newlist ul li .textbox .text{
		padding-top: 2.5vmin;
	}
	.newlist ul li .textbox .text .size24{
		font-size: 4.2vmin;
	}
	.newlist ul li .textbox .size18{
		margin-top: 3vmin;
		font-size: 3.2vmin;
	}
	.newlist ul li .textbox .more{
		margin-top: 3vmin;
	}
	.newlist ul li .textbox .more a{
		font-size: 3.2vmin;
	}
	.new-details .box .articlebox .title .size30{
		margin-bottom: 4vmin;
	}
	.new-details .box .articlebox .title .txt{
		font-size: 3.2vmin;
	}
	.new-details .box .articlebox .title .txt span {
        margin-right: 5.8vmin;
        margin-bottom: 2vmin;
    }
    .new-details .box .articlebox .textbox{
    	padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .new-details .box .related-news{
    	margin-top: 1.5rem;
    }
    .new-details .box .related-news ul{
    	margin-top: 1.5rem;
    }
    .new-details .box .related-news ul li{
    	margin-bottom: 1rem;
    }
    .prvenext ul li a{
    	padding-top: 1rem;
    	padding-bottom: 1rem;
    	font-size: 3.2vmin;
    }
    
    .address .box ul li .text .size20,
    .partner .box ul li .text .title{
		font-size: 3.5vmin;
	}
	.address .box ul li .text ul,
	.partner .box ul li .text dl{
		font-size: 2.8vmin;
	}
	.obanner .bannerTitle .btns .btn{
		min-width: 31.25vmin;
		height: 9vmin;
		border-radius: 4.5vmin;
		padding: 0 3.2vmin;
		font-size: 3.2vmin;
		margin: 0 2.5vmin;
	}
	.obanner .bannerTitle .btns .btn i {
	    margin-left: 3.125vmin;
	    width: 0.7857142857142857rem;
	    height: 0.9285714285714286rem;
	}
	.promote .box ul li:nth-child(odd) .textbox {
		padding-top: 5.6vmin;
	    padding-left: 5.6vmin;
	    padding-right: 5.6vmin;
	}
	.career-path .wrap .textbox .text{
		padding: 5.6vmin;
	}
	
	.corporate-culture .box{
		margin-top: 7.5%;
	}
	.corporate-culture .box ul li .textbox{
		padding: 5.6vmin;
	}
	.recruit .box{
		margin-top: 7.5%;
	}
	.recruit .box ul li{
		padding: 5.6vmin;
	}
	.recruit .box ul li .subtit{
		padding-bottom: 1rem;
	}
	.followbox .wrap{
		padding: 7vmin 5.6vmin;
	}
	.followbox .wrap ul li img{
		max-width: 22vmin;
	}
	.service-edit .title h3{
		font-size: 4.2vmin;
	}
	.service .leftsidebar{
		padding: 5.6vmin;
	}
	.service .leftsidebar>ul>li>a,
	.service .leftsidebar>ul>li .title{
		min-height: 11.5vmin;
		font-size: 3.5vmin;
		padding-right: 4vmin;
	}
	.service .leftsidebar>ul>li>a:hover,
	.service .leftsidebar>ul>li.on>a,
	.service .leftsidebar>ul>li>.title:hover,
	.service .leftsidebar>ul>li.on>.title{
		padding-left: 4vmin;
	}
	.service .leftsidebar ul li ul{
		padding-top: 4vmin;
		padding-bottom: 3vmin;
		padding-left: 4vmin;
		padding-right: 4vmin;
	}
	.service .leftsidebar ul li ul li a{
		min-height: 8vmin;
		font-size: 3.3vmin;
	}
	.service .leftsidebar ul li ul li .title{
		min-height: 8vmin;
		font-size: 3.3vmin;
	}
	.service .leftsidebar ul li ul li ul{
		padding-top: 1vmin;
		padding-bottom: 1vmin;
	}
	.service .rightbox{
		margin-top: 10%;
	}
	.service-edit .text{
		padding-top: 4.5vmin;
		font-size: 3.4vmin;
	}
	.architecture .box .left_w{
		padding: 5.6vmin 5.6vmin 8vmin;
	}
	.architecture .box .left_w .text {
	    margin-top: 4vmin;
	    margin-bottom: 6vmin;
	}
	.architecture .box .left_w .text li{
		padding-top: 3.5vmin;
		padding-bottom: 3.5vmin;
	}
	.architecture .box .left_w .img{
		margin-top: 5vmin;
	}
	.architecture .box .right_w{
		padding: 5.6vmin;
	}
	.architecture .box .right_w .wrap .w2{
		padding-top: 1vmin;
		font-size: 2.7vmin;
	}
	.core-technology .box .curtitle{
		margin-bottom: 9%;
	}
	.core-technology .box ul li{
		margin-bottom: 6%;
	}
	.core-technology .box ul li .icon span{
		width: 10.5vmin;
		height: 10.5vmin;
	}
	.core-technology .box ul li .text .t1{
		font-size: 3.4vmin;
	}
	.core-technology .box ul li .text .t2{
		font-size: 3vmin;
	}
	.technical-patents .imgbox img {
	    min-height: 70vmin;
	}
	
	.introduce .about-num{
		width: 100%;
	}
	.introduce .about-num ul li {
        margin-bottom: 4vmin;
        padding-bottom: 3.28125vmin;
    }
	.introduce .about-num ul li .t1 .icon img {
		max-width: 4.2vmin;
	}
	.introduce .about-num ul li .t1 .text .timer {
		font-size: 7.5vmin;
	}
	.introduce .about-num ul li .t1 .text .sp {
		font-size: 3.5vmin;
	}
	.introduce .about-num ul li .t2{
		font-size: 3.5vmin;
	}
	.ability .box ul{
		margin-top: 7%;
	}
	.ability .box ul li{
		min-height: 25vmin;
	}
	.ability .box ul li .item{
		padding: 5vmin;
	}
	.ability .box ul li .item .t1 {
		font-size: 4.2vmin;
		margin-bottom: 2vmin;
	}
	.ability .box ul li .item .t1 img {
		max-width: 6vmin;
		margin-right: 2.5vmin;
	}
	.ability .box ul li .item .t2 {
		font-size: 3.2vmin;
	}
	.culture{
		padding-bottom: 12vmin;
	}
	.culture .box{
		margin-top: 7%;
	}
	.culture .box ul li .text .t2{
		font-size: 4.2vmin;
	}
	.culture.padt140{
		padding-top: 12vmin;
	}
	.culture .box ul li{
		padding: 5vmin;
	}
	.culture .box ul li .text .t1{
		padding-right: 14vmin;
	}
	.culture .box ul li .text .t2{
		font-size: 1.7rem;
	}
	.culture .box ul li .icon{
		right: 5vmin;
        width: 12vmin;
        height: 12vmin;
	}
	.development .box{
		margin-top: 7%;
	}
	.development .history-swiper .swiper-slide .item{
		padding: 5vmin;
	}
	.development .history-swiper .size24{
		font-size: 4.5vmin;
	}
	.development .body-bottom{
		margin-top: 9%;
	}
	.development .history-text .icon {
		width: 4.8vmin;
		height: 4.8vmin;
		margin-top: 0.5rem;
	}
	.development .history-text .icon:after {
		width: 2.3vmin;
		height: 2.3vmin;
	}
	.throughout {
        padding-top: 12vmin;
        padding-bottom: 20vmin;
    }
    
    .filling{
    	padding-top: 13.75vmin;
    }
    .register .box, .binding .box{
    	margin-top: 6.4vmin;
    	padding: 7vmin 5.6vmin;
    }
    .register .step-tab ul{
    	width: 100%;
    	min-width: 100%;
    }
    .register .step-tab ul:before,
	.register .step-tab ul li:first-child .serial:before,
	.register .step-tab ul li:last-child .serial:before{
		top: 3.75vmin;
	}
	.register .step-tab ul li .serial span {
	    width: 7.5vmin;
	    height: 7.5vmin;
	    font-size: 0.9375rem;
	}
	.register .step-tab ul li .text{
		margin-top: 0.8rem;
		font-size: 3.2vmin;
	}
	.register .stepbox{
		margin-top: 7.5vmin;
	}
	.register .layui-input-block input{
		font-size: 3.2vmin;
        padding: 0 3vmin;
        height: 9vmin;
	}
	.register .verification .btnSendCode{
		width: 27vmin;
	}
	.register .verification .btnSendCode input{
		font-size: 3.2vmin;
        height: 9vmin;
	}
	.register .box .layui-form-checkbox>div,
	.binding .box .layui-form-checkbox>div{
		font-size: 3.2vmin;
		padding-right: 1.5vmin;
	}
	.register .layui-form-item{
		margin-bottom: 4.5vmin;
	}
	.register .layui-form-label,
	.register .layui-form-item .form-item .label,
	.binding .layui-form-label{
		margin-bottom: 2vmin;
	}
	.binding .layui-input-block .layui-form-radio, .register .layui-input-block .layui-form-radio{
		margin-right: 3.5vmin;
		margin-top: 0;
	}
	.register .layui-btn{
		margin-top: 2vmin;
		font-size: 3.4vmin;
	}
	.register .go-login{
		margin-top: 3vmin;
	}
	.binding .layui-form-radio:before,
	.register .layui-form-radio:before {
		width: 3.5vmin;
		height: 3.5vmin;
	}
	.logon .box{
		padding: 7vmin 5.6vmin;
	}
	.logon .tab-content{
		margin-top: 6vmin;
	}
	.logon .codebox ul li img{
		max-width: 32vmin;
	}
	.logon .tab-content .form-item input{
		font-size: 3.2vmin;
		height: 9vmin;
	}
	.logon .layui-form-item.btns button{
		font-size: 3.4vmin;
		height: 9vmin;
	}
	.logon .form-group,
	.logon .otherbox,
	.login-methods .subtit span{
		font-size: 3.2vmin;
	}
	.logon .tab-content .form-item .label{
		font-size: 3.2vmin;
		padding: 0 3vmin;
	}
	.logon .tab-content .verification .btnSendCode input{
		width: 27vmin;
		height: 9vmin;
		font-size: 3.2vmin;
	}
	.logon .tab-content .form-item input{
		padding: 0 3vmin;
	}
	.register .layui-form-item .layui-form-checkbox[lay-skin=primary]>div, .logon .layui-form-item .layui-form-checkbox[lay-skin=primary]>div{
		font-size: 3.2vmin;
	}
	.binding .layui-input-block .layui-form-radio *, 
	.register .layui-input-block .layui-form-radio *{
		font-size: 3.2vmin;
	}
	.binding .layui-input-block .layui-form-radio>div, 
	.register .layui-input-block .layui-form-radio>div{
		padding-top: 2px;
	}
	.binding .layui-input-block input{
		font-size: 3.2vmin;
	}
	.shoppingcart .box{
        margin-top: 6.4vmin;
        padding: 7vmin 5.6vmin;
	}
	.view-process ul{
		padding: 3vmin 1vmin;
		width: 100%;
	}
	.view-process ul li{
		padding-right: 6vmin;
		font-size: 2.75vmin;
	}
	.view-process ul li:before{
		right: 2.8vmin;
		width: 0.4rem;
	}
	.view-process ul li span {
        width: 2.5vmin;
        height: 2.5vmin;
        margin-top: -0.5vmin;
        margin-right: 0.5rem;
        font-size: 2vmin;
    }
    .deliverybtns .btn{
    	min-width: 20.625vmin;
        font-size: 2.7vmin;
        padding: 0 2vmin;
        height:7vmin;
        margin-right: 1.7vmin;
        margin-bottom: 2.5vmin;
    }
    .refresh-btn a{
    	font-size: 3.2vmin;
    }
    .refresh-btn a img {
        margin-right: 1.5vmin;
        width: 2.8vmin;
    }
    .shoppingcart .summary{
    	padding-top: 6vmin;
        padding-bottom: 4vmin;
        font-size: 3.2vmin;
    }
	.shoppingcart .summary .total{
		flex-wrap: wrap;
		justify-content: flex-end;
		text-align: right;
		margin-top: 3vmin;
	}
	.shoppingcart .summary .total .price{
		font-size: 4.2vmin;
	}
	.c-table td {
        padding: 1rem 0.5rem 1rem 0.3125rem;
    }
	.shoppingcart .summary .total .layui-input-block{
		margin-top: 1rem;
	}
	.shoppingcart .summary .total .layui-input-block .layui-btn{
		min-width: 22vmin;
	}
	.shoppingcart .summary .total .text{
		width: 100%;
	}
	.shoppingcart .wrap{
		margin-top: 9%;
	}
	.order-infor .headline{
		font-size: 4.2vmin;
		padding-bottom: 2.4vmin;
	}
	.order-infor .order-item{
		margin-top: 6.5vmin;
	}
	.shoppingcart .rubric{
		font-size: 3.6vmin;
	}
	.order-infor .order-item .balancebox{
		margin-top: 3vmin;
		font-size: 3.2vmin;
	}
	.order-infor .order-item .balancebox .layui-form-item .layui-form-switch{
		width: 9vmin;
	}
	.order-infor .order-item .add-address a{
		font-size: 3.4vmin;
	}
	.order-infor .order-item .addresslist ul li{
		font-size: 3.2vmin;
		padding-top: 4vmin;
        padding-bottom: 4vmin;
        margin-bottom: 2.5vmin;
	}
	.order-item .c-item{
		padding-top: 4vmin;
		padding-bottom: 4vmin;
	}
	.order-item .c-item .tit{
		font-size: 3.4vmin;
	}
	.order-item .c-item .tit .sp{
		font-size: 3.2vmin;
	}
	.order-item .c-item .invoicebox ul li{
		padding: 3.2vmin;
	}
	.shoppingcart .radio-group .radio-item{
		margin-right: 4.5vmin;
        margin-bottom: 3.2vmin;
	}
	.shoppingcart .radio-group .radio-item .text,
	.shoppingcart .radio-group .radio-item .remarks{
		font-size: 3.2vmin;
	}
	.c-padm .c-item .rowbox ul li:nth-child(1),
	.order-item .c-item .invoicebox ul li:nth-child(1){
		margin-top: 0;
	}
	.c-padm .c-item .rowbox ul li .t1{
		font-size: 3.2vmin;
	}
	.c-padm .c-item .rowbox ul li .t2{
		font-size: 3.2vmin;
	}
	.order-infor .order-item .layui-textarea{
		padding: 3.2vmin;
		font-size: 3.2vmin;
	}
	.order-infor .settlement .t1{
		font-size: 3.5vmin;
	}
	.order-infor .settlement .t2 {
		margin-top: 1.5vmin;
		font-size: 3.5vmin;
	}
	.order-infor .settlement .layui-form-item {
		margin-top: 5vmin;
	}
	.order-infor .settlement .layui-form-item .layui-form-checkbox[lay-skin=primary]>div,
	.order-infor .settlement .layui-form-item .layui-input-block a{
		font-size: 3.2vmin;
	}
	.order-infor .settlement .layui-form-item .layui-btn {
        min-width: 23vmin;
        height: 9vmin;
        font-size: 3.5vmin;
    }
    .place-order .content ul li{
    	font-size: 3.2vmin;
    	margin-bottom: 8vmin;
    }
    .place-order .content ul li.order-num{
    	padding-top: 8vmin;
    }
    .place-order .content ul li .t1{
    	width: auto;
    	white-space: nowrap;
    	margin-right: 0.75rem;
    }
    .place-order .content ul li .t2{
    	flex: 1;
    }
    .place-order .content ul li .view-btn, .place-order .content ul li .print-btn{
    	font-size: 3.2vmin;
    }
    .place-order .content ul li .view-btn img, .place-order .content ul li .print-btn img{
    	margin-right:1.6vmin;
        width: 3.2vmin;
    }
    .place-order .content ul li .codebox{
    	margin-top: 4.5vmin;
        min-height: 1px;
    }
    .place-order .content ul li .codebox img {
        width: 25vmin;
    }
    .place-order .layui-form .layui-input-block{
    	margin-left: 0.8rem;
        margin-right: 0.8rem;
    }
    .place-order .layui-form .layui-input-block .layui-btn, .payment-popup .layui-btn{
    	min-width: 25vmin;
        height: 9vmin;
        font-size: 3.4vmin;
        padding: 0 3.2vmin;
    }
    .advanced-search .title .t2, .search-result .title .t2{
		font-size: 3.2vmin;
	}
	.advanced-search .box{
		margin-top: 6%;
	}
	.advanced-search .box .item{
		margin-bottom: 6%;
	}
	.advanced-search .box .item .search-container{
		margin-top: 5%;
		padding-left: 4vmin;
		padding-right: 4vmin;
	}
	.advanced-search .box .item .fa-search, .advanced-search .box .item .clear-search{
		width: 7vmin;
		height: 10vmin;
	}
	.advanced-search .box .item .search-input{
		font-size: 3.2vmin;
	}
}


/*.banner .thumbs-box{
	display: none;
}
.index_application .columnwrap ul li dl{
	display: none;
}*/




.common-popup.general-popup.init-flex{
	/*align-items: center;*/
}
.general-popup .head {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-bottom: 15px;
	margin-bottom: 24px;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	font-family: 'HONORSansCN-DemiBold';
	font-size: 24px;
	color: #000000;
	line-height: 1.1;
}
.general-popup .general_text{
	font-size: 16px;
	color: #333333;
	line-height: 1.7;
}
@media screen and (min-width: 1025px) and (max-width: 1920px) {
	.general-popup .head{
		padding-bottom: 0.78125vw;
        margin-bottom: 1.25vw;
        font-size: 1.25vw;
	}
	.general-popup .general_text{
		font-size: 0.8333333333333333vw;
	}
}
@media screen and (max-width: 1024px) {
	.general-popup .head{
		padding-bottom: 0.9375rem;
        margin-bottom: 1.5rem;
        font-size: 1.25rem;
	}
	.general-popup .general_text{
		font-size: 1rem;
	}
}


.common-popup.general-popup2.init-flex{
	align-items: center;
}
.general-popup2 .head {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-bottom: 15px;
	margin-bottom: 24px;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	font-family: 'HONORSansCN-DemiBold';
	font-size: 24px;
	color: #000000;
	line-height: 1.1;
}
.general-popup2 .general_text{
	font-size: 16px;
	color: #333333;
	line-height: 1.7;
}
@media screen and (min-width: 1025px) and (max-width: 1920px) {
	.general-popup2 .head{
		padding-bottom: 0.78125vw;
        margin-bottom: 1.25vw;
        font-size: 1.25vw;
	}
	.general-popup2 .general_text{
		font-size: 0.8333333333333333vw;
	}
}
@media screen and (max-width: 1024px) {
	.general-popup2 .head{
		padding-bottom: 0.9375rem;
        margin-bottom: 1.5rem;
        font-size: 1.25rem;
	}
	.general-popup2 .general_text{
		font-size: 1rem;
	}
}

/**/
.progress-bar{
	display: none;
}
.main-swiper .swiper-pagination{
	width: 100%;
	bottom: 3vw;
}
.main-swiper .swiper-pagination-bullet{
	position: relative;
	width: 30px;
	height: 6px;
	border-radius: 3px;
	margin: 0 6px;
	opacity: 1;
	background: none;
	overflow: hidden;
}
.main-swiper .swiper-pagination-bullet-active{
	width: 70px;
	opacity: 1;
	background: none;
}
.main-swiper .swiper-pagination-bullet span{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	opacity: 0.4;
}
.main-swiper .swiper-pagination-bullet i{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 0;
	height: 100%;
	background: #FFFFFF;
}

.filter-search .searchtext{
	position: relative;
	width: calc(100% - 60px);
}
.filter-search .searchtext .text{
	width: 100%;
}
.filter-search .btns img{
	max-width: 18px
}
.prompttext{
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 5;
	width: 100%;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
	background: #FFFFFF;
	padding: 12px 0px;
	box-sizing: border-box;
	/* display: none; */
}
.prompttext ul{
	overflow-y: auto;
    max-height: 200px;
}
.prompttext ul::-webkit-scrollbar {
	width: 2px;
}
.prompttext ul::-webkit-scrollbar-track {
	background: #f5f5f5;
}
.prompttext ul::-webkit-scrollbar-thumb {
	background: -webkit-linear-gradient(to bottom, #0ab496, #78b83c);
	background: linear-gradient(to bottom, #0ab496, #78b83c);
}
.prompttext ul::-webkit-scrollbar-thumb:hover {
	background: -webkit-linear-gradient(to bottom, #0ab496, #78b83c);
	background: linear-gradient(to bottom, #0ab496, #78b83c);
}
.prompttext ul li{
	margin-bottom: 4px;
}
.prompttext ul li:last-child{
	margin-bottom: 0;
}
.prompttext ul li a{
	display: block;
	width: 100%;
	padding: 4px 10px;
	color: rgba(0, 0, 0, 0.6);
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.prompttext ul li a:hover{
	color: #0ab496;
}
@media screen and (min-width: 1025px) and (max-width: 1920px) {
	.main-swiper .swiper-pagination-bullet{
		width: 1.5625vw;
		height: 0.3125vw;
		border-radius: 0.15625vw;
		margin: 0 0.3125vw;
	}
	.main-swiper .swiper-pagination-bullet-active{
		width: 3.645833333333333vw;
	}
	.filter-search .searchtext{
		width: calc(100% - 3.125vw);
	}
	.filter-search .btns img{
		max-width: 0.9375vw;
	}
	.prompttext{
		padding: 0.625vw 0;
	}
	.prompttext ul li{
		margin-bottom: 0.2083333333333333vw;
	}
	.prompttext ul li a{
		padding: 0.2083333333333333vw 0.5208333333333333vw;
	}
}
@media screen and (max-width: 1024px) {
	.main-swiper .swiper-pagination{
		bottom: 2rem;
	}
	.filter-search .searchtext{
		width: calc(100% - 3.75rem);
	}
	.prompttext{
		padding: 0.625rem 0;
	}
	.prompttext ul li a{
		padding: 0.3125rem 0.625rem;
	}
}
@media screen and (max-width: 768px) {
	.main-swiper .swiper-pagination-bullet{
		width: 1rem;
		height: 0.32rem;
		border-radius: 0.16rem;
		margin: 0 0.3rem;
	}
	.main-swiper .swiper-pagination-bullet-active{
		width: 3rem;
	}
	
	.prompttext.size16{
		padding: 1rem 0;
		font-size: 1rem;
	}
	.prompttext ul li{
		margin-bottom: 2px;
	}
	.prompttext ul li a{
		padding: 0.5rem 1rem;
	}
	
}

.replenishtag{
	background: #bdbdbd;
}


/*20241125*/
.new-details .box .articlebox .textbox img{
	height: auto;
}
.service .leftsidebar>ul>li>a, .service .leftsidebar>ul>li>.title{
	font-size: 18px;
}
.service .leftsidebar ul li ul li a{
	font-size: 16px;
}
@media screen and (min-width: 1025px) and (max-width: 1920px) {
	.service .leftsidebar>ul>li>a, .service .leftsidebar>ul>li>.title{
		font-size: 0.9375vw;
	}
	.service .leftsidebar ul li ul li a{
		font-size: 0.8333333333333333vw;
	}
}
@media screen and (max-width: 1024px) {
	.service .leftsidebar>ul>li>a, .service .leftsidebar>ul>li .title{
		font-size: 1.05rem;
	}
	.service .leftsidebar ul li ul li a{
		font-size: 0.935rem;
	}
}
@media screen and (max-width: 768px){
	.service .leftsidebar ul li ul{
		display: none;
	}
	.service .leftsidebar>ul>li>a,
	.service .leftsidebar>ul>li>.title{
		padding-right: 1.25rem;
	}
}
@media screen and (max-width: 480px){
	.service .leftsidebar>ul>li>a,
	.service .leftsidebar>ul>li .title{
		font-size: 3.5vmin;
	}
	.service .leftsidebar ul li ul li a{
		font-size: 3.3vmin;
	}
}




.sidebarbtn{
	position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    width: 23px;
    height: 40px;
    background: url(/assets/home/css/images/icon109.png) center no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    display: none;
    -webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.sidebarbtn.hide{
	opacity: 0;
	-webkit-transform: translate(100%, -50%);
	transform: translate(100%, -50%);
}
.sidebarclose{
	margin-top: 15px;
	text-align: center;
	display: none;
}
.sidebarclose img{
	max-width: 54%;
}
@media screen and (max-width: 1024px){
	.sidebarbtn{
		display: block;
	}
	.sidebarclose{
		display: block;
	}
	.sidebar .content{
		opacity: 0;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.sidebar.show .content{
		opacity: 1;
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}


.index_autoelectronics .wrap ul li.a1{
	top: 32%;
	/*width: 42%;*/
	width: 40%;
}
.index_autoelectronics .wrap ul li.a2{
	/*width: 25%;*/
	width: 23%;
}
.index_autoelectronics .wrap ul li.a3{
	/*top: 24%;
	width: 40%;*/
	top: 25%;
    width: 38%;
}
.index_autoelectronics .wrap ul li.a4{
	right: 6%;
	/*bottom: 9%;
	width: 39%;*/
	bottom: 7%;
	width: 42%;
}
.index_autoelectronics .wrap ul li.a5{
	width: 23%;
	right: 2%;
}
@media screen and (max-width: 1816px) {
	.index_autoelectronics .wrap ul li.a1{
		top: 30%;
	}
	.index_autoelectronics .wrap ul li.a4{
		/*bottom: 7.5%;*/
		bottom: 6%;
	}
	.index_autoelectronics .wrap ul li.a5{
		top: 5%;
	}
}

@media screen and (max-width: 1024px) {
	.index_autoelectronics .wrap ul li.a1{
		top: 28%;
	}
	.index_autoelectronics .wrap ul li.a3{
		left: 0;
    	top: 12%;
    	/*width: 60%;*/
    	width: 57%;
    }
    .index_autoelectronics .wrap ul li.a4{
    	bottom: 4%;
    }
    .index_autoelectronics .wrap ul li.a5{
    	top: 3%;
    }
    .index_autoelectronics .wrap ul li .text span{
   		font-size: 1.6vmin;
   	}
   	.index_autoelectronics .wrap ul li dl{
   		font-size: 1.4vmin;
   	}
    /**/
   	.footer .box{
		flex-direction: column;
	}
	.footer .lookup{
		margin-top: 0;
	}
	.footer .box .wrap{
		margin-top: 3rem;
	}
	.footer .box .footernav{
		justify-content: flex-start;
		border-top: rgba(255, 255, 255, 0.2) solid 1px;
		border-bottom: none;
		padding-top: 2.1875rem;
		padding-bottom: 1rem;
	}
	.footer .footerbottom{
		margin-top: 2.5rem;
	}
	/**/
	.footer .box .qrcode ul{
		justify-content: flex-start;
	}
	.footer .box .qrcode .text{
		text-align: left;
	}
	.footer .footershare ul{
		justify-content: flex-start;
	}
	.footer .copylink{
		text-align: left;
	}
	/**/
	.index_autoelectronics .wrap ul li.a4 dl, .index_autoelectronics .wrap ul li.a5 dl{
		width: 70%;
	}
}
@media screen and (max-width: 640px) {
	.index_application{
		height: auto;
		min-height: 136vw;
	}
	.index_autoelectronics{
		/*min-height: calc(100vh - 4.375rem);*/
		height: auto;
		min-height: 136vw;
	}
	.index_autoelectronics.AutoElectronics{
		margin-top: 5%;
		min-height: 1px;
	}
	.index_autoelectronics .wrap ul li.a1{
		top: 0;
   		left: auto;
   		right: 0;
   		width: 100%;
   		height: 50vw;
   		align-items: flex-start;
	}
	.index_autoelectronics .wrap ul li.a2{
		top: 0;
   		left: auto;
   		right: 0;
   		width: 100%;
   		height: 64vw;
   		align-items: flex-start;
	}
	.index_autoelectronics .wrap ul li.a3{
		top: 0;
   		left: auto;
   		right: 0;
   		width: 100%;
   		height: 44vw;
   		align-items: flex-start;
	}
	.index_autoelectronics .wrap ul li.a4{
		top: 0;
   		left: auto;
   		right: 0;
   		width: 100%;
   		height: 50vw;
   		align-items: flex-start;
	}
	.index_autoelectronics .wrap ul li.a5{
   		top: 0;
   		left: auto;
   		right: 0;
   		width: 100%;
   		height: 45vw;
   		align-items: flex-start;
   	}
   	.index_autoelectronics .wrap{
   		padding-top: 12vw;
   	}
   	.index_autoelectronics .wrap ul li.a1 .w1{
   		/*left: 40%;*/
   		left: 38%;
   		right: auto;
   		bottom: 0;
   	}
   	.index_autoelectronics .wrap ul li.a2 .w1{
   		/*left: 24%;*/
   		left: 22%;
   		right: auto;
   		bottom: 0;
   	}
   	.index_autoelectronics .wrap ul li.a3 .w1{
   		left: 55%;
   		right: auto;
   		bottom: 0;
   	}
   	.index_autoelectronics .wrap ul li.a4 .w1{
   		/*left: 54%;*/
   		left: 51%;
        right: auto;
        bottom: 0;
        top: auto;
   	}
   	.index_autoelectronics .wrap ul li.a5 .w1{
   		left: auto;
        /*right: 22%;*/
        right: 24%;
        bottom: 0;
        top: auto;
   	}
   	.index_autoelectronics .wrap ul li .w2{
   		display: flex;
   		flex-direction: column-reverse;
   	}
   	.index_autoelectronics .wrap ul li .w2 .text{
   		display: none;
   	}
   	.index_autoelectronics .wrap ul li .line{
   		display: none;
   	}
   	.index_autoelectronics .wrap ul li .text span{
   		font-size: 1.15rem;
   	}
   	.index_autoelectronics .wrap ul li dl{
   		position: static;
   		max-width: 100%;
   		width: 100%;
   		font-size: 1rem;
   		column-gap: 3vmin;
   	}
   	.index_autoelectronics .wrap ul li dl dd{
   		width: auto;
   		min-width: 90px;
   		margin-right: 0;
   		box-shadow: none;
   		background: rgba(0, 0, 0, 0.02);
		border: rgba(0, 0, 0, 0.1) solid 1px;
		margin-right: 0;
		margin-bottom: 0;
   	}
   	.index_autoelectronics .wrap ul li dl dd a{
   		min-height: 2.4rem;
        padding: 0.3rem 1rem;
        box-sizing: border-box;
   	}
   	.index_autoelectronics .wrap ul li .w1 .text{
   		min-width: 7rem;
   		height: 2.4rem;
        padding: 0.3rem 0.6rem;
        box-sizing: border-box;
        white-space: nowrap;
   	}
   	
	.index_autoelectronics .wrap ul li .text span{
   		font-size: 1.15rem;
   	}
   	.index_autoelectronics .wrap ul li dl{
   		width: 100%;
   		padding: 1.15rem;
   		box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
   		background: #FFFFFF;
   		box-sizing: border-box;
   		gap: 1rem;
   	}
   	.index_autoelectronics .wrap ul li.a4 dl, 
   	.index_autoelectronics .wrap ul li.a5 dl{
   		width: 100%;
   	}
   	.index_autoelectronics .wrap ul li.a3 .w1 .text{
   		transform: translateX(-9px);
   	}
   	.index_autoelectronics .wrap ul li:before{
   		content: '';
   		position: absolute;
   		bottom: 0;
   		z-index: -1;
   		width: 1px;
   		height: 0;
   		background: -webkit-linear-gradient(to bottom, #0ab496, #78b83c);
    	background: linear-gradient(to bottom, #0ab496, #78b83c);
    	-webkit-transition: all 0.8s ease;
    	transition: all 0.8s ease;
   	}
   	.index_autoelectronics .wrap ul li.active:before{
   		height: 85%;
   	}
   	.index_autoelectronics .wrap ul li.a1:before{
   		left: 39%;
   	}
   	.index_autoelectronics .wrap ul li.a2:before{
   		left: 23%;
   	}
   	.index_autoelectronics .wrap ul li.a3:before{
   		left: 56%;
   	}
   	.index_autoelectronics .wrap ul li.a4:before{
   		left: 52%;
   	}
   	.index_autoelectronics .wrap ul li.a5:before{
   		right: 25%;
   	}
   	.index_autoelectronics .wrap ul li.a1 dl,
	.index_autoelectronics .wrap ul li.a2 dl,
	.index_autoelectronics .wrap ul li.a3 dl,
	.index_autoelectronics .wrap ul li.a4 dl,
	.index_autoelectronics .wrap ul li.a5 dl{
		-webkit-transform: translate(0px,30px);
		transform: translate(0px,30px);
	}
	.index_autoelectronics .wrap ul li.active dl {
		-webkit-transform: translate(0, 0) !important;
		transform: translate(0, 0) !important;
		opacity: 1;
	}
}
@media screen and (max-width: 480px) {
	.footer .lookup{
		margin-top: 0;
	}
	.footer .box .wrap{
		margin-top: 7vmin;
	}
	.footer .box .footernav{
		padding-top: 7vmin;
		column-gap: 7vmin;
	}
	.footer .footerbottom{
		margin-top: 7vmin;
	}
	.index_application{
		height: auto;
		min-height: calc(100vh - 13.75vmin);
	}
	.index_autoelectronics{
		height: auto;
		min-height: calc(100vh - 13.75vmin);
	}
	.index_autoelectronics .wrap{
		padding-top: 15vh;
		margin-bottom: 10%;
	}
	.index_autoelectronics .wrap ul li.a1{
   		/*height: 38vh;*/
   		height: 40.5vh;
	}
	.index_autoelectronics .wrap ul li.a2{
   		/*height: 47.5vh;*/
   		height: 50vh;
	}
	.index_autoelectronics .wrap ul li.a3{
   		/*height: 35vh;*/
   		height: 37vh;
	}
	.index_autoelectronics .wrap ul li.a4{
   		/*height: 38.5vh;*/
   		height: 41vh;
	}
	.index_autoelectronics .wrap ul li.a5{
   		/*height: 35.5vh;*/
   		height: 37.5vh;
   	}
   	.index_autoelectronics .wrap ul li.a1 .w1{
   		/*left: 28%;*/
   		left: 26%;
   	}
   	.index_autoelectronics .wrap ul li.a2 .w1{
   		/*left: 10%;*/
   		left: 6%;
   	}
   	.index_autoelectronics .wrap ul li.a3 .w1{
   		/*left: 42%;*/
   		left: 46%;
   	}
   	.index_autoelectronics .wrap ul li.a4 .w1{
   		/*left: 45%;*/
   		left: 42%
   	}
   	.index_autoelectronics .wrap ul li.a5 .w1{
   		/*right: 27%;*/
   		right: 29%;
   	}
   	.index_autoelectronics .wrap ul li .w1 .text{
   		min-width: 12vmin;
        height: 5vmin;
        padding: 1vmin 2vmin;
   	}
   	.index_autoelectronics .wrap ul li .text span{
   		font-size: 2.6vmin;
   	}
   	.index_autoelectronics .wrap .imgbox{
   		width: 120%;
   		margin-left: -20%;
   	}
   	.index_autoelectronics .wrap ul li dl{
   		padding: 3.5vmin;
   		gap: 3vmin;
   		font-size: 2.8vmin;
   	}
   	.index_autoelectronics .wrap ul li dl dd{
   		min-width: 1px;
   	}
   	.index_autoelectronics .wrap ul li dl dd a{
        min-width: 1vmin;
        min-height: 7vmin;
   	}
   	.index_autoelectronics .wrap ul li.a1:before{
   		left: 27%;
   	}
   	.index_autoelectronics .wrap ul li.a2:before{
   		left: 7%;
   	}
   	.index_autoelectronics .wrap ul li.a3:before{
   		left: 47%;
   	}
   	.index_autoelectronics .wrap ul li.a4:before{
   		left: 43%;
   	}
   	.index_autoelectronics .wrap ul li.a5:before{
   		right: 30%;
   	}
}




.service-edit .text a{
	color: rgba(0,0,238,1);
}
.service-edit .text a:hover{
	text-decoration: underline;
}

.new-details .box .articlebox .textbox a{
	color: rgba(0,0,238,1);
}
.new-details .box .articlebox .textbox a:hover{
	text-decoration: underline;
}


/*20250110*/
@font-face {
	font-family: "HONORSansCN-Light";
	src: url('../font/HONORSansCN-Light.ttf');
	font-style: normal;
	font-display: swap;
}
.couponpage .swibtn{
	display: flex;
	flex-wrap: wrap;
	gap: 0.5208333333333333vw;
}
.couponpage .swibtn a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 7.291666666666667vw;
	height: 2.083333333333333vw;
	font-size: 0.9375vw;
	color: rgba(0,0,0,0.6);
	padding: 0 1.041666666666667vw;
	border: #e5e5e5 solid 1px;
	border-radius: 0.2604166666666667vw;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.couponpage .swibtn a.on,
.couponpage .swibtn a:hover{
	color: #ffffff;
	background: #0ab496;
	border: #0ab496 solid 1px;
}
.couponlist{
	margin-top: 2.083333333333333vw;
}

.couponlist ul{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.couponlist ul li{
	width: calc((100% - 1.041666666666667vw) / 2);
	margin-right: 1.041666666666667vw;
	margin-bottom: 1.041666666666667vw;
}
.couponlist ul li:nth-child(2n){
	margin-right: 0;
}
.couponlist ul li a{
	display: flex;
	align-items: stretch;
	width: 100%;
}
.couponlist.used ul li a,
.couponlist.expired ul li a{
	pointer-events: none;
}
.couponlist ul li .condition{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: 32.15%;
	border-radius: 0.5208333333333333vw 0 0 0.5208333333333333vw;
	overflow: hidden;
}
.couponlist.not_used ul li .condition{
	background: #0ab496;
}
.couponlist.used ul li .condition{
	background: #636363;
}
.couponlist.expired ul li .condition{
	background: #f4f4f4;
}
.couponlist ul li .condition .t1{
	font-family: "HONORSansCN-Bold";
	font-size: 1.5625vw;
}
.couponlist ul li .condition .t2{
	font-size: 0.7291666666666667vw;
}
.couponlist.not_used ul li .condition .t1,
.couponlist.used ul li .condition .t1{
	color: #FFFFFF;
}
.couponlist.not_used ul li .condition .t2,
.couponlist.used ul li .condition .t2{
	color: rgba(255,255,255,0.4);
}
.couponlist.expired  ul li .condition .t1{
	color: #000000;
}
.couponlist.expired ul li .condition .t2{
	color: rgba(0,0,0,0.4);
}
.couponlist ul li .explain{
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 67.85%;
	padding: 1.041666666666667vw 0.9375vw 1.041666666666667vw 1.302083333333333vw;
	border: rgba(0,0,0,0.1) solid 1px;
	border-left: none;
	box-sizing: border-box;
	border-radius: 0 0.5208333333333333vw 0.5208333333333333vw 0;
	overflow: hidden;
}

.couponlist ul li .explain .t1{
	color: #000000;
	font-size: 0.9375vw;
	white-space: nowrap;    
  	overflow: hidden;        
  	text-overflow: ellipsis; 
}
.couponlist ul li .explain .t2{
	margin-top: 0.2604166666666667vw;
	color: rgba(0,0,0,0.6);
	font-size: 0.7291666666666667vw;
	white-space: nowrap;    
  	overflow: hidden;        
  	text-overflow: ellipsis; 
}
.couponlist ul li .explain .t3{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 0.2604166666666667vw;
}
.couponlist ul li .explain .t3 .t3-1{
	font-family: "HONORSansCN-Light";
	color: rgba(0,0,0,0.6);
	font-size: 0.7291666666666667vw;
}
.couponlist ul li .explain .t3 .t3-2{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 5.208333333333333vw;
	height: 1.5625vw;
	padding: 0 0.78125vw;
	box-sizing: border-box;
	border-radius: 0.78125vw;
	border: rgba(0,0,0,0.1) solid 1px;
	color: #000000;
	font-size: 0.7291666666666667vw;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.couponlist.used ul li .explain .t3 .t3-2,
.couponlist.expired ul li .explain .t3 .t3-2{
	color: rgba(0,0,0,0.4);
}
.couponlist.not_used ul li:hover .explain .t3 .t3-2{
	background: #0ab496;
	color: #FFFFFF;
	border: #0ab496 solid 1px;
}

@media screen and (min-width: 1440px){
	.couponpage .swibtn{
		gap: 10px;
	}
	.couponpage .swibtn a{
		min-width: 140px;
		height: 40px;
		font-size: 18px;
		padding: 0 20px;
		border-radius: 5px;
	}
	.couponlist{
		margin-top: 40px;
	}
	.couponlist ul li{
		width: calc((100% - 20px) / 2);
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.couponlist ul li .condition{
		border-radius: 10px 0 0 10px;
	}
	.couponlist ul li .condition .t1{
		font-size: 30px;
	}
	.couponlist ul li .condition .t2{
		font-size: 14px;
	}
	.couponlist ul li .explain{
		padding: 20px 18px 20px 25px;
		border-radius: 0 10px 10px 0;
	}
	.couponlist ul li .explain .t1{
		font-size: 18px;
	}
	.couponlist ul li .explain .t2{
		margin-top: 5px;
		font-size: 14px;
	}
	.couponlist ul li .explain .t3{
		margin-top: 5px;
	}
	.couponlist ul li .explain .t3 .t3-1{
		font-size: 14px;
	}
	.couponlist ul li .explain .t3 .t3-2{
		min-width: 100px;
		height: 30px;
		padding: 0 15px;
		border-radius: 15px;
		font-size: 14px;
	}
}
@media screen and (max-width: 768px) {
	.couponpage .swibtn{
		gap: 10px;
	}
	.couponpage .swibtn a{
		min-width: 100px;
		height: 32px;
		font-size: 14px;
		padding: 0 20px;
		border-radius: 5px;
	}
	.couponlist{
		margin-top: 30px;
	}
	.couponlist ul li{
		width: calc((100% - 15px) / 2);
		margin-right: 15px;
		margin-bottom: 15px;
	}
	.couponlist ul li .condition{
		width: 30%;
		border-radius: 10px 0 0 10px;
	}
	.couponlist ul li .condition .t1{
		font-size: 20px;
	}
	.couponlist ul li .condition .t2{
		font-size: 12px;
	}
	.couponlist ul li .explain{
		width: 70%;
		padding: 15px 12px 15px 15px;
		border-radius: 0 10px 10px 0;
	}
	.couponlist ul li .explain .t1{
		font-size: 14px;
	}
	.couponlist ul li .explain .t2{
		margin-top: 5px;
		font-size: 12px;
	}
	.couponlist ul li .explain .t3{
		margin-top: 5px;
	}
	.couponlist ul li .explain .t3 .t3-1{
		font-size: 12px;
	}
	.couponlist ul li .explain .t3 .t3-2{
		min-width: 70px;
		height: 24px;
		padding: 0 7px;
		border-radius: 12px;
		font-size: 12px;
	}
}
@media screen and (max-width: 640px) {
	.couponlist ul li{
		width: 100%;
		margin-right: 0;
	}
}


.use-coupon-icon{
	display: inline-flex;
	align-items: end;
	margin-bottom: 20px;
	cursor: pointer;
	color: #000000;
	font-size: 16px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.use-coupon-icon:hover{
	color: #0ab496;
}
.use-coupon-icon i{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	border-radius: 50%;
	background: #0ab496 url(../image/icon49.png) center no-repeat;
	background-size: 48% auto;
}
.coupon-popup .head {
display: flex;
align-items: center;
justify-content: flex-start;
padding-bottom: 1.25vw;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.coupon-popup .head .text1 {
font-family: HONORSansCN-DemiBold;
font-size: 1.5vw;
color: #000000;
line-height: 1.1;
}
@media screen and (min-width: 1440px) {
	.coupon-popup .head {
	padding-bottom: 20px;
}
.coupon-popup .head .text1 {
	font-size: 24px;
}
.coupon-popup .couponlist ul li .explain .t3{
		margin-top: 8px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1920px) {
	.use-coupon-icon{
			font-size: 0.8333333333333333vw;
			margin-bottom: 1.041666666666667vw;
	}
	.use-coupon-icon i{
			width: 1.25vw;
			height: 1.25vw;
			margin-right:0.42vw;
	}
}
@media screen and (max-width: 1024px){
	.use-coupon-icon{
			font-size: 1rem;
			margin-bottom: 1.25rem;
	}
	.use-coupon-icon i{
			width: 1.5rem;
			height: 1.5rem;
			margin-right: 0.5rem;
	}
}
@media screen and (max-width: 768px) {
	.coupon-popup .head {
	padding-bottom: 10px;
}
.coupon-popup .head .text1 {
	font-size: 16px;
}
}



.technical .box .ahead, .technical .box .aside-item ul li{
    position: relative;
}
.top-up{
    position: absolute;
    right:0;
    top: 35px;
    display:inline-block;
    color:#fff !important;
    font-size: 16px;
    background: -webkit-linear-gradient(to right, #0ab496, #78b83c);
    background: linear-gradient(to right, #0ab496, #78b83c);
    padding: 8px 10px 8px 20px;
    border-radius: 30px 0px 0px 30px;
}
@media screen and (min-width: 1025px) and (max-width: 1920px) {
    .top-up{
        top: 1.822916666666667vw;
        font-size: 0.8333333333333333vw;
        padding: 0.4166666666666667vw 0.5208333333333333vw 0.4166666666666667vw 1.041666666666667vw;
        border-radius: 1.5625vw 0 0 1.5625vw;
    }
}
@media screen and (max-width: 1024px) {
    .top-up{
        top: 1.7rem;
        font-size: 1rem;
        padding: 0.4rem 0.625rem 0.4rem 1.2rem;
        border-radius: 1.875rem 0 0 1.875rem;
    }
}