/*
Theme Name: Kunjue
Version: 1.0
Description: Anhui Lingju Digital, as a core partner of Google China, owns the only Google Overseas Experience Center in Anhui Province, providing one-stop services for localized foreign trade enterprises in Anhui to go overseas - website construction, Google SEO optimization, Google bidding, Google SNS social media marketing, etc.
Author: Copyright: Anhui Lingju
*/
@charset "utf-8";


:root {
	/* Global Color */
	--i_color: #FADB14;
	/* Head height */
	--top1_height: 36px;
	--top2_height: 90px;
	/* Default Border Color */
	--border_color: rgba(0, 0, 0, .1);
}
@media screen and (max-width:1024px) {
	:root {
		--top2_height: .6rem;
	}
}
@media screen and (max-width:768px) {
	:root {
		--border_color: rgba(0, 0, 0, .06)
	}
}


.wrap {
	width: 94vw;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
.wrap2 {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}
/* header */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #FFF;
	z-index: 2014
}

@media screen and (max-width:1024px) {
	header {
		top: 0;
		top: 0;
		width: 100%;
		box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
	}
}




.top_line {
	width: 100%;
	background: #000;
	position: relative;
}
.top_line::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 22%;
	height: 100%;
	background: var(--i_color);
	-webkit-clip-path: polygon(14% 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(14% 0, 100% 0, 100% 100%, 0% 100%);
}
.top_line .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.top_contact {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.top_contact li:not(:last-child) {
	margin-right: 0.56rem;
}
.top_contact a {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: var(--top1_height);
	gap: 0 .06rem;
}
.top_contact iconify-icon {
	font-size: 0.2rem;
	color: var(--i_color);
}
.top_contact p {
	font-size: 14px;
	color: #FFF;
}
.top_contact a:hover iconify-icon,
.top_contact a:hover p {
	color: var(--i_color);
}

.top_media {
	margin-left: auto;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 .14rem;
	position: relative;
}
.top_media li {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.top_media iconify-icon {
	font-size: .22rem;
	color: #000;
}
.top_media li:hover {
	-webkit-transform: translate(0, -3px);
	transform: translate(0, -3px);
}

@media screen and (max-width:1024px) {
	.top_line {
		display: none;
	}
}





.top {
	background: #FFF;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}


/* logo */
.logo {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	height: var(--top2_height);
}
.logo a {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	height: 100%;
}
.logo img {
	max-height: 70%;
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}



/* 导航 */
@media screen and (min-width:1025px) {
	.i_nav {
		margin-left: .8rem;
		margin-right: auto;
		display: -webkit-flex;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 0 .34rem;
		position: relative;
		z-index: 2014;
	}

	.i_nav>li {
		position: relative;
	}
	.i_nav>li::before {
		content: '';
		position: absolute;
		right: 0;
		bottom: 0;
		width: 0;
		height: 2px;
		background: var(--i_color);
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}

	.i_nav>li>a {
		display: block;
		font-size: 16px;
		color: #333;
		line-height: var(--top2_height);
		white-space: nowrap;
		position: relative;
	}

	.i_nav>.current-menu-item::before,
	.i_nav>.current-category-ancestor::before,
	.i_nav>.current-post-ancestor::before,
	.i_nav>.current-menu-ancestor::before,
	.i_nav>.current-menu-parent::before,
	.i_nav>li:hover::before,
	.i_nav>li.active::before {
		right: initial;
		left: 0;
		width: 100%;
	}
	.i_nav>.current-menu-item>a,
	.i_nav>.current-category-ancestor>a,
	.i_nav>.current-post-ancestor>a,
	.i_nav>.current-menu-ancestor>a,
	.i_nav>.current-menu-parent>a,
	.i_nav>li:hover>a,
	.i_nav>li.active>a {
		color: var(--i_color);
	}

	.nav_products .sub-menu {
		display: none !important;
	}

	.i_nav .sub-menu {
		display: none;
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		top: var(--top2_height);
		min-width: 2rem;
		background: #111;
		overflow: hidden;
		box-shadow: 0 .06rem .1rem rgb(0 0 0 / 8%);
		font-size: 0;
	}

	.i_nav .sub-menu li {
		position: relative;
		text-align: center;
	}
	.i_nav .sub-menu li:not(:last-child):before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
		width: 90%;
		height: 1px;
		background: rgb(255 255 255 / 10%);
	}
	.i_nav .sub-menu a {
		display: block;
		padding: 0 .2rem;
		font-size: 14px;
		color: #FFF;
		line-height: 34px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		position: relative;
	}

	.i_nav .sub-menu .current-menu-item::before,
	.i_nav .sub-menu .current-category-ancestor::before,
	.i_nav .sub-menu .current-post-ancestor::before,
	.i_nav .sub-menu .current-menu-ancestor::before,
	.i_nav .sub-menu .current-menu-parent::before,
	.i_nav .sub-menu li:hover::before {
		width: 100%;
	}

	.i_nav .sub-menu li:hover a {
		color: var(--i_color);
	}
}
@media screen and (max-width:1440px) {
	.i_nav {
		margin-left: 0.6rem;
		gap: 0 .26rem;
	}
	.i_nav>li>a {
		font-size: 15px;
	}
}
@media screen and (max-width:1366px) {
	.i_nav .sub-menu a {
		font-size: 14px;
	}
}
@media screen and (max-width:1200px) {
	.i_nav>li>a {
		font-size: 14px;
	}
}






@media screen and (max-width:1024px) {
	.i_nav {
		opacity: 0;
		position: fixed;
		top: var(--top2_height);
		left: 101%;
		margin: 0 0;
		width: 100%;
		width: 100vw;
		height: calc(100vh - var(--top2_height));
		background: #FFF;
		overflow-y: auto;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 9999
	}
	.i_nav.active {
		opacity: 1;
		left: 0;
	}
	/*滚动条*/
	.i_nav::-webkit-scrollbar {
		width: 3px;
		height: 8px
	}
	.i_nav::-webkit-scrollbar-thumb {
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		background: #555
	}
	.i_nav::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		border-radius: 0;
		background: #F1F1F1
	}

	.i_nav>li {
		margin: 0 0 !important;
		border-bottom: 1px solid var(--border_color);
		position: relative
	}
	.i_nav>.menu-item-has-children span {
		display: block;
		position: absolute;
		top: 8px;
		right: 20px;
		width: 30px;
		height: 30px;
		box-sizing: border-box;
		border: 1px solid #CCC;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23555" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"%2F%3E%3C%2Fsvg%3E') no-repeat center;
		background-size: 20px;
	}
	.i_nav>.menu-item-has-children span.on {
		background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23555" d="M19 12.998H5v-2h14z"%2F%3E%3C%2Fsvg%3E') no-repeat center;
		background-size: 20px;
	}

	.i_nav>li>a {
		padding: 0 20px;
		font-size: 16px;
		color: #222;
		line-height: 44px;
		text-transform: uppercase;
	}
	.i_nav>.current-menu-item>a,
	.i_nav>.current-category-ancestor>a,
	.i_nav>.current-post-ancestor>a,
	.i_nav>.current-menu-ancestor>a,
	.i_nav>.current-menu-parent>a {
		color: var(--i_color) !important;
	}

	.i_nav>li>.sub-menu {
		display: none
	}
	.i_nav>li>.sub-menu li {
		position: relative;
	}
	.i_nav .sub-menu a {
		padding: 0 40px;
		font-size: 15px;
		color: #555;
		line-height: 40px;
		position: relative;
	}
	.i_nav .sub-menu li:not(:last-child) {
		border-bottom: 1px solid var(--border_color)
	}

	.i_nav>li>.sub-menu b {
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		background: url(../fonts/arrow_down_hollow_hei.svg) no-repeat center;
		background-size: 16px;
	}
	.i_nav>li>.sub-menu b.on {
		background: url(../fonts/arrow_up_hollow_hei.svg) no-repeat center;
		background-size: 16px;
	}

	.i_nav .sub-menu .sub-menu {
		display: none;
	}

	.i_nav .sub-menu .sub-menu a {
		padding: 0 60px;
		font-size: 13px;
		color: #888;
		line-height: 36px;
		position: relative;
	}

	.i_nav a {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}
}






/* 移动端导航按钮 */
.nav_menu {
	/* position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%); */
	position: relative;
	width: 22px;
	height: 16px;
	display: none;
	cursor: pointer
}
.nav_menu i {
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	background: var(--i_color);
	border-radius: .1rem;
	transition: 0.5s
}
.nav_menu::before,
.nav_menu::after {
	content: "";
	width: 100%;
	height: 3px;
	background: var(--i_color);
	position: absolute;
	left: 0;
	border-radius: .1rem;
	transition: 0.5s
}
.nav_menu::before {
	top: 0;
}
.nav_menu::after {
	bottom: 0;
}


.nav_menu.on i {
	opacity: 0
}

.nav_menu.on::before {
	transform: rotate(45deg);
	top: 50%;
	margin-top: -2px
}

.nav_menu.on::after {
	transform: rotate(-45deg);
	top: 50%;
	margin-top: -2px
}

@media screen and (max-width:1024px) {
	.nav_menu {
		display: block !important;
		margin-left: 0.2rem;
	}
}






.top_r {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 .14rem;
}
@media screen and (max-width:1024px) {
	.top_r {
		margin-left: auto;
	}
}




.top_search_ico {
	width: 0.34rem;
	height: 0.34rem;
	background: rgb(0 0 0 / 8%);
	position: relative;
	cursor: pointer;
}
.top_search_ico iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.22rem;
	color: #333;
}

.top_language {
	height: var(--top2_height);
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}
.top_language_btn {
	padding: 0 .2rem;
	height: .34rem;
	background: rgb(0 0 0 / 8%);
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0 6px;
	cursor: pointer;
}
.top_language_btn iconify-icon {
	font-size: 0.2rem;
	color: #333;
}
.top_language_btn p {
	padding-right: 0.16rem;
	font-size: 14px;
	color: #333;
	position: relative;
}
.top_language_btn p::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 0;
	width: 0.14rem;
	height: 0.14rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
}

