/*Theme Name:yuqiang
Version:1.0Description:安徽领聚数字作为Google中国区核心合作伙伴,拥有安徽省唯一的一家Google出海体验中心,为安徽本土化外贸企业出海提供一站式服务——网站搭建,谷歌SEO优化,谷歌竞价,谷歌SNS社媒营销等。Author:版权所有：安徽领聚*/
@charset "utf-8";
:root {
	--i_color: #FF5A00;
	--i_color3: #FF5A00;
	/* 全局颜色 */
	--i_color2: #FF5A00;
	--bjs: #f9f9f9;

	--bjs2: #f6f6f6;
	--btn_color2: #FF5A00;
	--liner_color: linear-gradient(to bottom, transparent, rgba(0, 89, 170, 1));
	/* 副颜色 */
	--top_h: 100px;
	--top_h1: 36px;

	--total_h: calc(var(--top_h) + var(--top_h1));
	/* 顶部高度 */
	--border_color: #E5E5E5;
	/* 默认边框颜色 */
}
@media screen and (max-width:1024px) {
	:root {
		--top_h: 45px;
	}

	:root {
		--top_h1: 0px;
	}
}
@media screen and (max-width:768px) {
	:root {
		--border_color: rgba(0, 0, 0, .06)
	}
}

.bjs2 {
	background: #f6f6f6;
}
.wrap {
	width: 1600px;
	max-width: 94vw;
	margin-left: auto;
	margin-right: auto;
}
.wrap_l {
	display: block;
	box-sizing: border-box;
	padding-left: 10.5vw;
}
.wrap_r {
	display: block;
	box-sizing: border-box;
	padding-left: 13.5vw;
}
.wrap_r2 {
	display: block;
	box-sizing: border-box;
	padding-left: 1vw;
	padding-right: 8vw;
	box-sizing: border-box;
}
@media screen and (max-width:1600px) {
	.wrap_l {
		padding-left: 3.4vw;
	}
	.wrap_r {
		padding-right: 3.4vw;
	}
}
@media screen and (max-width:1440px) {
	.wrap_l {
		padding-left: 3.2vw;
	}
	.wrap_r {
		padding-right: 3.2vw;
	}
}
@media screen and (max-width:1200px) {
	.wrap_l {
		padding-left: 3vw;
	}
	.wrap_r {
		padding-right: 3vw;
	}
}

.topbox {
	height: var(--top_h1);
	width: 100%;
	background: #000;
	position: relative;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.topbox .ics {
	gap: 0 60px;
}


.topbox .ics a {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 10px;
}

.cs .zfx2 {
	width: 8px;
	height: 8px;
	background: #666;
}
.topbox .ics iconify-icon {
	color: var(--i_color);
	font-size: 0.18rem;
}




.share {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.2rem;
	align-items: center;
	position: relative;
	/* width: 30%; */
}

.topbox::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 380px;
	height: 100%;
	background: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
}


.share a {
	position: relative;
	z-index: 99;
}

.share iconify-icon {
	font-size: 0.2rem;
	color: #d8d8d8;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

}
.share a:hover iconify-icon {
	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) {

	.topbox {
		display: none;
	}
	.share iconify-icon {
		font-size: 0.2rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}



/* header */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2014;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	background: var(--i_color2);
	background: transparent;
}
.top_cont {
	box-sizing: border-box;
	background: transparent;
	position: relative;
	height: var(--top_h);

	z-index: 2013;
}
header.TopHeader .top_cont {
	background: var(--i_color2);
	box-shadow: rgb(0, 124, 186) 0rem 0rem 0rem 2.41859e-0.08rem;
	background: #000;

}

header.TopHeader {}

.top {
	max-width: 96vw;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
@media screen and (max-width:1024px) {
	header {
		top: 0;
		box-shadow: 0 .04rem .1rem rgba(0, 0, 0, .1);
	}
	.top_cont {
		background: #151515;
	}
}
/* logo */
.logo {
	flex-shrink: 0;
	/* margin-right:3%;*/
	display: -webkit-flex;
	display: flex;
	align-items: center;
	height: var(--top_h);
	box-sizing: border-box;
	/* border-right: .01rem solid var(--border_color); */
}
.logo a {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	height: 90%;
}
.logo img {
	max-height: 100%;
	object-fit: cover;
}
@media screen and (max-width:1440px) {
	.logo a {
		height: 60%;
	}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.logo {
		padding: 0 20px;
	}
}
@media screen and (max-width:768px) {
	.logo a {
		/* height: 38%; */
	}
}
@media screen and (max-width:560px) {}
/* 导航 */
nav {}
@media screen and (min-width:1025px) {
	nav {
		margin-right: auto;
		margin-left: 180px;
	}
	.i_nav {
		display: -webkit-flex;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 0 .8rem;
		/* margin-left: auto; */
		position: relative;
	}

	.i_nav>li {
		position: relative;
	}
	.i_nav>li::before {
		content: '';
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: .25rem;
		width: 100%;
		height: .01rem;
		background: var(--i_color);
		width: 0%;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}

	.i_nav>li:hover::before {
		/* right: initial;
		left: 0; */
		/* width: 100%; */
		width: 150%;
	}
	.i_nav>li>a {
		display: block;
		font-size: .18rem;
		color: #fff;
		line-height: var(--top_h);
		position: relative;
	}
	/* .i_nav>.current-menu-item::after {
		opacity: 1;
	}
	/* */
	.i_nav>.current-menu-item::before {
		content: '';
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: .25rem;
		height: .01rem;
		background: var(--i_color);
		width: 150%;
	}
	.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 .curr::before {
		width: 150%;

	}
	.i_nav>.current-menu-item a {
		color: var(--i_color);
	}
	.i_nav .sub-menu {
		display: none;
		position: absolute;
		left: 0;
		top: var(--top_h);
		min-width: 180px;
		max-width: 420px;
		background: #FFF;
		overflow: hidden;
	}
	.i_nav .nav_dropdown_box .sub-menu {}
	.i_nav .sub-menu li {
		position: relative;
	}
	.i_nav .sub-menu li::before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: .01rem;
		background: #DDD;
	}
	.i_nav .sub-menu a {
		display: block;
		padding: 0 16px;
		font-size: 15px;
		color: #151515;
		line-height: 42px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		position: relative;
	}
	.i_nav .sub-menu li:hover a {
		color: #E83539;
		background: #F1F1F1;
	}
	.i_nav>li>a:hover {
		color: var(--i_color);
	}
}
@media screen and (max-width:1440px) {
	.i_nav {
		gap: 0 40px;
	}
	.i_nav>li>a {
		font-size: .17rem;
	}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.i_nav {
		gap: 0 20px;
	}
	.i_nav>li>a {
		font-size: .16rem;
	}
}
/* phone nav */
@media screen and (max-width:1024px) {
	.i_nav {
		display: none;
		position: fixed;
		top: var(--top_h);
		left: 0;
		width: 100%;
		width: 100vw;
		max-width: 100%;
		max-height: calc(100vh - var(--top_h));
		background: #FFF;
		overflow-y: auto;
		z-index: 2
	}
	/*滚动条*/
	.i_nav::-webkit-scrollbar {
		width: .03rem;
		height: .08rem
	}
	.i_nav::-webkit-scrollbar-thumb {
		-webkit-box-shadow: inset 0 0 .05rem rgba(0, 0, 0, 0.2);
		background: #555
	}
	.i_nav::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 .05rem rgba(0, 0, 0, 0.2);
		border-radius: 0;
		background: #F1F1F1
	}
	.i_nav>li {
		margin: 0 0 !important;
		border-bottom: .01rem solid var(--border_color);
		position: relative
	}
	.i_nav>.menu-item-has-children span {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 44px;
		height: 44px;
		box-sizing: border-box;
		background: #F1F1F1 url(static/images/public/arrow_d_b.svg) no-repeat center;
		background-size: 18px;
	}
	.i_nav>.menu-item-has-children span.on {
		background: #F1F1F1 url(static/images/public/arrow_u_b.svg) no-repeat center;
		background-size: 18px;
	}
	.i_nav>li>a {
		padding: 0 20px;
		font-size: 16px;
		color: #222;
		line-height: 44px;
		text-transform: uppercase;
	}
	.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: .01rem solid var(--border_color)
	}
	.i_nav>li>.sub-menu b {
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		background: url(static/images/public/arrow_down_hollow_hei.svg) no-repeat center;
		background-size: 16px;
	}
	.i_nav>li>.sub-menu b.on {
		background: url(static/images/public/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
	}
}
.top_line_r {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 20px;
	position: relative;
}
.top_line_r::before {
	/* content: ''; */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 180%;
	height: 80%;
	/* z-index: 9; */
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
/* language */
.language {
	position: relative;
	box-sizing: border-box;
	margin-right: 0.3rem;

}

.language::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 62%;
	transform: translate(-50%, -50%);
	width: 113px;
	height: 35px;
	background: rgba(255, 255, 255, 1);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	border-radius: 0.05rem;

}

.language p {
	position: relative;
}

.language p::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: -20px;
	width: 16px;
	height: 16px;
	background: url(static/imgs/sear.webp) no-repeat center;
	background-size: cover;
	z-index: 999;
}
.language_icon {
	height: var(--top_h);
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 10px;
	font-size: 18px;
	color: #333;
}
.language_icon iconify-icon {
	font-size: 20px;
	color: #222;
	cursor: pointer;
	position: relative;
}
.language_list {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: calc(var(--top_h) + 20px);
	right: 0;
	background: #FFF;
	min-width: 120px;
	z-index: 2016;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	padding: 16px 20px;
}
.language_list.on {
	opacity: 1;
	top: var(--top_h);
	visibility: visible;
}
.language_list dt>h6 {
	margin-bottom: 8px;
	font-size: 17px;
	font-weight: bold;
	white-space: nowrap;
}
.curr_lang {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: .01rem solid #EEE;
}
.lang_list a {
	display: block;
	padding: 6px 0;
}
.lang_list span img {
	display: none;
}
.lang_list .trp-ls-language-name {
	padding-left: 30px;
	font-size: .14rem;
	position: relative;
}
.lang_list .trp-ls-language-name::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: .01rem solid #AAA;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.lang_list .trp-ls-language-name::after {
	display: none;
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 6px;
	width: 6px;
	height: 6px;
	background: var(--i_color2);
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.lang_list li:hover .trp-ls-language-name::after,
.curr_lang .trp-ls-language-name::after {
	display: block;
}
.lang_list li:hover .trp-ls-language-name,
.curr_lang .trp-ls-language-name {
	color: red;
}
/* search */
.top_search_ico {
	position: relative;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	margin-left: 20px;
}

