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

	/* 副颜色 */
	--top_h: 1rem;
	/* 顶部高度 */
	--border_color: rgba(51, 51, 51, 0.2);
	/* 默认边框颜色 */
}
@media screen and (max-width:1024px) {
	:root {
		--top_h: .45rem;
	}
}
@media screen and (max-width:768px) {
	:root {
		--border_color: rgba(0, 0, 0, .06)
	}
}
.wrap {
	width: 1400px;
	max-width: 94vw;
	margin-left: auto;
	margin-right: auto;
}
.wrap_l {
	display: block;
	box-sizing: border-box;
	padding-left: 13.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;
	}
}

/* header */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2014;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	height: var(--top_h);
	background: var(--i_color2);
	border-bottom: 1px solid var(--border_color);
}
.top_cont {
	box-sizing: border-box;
	background: transparent;
	position: relative;
	z-index: 2013;
}
header.TopHeader .top_cont {
	background: var(--i_color2);
	box-shadow: rgb(0, 124, 186) 0px 0px 0px 2.41859e-08px;
}
.top {
	/* max-width: 88vw; */
	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 4px 10px 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);
	padding: 0 0.6rem;
	box-sizing: border-box;
	border-right: 1px solid var(--border_color);
}
.logo a {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	height: 90%;
}
.logo img {
	max-height: 100%;
	/* height: 100%; */
	object-fit: cover;
}
@media screen and (max-width:1440px) {
	.logo a {
		height: 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) {

	.logo img {
		object-fit: contain;
	}
	.logo {
		padding: 0 0.2rem;
	}
}
@media screen and (max-width:768px) {

	.logo a {
		height: 100%;
	}
}
@media screen and (max-width:560px) {}
/* 导航 */
nav {}
@media screen and (min-width:1025px) {
	nav {
		margin: 0 auto;

	}
	.i_nav {
		display: -webkit-flex;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 0 70px;
		/* margin-left: auto; */

		position: relative;
	}


	.i_nav::before {
		/* content: ''; */
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 120%;
		height: 80%;
		background: #f7f7f7;
		/* z-index: ; */
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}
	.i_nav>li {
		position: relative;
	}
	.i_nav>li::before {
		content: '';
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: -1px;
		width: 0%;
		height: 3.88px;
		background: var(--i_color);
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}

	.i_nav>li::after {
		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;
	}

	.i_nav>li:hover:after {
		opacity: 1;
	}
	.i_nav>li:hover::before {
		/* right: initial;
		left: 0; */
		width: 100%;
	}
	.i_nav>li>a {
		display: block;
		font-size: 18px;
		color: #333;
		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: -1px;
		width: 100%;
		height: 3.88px;
		background: var(--i_color);
	}


	.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: 100%;
	}
	.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: 1.8rem;
		max-width: 4.2rem;
		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: 1px;
		background: #DDD;
	}
	.i_nav .sub-menu a {
		display: block;
		padding: 0 .16rem;
		font-size: 0.15rem;
		color: #151515;
		line-height: 0.42rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		position: relative;
	}
	.i_nav .sub-menu li:hover a {
		color: var(--i_color);
		background: #F1F1F1;
	}
	.i_nav>li>a:hover {
		color: var(--i_color);
	}
}
@media screen and (max-width:1440px) {
	.i_nav>li>a {
		font-size: 17px;
	}
}
@media screen and (max-width:1366px) {
	.i_nav {
		gap: 0 40px;
	}
}
@media screen and (max-width:1200px) {
	.i_nav>li>a {
		font-size: 16px;
	}
}
/* 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: 3px;
		height: 8px
	}
	.i_nav::-webkit-scrollbar-thumb {
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		background: #555
	}
	.i_nav::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		border-radius: 0;
		background: #F1F1F1
	}
	.i_nav>li {
		margin: 0 0 !important;
		border-bottom: 1px solid var(--border_color);
		position: relative
	}
	.i_nav>.menu-item-has-children span {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: .44rem;
		height: .44rem;
		box-sizing: border-box;
		background: #F1F1F1 url(static/images/public/arrow_d_b.svg) no-repeat center;
		background-size: .18rem;
	}
	.i_nav>.menu-item-has-children span.on {
		background: #F1F1F1 url(static/images/public/arrow_u_b.svg) no-repeat center;
		background-size: .18rem;
	}
	.i_nav>li>a {
		padding: 0 .2rem;
		font-size: .16rem;
		color: #222;
		line-height: .44rem;
		text-transform: capitalize;
	}
	.i_nav>li>.sub-menu {
		display: none
	}
	.i_nav>li>.sub-menu li {
		position: relative;
	}
	.i_nav .sub-menu a {
		padding: 0 .4rem;
		font-size: .15rem;
		color: #555;
		line-height: .4rem;
		position: relative;
	}
	.i_nav .sub-menu li:not(:last-child) {
		border-bottom: 1px solid var(--border_color)
	}
	.i_nav>li>.sub-menu b {
		position: absolute;
		top: 0;
		right: 0;
		width: .4rem;
		height: .4rem;
		background: url(static/images/public/arrow_down_hollow_hei.svg) no-repeat center;
		background-size: .16rem;
	}
	.i_nav>li>.sub-menu b.on {
		background: url(static/images/public/arrow_up_hollow_hei.svg) no-repeat center;
		background-size: .16rem;
	}
	.i_nav .sub-menu .sub-menu {
		display: none;
	}
	.i_nav .sub-menu .sub-menu a {
		padding: 0 .6rem;
		font-size: .13rem;
		color: #888;
		line-height: .36rem;
		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 .4rem;
	position: relative;


}


.top_line_r::before {
	/* content: ''; */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 180%;
	height: 80%;
	background: #f7f7f7;
	/* z-index: 9; */
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
/* language */
.language {
	position: relative;
	border-left: 1px solid var(--border_color);
	border-right: 1px solid var(--border_color);

	box-sizing: border-box;
	padding: 0 0.4rem;
}

.language::after {
	/* content: ''; */
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: -0.2rem;
	width: 1px;
	height: 20%;
	background: #333;

}


.language::before {
	/* content: ''; */
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: -0.18rem;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #000;

}

.language_icon {
	height: var(--top_h);
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 0.1rem;
	font-size: 0.18rem;
	color: #333;
}
.language_icon iconify-icon {
	font-size: 0.26rem;
	color: #333;
	cursor: pointer;
}
.language_list {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: calc(var(--top_h) + .2rem);
	right: 0;
	background: #FFF;
	min-width: 1.2rem;
	z-index: 2016;
	box-shadow: 0 0 .1rem rgb(0 0 0 / 10%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	padding: .16rem .2rem;
}
.language_list.on {
	opacity: 1;
	top: var(--top_h);
	visibility: visible;
}
.language_list dt>h6 {
	margin-bottom: 0.08rem;
	font-size: 0.17rem;
	font-weight: bold;
	white-space: nowrap;
}
.curr_lang {
	margin-bottom: 0.12rem;
	padding-bottom: 0.12rem;
	border-bottom: 1px solid #EEE;
}
.lang_list a {
	display: block;
	padding: .06rem 0;
}
.lang_list span img {
	display: none;
}
.lang_list .trp-ls-language-name {
	padding-left: 0.3rem;
	font-size: 14px;
	position: relative;
}
.lang_list .trp-ls-language-name::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 0.18rem;
	height: 0.18rem;
	box-sizing: border-box;
	border: 1px 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: 0.06rem;
	width: 0.06rem;
	height: 0.06rem;
	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: 0.4rem;

}

.top_search_ico::after {
	/* content: ''; */
	width: 2px;
	height: 80%;
	background: #cbcbcb;
	position: absolute;
	position: absolute;
	top: 50%;
	right: -15px;
	transform: translate(0, -50%);

}
.top_search_ico iconify-icon {
	font-size: 0.26rem;
	color: #333;
	cursor: pointer;
}