.language_list {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: 0;
	top: calc(var(--top2_height) + .3rem);
	background: #FFF;
	min-width: 1.6rem;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.language_list.on {
	opacity: 1;
	visibility: visible;
	top: var(--top2_height);
}
.language_list a>span {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	box-sizing: border-box;
	padding: 0 14px;
	min-width: 120px;
	overflow: hidden
}
.language_list img,
.language_list .trp-ls-language-name {
	display: inline-block;
	vertical-align: middle;
	font-size: .14rem;
	color: #666;
	line-height: .3rem
}
.language_list .trp-ls-language-name {
	margin-left: 8px;
}

.language_list li:hover {
	background: #EEE;
}
.language_list li:hover .trp-ls-language-name {
	color: var(--i_color);
}

@media screen and (max-width:1200px) {
	.top_language_btn p {
		display: none;
	}
	.top_language_btn {
		width: 0.34rem;
		padding: 0 0;
		justify-content: center;
	}
}






/* search */
.top_search {
	--search_height: .38rem
}
.top_search {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: calc(var(--top1_height) + var(--top2_height) + .3rem);
	left: 0;
	width: 100%;
	padding: .16rem 0;
	background: #FFF;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 99;
}
.top_search.on {
	visibility: visible;
	opacity: 1;
	top: calc(var(--top1_height) + var(--top2_height));
	box-shadow: 0 0.06rem 0.1rem rgb(0 0 0 / 8%);
}
.top_search form {
	width: 80%;
	margin: 0 auto;
	max-width: 5rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	border: 1px solid var(--i_color);
	overflow: hidden;
}
.top_search_ipt {
	width: calc(100% - var(--search_height) * 2);
	height: var(--search_height);
	box-sizing: border-box;
	padding: 0 0 0 .12rem;
}
.top_search_btn {
	font-size: 0;
	color: #FFF;
	width: calc(var(--search_height) * 2);
	height: var(--search_height);
	background: var(--i_color) url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="512" height="512" viewBox="0 0 512 512"%3E%3Cpath fill="white" d="M456.69 421.39L362.6 327.3a173.81 173.81 0 0 0 34.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 0 0 327.3 362.6l94.09 94.09a25 25 0 0 0 35.3-35.3ZM97.92 222.72a124.8 124.8 0 1 1 124.8 124.8a124.95 124.95 0 0 1-124.8-124.8Z"%2F%3E%3C%2Fsvg%3E') no-repeat center;
	background-size: .24rem;
	cursor: pointer;
}

@media screen and (max-width:1024px) {
	.top_search.on {
		top: var(--top2_height);
	}
}
@media screen and (max-width:768px) {
	.top_search {
		--search_height: 34px
	}
	.top_search {
		padding: 12px 0;
	}
}
@media screen and (max-width:560px) {
	.top_search form {
		width: 94%;
	}
}



.full_header_height {
	height: calc(var(--top1_height) + var(--top2_height));
}
@media screen and (max-width:1024px) {
	.full_header_height {
		height: var(--top2_height);
	}
}





/* banner */
.banner {
	width: 100%;
	font-size: 0;
	overflow: hidden;
	position: relative;
}

.banner .swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.banner .swiper-wrapper {
	display: flex;
	position: relative;
	width: 100%;
	z-index: 1
}
.banner .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-shrink: 0;
	height: 0;
	padding-bottom: 34.6%;
	position: relative;
	overflow: hidden
}
.banner .swiper-slide>img,
.banner .swiper-slide>a>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner-button {
	position: absolute;
	right: 0;
	bottom: 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	z-index: 3;
}
.banner-button>div {
	width: 0.4rem;
	height: 0.4rem;
	box-sizing: border-box;
	background: rgb(0 0 0 / 80%);
	position: relative;
	cursor: pointer;
}
.banner-button iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.24rem;
	color: var(--i_color);
}
.banner-button>div:hover {
	background: var(--i_color);
}
.banner-button>div:hover iconify-icon {
	color: #111;
}

.banner-pagination {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: .24rem;
	text-align: center;
	z-index: 3;
}
.banner-pagination .swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	display: inline-block;
	margin: 0 6px;
	background: #FFF;
	outline: none;
	cursor: pointer;
}
.banner-pagination .swiper-pagination-bullet-active {
	background: var(--i_color)
}

@media screen and (max-width:1024px) {
	.banner .swiper-slide {
		padding-bottom: 50%;
	}
	.banner-pagination {
		bottom: 20px;
	}
	.banner-button-prev,
	.banner-button-next {
		display: none;
	}
}
@media screen and (max-width:560px) {
	.banner-pagination {
		bottom: 20px;
	}
	.banner-pagination .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		margin: 0 4px;
	}
}








.banner_text1 {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 0;
	width: 50%;
	background: rgb(0 0 0 / 80%);
	-webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
}
.banner_text1 .box {
	padding: .5rem 16%;
}
.banner_text1 .title {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0 10px;
}
.banner_text1 .number {
	font-size: 0.78rem;
	font-weight: bold;
	color: var(--i_color);
}
.banner_text1 .title span {
	font-size: 0.2rem;
	color: var(--i_color);
	line-height: 1.6;
}
.banner_text1 h4 {
	text-align: right;
	font-size: 0.46rem;
	color: #FFF;
	font-weight: bold;
}
.banner_text1 h4 i {
	display: block;
	font-size: 0.32rem;
	font-weight: bold;
}

.banner_text1 .text {
	padding: .1rem 24%;
	background: var(--i_color);
	text-align: center;
}
.banner_text1 .text h6 {
	font-size: 0.2rem;
	color: #111;
	line-height: 1.2;
}

@media screen and (max-width:1440px) {
	.banner_text1 .box {
		padding: .4rem 7%;
	}
	.banner_text1 .number {
		font-size: 0.72rem;
	}
	.banner_text1 h4 {
		font-size: 0.38rem;
	}
	.banner_text1 h4 i {
		font-size: 0.28rem;
	}
	.banner_text1 .text {
		padding: .1rem 18%;
	}
}
@media screen and (max-width:1200px) {
	.banner_text1 h4 {
		font-size: 0.32rem;
		line-height: 1.3;
	}
	.banner_text1 h4 i {
		font-size: 0.24rem;
	}
	.banner_text1 .text h6 {
		font-size: 0.18rem;
	}
}
@media screen and (max-width:1024px) {
	.banner_text1 {
		width: 65%;
	}
	.banner_text1 .box {
		padding: 14px 5%;
	}
	.banner_text1 .number {
		font-size: 56px;
	}
	.banner_text1 .title span {
		font-size: 16px;
		line-height: 1.2;
	}
	.banner_text1 h4 {
		font-size: 28px;
		line-height: 1.3;
	}
	.banner_text1 h4 i {
		font-size: 20px;
	}
	.banner_text1 .text {
		padding: 8px 10%;
	}
	.banner_text1 .text h6 {
		font-size: 15px;
	}
}
@media screen and (max-width:768px) {
	.banner_text1 {
		width: 75%;
	}
	.banner_text1 .number {
		font-size: 42px;
	}
	.banner_text1 .title span {
		font-size: 14px;
		line-height: 1.2;
	}
	.banner_text1 h4 {
		font-size: 24px;
	}
	.banner_text1 h4 i {
		font-size: 18px;
	}
}
@media screen and (max-width:560px) {
	.banner_text1 {
		width: 85%;
	}
	.banner_text1 .box {
		padding: 10px 4%;
	}
	.banner_text1 .number {
		font-size: 26px;
	}
	.banner_text1 .title span {
		font-size: 12px;
		line-height: 1;
	}
	.banner_text1 h4 {
		font-size: 16px;
	}
	.banner_text1 h4 i {
		font-size: 13px;
	}
	.banner_text1 .text {
		padding: 6px 6%;
	}
	.banner_text1 .text h6 {
		font-size: 11px;
	}
}





.banner_text2 {
	position: absolute;
	top: 48%;
	transform: translate(0, -50%);
	left: 0;
	width: 100%;
	text-align: center;
}
.banner_text2 h3 {
	color: #FFF;
	font-weight: bold;
	line-height: 1.2;
}
.banner_text2 h3 i {
	color: var(--i_color);
	font-weight: bold;
}
.banner_text2 p {
	color: #FFF;
}

@media screen and (max-width:768px) {
	.banner_text2 p {
		margin-top: 10px;
	}
	.banner_text2 .i_more {
		margin-top: 20px;
	}
}
@media screen and (max-width:560px) {
	.banner_text2 h3 {
		font-size: 16px;
	}
	.banner_text2 p {
		font-size: 13px;
		line-height: 1.2;
	}
	.banner_text2 .i_more {
		margin-top: 10px;
	}
}






.banner_text3 {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 7%;
	width: 34%;
	box-sizing: border-box;
	padding: .5rem;
	background: rgb(0 0 0 / 70%);
	border-top: 5px solid var(--i_color);
}
.banner_text3::before {
	opacity: .8;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/banner_text_bg_grid.webp) repeat;
}
.banner_text3 h3 {
	font-size: 0.4rem;
	color: #FFF;
	font-weight: bold;
	line-height: 1.3;
}
.banner_text3 span {
	display: block;
	margin: .1rem 0;
	font-size: 0.2rem;
	color: #FFF;
}
.banner_text3 span i {
	font-size: 0.36rem;
	color: var(--i_color);
	font-weight: bold;
}
.banner_text3 span b {
	color: var(--i_color);
	font-size: 0.2rem;
	font-weight: bold;
}

@media screen and (max-width:1440px) {
	.banner_text3 {
		left: 3%;
		width: 36%;
	}
}
@media screen and (max-width:1366px) {
	.banner_text3 h3 {
		font-size: 0.32rem;
	}
}
@media screen and (max-width:1200px) {
	.banner_text3 {
		padding: .4rem;
	}
}
@media screen and (max-width:1024px) {
	.banner_text3 {
		padding: 20px;
		border-top-width: 3px;
		width: 50%;
	}
	.banner_text3 h3 {
		font-size: 22px;
	}
	.banner_text3 span {
		font-size: 18px;
	}
	.banner_text3 span i {
		font-size: 26px;
	}
}
@media screen and (max-width:768px) {
	.banner_text3 {
		width: 58%;
	}
	.banner_text3 h3 {
		font-size: 18px;
	}
	.banner_text3 span {
		font-size: 16px;
	}
	.banner_text3 span i {
		font-size: 22px;
	}
	.banner_text3 span b {
		font-size: 17px;
	}
}
@media screen and (max-width:560px) {
	.banner_text3 {
		width: 85%;
		padding: 12px 18px;
	}
	.banner_text3 h3 {
		font-size: 16px;
	}
	.banner_text3 span {
		font-size: 13px;
	}
	.banner_text3 span i {
		font-size: 18px;
	}
	.banner_text3 span b {
		font-size: 14px;
	}
	.banner_text3 .moreBtnList {
		margin-top: 14px;
	}
}








/* Main */
main {
	position: relative;
	overflow: hidden;
}



.sec_title_box {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: end;
	gap: 0 2%;
}

.sec_title h4 {
	font-weight: bold;
	color: #222;
	line-height: 1.2;
}
.sec_title h4 i {
	font-weight: bold;
	color: var(--i_color);
}
.sec_title p {
	margin-top: 0.2rem;
}

.sec_title.white h4 {
	color: #FFF;
}
.sec_title.white p {
	color: #FFF;
}

.sec_title_box .i_more {
	margin-left: auto;
	flex-shrink: 0;
}

@media screen and (max-width:768px) {
	.sec_title_box {
		flex-wrap: wrap;
		gap: 20px 0;
	}
	.sec_title_box .i_more {
		margin: 0 0;
	}
}
@media screen and (max-width:560px) {}



.i_tit {
	text-align: center;
}
.i_tit h3 {
	color: #222;
	font-weight: bold;
}
.i_tit h3 i {
	color: var(--i_color);
	font-weight: bold;
}
.i_tit h6 {
	margin-top: 0.1rem;
	color: #666;
}
@media screen and (max-width:768px) {
	.i_tit h6 {
		font-size: 14px;
	}
}