.top_search_ico:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 35px;
	height: 35px;
	background: #fff;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	border-radius: 0.05rem;
}


.top_search_ico iconify-icon {
	font-size: 18px;
	color: #222;
	cursor: pointer;
	position: relative;
}
.top_search_ico
/* find_btn */
.find_btn {
	display: table;
	background: #E83539;
	padding: .1rem .4rem;
}
.find_btn b {
	color: #fff;
	font-weight: bold;
	font-size: .18rem;
}
@media screen and (max-width:1024px) {
	.top_search_ico {
		margin-right: 0;
	}
	.language {
		border: none;
		padding: 0;
	}
	.language::after {
		display: none;
	}
	.language::before {
		/* display: none; */
		left: 50%;
	}

	.language {
		margin-left: 0.2rem;
		margin-right: 0.1rem;
	}
	.top_line_r::before {
		display: none;
	}
	.top_line_r {
		margin-left: auto;
	}
	.language_icon {
		font-size: 15px;
	}
	.top_line_r {
		gap: 0 20px;
	}
	.find_btn {
		padding: .08rem .2rem;
	}
	.find_btn b {
		font-size: .14rem;
	}
	.top_search_ico::after {
		content: none;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
.topIcon iconify-icon {
	font-size: 24px;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.language_icon {
		margin-right: 0.2rem;
	}
	.topIcon {
		display: none;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
/* nav dropdown menu */
.nav_dropdown {
	display: none;
	position: fixed;
	top: var(--top_h);
	left: 0;
	width: 100%;
	padding: 24px 0 20px;
	background: #FFF;
	box-shadow: 0 10px 10px rgb(0 0 0 / 8%);
	z-index: 99;
}
.nav_dropdown_item {
	display: none;
}
.nav_dropdown_item:first-child {
	display: block;
}
.nav_dropdown_item ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 1.25%;
}
.nav_dropdown_item li {
	width: 10%;
}
.nav_dropdown_item li a {
	display: block;
	padding: 20px 26px;
	overflow: hidden;
}
.nav_dropdown_item .img {
	width: 100%;
	position: relative;
	overflow: hidden
}
.nav_dropdown_item .img::before {
	content: "";
	display: block;
	padding-bottom: 66.66%
}
.nav_dropdown_item .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
.nav_dropdown_item .txt {
	margin-top: 10px;
	text-align: center;
}
.nav_dropdown_item .txt p {
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.nav_dropdown_item li:hover {
	background: #F1F1F1;
}
@media screen and (max-width:1024px) {
	.nav_dropdown {
		display: none !important;
	}
}
/* 移动端导航按钮 */
.nav_menu {
	/*
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	*/
	position: relative;
	margin-left: 20px;
	width: .22rem;
	height: .16rem;
	display: none;
	cursor: pointer;
	/* background: var(--i_color); */
}
.nav_menu i {
	display: block;
	width: 100%;
	height: .03rem;
	position: absolute;
	top: 50%;
	margin-top: -0.02rem;
	background: var(--i_color);
	border-radius: 10px;
	transition: 0.5s
}
.nav_menu::before,
.nav_menu::after {
	content: "";
	width: 100%;
	height: .03rem;
	background: var(--i_color);
	position: absolute;
	left: 0;
	border-radius: 10px;
	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: -0.02rem
}
.nav_menu.on::after {
	transform: rotate(-45deg);
	top: 50%;
	margin-top: -0.02rem
}
@media screen and (max-width:1024px) {
	.nav_menu {
		display: block !important
	}
}
/* search main */
.top_search {
	--search_height: 38px
}
.top_search {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 16px 0;
	background: #FFF;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 6;
}
.top_search.on {
	visibility: visible;
	opacity: 1;
	top: calc(var(--total_h));
	box-shadow: 0 6px 10px rgb(0 0 0 / 8%);
}
.top_search form {
	width: 94%;
	margin: 0 auto;
	max-width: 500px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: .01rem;
	overflow: hidden;
}
.top_search_ipt {
	width: calc(100% - var(--search_height) * 2);
	height: var(--search_height);
	box-sizing: border-box;
	border: .01rem solid var(--i_color);
	border-right: none;
	padding: 0 0 0 12px;
}
.top_search_btn {
	font-size: 0;
	color: #FFF;
	width: calc(var(--search_height) * 2);
	height: var(--search_height);
	background: var(--i_color) url(static/images/public/search_w1.svg) no-repeat center;
	background-size: 22px;
	cursor: pointer;
}
@media screen and (max-width:1024px) {
	.top_search.on {
		top: var(--top_h);
	}
}
.full_header_height {
	height: var(--top_h);
	display: none;
}
.full_header_height2 {
	height: var(--top_h1);
}

.full_header_height3{
	height: var(--top_h);
	background: #000;

}


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

	.full_header_height3{
		display: none;
	}
	.full_header_height {
		height: var(--top_h);
		display: block;
	}

	.full_header_height2 {
		display: none;
	}

}








#searchforms2 {
	width: 200px !important;
	height: 46px !important;
	border: 1px solid #fff;
	/* margin-right: 0.4rem; */
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	border-radius: 1000px;
}
#searchforms2 .top_search_ipt2 {
	width: 75%;
	height: 100%;
	border: none;
	padding-left: 0.2rem;
	box-sizing: border-box;
	background: transparent;
	color: #fff;
}
#searchforms2 .top_search_ipt2::placeholder {
	color: #fff;
	font-size: 0.18rem;
}
#searchforms2 .top_search_btn2 {
	width: 25% !important;
	height: 100%;
	background: url(static/imgs/sear.png) no-repeat center;
	background-size: 24px;
	border-radius: none !important;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1250px) {

	#searchforms2 .top_search_ipt2::placeholder {
		font-size: 0.12rem;
	}

	#searchforms2 {
		width: 130px !important;
	}
	#searchforms2 {
		height: 30px !important;
	}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
@media screen and (max-width:1024px) {}

















.poreated {
	position: relative;
}


.poreated>img {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -40px;
	z-index: 999;
	width: 100%;
}
/* banner */
.banner {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.banner_list {
	position: relative;
	overflow: hidden;
}
.banner_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%;
}
.banner_list .swiper-slide {
	flex-shrink: 0;
	position: relative;
}
.banner_list .swiper-slide::before {
	content: '';
	display: block;
	padding-bottom: 840px;
}
.banner_list li>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner-prev,
.banner-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 40px;
	height: 40px;
	background: rgb(0 0 0 / 60%);
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.banner-prev {
	left: 0;
}
.banner-next {
	right: 0;
}
.banner-prev iconify-icon,
.banner-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 30px;
	color: #FFF;
}
.banner_list .swiper-button-disabled {
	cursor: not-allowed
}
.banner-prev:hover,
.banner-next:hover {
	/* background:var(--i_color);*/
}
.banner-pagination {
	display: block;
	text-align: center;
	bottom: 100px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
}
.banner-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin: 0 .04rem;
	background: #fff;
	border-radius: 1000px;
	outline: none;
	cursor: pointer;
}
.banner-pagination .swiper-pagination-bullet-active {
	background: #FFF;
	width: 139px;
}
@media screen and (max-width:1024px) {

	.boxshaow:before,
	.hyy:before {
		display: none;
	}

	.poreated>img {
		display: none;
	}
	.banner_list .swiper-slide::before {
		padding-bottom: 40%;
	}
	.banner_text1 i {
		margin-right: 0.1rem;
	}

	.banner_list h5 {
		display: none;
	}
	.banner-prev,
	.banner-next {
		display: none;
	}
	.banner-pagination {
		display: none;
	}
}
@media screen and (max-width:768px) {
	.banner_list .swiper-slide::before {
		padding-bottom: 44%;
	}
}
@media screen and (max-width:560px) {
	.banner_list .swiper-slide::before {
		padding-bottom: 54%;
	}
	.banner-pagination {
		bottom: .2rem;
	}
	.banner-pagination .swiper-pagination-bullet {
		margin: 0 .06rem;
		font-size: 14px;
	}
}
.banner_text {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 100%;
}
.banner_text p {}
.banner_text h6 {
	font-size: 48px;
}


.boxshaow {
	position: relative;
}

.hyy {
	position: relative;
}