.top_search_ico
/* find_btn */
.find_btn {
	display: table;
	background: #E83539;
	padding: 10px 40px;
}
.find_btn b {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}
@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;
	}
	.top_line_r::before {
		display: none;
	}
	.top_line_r {
		margin-left: auto;
	}
	.language_icon {
		font-size: 0.15rem;
	}
	.top_line_r {
		gap: 0 .2rem;
	}
	.find_btn {
		padding: 8px 20px;
	}
	.find_btn b {
		font-size: 14px;
	}
	.top_search_ico::after {
		content: 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: .24rem 0 .2rem;
	background: #FFF;
	box-shadow: 0 .1rem .1rem 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: .2rem .26rem;
	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: 0.1rem;
	text-align: center;
}
.nav_dropdown_item .txt p {
	font-size: 0.16rem;
	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: .2rem;
	margin-right: 0.15rem;
	width: 22px;
	height: 16px;
	display: none;
	cursor: pointer;
	/* background: var(--i_color); */
}
.nav_menu i {
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	background: var(--i_color);
	border-radius: .1rem;
	transition: 0.5s
}
.nav_menu::before,
.nav_menu::after {
	content: "";
	width: 100%;
	height: 3px;
	background: var(--i_color);

	position: absolute;
	left: 0;
	border-radius: .1rem;
	transition: 0.5s
}
.nav_menu::before {
	top: 0;
}
.nav_menu::after {
	bottom: 0;
}
.nav_menu.on i {
	opacity: 0
}
.nav_menu.on::before {
	transform: rotate(45deg);
	top: 50%;
	margin-top: -2px
}
.nav_menu.on::after {
	transform: rotate(-45deg);
	top: 50%;
	margin-top: -2px
}
@media screen and (max-width:1024px) {
	.nav_menu {
		display: block !important
	}
}
/* search main */
.top_search {
	--search_height: .38rem
}
.top_search {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: .16rem 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(--top_h));
	box-shadow: 0 0.06rem 0.1rem rgb(0 0 0 / 8%);
}
.top_search form {
	width: 94%;
	margin: 0 auto;
	max-width: 5rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 1px;
	overflow: hidden;
}
.top_search_ipt {
	width: calc(100% - var(--search_height) * 2);
	height: var(--search_height);
	box-sizing: border-box;
	border: 1px solid var(--i_color);
	border-right: none;
	padding: 0 0 0 .12rem;
}
.top_search_btn {
	font-size: 0;
	color: #FFF;
	width: calc(var(--search_height) * 2);
	height: var(--search_height);
	background: var(--i_color) url(static/images/public/search_w1.svg) no-repeat center;
	background-size: .22rem;
	cursor: pointer;
}
@media screen and (max-width:1024px) {
	.top_search.on {
		top: var(--top_h);
	}
}
.full_header_height {
	height: var(--top_h);

}
@media screen and (max-width:1024px) {
	.full_header_height {
		height: var(--top_h);
	}
}
/* banner */
.banner {
	width: 100%;
}
.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: 800px;
}
.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: .4rem;
	height: .4rem;
	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: 0.3rem;
	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;
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
}
.banner-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin: 0 05px;
	border-radius: 0.1rem;
	outline: none;
	cursor: pointer;
	color: #666;
	font-weight: bold;
	font-size: 18px;
	background: rgba(18, 81, 150, 0.1);
}
.banner-pagination .swiper-pagination-bullet-active {
	background: var(--i_color);
}

@media screen and (max-width:1024px) {
	.banner_list .swiper-slide::before {
		padding-bottom: 40%;
	}
	.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: 20px;
	}
	.banner-pagination .swiper-pagination-bullet {
		margin: 0 6px;
		font-size: .14rem;
	}
}














.banner_text {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: 100%;

}
.banner_text p {}
.banner_text h6 {
	font-size: 0.64rem;
	font-weight: bold;
	/* color: var(--i_color); */
}
.va {
	color: var(--i_color);
}

.banner_text1 {}

.banner_text1 p {
	display: inline-block;

	position: relative;
	border: 1px solid #fff;
	padding: 0.1rem 0.3rem;
	box-sizing: border-box;
	-webkit-border-radius: .05rem;
	border-radius: .05rem;
}

.br5 {
	border-radius: .05rem;
}

.banner_text1 h6 {
	position: relative;
	text-transform: capitalize;
}
.banner_text1 h6::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -30px;
	width: 68px;
	height: 65px;
	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;
}
.fb {
	/* font-weight: bold; */
}

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

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

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

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

	.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: 0.15rem;
		margin-bottom: 0.25rem;
	}

	.banner_text1 p img {
		height: 0.1rem;
	}

	.banner_text2 p::before {
		width: 80%;
	}

	.banner_text1 .imgbox h5 {
		display: none;
	}

	.banner_text1 .imgbox .img {
		height: 0.3rem;
		width: 0.3rem;
	}


	.banner_text h6 {
		font-size: 0.25rem;
	}

	.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: .1rem;
	}

	.banner_text1 p {}

	.banner_text h6 {
		font-size: 0.2rem;

	}

	.banner_text3 p i {
		font-size: 0.16rem;
	}
}
@media screen and (max-width:560px) {}







.mb10 {
	margin-bottom: 10px;
}
.btn {
	display: table;
	position: relative;
	background: var(--btn_color2);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	border-radius: 0.05rem;
}
.btn b {
	display: block;
	padding: 0.1rem 0.3555rem;
	font-size: 0.18rem;
	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 .1rem;
	text-transform: capitalize;
}
.btn b iconify-icon {
	font-size: 0.35rem;
}
.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, -8px);
	transform: skew(-20deg) translate(0, -8px);
}
.btn:hover {
	-webkit-transform: translate(0, -8px);
	transform: translate(0, -8px);
}
.btn:hover b {}
.btn.black:hover b {
	color: #FFF;
}




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

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


.btn.hb b {
	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) {

	.btn b iconify-icon {
		font-size: 0.2rem;
	}
	.btn.mt60 {
		margin-top: 0.1rem;
	}
	.btn b {
		padding: 8px 20px;
		font-size: 12px;
	}
}
@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: 0.4rem;
	text-transform: capitalize;
	margin-bottom: 10px;
	font-family: 'rbtb';
	font-weight: bold;
}
.tit h6 {
	font-size: 0.18rem;
	color: #666;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.5;
	gap: 0 .1rem;
	align-items: center;
	/* text-transform: capitalize; */
}
.tit.h3topb h6 {
	color: #666;
	width: 30%;
	margin: 30px 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: 0.2rem 0;
}

.tit.dis2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tit.dis2 h6 {
	margin-bottom: 0.05rem;
}

.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: .35rem;
	}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.tit h3 {
		font-size: .30rem;
	}
}
@media screen and (max-width:1024px) {

	.tit.center h6 br {
		display: none;

	}

	.tit.dis2 h6 br {
		display: none;
	}

	.tit.dis2 h6 {
		margin-bottom: 0.15rem;
	}

	.tit h3 img {
		height: 0.3rem;
	}

	.tit span {
		width: 100%;
		/* margin-bottom: 0.2rem; */
	}

	.tit.dis2 {
		flex-wrap: wrap;
	}

	.tit.center h3 {
		margin: 0.1rem 0;
	}
	.tit.dis2 h6 {
		gap: 0 .1rem;
	}

	.tit h6 img {
		height: 0.18rem;
	}
	.tit p {
		font-size: 16px;
	}
	.tit h3 {
		font-size: 20px;
	}
	.tit h6 {
		font-size: 14px;
	}
}
@media screen and (max-width:768px) {
	.tit.dis {
		flex-direction: column;
		gap: .2rem;
		align-items: flex-start;
	}
	.tit.dis span {
		width: 100%;
	}
	.tit.dis h6 {
		padding: 10px 0;
		width: 100%;
	}
	.tit {
		width: 100%;
	}
}
@media screen and (max-width:560px) {
	.tit.dis {
		display: block;
	}
}




.gongye .tit.dis2 {
	align-items: start;
}

.mb10 {
	margin-bottom: 10px;
}


.plcate_swipers {
	position: relative;
	background: #f3f3f3;
}
.plcate_swipers .plcate_list {
	position: relative;
	overflow: hidden
}
.plcate_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%;
	box-sizing: border-box;

}
.plcate_list .swiper-slide {
	box-sizing: border-box;
	flex-shrink: 0;
	position: relative;
	background: #FFF;
}

.plcate_list .swiper-slide .img {
	position: relative;
	padding-bottom: 74%;
	overflow: hidden;
}
.plcate_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;
}

.plcate_list .swiper-slide .txt {
	padding: 0.2rem;
	box-sizing: border-box;
	border-bottom: 1px solid #d8d8d8;
}

.plcate_list .swiper-slide .txt p {}

.plcate_list .swiper-slide .txt a {
	display: block;
	height: 28px;
	padding-left: 0.15rem;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.plcate_list .swiper-slide .txt b {
	display: block;
	width: 100%;
	height: 28px;
}

.plcate_list .swiper-slide .txt a:hover::before {
	background: var(--i_color);
}

.plcate_list .swiper-slide .txt a:hover {
	color: var(--i_color);
	text-decoration: underline;
}

.plcate_list .swiper-slide .txt a::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 6px;
	height: 6px;
	background: #666;

}

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

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

.plcate_list .btnboxs {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 0.122rem 0.2rem;
	box-sizing: border-box;
	z-index: 2;
}

.plcate_list .btnboxs p {
	color: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.plcate_list .btnboxs iconify-icon {
	color: var(--i_color);
	font-size: 0.3rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.plcate_list .btnboxs {
	position: relative;
	z-index: 2;
}

.plcate_list .btnboxs::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 0%;
	height: 100%;
	background: var(--i_color);
	z-index: -1;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.plcate_list .btnboxs:hover::before {
	right: initial;
	left: 0;
	width: 100%;

}

.plcate_list .btnboxs:hover p {
	color: #fff !important;
}


.plcate_list .btnboxs:hover iconify-icon {
	color: #fff;
}


.plcate-prev,
.plcate-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
}
.plcate-prev {
	left: 5%;
}
.plcate-next {
	right: 5%;
}
.plcate-prev iconify-icon,
.plcate-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.3rem;
	color: #FFF;
}
.plcate_list .swiper-button-disabled {
	cursor: not-allowed
}
.plcate-prev:hover,
.plcate-next:hover {
	background: var(--i_color);
}