.i_more {
	display: table;
	padding: .14rem .28rem;
	border: 1px solid var(--i_color);
	font-size: .18rem;
	color: #333;
	background: var(--i_color);
	-webkit-transition:all .5s ease; transition:all .5s ease;
}
.i_more:hover {
	background: var(--i_color) !important;
	color: #333 !important;
	-webkit-transform:translate(0,-8px); transform:translate(0,-8px);
}
.i_more.center {
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:1024px) {
	.i_more {
		padding: 10px 16px;
		font-size: 14px;
	}
}
@media screen and (max-width:560px) {
	.i_more {
		padding: 6px 12px;
		font-size: 13px;
	}
}



.PB_control {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.pagination {
	display: block;
	text-align: center
}
.pagination .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	display: inline-block;
	margin: 0 6px 0 0;
	background: #CCC;
	outline: none;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.pagination .swiper-pagination-bullet-active {
	width: .4rem;
	background: var(--i_color)
}

.PB_navigation {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
}

.PB_navigation div {
	width: .3rem;
	height: .3rem;
	background: #F1F1F1;
	box-shadow: 0 0 6px rgb(0 0 0 / 10%);
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none;
	position: relative;
}
.PB_navigation iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.2rem;
	color: #333;
}
.swiper-button-disabled {
	cursor: not-allowed
}
.PB_navigation div:hover {
	background: var(--i_color);
}

@media screen and (max-width:1024px) {
	.pagination .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
	}
	.pagination .swiper-pagination-bullet-active {
		width: 30px;
	}
}
@media screen and (max-width:560px) {
	.pagination .swiper-pagination-bullet {
		width: 4px;
		height: 4px;
	}
	.pagination .swiper-pagination-bullet-active {
		width: 16px;
	}
}






.category {
	background: url(../images/category_bg.webp) no-repeat bottom center;
	background-size: cover;
}

.catList {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: .3rem 2%;
}
.catList li {
	width: 18.4%;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.catThumbnail {
	width: 100%;
	border-bottom: 5px solid #DDD;
	position: relative;
	overflow: hidden
}
.catThumbnail::before {
	content: "";
	display: block;
	padding-bottom: 80%
}
.catThumbnail img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: contain;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.catName {
	padding: 0 .2rem 0.2rem;
	background: #EAEAEA;
	position: relative;
}
.catName::before {
	content: '';
	position: absolute;
	left: -1px;
	bottom: calc(100% - 1px);
	width: 64%;
	height: 50%;
	background: #EAEAEA;
	-webkit-clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
	z-index: 2;
}
.catName p {
	font-size: 0.2rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.catList li:hover .catName,
.catList li:hover .catName::before {
	background: var(--i_color);
}
.catList li:hover .catThumbnail {
	border-bottom-color: #585858;
}

@media screen and (max-width:1200px) {
	.catName p {
		font-size: 0.18rem;
	}
}
@media screen and (max-width:1024px) {
	.catList {
		gap: 40px 3%;
	}
	.catList li {
		width: 22.75%;
	}
	.catName p {
		font-size: 16px;
	}
}
@media screen and (max-width:768px) {
	.catList li {
		width: 48.5%;
	}
}
@media screen and (max-width:560px) {
	.catList {
		gap: 20px 3%;
	}
	.catName {
		padding: 0 10px 10px;
	}
	.catName p {
		font-size: 15px;
	}
}






.hotProducts {
	padding-bottom: 2rem;
	position: relative;
	overflow: hidden;
}
.hotProducts::before {
	content: '';
	position: absolute;
	bottom: 5%;
	left: 0;
	width: 80%;
	height: 10%;
	background: var(--i_color);
	-webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
	/* z-index: 4; */
}
.hotProducts::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/hotproducts_bg.webp) no-repeat center;
	background-size: cover;
	-webkit-clip-path: polygon(100% 0, 100% 90%, 20% 90%, 0 100%, 0 0);
	clip-path: polygon(100% 0, 100% 90%, 20% 90%, 0 100%, 0 0);
}

.hotProducts .wrap {
	position: relative;
	z-index: 3;
}

.switch_nav {
	flex-shrink: 0;
	margin-top: 0.2rem;
	margin-left: auto;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	gap: 0 .1rem;
}
.switch_nav li {
	border: 1px solid #FFF;
}
.switch_nav a {
	display: block;
	padding: 6px 10px;
	font-size: 0.17rem;
	color: #FFF;
}
.switch_nav li:last-child {
	border-color: var(--i_color)
}
.switch_nav li:last-child a {
	color: var(--i_color);
}
.switch_nav li.active {
	border-color: var(--i_color);
	background: var(--i_color);
}
.switch_nav li.active a {
	color: #000;
}


.hotProducts_show {}
.hotProducts_show dt {
	display: none;
}
.hotProducts_show dt.active {
	display: block;
}

@media screen and (max-width:1024px) {
	.hotProducts {
		padding-bottom: 1.2rem;
	}
	.hotProducts::before {
		bottom: 4%;
	}
	.hotProducts::after {
		-webkit-clip-path: polygon(100% 0, 100% 92%, 20% 92%, 0 100%, 0 0);
		clip-path: polygon(100% 0, 100% 92%, 20% 92%, 0 100%, 0 0);
	}

	.hotProducts .sec_title_box {
		flex-wrap: wrap;
	}
	.hotProducts .switch_nav {
		margin: 26px 0 0;
	}
	.switch_nav a {
		font-size: 16px;
	}
}
@media screen and (max-width:768px) {
	.hotProducts::before {
		bottom: 3%;
	}
	.hotProducts::after {
		-webkit-clip-path: polygon(100% 0, 100% 95%, 20% 95%, 0 100%, 0 0);
		clip-path: polygon(100% 0, 100% 95%, 20% 95%, 0 100%, 0 0);
	}

	.switch_nav {
		width: 100%;
		flex-wrap: wrap;
		gap: 10px;
	}
	.hotProducts .switch_nav {
		margin: 10px 0 0;
	}
	.switch_nav a {
		font-size: 14px;
	}
}
@media screen and (max-width:560px) {
	.hotProducts {
		padding-bottom: 100px;
	}
}






.productsList {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: .36rem 2%;
}
.productsList li {
	width: 23.5%;
}

.productsThumbnail {
	width: 100%;
	border-bottom: 6px solid var(--i_color);
	position: relative;
	overflow: hidden
}
.productsThumbnail::before {
	content: "";
	display: block;
	padding-bottom: 75%
}
.productsThumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.productsInfo {
	padding: 0 .2rem .2rem;
	background: #f7f7f7;
	position: relative;
}
.productsInfo::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: calc(100% - 1px);
	width: 64%;
	height: 26%;
	background: #f7f7f7;

	-webkit-clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
	z-index: 2;
}