.hyy::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: -10%;
	width: 100%;
	height: 195%;
	background: url(static/imgs/cyn.webp) no-repeat center;
	background-size: cover;
	z-index: -1;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.boxshaow:before {
	content: '';
	position: absolute;
	top: 54%;
	transform: translate(0, -50%);
	left: -10%;
	width: 100%;
	height: 120%;
	z-index: -1;
	background: url(static/imgs/hyn.webp) no-repeat center;
	background-size: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.va {
	color: var(--i_color);
}
.banner_text1 {
	top: 50%;
}

.banner_text1 p {
	display: inline-block;
	position: relative;
	border: .01rem solid #fff;
	padding: 10px 30px;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.br5 {
	border-radius: 5px;
}
.banner_text1 h6 {
	position: relative;
}
.banner_text1 h6::before {
	content: '';
	position: absolute;
	top: -0.2rem;
	left: -0.3rem;
	width: .68rem;
	height: .65rem;
	background: url(static/imgs/wzxs.png) no-repeat center;
	background-size: contain;
	z-index: -1;
}
.banner_text2 p {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.fff {
	color: #fff !important;
}

.redbox {
	position: relative;
	z-index: 2;
}
.redbox::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: -60%;
	width: 100%;
	height: 120%;
	background: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: -1;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

.fz88 {
	font-size: 0.88rem;
	text-shadow: .02rem .03rem 0rem #fff;
}

@media screen and (max-width:1440px) {
	.banner_text h6 {
		font-size: 50px;
	}

	.fz88 {
		font-size: 0.6rem;
	}
}
@media screen and (max-width:1366px) {

	.fz88 {
		font-size: 0.5rem;
	}
	.banner_text h6 {
		font-size: 40px;
	}
}
@media screen and (max-width:1200px) {

	.fz88 {
		font-size: 0.4rem;
	}
	.banner_text h6 {
		font-size: 30px;
	}
}
@media screen and (max-width:1024px) {

	.fz88 {
		font-size: 0.36rem;
	}

	.banner_text1 img {
		height: 0.35rem;
		margin-left: 0;

	}

	.banner_text1 .txt {}
	.banner_text1 .txt h6 {}

	.banner_text1 h6 img {
		height: 30px;
	}
	.redbox {
		display: none;
	}
	.banner_text1 h4 {
		display: none;
	}
	.banner_text1 h6::before {
		display: none;
	}
	.banner_text1 p {
		padding: 0;
		border: none;
	}
	.banner_text1 .btn b {
		display: none;
	}
	.banner_text1 p {
		margin-bottom: 0;
	}
	.banner_text h6 {
		margin-top: 15px;
		margin-bottom: 25px;
	}
	.banner_text1 p img {
		height: 10px;
	}
	.banner_text2 p::before {
		width: 80%;
	}
	.banner_text1 .imgbox h5 {
		display: none;
	}
	.banner_text1 .imgbox .img {
		height: 30px;
		width: 30px;
	}
	.banner_text h6 {
		font-size: 25px;
	}
	.banner_text h6 br {
		display: none;
	}
	.banner_text p br {
		display: none;
	}
	.banner_text2 p span {
		align-items: center;
	}
	.banner_text2 p span .i2 {
		display: none;
	}
	.banner_text1 p img {
		display: none;
	}
	.banner_text1 .imgbox {
		display: none;
	}
}
@media screen and (max-width:768px) {
	.banner_text3 p {
		padding-left: 0;
	}
	.banner_text2 p img {
		display: none;
	}
	.banner_text p::before {
		width: 100%;
		display: none;
	}
	.banner_text1 p {
		gap: 10px;
	}
	.banner_text1 p {}
	.banner_text h6 {
		font-size: 20px;
	}
	.banner_text3 p i {
		font-size: 16px;
	}
}
@media screen and (max-width:560px) {}
.mb10 {
	margin-bottom: .1rem;
}
.ml30 {
	margin-left: 10px;
}

.btn {
	display: table;
	position: relative;
	background: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.btn b {
	display: block;
	padding: 15px 30px;
	font-size: 18px;
	color: #FFF;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	text-wrap: nowrap;
	align-items: center;
	gap: 0 10px;
	text-transform: capitalize;
	font-weight: bold;
}
.btn b iconify-icon {
	font-size: 24px;
}
.btn.fff {
	background: #fff;
}
.btn.fff b {
	color: var(--i_color);
}
.btn.fff:hover {
	background: var(--i_color);
}
.btn.fff:hover b {
	color: #fff;
}
.btn.black {
	border-color: var(--i_color2)
}
.btn.black::before {
	background: #000;
}
.btn.black b {
	color: var(--i_color2);
}
.btn.center {
	margin-left: auto;
	margin-right: auto;
}
.btn.nb:hover {
	background: var(--i_color);
	-webkit-transform: skew(-20deg) translate(0, -0.08rem);
	transform: skew(-20deg) translate(0, -0.08rem);
}
.btn:hover {
	-webkit-transform: translate(0, -0.08rem);
	transform: translate(0, -0.08rem);
}
.btn:hover b {}
.btn.black:hover b {
	color: #FFF;
}


.btn.wb {
	border: .01rem solid #fff;
	background: transparent;
}
.btn.wb:hover {
	/* background: var(--i_color);
	border: 1px solid var(--i_color); */
}
.btn.wb:hover b {
	/* color: #fff; */
}
.btn.wb b {
	/* color: #fff; */
}




.btn.vb {
	border: 1px solid var(--i_color);
	background: transparent;
}


.btn.vb b {
	color: var(--i_color);
}

.btn.vb:hover {
	background: var(--i_color);
	border-color: var(--i_color);
}

.btn.vb:hover b {
	color: #fff;
}


.btn.hb {
	border: 1px solid #333;
	background: transparent;
}


.btn.hb b {
	color: #333;
}

.btn.hb:hover {
	background: #333;
	border-color: #333;
}

.btn.hb:hover b {
	color: #fff;
}










@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.btn b iconify-icon {
		font-size: 20px;
	}
	.btn.mt60 {
		margin-top: 10px;
	}
	.btn b {
		padding: .08rem .2rem;
		font-size: .12rem;
	}
}
@media screen and (max-width:768px) {
	.btn b {
		margin-right: auto;
	}
}
@media screen and (max-width:560px) {}
/* 公共标题 */
.tfff {
	color: #fff !important;
}
.tit {}
.tit p {}
.tit h3 {
	font-size: 48px;
	margin-bottom: .1rem;
	font-weight: bold;
	position: relative;
	z-index: 22;
}
.tit h3::before {
	/* content: ''; */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1.07rem;
	height: .25rem;
	background: url(static/imgs/btbj.png) no-repeat center;
	background-size: cover;
	z-index: -1;
}
.tit h6 {
	font-size: 18px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.5;
	gap: 0 10px;
	align-items: center;
	/* text-transform: capitalize; */
}
.tit.h3topb h6 {
	color: #666;
	width: 30%;
	margin: .3rem 0;
	width: 100%;
}
.tit.dis {
	display: flex;
	justify-content: center;
	align-items: center;
}
.tit.center h6 {
	justify-content: center;
}
.wz999 {
	color: #999;
}
.wz666 {
	color: #666;
}
.tit h3 i {
	color: var(--i_color);
	font-weight: inherit;
}
.tit.center h3,
.tit.center h6,
.tit.center h5 {
	text-align: center;
}
.tit.center h5 {
	color: #999;
}
.tit.center h3 {
	margin: 20px 0;
}
.tit.dis2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tit.dis2 h6 {
	margin-bottom: 5px;
}
.tit span {
	width: 87%;
}
.tit h5 {
	color: #333;
}
.tit.black {}
.tit.black h6 {
	color: var(--i_color2);
	width: 40%;
}
.tit.black h3 {
	color: var(--i_color2);
	width: 100%;
}
.tit.black p {
	color: var(--i_color2);
}
@media screen and (max-width:1440px) {
	.tit h3 {
		font-size: 35px;
	}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.tit h3 {
		font-size: 30px;
	}
}
@media screen and (max-width:1024px) {
	.tit h3 br {
		display: none;
	}
	.tit.dis2 h6 br {
		display: none;
	}
	.tit.dis2 h6 {
		margin-bottom: 15px;
	}
	.tit h3 img {
		height: 30px;
	}
	.tit span {
		width: 100%;
		/* margin-bottom: 20px; */
	}
	.tit.dis2 {
		flex-wrap: wrap;
	}
	.tit.center h3 {
		margin: 10px 0;
	}
	.tit.dis2 h6 {
		gap: 0 10px;
	}
	.tit h6 img {
		height: 18px;
	}
	.tit p {
		font-size: .16rem;
	}
	.tit h3 {
		font-size: .2rem;
	}
	.tit h6 {
		font-size: .14rem;
	}
}
@media screen and (max-width:768px) {
	.tit.dis {
		flex-direction: column;
		gap: 20px;
		align-items: flex-start;
	}
	.tit.dis span {
		width: 100%;
	}
	.tit.dis h6 {
		padding: .1rem 0;
		width: 100%;
	}
	.tit {
		width: 100%;
	}
}
@media screen and (max-width:560px) {
	.tit.dis {
		display: block;
	}
}
.mb10 {
	margin-bottom: .1rem;
}
.pub {
	margin-bottom: .1rem;
}
.pub .swiper-pagination-bullet {
	width: .1rem !important;
	height: .1rem !important;
	background: #999 !important;
	border-radius: 0 !important;
	position: relative;
	flex-shrink: 0;
}
.pub .swiper-pagination-bullet::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	width: 130%;
	height: 130%;
	border: .01rem solid var(--i_color);
	z-index: 9;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
	flex-shrink: 0;
}
.pub .swiper-pagination-bullet-active {
	background: var(--i_color) !important
}
.pub .swiper-pagination-bullet-active::before {
	opacity: 1;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.pub .swiper-pagination-bullet-active::before {
		display: none;
	}
}
@media screen and (max-width:1024px) {
	.pub .swiper-pagination-bullet {
		width: .07rem !important;
		height: .07rem !important;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}









.cate_gory {

	background: url(static/imgs/cate.webp) no-repeat center;
	background-size: cover;
	overflow: hidden;
}


.cate_gory .wraps {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.cate_gory .wraps .left {
	width: 45%;
	padding-right: 0.8rem;
	box-sizing: border-box;
}

.cate_gory .wraps .left p {
	font-size: 0.44rem;
	color: #222;
	font-family: 'Popb', sans-serif;
}

.cate_gory .wraps .left h6 {
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}



.cate_gory .wraps .right {
	width: 56%;
	/* position: relative;
	height: 752px; */
	height: 0;
	position: relative;
	padding-bottom: 47%;

	background: url(static/imgs/hbjs2.webp) no-repeat center;
	background-size: cover;
}

.cate_gory .wraps .right img {

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;


}

.cate_gory .wraps .pc p {
	margin-bottom: 0.2rem;
}

.cate_gory .wraps .pc h6 {
	display: block;
	margin-bottom: 0.4rem;
}

.cate_gory .wraps .pc li {
	display: none;
}

.cate_gory .wraps .ac li {
	display: none;
}



.categorys_list {
	position: relative;
	overflow: hidden;
	margin-top: 1.2rem;
}
.categorys_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%
}
.categorys_list .swiper-slide {
	flex-shrink: 0;
	position: relative;
	padding-bottom: 32%;
	box-sizing: border-box;
	border: 1px solid rgba(0, 94, 184, 0.2);
	background: url(static/imgs/hbjs2.webp) no-repeat center;
	background-size: cover;
}

.categorys_list .swiper-slide.active {
	border: 1px solid var(--i_color);
}


.categorys_list .swiper-slide img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.categorys-prev,
.categorys-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: .4rem;
	height: .4rem;
	background: rgb(0 0 0 / 60%);
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.categorys-prev {
	left: 0;
}
.categorys-next {
	right: 0;
}
.categorys-prev iconify-icon,
.categorys-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.3rem;
	color: #FFF;
}
.categorys_list .swiper-button-disabled {
	cursor: not-allowed
}
.categorys-prev:hover,
.categorys-next:hover {
	background: var(--i_color);
}

.categorys-pagination {
	display: block;
	margin-top: 0.3rem;
	text-align: center
}
.categorys-pagination .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	display: inline-block;
	margin: 0 6px;
	background: #CCC;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
}
.categorys-pagination .swiper-pagination-bullet-active {
	background: var(--i_color)
}

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

	.cate_gory .wraps .left p {
		font-size: 0.35rem;
	}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {

	.cate_gory .wraps .left p {
		font-size: 0.25rem;
	}
}
@media screen and (max-width:1024px) {

	.catebj {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: -8%;
		font-size: 0.6rem;
	}

	.cate_gory .wraps {
		flex-wrap: wrap;
	}

	.cate_gory .wraps .pc p {
		margin-bottom: 0rem !important;
	}

	.cate_gory .wraps .pc h6 {
		margin-bottom: 0.2rem;
	}

	.cate_gory .wraps .left p {
		font-size: 0.2rem;
	}

	.cate_gory .wraps .left {
		width: 100%;
		margin-bottom: 0.2rem;
		padding: 0;
	}
	.cate_gory .wraps .right {
		width: 100%;
		padding-bottom: 78%;
	}
	.categorys_list {
		width: 98%;
		margin: 0 auto;
		margin-top: 0.2rem;
		padding: 0 0.05rem;
		box-sizing: border-box;

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






/* 指示器 */
.p-pagination .swiper-pagination-bullet-active {
	background: var(--i_color)
}


.p-pagination.wh140 {
	width: 140px;

	margin-left: auto;
	margin-right: auto;
}


.p-pagination {
	background: #D8D8D8;
	position: relative;
	width: 100%;
	height: 2px;
	display: block;
}

.p-pagination span {

	background-color: var(--i_color);

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-transform-origin: left top;

	-ms-transform-origin: left top;

	transform-origin: left top;

}

.line {
	width: 100%;
	background: var(--border_color);
	height: 2px;
	position: relative;
}

.line::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	height: 100%;
	background: var(--i_color);
	z-index: 9;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.p-pagination {
		width: 100%;
	}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}











/* .zfx */
.iconbox {
	width: 78px;
	height: 78px;
	flex-shrink: 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
}

.iconbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.iconbox .img2 {
	opacity: 0;
}

.iconbox:hover .img1 {
	opacity: 0;
}
.iconbox:hover .img2 {
	opacity: 1;
}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.iconbox {
		width: 30px;
		height: 30px;
	}
	.iconbox iconify-icon {
		font-size: 0.18rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}







/* .zfx */
.zfx {
	width: 42px;
	height: 42px;
	flex-shrink: 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.zfx iconify-icon {
	font-size: 0.24rem;
	color: #fff;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}


.zfx.br {
	border-radius: 1000px;
	overflow: hidden;
}

.zfx.wb {
	border: 1px solid #fff;
	background: transparent;
	border-radius: 1000px;
}


.zfx.wb.bc {
	border: 1px solid var(--border_color);
}
.zfx.wb.bc iconify-icon {
	color: #666;
}

.zfx.wb iconify-icon {
	color: #fff;
}

.zfx.lines {
	background: transparent;
	border: 1px solid var(--i_color);
}

.zfx.lines iconify-icon {
	color: var(--i_color);
}

.zfx.lines:hover {
	background: var(--i_color);
}
.zfx.lines:hover iconify-icon {
	color: #fff;
}


.zfx.center {
	margin: 0 auto;
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.zfx {
		width: 30px;
		height: 30px;
	}
	.zfx iconify-icon {
		font-size: 0.18rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}





/* ul>li左图右文 */
.iabs {
	background: url(static/imgs/abbj.webp) no-repeat center;
	background-size: cover;
}
.iabs .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
}

.iabs .wrap .left {
	width: 37%;
}

.iabs .wrap .left img {
	width: 100%;
}

.iabs .wrap .right {
	width: 55.5%;
}

.iabs .wrap .right .xj {
	position: relative;
	display: inline;
}

.iabs .wrap .right .xj::before {
	content: '+';
	position: absolute;
	top: 0;
	right: -0.2rem;
	font-size: 34px;
	font-weight: normal;
	color: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.iabs .wrap .right .borbto {
	display: table;
}
.iabs .wrap .right .borbto {
	padding-bottom: 0.1rem;
	border-bottom: 1px solid #222;
}
.m10 {
	margin: 0.1rem 0;
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.iabs .wrap .left {
		width: 100%;
		margin-bottom: 0.2rem;
	}

	.iabs .wrap .right {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}






/* blogos */
.brand {}
.i_blogs_list {
	position: relative;
	overflow: hidden;
	background-size: cover;
}
.i_blogs_list2 {
	background: #fff;
}
.i_blogs_list3 {}
.i_blogs_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%
}
.i_blogs_list .swiper-slide {
	flex-shrink: 0;
	position: relative;
	padding-bottom: 12%;
	/* border: 1px solid #d8d8d8; */
	cursor: pointer;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	background: #fff;
	box-sizing: border-box;
	border: .01rem solid transparent;
	border: 1px solid var(--border_color);
	border-radius: 0.05rem;
	overflow: hidden;
}
.i_blogs_list .swiper-slide:hover {
	border: 1px solid var(--i_color);
	background: #fff;
}
.i_blogs_list .swiper-slide img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.i_blogs-prev,
.i_blogs-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: .4rem;
	height: .4rem;
	background: rgb(0 0 0 / 60%);
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.i_blogs-prev {
	left: 0;
}
.i_blogs-next {
	right: 0;
}
.i_blogs-prev iconify-icon,
.i_blogs-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: .3rem;
	color: #FFF;
}
.i_blogs_list .swiper-button-disabled {
	cursor: not-allowed
}
.i_blogs-prev:hover,
.i_blogs-next:hover {
	background: var(--i_color);
}
.i_blogs-pagination {
	text-align: center
}
.i_blogs-pagination .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	display: inline-block;
	margin: 0 2px;
	background: #CCC;
	border-radius: 500px;
	outline: none;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.i_blogs-pagination .swiper-pagination-bullet-active {
	background: var(--i_color);
	width: 45px;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.i_blogs_list .swiper-slide {
		padding-bottom: 18%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {
	.i_blogs-pagination {
		margin-top: 0;
	}

}



/* 选项卡样式 */
.hotproducts {

	background: #000 url(static/images) no-repeat center;
	background-size: cover;
	position: relative;
}
.hotproducts>img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.hotproducts .xxk {
	margin: 0 auto;
}

.hotproducts .tab-list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	border-top: 1px solid rgba(255, 255, 255, 0.4);

	justify-content: start;
}

.hotproducts .tab {
	padding: 15px 20px;
	width: 25%;
	cursor: pointer;
	border-bottom: none;
	box-sizing: border-box;
	color: rgba(255, 255, 255, 0.4);
	position: relative;
	font-weight: bold;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.hotproducts .tab h6 {
	color: rgba(255, 255, 255, 0.4);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.hotproducts .tab::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 0;
	width: 1px;
	height: 50%;
	background: rgba(255, 255, 255, 0.4);

}

.hotproducts .tab::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: -1px;
	width: 0%;
	height: 2px;
	background: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

}

.hotproducts .tab.active {
	color: var(--i_color);
}
.hotproducts .tab.active h6 {
	color: #fff;
}
.hotproducts .tab.active::after {
	width: 100%;
}

.hotproducts .tab-content {}

.hotproducts .content {
	display: none;
}

.hotproducts .content.active {
	display: block;
}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.hotproducts .tab {
		width: 100%;
	}

	.hotproducts .tab-list {
		margin-bottom: 0.1rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}






.hp_swipers {
	position: relative;
}
.hp_swipers .hp_list {
	position: relative;
	overflow: hidden
}
.hp_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%;
	box-sizing: border-box;

}
.hp_list .swiper-slide {
	box-sizing: border-box;
	flex-shrink: 0;
	position: relative;
	position: relative;
}



.hp_list .swiper-slide .img {
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
}
.hp_list .swiper-slide .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.hp_list .swiper-slide .txt {
	padding: 0.3rem;
	box-sizing: border-box;
	background: #fff;
	position: absolute;
	left: 0;
	width: 100%;
	height: auto;
	bottom: 0px;
}
.dh {
	opacity: 0;
	padding: 0.3rem;
	box-sizing: border-box;
	background: #fff;
}


.hp_list .swiper-slide .txt p {}

.hp_list .swiper-slide .txt h6 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.hp_list .swiper-slide:hover img {
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
}


.hp_list .swiper-slide:hover h6 {
	color: var(--i_color);
}


.hp_list .swiper-slide .txt dl {
	display: none;
	opacity: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.hp_list .swiper-slide .txt .btns {
	display: none;
	padding: 0.15rem 0 0 0;
	border-top: 1px solid var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.hp_list .swiper-slide .txt .btns iconify-icon {
	font-size: 0.22rem;
	color: var(--i_color);
}


.hp_list .swiper-slide:hover .txt dl {
	display: block;
	opacity: 1;
}

.hp_list .swiper-slide:hover .txt .btns {
	display: flex;
	opacity: 1;

}



.hp-prev,
.hp-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: .4rem;
	height: .4rem;
	background: var(--i_color);
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.hp-prev {
	left: 5%;
}
.hp-next {
	right: 5%;
}
.hp-prev iconify-icon,
.hp-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.3rem;
	color: #FFF;
}
.hp_list .swiper-button-disabled {
	cursor: not-allowed
}
.hp-prev:hover,
.hp-next:hover {
	background: var(--i_color);
}

.hp-pagination {
	display: block;
	margin-top: 0.3rem;
	text-align: center
}
.hp-pagination .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	display: inline-block;
	margin: 0 6px;
	background: #CCC;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
}
.hp-pagination .swiper-pagination-bullet-active {
	background: var(--i_color)
}

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


	.hp-prev,
	.hp-next {
		display: none;
	}
}
@media screen and (max-width:1024px) {

	.hp_list .swiper-slide .txt {
		padding: 0.1rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}





/* ul>li左图右文 */
.iaboxs {
	background: url(static/imgs/abj2.webp) no-repeat center;
	background-size: cover;
}
.iaboxs .wraps {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.iaboxs .wraps .left {
	width: 51%;
}

.iaboxs .wraps .left>img {
	width: 100%;
	object-fit: cover;
}

.iaboxs .wraps .right {
	width: 45.5%;
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.iaboxs .wraps .left {
		width: 100%;
		margin-bottom: 0.2rem;
	}

	.iaboxs .wraps .right {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}









.video_boxs {}


.video_boxs {
	position: relative;
}

.video_boxs>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.video_boxs .imgs {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.video_boxs .imgs img {
	/* height: 0.5rem; */
	/* animation: zoom2 1.5s infinite alternate; */
}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.video_boxs .imgs img {
		height: 0.3rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}












.numlist {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	justify-content: space-around;
	gap: 10px 0;
}


.numlist li {
	box-sizing: border-box;
	padding: 0.2rem 0;
}

.numlist li p {
	margin-bottom: 0.1rem;
}

.fz64 {
	font-size: 0.64rem;
	font-weight: bold;
}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.fz64 {
		font-size: 0.4rem;
	}

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

	.fz64 {
		font-size: 0.26rem;
	}
	.numlist li {
		width: 49%;
		border: 1px solid var(--border_color);
		box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 38px 0px;
		text-align: center;
		padding: 0.2rem;
	}

	.numlist li p {
		gap: 0 5px;
	}

	.numlist li img {
		height: 0.3rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}





/* 手风琴 */
.sfj {}
.sfj ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sfj ul li {
	width: 25%;
	position: relative;
	padding-bottom: 32%;
	box-sizing: border-box;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	border-radius: 0.05rem;
	overflow: hidden;

}
.sfj ul li>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	overflow: hidden;
}
.sfj ul li .txt {
	position: absolute;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	text-align: center;
	left: 0;
	bottom: 0;
	padding: 0.3rem 0.1rem;
	box-sizing: border-box;
	width: 100%;

}
.sfj ul li .txt p {
	-webkit-transition: all .6s ease transition: all .6s ease;
	text-align: center;
}
.sfj ul li .txt h6 {
	display: none;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
}
.sfj ul li.active {
	width: 47%;
}
.sfj ul li.active .txt {
	text-align: start;
	width: 100%;
	padding: 0.3rem 0.8rem 0.3rem 0.3rem;
	box-sizing: border-box;

	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
}
.sfj ul li.active .txt p {
	text-align: start;
}
.sfj ul li.active .txt h6 {
	display: block;
}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.sfj ul li,
	.sfj ul li.active {
		width: 100%;
		padding-bottom: 60%;
	}

	.sfj ul li.active .txt {
		padding: 0.1rem;
	}

	.sfj ul li .txt img {
		height: 0.4rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}







.lastnews_swipers {
	position: relative;
	background: #f4f4f4;
}

.lastnews_swipers .btn {
	background: #fff;
}

.lastnews_swipers .lastnews_list {
	position: relative;
	overflow: hidden
}
.lastnews_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%;
	box-sizing: border-box;

}
.lastnews_list .swiper-slide {
	box-sizing: border-box;
	flex-shrink: 0;
	position: relative;
	padding: 0.2rem;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid transparent;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.lastnews_list .swiper-slide .img {
	position: relative;
	padding-bottom: 65%;
	overflow: hidden;
}
.lastnews_list .swiper-slide .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.lastnews_list .swiper-slide .txt {
	box-sizing: border-box;
	padding: 0.2rem 0;


}

.lastnews_list .swiper-slide .txt p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.lastnews_list .swiper-slide .txt h6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.lastnews_list .swiper-slide:hover img {
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
}

.lastnews_list .swiper-slide:hover {
	border-color: var(--i_color);
	box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 38px 0px;
}

.lastnews_list .swiper-slide:hover p {
	color: var(--i_color);
}

.lastnews_list .swiper-slide:hover .btn b {
	background: var(--i_color);
	color: #fff;
}

.lastnews-prev,
.lastnews-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: .4rem;
	height: .4rem;
	background: var(--i_color);
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.lastnews-prev {
	left: 5%;
}
.lastnews-next {
	right: 5%;
}
.lastnews-prev iconify-icon,
.lastnews-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.3rem;
	color: #FFF;
}
.lastnews_list .swiper-button-disabled {
	cursor: not-allowed
}
.lastnews-prev:hover,
.lastnews-next:hover {
	background: var(--i_color);
}

.lastnews-pagination {
	display: block;
	margin-top: 0.3rem;
	text-align: center
}
.lastnews-pagination .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	display: inline-block;
	margin: 0 6px;
	background: #CCC;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
}
.lastnews-pagination .swiper-pagination-bullet-active {
	background: var(--i_color)
}

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


	.lastnews_swipers .tit.dis2 img {
		display: none
	}

	.lastnews_list .swiper-slide .txt p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}

	.lastnews_list .swiper-slide .txt h6 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.lastnews-prev,
	.lastnews-next {
		display: none;
	}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}







.explore_swipers {
	position: relative;
}
.explore_swipers .explore_list {
	position: relative;
	overflow: hidden
}
.explore_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%;
	box-sizing: border-box;

}
.explore_list .swiper-slide {
	box-sizing: border-box;
	flex-shrink: 0;
	position: relative;

}

.explore_list .swiper-slide .img {
	position: relative;
	padding-bottom: 92%;
	/* overflow: hidden; */
}
.explore_list .swiper-slide .img>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.explore_list .swiper-slide .txt {
	padding: 0.2rem;
	box-sizing: border-box;
	position: absolute;
	right: -40px;
	bottom: 0;
	width: 90%;
	background: rgba(255, 255, 255, 0.5);
	box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 38px 0px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.explore_list .swiper-slide .txt p {}

.explore_list .swiper-slide .txt h6 {}

.explore_list .swiper-slide:hover img {}
.explore_list .swiper-slide:hover .txt {
	background: #fff;
}


.explore-prev,
.explore-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: .4rem;
	height: .4rem;
	background: var(--i_color);
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.explore-prev {
	left: 5%;
}
.explore-next {
	right: 5%;
}
.explore-prev iconify-icon,
.explore-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.3rem;
	color: #FFF;
}
.explore_list .swiper-button-disabled {
	cursor: not-allowed
}
.explore-prev:hover,
.explore-next:hover {
	background: var(--i_color);
}

.explore-pagination {
	display: block;
	margin-top: 0.3rem;
	text-align: center
}
.explore-pagination .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	display: inline-block;
	margin: 0 6px;
	background: #CCC;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
}
.explore-pagination .swiper-pagination-bullet-active {
	background: var(--i_color)
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.explore-prev,
	.explore-next {
		display: none;
	}
}
@media screen and (max-width:1024px) {

	.explore_list .swiper-slide .txt {
		right: 0;
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}



.in_pagebanner {
	font-size: 0;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.in_pagebanner>img {
	width: 100%;
	object-fit: cover;
}
.in_pagebanner p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.in_pagebanner .imgs {
	position: absolute;
	bottom: 0;
	left: 0;
}


/* Breadcrumb */
.in_position {
	padding: .2rem 0;
	position: relative;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

.in_position .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.in_position a {
	display: block;
	font-size: 15px;
	color: #333;
	position: relative;
	line-height: 20px;
	text-transform: capitalize
}
.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" width="80" height="80" viewBox="0 0 2048 2048"%3E%3Cpath fill="currentColor" 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: #555
}
.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: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" width="80" height="80" viewBox="0 0 2048 2048"%3E%3Cpath fill="white" 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_pagebanner .imgs {
		display: none;
	}
	.in_position {
		padding: .16rem 0;
	}
	.in_position a {
		font-size: 14px;
		color: #fff
	}

	.in_position a:not(:last-child):after {
		color: #fff
	}
}
@media screen and (max-width:560px) {
	.in_position {
		padding: .12rem 0;
	}
	.in_position a {
		font-size: 13px
	}
}



