.plcate-pagination {
	display: block;
	text-align: center
}
.plcate-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;

}
.plcate-pagination .swiper-pagination-bullet-active {
	background: var(--i_color)
}
.pub {
	margin-bottom: 10px;
}
.pub .swiper-pagination-bullet {
	width: 10px !important;
	height: 10px !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: 1px 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) {
	.plcate-prev,
	.plcate-next {
		display: none;
	}
	.pub .swiper-pagination-bullet-active::before {
		display: none;
	}
	.plcate_list .btnboxs iconify-icon {
		font-size: 0.2rem;
	}
}
@media screen and (max-width:1024px) {

	.plcate_list .swiper-wrapper {
		align-items: start;
	}


	.plcate_list .swiper-slide .txt a {
		height: auto;

	}


	.plcate_list .swiper-slide .txt b {

		height: auto;
	}
	.pub .swiper-pagination-bullet {
		width: 7px !important;
		height: 7px !important;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}







/* i_about */
/* about us */
.i_ab {
	width: 100%;
}
.i_ab .ab_wrap {
	display: flex;
	justify-content: space-between;
}

.i_ab .ab_wrap .txt {
	position: relative;

}

.i_ab .ab_wrap .txt>img {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: 0rem;
	z-index: -1;
}

.i_ab .v {
	width: 100%;
	position: relative;
	height: 500px;
}
.i_ab .i_v_btn {
	position: absolute;
	top: 48%;
	right: 50%;
	transform: translate(50%, -50%);
	background: rgba(26, 80, 162, 0.15);
	padding: 0.15rem;
	border-radius: 100px;
}
.i_ab .i_v_btn iconify-icon {
	font-size: 30px;
	padding: 20px;
	border-radius: 50%;
	background-color: var(--i_color);
	cursor: pointer;
}

.i_ab .btn3 b {
	color: #fff;
}
.i_ab .btn .all {}
.vd_box {
	display: none IMPO !important;
	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) {

	.i_ab .ab_wrap .txt>img {
		width: 100%;
	}
	.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_ab .v img {
	width: 100%;
	position: relative;
	height: 100%;
	object-fit: cover;
}
.i_ab .v img::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background: var(--i_color);
}
.i_ab .txt {
	/* width: 100%; */
}
.i_ab .txt .i_tit {
	display: flex;
	flex-direction: column;
	gap: .25rem 0;
}


.i_ab .txt h5 {
	/* line-height: 23px; */
	font-size: 0.36rem;
	color: var(--i_color);
	font-weight: 900;
	margin-bottom: 0.4rem;
}


.i_ab .txt article {
	line-height: 0.3rem;
	color: #333;
	text-align: center;
}

.i_ab .txt .btn2 {
	background-color: var(--i_color2);
	color: #212121;
	font-size: 14px;
	font-weight: bold;
}

.i_ab .btnbox {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.2rem;
}
.i_ab .ab_wrap {
	flex-wrap: wrap;
}

.expandable {
	max-height: 118px;
	/* 设置初始最大高度 */
	overflow: hidden;
	transition: max-height 0.3s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.expandable.expanded {
	max-height: none;
	/* 展开时高度不受限制 */
}

.toggle-btn {
	display: block;
	margin-top: 10px;
	cursor: pointer;
	color: var(--i_color);
	border: none;
	text-align: center;
	margin: 0 auto;
}







.i_ab .txt .btn2:hover {
	background-color: #cba315;
}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	.i_ab .txt h5 {
		font-size: 0.2rem;
	}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.i_ab .ab_wrap {
		flex-wrap: wrap;
	}
	.i_ab .txt h5 {
		font-size: 14px;
		margin-bottom: 0.1rem;
	}
	.i_ab .txt {
		width: 100%;
	}
	.i_ab .v {
		width: 100%;
		margin-top: 0.2rem;
	}
}
@media screen and (max-width:960px) {}
@media screen and (max-width:767px) {}
@media screen and (max-width:560px) {
	.i_ab .i_v_btn iconify-icon {
		padding: 15px;
	}
	.i_ab .txt .i_tit {
		gap: .05rem 0;
	}
	.i_ab .txt {
		width: 100%;
		margin-top: 20px;
	}
	.i_ab .v {
		width: 100%;
	}
}
@media screen and (max-width:425px) {}

.iclistnums {
	width: 100%;
}

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

.iclistnums ul li {
	box-sizing: border-box;
	text-align: start;
	padding: 0.3rem 0.2rem;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.iclistnums ul li span {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
	align-items: center;
}

.iclistnums ul li img {
	height: 0.5rem;
}
.iclistnums ul li p {
	color: var(--i_color);
}
.iclistnums 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) {

	.iclistnums ul li h6 br {
		display: none;
	}
	.iclistnums ul {
		gap: 0;
	}
	.iclistnums ul li {
		width: 48%;
		box-sizing: border-box;
		padding: 0.1rem 0.2rem;
	}
	.iclistnums ul li img {
		height: 0.35rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {
	.iclistnums ul li {
		width: 100%;
	}
}




.vlist {}
.vlist .p3_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.vlist .p3_list li {
	width: 48.5%;
	box-sizing: border-box;
}
.vlist .p3_list li .img {
	position: relative;
	padding-bottom: 64%;
	overflow: hidden;
}

.vlist .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;
}
.vlist .p3_list li .txt {
	padding: 0.15rem;
	box-sizing: border-box;
}

.vlist .p3_list li .btns b {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: var(--i_color);
	gap: 0 .1rem;
}

.vlist .p3_list li .img {
	position: relative;
}

.vlist .p3_list li:nth-child(1) .img::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 86px;
	height: 92px;
	background: url(static/imgs/vds.png) no-repeat center;
	background-size: cover;
	z-index: 9;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
}



.vlist .p3_list li .btns b iconify-icon {
	font-size: 0.25rem;
}

.vlist .p3_list li .btns .vlist .p3_list li .btns b {
	color: var(--i_color);
}

.vlist .p3_list li:hover .btns b {
	color: #fff;
}

.vlist .p3_list li:hover .btn b {
	background: var(--i_color);
}

.vlist .p3_list li .btntxt {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	padding: 0.1rem 0.2rem;
	box-sizing: border-box;
	background: #f3f3f3;
	position: relative;

}


.vlist .p3_list li:hover p {
	color: #fff;
}

.vlist .p3_list li:hover .btntxt {
	background: var(--i_color);
}



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

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

	.vlist .p3_list li {
		width: 100% !important;
	}

	.vlist .p3_list {
		gap: 20px;
	}

	.iclistnums {
		padding-top: 0;
	}

	.vlist .p3_list li:nth-child(1) .img::before {
		height: 0.55rem;
		width: 0.55rem;
	}

}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
/* 选项卡样式 */
.xxkbox {
	background: url(static/imgs/bj.webp) no-repeat center;
	background-size: cover;
}
.xxkbox .xxk {
	margin: 0 auto;
}
.xxkbox .tab-list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;

}
.xxkbox .tab:not(:last-child):after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 120px;
	width: 282px;
	height: 1px;
	border-bottom: 1px dashed rgb(255 255 255 / 50%);

}
.xxkbox .tab {
	padding: 15px;
	cursor: pointer;
	border-bottom: none;
	border-radius: 1000px;
	box-sizing: border-box;
	position: relative;
}
.xxkbox .tab.active {
	background: url(static/imgs/yq.png) no-repeat center;
	background-size: contain;
}
.xxkbox .tab-content {}
.xxkbox .content {
	display: none;
}

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


@media screen and (max-width:1440px) {
	.tab::after{
		width: 200px;
	}

}
@media screen and (max-width:1366px) {
	.tab::after {
		display: none;
	}
}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.xxkbox .tit.center h6 br {
		display: none;
	}
	.xxkbox .tab {}

	.xxkbox .tab img {
		height: 0.3rem;
	}

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








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

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

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

.ul_listxxk .wrap .right {
	width: 49%;
}




.ul_listxxk .wrap .right li p {}