.productsInfo i {
	display: table;
	padding: 6px .3rem;
	background: #EEE;
	font-size: 14px;
	color: #444;
}
.productsInfo p {
	margin-top: .1rem;
	font-size: 0.18rem;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.productsInfo h6{margin-top:10px; font-size:15px}
.productsInfo h6 span{font-size:18px; color:#d71b1b; font-weight:bold}
.productsInfo h6 b{display:inline-block; width:10px}

.productsList li:hover .productsThumbnail {
	border-bottom-color: #585858;
}
.productsList li:hover img {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.productsList li:hover .productsInfo,
.productsList li:hover .productsInfo::before {
	background: var(--i_color);
}
.productsList li:hover .productsInfo i {
	background: #585858;
	color: var(--i_color);
}

@media screen and (max-width:1024px) {
	.productsInfo i {
		font-size: 13px;
	}
	.productsInfo p {
		font-size: 16px;
	}
}
@media screen and (max-width:768px) {
	.productsList {
		gap: 26px 3%;
	}
	.productsList li {
		width: 48.5%;
	}
	.productsInfo h6 b{display:block; width:0}
}
@media screen and (max-width:560px) {
	.productsList {
		gap: 16px 3%;
	}
	.productsThumbnail {
		border-bottom-width: 4px;
	}
	.productsInfo {
		padding: 0 14px 12px;
	}
	.productsInfo i {
		padding: 4px 14px;
	}
	.productsInfo p {
		margin-top: 6px;
		font-size: 15px;
	}
}








.brands {}

.brandsList {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: .2rem 1.5%;
}
.brandsList li {
	width: 8.65%;
	box-shadow: 0 0 .1rem rgb(0 0 0 / 10%);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.brandsList a {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.brandsList a::before {
	content: '';
	display: block;
	padding-bottom: 40%;
}
.brandsList img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.brandsList li:hover {
	-webkit-transform: translate(0, -6px);
	transform: translate(0, -6px);
	box-shadow: 0 0 .1rem rgb(250 219 20 / 40%);
}
.brandsList li.active {
	box-shadow: 0 0 .1rem rgb(250 219 20 / 40%);
}

@media screen and (max-width:1024px) {
	.brandsList li {
		width: 15.4166%;
	}
}
@media screen and (max-width:560px) {
	.brandsList {
		gap: 14px 2.5%;
	}
	.brandsList li {
		width: 23.125%;
	}
}








.about_box {}

.about {
	background: url(../images/about_bg1.webp) no-repeat top center;
	background-size: cover;
}

.about .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	gap: 0 8%;
	border-bottom: 1px dashed var(--i_color);
}

.about_pic {
	flex-shrink: 0;
	width: 38%;
	position: relative;
	font-size: 0;
}
.about_pic img {
	width: 100%;
}

.v_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1.6rem;
	height: 0.5rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.42em' height='1em' viewBox='0 0 512 116'%3E%3Cpath fill='%23f00' d='M159.89 17.93a20.55 20.55 0 0 0-14.471-14.47C132.73 0 81.666 0 81.666 0S30.6.105 17.913 3.565a20.55 20.55 0 0 0-14.47 14.47c-3.838 22.545-5.327 56.896.105 78.538a20.55 20.55 0 0 0 14.47 14.47c12.688 3.46 63.753 3.46 63.753 3.46s51.065 0 63.753-3.46a20.55 20.55 0 0 0 14.47-14.47c4.047-22.576 5.295-56.906-.105-78.642'/%3E%3Cpath fill='%23fff' d='m65.413 81.788l42.362-24.536l-42.362-24.537z'/%3E%3Cpath fill='%23FFF' d='M491.237 33.24c5.557 0 9.751 1.048 12.687 3.04q4.404 2.989 6.292 9.438c1.258 4.299 1.782 10.17 1.782 17.72v12.269H485.05v3.774l.42 10.381c.314 2.307.839 3.985 1.677 5.033c.84 1.049 2.202 1.573 3.985 1.573c2.412 0 4.09-.943 4.928-2.83c.944-1.888 1.363-5.034 1.468-9.333l13.946.839c.105.629.105 1.468.105 2.516c0 6.606-1.783 11.535-5.453 14.785s-8.703 4.928-15.309 4.928c-7.969 0-13.526-2.516-16.672-7.444C471 95 469.322 87.24 469.322 76.86V64.172c.356-17.825 3.491-30.88 21.915-30.932m-193.88 1.363v52.533c0 3.146.314 5.453 1.048 6.816c1.489 2.915 5.348 2.17 7.445.734a8.4 8.4 0 0 0 2.831-3.25V34.602h16.043v71.617h-12.583l-1.363-8.808h-.314c-3.46 6.606-8.599 9.961-15.414 9.961c-10.49-.026-13.057-7.584-13.668-15.26l-.04-.541a65 65 0 0 1-.133-3.492V34.603zm82.732 0v52.533c0 3.146.314 5.453 1.048 6.816c1.49 2.915 5.348 2.17 7.445.734a8.4 8.4 0 0 0 2.831-3.25V34.602h16.043v71.617h-12.583l-1.363-8.808h-.314c-3.46 6.606-8.599 9.961-15.414 9.961c-10.49-.026-13.057-7.584-13.668-15.26l-.04-.541a65 65 0 0 1-.133-3.492V34.603zM250.8 33.24c5.243 0 9.542 1.048 12.688 3.25c3.145 2.202 5.557 5.558 7.025 10.171c1.468 4.614 2.202 10.8 2.202 18.455v10.38c0 7.655-.734 13.737-2.202 18.35c-1.468 4.615-3.775 7.97-7.025 10.172c-3.25 2.097-7.655 3.25-13.107 3.25c-5.663.105-10.067-1.048-13.317-3.145c-3.25-2.202-5.558-5.558-6.92-10.171c-1.364-4.614-1.993-10.696-1.993-18.35V65.22c0-7.655.734-13.946 2.307-18.56c1.573-4.718 3.984-8.074 7.34-10.17c3.355-2.098 7.654-3.251 13.002-3.251m181.822-28.73v37.748h.105c1.468-2.726 3.355-4.928 5.977-6.606a14.8 14.8 0 0 1 8.283-2.516c3.88 0 6.816 1.048 9.018 3.04c2.202 2.098 3.775 5.348 4.718 9.857c.915 4.368 1.435 10.409 1.467 18.027l.001.743v11.324c0 10.59-1.363 18.455-3.88 23.488c-2.62 5.033-6.605 7.55-12.058 7.55c-3.04 0-5.767-.734-8.283-2.097a14.7 14.7 0 0 1-5.35-5.392l-.208-.376h-.314l-1.678 6.816h-13.317V4.51zm-64.173 3.67V21.18h-15.938v85.039h-15.728V21.181H320.74V8.18zm-172.909 0l.01.04c.153.681 2.273 10.106 4.605 21.087l.184.87l.278 1.315l.186.883l.093.443l.186.888l.093.445l.185.891l.27 1.303c1.575 7.604 3.078 15.23 3.977 20.698h.42c.861-4.905 2.112-11.182 3.446-17.591l.35-1.674q.263-1.258.53-2.512l.274-1.297a2039 2039 0 0 1 5.597-25.444l.03-.135l.048-.21h16.043l-18.56 66.165v31.771h-15.833V74.448h-.105l-18.35-66.27zm54.945 36.175c-2.202 0-3.67 1.154-4.613 3.566s-1.363 6.081-1.363 11.22v22.334c0 5.243.419 9.122 1.258 11.43q1.259 3.46 4.718 3.46q3.303 0 4.719-3.46c.944-2.308 1.363-6.187 1.363-11.43V59.139c0-5.138-.42-8.913-1.363-11.22c-.944-2.411-2.517-3.565-4.719-3.565m184.968 2.098c-1.278 1.18-2.187 2.635-2.728 4.454l-.103.369v40.684c1.3 2.202 3.146 3.67 6.396 3.775q2.516 0 4.09-1.887q1.572-1.887 2.201-6.292q.605-4.227.629-11.644v-9.956c0-5.662-.21-9.961-.524-13.002c-.42-3.041-.943-5.243-1.887-6.501c-1.825-2.622-5.767-2.59-8.074 0m55.47-2.412q-2.675.157-3.776 1.573c-.838 1.048-1.363 2.621-1.677 4.928c-.309 2.26-.415 10.16-.42 10.476v5.148h11.744v-4.54v.087c-.007 1.587-.04-.921-.112-4l-.01-.414c-.066-2.706-.162-5.723-.297-6.757c-.315-2.412-.84-4.09-1.678-5.033c-.839-.944-2.097-1.468-3.775-1.468'/%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
	cursor: pointer;
}



.about_text {
	width: 100%;
}

.moreBtnList {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 .2rem;
	position: relative;
}
.moreBtnList .i_more:nth-child(2) {
	background: none;
	color: var(--i_color);
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.about {
		background: none;
	}
	.about .wrap {
		flex-wrap: wrap;
		gap: 40px 0;
	}

	.v_btn {
		width: 120px;
		height: 30px;
	}

	.about_text {
		order: -1;
	}
	.about_pic {
		width: 100%;
		max-width: 400px;
	}
}
@media screen and (max-width:768px) {
	.about {
		padding-top: 20px;
	}
}
@media screen and (max-width:560px) {
	.about .wrap {
		padding-bottom: 24px;
	}
}


.about_icon {
	padding-bottom: 1.2rem;
	background: url(../images/about_bg2.webp) no-repeat bottom center;
	background-size: cover;
}
.about_icon .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	gap: 0 5%;
}

.about_iconList {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	gap: 0 4%;
}
.about_iconList dt {
	width: 100%;
}
.about_iconList .icon {
	margin-bottom: 0.3rem;
	width: 1.2rem;
	height: 1.3rem;
	background: #585858;
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.about_iconList i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 44px;
	height: 44px;
	overflow: hidden;
}
.about_iconList i img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 44px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.about_iconList p {
	font-weight: bold;
}
.about_iconList h6 {
	margin-top: .1rem;
}

.about_iconList dt:hover .icon {
	background: var(--i_color);
}
.about_iconList dt:hover .icon img {
	bottom: -100%;
}


.about_iconPic {
	flex-shrink: 0;
	margin-top: 0.6rem;
	width: 22%;
}
.about_iconPic img {
	width: 100%;
}

@media screen and (max-width:1440px) {
	.about_icon {
		padding-bottom: 1.6rem;
	}
}
@media screen and (max-width:1024px) {
	.about_icon {
		background: none;
		padding-bottom: 0;
		margin-bottom: 0.6rem;
	}
	.about_iconList .icon {
		margin-bottom: 20px;
		width: 70px;
		height: 80px;
	}
	.about_iconList i {
		width: 30px;
		height: 30px;
	}
	.about_iconList i img {
		width: 30px;
	}
	.about_iconPic {
		display: none;
	}
}
@media screen and (max-width:768px) {
	.about_iconList {
		flex-wrap: wrap;
		gap: 28px 4%;
	}
	.about_iconList dt {
		width: 48%;
	}
	.about_iconList .icon {
		width: 60px;
		height: 70px;
	}
}
@media screen and (max-width:560px) {
	.about_icon {
		margin-bottom: 50px;
	}
	.about_iconList .icon {
		width: 50px;
		height: 60px;
	}
	.about_iconList i {
		width: 24px;
		height: 24px;
	}
	.about_iconList i img {
		width: 24px;
	}
	.about_iconList p {
		line-height: 1.2;
	}
}






.CE {
	margin-top: -.8rem;
}

.CE_list {
	position: relative;
	overflow: hidden
}
.CE_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%
}
.CE_list .swiper-slide {
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
}
.CE_list .swiper-slide::before {
	content: '';
	display: block;
	padding-bottom: 70%;
}
.CE_list .swiper-slide>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.CE_ItemTitle {
	position: absolute;
	left: -1px;
	bottom: -.9rem;
	width: 100%;
	box-sizing: border-box;
	padding: 0 .2rem .26rem;
	background: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.CE_ItemTitle::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	height: 6px;
	background: #585858;
}
.CE_ItemTitle::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: calc(100% - 1px);
	width: 70%;
	height: 54%;
	background: var(--i_color);
	-webkit-clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
	z-index: 2;
}
.CE_ItemTitle p {
	font-size: .18rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.CE_list .swiper-slide:hover .CE_ItemTitle {
	bottom: 0;
}
.CE_list .swiper-slide:hover>img {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

@media screen and (max-width:1024px) {
	.CE {
		margin-top: 0;
	}

	.CE_ItemTitle {
		display: none;
	}
}






.news {
	background: #F3F3F3;
	position: relative;
}
.news::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 30%;
	height: 30%;
	background: url(../images/news_bg.webp) no-repeat right bottom;
	background-size: contain;
}

.news .switch_nav li {
	border-color: #CCC;
}
.news .switch_nav a {
	color: #666;
}
.news .switch_nav li:hover {
	border-color: var(--i_color);
	background: var(--i_color);
}
.news .switch_nav li:hover a {
	color: #333;
}
.news .switch_nav li:last-child {
	border-color: var(--i_color);
}


.news_list {
	position: relative;
	overflow: hidden
}
.news_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%
}
.news_list .swiper-slide {
	flex-shrink: 0;
	position: relative
}

.newsThumbnail {
	width: 100%;
	position: relative;
	overflow: hidden
}
.newsThumbnail::before {
	content: "";
	display: block;
	padding-bottom: 60%
}
.newsThumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.newsInfo {
	padding: .1rem .3rem .3rem;
	background: #FFF;
	position: relative;
}
.newsInfo::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	height: 6px;
	background: var(--i_color);
}
.newsInfo::after {
	content: '';
	position: absolute;
	left: -1px;
	bottom: calc(100% - 1px);
	width: 70%;
	height: .3rem;
	background: #FFF;
	-webkit-clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
	z-index: 2;
}

.newsInfo b {
	display: table;
	padding: 8px .12rem;
	background: #EEE;
	font-size: 14px;
	color: #444;
}
.newsInfo p {
	margin: .24rem 0;
	font-size: 0.2rem;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.newsInfo span {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.newsInfo span i {
	font-size: 0.15rem;
	color: #999;
}
.newsInfo .nBtn {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 .1rem;
}
.newsInfo .nBtn h6 {
	font-size: 0.16rem;
}
.newsInfo .nBtn em {
	width: 0.4rem;
	height: 0.4rem;
	background: #FFF;
	box-shadow: 0 0 6px rgb(0 0 0 / 10%);
	position: relative;
}
.newsInfo .nBtn iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.2rem;
}

.news_list .swiper-slide:hover img {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.news_list .swiper-slide:hover p {
	color: var(--i_color);
}
.news_list .swiper-slide:hover .nBtn em {
	background: var(--i_color);
}

@media screen and (max-width:1024px) {
	.newsInfo::before {
		height: 4px;
	}
	.newsInfo::after {
		height: 16px;
	}
	.newsInfo {
		padding: 10px 20px 20px;
	}
	.newsInfo p {
		margin: 14px 0;
		font-size: 15px;
	}
	.newsInfo .nBtn {
		display: none;
	}
	.newsInfo span i {
		font-size: 13px;
	}
}
@media screen and (max-width:768px) {
	.news .switch_nav {
		margin-top: 10px;
	}
}






.HTB {
	background: #F1F1F1
}
.HTB .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	gap: 0 4%;
}
.HTB .sec_title {
	flex-shrink: 0;
	width: 20%;
}

.HTB_list {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 0 6%;
}
.HTB_list dt {
	width: 100%;
	text-align: center;
	position: relative;
}
.HTB_list .icon {
	margin: 0 auto;
	width: 1rem;
	height: 1.18rem;
	background: #585858;
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	position: relative;
}
.HTB_list .icon iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.46rem;
	color: #FFF;
}
.HTB_list p {
	margin-top: 0.2rem;
	font-size: 0.18rem;
}