footer {
	background: #000 url(static/imgs/fbj.webp) no-repeat center;
	background-size: cover;
}


footer .ftbox {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	;
}

.outboxs .wrap {

	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.iconsss {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 25px;
	align-items: center;
	margin-left: 0.2rem;
	box-sizing: border-box;
}

.iconsss li {}


.iconsss li a {
	box-sizing: border-box;
	flex-shrink: 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 55px;
	height: 55px;
	flex-shrink: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	margin-bottom: 0;
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.2);
}

.iconsss li a iconify-icon {
	font-size: 0.26rem;
	color: #fff;
}
.iconsss li a:hover {
	background: var(--i_color);
}
.iconsss li a iconify-icon:hover {
	color: #fff;
}

.flogo img {
	height: 1.38rem;
	object-fit: cover;
}


.fnlist {}

.fnlist li a i {
	color: rgba(255, 255, 255, 0.6);
}


.fnlist li a {
	position: relative;
}




.fnlist dl {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fnlist dl {
	box-sizing: border-box;
}

/* .fnlist dl dt:nth-child(3){
	width: 15%;
} */
.fnlist dl dt:nth-child(1) {
	width: 28%;
}



.fnlist dl dt:nth-child(4) {
	width: 18%;
}


footer .bt {
	color: var(--i_color);
	margin-bottom: 0.3rem;
	font-weight: bold;
	color: #fff;

}

footer dt span {
	display: block;
	margin-bottom: 0.1rem;
}
footer dt a {
	color: rgba(255, 255, 255, 1);
	font-size: 0.18rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	margin-bottom: 0.2rem;
	display: inline-block;

	position: relative;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: start;
	gap: 0 10px;
}

footer dt a iconify-icon {
	font-size: 0.26rem;
}

footer dt:not(:first-child) a:hover {
	color: var(--i_color);
	/* padding-left: 0.15rem; */
}

footer dt:not(:first-child) a::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid var(--i_color);
	opacity: 0;

}