.ul_listxxk .wrap .right 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) {

	.ul_listxxk .wrap .left {
		width: 100%;
	}

	.ul_listxxk .wrap .right {
		width: 100%;
		margin-bottom: 0.2rem;

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


.gongye {}

.gongye .tit span {
	width: 54%;
}



.gongye .wraps1 {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

}
.gongye .wraps1 img {
	width: 100%;
	/* object-fit: cover; */
}

.gongye .wraps1 .left {
	width: 46.5%;
}
.gongye .wraps1 .right {
	width: 51.8%;

}
.gongye .wraps1 .left .topboxl {
	padding-bottom: 49.2%;
}


.gongye .wraps1 .left .topboxl {}

.gongye .wraps1 .left .botboxl {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 0.25rem;
}

.gongye .wraps1 .left .botboxl>div {
	width: 49%;

}

.gongye .wraps1 .left .botboxl .boxs {
	padding-bottom: 49.2%;
}

.gongye .wraps1 .right {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.gongye .wraps1 .right>div:nth-child(1) {
	width: 52.5%;
}

.gongye .wraps1 .right>div:nth-child(2) {
	width: 43.5%;
}

.gongye .wraps1 .right>div:nth-child(2) .boxs:nth-child(1) {
	margin-bottom: 0.25rem;
}

.gongye .wraps1 .right>div:nth-child(2) .boxs {
	padding-bottom: 101%;
}

.gongye .boxs {
	position: relative;
	overflow: hidden;
}

.gongye .boxs .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.4rem 0.35rem;
	box-sizing: border-box;
	z-index: 9;
}

.gongye .boxs .txt h6 {
	display: none;
}

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


.gongye .boxs::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background: linear-gradient(to bottom, transparent, rgba(0, 89, 170, 0.8));
	;
	z-index: 1;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.gongye .boxs:hover::before {
	height: 100%;

}

.gongye .boxs: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) {

	.gongye .tit span {
		width: 100%;
	}

	.gongye .wraps1 .left .botboxl {
		margin-top: 0.1rem;
	}

	.gongye .wraps1 .right>div:nth-child(2) {
		width: 45.2%;
	}

	.gongye .wraps1 .left {
		margin-bottom: 0.1rem;
	}

	.gongye .wraps1 .left,
	.gongye .wraps1 .right {
		width: 100%;
	}

	.gongye .wraps1 .right>div:nth-child(2) .boxs:nth-child(1) {
		margin-bottom: 0.1rem;
	}

	.gongye .boxs .txt {
		padding: 0.2rem;
	}
	.gongye .boxs .txt h6 {
		display: none !important;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}





.news_swipers {
	position: relative;
	background: var(--bjs);
}
.news_swipers .news_list {
	position: relative;
	overflow: hidden
}
.news_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%;
	box-sizing: border-box;

}
.news_list .swiper-slide {
	box-sizing: border-box;
	flex-shrink: 0;
	position: relative;
	background: #fff;
	padding: 0.4rem 0.45rem;
	box-sizing: border-box;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.news_list .swiper-slide .img {
	position: relative;
	padding-bottom: 74.5%;
	overflow: hidden;
}
.news_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;
}

.news_list .swiper-slide .txt {
	box-sizing: border-box;

}

.news_list .swiper-slide .txt p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news_list .swiper-slide .txt h5 {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 5px;
	align-items: center;
}
.news_list .swiper-slide .txt h6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

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

.news_list .swiper-slide .btnboxs {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
	align-items: center;
	padding: 0.2rem 0rem;
	border-bottom: 1px solid var(--border_color);

}

.news_list .swiper-slide .btnboxs iconify-icon {
	font-size: 0.28rem;
}
.news_list .swiper-slide:hover .btnboxs {
	border-color: var(--i_color);
}
.m10 {
	margin: 0.1rem 0;
}

.news_list .swiper-slide:hover {
	box-shadow: rgba(0, 89, 170, 0.2) 0px 2px 20px 0px;
}

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

.news-prev,
.news-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
}
.news-prev {
	left: 5%;
}
.news-next {
	right: 5%;
}
.news-prev iconify-icon,
.news-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.3rem;
	color: #FFF;
}
.news_list .swiper-button-disabled {
	cursor: not-allowed
}
.news-prev:hover,
.news-next:hover {
	background: var(--i_color);
}
.wz333 {
	color: #333;
}

.news-pagination {
	margin-top: 0.3rem;
	text-align: center
}
.news-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;
}
.news-pagination .swiper-pagination-bullet-active {
	background: var(--i_color)
}

.xy {
	display: none;
}

.zwf {
	height: 1rem;
}

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

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

	.zwf {
		display: none;
	}

	.news_list .swiper-slide .btnboxs iconify-icon {
		font-size: 0.18rem;
	}
	.news_list .swiper-slide {
		padding: 0.1rem;
	}
	.news_list .swiper-slide .btnboxs {
		padding: 0.05rem 0;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}

.p10 {
	padding: 0.1rem 0;
}

footer {
	background: url(static/imgs/bot.webp) no-repeat center;
	background-size: cover;
	position: relative;
}

footer::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: -99px;
	width: 100%;
	height: 100px;
	background: #000B15;
	clip-path: polygon(50% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);




}

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

footer .outbox {}

.iconsss {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
}

.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;
	background: rgba(255, 255, 255, 0.1);
	width: 55px;
	height: 55px;
	flex-shrink: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	border-radius: 0.05rem;
}

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


.fnlist {}

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

.fnlist dl dt:last-child {
	width: 16%;
}

.fnlist dl {
	box-sizing: border-box;
}

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


.fnlist dl dt:nth-child(1) {}
footer .bt {
	color: var(--i_color3);
	text-transform: uppercase;
	margin-bottom: 0.25rem;
	font-family: 'rbtb';
	font-weight: bold;

}
.fnlist dl dt:nth-child(1) a:hover {
	color: var(--i_color);
}


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

	position: relative;
}
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; */
}

.privacy .wrap {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.privacy p {
	color: #fff;
}

.privacy p a {
	color: #fff;
}


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

footer .ftbox img {
	height: 1.43rem;
}
.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) {

	footer {
		margin-bottom: 0.4rem;
	}

	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.15rem;
	}

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

	.fnlist dl dt:not(:first-child) {
		display: none;
	}
}
@media screen and (max-width:768px) {

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

	.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%);
}


/* Breadcrumb */
.in_position {
	padding: .2rem 0;
	background: transparent;
	position: relative;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 0;
}
.in_position .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.in_position a {
	display: block;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.5);
	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: 45%;
	transform: translate(0, -50%);
	left: 0;
	width: 18px;
	height: 18px;
	background: url('static/imgs/fz.png') no-repeat center;
	background-size: contain;
}
.in_position a:not(:last-child):after {
	content: "/";
	margin: 0 4px;
	color: rgba(255, 255, 255, 0.5)
}
.in_position a:last-child {
	color: #fff !important
}
.in_position a:hover {
	color: #fff
}
@media screen and (max-width:1024px) {
	.in_position {
		padding: .16rem 0;
	}
	.in_position a {
		font-size: 14px
	}
}
@media screen and (max-width:560px) {

	.in_pagebanner p {
		display: none;
	}
	.in_position {
		padding: .12rem 0;
	}
	.in_position a {
		font-size: 13px
	}
}




/* ul>li左图右文 */
.ul_list666 {
	background: var(--bjs);
}
.ul_list666 .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ul_list666 .wrap .left {
	width: calc(22.18% + .4rem);
	box-sizing: border-box;
	position: relative;
}

.ul_list666 .wrap .right {
	width: 70%;
	padding-right: 0rem;
	box-sizing: border-box;
}
.mt10 {
	margin-top: 10px;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.ul_list666 .wrap .left {
		width: 100%;
		margin-bottom: 0.2rem;
		padding: 0rem;
		border-radius: 0.2rem;
	}
	.ul_list666 .wrap .right {
		padding: 0;
	}
	.ul_list666 .wrap .right {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
/* 下拉product */
/* 下拉菜单 */
.p_nav {
	background: #fff;
	border-radius: 0.05rem;
	padding: 0.4rem 0.2rem;
	box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
	#wpforms-138 .wpforms-field-label {
		font-size: 16px;
	}
	#icon_li {
		width: 49%;
	}
	.p_nav {
		width: 100%;
	}
	.p_nav_list {}
}
@media screen and (max-width: 764px) {
	#icon_li {
		width: 100%;
	}
	.p_nav {
		width: 100%;

		margin: auto;
		margin-top: 0.2rem;
	}
	.p_nav_list {}
}
.p_nav_tit {
	/* margin-bottom: 0.4rem; */
	font-size: 24px;
	color: #222222;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	border-bottom: 2px solid #F1F1F1;
	padding: 20px 0px;
	padding-left: 20px;
}
.in_products {
	display: flex;
	flex-wrap: wrap;
}
.p_nav_list {}
.p_nav_list .li2 {
	border-bottom: none;
}
.p_nav_list li {}
.p_nav_list li {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 0.1rem;
	border-bottom-right-radius: 0.1rem;
}



.p_nav_list .curr .cat_name {}
.p_nav_list .curr {
	/* background: var(--btn_color2); */

}
.p_nav_list .currs {
	background: transparent !important;
}
.p_nav_list .cat_name {
	height: 60px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	box-sizing: border-box;
	overflow: hidden;
	border-top: 1px solid var(--border_color);
}
.noborder a {
	border-top: 1px solid transparent !important;
}
.p_nav_list .cat_name:last-child {}
.p_nav_list li:last-child .cat_name {
	border-bottom: 1px solid var(--border_color)
}
.p_nav_list .cat_name:nth-child(1) {}
.p_nav_list .cat_name:nth-child(1) {}
.p_nav_list .aa {
	background-color: #EEEEEE;
}
.p_nav_list .cat_name b {
	font-size: 0.18rem;
	color: #333;
	padding-left: 24px;
	margin-right: auto;
	font-family: 'rbtb';
	font-weight: bold;

}
.p_nav_list .cat_name iconify-icon {
	font-size: 0.18rem;
	color: #666;
	flex-shrink: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	padding: 0.2rem 0.2rem 0.2rem 0.2rem;
	box-sizing: border-box;
}
.p_nav_list .curr .cat_name iconify-icon {
	transform: rotate(-180deg);
	color: #fff;
}
.p_nav_list .curr .cat_name {
	position: relative;
	background: var(--btn_color2);
	height: 60px;
	border-radius: 0.05rem;
}
.p_nav_list .curr .cat_name b {
	color: #fff;
}
.p_nav .img {
	width: 3.5%;
	position: absolute;
	right: 0;
	top: 0;
}
.p_nav img {
	width: 100%;
}
.p_nav_list dl {
	display: none;
}
.p_nav_list .curr dl {
	display: block !important;
	/* background: #fff; */
	overflow: hidden;
}