.HTB_list .line {
	position: absolute;
	top: 0.54rem;
	left: 104%;
	width: .5rem;
	height: 8px;
	background: url(../images/htb_line.png) no-repeat top right;
	background-size: cover;
}
.HTB_list dt:last-child .line {
	display: none;
}

.HTB_list dt:hover .icon {
	background: var(--i_color);
}
.HTB_list dt:hover iconify-icon {
	color: #333;
}
.HTB_list dt:hover .line {
	background-position-y: -8px;
}

@media screen and (max-width:1024px) {
	.HTB .wrap {
		flex-wrap: wrap;
	}
	.HTB .sec_title {
		margin-bottom: 0.4rem;
		width: 100%;
	}
	.HTB_list {
		gap: 0 4%;
	}
	.HTB_list .icon {
		width: 70px;
		height: 80px;
	}
	.HTB_list .icon iconify-icon {
		font-size: 36px;
	}
	.HTB_list p {
		font-size: 15px;
	}
	.HTB_list .line {
		top: 36px;
		left: 100%;
		width: 40px;
		height: 6px;
	}
}
@media screen and (max-width:768px) {
	.HTB_list {
		flex-wrap: wrap;
		gap: 32px 4%;
	}
	.HTB_list dt {
		width: 30.66%;
	}
	.HTB_list .icon {
		width: 50px;
		height: 60px;
	}
	.HTB_list .icon iconify-icon {
		font-size: 30px;
	}
	.HTB_list p {
		font-size: 14px;
	}
	.HTB_list .line {
		display: none;
	}
}
@media screen and (max-width:560px) {
	.HTB_list .icon {
		width: 44px;
		height: 50px;
	}
	.HTB_list .icon iconify-icon {
		font-size: 24px;
	}
}






.footer_sec {
	padding-bottom: 1.8rem;
}
@media screen and (max-width:1024px) {
	.footer_sec {
		padding-bottom: 220px;
	}
}




footer {
	margin-top: -2.2rem;
	padding-top: 2.4rem;
	position: relative;
}
footer::before {
	content: '';
	position: absolute;
	top: .9rem;
	right: 0;
	width: 85%;
	height: 35%;
	background: var(--i_color);
	-webkit-clip-path: polygon(28% 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(28% 0, 100% 0, 100% 100%, 0% 100%);
}
footer::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/footer_bg.webp) no-repeat top center;
	background-size: cover;
	-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 1.6rem, 86% 1.6rem);
	clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 1.6rem, 86% 1.6rem);
}

.f_cont {
	position: relative;
	z-index: 3;
}

.f_logo {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0 .5rem;
}
.f_logo img {
	flex-shrink: 0;
	height: 0.66rem;
}
.f_logo h5 {
	font-size: 0.34rem;
	color: #FFF;
	font-weight: bold;
	line-height: 1.4;
}
.f_logo h5 i {
	color: var(--i_color);
	font-weight: bold;
}

.f_main {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}
.f_main::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, transparent 50%, var(--i_color) 50%) repeat-x 0 0;
	background-size: 12px 1px;
}
.f_main::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, transparent 50%, var(--i_color) 50%) repeat-x 0 0;
	background-size: 12px 1px;
}

.f_tit {
	margin-bottom: 0.26rem;
	font-size: 0.2rem;
	color: #FFF;
	font-weight: bold;
}

.f_contact {
	width: 30%;
}
.f_contact li {
	margin-bottom: 0.18rem;
}
.f_contact li,
.f_contact li a {
	font-size: 0.16rem;
	color: #FFF;
	font-weight: bold;
	line-height: 1.6;
}
.f_contact li a:hover {
	color: var(--i_color);
}

.f_nav {}
.f_nav li {
	margin-bottom: 0.18rem;
}
.f_nav li a {
	display: block;
	font-size: 0.16rem;
	color: #FFF;
}
.f_nav li a:hover {
	color: var(--i_color);
	text-decoration: underline;
}

.f_media {
	margin-top: 0.46rem;
	display: grid;
	grid-template-columns: repeat(2, 0fr);
	gap: .26rem;
}
.f_media {}
.f_media a {
	display: block;
	width: 0.4rem;
	height: 0.46rem;
	background: rgb(255 255 255 / 15%);
	position: relative;
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.f_media iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.2rem;
	color: #FFF;
}
.f_media a:hover {
	background: var(--i_color);
}
.f_media a:hover iconify-icon {
	color: #111;
}


.f_cr {}
.f_cr p,
.f_cr a {
	font-size: 0.16rem;
	color: #FFF;
}
.f_cr a:hover {
	color: var(--i_color);
	text-decoration: underline;
}

@media screen and (max-width:1440px) {
	.f_logo h5 {
		font-size: 0.3rem;
	}
}
@media screen and (max-width:1024px) {
	footer {
		padding-top: 160px;
	}
	footer::before {
		top: 68px;
	}
	footer::after {
		-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 100px, 86% 100px);
		clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 100px, 86% 100px);
	}

	.f_logo {
		gap: 0 30px;
	}
	.f_logo img {
		height: 50px;
	}
	.f_logo h5 {
		font-size: 20px;
	}

	.f_main {
		flex-wrap: wrap;
	}
	.f_contact {
		width: 100%;
	}
	.f_contact li,
	.f_contact li a {
		font-weight: normal;
	}
	.f_nav {
		display: none;
	}
	.f_media {
		width: 100%;
		margin-top: 20px;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.f_cr {
		padding: 24px 0 70px;
	}
}
@media screen and (max-width:768px) {
	.f_logo img {
		height: 44px;
	}
	.f_logo h5 {
		font-size: 18px;
	}
}
@media screen and (max-width:560px) {
	footer {
		padding-top: 120px;
	}
	footer::before {
		right: 0;
		width: 100%;
		height: 10%;
		top: 40px;
		-webkit-clip-path: polygon(24% 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(24% 0, 100% 0, 100% 100%, 0% 100%);
	}
	footer::after {
		-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 70px, 74% 70px);
		clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 70px, 74% 70px);
	}

	.f_main {
		padding: 30px 0;
	}
	.f_main::before,
	.f_main::after {
		background-size: 8px 1px;
	}
	.f_contact li {
		margin-bottom: 10px;
	}

	.f_media a {
		width: 36px;
		height: 42px;
	}
	.f_media iconify-icon {
		font-size: 18px;
	}

	.f_cr {
		padding: 16px 0 56px;
	}
	.f_cr p,
	.f_cr a {
		font-size: 14px;
		line-height: 1.5;
	}
}







.contactMenu {
	--menuColor: #333
}
.contactMenu {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 340px;
	box-shadow: -6px -4px 10px rgb(0 0 0 / 10%);
	z-index: 9999;
}
.contactMenuBtn {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	z-index: 3;
}
.contactMenuBtn dt {
	width: 100%;
	text-align: center;
	cursor: pointer;
}
.contactMenuBtn dt a,
.contactMenuBtn dt p {
	display: block;
	padding: 8px 10px;
	color: #FFF;
}
.contactMenuBtnWA {
	display: none;
	background: #0ABA28;
}
.contactMenuBtnForms {
	background: var(--i_color);
}

.contactMenu_Forms {
	display: none;
	position: absolute;
	right: 0;
	bottom: calc(100% - 1px);
	width: 100%;
	box-shadow: -6px -4px 10px rgb(0 0 0 / 10%);
}
.contactMenu_FormsTit {
	padding: 8px 50px;
	text-align: center;
	background: var(--i_color);
	cursor: pointer;
	position: relative;
}
.contactMenu_FormsTit p {
	color: #FFF;
}
.contactMenu_FormsTit iconify-icon {
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: -20px;
	font-size: 24px;
	color: #FFF;
}
.contactMenu_FormsTit.active iconify-icon {
	opacity: 1;
	right: 10px;
	-webkit-transition: all .6s .5s;
	transition: all .6s .5s;
}
.contactMenu_Forms>span {
	display: block;
	padding: 24px;
	background: #FFF;
}

#wpforms-123456 {
	--wpforms-field-size-input-height: 44px;
	--wpforms-field-border-size: 0;
	--wpforms-button-background-color: var(--i_color);
	--wpforms-button-border-color: var(--i_color);
	--wpforms-page-break-color: var(--i_color);
	--wpforms-label-error-color: #d63637;
}
#wpforms-123456 {
	margin: 0;
	padding: 0;
}
#wpforms-form-123456 {
	width: 100%;
	position: relative;
}

#wpforms-123456 .wpforms-field-container {}
#wpforms-123456 .wpforms-field-container>.wpforms-field {
	width: 100%;
	padding: 0 1px 20px;
	margin: 0 0 10px;
	overflow-x: initial !important;
	position: relative;
}

#wpforms-123456 .wpforms-field-container .wpforms-field-label {
	height: 0;
	font-size: 0;
	margin: 0 0;
}
#wpforms-123456 .wpforms-field-container .wpforms-required-label {
	position: absolute;
	top: 4px;
	left: 4px;
	font-size: 15px;
	color: #F00;
	font-weight: bold;
}

#wpforms-123456 .wpforms-field-container .wpforms-field>input,
#wpforms-123456 .wpforms-field-container textarea {
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#wpforms-123456 .wpforms-form label.wpforms-error {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 13px;
}

#wpforms-123456 .wpforms-field-container .wpforms-field>input,
#wpforms-123456 .wpforms-field-container textarea,
#wpforms-123456 .wpforms-field-container select,
#wpforms-123456 .wpforms-field-container .choices {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0 0;
}
#wpforms-123456 .wpforms-field-container .wpforms-field>input,
#wpforms-123456 .wpforms-field-container textarea,
#wpforms-123456 .wpforms-field-container select {
	padding-left: 14px;
	padding-right: 14px;
}
#wpforms-123456 .wpforms-field-container textarea {
	padding-top: 10px;
	padding-bottom: 10px;
}
#wpforms-123456 .wpforms-field-container fieldset ul {
	padding: 0 2px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