/* footer dt:not(:first-child) a:hover::before {
	opacity: 1;
} */

.privacy {
	/* background: #000B15; */
	border-top: 1px solid rgba(255, 255, 255, 0.2);

}

.privacy .wrap {}

.privacy p {
	color: #fff;
}

.privacy p a {
	color: #fff;
}


.privacy p a:hover {
	text-decoration: underline;
}

footer .ftbox img {
	height: 0.5rem;
}
.f07 {
	color: rgba(255, 255, 255, 0.7);
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.outboxs .wrap img {
		height: 0.8rem;

	}

	.outboxs .wrap p {
		margin: 0.1rem 0;
	}


	.iconsss {
		margin-left: 0;
	}


	.flogo img {
		height: 0.6rem;
	}
	.flogo {
		margin-bottom: 0;
	}
	footer::before {
		top: -20px;
		height: 20px;
		display: none;
	}

	.iconsss li a {
		width: 35px;
		height: 35px;
	}

	footer dt span {
		margin-bottom: 0;
	}

	.iconsss li a iconify-icon {
		font-size: 0.2rem;
	}

	.fnlist dl dt {
		width: 100% !important;
		display: none;
	}

	.fnlist dl dt:nth-child(1) {
		display: block;
		margin-bottom: 0.2rem;
	}


	.fnlist dl dt:nth-child(4) {
		display: none;
	}
	.iconsss {
		margin-top: 0;
	}


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


	footer {
		margin-bottom: 0.4rem;
	}
	footer .ftbox img {
		margin-bottom: 0.2rem;
		height: 0.25rem;
	}

	.iconsss {
		width: 100%;
	}
}
@media screen and (max-width:560px) {}














.in_pagebanner {
	font-size: 0;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.in_pagebanner img {
	width: 100%;
	object-fit: cover;
}
.in_pagebanner p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}



.hotproducts.hotproducts2 {
	background: #f6f6f6;
}

.hotproducts.hotproducts2 p {
	color: #333;
}

.hotproducts.hotproducts2 h6 {
	color: #666;
}


.hotproducts.hotproducts2 .tab::before {
	background: #d8d8d8;
}

.hotproducts.hotproducts2 .tab-list {
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;

}