.p_nav_list dt {
	position: relative;
}
.p_nav_list dt::before {
	/* content: ''; */
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: -.3rem;
	width: 0.3rem;
	height: 0.3rem;
	background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23eec73e" d="M13 16.25a.74.74 0 0 1-.53-.22a.75.75 0 0 1 0-1.06l3-3l-3-3A.75.75 0 0 1 13.53 8l3.5 3.5a.75.75 0 0 1 0 1.06L13.53 16a.74.74 0 0 1-.53.25m-5.5 0A.74.74 0 0 1 7 16a.75.75 0 0 1 0-1l3-3l-3-3a.75.75 0 0 1 1-1l3.5 3.5a.75.75 0 0 1 0 1.06L8 16a.74.74 0 0 1-.5.25"%2F%3E%3C%2Fsvg%3E') no-repeat center;
	background-size: contain;
	transition: all .5s ease;
}
.p_nav_list dt a {
	display: block;
	font-size: 16px;
	color: #666;
	padding: 0.15rem 0.3rem;
	box-sizing: border-box;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.p_nav_list dt.active a {
	padding: 0.15rem 0.5rem;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	text-decoration: underline;

}
.p_nav_list dt a:hover {
	padding: 0.15rem 0.5rem;
	text-decoration: underline;


}
.p_nav_list dt a::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0.32rem;
	width: 8px;
	height: 8px;
	background: var(--i_color);
	opacity: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.p_nav_list dt a:hover::before {
	opacity: 1;
}

.p_nav_list dt.active a {
	color: var(--i_color);
}

.p_nav_list dt.active a::before {
	opacity: 1;
}


.p_nav_list dt a.active {
	color: var(--i_color);
	text-decoration: underline;
}
.p_nav_list dt a:hover {
	color: var(--i_color);
}
.p_nav_list dt a:not(:last-child) {
	border-bottom: 1px solid #EEEEEE;
}
.p_nav_list .ccc.act {
	display: none;
}
.p_nav_list .ccc {
	display: none;
}
.p_nav .i_line {
	width: 100%;
	height: 2px;
	color: grey;
}
.p_nav_list dt:hover a,
.p_nav_list dt.on a {
	/* padding-left: 20px; */
}
.zwbanner {
	height: 2rem;
}
@media screen and (max-width:1440px) {
	.p_nav_list dt a {
		font-size: 0.18rem;
	}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.p_nav_list .cat_name {
		height: 48px;
	}
	.p_nav_list dt a {
		font-size: 0.14rem;
	}
	.zwbanner {
		height: 1.5rem;
	}
	.p_nav_list li {}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
.p_txt {
	font-size: 0.36rem;
	font-weight: bold;
	color: #333;
	text-align: start;
}
.p_txt2 {
	position: relative;
	text-align: start;
	color: var(--i_color);
}


.contacts {
	background: url(static/imgs/cbj.webp) no-repeat center;
	background-size: cover;
}
.contacts a {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.contacts li:not(:last-child) a:hover {
	color: var(--i_color) !important;
	text-decoration: underline;
}
.p_txt2::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -0.12rem;
	width: 73px;
	height: 3px;
	background: var(--i_color);
}
.contacts {
	padding: 0.3rem 0.2rem;
	background-size: 100% 100%;
	border-radius: 0.05rem;
}
.contacts li {
	margin-bottom: 0.15rem;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.contacts {
		display: none;
	}
	.p_nav_list .curr .cat_name {
		height: 50px;
	}
	.ul_list666 {
		background: none;
	}
	.p_nav_list .cat_name b {
		font-size: 0.14rem;
	}
	.ul_list666 .wrap .left {
		/* background: var(--i_color3); */
	}
	.p_txt {
		font-size: 0.18rem;
	}
	.contacts {
		padding: 0.2rem;
	}
	.ul_list666 .wrap .left {
		padding: 0.2rem 0.1rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}


.pl333 {
	width: 100%;
}
.pl333 .p3_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 50px 2.75%;
}


.pbtn {
	width: 100%;
	padding: 0.15rem 0.2rem;
	box-sizing: border-box;
	text-transform: capitalize;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	color: var(--i_color3);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	border-top: 1px solid var(--border_color);
	margin-bottom: 0;

}
.pbtn iconify-icon {
	font-size: 0.28rem;
}



.pl333 .p3_list li:hover>img {
	opacity: 1;
}

.pl333 .p3_list li:hover .pbtn {
	/* background: var(--btn_color2);
	color: #fff; */

}

.pl333 .p3_list li:hover {
	box-shadow: rgba(0, 89, 170, 0.1) 0px 2px 18px 0px;
}

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


.pl333 .p3_list li {
	width: 31.5%;
	box-sizing: border-box;
	position: relative;
	background: #fff !important;

}

.pl333 .p3_list li a {
	background: #fff !important;
}

.pl333 .p3_list li .img {
	position: relative;
	padding-bottom: 75%;
	overflow: hidden;
	background: ;
}

.pl333 .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;
}
.ms>p {
	color: #333;
	font-weight: bold;
}
.pl333 .p3_list li .txt {
	padding: 0.3rem 0.2rem;
	box-sizing: border-box;
	text-align: start;
}
.pl333 .p3_list li .txt p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

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

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

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


	.pbtn{
		padding: 0.1rem 0.2rem;
	}

	.pl333 .p3_list{
		gap: .3rem 2%;
	}

	.pl333 .p3_list li .txt{
		padding: 0.15rem 0.2rem;
	}

	.pl333 .p3_list li {
		width: 49%;
		box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 38px 0px;
	}
}
@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: transparent;
	border-radius: .05rem;
	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;
	}
}

.f3 {
	background: #f3f3f3;
}




.hfbanner {}


.hfbanner .wrap {
	background: url(static/imgs/hfbanner.webp) no-repeat center;
	background-size: 100% 100%;
	padding: 0.6rem 0.5rem;
	box-sizing: border-box;
}

.hfbanner .wrap .btn {
	background: transparent !important;
	border: 1px solid #fff;
}

.hfbanner .wrap .btn:hover {
	background: #fff !important;
}

.hfbanner .wrap .btn:hover b {
	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) {

	.hfbanner .wrap p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.hfbanner .wrap {
		padding: 0.3rem;
		object-fit: cover !important;
	}
	.hfbanner .wrap br {
		display: none;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}


/* ul>li左图右文 */
.ul_list555 {}
.ul_list555 .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
}
.ul_list555 .wrap .left {
	width: 48.5%;
	position: relative;
}
.ul_list555 .wrap .right {
	width: 46%;
}
.ul_list555 .wrap .right li p {}
.ul_list555 .wrap .right 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) {
	.ul_list555 .wrap .left {
		width: 100%;
		margin-bottom: 0.2rem;
	}
	.ul_list555 .wrap .right {
		width: 100%;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
/* atlas */

.p_atlas {

	width: 100%;

	height: 100%;

}

.p_atlas_list {

	position: relative;

	overflow: hidden
}

.p_atlas_list .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.p_atlas_list .swiper-slide {

	flex-shrink: 0;

	position: relative;

	overflow: hidden;

}

.p_atlas_list .swiper-slide::before {

	content: '';

	display: block;

	padding-bottom: 75%;

}

.p_atlas_list .swiper-slide img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

}



/* thumbnail */

.p_thumbnail_list {

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

	margin: .2rem auto 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: 2px solid #CCC;

	overflow: hidden;

	cursor: pointer;
	opacity: 0.5;

}

.p_thumbnail_list .swiper-slide::before {

	content: '';

	display: block;

	padding-bottom: 75%;

}

.p_thumbnail_list .swiper-slide img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.p_thumbnail_list .swiper-slide-thumb-active {

	border-color: var(--i_color);
	opacity: 1;

}



.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;
	position: absolute;
	right: 0.2rem;
	bottom: 0.2rem;

}

.thumbnail-pagination,

.thumbnail-pagination span {

	font-size: 0.16rem;
	color: #666;


}

.thumbnail-pagination .swiper-pagination-current {
	color: var(--i_color);
	font-size: 0.25rem;
	font-weight: bold;
	font-family: 'rbtb';

}



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

	.p_atlas {
		width: 100%;
		height: auto;
	}

}

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

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

.details_des {}


.details_des article {
	padding: 0.2rem 0.25rem;
	box-sizing: border-box;
	overflow: hidden;
}

.p225 {
	padding: 0.2rem .25rem;
	box-sizing: border-box;

}

.details_des h1 {
	margin-bottom: 0.2rem;
	font-size: 0.3rem;
	font-family: 'rbtb';
	font-weight: bold;
	color: #333;
	padding: 0.2rem .25rem;
	border-top: 3px solid var(--i_color);
	position: relative;
}


.details_des .cs_list {
	box-sizing: border-box;
	padding: 0.2rem 0;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}