#wpforms-123456 .wpforms-field-container select {
	cursor: pointer;
}
#wpforms-123456 .wpforms-field-container .wpforms-datepicker-wrap {
	width: 310px;
}
#wpforms-123456 .wpforms-field-container .wpforms-datepicker-wrap input {
	width: 100%;
	max-width: 100%;
}
#wpforms-123456 .wpforms-field-container .wpforms-datepicker-clear {
	right: 10px;
}
#wpforms-123456 .wpforms-field-container em.wpforms-error,
#wpforms-123456 .wpforms-field-container .mailcheck-error {
	position: absolute;
	margin: 0 0;
	bottom: -2px;
}

#wpforms-123456 .wpforms-submit-container {
	width: 100%;
	padding: 0 0;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}
#wpforms-123456 .wpforms-submit-container button {
	width: 100%;
	height: 0.42rem;
	background: #DDD;
	font-size: 15px;
	color: #333;
	font-weight: bold;
}
#wpforms-123456 .wpforms-submit-container img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 4px;
	z-index: 2
}
#wpforms-123456 .wpforms-submit-container button:hover {
	background: var(--i_color);
	color: #FFF;
}

@media screen and (max-width:1024px) {
	.contactMenu {
		width: 100%;
	}
	.contactMenuBtnWA {
		display: block;
	}
	.contactMenuBtnWA a {
		display: block;
	}
}








/* ------------------------------------------------- */

.banner__ {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.banner__>img {
	width: 100vw;
}

.banner__text {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%;
	text-align: center;
}
.banner__text h2 {
	font-size: 0.4rem;
	color: #FFF;
	font-weight: bold;
}
@media screen and (max-width:1024px) {
	.banner__text h2 {
		font-size: 30px;
	}
}
@media screen and (max-width:768px) {
	.banner__ {
		padding-bottom: 36%;
	}
	.banner__>img {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		object-fit: cover;
	}
}
@media screen and (max-width:560px) {
	.banner__ {
		padding-bottom: 44%;
	}
	.banner__text h2 {
		font-size: 24px;
	}
}


/* Breadcrumb */
.in_position {
	margin-top: 0.2rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
}
.in_position a {
	display: block;
	font-size: 15px;
	color: #FFF;
	position: relative;
	line-height: 20px;
}
.in_position a:first-child {
	/* padding-left: 0.26rem; */
}
.in_position a:first-child::before {
	/* content: ''; */
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 18px;
	height: 18px;
	background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 2048 2048"%3E%3Cpath fill="%23FFF" d="m1024 165l941 942l-90 90l-83-82v805h-640v-640H896v640H256v-805l-83 82l-90-90l941-942zm640 1627V987l-640-640l-640 640v805h384v-640h512v640h384z"%2F%3E%3C%2Fsvg%3E') no-repeat center;
	background-size: contain;
}
.in_position a:not(:last-child):after {
	content: ">";
	margin: 0 4px;
	color: #FFF
}
.in_position a:last-child {
	color: var(--i_color) !important
}
.in_position a:hover {
	color: var(--i_color)
}
@media screen and (max-width:1024px) {
	.in_position a {
		font-size: 14px
	}
}
@media screen and (max-width:560px) {
	.in_position {
		margin-top: 10px;
	}
	.in_position a {
		font-size: 13px
	}
}






.in_paging {
	--size: 32px;
	--border_radius: 0;
	--curr_color: var(--i_color);
}
.in_paging ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	text-align: left;
}
.in_paging li {
	min-width: var(--size);
	margin: 0 4px;
}
.in_paging a,
.in_paging span {
	display: block;
	padding: 0 10px;
	height: var(--size);
	line-height: calc(var(--size) - 2px);
	font-size: 14px;
	color: #666;
	background: #FFF;
	box-sizing: border-box;
	border: 1px solid #CCC;
	-webkit-border-radius: var(--border_radius);
	border-radius: var(--border_radius);
	overflow: hidden;
}
.in_paging i {
	margin-top: 14px;
	width: 100%;
	font-size: 13px;
	color: #888;
}
.in_paging a:hover,
.in_paging .curr_page a,
.in_paging .curr_page span {
	border-color: var(--curr_color) !important;
	background: var(--curr_color);
	color: #333 !important
}








.postCont {
	background: #F1F1F1;
}


.p_boxPad {
	box-sizing: border-box;
	padding: .36rem .24rem;
	background: #FFF;
}
.p_data {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	gap: 0 .4rem;
}
@media screen and (max-width:1024px) {
	.p_data {
		flex-wrap: wrap;
		gap: 40px 0;
	}
}
@media screen and (max-width:560px) {
	.p_boxPad {
		padding: 30px 20px;
	}
}


/* atlas */
.p_atlas {
	flex-shrink: 0;
	width: 44%;
}
.p_atlas_list {
	position: relative;
	overflow: hidden
}
.p_atlas_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%
}
.p_atlas_list .swiper-slide {
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
}
.p_atlas_list .swiper-slide::before {
	content: '';
	display: block;
	padding-bottom: 75%;
}
.p_atlas_list .swiper-slide img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* thumbnail */
.p_thumbnail_list {
	width: calc(100% - .4rem);
	margin: .2rem auto 0;
	box-sizing: border-box;
	position: relative;
	overflow: hidden
}
.p_thumbnail_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%
}
.p_thumbnail_list .swiper-slide {
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.p_thumbnail_list figure {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.p_thumbnail_list figure::before {
	content: '';
	display: block;
	padding-bottom: 75%;
}
.p_thumbnail_list figure img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p_thumbnail_list .swiper-slide-thumb-active figure::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid var(--i_color);
}

.thumbnail-prev,
.thumbnail-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: .36rem;
	height: .36rem;
	background: #FFF;
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 3;
}
.thumbnail-prev {
	left: 0;
}
.thumbnail-next {
	right: 0;
}
.thumbnail-prev iconify-icon,
.thumbnail-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.2rem;
	color: #333
}
.thumbnail-prev:hover,
.thumbnail-next:hover {
	background: var(--i_color);
}

.thumbnail-pagination {
	position: absolute;
	top: .1rem;
	right: .1rem;
	text-align: center;
	padding: 2px 6px;
	background: rgb(0 0 0 / 60%);
	z-index: 2;
}
.thumbnail-pagination,
.thumbnail-pagination span {
	font-size: 14px;
	color: #FFF;
}
.thumbnail-pagination .swiper-pagination-current {
	font-size: 0.22rem;
	color: var(--i_color);
}

@media screen and (max-width:1024px) {
	.p_atlas {
		width: 100%;
	}
}
@media screen and (max-width:560px) {
	.p_thumbnail_list {
		width: 100%;
	}
	.thumbnail-pagination .swiper-pagination-current {
		font-size: 18px;
	}
	.thumbnail-prev,
	.thumbnail-next {
		display: none;
	}
}






.p_title {
	margin-left: auto;
	width: 100%;
}
.p_title h1 {
	color: #111;
	font-weight: bold;
}

.p_share {
	margin: .14rem 0 .34rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0 4%;
}
.p_cat {
	font-size: 0.18rem;
}
.p_share dl {
	margin-left: auto;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 .1rem;
}
.p_share dt iconify-icon {
	font-size: 0.22rem;
	color: #CCC;
}
.p_share dt a:hover iconify-icon {
	color: var(--i_color);
}

.p_parameter {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
.p_parameter dt {
	width: 50%;
	box-sizing: border-box;
	padding: .1rem .24rem;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.p_parameter dd {
	width: 100%;
}
.p_parameter h6 {
	margin-bottom: 6px;
	font-size: 15px;
	color: #777;
}
.p_parameter span {
	display: block;
	font-size: 0.18rem;
	color: #111;
}
.p_parameter span i {
	font-weight: bold;
	color: #FF0000;
}

.p_quality {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 0 6%;
}
.p_quality dt {
	width: 100%;
	text-align: center;
}
.p_quality .icon {
	margin: 0 auto;
	width: 0.7rem;
	height: 0.8rem;
	background: #585858;
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	position: relative;
}
.p_quality .icon:hover {
	background: var(--i_color);
}

.p_quality iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.4rem;
	color: #FFF;
}
.p_quality p {
	margin-top: 6px;
	font-size: 0.17rem;
	letter-spacing: -.5px;
}

.p_btn {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0 4%;
}
.p_btn a {
	padding: .14rem .2rem;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0 6px;
	background: var(--i_color);
}
.p_btn iconify-icon {
	font-size: 0.24rem;
	color: #111;
}
.p_btn p {
	font-size: 0.18rem;
	color: #111;
}
.p_btn a:first-child {
	background: #585858;
}
.p_btn a:first-child iconify-icon,
.p_btn a:first-child p {
	color: #FFF;
}

.p_inquiryTip {
	margin-top: 0.14rem;
	font-size: 15px;
}
.p_inquiryTip i {
	color: #F32000;
	font-weight: bold;
}

@media screen and (max-width:1200px) {
	.p_quality .icon {
		width: 0.6rem;
		height: 0.66rem;
	}
	.p_quality iconify-icon {
		font-size: 0.36rem;
	}
}
@media screen and (max-width:1024px) {
	.p_cat {
		font-size: 16px;
	}
	.p_quality .icon {
		width: 0.5rem;
		height: 0.56rem;
	}
	.p_quality iconify-icon {
		font-size: 0.3rem;
	}
	.p_quality p {
		font-size: 15px;
	}
}
@media screen and (max-width:560px) {
	.p_cat {
		font-size: 14px;
	}
	.p_parameter dt {
		padding: 6px 14px;
	}
	.p_parameter h6 {
		font-size: 13px;
	}
	.p_parameter span {
		font-size: 15px;
	}

	.p_quality .icon {
		width: 40px;
		height: 46px;
	}
	.p_quality iconify-icon {
		font-size: 22px;
	}
	.p_quality p {
		font-size: 13px;
	}

	.p_btn a {
		padding: 12px 10px;
	}
	.p_btn iconify-icon {
		font-size: 20px;
	}
	.p_btn p {
		font-size: 15px;
	}

	.p_inquiryTip {
		font-size: 13px;
		color: #666;
	}
}





.p_content {}

.p_content_tit {
	margin-bottom: 0.3rem;
	padding-bottom: 0.2rem;
	position: relative;
}
.p_content_tit::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #DDD;
}
.p_content_tit::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0.6rem;
	height: 3px;
	background: var(--i_color);
}
.p_content_tit h3 {
	font-size: 0.24rem;
	font-weight: bold;
}

@media screen and (max-width:1024px) {
	.p_content_tit h3 {
		font-size: 22px;
	}
}
@media screen and (max-width:768px) {
	.p_content_tit h3 {
		font-size: 20px;
	}
}
@media screen and (max-width:560px) {
	.p_content_tit {
		margin-bottom: 20px;
		padding-bottom: 12px;
	}
	.p_content_tit h3 {
		font-size: 18px;
	}
}





.p_tags {}
.p_tags>p {
	margin-bottom: 0.2rem;
	font-size: 0.22rem;
	font-weight: bold;
}
.p_tags ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: .1rem .3rem;
}
.p_tags li a {
	font-size: 0.16rem;
}
.p_tags li a:hover {
	color: var(--i_color);
	text-decoration: underline;
}
@media screen and (max-width:1024px) {
	.p_tags>p {
		font-size: 18px;
	}
}
@media screen and (max-width:768px) {
	.p_tags li a {
		font-size: 15px;
	}
}