.hotproducts.hotproducts2 li.active p {
	color: var(--i_color);
}


.hotproducts.hotproducts2 li:hover::after {
	width: 100%;
}


.hotproducts.hotproducts2 li:hover p {
	color: var(--i_color);
}




/* 产品页1 */
.pcates {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 1%;
}

.pcates li {
	width: 9.1%;
	box-sizing: border-box;
}


.pcates li.active {
	border-color: var(--i_color);
}

.pcates li .img {
	position: relative;
	padding-bottom: 40%;
	overflow: hidden;
	box-shadow: 0 10px 60px 0 rgba(112, 112, 112, 0.1);
	border: 1px solid transparent;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.pcates li .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.pcates li .txt {
	padding: 0.15rem;
	box-sizing: border-box;
}

.pcates li .btn {}
.pcates li .btn b {}

.pcates li .txt p {

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pcates li .txt h6 {
	margin: 0.1rem 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.pcates li:hover .img {
	border: 1px solid var(--i_color);
}
.pcates li:hover img {}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.pcates {
		gap: 0.1rem 2%;
	}
	.pcates li {
		width: 49%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}




/* 产品页1 */
.p_products {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 40px 1.333%;
}

.p_products li {
	width: 24%;
	box-sizing: border-box;
	position: relative;
}

.p_products li .img {
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
}

.p_products li .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}


.p_products li .btn {}
.p_products li .btn b {}



.p_products li:hover img {
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
}

.p_products li .dh {
	opacity: 0;
}


.p_products li .txt {
	padding: 0.3rem;
	box-sizing: border-box;
	background: #fff;
	position: absolute;
	left: 0;
	width: 100%;
	height: auto;
	bottom: 0px;
}
.dh {
	opacity: 0;
	padding: 0.3rem;
	box-sizing: border-box;
	background: #fff;
}


.p_products li .txt p {}

.p_products li .txt h6 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.p_products li:hover img {
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
}


.p_products li .txt dl {
	display: none;
	opacity: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.p_products li .txt .btns {
	display: none;
	padding: 0.15rem 0 0 0;
	border-top: 1px solid var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.p_products li .txt .btns iconify-icon {
	font-size: 0.22rem;
	color: var(--i_color);
}


.p_products li:hover .txt dl {
	display: block;
	opacity: 1;
}

.p_products li:hover .txt .btns {
	display: flex;
	opacity: 1;

}

.dh h6 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.dh {
		padding: 0.1rem;
	}

	.p_products li .txt {
		padding: 0.1rem;
	}

	.p_products {
		gap: 0.2rem 2%;
	}
	.p_products li {
		width: 49%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}


/* Number of pages */
.in_page_box {
	text-align: center;
	overflow: hidden
}
.in_page {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.in_page li {
	min-width: .32rem;
	margin: 0 .04rem;
}
.in_page a,
.in_page span {
	display: block;
	padding: 0 .12rem;
	line-height: .32rem;
	font-size: .14rem;
	color: #666;
	background: #FFF;
	overflow: hidden;
}
.in_page>i {
	margin-top: 0.14rem;
	width: 100%;
	font-size: 0.13rem;
	color: #888;
}
.in_page a:hover,
.in_page .active_page a,
.in_page .active_page span {
	border-color: var(--i_color) !important;
	background: var(--i_color);
	color: #FFF !important
}
@media screen and (max-width:1024px) {

	.in_page_box {
		margin-top: 0.4rem;
	}
}
@media screen and (max-width:768px) {
	.in_page li {
		min-width: .28rem;
	}
	.in_page a,
	.in_page span {
		line-height: 0.28rem;
		padding: 0 .1rem;
	}
}
@media screen and (max-width:560px) {
	.in_page_box {
		margin-top: 0.3rem;
	}
}


/* atlas */

.p_atlas {

	width: 40%;

	height: 100%;

	background: #fff;

	box-sizing: border-box;

	overflow: hidden;

}

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

	box-sizing: border-box;

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

}

.p_atlas_list .swiper-slide::before {

	content: '';

	display: block;

	padding-bottom: 100%;

}

.p_atlas_list .swiper-slide img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

	box-sizing: border-box;

}

.p_atlas-prev,

.p_atlas-next {

	position: absolute;

	bottom: 0.25rem;

	width: .52rem;

	height: .52rem;

	background: #999;

	z-index: 3;

	cursor: pointer;

	outline: none;

	-webkit-user-select: none;

	user-select: none;

}

.p_atlas-prev {

	left: 0.25rem;

}

.p_atlas-next {

	left: 1rem;

}

.p_atlas-prev iconify-icon,

.p_atlas-next iconify-icon {

	position: absolute;

	top: 50%;

	left: 50%;

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

	font-size: 0.27rem;

	color: #FFF;

}

.p_atlas-prev:hover,

.p_atlas-next:hover {

	background: var(--i_color);

}

/* thumbnail */

.p_thumbnail_list {

	width: 100%;

	/* width:calc(100% - 1rem);*/

	margin: .2rem 0;

	box-sizing: border-box;

	/* padding: 0 2px; */

	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;

	box-sizing: border-box;

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

	overflow: hidden;

	cursor: pointer;

}

.p_thumbnail_list .swiper-slide::before {

	content: '';

	display: block;

	padding-bottom: 100%;

	position: relative;

	background: rgba(0, 0, 0, .4);

	z-index: 99;

}

.p_thumbnail_list .swiper-slide-thumb-active::before {

	background: none;

}

.p_thumbnail_list .swiper-slide img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

	box-sizing: border-box;

}

.p_thumbnail_list .swiper-slide-thumb-active {

	border-color: var(--i_color);

}

.thumbnail-prev,

.thumbnail-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	width: .3rem;

	height: .5rem;

	z-index: 3;

	cursor: pointer;

	outline: none;

	-webkit-user-select: none;

	user-select: none;

	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.4rem;

	color: #666
}

.p_thumbnail_list .swiper-button-disabled {

	cursor: not-allowed
}

.thumbnail-prev:hover iconify-icon,

.thumbnail-next:hover iconify-icon {

	color: var(--i_color);

}

.thumbnail-pagination {

	margin-top: 0.1rem;

	text-align: center;

}

.thumbnail-pagination,

.thumbnail-pagination span {

	font-size: 0.14rem;

	color: #999;

}

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

	.p_atlas-prev,
	.p_atlas-next {
		display: none;
	}

	.p_atlas {

		width: 98%;

		height: auto;

		margin: 0 auto;

	}

	.p_thumbnail_list .swiper-slide {}



	.pd_slider .right .ic {

		display: none;

	}

}



/* slider */

.pd_slider .wrap {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.pd_slider .wrap .right {

	width: 53%;

}

.pd_slider .wrap .right h1 {

	font-size: 0.28rem;

	color: #333;

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.pd_slider .right .cate_share {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	padding: 0.18rem 0;

	box-sizing: border-box;

	border-bottom: 2px solid var(--i_color);

}

.pd_slider .right .cate_share>p {

	color: #999;

}

.pd_slider .right .cate_share .share {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	gap: 0 0.1rem;

	align-items: center;

}

.pd_slider .right .cate_share .share>p {

	color: #666;

	font-weight: bold;

}

.pd_slider .right .cate_share .share a {

	display: block;




	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

}

.pd_slider .right .cate_share .share a iconify-icon {

	color: #666;

}

.pd_slider .right .cate_share .share a:hover {

	background: var(--i_color);

}

.pd_slider .right article {

	color: #666;

	margin: 0.3rem 0;

}

.pd_slider .right .cs {

	padding-bottom: 0.3rem;

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

	box-sizing: border-box;

}

.pd_slider .right .cs dt {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	gap: 0 0.08rem;

	align-items: center;

	color: #333;

	margin-bottom: 0.1rem;

}

.pd_slider .right .cs i {

	font-size: inherit;

	color: var(--i_color);

}

.pd_slider .right .ic {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	text-align: center;

}

.pd_slider .right .ic li {}

.pd_slider .right .ic .img {

	width: 0.57rem;

	height: 0.57rem;

	background: #999;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

	margin: 0 auto;

	margin-bottom: 0.15rem;

	margin-top: 0.3rem;

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

}

.pd_slider .right .ic img {

	height: 0.34rem;

}

.pd_slider .right .ic p {

	color: #333;

}

.pd_slider .right .ic li:hover .img {

	background: var(--i_color);

}

.pd_slider .right .btnbox {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	gap: 0 0.2rem;

	margin-top: 0.3rem;

}

.pd_slider .right .cs {}


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

	.p_thumbnail_list {

		margin: 0.1rem 0;

	}

}

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

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

	.pd_slider .wrap .right h1 {

		font-size: 0.25rem;

	}

}

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

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

	.pd_slider .wrap .right h1 {

		font-size: 0.22rem;

	}

}

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

	.pd_slider .right article {

		margin: 0.1rem 0;

	}

	.pd_slider .wrap .right h1 {

		font-size: 0.19rem;

	}

	.pd_slider .right .cs {

		padding-bottom: 0.1rem;

	}

	.pd_slider .wrap .right {

		width: 100%;

		margin-top: 0.15rem;

	}

	.pd_slider .right .ic .img {

		width: 0.35rem;

		height: 0.35rem;

	}

	.pd_slider .right .ic .img img {

		height: 0.2rem;

	}

	.p_atlas-prev,

	.p_atlas-next {

		height: 0.45rem;

		width: 0.5rem;

	}

	.p_atlas-prev iconify-icon,

	.p_atlas-next iconify-icon {

		font-size: 0.15rem;

	}

	.p_atlas-next {

		left: 0.8rem;

	}

}

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

	.pd_slider .right .ic li {

		width: 49%;

	}

}

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











/* ul>li左图右文 */
.desboxs {}
.desboxs .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.desboxs .wrap .left {
	width: 77%;
	background: #fff;
	padding: 0.6rem 0.4rem;
	box-sizing: border-box;
}


.desboxs .wrap .right {
	width: 21%;
}

.desboxs .wrap .right .img {
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
	background: #fff;
}

.desboxs .wrap .right .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.desboxs .wrap .right .txt {
	padding: 0.15rem;
	box-sizing: border-box;
}

.desboxs .wrap .right .txt h6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.desboxs .wrap .right dt:hover h6 {
	color: var(--i_color);
}

.desboxs .wrap .right dt:hover .img img {
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.desboxs .wrap .left {
		width: 100%;
		margin-bottom: 0.2rem;
	}

	.desboxs .wrap .right {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}











/* 选项卡样式 */
.pxxk .xxk {
	margin: 0 auto;
}

.pxxk .tab-list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #d8d8d8;
	justify-content: start;
}