.details_des .cs_list li {
	color: #333;
}
.details_des .cs_list li:not(:last-child) {
	margin-bottom: 0.15rem;
}
.details_des .cs_list li i {
	font-size: inherit;
	color: #FF0000;
}

.grayline {
	position: relative;
	/* border-top: .01rem solid var(--border_color); */
}

.grayline::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: -2px;
	width: 120%;
	height: 1px;
	background: var(--border_color);

}

.details_des .btnbox {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	box-sizing: border-box;
}

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

}


.details_des .btnbox .btn b {
	box-sizing: border-box;
	height: 55px;
	width: 186px;
	background: transparent;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;

	color: var(--i_color);
	border-radius: 0.05rem;
	cursor: pointer;
}

.details_des .btnbox .btn:hover {
	background: var(--i_color);
}

.details_des .btnbox .btn:hover b {
	color: #fff;
}


.details_des .btnbox .btnn b.fff {
	background: #fff;
	border: 1px solid rgba(153, 153, 153, 0.6);
	color: #333;
}
.details_des .btnbox .btnn b:hover {
	background: #000;
	color: #fff;
}
.share {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.2rem;
	align-items: center;
}
.share p {}


.share a {
	display: block;
	width: 31px;
	height: 31px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: var(--border_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	border-radius: 0.05rem;
}

.share a:hover {
	background: var(--btn_color2);
}
.share iconify-icon {
	font-size: 0.18rem;
	color: #fff;
}
.share iconify-icon:hover {}

.details_des .fz26.fb {
	color: var(--i_color);
}

.btn.f b {
	color: #0050CD;
	background: #fff !important;
	border: 1px solid #0050CD;
	border-radius: 0.05rem;
	overflow: hidden;
}
@media screen and (max-width:1440px) {
	.details_des h1 {
		font-size: 0.28rem;
	}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.details_des h1 {
		font-size: 0.25rem;
	}
}
@media screen and (max-width:1024px) {

	.details_des .btnbox .btn b {
		width: auto;
	}

	.details_des .btnbox .btn b {
		height: auto;
		padding: 10px 20px;
	}

	.details_des .btnbox {
		align-items: center;
	}

	.share {
		margin-left: 0rem;
	}

	.share a {
		width: 30px;
		height: 30px;
	}

	.details_des .fz26.fb {
		margin: 0.1rem 0;
	}

	.share a iconify-icon {
		font-size: 0.15rem;
	}

	.details_des .btnbox {
		padding: 0.2rem;
	}

	.details_des h1 {
		font-size: 0.22rem;
	}
	.details_list .swiper-slide {
		box-sizing: border-box;
		border: none;
	}
	.details_list .swiper-slide img {
		width: 100%;
		height: 100%;
	}
	.details_des h1 {
		margin-bottom: 0.1rem;
	}
	.details_box .wrap .left {
		width: 100%;
		margin-bottom: 0.2rem;
	}
	.details_box .wrap .right {
		width: 100%;
	}
	.details_des .cs_list {
		margin-bottom: 0.1rem 0;
	}
	.details_des .btnbox {}
	.details_des .btnbox .btnn b {
		padding: 0.1rem 0;
		width: 100%;
		display: block;
		text-align: center;
	}
	.details_des .btnbox .btnn {
		width: 48%;
	}
	.details_box .wrap .left .swiper-wrapper {
		width: 98%;
		margin: 0 auto;
	}
	.details_des .tblist li {
		width: 100%;
	}
	.details_des .tblist li:not(:last-child) {
		margin-bottom: 0.1rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}
.dtopbox {
	box-sizing: border-box;
}
.bgfff {
	padding: 0 0.3rem;
	box-sizing: border-box;
}
.flex {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 20px;
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.dtopbox {
		padding: 0;
	}
	.bgfff {
		padding: 0.2rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}



.p_content {}

.p_content_nav {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 .6rem;
	position: relative;
	justify-content: center;
}

.p_content_nav::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: var(--border_color);
}

.p_content_nav li {
	padding: .28rem 0;
	position: relative;
	cursor: pointer;
}

.p_content_nav li::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 0;
	width: 0;
	height: 3px;
	background: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.p_content_nav p {
	font-size: 0.24rem;
	color: #333;
	font-family: 'rbtb';
}


.p_content_nav li.active p {
	color: var(--i_color3) !important;
	font-weight: bold;
}
.p_content_nav li.active::before {
	width: 100%;
}


.p_content_nav li::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 0px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid var(--i_color);
	opacity: 0;
}

.p_content_nav li.active::after {
	opacity: 1;
}

.p_content_nav li.active p {
	color: #333;
}

.p_content_show {}

.p_content_show dt {
	display: none;
	position: relative;
}

.p_content_show dt.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) {

	.p_content_nav p {
		font-size: 0.18rem;
	}

}

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

	.p_content_nav {
		gap: 0 4%;
	}

	.p_content_nav li {
		width: 48%;
	}

	.p_content_nav p {
		font-size: 0.17rem;
	}

}

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

	.p_content_nav li::before {
		height: 2px;
	}

	.p_content_nav p {
		font-size: 0.16rem;
	}

}

.p_faq {}

.p_faq li {}
.p_faq .tit {
	padding: .26rem 0.26rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	cursor: pointer;
	border-bottom: 1px solid var(--border_color);
	box-sizing: border-box;


}

.p_faq .tit.active {
	border-top: 1px solid var(--i_color);

}
.p_faq .tit p {
	font-size: 0.24rem;
	font-weight: bold;
}
.p_faq .txt {
	display: none;
	margin-bottom: 0.1rem;
	padding: 0 0.26rem;
	padding-bottom: 0.15rem;
	box-sizing: border-box;


}

.p_faq .tit.active {
	border-bottom: 1px solid transparent;
}

.p_faq .txt span {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	font-size: 0.2rem;
}



.p_faq em {
	flex-shrink: 0;
	display: table;
	width: 26px;
	height: 26px;
	line-height: 26px;
	margin-right: 0.25rem;
	text-align: center;
	font-size: 0.18rem;
	color: #FFF;
}

.p_faq .tit em {
	background: #666;
}

.p_faq .txt em {
	background: var(--i_color);
}



@media screen and (max-width:1024px) {
	.p_faq .tit p {
		font-size: 0.16rem;
	}

	.p_faq .tit {
		padding: .2rem 0.26rem;
	}

}


.cates2 {
	position: sticky;
	top: 0;
	height: 80px;
}




.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 {}


.n_p iconify-icon {
	color: #666;
	font-size: 0.28rem;
}

.n_p a:hover iconify-icon {
	color: var(--i_color);
}

.n_p a:hover {}
.n_p a p {}



.n_t {}

.n_t .tag {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	border-bottom: 1px solid var(--border_color);
	align-items: center;
}

.n_t .tag p {}

.n_t .tag li a {
	padding: 10px 15px;
	background: #f3f3f3;
	border-radius: 0.05rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	display: table;
}
.n_t .tag li a:hover {
	color: #fff;
	background: var(--i_color);
}











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

.why ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: .3rem 2%;
}

.why ul li {
	width: 49%;
	box-sizing: border-box;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #fff;
}


.why ul li .img {
	width: 48%;
	position: relative;
	padding-bottom: 41%;
	overflow: hidden;
}

.why ul li:hover .img::before {
	height: 0;
}

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

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

.why ul li .img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.why ul 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;
}

.why ul li .txt {
	width: 52%;
	padding: 0 0.2rem;
	box-sizing: border-box;
}


.why ul li h6 {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: start;
	gap: 0 .1rem;
	margin-bottom: 0.05rem;
}

.why ul li h6 img {
	margin-top: 0.07rem;
}


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


	.why ul li .img {
		width: 100%;
	}

	.why ul li .img::before {
		display: none;
	}
	.why ul li .txt {
		width: 100%;
		padding: 0.2rem;
	}

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


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

}
.re_list .swiper-slide {
	box-sizing: border-box;
	flex-shrink: 0;
	position: relative;
	background: #fff;
}

.re_list .swiper-slide .img {
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
}

.re_list .swiper-slide:hover .pbtn {
	background: var(--i_color);
	color: #fff;
}

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

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

}

.re_list .swiper-slide .txt p {}

.re_list .swiper-slide .txt h6 {}

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


.re-prev,
.re-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
}
.re-prev {
	left: 5%;
}
.re-next {
	right: 5%;
}
.re-prev iconify-icon,
.re-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.3rem;
	color: #FFF;
}
.re_list .swiper-button-disabled {
	cursor: not-allowed
}
.re-prev:hover,
.re-next:hover {
	background: var(--i_color);
}

.re-pagination {
	display: block;
	margin-top: 0.3rem;
	text-align: center;
	padding-bottom: 0.1rem;

}
.re-pagination .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	display: inline-block;
	margin: 0 6px;
	background: #CCC;

	outline: none;
	cursor: pointer;
}
.re-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) {
	.re-prev,
	.re-next {
		display: none;
	}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}






.app_list {}
.app_list li {
	position: relative;
}



.app_list li:hover::before {
	background: var(--i_color);
}

.app_list li::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -60px;
	width: 100%;
	height: 1px;
	background: var(--border_color);
}