.p_view_other {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.p_view_other dt {
	max-width: 46%;
}
.p_view_other a {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0 .1rem;
}
.p_view_other .btn {
	flex-shrink: 0;
	width: 0.3rem;
	height: 0.3rem;
	background: #FFF;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.p_view_other .btn iconify-icon {
	font-size: 0.2rem;
	color: #333;
}
.p_view_other p {
	font-size: 15px;
	line-height: 1.3;
}
.p_view_other a:hover .btn {
	background: var(--i_color);
}
.p_view_other a:hover iconify-icon,
.p_view_other a:hover b {
	color: #111;
}
.p_view_other a:hover p {
	color: var(--i_color);
	text-decoration: underline;
}

@media screen and (max-width:768px) {
	.p_view_other dt {
		max-width: none;
		margin: 10px 0;
	}
	.p_view_other dt:last-child .btn {
		order: -1;
	}
}
@media screen and (max-width:560px) {
	.p_view_other .btn b {
		font-size: 14px;
	}
}






.related_list {
	position: relative;
	overflow: hidden
}
.related_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%
}
.related_list .swiper-slide {
	flex-shrink: 0;
	position: relative
}

.related_list li:hover .productsThumbnail {
	border-bottom-color: #585858;
}
.related_list li:hover img {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.related_list li:hover .productsInfo,
.related_list li:hover .productsInfo::before {
	background: var(--i_color);
}
.related_list li:hover .productsInfo i {
	background: #585858;
	color: var(--i_color);
}







.about__ {
	background: url(../images/about__bg.webp) no-repeat bottom center;
	background-size: 100%;
}
.about__ .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	gap: 0 8%;
}
.about__ .about_text {
	margin-top: 0.6rem;
}
.about__ .about_pic {
	margin-left: auto;
}

@media screen and (max-width:1024px) {
	.about__ .wrap {
		flex-wrap: wrap;
		gap: 40px 0;
	}
	.about__ .about_text {
		margin-top: 20px;
		width: 100%;
	}
	.about__ .about_pic {
		margin: 0 0;
		width: 100%;
		max-width: 400px;
	}
}
@media screen and (max-width:560px) {
	.about__ .about_text {
		margin-top: 0;
	}
}






.A__F {
	background: #F1F1F1;
}

.A__F__icon {
	margin-bottom: -.5rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 0 4%;
	position: relative;
	z-index: 2;
}
.A__F__icon dt {
	width: 100%;
}
.A__F__icon .icon {
	margin: 0 auto;
	width: 1rem;
	height: 1rem;
	background: #585858;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: relative;
}
.A__F__icon .icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 44px;
	height: 44px;
	overflow: hidden;
}

.A__F__icon .icon img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 44px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.A__F__icon dt:hover .icon,
.A__F__icon dt.hover .icon {
	background: var(--i_color);
}
.A__F__icon dt:hover .icon img,
.A__F__icon dt.hover .icon img {
	bottom: -100%;
}

.A__F__list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 0 4%;
}
.A__F__list dt {
	width: 100%;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	padding: 1.1rem .4rem;
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	background: #FFF;
}
.A__F__list .icon {
	display: none;
}
.A__F__list .text {}
.A__F__list .text p {
	margin-bottom: 0.14rem;
	font-weight: bold;
	line-height: 1.2;
}

@media screen and (max-width:1440px) {
	.A__F__list dt {
		padding: .8rem .3rem;
	}
}
@media screen and (max-width:1024px) {
	.A__F__icon {
		display: none;
	}
	.A__F__list {
		flex-wrap: wrap;
		gap: 30px 4%;
	}
	.A__F__list dt {
		width: 48%;
		padding: 30px 30px;
		background: #FFF;
		-webkit-clip-path: none;
		clip-path: none;
	}
	.A__F__list .icon {
		display: block;
		margin: 0 auto 22px;
		width: 70px;
		height: 70px;
		background: #585858;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		position: relative;
	}
	.A__F__list .icon i {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 30px;
		height: 30px;
		overflow: hidden;
	}
	.A__F__list .icon img {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 30px;
	}
}
@media screen and (max-width:768px) {
	.A__F__list .icon {
		width: 60px;
		height: 60px;
	}
}
@media screen and (max-width:560px) {
	.A__F__list {
		gap: 20px 0;
	}
	.A__F__list dt {
		width: 100%;
	}
}






.CE__ {
	margin-top: 0;
}





.honor {
	background: #F1F1F1 url(../images/honor_bg.webp) no-repeat bottom;
	background-size: 100%;
}
.honor .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 0 6%;
}

.honor_text {
	margin-top: 0.6rem;
	width: 100%;
}

.honor_cont {
	flex-shrink: 0;
	margin-left: auto;
	width: 44%;
	padding: .8rem 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 8%;
	background: url(../images/honor_hexagon.webp) no-repeat center;
	background-size: contain;
}
.honor_cont dt {
	text-align: center;
	width: 46%;
}
.honor_cover {
	width: 100%;
	position: relative;
	overflow: hidden
}
.honor_cover::before {
	content: "";
	display: block;
	padding-bottom: 139.7%
}
.honor_cover img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.honor_cont p {
	margin-top: 0.2rem;
	font-size: 0.16rem;
}

@media screen and (max-width:768px) {
	.honor .wrap {
		flex-wrap: wrap;
	}
	.honor_text {
		margin: 0 0;
	}
	.honor_cont {
		margin: 0 0;
		width: 100%;
		max-width: 400px;
	}
	.honor_cont p {
		font-size: 14px;
	}
}
@media screen and (max-width:560px) {
	.honor_cont {
		padding: 60px 0;
	}
}







.catListBox .switch_nav li {
	border-color: #CCC;
}
.catListBox .switch_nav a {
	color: #333 !important;
}
.catListBox .switch_nav li:hover,
.catListBox .switch_nav li.active {
	border-color: var(--i_color);
	background: var(--i_color);
}

@media screen and (max-width:1024px) {
	.catListBox .sec_title_box {
		flex-wrap: wrap;
	}
	.catListBox .sec_title {
		width: 100%;
	}
	.catListBox .switch_nav {
		margin: 30px 0 20px;
	}
}
@media screen and (max-width:768px) {
	.catListBox .switch_nav {
		margin: 0 0;
	}
}






.topNews {}
.topNews a {
	background: #FFF;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.topNews .thumbnail {
	flex-shrink: 0;
	width: 46%;
	position: relative;
	overflow: hidden
}
.topNews .thumbnail::before {
	content: "";
	display: block;
	padding-bottom: 75%
}
.topNews .thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.topNews .text {
	padding: 0 .5rem;
}
.topNews b {
	display: table;
	padding: 8px .12rem;
	background: #EEE;
	font-size: 14px;
	color: #444;
}
.topNews p {
	margin: .24rem 0;
	font-size: 0.2rem;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.topNews h5 {
	margin-bottom: 0.6rem;
	color: #777;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.topNews span {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.topNews span i {
	font-size: 0.15rem;
	color: #999;
}
.topNews .nBtn {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 .1rem;
}
.topNews .nBtn h6 {
	font-size: 0.16rem;
}
.topNews .nBtn em {
	width: 0.4rem;
	height: 0.4rem;
	background: #FFF;
	box-shadow: 0 0 6px rgb(0 0 0 / 10%);
	position: relative;
}
.topNews .nBtn iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.2rem;
}

.topNews a:hover img {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.topNews a:hover p {
	color: var(--i_color);
}
.topNews a:hover .nBtn em {
	background: var(--i_color);
}

@media screen and (max-width:1024px) {
	.topNews .text {
		padding: 0 40px;
	}
	.topNews p {
		margin: 10px 0;
		font-size: 17px;
	}
	.topNews h5 {
		margin-bottom: 20px;
		-webkit-line-clamp: 2
	}
}
@media screen and (max-width:768px) {
	.topNews a {
		flex-wrap: wrap;
	}
	.topNews .thumbnail {
		width: 100%;
	}
	.topNews .text {
		padding: 30px;
	}
}
@media screen and (max-width:560px) {
	.topNews .text {
		padding: 20px;
	}
	.topNews b {
		font-size: 13px;
	}
	.topNews p {
		font-size: 16px;
	}
	.topNews span i {
		font-size: 14px;
	}
	.topNews .nBtn {
		display: none;
	}
}







.news__list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 3%;
}
.news__list li {
	width: 31.33%;
}

.news__list li:hover img {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.news__list li:hover p {
	color: var(--i_color);
}
.news__list li:hover .nBtn em {
	background: var(--i_color);
}

@media screen and (max-width:768px) {
	.news__list {
		gap: 30px 3%;
	}
	.news__list li {
		width: 48.5%;
	}
}
@media screen and (max-width:560px) {
	.news__list {
		gap: 24px 4%;
	}
	.news__list li {
		width: 48%;
	}
	.news__list .newsInfo {
		padding: 6px 16px 16px;
	}
	.news__list .newsInfo b {
		display: none;
	}
	.news__list .newsInfo p {
		margin: 0 0 6px;
		font-size: 13px;
		line-height: 1.3;
	}
}








.fold_list {}
.fold_list li {
	margin-bottom: 0.3rem;
	background: #FFF;
	position: relative;
}

.fold_list li>i {
	position: absolute;
	top: 0.18rem;
	left: 0.22rem;
	width: 0.4rem;
	height: 0.46rem;
	line-height: 0.46rem;
	background: #585858;
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	font-size: 0.2rem;
	color: #FFF;
	text-align: center;
}

.faq_title {
	padding: .3rem .2rem .3rem .8rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	cursor: pointer;
	gap: 0 .4rem;
}
.faq_title h5 {
	font-size: 0.2rem;
}
.faq_title em {
	display: block;
	flex-shrink: 0;
	margin-left: auto;
	width: 0.26rem;
	height: 0.26rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E") no-repeat center;
	background-size: .26rem;
}

.faq_text {
	padding: 0 .2rem .3rem .8rem;
}

.faq_text {
	display: none;
}

.fold_list li.active {
	background: var(--i_color);
}
.fold_list li.active em {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 12.998H5v-2h14z'/%3E%3C/svg%3E") no-repeat center;
	background-size: .26rem;
}

@media screen and (max-width:1024px) {
	.fold_list li {
		margin-bottom: 20px;
	}
	.fold_list li>i {
		top: 18px;
		width: 30px;
		height: 34px;
		line-height: 34px;
		font-size: 18px;
	}
	.faq_title {
		padding: 20px 20px 20px 70px;
	}
	.faq_title h5 {
		font-size: 18px;
	}

	.faq_text {
		padding: 0 20px 20px 70px;
	}
}
@media screen and (max-width:768px) {
	.fold_list li {
		margin-bottom: 16px;
	}
	.fold_list li>i {
		display: none;
	}
	.faq_title {
		padding: 14px 20px;
		gap: 0 20px;
	}
	.faq_title h5 {
		font-size: 15px;
	}

	.faq_text {
		padding: 10px 20px 24px;
		font-size: 13px;
	}
}







.contact__ {
	background: url(../images/contact__bg.webp) no-repeat bottom center;
	background-size: 100%;
}

.contact__icon {
	margin-bottom: -.5rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	gap: 0 4%;
	position: relative;
	z-index: 2;
}
.contact__icon dt {
	width: 100%;
}
.contact__icon .icon {
	width: 1rem;
	height: 1rem;
	margin: 0 auto;
	background: #585858;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: relative;
}

.contact__icon dt:hover .icon {
	background: var(--i_color);
}
.contact__icon .icon iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.32rem;
	color: #FFF;
}