.pxxk .tab {
	padding: 10px 0;
	width: 220px;
	text-align: center;
	cursor: pointer;
}

.pxxk .tab.active {
	background-color: var(--i_color);
	color: #fff;
}

.pxxk .tab-content {
	padding: 10px;
}

.pxxk .content {
	display: none;
}

.pxxk .content.active {
	display: block;
}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.pxxk .tab {
		width: 100%;
	}

	.pxxk .tab-list {
		margin-bottom: 0.1rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}



.n_t {}
.n_t .tag {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	align-items: center;
}
.n_t .tag p {}
.n_t .tag li a {
	padding: 10px 15px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	display: table;
}
.n_t .tag li a:hover {
	color: #fff;
	background: var(--i_color);
}
.n_p {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.n_p li a {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.2rem 0.1rem;
}
.n_p .img {
	width: 0.55rem;
	height: 0.55rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--border_color);
	flex-shrink: 0;
}
.n_p .img iconify-icon {
	color: #666;
	font-size: 0.24rem;
}
.n_p a:hover iconify-icon {
	color: #fff;
}
.n_p a:hover .img {
	background: var(--i_color);
}
.n_p a p {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.n_p .img {
		width: 36px;
		height: 36px;
	}
	.desboxs {
		padding: 0.1rem;
	}
	.n_t .tag li a {
		padding: 0.05rem 0.1rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}



.sfj.asfq {
	background: url(static/imgs/asfq.webp) no-repeat center;
	background-size: cover;
}

.conpany {
	background: url(static/imgs/envbj.webp) no-repeat center;
	background-size: cover;
}

/* 选项卡样式 */
.conpany .xxk {
	margin: 0 auto;
}

.conpany .tab-list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #ccc;
	justify-content: center;
	gap: 0 60px;

}

.conpany .tab {
	padding: 30px;
	cursor: pointer;
	border-bottom: none;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

}

.conpany .tab::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -1px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid var(--i_color);
	opacity: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.conpany .tab::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -1px;
	width: 0%;
	height: 2px;
	background: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

}


.conpany .tab.active {
	color: var(--i_color);
	font-weight: bold;
}


.conpany .tab.active::after {
	width: 100%;
}

.conpany .tab.active::before {
	opacity: 1;
}

.conpany .tab-content {}

.conpany .content {
	display: none;
}

.conpany .content.active {
	display: block;
}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.conpany .tab-list {
		gap: 0 20px;
	}
	.conpany .tab {
		padding: 0.1rem;
		padding-top: 0;
	}
	.conpany .tab {
		/* width: 100%; */
	}

	.conpany .tab-list {
		margin-bottom: 0.1rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}





.companyenv_swipers {
	position: relative;
}
.companyenv_swipers .companyenv_list {
	position: relative;
	overflow: hidden
}
.companyenv_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%;
	box-sizing: border-box;

}
.companyenv_list .swiper-slide {
	box-sizing: border-box;
	flex-shrink: 0;
	position: relative;
}

.companyenv_list .swiper-slide .img {
	position: relative;
	padding-bottom: 61%;
	overflow: hidden;
}
.companyenv_list .swiper-slide .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.companyenv_list .swiper-slide .txt {
	padding: 0.2rem;
	box-sizing: border-box;
	border-top: 1px solid var(--i_color);
	border: 1px solid #d8d8d8;

}

.companyenv_list .swiper-slide .txt p {}

.companyenv_list .swiper-slide .txt h6 {}

.companyenv_list .swiper-slide:hover img {
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
}


.companyenv-prev,
.companyenv-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: .55rem;
	height: .55rem;
	background: var(--i_color);
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.companyenv-prev {
	left: 12%;
}
.companyenv-next {
	right: 12%;
}
.companyenv-prev iconify-icon,
.companyenv-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.24rem;
	color: #FFF;
}
.companyenv_list .swiper-button-disabled {
	cursor: not-allowed
}
.companyenv-prev:hover,
.companyenv-next:hover {
	background: var(--i_color);
}

.companyenv-pagination {
	margin-top: 0.3rem;
	text-align: center
}
.companyenv-pagination .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	display: inline-block;
	margin: 0 6px;
	background: #CCC;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
}
.companyenv-pagination .swiper-pagination-bullet-active {
	background: var(--i_color)
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.companyenv-prev,
	.companyenv-next {
		display: none;
	}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}



.certs {
	background: url(static/imgs/certsbj.webp) no-repeat center;
	background-size: cover;
}


@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.certs br {
		display: none;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}

















/* blogos */
.brand {}
.i_blogs_list2 {
	position: relative;
	overflow: hidden;
	background-size: cover;
}
.i_blogs_list22 {
	background: #fff;
}
.i_blogs_list23 {}
.i_blogs_list2 .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%
}
.i_blogs_list2 .swiper-slide {
	flex-shrink: 0;
	position: relative;
	padding-bottom: 7%;
	/* border: 1px solid #d8d8d8; */
	cursor: pointer;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	box-sizing: border-box;
	border: .01rem solid var(--border_color);
	background: #fff;
}
.i_blogs_list2 .swiper-slide:hover {
	border: 1px solid var(--i_color);
}
.i_blogs_list2 .swiper-slide img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.i_blogs-prev,
.i_blogs-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: .4rem;
	height: .4rem;
	background: rgb(0 0 0 / 60%);
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.i_blogs-prev {
	left: 0;
}
.i_blogs-next {
	right: 0;
}
.i_blogs-prev iconify-icon,
.i_blogs-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: .3rem;
}
.i_blogs_list2 .swiper-button-disabled {
	cursor: not-allowed
}
.i_blogs-prev:hover,
.i_blogs-next:hover {
	background: var(--i_color);
}
.i_blogs-pagination {
	text-align: center
}
.i_blogs-pagination .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	display: inline-block;
	margin: 0 2px;
	border-radius: 500px;
	outline: none;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.i_blogs-pagination .swiper-pagination-bullet-active {
	background: var(--i_color);
	width: 45px;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.i_blogs_list2 .swiper-slide {
		padding-bottom: 7%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {
	.i_blogs-pagination {
		margin-top: 0;
	}
	.i_blogs_list2 .swiper-slide {
		padding-bottom: 18%;
	}
}



.svlist {}

.svlist ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.35rem 0;
}

.svlist ul li {
	width: 49%;
	box-sizing: border-box;
	border: 1px solid #d8d8d8;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	padding-bottom: 24%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}


.svlist ul li>img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.svlist ul li .img img {
	height: 0.5rem;
}

.svlist ul li .txt {
	padding: 0.3rem 0.3rem;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	box-sizing: border-box;
}

.svlist ul li p {
	margin: 0.1rem 0;
	margin-bottom: 0px;
}
.svlist ul li h6 {
	display: none;
}
.svlist ul li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 0%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.svlist ul li:hover::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--i_color);
	z-index: 9;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0.5;
}

.svlist ul li:hover .txt {
	z-index: 9;
	text-align: center;
	margin-bottom: 0.6rem;
}