.app_list li:nth-child(1)::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: -60px;
	width: 100%;
	height: 1px;
	background: var(--border_color);
}


.app_list li a {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.app_list li .img {
	width: 57%;
	position: relative;
	padding-bottom: 32%;
	overflow: hidden;
}
.app_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;
}
.app_list li .txt {
	width: 38%;
	padding: 0.2rem 0;
	box-sizing: border-box;
}


.app_list li .txt p {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	color: #333;
	position: relative;


}

.app_list li .txt p i {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	font-size: 1.2rem;
	color: #999;
	opacity: 0.2;
}

.app_list li .txt h6 {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	color: #333;
}


.app_list li .txt h5 {
	display: inline;
	position: relative;
	color: var(--i_color);
}

.app_list li .txt h5::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: var(--i_color);

}

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



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


@media screen and (max-width:1440px) {
	.app_list li::before {
		display: none;
	}

	.app_list li::after {
		display: none;
	}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {

	.app_list li {
		margin: 0.2rem 0;
	}

	.app_list {
		padding-bottom: 0;
	}



	.app_list li .img {
		order: -5;
	}
	.app_list li {
		box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 38px 0px;
	}

	.app_list li .img {
		width: 100%;
		padding-bottom: 56%;
		margin-bottom: 0.1rem;
	}

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

	.app_list li i {
		display: none;
	}
	.app_list li .txt {
		width: 100%;
		padding: 0.2rem;
	}

	.app_list li .txt h6 {
		margin: 0.15rem 0;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}



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

	background: var(--bjs);
}
.app_details .wraps {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	position: relative;
}

.app_details .wraps .left {
	width: 51.5%;
}

.app_details .wraps .left img {
	width: 100%;
}

.app_details .wraps .right {
	width: 58%;
	box-sizing: border-box;
	padding: 0.5rem 0.6rem;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 18px 0px;


	position: absolute;
	right: 0;
	background: #fff;
	border-top: 4px solid var(--i_color);
	border-radius: 0.05rem;
	bottom: -30px;

}


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

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

	.app_details .wraps .right {
		width: 100%;
		position: static;
		padding: 0.2rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}




.bennefits {}
.bennefits .p3_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 35px 2%;
}


.bennefits .p3_list li {
	width: 49%;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	background: var(--bjs);
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0 20px;
	padding: 0.6rem 0.25rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}


.bennefits .p3_list li .lbx {
	width: 84px;
	height: 94px;
	background: #fff;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);


}


.bennefits .p3_list li:hover {
	box-shadow: rgba(0, 89, 170, 0.18) 0px 2px 8px 0px;
	background: #fff;
}

.bennefits .p3_list li:hover .lbx {

	background: var(--i_color);
	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) {

	.bennefits .p3_list li .lbx {
		width: 50px;
		height: 55px;
		margin: 0 auto;
		margin-bottom: 0.2rem;
		background: var(--i_color);
		color: #fff;
	}

	.bennefits .p3_list li {
		flex-wrap: wrap;
		padding: 0.2rem;
	}

	.bennefits .p3_list li p {
		display: block;
		width: 100%;
	}

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


.bjs {
	background: var(--bjs);
}


/* 产品页1 */
.related {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 60px 2.4%;
}

.related li {
	width: 23.2%;
	box-sizing: border-box;
	background: #fff;
}

.related li .img {
	position: relative;
	padding-bottom: 82%;
	overflow: hidden;
}


.related li:hover .pbtn {
	background: var(--i_color);
	color: #fff;
}

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

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

.related li .btn {}
.related li .btn b {}

.related li .txt p {

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

.related li .txt h6 {
	margin: 0.1rem 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.related li:hover 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) {

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




.iclistnums2 {}
.i_ab2 .ab_wrap .txt>img {
	z-index: 2;
}

.iclistnums2 .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}



.iclistnums2 article {
	width: 50%;
}



.iclistnums2 .ic_list4 {
	width: 44%;
	box-sizing: border-box;
}

.iclistnums2 ul li {
	width: 38%;
}

.iclistnums2 ul li:nth-child(3) {
	width: 44% !important;
}


.iclistnums2 .vsss {
	position: relative;
}

.iclistnums2 .vsss img {
	width: 100%;
	object-fit: cover;
}

.iclistnums2 .imgs2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* width: 86px;
	height: 93px; */


}
.i_ab2 .i_v_btn {}

.b0r0 {
	background: transparent !important;
	border-radius: 0 !important;
	cursor: pointer;
}


.iclistnums2 .imgs2 img {
	height: 93px;
	width: 86px;

}

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

	.iclistnums2 .vsss {
		margin-top: 0;
	}
	.iclistnums2 article {
		width: 100%;
	}
	.iclistnums2 .ic_list4 {
		width: 100%;
	}

	.iclistnums2 .imgs2 img {
		height: 0.5rem;
		width: 0.45rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}



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

.xxxbox2 .tab-list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 80px;
	position: relative;
}

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

}



.xxxbox2 .tab {
	padding: 30px 10px;
	cursor: pointer;
	border-bottom: none;
	position: relative;
}


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

}
.xxxbox2 .tab::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 2px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid var(--i_color);
	z-index: 9;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
	-webkit-transition: all .7s ease;
	transition: all .7s ease;
}


.xxxbox2 .tab.active {
	color: var(--i_color);
	font-family: 'rbtb';
	font-weight: bold;
}
.xxxbox2 .tab.active::before {
	width: 100%;
}
.xxxbox2 .tab.active::after {
	opacity: 1;
}

.xxxbox2 .tab-content {
	box-sizing: border-box;
}

.xxxbox2 .content {
	display: none;
}

.xxxbox2 .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) {
	.xxxbox2 .tab {
		width: 100%;
		padding: 10px;
	}

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



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

}
.pline_list .swiper-slide {
	box-sizing: border-box;
	flex-shrink: 0;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.pline_list .swiper-slide .img{
	-webkit-transition:all .5s ease; transition:all .5s ease;
}

.pline_list .swiper-slide:hover .img {
	background: var(--i_color);
}



.pline_list .swiper-slide .img {
	position: relative;
	padding-bottom: 84%;
	overflow: hidden;
	box-sizing: border-box;
	background: #f3f3f3;
}
.pline_list .swiper-slide .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 93%;
	height: 93%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

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

}

.pline_list .swiper-slide .txt p {
	text-transform: capitalize;
}

.pline_list .swiper-slide .txt h6 {}




.iconbox {
	justify-content: center;
}

.pline-prev,
.pline-next {



	width: .88rem;
	height: .49rem;
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	border: 1px solid #666;
	border-radius: 0.05rem;

}
.pline-prev {}
.pline-next {}
.pline-prev iconify-icon,
.pline-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.3rem;
	color: #666;
}
.pline_list .swiper-button-disabled {
	cursor: not-allowed
}
.pline-prev:hover,
.pline-next:hover {
	background: var(--i_color);
}

.pline-prev:hover iconify-icon,
.pline-next:hover iconify-icon {
	color: #fff;
}


.pline-pagination {
	margin-top: 0.3rem;
	text-align: center
}
.pline-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;
}
.pline-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) {
	.pline-prev,
	.pline-next {
		display: none;
	}
}
@media screen and (max-width:1024px) {

	.pline_swipers {
		padding-bottom: 0rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}







.aiclist {

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

.aiclist ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	/* border-top: 1px solid var(--border_color);
	border-left: 1px solid var(--border_color); */
	background: #fff;
}

.aiclist ul li {
	width: 16.6666%;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
	padding-bottom: 13%;
	overflow: hidden;
	border-bottom: 1px solid var(--border_color);
	border-right: 1px solid var(--border_color);

}
.aiclist ul li:nth-child(6) {
	border-right: none;
}

.aiclist ul li:nth-child(12) {
	border-right: none;
}
.aiclist ul li:nth-child(18) {
	border-right: none;
}

.aiclist ul li img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: contain;
}
.aiclist ul li p {
	margin: 0.2rem 0;
}
.aiclist ul li h6 {}
.aiclist ul li:nth-child(13) {
	border-bottom: none;
}
.aiclist ul li:nth-child(14) {
	border-bottom: none;
}
.aiclist ul li:nth-child(15) {
	border-bottom: none;
}
.aiclist ul li:nth-child(16) {
	border-bottom: none;
}
.aiclist ul li:nth-child(17) {
	border-bottom: none;
}
.aiclist ul li:nth-child(18) {
	border-bottom: 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) {

	.aiclist ul {

		border-top: 1px solid var(--border_color) !important;
		border-left: 1px solid var(--border_color) !important;

	}

	.aiclist ul li {

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

	}

	.aiclist ul li {
		padding-bottom: 20%;
	}

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

	.aiclist ul li {
		width: 50%;
		box-sizing: border-box;
	}


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




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

}
.pcert_list .swiper-slide {
	box-sizing: border-box;
	flex-shrink: 0;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: translate(0, 50px);
}

.pcert_list .swiper-slide .img {
	position: relative;
	padding-bottom: 124%;
	overflow: hidden;
}
.pcert_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;
}

.pcert_list .swiper-slide .txt {
	padding: 0.1rem 0.2rem;
	box-sizing: border-box;

}

.pcert_list .swiper-slide .txt p {
	text-transform: capitalize;
}