.contact__list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	gap: 0 4%;
}
.contact__list li {
	width: 100%;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	padding: 1.3rem .4rem;
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	background: #F1F1F1;
}
.contact__list .icon {
	display: none;
}
.contact__list h6 {
	margin-bottom: 0.16rem;
	font-size: 0.16rem;
	color: #666;
}
.contact__list a {
	font-size: 0.2rem;
	font-weight: bold;
}
.contact__list p {
	font-size: 0.16rem;
	font-weight: bold;
	line-height: 1.6;
}

.contact__list a:hover {
	color: var(--i_color);
}

@media screen and (max-width:1440px) {
	.contact__list li {
		padding: 1.2rem .4rem;
	}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.contact__list li {
		padding: .8rem .4rem;
	}
}
@media screen and (max-width:1024px) {
	.contact__icon {
		display: none;
	}
	.contact__list {
		flex-wrap: wrap;
		gap: 20px 0;
	}
	.contact__list li {
		padding: 20px 30px;
		-webkit-clip-path: none;
		clip-path: none;
		display: -webkit-flex;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 0 .2rem;
		text-align: left;
	}
	.contact__list .icon {
		flex-shrink: 0;
		display: block;
		width: 46px;
		height: 46px;
		background: #585858;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		position: relative;
	}
	.contact__list .icon iconify-icon {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 0.24rem;
		color: #FFF;
	}
}
@media screen and (max-width:768px) {
	.contact__list h6 {
		margin-bottom: 10px;
		font-size: 15px;
	}
	.contact__list a {
		font-size: 18px;
	}
}
@media screen and (max-width:560px) {
	.contact__list li {
		padding: 18px 20px;
	}
	.contact__list .icon {
		width: 42px;
		height: 42px;
	}
	.contact__list a,
	.contact__list p {
		font-size: 16px;
	}
}






.contact__form__box {
	background: #F1F1F1;
}
.contact__form__box .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	gap: 0 5%;
}

.contact__form__text {
	width: 100%;
}
.contact__form__text>img {
	width: 100%;
}

.contact__form {
	flex-shrink: 0;
	margin-left: auto;
	width: 50%;
}

#wpforms-132 {
	--wpforms-field-size-input-height: 54px;
	--wpforms-field-border-size: 0;
	--wpforms-button-background-color: var(--i_color);
	--wpforms-button-border-color: var(--i_color);
	--wpforms-page-break-color: var(--i_color);
	--wpforms-label-error-color: #d63637;
}
#wpforms-132 {
	margin: 0;
	padding: 0;
}
#wpforms-form-132 {
	width: 100%;
	position: relative;
}

#wpforms-132 .wpforms-field-container {}
#wpforms-132 .wpforms-field-container>.wpforms-field {
	width: 100%;
	padding: 0 1px 20px;
	margin: 0 0 10px;
	overflow-x: initial !important
}

#wpforms-132 .wpforms-field-container .wpforms-field-label {
	height: 0;
	font-size: 0;
	margin: 0 0;
}
#wpforms-132 .wpforms-field-container .wpforms-required-label {
	position: absolute;
	top: 4px;
	left: 4px;
	font-size: 15px;
	color: #F00;
	font-weight: bold;
}

#wpforms-132 .wpforms-field-container .wpforms-field>input,
#wpforms-132 .wpforms-field-container textarea {
	background: #FFF;
}
#wpforms-132 .wpforms-form label.wpforms-error {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 13px;
}

#wpforms-132 .wpforms-field-container .wpforms-field>input,
#wpforms-132 .wpforms-field-container textarea,
#wpforms-132 .wpforms-field-container select,
#wpforms-132 .wpforms-field-container .choices {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0 0;
}
#wpforms-132 .wpforms-field-container .wpforms-field>input,
#wpforms-132 .wpforms-field-container textarea,
#wpforms-132 .wpforms-field-container select {
	padding-left: 14px;
	padding-right: 14px;
}
#wpforms-132 .wpforms-field-container textarea {
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 1.8rem;
}
#wpforms-132 .wpforms-field-container fieldset ul {
	padding: 0 2px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
#wpforms-132 .wpforms-field-container select {
	cursor: pointer;
}
#wpforms-132 .wpforms-field-container .wpforms-datepicker-wrap {
	width: 310px;
}
#wpforms-132 .wpforms-field-container .wpforms-datepicker-wrap input {
	width: 100%;
	max-width: 100%;
}
#wpforms-132 .wpforms-field-container .wpforms-datepicker-clear {
	right: 10px;
}
#wpforms-132 .wpforms-field-container em.wpforms-error,
#wpforms-132 .wpforms-field-container .mailcheck-error {
	position: absolute;
	margin: 0 0;
	bottom: -2px;
}

/* #wpforms-132 input::placeholder, #wpforms-132 textarea::placeholder{color:#333;font-size:16px} */

#wpforms-132 .wpforms-field-container {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#wpforms-132-field_1-container,
#wpforms-132-field_2-container,
#wpforms-132-field_3-container,
#wpforms-132-field_4-container {
	width: 48% !important;
}

#wpforms-132 .wpforms-submit-container {
	width: 100%;
	padding: 0 0
}
#wpforms-132 .wpforms-submit-container button {
	width: 100%;
	height: .44rem;
	font-size: 15px;
	color: #333;
	background: var(--i_color);
}
#wpforms-132 .wpforms-submit-container img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 4px;
	z-index: 2
}
#wpforms-132 .wpforms-submit-container button:hover {
	background: #000;
	color: #FFF;
}

@media screen and (max-width:768px) {
	.contact__form__box .wrap {
		flex-wrap: wrap;
		gap: 30px 0;
	}
	.contact__form {
		width: 100%;
	}
	#wpforms-132 {
		--wpforms-field-size-input-height: 46px;
	}
	#wpforms-132 .wpforms-field-container textarea {
		min-height: 100px;
	}
}
@media screen and (max-width:560px) {
	#wpforms-132 .wpforms-field-container>.wpforms-field {
		width: 100% !important;
	}
}





.map {}
.map {
	width: 100%;
	position: relative;
	overflow: hidden
}
.map::before {
	content: "";
	display: block;
	padding-bottom: 36%
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media screen and (max-width:1024px) {
	.map::before {
		padding-bottom: 58%;
	}
}
@media screen and (max-width:768px) {
	.map::before {
		padding-bottom: 65%;
	}
}
@media screen and (max-width:560px) {
	.map::before {
		padding-bottom: 150%;
	}
}




.vd_box {

	display: none;

	position: fixed;

	top: 52%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 2014;

	width: 60%;

	max-height: 90%;

}

.i_a_btn {

	background: var(--liner_color);

}

.vd_box::before {

	content: '';

	display: block;

	padding-bottom: 56.25%;

}

.close_v {

	position: absolute;

	top: -.2rem;

	right: -.2rem;

	width: 0.4rem;

	height: 0.4rem;

	background: var(--i_color);

	z-index: 2;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	cursor: pointer;

}

.close_v::before {

	content: '+';

	position: absolute;

	top: 50%;

	left: 50%;

	font-size: 0.44rem;

	color: #FFF;

	-webkit-transform: translate(-50%, -50%) rotate(45deg);

	transform: translate(-50%, -50%) rotate(45deg)
}

.vd_box iframe {

	position: absolute;

	top: 0;

	right: 0;

	width: 100%;

	height: 100%;

	background: #000;

	object-fit: contain;

}

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

	.iabout .tit h6 {

		margin: 0 auto;

	}

	.iabout .tit p {

		text-align: center;

		margin: 0 auto;

	}

	.i_ab .btn {

		margin: 0 auto;

	}

	.vd_box {

		width: 80%;

	}

	.close_v::before {

		font-size: 0.4rem;

	}

}

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

	.vd_box {

		width: 88%;

	}

	.close_v {

		top: -.15rem;

		right: -.15rem;

		width: 0.3rem;

		height: 0.3rem;

	}

	.close_v::before {

		font-size: 0.3rem;

	}

}



/* search results list */

.in_search_list {

	margin-bottom: 0.2rem;

}

.in_search_list a {

	background: #F5F5F5 !important;

}

.in_search_list {

	overflow: hidden;

}

.in_search_list li {

	box-sizing: border-box;

	border: 1px solid var(--border_color);

	margin-bottom: 0.26rem;

}

.in_search_list a {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	padding: .2rem;

}

.in_search_list .img {

	width: 2.2rem;

	position: relative;

	overflow: hidden
}

.in_search_list .img::before {

	content: "";

	display: block;

	padding-bottom: 80%
}

.in_search_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

	height: 100%;

	object-fit: cover
}

.in_search_list .txt {

	width: calc(100% - 2.6rem);

	margin-left: auto;

	box-sizing: border-box;

}

.in_search_list h2 {

	font-size: 0.18rem;

	color: #212121;

	font-weight: bold;

	position: relative;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.in_search_list h6 {

	margin: .1rem 0;

	font-size: 0.14rem;

	color: #666;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.in_search_list i {

	display: inline-block;

	padding: .06rem .1rem;

	font-size: 0.13rem;

	color: var(--i_color);

	background: #EDEDED;

	-webkit-border-radius: .04rem;

	border-radius: .04rem;

	box-sizing: border-box;

}

.in_search_list li:hover {

	border-color: var(--i_color);

}

.in_search_list li:hover h2 {

	color: var(--i_color);

}

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

	.in_search_list h2 {

		font-size: 0.15rem;

	}

	.in_search_list h6 {

		font-size: 0.13rem;

	}

	.in_search_list i {

		font-size: 0.12rem;

	}

}

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

	.in_search_list li {

		padding-bottom: 0.2rem;

		margin-bottom: 0.2rem;

		border: none;

		border-bottom: 1px solid var(--border_color);

	}

	.in_search_list a {

		padding: 0;

	}

	.in_search_list .img {

		width: 1.2rem;

	}

	.in_search_list .txt {

		width: calc(100% - 1.5rem);

	}

	.in_search_list .txt i {

		display: none;


	}


	.in_search_list h2 {

		font-size: 0.14rem;

	}

}

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



.fheight {
	height: 0.8rem;
}


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


	.fheight {
		height: 0.8rem;
	}
}
@media screen and (max-width:1366px) {


	.fheight {
		height: 1.2rem;

	}
}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}


.hide {
	display: none;
}