.svlist ul li:hover h6 {
	display: block;
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.svlist ul li p {
		margin: 0.1rem 0;
	}
	.svlist ul {
		gap: 10px 0;
	}

	.svlist br {
		display: none;
	}

	.svlist ul li {
		width: 48%;
		box-sizing: border-box;
	}


	.svlist ul li h6 {
		display: none !important;
	}

	.svlist ul li .img img {
		height: 0.3rem;
	}

	.svlist ul li .txt {
		padding: 0.1rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {
	.svlist ul li {
		width: 100%;
		padding-bottom: 48%;
	}
}



/* 手风琴 */
.sfj2 {
	background: url(static/imgs/advbj.webp) no-repeat center;
	background-size: cover;
}
.sfj2 ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sfj2 ul li {
	width: 25%;
	position: relative;
	padding-bottom: 32%;
	box-sizing: border-box;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.sfj2 ul li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	overflow: hidden;
}
.sfj2 ul li .txt {
	position: absolute;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	text-align: center;
	left: 0;
	bottom: 0;
	padding: 0.3rem 0.1rem;
	box-sizing: border-box;
	width: 100%;
}
.sfj2 ul li .txt p {
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	text-align: center;
	margin-bottom: 0.1rem;
}
.sfj2 ul li .txt h6 {
	display: none;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
}
.sfj2 ul li.active {
	width: 47%;
}
.sfj2 ul li.active .txt {
	text-align: start;
	width: 100%;
	padding: 0.3rem 0.8rem 0.3rem 0.3rem;
	box-sizing: border-box;
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3));
}
.sfj2 ul li.active .txt p {
	text-align: start;
}
.sfj2 ul li.active .txt h6 {
	display: block;
}
.fz80 {
	font-size: 0.8rem;
	color: transparent;
	-webkit-text-stroke: 1px white;
	/* 2px 黑色边框 */
	/
}
.sfj2 ul li.active .fz80 {
	color: var(--i_color);
	-webkit-text-stroke: 0;
}
@media screen and (max-width:1440px) {
	.fz80 {
		font-size: 0.6rem;
	}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.fz80 {
		font-size: 0.4rem;
	}
}
@media screen and (max-width:1024px) {
	.fz80 {
		font-size: 0.3rem;
	}
	.sfj2 ul li,
	.sfj2 ul li.active {
		width: 100%;
		padding-bottom: 60%;
	}
	.sfj2 ul li.active .txt {
		padding: 0.1rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}





/* 服务流程模块 */
.service_process {
	width: 100%;
	background: url(static/imgs/how.webp) no-repeat center;
	background-size: cover;
}
.service_process .title_box span {
	color: #ffffff;
}
.service_process .title_box p {
	color: #ffffff;
}
.sp_box {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.sp_list {
	width: 16%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sp_step {
	border: 1px solid #ffffff;
	border-radius: 50%;
	padding: 0.1rem;
	color: #ffffff;
	font-size: 0.2rem;
	font-weight: 800;
	position: relative;
}
.sp_step::after {
	content: "";
	display: block;
	width: 530%;
	height: 0.01rem;
	position: absolute;
	border-top: 0.01rem dashed #ffffff;
	right: 141%;
	top: 50%;
	transform: translateY(-50%);
}
.sp_list:nth-child(1) .sp_step::after {
	display: none;
}
.sp_icon {
	width: 1.2rem;
	height: 1.2rem;
	background-color: #ffffff;
	border-radius: 0.05rem;
	margin: 0.51rem 0 0.2rem 0;
	transition: all 0.6s;
	cursor: pointer;
}
.sp_icon iconify-icon {
	font-size: 0.8rem;
	color: var(--i_color);
	transition: all 0.6s;
}
.sp_icon:hover {
	background-color: var(--i_color);
}
.sp_icon:hover iconify-icon {
	color: #ffffff;
}
.sp_title {
	color: #ffffff;
	font-size: 0.24rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.16rem;
}
.sp_txt {
	color: #ffffff;
	font-size: 0.18rem;
	text-align: center;
}

@media screen and (max-width: 1366px) {
	.sp_step::after {
		width: 515%;
	}
}
@media screen and (max-width: 1200px) {
	.sp_step::after {
		width: 445%;
	}
}
@media screen and (max-width: 1024px) {
	.sp_step::after {
		display: none;
	}
	.sp_icon {
		width: 1rem;
		height: 1rem;
		margin: 0.2rem 0 0.2rem 0;
	}
	.sp_icon iconify-icon {
		font-size: 0.65rem;
	}
	.sp_title {
		font-size: 0.18rem;
		margin-bottom: 0.12rem;
	}
	.sp_txt {
		font-size: 0.16rem;
	}
}
@media screen and (max-width: 768px) {
	.sp_list {
		width: 18%;
	}
	.sp_icon {
		width: 0.6rem;
		height: 0.6rem;
		margin: 0.1rem 0 0.1rem 0;
	}
	.sp_icon iconify-icon {
		font-size: 0.35rem;
	}
	.sp_title {
		font-size: 0.16rem;
		margin: 0;
	}
	.sp_txt {
		display: none;
	}
	.sp_step {
		padding: 0.06rem;
		font-size: 0.14rem;
		font-weight: 800;
	}
}
@media screen and (max-width: 560px) {
	.sp_icon {
		width: 0.4rem;
		height: 0.4rem;
		margin: 0.1rem 0 0.1rem 0;
	}
	.sp_icon iconify-icon {
		font-size: 0.25rem;
	}
	.sp_title {
		font-size: 0.14rem;
		font-weight: 200;
		margin: 0;
	}
	.sp_box {
		flex-wrap: wrap;
	}
	.sp_list {
		width: 100%;
		flex-direction: row;
		gap: 0 4%;
	}
}

.flc {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}




/* ul>li左图右文 */
.ex_plore {

	background: url(static/imgs/explore.webp) no-repeat center;
	background-size: cover;
}
.ex_plore .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.ex_plore .wrap .left {
	width: 49%;
}

.ex_plore .wrap .left img {
	width: 100%;
}

.ex_plore .wrap .right {
	width: 48%;
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.ex_plore .wrap .left {
		width: 100%;
		margin-bottom: 0.2rem;
	}

	.ex_plore .wrap .right {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}







/* ul>li左图右文 */
.bjs {
	background: #f6f6f6;
}

.bjs2 {
	background: rgba(239, 162, 0 0.05);
}
.faq {}
.faq .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.faq .wrap .left {
	width: 58%;
}
.faq .wrap .left .leftdiv {
	height: 500px;
	overflow-y: scroll;
	padding-right: 0.2rem;
	box-sizing: border-box;
}
.faq .wrap .left dl {
	padding: 0.2rem 0;
	box-sizing: border-box;
	border-top: 1px solid var(--border_color);
	border-bottom: 1px solid var(--border_color);
}
.faq .wrap .left .zfx {
	width: 38px;
	height: 38px;
	flex-shrink: 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: var(--i_color);
	color: #fff;
}
.faq .wrap .left p {
	display: block;
	width: 90%;
}
.faq .wrap .left dd {
	display: none;
}
.faq .wrap .left dl.active dd {
	display: flex;
}
.faq .wrap .right {
	width: 36%;
}
.faq .wrap .right img {
	width: 100%;
	object-fit: cover;
}
.faq .wrap .right .imgbox img {
	display: none;
}
.faq .wrap .right .imgbox img.active {
	display: block;
}
.nw {
	flex-wrap: nowrap !important;
}
.dn {
	display: none;
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.faq .nbtnbox {
		margin-top: 0.2rem;
	}
	.faq .wrap .left dl dt {
		margin-bottom: 0.15rem;
	}
	.faq .wrap .left .zfx {
		height: 30px;
		width: 30px;
	}
	.faq .wrap .left p {
		width: 80%;
	}
	.faq .wrap .left {
		width: 100%;
		margin-bottom: 0.2rem;
	}
	.faq .wrap .right {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}


.conpany.conpany2 {
	background: #fff;
}


.nlists {}
.nlists .p3_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 40px 2%;
}




.nlists .p3_list li {
	width: 32%;
	box-sizing: border-box;
	border: 1px solid #d8d8d8;
	padding: 0.24rem;
}
.nlists .p3_list li .img {
	position: relative;
	padding-bottom: 66%;
	overflow: hidden;
}
.nlists .p3_list li .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.nlists .p3_list li .txt {
	padding: 0.15rem 0;
	box-sizing: border-box;
}
.nlists .p3_list li .txt p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

}
.nlists .p3_list li .txt h6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

}
.nlists .p3_list li:hover img {
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
}

.nlists .p3_list li:hover p {}


.nlists .p3_list li:hover p {
	color: var(--i_color);
}

.nlists .p3_list li:hover .flex {
	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) {

	.nlists .p3_list li {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}





.clist {}

.clist ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.2rem 0;
}

.clist ul li {
	width: 49%;
	box-sizing: border-box;
	padding: 0.3rem 0.35rem;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	background: #f6f6f6;
}
.clist ul li:hover {
	background: #fff;
	box-shadow: rgba(rgba(255, 90, 0, 1)) 0px 2px 38px 0px !important;
}
.hline {
	height: 1px;
	width: 100%;
	background: #d8d8d8;
}

.clist ul li .img {
	width: 54px;
	height: 54px;
	border-radius: 10000px;
	background: #fff;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

}


.clist ul li a:hover {
	text-decoration: underline;
	color: var(--i_color);
}


.clist ul li p {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.clist ul li .img iconify-icon {
	font-size: 0.24rem;
	color: var(--i_color);
}



.clist ul li img {
	height: 0.5rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.clist ul li p {
	margin: 0.2rem 0;
}

.clist ul li:hover .img {
	background: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

}

.clist ul li:hover .img iconify-icon {
	color: #fff;
}

.clist ul li:hover p {
	color: var(--i_color);
}


.clist ul li:hover {
	background: #fff;
	box-shadow: rgba(255, 90, 0, 0.1) 0px 2px 38px 0px !important;
}

.clist ul li h6 {}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.clist ul {}

	.clist ul li {
		width: 48%;
		box-sizing: border-box;
	}

	.clist ul li .img {
		height: 0.4rem;
		width: 0.4rem;
	}

	.clist ul li .img iconify-icon {
		font-size: 0.2rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {
	.clist ul li {
		width: 100%;
	}
}








/* 联系我们表单 */
.contact_form {
	width: 100%;
	position: relative;
}
.contact_form img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	z-index: -1;
}
.contact_form .wrap h2 {
	font-size: 0.4rem;
	color: #333333;
	text-align: center;
}
.contact_form .wrap p {
	font-size: 0.18rem;
	color: #444444;
	text-align: center;
	padding: 0.25rem 0 0.5rem 0;
}
.bd {
	width: 80%;
	background-color: #ffffff;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0.5rem;
	border-bottom: 0.04rem solid var(--i_color);
}
.bd h2 {
	font-size: 0.28rem;
	padding-bottom: 0.5rem;
}
#wpforms-112 {
	--wpforms-field-size-input-height: 50px;
	--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-112 {
	margin: 0;
	padding: 0;
}
#wpforms-form-112 {
	width: 100%;
	position: relative;
}

#wpforms-112 .wpforms-field-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#wpforms-112 .wpforms-field-container>.wpforms-field {
	width: 32.5%;
	padding: 0 1px 20px;
	margin: 0 0 10px;
	overflow-x: initial !important;
}
#wpforms-112 #wpforms-112-field_4-container {
	width: 100%;
}

#wpforms-112 .wpforms-field-container .wpforms-field-label {
	height: 0;
	font-size: 0;
	margin: 0 0;
}
#wpforms-112 .wpforms-field-container .wpforms-required-label {
	position: absolute;
	top: 10px;
	left: 7px;
	font-size: 15px;
	color: #f00;
	font-weight: bold;
}

#wpforms-112 .wpforms-field-container .wpforms-field>input,
#wpforms-112 .wpforms-field-container textarea {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #f6f6f6;
}
#wpforms-112 .wpforms-form label.wpforms-error {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 13px;
}

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

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

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

#wpforms-112 .wpforms-submit-container {
	width: 260px;
	padding: 0 0;
}
#wpforms-112 .wpforms-submit-container button {
	width: 60%;
	height: 0.44rem;
	font-size: 15px;
	color: #fff;
	background: var(--i_color);
}
#wpforms-112 .wpforms-submit-container img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 4px;
	z-index: 2;
}
#wpforms-112 .wpforms-submit-container button:hover {
	background: #000;
}
#wpforms-112-field_1::placeholder,
#wpforms-112-field_2::placeholder,
#wpforms-112-field_3::placeholder,
#wpforms-112-field_4::placeholder {
	color: #444444;
	font-size: 0.16rem;
}

@media screen and (max-width: 1024px) {
	.contact_form .wrap h2 {
		font-size: 0.32rem;
	}
	.contact_form .wrap p {
		padding: 0.15rem 0 0.32rem 0;
	}
	.bd {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.contact_form .wrap h2 {
		font-size: 0.24rem;
	}
	.contact_form .wrap p {
		font-size: 0.16rem;
		padding: 0.1rem 0 0.3rem 0;
	}
	#wpforms-112 .wpforms-field-container>.wpforms-field {
		width: 100% !important;
	}
}
@media screen and (max-width: 560px) {
	.contact_form .wrap h2 {
		font-size: 0.18rem;
		padding-bottom: 10px;
	}
	.contact_form .wrap p {
		font-size: 0.14rem;
		padding: 0.1rem 0 0.3rem 0;
	}
	.bd {
		padding: 30px;
	}
}
.cmap {
	height: 9.1rem;
}
.cmap iframe {
	height: 100%;
	width: 100%;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.cmap {
		height: 3.5rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}

















.hide {
	display: none;
}





/* 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) {}


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

	}

}

.i_tit {
	text-align: center;
}


.menu-item-object-language_switcher .trp-flag-image {
	display: none;
}


.iabs .flex.jc .va:hover {
	text-decoration: underline;
}


.iaboxs .flex.jc a:hover {
	text-decoration: underline;
}



.hotproducts.hotproducts2 .tab.active h6 {
	color: #666;
}

article h2 {
	color: var(--i_color);
}