.pcert_list .swiper-slide .txt h6 {}

.pcert_list .swiper-slide:hover {
	-webkit-transform: translate(0, 0px);
	transform: translate(0, 0px);

}


.pcert-prev,
.pcert-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
}
.pcert-prev {
	left: 5%;
}

.wz3d {
	color: #3d3d3d;
}

.pcert-next {
	right: 5%;
}
.pcert-prev iconify-icon,
.pcert-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.3rem;
	color: #FFF;
}
.pcert_list .swiper-button-disabled {
	cursor: not-allowed
}
.pcert-prev:hover,
.pcert-next:hover {
	background: var(--i_color);
}
.pcert-pagination {
	text-align: center
}
.pcert-pagination .swiper-pagination-bullet {
	display: inline-block;
	margin: 0 6px;
	background: #999;
	outline: none;
	cursor: pointer;
}
.pcert-pagination .swiper-pagination-bullet-active {
	background: var(--i_color)
}
.op {
	opacity: 0;
}
@media screen and (max-width:1440px) {
	.pcert_list .swiper-slide {
		box-sizing: border-box;
		flex-shrink: 0;
		position: relative;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;

		-webkit-transform: translate(0, 0);

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

	.op {
		opacity: 1;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}


.cates {}


.cates ul {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0 120px;
}

.cates ul a {
	display: table;
	padding: 0.3rem 0;
	box-sizing: border-box;
	text-transform: capitalize;
	position: relative;
}

.cates ul a::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -1px;
	width: 0%;
	height: 3px;
	background: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

}

.cates ul a::after {
	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;

}

.cates ul a:hover::before {
	width: 100%;

}

.cates ul a:hover::after {
	opacity: 1;
}

.cates ul a.active::before {
	width: 100%;

}

.cates ul a.active {
	font-weight: bold;
}

.cates ul a.active::after {
	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) {
	.cates ul a {
		padding: 0.2rem 0;
	}

	.cates ul {
		gap: 0 60px;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}



.newlist2 {}
.newlist2 .p3_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 60px 3.5%;
}


.newlist2 .p3_list li {
	width: 31%;
	box-sizing: border-box;
	border-bottom: .01rem solid var(--border_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.newlist2 .p3_list li:hover {
	box-shadow: rgba(0, 89, 170, 0.1)0px 2px 38px 0px;
	border-color: var(--i_color);
}
.newlist2 .p3_list li .img {
	position: relative;
	padding-bottom: 75%;
	overflow: hidden;
}

.newlist2 .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;
}
.newlist2 .p3_list li .txt {
	padding: 0.2rem;
	box-sizing: border-box;
}
.newlist2 .p3_list li .txt p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

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

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

.newlist2 .p3_list li h4 {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 .05rem;
}



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

	.newlist2 .p3_list {
		gap: 30px 0;
	}

	.newlist2 .p3_list li {
		width: 100%;
		box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 38px 0px;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}





.contact {}

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

.contact ul li {
	width: 23.6%;
	box-sizing: border-box;
	border: 1px solid var(--border_color);
	text-align: start;
	padding: 0.2rem 0.2rem;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	border-radius: 0.05rem;

}

.contact ul li .img {
	width: 57px;
	height: 57px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: #f3f3f3;
	flex-shrink: 0;
	border-radius: 0.05rem;
	overflow: hidden;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;

}

.contact ul li img {

	height: 0.33rem;
}
.contact ul li p {
	padding-bottom: 0.18rem;
	border-bottom: 2px solid #f3f3f3;
	position: relative;
	margin-bottom: 0.18rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	text-transform: capitalize;
}
.contact ul li p::before {
	content: '';
	position: absolute;
	left: 0%;
	bottom: -2px;
	width: 60%;
	height: 2px;
	background: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.contact ul li h6 {}


.contact ul li:hover {
	background: #f3f3f3;
	border-color: transparent;
}


.contact ul li:hover .img {
	background: var(--i_color);
}

.contact ul li:hover .img img {
	filter: contrast(0) brightness(20);
}

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

.contact ul li:hover p::before {
	width: 100%;
}


.contact ul li a:hover {
	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) {

	.contact ul li .img {
		width: 50px;
		height: 50px;
	}
	.contact ul {}

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

	.contact ul li .img img {
		height: 0.25rem;
	}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {
	.contact ul li {
		width: 100%;
	}
}



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

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

.formmap .wrap .right {
	width: 49%;
}

.formmap .wrap .right iframe {
	height: 622px;
	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) {

	.formmap .wrap .right iframe {
		height: 350px;
		width: 100%;
	}

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

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



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

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

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

#wpforms-104 .wpforms-field-container .wpforms-field>input,
#wpforms-104 .wpforms-field-container textarea,
#wpforms-104 .wpforms-field-container select,
#wpforms-104 .wpforms-field-container .choices {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0 0;
	background: #fff !important;
	border: 1px solid var(--border_color);
	border-radius: 0.05rem;
	height: var(--wpforms-field-size-input-height);
}


#wpforms-104 .wpforms-field-container .wpforms-field>input::placeholder {
	color: #333;
}
#wpforms-104 .wpforms-field-container .wpforms-field>input,
#wpforms-104 .wpforms-field-container textarea,
#wpforms-104 .wpforms-field-container select {
	padding-left: 14px;
	padding-right: 14px;
	background: #f3f3f3;
	padding: 0.2rem 0.2rem;
}
#wpforms-104 .wpforms-field-container textarea {
	height: 1.5rem;
}
#wpforms-104 .wpforms-field-container fieldset ul {
	padding: 0 2px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
#wpforms-104 .wpforms-field-container select {
	cursor: pointer;
}
#wpforms-104 .wpforms-field-container .wpforms-datepicker-wrap {
	width: 310px;
}
#wpforms-104 .wpforms-field-container .wpforms-datepicker-wrap input {
	width: 100%;
	max-width: 100%;
}
#wpforms-104 .wpforms-field-container .wpforms-datepicker-clear {
	right: 10px;
}
#wpforms-104 .wpforms-field-container em.wpforms-error,
#wpforms-104 .wpforms-field-container .mailcheck-error {
	position: absolute;
	margin: 0 0;
	bottom: -2px;
}

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

#wpforms-104 .wpforms-submit-container {
	width: 100%;
	margin: 0 auto;
}
#wpforms-104 .wpforms-submit-container button {
	width: 100%;
	background: var(--i_color);
	padding: 0.15rem 0;
	color: #fff;
	cursor: pointer;
	height: var(--wpforms-field-size-input-height);
}
#wpforms-104 .wpforms-submit-container img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 4px;
	z-index: 2;
	display: none;
}
#wpforms-104 .wpforms-submit-container button:hover {
	opacity: 0.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) {
	#wpforms-104 {
		--wpforms-field-size-input-height: 42px;

	}
}
@media screen and (max-width:768px) {
	#wpforms-104 .wpforms-field-container>.wpforms-field {
		width: 100% !important;
		margin-bottom: 0.1rem;
	}
}
@media screen and (max-width:560px) {

	#wpforms-104 .wpforms-submit-container {
		width: 140px;
	}

	#wpforms-104 .wpforms-submit-container button {
		padding: 0.12rem 0;
	}
}

.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) {}


.botbtn {}


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

	}

}


/* Breadcrumb */
.in_position2 {
	padding: .2rem 0;
	background: #f3f3f3;
	position: relative;
}
.in_position2 .wrap {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.in_position2 a {
	display: block;
	font-size: 15px;
	color: #333;
	position: relative;
	line-height: 20px;
	text-transform: capitalize
}
.in_position2 a:first-child {
	padding-left: 0.26rem;
}
.in_position2 a:first-child::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 18px;
	height: 18px;
	background: url('https://lingjuimg.com/wp-content/uploads/gangwei/2025/02/lj.png') no-repeat center;
	background-size: contain;
}
.in_position2 a:not(:last-child):after {
	content: "/";
	margin: 0 4px;
	color: #555
}
.in_position2 a:last-child {
	color: var(--i_color) !important
}
.in_position2 a:hover {
	color: var(--i_color)
}
@media screen and (max-width:1024px) {
	.in_position2 {
		padding: .16rem 0;
	}
	.in_position2 a {
		font-size: 14px
	}
}
@media screen and (max-width:560px) {
	.in_position2 {
		padding: .12rem 0;
	}
	.in_position2 a {
		font-size: 13px
	}
}



.cates333 {
	z-index: 9999;
	transition: top 0.3s ease, position 0.3s ease;
	background: #f3f3f3;
	width: 100%;

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

}

.cates333.highlight {
	position: fixed;

	left: 50%;
	transform: translate(-50%, 0);
	z-index: 9999;
	top: var(--top_h);

}


.p_faq .tit.active {
	background: #fff;
}

.p_faq .txt.active {
	background: #fff;
}



.i_a_v2 {
	position: relative;
}


.i_a_v2::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: 0px;
	width: 100%;
	height: 80%;
	background: url(https://lingjuimg.com/wp-content/uploads/gangwei/2025/03/jx.png) no-repeat center;
	background-size: cover;
	z-index: -9999;

}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {
	.i_a_v2::before {
		display: none;
	}
}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}