/*

Theme Name: JingYi

Version: 1.0

Description: 安徽领聚数字作为Google中国区核心合作伙伴,拥有安徽省唯一的一家Google出海体验中心,为安徽本土化外贸企业出海提供一站式服务——网站搭建,谷歌SEO优化,谷歌竞价,谷歌SNS社媒营销等。

Author: 版权所有：安徽领聚

*/

@charset "utf-8";



.wrap {

	width: 72.92%;

	margin: 0 auto
}



.wrap2 {

	width: 80.92%;

	margin: 0 auto
}




.wrap_top {

	width: 92%;

	margin: 0 auto
}

.wrap_82 {

	width: 82%;

	margin: 0 auto
}

.wrap_left {

	padding-left: 13.54%;

	box-sizing: border-box;

}

.wrap_right {

	padding-right: 13.54%;

	box-sizing: border-box;

}

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

	.wrap {

		width: 80%
	}
	.wrap2 {

		width: 80%
	}

	.wrap_left {
		padding-left: 10%;
	}

	.wrap_right {
		padding-right: 10%;
	}

	.wrap_82 {

		width: 92%;

	}

}

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

	.wrap {

		width: 88%
	}
	.wrap2 {

		width: 88%
	}

	.wrap_left {
		padding-left: 6%;
	}

	.wrap_right {
		padding-right: 6%;
	}

	.wrap_82 {

		width: 96%;

	}

}

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

	.wrap_top {

		width: 96%;

	}

}

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

	.wrap {

		width: 94%
	}

	.wrap2 {

		width: 94%
	}

	.wrap_left {
		padding-left: 3%;
	}

	.wrap_right {
		padding-right: 3%;
	}

	.wrap_top {

		position: initial;

	}

}





:root {

	--i_color: #093290;

	/* 全局颜色 */

	--i_color2: #2EACEB;

	/* 副颜色 */

	--i_color3: #200C5D;

	--header_height: 1rem;

	/* 头部高度 */

	--border_color: rgba(0, 0, 0, .1);

	/* 默认边框颜色 */

	--f_menu_height: 50px;

	/* 移动端底部菜单 */

}



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

	:root,

	header {

		--header_height: .6rem;

	}

}

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

	:root {

		--border_color: rgba(0, 0, 0, .06)
	}

}



@font-face {

	font-family: 'Poppins';

	src: url('static/webfonts/Poppins-Regular.ttf');

}

@font-face {

	font-family: 'med';

	src: url('static/webfonts/Poppins-Medium.ttf');

}

@font-face {

	font-family: 'bold';

	src: url('static/webfonts/Poppins-Bold.ttf');

}

body {

	font-family: 'Poppins', 'Arial', sans-serif;

}



/* header */

header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 2014;

}

header::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0%;

	height: 1px;

	background: var(--border_color);

	z-index: 2014;

}



.top_cont {

	position: relative;

	z-index: 2013;

}

.top_cont::after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: var(--i_color);

	z-index: -1;

	transition: all 0.3s ease;

}

.top {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	position: relative;

}

.TopHeader .top_cont::after {}



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

	header {

		top: 0;

		top: 0;

		width: 100%;

		box-shadow: 0 4px 10px rgba(0, 0, 0, .1);

	}

	/* .top_cont {

		background: #333 !important;

	} */

}

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





/* logo */

.logo {

	display: -webkit-flex;

	display: flex;

	align-items: center;

	height: var(--header_height);

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

}

.logo a {

	display: -webkit-flex;

	display: flex;

	align-items: center;

	height: 100%;

}

.logo img {

	height: 0.35rem;

}



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


}

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

	.logo img {

		height: 0.35rem;

	}



}

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

	.logo img {

		max-height: 50%;

	}



}

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

	.logo img {

		max-height: 40%;

	}



}










/* 导航 */

@media screen and (min-width:1025px) {

	.i_nav {

		margin-left: 2%;

		display: -webkit-flex;

		display: flex;

		flex-wrap: nowrap;

		z-index: 2014;

	}



	.i_nav>li {

		position: relative;

		margin: 0 .25rem;

	}



	.i_nav>li>a {

		display: block;

		font-size: .18rem;

		color: #fff;

		line-height: var(--header_height);

		white-space: nowrap;

		-webkit-border-radius: .08rem;

		border-radius: .08rem;

		text-transform: capitalize;

		position: relative;

	}

	.i_nav>li>a::after {

		content: '';

		position: absolute;

		bottom: 0.2rem;

		right: 0;

		width: 0;

		height: 0.03rem;

		background-color: var(--i_color2);

		transition: all 0.3s ease;

		border: 2px;

	}



	.i_nav>.current-menu-item>a,

	.i_nav>.current-category-ancestor>a,

	.i_nav>.current-post-ancestor>a,

	.i_nav>.current-menu-ancestor>a,

	.i_nav>.current-menu-parent>a,

	.i_nav>li:hover>a,

	.i_nav .curr>a {

		color: var(--i_color2) !important;

	}



	.i_nav>.current-menu-item>a::after,

	.i_nav>.current-category-ancestor>a::after,

	.i_nav>.current-post-ancestor>a::after,

	.i_nav>.current-menu-ancestor>a::after,

	.i_nav>.current-menu-parent>a::after,

	.i_nav>li:hover>a::after,

	.i_nav .curr>a::after {

		width: 100%;

		right: auto;

		left: 0;

	}



	.i_nav .sub-menu {
		display: none;
		position: absolute;
		border-top: 2px solid var(--i_color);
		background: #fff;
		min-width: 1.6rem;
	}
	.i_nav .sub-menu li {
		position: relative;
		width: 2.4rem;
	}
	.i_nav .sub-menu li::before,
	.i_nav .sub-menu li::after {
		content: '';
		position: absolute;
		bottom: 0;
		height: 1px;
	}
	.i_nav .sub-menu li::before {
		left: 0;
		width: 100%;
		background: rgb(0 0 0 / 8%);
	}
	.i_nav .sub-menu li::after {
		right: 0;
		width: 0;
		background: var(--i_color);
	}

	.i_nav .sub-menu>li>a {
		display: block;
		padding: 0 .2rem 0 .2rem;
		font-size: 0.15rem;
		color: #333;
		line-height: 0.44rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		position: relative;
		left: 0;
	}
	.i_nav .sub-menu>li>a::before {
		content: "\f324";
		font-family: "Font Awesome 5 Pro";
		font-weight: 300;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		left: -.16rem;
		font-size: 0.14rem;
		color: var(--i_color);
	}
	.i_nav .sub-menu>li:hover::after {
		right: initial;
		left: 0;
		width: 100%;
	}
	.i_nav .sub-menu>li:hover>a {
		left: .16rem;
	}
	.i_nav .sub-menu>li:hover>a {
		color: var(--i_color);
	}
	.i_nav .sub-menu>li:hover>a::before {
		left: 0;
	}
	.i_nav .sub-menu>li,
	.i_nav .sub-menu>li::after,
	.i_nav .sub-menu>li>a,
	.i_nav .sub-menu>li>a::before {
		-webkit-transition: all .5s ease;
		transition: all .5s ease
	}
    .i_nav .sub-menu .sub-menu{
		position: absolute;
		top: -2px;
		left: 2.4rem;
	}
    .solutions_top>.sub-menu>li{
		width: 2.4rem;
	}


}



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

	.i_nav>li {

		margin: 0 .2rem;

	}

}

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

	.i_nav>li {

		margin: 0 .16rem;

	}

	.i_nav>li>a {

		font-size: 0.15rem;

	}

}

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

	.i_nav>li {

		margin: 0 .14rem;

	}

	.i_nav>li>a {

		font-size: 0.14rem;

	}

}

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

	.i_nav {

		display: none;

		position: fixed;

		top: var(--header_height);

		left: 0;

		width: 100%;

		width: 100vw;

		max-height: calc(100vh - var(--header_height));

		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 i {

		display: block;

		position: absolute;

		top: 0;

		right: 0;

		width: .44rem;

		height: .44rem;

		background: #F1F1F1;

	}

	.i_nav>.menu-item-has-children i::before {

		content: '\f107';

		position: absolute;

		top: 50%;

		left: 50%;

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

		font-size: 0.26rem;

		color: #222;

	}



	.i_nav>.menu-item-has-children i.on::before {

		content: '\f106';

	}



	.i_nav>li>a {

		padding: 0 .2rem;

		font-size: .15rem;

		color: #222;

		line-height: .44rem;

		text-transform: uppercase;

	}



	.i_nav>li>.sub-menu {

		display: none
	}

	.i_nav>li>.sub-menu li {

		position: relative;

	}

	.i_nav .sub-menu a {

		padding: 0 .4rem;

		font-size: .14rem;

		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/imgs/public/arrow_down_hollow_hei.svg) no-repeat center;

		background-size: .16rem;

	}

	.i_nav>li>.sub-menu b.on {

		background: url(static/imgs/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
	}

}

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

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













/* 移动端导航按钮 */

.nav_menu {

	/* position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%); */

	position: relative;

	width: 22px;

	height: 16px;

	display: none;

	cursor: pointer
}

.nav_menu i {

	display: block;

	width: 100%;

	height: 3px;

	position: absolute;

	top: 50%;

	margin-top: -2px;

	background: #fff;

	border-radius: .1rem;

	transition: 0.5s
}

.nav_menu::before,

.nav_menu::after {

	content: "";

	width: 100%;

	height: 3px;

	background: #fff;

	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
	}



}





.top_r {

	--size: .2rem
}

.top_r {

	margin-left: auto;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	height: var(--header_height)
}







.top_email {}

.top_email a {

	display: block;

	margin-right: 0.2rem;

}

.top_email a iconify-icon {

	font-size: var(--size);

	color: #333;

	transition: all 0.3s ease;

}



.top_email a iconify-icon:hover {

	color: var(--i_color);

}











.top_search_ico {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	height: var(--header_height);

	margin-right: 0.2rem;

	position: relative;

}

.top_search_ico i {

	display: block;

	box-sizing: border-box;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

}

.top_search_ico::after {

	content: '';

	position: absolute;

	top: 50%;

	right: -0.2rem;

	transform: translate(0, -50%);

	width: 0.01rem;

	height: 0.2rem;

	background-color: rgba(255, 255, 255, 0.3);

}

.top_search_ico iconify-icon {

	font-size: var(--size);

	cursor: pointer;

	color: #fff;

	transition: all 0.3s ease;

}

.top_search_ico.on iconify-icon {

	color: var(--i_color2);

}





.top_language {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	height: var(--header_height);

	position: relative;

}

.top_language_all {

	display: inline-block;

	height: 0.46rem;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	box-sizing: border-box;

	padding: 0 0.2rem;

	cursor: pointer;

}

.top_language_all p {

	font-size: 0.18rem;

	color: #fff;

	margin-right: 0.05rem;

	transition: all 0.3s ease;

	font-family: 'Roboto';

}

.top_language_all iconify-icon {

	font-size: var(--size);

	cursor: pointer;

	color: #fff;

	line-height: 100%;

	transition: all 0.3s ease;

}

.top_language.on p {

	color: var(--i_color2);

}

.top_language.on iconify-icon {

	color: var(--i_color2);

}







.language_list {

	opacity: 0;

	visibility: hidden;

	position: absolute;
	top: calc(var(--header_height) + .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;

	visibility: visible;

	top: var(--header_height);

}



.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_color);
	-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: var(--i_color);
}



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

	.top_language_all p {

		font-size: 0.16rem;

	}

}

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

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













.top_language,

.top_language>iconify-icon {

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease
}

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

	.top_language {

		margin-left: .2rem;

	}

	.top_search_ico i {

		width: 0.4rem;

		height: 0.4rem;

	}

	.top_language_all {

		height: 0.4rem
	}

	.top_r {

		--size: .18rem
	}

	.top_language_all p {

		font-size: 0.16rem;

	}

}

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

	.top_search_ico i {

		width: 0.35rem;

		height: 0.35rem;

	}

	.top_language_all {

		height: 0.35rem
	}

}

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







header,

.top_cont,

.logo,

.logo img,

.i_nav>li,

.i_nav>li>a,

.top_r {

	-webkit-transition: all .7s ease;

	-moz-transition: all .7s ease;

	-ms-transition: all .7s ease;

	-o-transition: all .7s ease;

	transition: all .7s ease
}













/* search main */

.top_search {

	--search_height: .38rem
}

.top_search {

	position: fixed;

	top: -1rem;

	left: 0;

	width: 100%;

	padding: .16rem 0;

	background: #FFF;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

	z-index: 2000;

}

.top_search.on {

	top: var(--header_height);

	box-shadow: 0 0.06rem 0.1rem rgb(0 0 0 / 8%);

}

.top_search form {

	width: 80%;

	margin: 0 auto;

	max-width: 5rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	box-sizing: border-box;

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

	overflow: hidden;

}

.top_search_ipt {

	width: calc(100% - var(--search_height));

	height: var(--search_height);

	box-sizing: border-box;

	padding: 0 0 0 .12rem;

	border-radius: 0;

}

.top_search_btn {

	font-size: 0;

	width: calc(var(--search_height));

	height: var(--search_height);

	background: var(--i_color) url(static/imgs/search.svg) no-repeat center;

	background-size: .2rem;

	cursor: pointer;

	border-radius: 0;

}



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



	.top_search_ico {

		margin-right: 0.3rem;

	}

}

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

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

	.top_r {

		margin-left: auto;

	}

	.top_search_ico {

		margin-right: 0;

	}

}

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

	.top_search {

		--search_height: .34rem
	}

	.top_search {

		padding: .12rem 0;

	}

}

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

	.top_search form {

		width: 94%;

	}

	.top_search_btn {}

}









/* 导航下拉 */

/* products */

@media screen and (min-width:1025px) {

	.xiala {

		position: fixed;

		top: calc(var(--header_height) + var(--header_top));

		left: 0;

		width: 100%;

		background-color: rgba(255, 255, 255, 0.95);

		box-sizing: border-box;

		padding: 0.4rem 0;

		display: none;



	}

	.xiala_ul {

		display: flex;

		display: -webkit-flex;

		justify-content: center;

	}

	.xiala_ul>li {

		width: 2.8rem;

		margin: 0 0.2rem;

		position: relative;

	}

	.xiala_ul li h2 {}

	.xiala_ul li h2 a {

		font-size: 0.24rem;

		color: #222;

		font-weight: bold;

		box-sizing: border-box;

		padding-bottom: 0.1rem;

		border-bottom: 1px solid #DBDBDB;

		transition: all 0.3s ease;

		position: relative;

	}

	.xiala_ul li h2 a::after {

		content: '';

		position: absolute;

		bottom: -1px;

		left: 0;

		width: 0;

		height: 0.02rem;

		background-color: var(--i_color);

		transition: all 0.3s ease;

	}

	.xiala_ul li h2 a:hover {

		color: var(--i_color);

	}

	.xiala_ul li h2 a:hover::after {

		width: 100%;

	}

	.xiala_ul_dl {

		display: flex;

		display: -webkit-flex;

		flex-direction: column;

		gap: 0.15rem 0;

		margin-top: 0.3rem;

	}

	.xiala_ul_dl dt {}

	.xiala_ul_dl dt a {

		font-size: 0.18rem;

		color: #585858;

		position: relative;

		padding-left: 0rem;

		transition: all 0.3s ease;

	}

	.xiala_ul_dl dt:hover a {

		padding-left: 0.2rem;

	}

	.xiala_ul_dl dt a:hover {

		color: var(--i_color);

	}

	.xiala_ul_dl dt a::after {

		content: '';

		position: absolute;

		left: -0.1rem;

		top: 0px;

		width: 0.12rem;

		height: 0.17rem;

		background: url('static/imgs/logo.png') no-repeat center;

		background-size: contain;

		opacity: 0;

		transition: all 0.3s ease;

	}

	.xiala_ul_dl dt:hover a::after {

		opacity: 1;

		left: 0rem;

	}





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

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

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

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

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



}



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

	.xiala {
		display: none;
	}

}







.top_phone {

	display: inline-block;

	box-sizing: border-box;

	padding: 0 0.4rem;

	background-color: var(--i_color2);



}

.top_phone a {

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	width: 100%;

	height: var(--header_height);

}

.top_phone a iconify-icon {

	font-size: 0.24rem;

	color: var(--i_color);

}

.top_phone a p {

	font-size: 0.2rem;

	color: #fff;

	font-weight: bold;

	margin-left: 0.1rem;

}







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

	.top_phone a iconify-icon {

		font-size: 0.22rem;

	}

	.top_phone a p {

		font-size: 0.18rem;

	}

	.top_phone {

		padding: 0 0.35rem;

	}

}

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

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

	.top_phone a iconify-icon {

		font-size: 0.2rem;

	}

	.top_phone a p {

		font-size: 0.16rem;

	}

	.top_phone {

		padding: 0 0.3rem;

	}

}

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

	.top_phone {
		margin-left: 0.2rem;
	}

}

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

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

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

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







/* banner */

.banner {

	/* position: fixed; */

	margin-top: var(--header_height);

	left: 0;

	width: 100%;

	height: calc(100vh - var(--header_height));

	overflow: hidden;



}

.banner .swiper-container {

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	list-style: none;

	padding: 0;

	z-index: 1;

}

.banner .swiper-wrapper {

	display: flex;

	position: relative;

	width: 100%;

	z-index: 1
}

.banner .swiper-slide {

	height: 0;

	padding-bottom: calc(100vh - var(--header_height));

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	position: relative;

	overflow: hidden
}

.banner .swiper-slide>img,
.banner .swiper-slide video {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;


}

.banner .swiper-slide video {
	object-fit: cover;
}

#b_has_v{
	position: relative;
	z-index: 2;
}
#b_has_v::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);

}


.banner-button-prev,

.banner-button-next {

	position: absolute;

	top: 48%;

	transform: translate(0, -50%);

	width: .5rem;

	height: .5rem;

	background: rgb(0 0 0 / 30%);

	z-index: 999;

	outline: none;

	cursor: pointer;

	-webkit-user-select: none;

	user-select: none;

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	overflow: hidden;

	-webkit-transition: all .3s ease;

	transition: all .3s ease
}

.banner-button-prev {

	left: -.6rem;

}

.banner-button-next {

	right: -.6rem;

}

.banner-button-prev i,

.banner-button-next i {

	position: absolute;

	top: 50%;

	left: 50%;

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

	font-size: 0.24rem;

	color: #FFF;

}

.banner:hover .banner-button-prev {

	left: .3rem
}

.banner:hover .banner-button-next {

	right: .3rem
}

.banner-button-prev:hover,

.banner-button-next:hover {

	background-color: var(--i_color)
}





.banner-pagination {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 6%;
	cursor: pointer;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	z-index: 10;
	/* background: red; */
	justify-content: center;
	align-items: center;
}



.banner-pagination .swiper-pagination-bullet {

	display: block;

	width: 0.09rem;

	height: 0.09rem;

	margin: 0 .05rem;

	background: rgb(255 255 255 / 60%);

	position: relative;

	outline: none;
	border-radius: 100px;
}


.banner-pagination .swiper-pagination-bullet-active {

	border-radius: 100px;
	background: transparent;
	border: 5px solid rgb(255 255 255 / 60%);

}

.banner-pagination .swiper-pagination-bullet-active::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;
	background: transparent;





}


.banner .banner_text1 {

	position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
.banner .banner_text2 {
	top: 25%;
}
.banner .banner_text2 p {
	text-align: center;
}

.banner .banner_text2 h6 {
	text-align: center;
}



.banner .banner_text2 .btn {

	display: table;
	margin: 0 auto;
}


.banner .banner_text2 .btn b {
	padding: 10px 20px;
	color: var(--i_color);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0 10px;
	background: #fff;
	border-radius: 100px;
	font-size: 0.18rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	box-shadow: rgba(255, 255, 255, 0.3) 0px 2px 12px 9px;
}
.banner .banner_text2 .btn b:hover {
	box-shadow: none;

}
.banner .banner_text2 .btn b iconify-icon {
	color: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.banner .banner_text2 .btn b i {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.banner .banner_text2 .btn b:hover {
	background: var(--i_color);

}


.banner .banner_text2 .btn b:hover iconify-icon {
	color: #fff;
}

.banner .banner_text2 .btn b:hover i {
	color: #fff;
}







.banner .banner_text1 p {
	color: #fff;
	font-size: 0.46rem;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.3;
	margin-bottom: 0.15rem;
}

.banner .banner_text1 h6 {
	font-size: 0.24rem;
	color: #fff;
}

.banner .banner_text3 {
	top: 40%;
}

.banner .banner_text3 p {
	font-size: 0.8rem;
	text-shadow: .04rem .04rem 0rem var(--i_color);
}

.banner .banner_text3 h6 {
	position: relative;
	z-index: 2;
}

.banner .banner_text3 h6:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://lingjuimg.com/wp-content/uploads/jingyi/2024/12/jx.png) no-repeat center;
	background-size: cover;
	z-index: -1;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {
	.banner .banner_text1{
		margin-left: 0;
	}
}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}





@media screen and (max-width:1024px) {
	.banner .banner_text2 .btn b {
		padding: 8px 10px;

	}

	.banner .banner_text2 .btn b i {
		font-size: 0.16rem;
	}
	.banner .banner_text2 {
		top: 40%;
	}
	.banner .banner_text1 p br {
		display: none;
	}

	.banner .banner_text1 h6 {
		display: none;
	}

	.banner-pagination .swiper-pagination-bullet-active {
		border-width: 3px;
	}

	.banner .banner_text1 p {
		font-size: 0.22rem;
	}


	.banner .banner_text1 h6 {
		font-size: 0.18rem;
	}

	.banner {

		margin-top: var(--header_height);

		position: relative;

		top: initial;

		height: auto;

		-webkit-border-radius: 0 0;

		border-radius: 0 0;

	}

	.banner .swiper-slide {

		padding-bottom: 49%
	}



	.banner-button-prev,

	.banner-button-next {

		display: none
	}

	.banner-pagination .swiper-pagination-bullet {}

}

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



	.banner-pagination {

		bottom: 0.3rem;

	}

	.banner-pagination .swiper-pagination-bullet {}

}

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

	.banner-pagination {

		bottom: 0.2rem;

	}

	.banner-pagination .swiper-pagination-bullet {}

}













.fullMask {

	width: 100%;

	height: 100vh;

}

.fullMask_about {

	width: 100%;

	height: 86.6vh;

}

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

	.fullMask,
	.fullMask_about {

		display: none;

	}

}



main {

	position: relative;

	background: #FFF;

	max-width: 100%;

	overflow: hidden;

}



footer {

	max-width: 100%;

	overflow: hidden;

	position: relative;

	background-color: white;

}



/* banner 文字 */























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

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

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

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

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

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

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

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







/* alot */

.alot_bac {

	background: url('static/imgs/alot_bac.webp') no-repeat center;

	background-size: cover;

	box-sizing: border-box;

	padding: 1rem 0;

}

.alot {}

.alot_title {

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	gap: 0.2rem;

	flex-wrap: wrap;

	align-items: center;

	box-sizing: border-box;

	padding-bottom: 0.4rem;

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

}

.title {}

.title p {

	font-size: 0.46rem;

	color: var(--i_color);

	font-weight: bold;

	text-transform: capitalize;

}

.title span {

	font-size: 0.18rem;

	line-height: 155%;

	color: #666;

	display: block;

}



.title_center p {

	text-align: center;

}

.title_center span {

	text-align: center;

}





.home_btn {}

.home_btn a,
.home_btn span {

	display: inline-block;

	box-sizing: border-box;

	padding: 0.1rem 0.25rem;

	border-radius: 1rem;

	background-color: var(--i_color);

	position: relative;

	z-index: 2;

	overflow: hidden;

}

.home_btn_text {

	display: flex;

	display: -webkit-flex;

	gap: 0.1rem;

	align-items: center;

}

.home_btn_text p {

	font-size: 0.18rem;

	color: #fff;

	text-transform: capitalize;

	white-space: nowrap;

}

.home_btn_text iconify-icon {

	font-size: 0.2rem;

	color: #fff;

}

.home_btn a:before,
.home_btn span:before {

	content: "";

	position: absolute;

	z-index: -1;

	background: var(--i_color2);

	height: 400%;

	width: 150%;

	border-radius: 50%;

	top: 100%;

	left: 100%;

	transition: all 0.7s ease;

}



.home_btn a:hover::before,
.home_btn span:hover::before {

	top: -30px;

	left: -30px;

}





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

	.title p {

		font-size: 0.4rem;

	}

}

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

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

	.title p {

		font-size: 0.35rem;

	}

	.title span {

		font-size: 0.16rem;

	}

	.home_btn_text p {

		font-size: 0.16rem;

	}

}

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

	.title p {

		font-size: 0.3rem;

	}

}

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

	.title p {

		font-size: 0.28rem;

	}

}

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

	.title p {

		font-size: 0.26rem;

	}

	.title span {

		font-size: 0.14rem;

	}

	.home_btn_text p {

		font-size: 0.14rem;

	}



}

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

	.title p {

		font-size: 0.24rem;

	}

}

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

	.title p {

		font-size: 0.22rem;

	}

}







.alot_box {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

}

.alot_left {

	width: 50%;

	box-sizing: border-box;

	padding-right: 4%;

}

.alot_left li {

	box-sizing: border-box;

	padding: 0.3rem 0;

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

}

.alot_left li h3 {

	font-size: 0.24rem;

	color: #333;

	font-family: 'med';

	cursor: pointer;

	text-transform: capitalize;

}

.alot_left_text {

	display: none;

}

.alot_left li h4 {

	font-size: 0.2rem;

	color: #333;

}

.alot_left li dl {

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	gap: 0.2rem;

	margin-top: 0.1rem;

}

.alot_left li dl dt {

	font-size: 0.17rem;

	color: #666;

	position: relative;

	box-sizing: border-box;

	padding-left: 0.3rem;

}

.alot_left li dl dt::after {

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

	transform: translate(0, -50%);

	width: 0.14rem;

	height: 0.14rem;

	background: url('static/imgs/alot_i.png') no-repeat center;

	background-size: contain;

}

.alot_left li a {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	gap: 0.1rem;

	margin-top: 0.4rem;

}

.alot_left li a p {

	font-size: 0.18rem;

	color: var(--i_color);

	text-transform: capitalize;

	transition: all 0.3s ease;

}

.alot_left li a iconify-icon {

	font-size: 0.2rem;

	color: var(--i_color);

	transition: all 0.3s ease;

}

.alot_left li a:hover p {

	color: var(--i_color2);

}

.alot_left li a:hover iconify-icon {

	color: var(--i_color2);

}





.alot_right {

	width: 50%;

	position: relative;

}

.alot_right dt {

	position: relative;

	z-index: 2;

}

.alot_right dt::after {

	content: '';

	display: block;

	padding-bottom: 78.1%;

}

.alot_right dt img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.alot_left li.current h3 {

	color: var(--i_color);

}





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

	.alot_left li dl dt {

		font-size: 0.16rem;

	}

	.alot_bac {

		padding: 0.8rem 0;

	}

}

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

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

	.alot_left li dl dt {

		font-size: 0.14rem;

	}

	.alot_left li a {

		margin-top: 0.3rem;

	}

	.alot_left li a p {

		font-size: 0.16rem;

	}

	.alot_left li {

		padding: 0.25rem 0;

	}

	.alot_bac {

		padding: 0.6rem 0;

	}

}

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

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

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

	.alot_left {

		width: 100%;

		padding-right: 0%;

	}

	.alot_right {

		width: 100%;

	}

	.alot_left li h3 {

		font-size: 0.2rem;

	}

	.alot_left li h4 {

		font-size: 0.18rem;

		margin: 0.1rem 0;

	}

	.alot_left li dl {

		gap: 0.15rem;

	}

}

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

	.alot_left li dl {

		gap: 0.1rem;

	}

}

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







/* home_solution */

.home_solution_bac {

	box-sizing: border-box;

	padding: 1rem 0;

	background: url('static/imgs/home_solution_bac.webp') no-repeat center;

	background-size: cover;

}

.home_solution {}

.home_solution_list {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	box-sizing: border-box;

	padding: 0.08rem;

	border-radius: 8rem;

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

	width: 85%;

	margin-left: auto;

	margin-right: auto;

	margin-top: 0.6rem;

	margin-bottom: 0.4rem;

	align-items: center;

}

.home_solution_list li {

	width: 20%;



}

.home_solution_list li a {

	display: block;

	font-size: 0.2rem;

	line-height: 120%;

	color: #333;

	text-align: center;

	width: 100%;

	box-sizing: border-box;

	padding: 0.05rem;

	border-radius: 8rem;

	text-transform: capitalize;

	transition: all 0.3s ease;

}



.home_solution_list li.current a,
.solutions_active a {

	background-color: rgba(9, 50, 144, 0.15);

	color: var(--i_color) !important;

}



.home_solution_dl {}

.home_solution_dl dt {}

.home_solution_dlUl {

	display: flex;

	display: -webkit-flex;

	gap: 0.4rem;

	flex-wrap: wrap;

}

.home_solution_dlUl li {

	width: calc((100% - 0.4rem) / 2);

}

.home_solution_dlUl li a {

	display: block;

	width: 100%;

	position: relative;

	z-index: 2;

	overflow: hidden;

}

.home_solution_dlUl li a::after {

	content: '';

	display: block;

	padding-bottom: 40%;

}

.home_solution_dlUl li a img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: all 0.3s ease;

}

.home_solution_dl_text {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 70%;

	background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5));

	box-sizing: border-box;

	padding: 0.15rem 0.1rem;

	border-left: 0.04rem solid var(--i_color);

	border-radius: 0 0.4rem 0 0;

}

.home_solution_dlUl li a p {

	font-size: 0.18rem;

	color: #333;

	font-family: 'med';

	text-transform: capitalize;

	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
  -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;

	transition: all 0.3s ease;

}

.home_solution_dl_text h6 {

	display: none;

	font-size: 0.16rem;

	color: #333;

	line-height: 0.2rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 5;



}

.home_solution_dlUl li a:hover img {

	width: 105%;

	height: 105%;

}















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

	.home_solution_bac {

		padding: 0.8rem 0;

	}

	.home_solution_list li a {

		font-size: 0.18rem;

	}

	.home_solution_list {

		width: 90%;

	}

}

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

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

	.home_solution_bac {

		padding: 0.6rem 0;

	}

	.home_solution_list li a {

		font-size: 0.16rem;

	}

	.home_solution_list {

		width: 100%;

		margin-top: 0.4rem;

	}

	.home_solution_dlUl {

		gap: 0.2rem;

	}

	.home_solution_dlUl li {

		width: calc((100% - 0.2rem) / 2);

	}

	.home_solution_dl_text {

		width: 80%;

		padding: 0.1rem;

	}

	.home_solution_dlUl li a p {



		font-size: 0.16rem;

	}

}

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

	.home_solution_list li a {

		font-size: 0.14rem;

	}

}

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

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

	.home_solution_list li {

		width: calc(100% / 3);

	}

	.home_solution_list {

		padding: 0.08rem;

		border-radius: 0.2rem;

	}

	.home_solution_dl_text {

		width: 90%;

	}

	.home_solution_dlUl li a p {



		font-size: 0.14rem;

	}

	.home_solution_dl_text h6 {

		font-size: 0.14rem;

		line-height: 0.2rem;

	}

}

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

	.home_solution_dlUl li {

		width: 100%;

	}

	.home_solution_list {

		margin-bottom: 0.2rem;

	}

}

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







/* home_products */

.home_products_bac {

	box-sizing: border-box;

	padding: 1rem 0;

	background: url('static/imgs/home_products.webp') no-repeat center;

	background-size: cover;

}

.home_products {}

.home_products_ul {

	display: flex;

	display: -webkit-flex;
	flex-wrap: wrap;

	gap: 0.2rem;

	margin-top: 0.6rem;

}

.home_products_ul li {

	width: calc((100% - 0.6rem) / 4);

}

.home_products_ul li a {

	display: block;

	width: 100%;

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	align-items: center;

	background-color: #fff;

	box-sizing: border-box;

	padding: 0.3rem 0.4rem;

	border-radius: 0.1rem;

	transition: all 0.3s ease;

}

.home_products_ul li a>img {

	height: 0.27rem;

	opacity: 0.16;

	transition: all 0.3s ease;

}

.home_products_img {

	position: relative;

	width: 100%;

}

.home_products_img::after {

	content: '';

	display: block;

	padding-bottom: 100%;

}

.home_products_img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: contain;

	transition: all 0.3s ease;

}

.home_products_text {}

.home_products_text h3 {

	font-size: 0.2rem;

	line-height: 0.24rem;

	color: #333;

	text-align: center;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.home_products_btn {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

	margin-top: 0.15rem;

	opacity: 0.5;

	transition: all 0.3s ease;

	gap: 0.1rem;

}

.home_products_btn h4 {

	font-size: 0.18rem;

	color: var(--i_color);

	text-transform: capitalize;

}

.home_products_btn iconify-icon {

	font-size: 0.2rem;

	color: var(--i_color);

}





.home_products_ul li a:hover>img {

	opacity: 1;

}

.home_products_ul li a:hover .home_products_btn {

	opacity: 1;

}

.home_products_ul li a:hover {

	transform: translateY(-0.1rem);

}





.home_products_box {

	box-sizing: border-box;

	padding: 0.43rem 0.4rem;

	border-radius: 0.08rem;

	background: url('static/imgs/HP_2.png') no-repeat center;

	background-size: cover;

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	margin-top: 1.4rem;

}

.home_products_left {

	width: 38%;

	position: relative;

}



.home_products_left img {

	position: absolute;

	bottom: -0.2rem;

	left: 0;

	width: 100%;

	height: auto;

}

.home_products_right {

	width: 62%;

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: space-between;

	gap: 0.2rem;

	box-sizing: border-box;

	padding-left: 0.1rem;

}

.home_products_txt {}

.home_products_txt h2 {

	font-size: 0.27rem;

	color: #333;

	font-family: 'med';
	box-sizing: border-box;
	padding-left: 0.2rem;

}

.home_products_txt h3 {

	font-size: 0.14rem;

	color: #333;

}

.home_products_right .home_btn a {

	border-radius: 0.04rem;

}

.home_products_right .home_btn a p {

	font-size: 0.16rem;

}



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

	.home_products_text h3 {

		font-size: 0.18rem;

		line-height: 0.22rem;

	}

	.home_products_bac {

		padding: 0.8rem 0;

	}

	.home_products_txt h2 {

		font-size: 0.24rem;

	}

}

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

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



	.home_products_ul li a>img {

		height: 0.25rem;

	}

	.home_products_bac {

		padding: 0.6rem 0;

	}

	.home_products_txt h2 {

		font-size: 0.2rem;

	}

	.home_products_box {

		padding: 0.3rem;

		margin-top: 1.4rem;

	}

}

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

	.home_products_text h3 {

		font-size: 0.18rem;

		line-height: 0.2rem;

	}

	.home_products_left img {

		display: none;

	}

	.home_products_right {

		width: 100%;

		flex-wrap: wrap;

		gap: 0.2rem;

		padding-left: 0rem;

	}

	.home_products_box {

		margin-top: 0.4rem;

	}
	.home_products_txt h2 {
		padding-left: 0rem;

	}

}

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

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

	.home_products_text h3 {

		font-size: 0.16rem;

		line-height: 0.18rem;

	}

	.home_products_btn h4 {

		font-size: 0.16rem;

	}

	.home_products_ul li a>img {

		height: 0.2rem;

	}

	.home_products_ul {

		margin-top: 0.4rem;

	}

}

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

	.home_products_ul li {

		width: calc((100% - 0.2rem) / 2);

	}

	.home_products_ul {

		flex-wrap: wrap;

	}

}

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







/* home_about */

.home_about_bac {

	box-sizing: border-box;

	/* padding: 0.8rem 0 0rem 0; */

}

.home_about {

	background: url('static/imgs/map.webp') no-repeat top center;

	background-size: contain;

	max-width: 100%;

	box-sizing: border-box;

	padding: 0.8rem 0;

}

.home_about_text {

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	align-items: center;

}

.home_about_text h3 {

	font-size: 0.72rem;

	color: var(--i_color);

	font-family: 'bold';

	text-align: center;

	line-height: 100%;

	margin-bottom: 0.3rem;

}

.home_about_text h4 {

	font-size: 0.18rem;

	line-height: 0.28rem;

	color: #333;

	box-sizing: border-box;

	padding: 0 5%;

	text-align: center;

}

.home_about_a {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	gap: 0.1rem;

	margin-top: 0.2rem;

}

.home_about_a span {

	font-size: 0.18rem;

	color: var(--i_color);

	text-transform: capitalize;

	transition: all 0.3s ease;

}

.home_about_a iconify-icon {

	font-size: 0.2rem;

	color: var(--i_color);

	transition: all 0.3s ease;

}



.home_about_a:hover span,

.home_about_a:hover iconify-icon {

	color: var(--i_color2);

}

.home_about_ul {

	display: flex;

	display: -webkit-flex;

	/* margin-top: 0.7rem; */

	justify-content: space-between;

	flex-wrap: wrap;

}

.home_about_ul li {}

.home_about_mun {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center;

}

.home_about_mun h3 {

	font-size: 0.48rem;

	color: var(--i_color);

	line-height: 100%;

	font-weight: bold;

}

.home_about_mun h4 {

	font-size: 0.48rem;

	color: var(--i_color);

	line-height: 100%;

	font-weight: bold;



}

.home_about_ul li h5 {

	font-size: 0.18rem;

	color: #333;

	text-align: center;

	margin: 0.1rem 0;

}

.home_about_ul li h6 {

	font-size: 0.18rem;

	color: #999;

	text-align: center;



}

.home_about_img {

	position: relative;

	overflow: hidden;

	border-radius: 0.2rem;

	background: url('https://lingjuimg.com/wp-content/uploads/jingyi/2025/10/56478454.webp') center no-repeat;

	background-size: cover;

	background-attachment: fixed;

	width: 100%;

	height: 5rem;

}



.home_about_img h6 {

	width: 11.78rem;

	max-width: 80%;

	height: 3rem;

	position: absolute;

	bottom: -0.74rem;

	left: 50%;

	transform: translate(-50%, 0);

	background: url('static/imgs/home_about_logo.png') center no-repeat;

	background-size: contain;

}







.home_about_video {

	position: absolute;

	top: 50%;

	left: 50%;

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

	z-index: 2;

}



.home_about_video i {

	display: block;

	width: 0.7rem;

	height: 0.7rem;

	position: relative;

	cursor: pointer;

	background: url('static/imgs/video.png') center no-repeat;

	background-size: contain;

	cursor: pointer;

}



.home_about_video i::before {

	animation: serv_one_border 2s 0s ease infinite;

}



.home_about_video i::before {

	content: '';

	position: absolute;

	left: 50%;

	top: 50%;

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

	border: 1px solid #fff;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	opacity: 0;

	z-index: 2;

}

.home_about_video i span::before {

	content: '';

	position: absolute;

	left: 50%;

	top: 50%;

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

	border: 1px solid #fff;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	opacity: 0;

	z-index: 2;

}

.home_about_video i span::after {

	content: '';

	position: absolute;

	left: 50%;

	top: 50%;

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

	border: 1px solid #fff;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	opacity: 0;

	z-index: 2;

}

.home_about_video i span::before {

	animation: serv_one_border 1.5s 0s ease infinite;

}

.home_about_video i span::after {

	animation: serv_one_border 2.5s 0s ease infinite;

}



@keyframes serv_one_border {

	0% {

		opacity: 0
	}

	5% {

		opacity: 1
	}

	80% {

		opacity: 0
	}

	100% {

		opacity: 0;

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

		-ms-transform: translate(-50%, -50%) scale(1.5);

		-o-transform: translate(-50%, -50%) scale(1.5);

		-webkit-transform: translate(-50%, -50%) scale(1.5);

		-moz-transform: translate(-50%, -50%) scale(1.5);

	}

}







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

	.home_about_text h3 {

		font-size: 0.65rem;

	}

	.home_about_mun h3,
	.home_about_mun h4 {

		font-size: 0.4rem;

	}

	.home_about_bac {

		/* padding: 0.6rem 0 0rem 0; */

	}

}

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

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

	.home_about_text h3 {

		font-size: 0.6rem;

	}

	.home_about_text h4 {

		font-size: 0.16rem;

		line-height: 0.24rem;

	}

	.home_about_mun h3,
	.home_about_mun h4 {

		font-size: 0.35rem;

	}

	.home_about_ul li h6 {

		font-size: 0.16rem;

		color: #999;

	}

	.home_about {

		padding: 0.6rem 0;

	}

	.home_about_ul {

		/* margin-top: 0.6rem; */

	}

	.home_about_img h6 {

		height: 2rem;

	}

	.home_about_img h6 {

		bottom: -0.2rem;

	}

	.home_about_img {

		height: 4.5rem;

	}

}

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

	.home_about_text h3 {

		font-size: 0.55rem;

	}

	.home_about_ul {

		gap: 0.4rem 0.2rem;



	}

	.home_about_ul li {

		width: calc((100% - 0.2rem) / 2);

	}

}

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

	.home_about_text h3 {

		font-size: 0.5rem;

	}

}

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

	.home_about_text h3 {

		font-size: 0.4rem;

	}

	.home_about_ul {

		/* margin-top: 0.4rem; */

	}

	.home_about_bac {

		/* padding: 0.4rem 0 0rem 0; */

	}

	.home_about_video i {

		width: 0.6rem;

		height: 0.6rem;

	}

	.home_about_img {

		height: 3.5rem;

	}

	.home_about_text h4 {

		padding: 0%;

	}

	.home_about_img {

		background-attachment: unset;

	}

	.home_about_mun h3,
	.home_about_mun h4 {

		font-size: 0.3rem;

	}

}

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

	.home_about_text h3 {

		font-size: 0.3rem;

	}

	.home_about_ul li h6 {

		font-size: 0.14rem;

	}

	.home_about_video i {

		width: 0.5rem;

		height: 0.5rem;

	}

	.home_about {

		padding: 0.4rem 0;

	}

	.home_about_img {

		border-radius: 0.1rem;

	}

	.home_about_img h6 {

		height: 1.2rem;

	}

	.home_about_img {

		height: 3rem;

	}

}

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

	.home_about_text h3 {

		font-size: 0.25rem;

	}

}









/* eject videos */

.vd_box {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100vh;

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

	z-index: 999999;

}

.vd_box_area {

	position: absolute;

	top: 52%;

	left: 50%;

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

	z-index: 2014;

	width: 60%;

	max-height: 90%;



}

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

	.vd_box_area {

		width: 80%;

	}

	.close_v::before {

		font-size: 0.4rem;

	}

}

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

	.vd_box_area {

		width: 88%;

	}

	.close_v {

		top: -.15rem;

		right: -.15rem;

		width: 0.3rem;

		height: 0.3rem;

	}

	.close_v::before {

		font-size: 0.3rem;

	}

}







/* home_adv */

.home_adv_bac {

	box-sizing: border-box;

	padding: 1rem 0;

	position: relative;

	z-index: 2;

}

.home_adv_bac::after {

	content: '';

	position: absolute;

	width: 100%;

	height: 4.56rem;

	background: url('static/imgs/home_adv_bac.webp') no-repeat center;

	background-size: cover;

	bottom: 0;

	left: 0;

	z-index: -1;

}

.home_adv {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	box-sizing: border-box;

	box-shadow: 0 0 0.8rem rgba(9, 50, 144, 0.06);

	padding: 0.9rem 0;

	border-radius: 0.2rem;

	background: #fff url('static/imgs/home_adv_s.webp') no-repeat center bottom;

	background-size: cover;

}

.home_adv_left {

	width: 61.4%;

	box-sizing: border-box;

	padding: 0 4%;

}

.home_adv_left h3 {

	font-size: 0.44rem;

	color: #333;

	font-family: 'bold';

	line-height: 100%;

	text-transform: uppercase;

}

.home_adv_left h3 span {

	font-size: 0.44rem;

	color: var(--i_color);

	font-weight: bold;

	text-transform: uppercase;

}

.home_adv_ul {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	box-sizing: border-box;

	padding: 0.08rem;

	border-radius: 8rem;

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

	align-items: center;

	margin: 0.4rem 0 0.6rem 0;

}

.home_adv_ul li {

	display: block;

	font-size: 0.17rem;

	line-height: 120%;

	width: calc(100% / 3);

	color: #333;

	text-align: center;

	box-sizing: border-box;

	padding: 0.05rem;

	border-radius: 8rem;

	text-transform: capitalize;

	transition: all 0.3s ease;

	cursor: pointer;

}

.home_adv_dl {}

.home_adv_dl dt {}

.home_adv_text {

	display: flex;

	display: -webkit-flex;

	align-items: center;

}

.home_adv_dl dt img {

	width: 0.75rem;

	height: 0.75rem;

	object-fit: contain;

}

.home_adv_dl dt h4 {

	width: calc(100% - 0.75rem);

	font-size: 0.18rem;

	line-height: 0.28rem;

	color: #666;

	box-sizing: border-box;

	padding-left: 0.3rem;

}

.home_adv_right {

	width: 38.6%;

}

.home_adv_right dt {

	width: 100%;

	position: relative;

	overflow: hidden;

}

.home_adv_right dt::after {

	content: '';

	display: block;

	padding-bottom: 82.5%;

}

.home_adv_right dt img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

	border-radius: 0.2rem 0 0 0.2rem;

}

.home_adv_left .home_btn {

	margin-top: 0.6rem;

}



.home_adv_ul li.current {

	background-color: rgba(9, 50, 144, 0.15);

	color: var(--i_color);

}



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

	.home_adv_left h3,
	.home_adv_left h3 span {

		font-size: 0.4rem;

	}

	.home_adv {

		padding: 0.8rem 0;

	}

	.home_adv_bac {

		padding: 0.8rem 0;

	}

}

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

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

	.home_adv_left h3,
	.home_adv_left h3 span {

		font-size: 0.35rem;

	}

	.home_adv {

		padding: 0.6rem 0;

	}

	.home_adv_left .home_btn {

		margin-top: 0.4rem;

	}

	.home_adv_ul li {

		font-size: 0.16rem;

	}

	.home_adv_bac {

		padding: 0.6rem 0;

	}

}

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

	.home_adv_left h3,
	.home_adv_left h3 span {

		font-size: 0.3rem;

	}

}

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

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

	.home_adv_right {

		display: none;

	}

	.home_adv_left {

		width: 100%;

		padding: 0 4%;

	}

	.home_adv_ul {

		margin: 0.4rem 0;

	}

	.home_adv_dl dt h4 {

		width: calc(100% - 0.6rem);

		font-size: 0.16rem;

		line-height: 0.24rem;

		padding-left: 0.2rem;

	}

	.home_adv_dl dt img {

		width: 0.6rem;

		height: 0.6rem;

	}

}

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

	.home_adv_ul {

		margin: 0.2rem 0;

	}

	.home_adv_left h3,
	.home_adv_left h3 span {

		font-size: 0.25rem;

	}

	.home_adv_ul li {

		font-size: 0.14rem;

	}

}

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







/* partner */

.partner_bac {

	box-sizing: border-box;

	padding: 1rem 0 0.6rem 0;

	position: relative;

	background: url('static/imgs/partner_bac.webp') no-repeat center;

	background-size: cover;

}

.partner {}





/*  */

.ptr_partner_box {
	margin-top: 0.5rem;
}

.ptr_partner {
	position: relative;
}

.ptr_partner_list {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.ptr_partner_list .swiper-wrapper {

	position: relative;

	width: 100%;

	z-index: 1;

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	gap: 0.2rem 0;

}

.ptr_partner_list li {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

	flex-direction: column;

	margin-top: 0 !important;

	background-color: #fff;

}

.ptr_partner_list .img {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden
}

.ptr_partner_list .img:before {
	content: "";
	display: block;
	padding-bottom: 36%
}

.ptr_partner_list .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
	height: 80%;
	object-fit: contain
}



.ptr_partner_list .img img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}











/* 指示器 */

.ptr_partner .pt-pagination {
	display: none;
	text-align: center;
	margin: 0.4rem auto 0
}

.ptr_partner .pt-pagination .swiper-pagination-bullet {
	width: 0.1rem;
	height: 0.1rem;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	background: #BBB;
	border-radius: 50%;
	outline: none
}

.ptr_partner .pt-pagination .swiper-pagination-bullet-active {
	position: relative;
	background: var(--i_color)
}



/* 左右箭头 */

.ptr_box {

	box-sizing: border-box;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	gap: 0.2rem;

	margin-top: 0.4rem;

}

.ptr_partner .pt-button-prev,
.ptr_partner .pt-button-next {

	width: 0.5rem;

	height: 0.5rem;

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

	box-sizing: border-box;

	z-index: 999;

	cursor: pointer;

	outline: none;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	border-radius: 50%;

	transition: all 0.3s ease;

}

.ptr_partner .pt-button-prev iconify-icon,
.ptr_partner .pt-button-next iconify-icon {

	font-size: 0.2rem;

	color: var(--i_color);

	transition: all 0.3s ease;

}

.ptr_partner .pt-button-prev {}

.ptr_partner .pt-button-next {}



.ptr_partner .pt-button-prev:hover,
.ptr_partner .pt-button-next:hover {

	background-color: var(--i_color);

}

.ptr_partner .pt-button-prev:hover iconify-icon,
.ptr_partner .pt-button-next:hover iconify-icon {

	color: #fff;

}









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

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

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

	.partner_bac {

		padding: 0.6rem 0 0.8rem 0;

	}

}

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

	.ptr_box {

		display: none;

	}

	.ptr_partner .pt-pagination {

		display: block;

	}

}

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

	.ptr_partner_box {

		margin-top: 0.3rem;

	}

	.ptr_partner_list .swiper-wrapper {

		gap: 0.1rem 0;

	}

}

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







/* home_news */

.home_news_bac {

	box-sizing: border-box;

	padding: 1rem 0;

}

.home_news {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

}

.home_news_left {

	width: 45%;

}

.home_news .title {

	margin-bottom: 0.4rem;

}

.home_news_box {

	display: block;

	width: 100%;

}

.home_news_img {

	position: relative;

	overflow: hidden;

}

.home_news_img::after {

	content: '';

	display: block;

	padding-bottom: 63.5%;

}

.home_news_img img {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 100%;

	height: 100%;

	object-fit: cover;

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

	border-radius: 0.1rem;

}

.home_news_text {

	margin-top: 0.1rem;

}

.home_news_text h3 {

	font-size: 0.18rem;

	color: #666;

}

.home_news_text h4 {

	font-size: 0.24rem;

	color: #333;

	font-family: 'med';

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	margin: 0.1rem 0;

}

.home_news_text h5 {

	font-size: 0.16rem;

	line-height: 0.24rem;

	color: #666;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	margin-bottom: 0.25rem;

}

.home_news_right {

	width: 55%;

	box-sizing: border-box;

	padding-left: 3%;

}

.home_faq {

	margin-bottom: 0.6rem;

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	gap: 0.2rem;

}

.home_faq li {

	background-color: #F9F9F9;

	box-sizing: border-box;

	padding: 0.15rem 0.25rem;

	border-radius: 0.06rem;



}

.home_faq li h3 {

	font-size: 0.19rem;

	color: #333;

	font-family: 'med';

	cursor: pointer;

}

.home_faq li h4 {

	font-size: 0.14rem;

	line-height: 0.22rem;

	color: #666;

	margin-top: 0.05rem;

	display: none;

}



.home_faq_active {

	background-color: rgba(9, 50, 144, 0.08) !important;

}

.home_faq_active h3 {

	color: var(--i_color) !important;

}









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

	.home_news_bac {

		padding: 0.8rem 0;

	}


	.home_news_text h4 {

		font-size: 0.22rem;

	}

	.home_faq {

		margin-bottom: 0.4rem;

		gap: 0.25rem;

	}

}

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

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

	.home_news_bac {

		padding: 0.6rem 0;

	}


	.home_news_text h4 {

		font-size: 0.2rem;

	}

	.home_faq {

		gap: 0.2rem;

	}

}

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

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

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

	.home_news_left {

		width: 100%;

	}

	.home_news_right {

		width: 100%;

		margin-top: 0.5rem;

		padding-left: 0%;

	}

}

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

	.home_news .title {

		margin-bottom: 0.2rem;

	}

}

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







/* ---------------------------------footer---------------------------------- */

.footer_bac {

	background-color: var(--i_color);

	padding-top: 1rem;

	box-sizing: border-box;

	position: relative;

	z-index: 2;

}

.footer_bac::after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translate(-50%, 0);

	width: 18.46rem;

	max-width: 95%;

	height: 2.4rem;

	background: url('static/imgs/footer_bac.png') no-repeat center;

	background-size: contain;

	z-index: -1;

}

.footer {}

.footer_top {

	box-sizing: border-box;

	border-top: 1px solid rgba(220, 220, 220, 0.2);

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

	display: flex;

	display: -webkit-flex;

}

.footer_top_img {

	width: 35.15%;

	border-right: 1px solid rgba(220, 220, 220, 0.2);

	box-sizing: border-box;

	padding: 0.35rem 0;

}

.footer_top_img img {

	height: 0.47rem;

}

.footer_share {

	box-sizing: border-box;

	width: 64.85%;

	display: flex;

	display: -webkit-flex;

	padding: 0.35rem 0;

	gap: 0.3rem;

	justify-content: flex-end;

}

.footer_share li {}

.footer_share li a {

	display: block;

	width: 0.5rem;

	height: 0.5rem;

	border-radius: 50%;

	background-color: #fff;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	transition: all 0.3s ease;

}

.footer_share li a iconify-icon {

	font-size: 0.16rem;

	color: var(--i_color);

	transition: all 0.3s ease;

}

.footer_share li a:hover {

	background-color: #fff;

	transform: translateY(-0.05rem);

}

.footer_share li a:hover iconify-icon {

	color: var(--i_color);

}

.footer_center {

	display: flex;

	display: -webkit-flex;



}

.footer_center_contact {

	width: 35.15%;

	border-right: 1px solid rgba(220, 220, 220, 0.2);

	box-sizing: border-box;

	padding: 0.4rem 2% 0.9rem 0;

}

.footer_h3 {

	font-size: 0.26rem;

	color: #fff;

	font-weight: bold;

	margin-bottom: 0.2rem;

}

.footer_contact {

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	gap: 0.25rem;

}

.footer_contact li {

	display: flex;

	display: -webkit-flex;

}

.footer_contact li iconify-icon {

	font-size: 0.18rem;

	line-height: 0.28rem;

	color: #fff;

	margin-top: 0.06rem;

}

.footer_contact li a {

	font-size: 0.18rem;

	line-height: 0.28rem;

	color: #fff;

	width: calc(100% - 0.18rem);

	box-sizing: border-box;

	padding-left: 0.12rem;

}

.footer_center_box {

	width: 64.85%;

	padding: 0.4rem 0% 0.2rem 7%;

	box-sizing: border-box;

	display: flex;

	display: -webkit-flex;



}

.footer_1 {

	width: 35%;

	box-sizing: border-box;

	padding-right: 2%;

}

.footer_h4 {

	font-size: 0.18rem;

	color: #fff;

	font-weight: bold;

	margin-bottom: 0.25rem;

	text-transform: uppercase;

}

.footer_ul {

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	gap: 0.15rem;

}

.footer_ul ul {

	display: none;

}

.footer_ul li {}

.footer_ul li a {

	font-size: 0.18rem;

	color: #fff;

	transition: all 0.3s ease;

	line-height: 120%;

	text-transform: capitalize;

	border-bottom: 1px solid transparent;

}

.footer_ul li a:hover {

	border-bottom: 1px solid #fff;

}



.footer_2 {

	width: 30%;

	box-sizing: border-box;

	padding-right: 2%;

}

.footer_3 {

	width: 35%;

	box-sizing: border-box;

	padding-right: 2%;

}

.footer_max_bac {

	border-top: 1px solid rgba(220, 220, 220, 0.2);

	background-color: var(--i_color);

}

.footer_max {

	box-sizing: border-box;

	padding: 0.35rem 0;

}

.footer_max p {

	font-size: 0.18rem;

	color: rgb(255 255 255 / 80%);

}

.footer_max p a {

	font-size: 0.18rem;

	color: rgb(255 255 255 / 80%);

	transition: all 0.3s ease;

}

.footer_max p a:hover {

	color: #fff;

}



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

	.footer_center_box {

		padding: 0.4rem 0% 0rem 6%;

	}

	.footer_bac {

		padding-top: 0.8rem;

	}

}

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

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

	.footer_center_box {

		padding: 0.4rem 0% 0rem 4%;

	}

	.footer_ul li a {

		font-size: 0.16rem;

	}

	.footer_max p {

		font-size: 0.16rem;

	}

	.footer_max p a {

		font-size: 0.16rem;

	}

	.footer_contact li a {

		font-size: 0.16rem;

		padding-left: 0.1rem;

	}

	.footer_bac {

		padding-top: 0.6rem;

	}

}

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

	.footer_center_box,
	.footer_share {

		display: none;

	}

	.footer_center_contact {

		width: 100%;

		padding: 0.4rem 0%;

	}

	.footer_top_img {

		width: 100%;

		padding: 0.3rem 0;

	}

	.footer_top_img {

		border-right: 1px solid rgba(220, 220, 220, 0);

	}

	.footer_center_contact {

		border-right: 1px solid rgba(220, 220, 220, 0);

	}

	.footer_max {

		padding: 0.3rem 0 0.8rem 0;

	}

}

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

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

	.footer_top_img img {

		height: 0.4rem;

	}



}

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

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





/* contact_ty */

.contact_ty_bac {

	background: url('static/imgs/home_contact.webp') no-repeat center;

	background-size: cover;

	background-attachment: fixed;

	box-sizing: border-box;

	padding: 0.8rem 0;

	position: relative;

	z-index: 2;

}

.contact_ty_bac::after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

	z-index: -1;

}

.contact_ty {

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: center;

	flex-wrap: wrap;

	gap: 0.2rem;



}

.contact_ty>p {

	font-size: 0.32rem;

	color: var(--i_color);

	font-weight: bold;

}









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

	.contact_ty>p {

		font-size: 0.28rem;

	}

}

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

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

	.contact_ty_bac {

		padding: 0.6rem 0;

	}

	.contact_ty>p {

		font-size: 0.24rem;

	}

}

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

	.contact_ty>p {

		font-size: 0.2rem;

	}

}

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

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

	.contact_ty_bac {

		background-attachment: unset;

	}

	.contact_ty_bac {

		padding: 0.4rem 0;

	}

}

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

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















/*----------------------------- about ------------------------------------*/

.banner_top {

	margin-top: var(--header_height);

}

.banner_about {

	position: relative;

}

.banner_about::after {

	content: '';

	display: block;

	padding-bottom: 28.75%;

}

.banner_about img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

}









/* 当前位置 */

.in_position {
	padding: 0.14rem 0;
	background: rgba(9, 50, 144, 0.1)
}

.in_position a {
	display: block;
	float: left;
	font-size: 14px;
	color: #4C4C4C;
	position: relative;
	line-height: 20px;
	text-transform: capitalize
}



.in_position a:not(:last-child):after {
	content: ">";
	margin: 0 0.1rem;
	color: #4C4C4C
}

.in_position a:last-child {
	color: var(--i_color) !important
}

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

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

	.in_position a {
		font-size: 15px
	}

}

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

	.in_position a {
		font-size: 14px
	}

}

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

	.in_position a {
		font-size: 12px
	}

}









/* about_us */

.about_us_bac {

	box-sizing: border-box;

	padding: 0.8rem 0;



}

.about_us {}

.about_us_title {

	position: relative;

}

.about_us_title img {

	width: 8.31rem;

	height: auto;

	margin: 0 auto;

	display: block;

	max-width: 100%;

}

.about_us_title p {

	font-size: 0.46rem;

	color: var(--i_color);

	text-align: center;

	font-family: 'bold';

	position: absolute;

	top: 62%;

	left: 50%;

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

	line-height: 100%;

}

.about_us_ul {

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	gap: 0.3rem;

	margin: 0.5rem 0;

}

.about_us_ul li {

	font-size: 0.18rem;

	line-height: 166%;

	color: #333;

	text-align: center;

}







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

	.about_us_title p {

		font-size: 0.4rem;

	}

}

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

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

	.about_us_ul li {

		font-size: 0.16rem;

	}

	.about_us_ul {

		gap: 0.2rem;

		margin: 0.6rem 0 0.4rem 0;

	}

	.about_us_title p {

		font-size: 0.35rem;

	}

	.about_us_bac {

		padding: 0.6rem 0;

	}

}

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

	.about_us_title p {

		font-size: 0.3rem;

	}

}

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

	.about_us_title p {

		font-size: 0.28rem;

	}

}

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

	.about_us_title p {

		font-size: 0.26rem;

	}

	.about_us_title img {

		max-width: 80%;

	}

}

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

	.about_us_title p {

		font-size: 0.24rem;

	}

	.about_us_title img {

		max-width: 70%;

	}

	.about_us_ul {

		margin: 0.4rem 0;

	}

}

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







/* about_four */

.about_four_bac {

	background: url('static/imgs/about_four.webp') no-repeat center;

	background-size: cover;

	box-sizing: border-box;

	padding: 0.8rem 0 2.2rem 0;

}

.about_four {

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	gap: 0.3rem;

	align-items: center;

}

.about_four h3 {

	font-size: 0.28rem;

	color: #fff;

	font-weight: bold;

	text-align: center;

}



.about_four_box {

	margin-top: -1.6rem;

}

.about_four_ul {

	background-color: #fff;

	box-sizing: border-box;

	padding: 0.7rem 0;

	box-shadow: 0 0.09rem 0.16rem rgba(9, 50, 144, 0.2);

}

.about_four_ul li {

	width: 25%;

	box-sizing: border-box;

	padding: 0 2%;

}

.about_four_ul li:not(:last-child) {

	border-right: 1px solid #D8D8D8;

}

.about_four_ul li h6 {

	font-size: 0.16rem;

}





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

	.about_four_ul li h6 {

		font-size: 0.14rem;

	}

	.about_four_ul {

		padding: 0.6rem 0;

	}

	.about_four_ul li {

		padding: 0px 1%;

	}

	.about_four h3 {

		font-size: 0.26rem;

	}

	.about_four_bac {

		padding: 0.8rem 0 2rem 0;

	}

}

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

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

	.about_four h3 {

		font-size: 0.24rem;

	}

	.about_four h3 br {

		display: none;

	}

	.about_four_bac {

		padding: 0.6rem 0 1.6rem 0;

	}

}

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

	.about_four_ul li {

		width: calc((100% - 0.2rem) / 2);

	}

	.about_four_ul li:nth-child(even) {

		border-right: 1px solid transparent;

	}

	.about_four h3 {

		font-size: 0.2rem;

	}

}

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

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

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

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





/* success_cases */

.success_cases_bac {

	box-sizing: border-box;

	padding: 1rem 0;

}

.success_cases {}







/*  */

.SS_partner_box {

	margin-top: 0.6rem;

}



.SS_partner {
	position: relative
}

.SS_partner_list {
	width: 100%;
	padding: 0.1rem;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.SS_partner_list .swiper-wrapper {
	display: flex;
	position: relative;
	width: 100%;
	z-index: 1
}

.SS_partner_list li {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

	flex-direction: column;

}

.SS_partner_list li a {

	display: block;

	width: 100%;

}

.SS_partner_list .img {

	width: 57.1%;

	box-sizing: border-box;

	position: relative;

	overflow: hidden;

}

.SS_partner_list .img:before {

	content: "";

	display: block;

	padding-bottom: 57%;

}

.SS_partner_list .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 1rem 1rem 0 0;
}





.SS_partner_list .img img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}



.SS_partner_text {

	position: absolute;

	right: 0;

	bottom: 0;

	width: 52%;

	background-color: #fff;

	box-shadow: 0 0 0.1rem rgba(9, 50, 144, 0.2);

	box-sizing: border-box;

	padding: 0.6rem 0.3rem;

	border-radius: 0.3rem 0.3rem 0 0;

}

.SS_partner_text h3 {

	font-size: 0.26rem;

	color: var(--i_color);

	font-weight: bold;

	margin-bottom: 0.2rem;

	transition: all 0.3s ease;

}

.SS_partner_text h4 {

	font-size: 0.16rem;

	line-height: 0.24rem;

	color: #333;

	overflow: auto;

	box-sizing: border-box;

	padding-right: 0.1rem;

	height: 1.21rem;

}

/*滚动条*/

.SS_partner_text h4::-webkit-scrollbar {
	width: 1px;
	height: 1px
}

.SS_partner_text h4::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: var(--i_color)
}

.SS_partner_text h4::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: #F1F1F1
}



.SS_partner_list li a:hover h3 {

	color: var(--i_color2);

}



/* 指示器 */

.SS_partner .pt-pagination {
	display: none;
	text-align: center;
	margin: 0.4rem auto 0
}

.SS_partner .pt-pagination .swiper-pagination-bullet {
	width: 0.1rem;
	height: 0.1rem;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	background: #BBB;
	border-radius: 0%;
	outline: none
}

.SS_partner .pt-pagination .swiper-pagination-bullet-active {
	position: relative;
	background: var(--i_color)
}



/* 左右箭头 */

.SS_partner .pt-button-prev,
.SS_partner .pt-button-next {

	position: absolute;

	top: 0.1rem;

	width: 0.5rem;

	height: 0.5rem;

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

	box-sizing: border-box;

	z-index: 999;

	cursor: pointer;

	outline: none;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	border-radius: 50%;

	transition: all 0.3s ease;

}

.SS_partner .pt-button-prev iconify-icon,
.SS_partner .pt-button-next iconify-icon {

	font-size: 0.2rem;

	color: var(--i_color);

	transition: all 0.3s ease;

}

.SS_partner .pt-button-prev {
	right: 0.6rem;
}

.SS_partner .pt-button-next {
	right: 0%;
}



.SS_partner .pt-button-prev:hover,
.SS_partner .pt-button-next:hover {

	background-color: var(--i_color);

}

.SS_partner .pt-button-prev:hover iconify-icon,
.SS_partner .pt-button-next:hover iconify-icon {

	color: #fff;

}



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

	.success_cases_bac {

		padding: 0.8rem 0;

	}

	.SS_partner_list .img img {

		border-radius: 0.8rem 0.8rem 0 0;

	}

}

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

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

	.SS_partner .pt-button-prev,
	.SS_partner .pt-button-next {
		display: none
	}

	.SS_partner .pt-pagination {
		display: block
	}

	.success_cases_bac {

		padding: 0.6rem 0;

	}

	.SS_partner_list .img img {

		border-radius: 0.6rem 0.6rem 0 0;

	}

	.SS_partner_text h3 {

		font-size: 0.24rem;

	}

}

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

	.SS_partner_text h3 {

		font-size: 0.2rem;

	}

	.SS_partner_text {

		width: 60%;

		padding: 0.4rem 0.2rem;

	}

}

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

	.SS_partner_text h4 {

		-webkit-line-clamp: 3;

	}

	.SS_partner_text h3 {

		margin-bottom: 0.1rem;

	}

	.SS_partner_box {

		margin-top: 0.4rem;

	}

}

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

	.SS_partner_list .img {

		width: 100%;

	}



	.SS_partner_text {

		position: relative;

		right: unset;

		bottom: unset;

		width: 100%;

		border-radius: 0 0 0.3rem 0.3rem;

	}

	.SS_partner_text h4 {

		-webkit-line-clamp: 5;

	}

}







/* certificate */

.certificate_bac {

	background-color: #F8FCFF;

	box-sizing: border-box;

	padding: 1rem 0;

}

.certificate {}





.hhhs_partner_box {

	box-sizing: border-box;

	padding-top: 0.6rem;

}



.hhhs_partner {
	position: relative
}

.hhhs_partner_list {
	width: 100%;
	padding: 0.1rem 0 !important;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.hhhs_partner_list .swiper-wrapper {
	display: flex;
	position: relative;
	width: 100%;
	z-index: 1
}

.hhhs_partner_list .swiper-slide {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

	transform: scale(0.75);

	transition: all 0.3s ease;

}



.hhhs_partner_list .img {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	border-radius: 0.04rem;
	background-color: white;
	box-sizing: border-box;
	box-shadow: 0 0 0.1rem rgba(9, 50, 144, 0.2);
}

.hhhs_partner_list .img:before {
	content: "";
	display: block;
	padding-bottom: 130%
}

.hhhs_partner_list .img img {
	position: absolute;
	box-sizing: border-box;
	padding: 0.18rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: contain
}





.hhhs_partner_list .img img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}







.hhhs_partner_list .swiper-slide-active {

	transform: scale(1);

}



.hhhs_partner_list .swiper-slide-next,
.hhhs_partner_list .swiper-slide-prev {

	transform: scale(0.9);

}









/* 指示器 */

.hhhs_partner .pt-pagination {
	display: none;
	text-align: center;
	margin: 0.4rem auto 0
}

.hhhs_partner .pt-pagination .swiper-pagination-bullet {
	width: 0.1rem;
	height: 0.1rem;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	background: #BBB;
	border-radius: 0%;
	outline: none
}

.hhhs_partner .pt-pagination .swiper-pagination-bullet-active {
	position: relative;
	background: var(--i_color)
}



/* 左右箭头 */

.hhhs_partner .pt-button-prev,
.hhhs_partner .pt-button-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	width: 0.5rem;

	height: 0.5rem;

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

	box-sizing: border-box;

	z-index: 999;

	cursor: pointer;

	outline: none;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	border-radius: 50%;

	transition: all 0.3s ease;

}

.hhhs_partner .pt-button-prev iconify-icon,
.hhhs_partner .pt-button-next iconify-icon {

	font-size: 0.2rem;

	color: var(--i_color);

	transition: all 0.3s ease;

}

.hhhs_partner .pt-button-prev {
	left: -5%;
}

.hhhs_partner .pt-button-next {
	right: -5%;
}



.hhhs_partner .pt-button-prev:hover,
.hhhs_partner .pt-button-next:hover {

	background-color: var(--i_color);

}

.hhhs_partner .pt-button-prev:hover iconify-icon,
.hhhs_partner .pt-button-next:hover iconify-icon {

	color: #fff;

}











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

	.certificate_bac {

		padding: 0.8rem 0;

	}

}

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

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

	.hhhs_partner .pt-button-prev,
	.hhhs_partner .pt-button-next {
		display: none
	}

	.hhhs_partner .pt-pagination {
		display: block
	}

	.hhhs_partner_list .img img {

		padding: 0.1rem;

	}

	.certificate_bac {

		padding: 0.6rem 0;

	}

}

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

	.about_zs h2 {
		font-size: 0.16rem;
		line-height: 0.25rem;
	}

}

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

	.hhhs_partner_box {
		padding-top: 0.4rem;
	}

	.hhhs_partner .pt-pagination {
		margin: 0px auto 0;
		margin-top: 0.4rem;
	}

	.about_zs h2 {

		font-size: 0.14rem;

		line-height: 0.2rem;

		margin-top: 0.2rem;

	}

	.about_zs h2 br {
		display: none;
	}

}

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







/* environment */

.environment_bac {

	box-sizing: border-box;

	padding: 0 0 1rem 0;

}

.environment {}





/* 合作伙伴 */

.en_partner_box {
	margin-top: 0.6rem;
}



.en_partner {
	position: relative
}

.en_partner_list {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.en_partner_list .swiper-wrapper {
	display: flex;
	position: relative;
	width: 100%;
	z-index: 1
}

.en_partner_list .swiper-slide {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

	flex-direction: column;

	position: relative;

}

.en_partner_list .swiper-slide::after {

	content: '';

	position: absolute;

	bottom: 0;

	right: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(255, 255, 255, 0.5);

	transition: all 0.5s ease;

	z-index: 3;

}

.en_partner_list .img {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.en_partner_list .img:before {
	content: "";
	display: block;
	padding-bottom: 66%
}

.en_partner_list .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-sizing: border-box;
	padding-top: 0.8rem;
}





.en_partner_list .img img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}



.en_partner_list .swiper-slide-active::after {

	bottom: -100%;



}

.en_partner_list .swiper-slide-active img {

	padding-top: 0 !important;

}



.en_partner_list .swiper-slide-active .en_partner_text {

	bottom: 0;

}





/* 指示器 */

.en_partner .pt-pagination {
	display: none;
	text-align: center;
	margin: 0.4rem auto 0
}

.en_partner .pt-pagination .swiper-pagination-bullet {
	width: 0.1rem;
	height: 0.1rem;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	background: #BBB;
	border-radius: 0%;
	outline: none
}

.en_partner .pt-pagination .swiper-pagination-bullet-active {
	position: relative;
	background: var(--i_color)
}



/* 左右箭头 */

.en_partner .pt-button-prev,
.en_partner .pt-button-next {

	position: absolute;

	top: 59%;

	transform: translate(0, -50%);

	width: 0.5rem;

	height: 0.5rem;

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

	box-sizing: border-box;

	z-index: 999;

	cursor: pointer;

	outline: none;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	border-radius: 50%;

	transition: all 0.3s ease;

}

.en_partner .pt-button-prev iconify-icon,
.en_partner .pt-button-next iconify-icon {

	font-size: 0.2rem;

	color: var(--i_color);

	transition: all 0.3s ease;

}

.en_partner .pt-button-prev {
	left: 13.54%;
}

.en_partner .pt-button-next {
	right: 13.54%;
}



.en_partner .pt-button-prev:hover,
.en_partner .pt-button-next:hover {

	background-color: var(--i_color);

}

.en_partner .pt-button-prev:hover iconify-icon,
.en_partner .pt-button-next:hover iconify-icon {

	color: #fff;

}





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

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

	.environment_bac {

		padding: 0 0 0.8rem 0;

	}

}

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

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

	.en_partner_list .img img {
		padding-top: 0.6rem;
	}

	.environment_bac {

		padding:0 0 0.6rem 0;

	}

}

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

	.en_partner .pt-button-prev,
	.en_partner .pt-button-next {
		display: none
	}

	.en_partner .pt-pagination {
		display: block
	}

}

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

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

	.en_partner_list .img img {
		padding-top: 0.4rem;
	}

	.en_partner_box {
		margin-top: 0.4rem;
	}

}

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

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





/* oem */

.oem_bac {

	box-sizing: border-box;

	padding: 0.8rem 0;

}

.oem {}

.oem_ul {

	margin-top: 0.6rem;

	overflow: hidden;

}

.oem_ul li {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	align-items: center;

}

.oem_img {

	width: 50%;

	position: relative;



}

.oem_img::after {

	content: '';

	display: block;

	padding-bottom: 65%;

}

.oem_img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

	border-radius: 0.2rem 0.2rem 0 0.2rem;

}

.oem_text {

	width: 50%;

	box-sizing: border-box;

	padding: 0.2rem 2%;

}

.oem_text h3 {

	font-size: 0.26rem;

	color: var(--i_color);

	font-weight: bold;

	margin-bottom: 0.3rem;

}

.oem_text h4 {

	font-size: 0.18rem;

	line-height: 0.3rem;

	color: #666;

}



.oem_ul li:nth-child(even) {

	flex-direction: row-reverse;

}

.oem_ul li:nth-child(even) .oem_img img {

	border-radius: 0 0.2rem 0.2rem 0.2rem;

}





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

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

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

	.oem_text h4 {

		font-size: 0.16rem;

		line-height: 0.24rem;

	}

	.oem_text h3 {

		font-size: 0.22rem;

		margin-bottom: 0.2rem;

	}

	.oem_bac {

		padding: 0.6rem 0;

	}

}

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

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

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

	.oem_img,
	.oem_text {

		width: 100%;

	}

	.oem_text {

		padding: 0.4rem 2%;

	}

	.oem_ul {

		margin-top: 0.4rem;

	}

}

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

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









/* service_adv */

.service_adv_bac {

	background-color: #F8FCFF;

	box-sizing: border-box;

	padding: 1rem 0;

}

.service_adv {}



.service_adv_ul {

	margin-top: 0.6rem;

	display: flex;

	display: -webkit-flex;

	gap: 0.3rem;

}

.service_adv_ul li {

	display: flex;

	display: -webkit-flex;

	flex-grow: 1;

	width: 15.75%;

	height: 6.2rem;

	border-radius: 0.1rem;

	overflow: hidden;

	position: relative;

	transition: all 0.7s ease;

}

.service_adv_ul li>img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.service_adv_text {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	box-sizing: border-box;

	padding: 0.8rem 0.25rem 0.3rem 0.25rem;

	background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}

.service_adv_text img {

	width: 0.75rem;

	height: 0.75rem;

	object-fit: contain;

}



.service_adv_text h3 {

	font-size: 0.24rem;

	color: #fff;

	font-weight: bold;

	text-transform: capitalize;

	margin-top: 0.1rem;

	text-align: center;

}

.service_adv_text h4 {

	font-size: 0.18rem;

	color: #fff;

	line-height: 0.24rem;

	display: none;

	opacity: 0;

	width: 31vw;

	margin-top: 0.2rem;

	transition: all 0.3s ease;

}



.service_adv_active {

	flex-grow: 1000 !important;

}





.service_adv_active .service_adv_text {

	align-items: flex-start;

}

.service_adv_active h4 {

	display: block;

	opacity: 1;

}

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

	.service_adv_bac {

		padding: 0.8rem 0;

	}

	.service_adv_text h3 {

		font-size: 0.22rem;

	}

	.service_adv_text h4 {

		font-size: 0.16rem;

		line-height: 0.22rem;

	}

	.service_adv_text h4 {

		width: 36vw;

	}

	.service_adv_text img {

		width: 0.7rem;

		height: 0.7rem;

	}

	.service_adv_ul {

		gap: 0.2rem;

	}

	.service_adv_ul li {

		height: 5.8rem;

	}

}

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

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

	.service_adv_bac {

		padding: 0.6rem 0;

	}

	.service_adv_text h3 {

		font-size: 0.2rem;

	}

	.service_adv_text img {

		width: 0.6rem;

		height: 0.6rem;

	}

	.service_adv_ul li {

		height: 5rem;

	}

}

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

	.service_adv_text h3 {

		font-size: 0.18rem;

	}

	.service_adv_text img {

		width: 0.5rem;

		height: 0.5rem;

	}

	.service_adv_ul li {

		height: 4.5rem;

	}

}

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

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

	.service_adv_ul {

		margin-top: 0.4rem;

		flex-wrap: wrap;

	}

	.service_adv_ul li {

		width: 100%;

	}

	.service_adv_text h4 {

		width: 100%;

	}

	.service_adv_ul li {

		height: 4rem;

	}

}

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

	.service_adv_ul li {

		height: 3.5rem;

	}

}

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

	.service_adv_ul li {

		height: 3rem;

	}

}







/* customer_service */

.customer_service_bac {

	box-sizing: border-box;

	padding: 1rem 0 0.25rem 0;

	background: url('static/imgs/customer_service_bac.webp') no-repeat center;

	background-size: cover;

}

.customer_service {}

.customer_service_img {

	position: relative;

}

.customer_service_img img {

	width: 8rem;

	height: 8rem;

	object-fit: contain;

	margin: 0 auto;

	display: block;

	max-width: 100%;

}

.title_absolute {

	position: absolute;

	top: -0.4rem;

	left: 50%;

	transform: translate(-50%, 0);

}

.customer_service_ul {}

.customer_service_ul li {

	position: absolute;

	box-sizing: border-box;

	padding: 0.2rem 0.3rem;

	box-shadow: 0 0.04rem 0.1rem rgba(9, 50, 144, 0.2);

	width: 4.68rem;

	border-radius: 1rem;

	background-color: #fff;

	transition: all 0.3s ease;

	cursor: pointer;

}

.customer_service_ul li h3 {

	font-size: 0.18rem;

	color: #333;

	font-family: 'med';

	text-align: center;

	text-transform: capitalize;

	transition: all 0.3s ease;

}

.customer_service_ul li p {

	font-size: 0.14rem;

	color: #333;

	line-height: 0.2rem;

	text-align: center;

	margin-top: 0.1rem;

	box-sizing: border-box;

	padding-right: 2%;

	max-height: 0.81rem;

	overflow: auto;

	display: none;

	transition: color 0.3s ease;

}



/*滚动条*/

.customer_service_ul li p::-webkit-scrollbar {
	width: 1px;
	height: 1px
}

.customer_service_ul li p::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #093290
}

.customer_service_ul li p::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: #F1F1F1
}







.customer_service_li1 {

	top: 11%;

	left: -7%;

}



.customer_service_li2 {

	top: 38%;

	left: 0%;

}

.customer_service_li3 {

	top: 69%;

	left: -11%;

}

.customer_service_li4 {

	top: 11%;

	right: -7%;

}

.customer_service_li5 {

	top: 38%;

	right: 0%;

}

.customer_service_li6 {

	top: 69%;

	right: -11%;

}



.customer_service_active {

	background-color: var(--i_color) !important;

}

.customer_service_active h3 {

	color: #fff !important;

}

.customer_service_active p {

	color: #fff !important;

	display: block;

}





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

	.customer_service_li1 {

		left: -1%;

	}

	.customer_service_li2 {

		left: 2%;

	}

	.customer_service_li3 {

		left: 0%;

	}

	.customer_service_li4 {

		right: -1%;

	}

	.customer_service_li5 {

		right: 2%;

	}

	.customer_service_li6 {

		right: 0%;

	}

	.customer_service_img img {

		width: 7rem;

		height: 7rem;

	}

}

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

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

	.customer_service_img img {

		width: 6.5rem;

		height: 6.5rem;

	}

}

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

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

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

	.customer_service_ul li {

		position: relative;

		width: 100%;

		border-radius: 0rem;

		top: unset;

		left: unset;

		right: unset;

	}

	.customer_service_img img {

		height: auto;

	}

}

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

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





/* ----------------------------contact--------------------------------- */

.banner_contact_text {

	position: absolute;

	top: 50%;

	left: 50%;

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

}

.banner_contact_text h3 {

	font-size: 0.6rem;

	color: #fff;

	text-transform: capitalize;

	font-weight: bold;

	line-height: 100%;

}

.banner_contact_text h4 {

	font-size: 0.3rem;

	color: #fff;

	margin-top: 0.1rem;

}





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

	.banner_contact_text h3 {

		font-size: 0.5rem;

	}

	.banner_contact_text h4 {

		font-size: 0.26rem;

	}

}

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

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

	.banner_contact_text h3 {

		font-size: 0.4rem;

	}

	.banner_contact_text h4 {

		font-size: 0.24rem;

	}

}

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

	.banner_contact_text h3 {

		font-size: 0.35rem;

	}

	.banner_contact_text h4 {

		font-size: 0.22rem;

	}

}

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

	.banner_contact_text h3 {

		font-size: 0.3rem;

	}

	.banner_contact_text h4 {

		font-size: 0.2rem;

	}

}

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

	.banner_contact_text h3 {

		font-size: 0.28rem;

	}

	.banner_contact_text h4 {

		font-size: 0.18rem;

	}

}

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

	.banner_contact_text h3 {

		font-size: 0.26rem;

	}

	.banner_contact_text h4 {

		font-size: 0.16rem;

	}

}

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

	.banner_contact_text h3 {

		font-size: 0.24rem;

	}

}







/* contact_us */

.contact_us_bac {

	box-sizing: border-box;

	padding: 1rem 0;

	background: url('static/imgs/contact_us.webp') center no-repeat;

	background-size: cover;

}

.contact_us {}

.contact_us_box {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	margin-top: 0.6rem;

	align-items: flex-start;

}

.contact_us_ul {

	width: 51.6%;

	box-sizing: border-box;

	padding-right: 4%;

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	gap: 0.3rem;

}

.contact_us_ul li {}

.contact_us_text {

	display: flex;

	display: -webkit-flex;

	gap: 0.1rem;

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

	box-sizing: border-box;

	padding-bottom: 0.1rem;

	position: relative;

	margin-bottom: 0.1rem;

}

.contact_us_text::after {

	content: '';

	position: absolute;

	bottom: -1px;

	left: 0;

	width: 40%;

	height: 2px;

	background-color: var(--i_color);

	transition: all 0.7s ease;

}

.contact_us_ul li:hover .contact_us_text::after {

	width: 100%;

}

.contact_us_text iconify-icon {

	font-size: 0.36rem;

	color: var(--i_color);

}

.contact_us_text p {

	font-size: 0.22rem;

	color: #222;

}

.contact_us_ul li a {

	font-size: 0.18rem;

	color: #444;

	transition: all 0.3s ease;

}

.contact_us_ul li a:hover {

	color: var(--i_color2);

}





.contact_us_img {

	position: relative;

	width: 48.4%;

}

.contact_us_img::after {

	content: '';

	display: block;

	padding-bottom: 75.5%;

}

.contact_us_img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

	border-radius: 0.2rem;

}





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

	.contact_us_bac {

		padding: 0.8rem 0;

	}

	.contact_us_text iconify-icon {

		font-size: 0.32rem;

	}

}

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

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

	.contact_us_bac {

		padding: 0.6rem 0;

	}

	.contact_us_text iconify-icon {

		font-size: 0.3rem;

	}

	.contact_us_text p {

		font-size: 0.2rem;

	}

	.contact_us_ul li a {

		font-size: 0.16rem;

	}

}

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

	.contact_us_text iconify-icon {

		font-size: 0.28rem;

	}



}

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

	.contact_us_ul {

		gap: 0.2rem;

	}

}

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

	.contact_us_ul {

		width: 100%;

		padding-right: 0%;

	}

	.contact_us_img {

		width: 100%;

	}

	.contact_us_box {

		margin-top: 0.4rem;

		gap: 0.4rem;

		flex-direction: column-reverse;

	}

}

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

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





/* contact_form */

.contact_form_bac {

	box-sizing: border-box;

	padding: 1rem 0;

}

.contact_form {}







#wpforms-38 {
	--input_font_size: 0.16rem;
	--input_height: 0.5rem
}

#wpforms-38 {

	width: 100%;

	margin: 0 auto;

	padding: 0;

	margin-top: 0.6rem;

}

#wpforms-form-38 {
	width: 100%;
	overflow: hidden
}





#wpforms-38 input,
#wpforms-38 button {
	margin: 0;
	padding: 0;
	border: none;
	background: none
}

#wpforms-38 .wpforms-field {
	padding: 0;
	margin: 0
}

#wpforms-38 .wpforms-error-container {
	line-height: 16px
}

#wpforms-38 .wpforms-field-container {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden
}













#wpforms-38 .wpforms-field {

	position: relative;

}

#wpforms-38 .wpforms-field-label {

	font-size: 0;

}

#wpforms-38 .wpforms-field-label span {

	position: absolute;

	top: 12px;

	left: 3px;

	font-size: 0.14rem;

	color: red;

}

#wpforms-38 .wpforms-error {

	font-size: 0;

}

#wpforms-38 .wpforms-field {
	width: 100%;
	padding-bottom: 0.2rem;
	background: transparent;
	overflow: hidden
}

#wpforms-38 .wpforms-field:nth-child(1),
#wpforms-38 .wpforms-field:nth-child(2) {
	margin-right: 0.2rem
}

#wpforms-38 .wpforms-field:nth-child(1),
#wpforms-38 .wpforms-field:nth-child(2),
#wpforms-38 .wpforms-field:nth-child(3) {
	width: calc((100% - 0.4rem) / 3)
}



#wpforms-38 .wpforms-field:nth-child(4) {
	margin-right: 0.2rem
}

#wpforms-38 .wpforms-field:nth-child(4),
#wpforms-38 .wpforms-field:nth-child(5) {

	width: calc((100% - 0.2rem) / 2)
}





#wpforms-38 input {
	height: var(--input_height)
}

#wpforms-38 textarea {
	height: 1.6rem
}

#wpforms-38 input,
#wpforms-38 textarea {

	width: 100%;
	border: 0;
	max-width: 100% !important;
	font-size: var(--input_font_size);

	background-color: #F7F7F7;
	color: #222;

	box-sizing: border-box;
	line-height: var(--input_height);
	padding: 0 10px;

	border-radius: 0.04rem;

	border: 1px solid rgba(51, 51, 51, 0.2);

	transition: all 0.3s ease;

}

#wpforms-38 textarea {

	line-height: 0.24rem;

	padding: 10px;

}







#wpforms-38 input:hover,
#wpforms-38 textarea:hover {

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

}



#wpforms-38 input::-webkit-input-placeholder {
	color: #999;
	font-size: var(--input_font_size)
}

#wpforms-38 input::-moz-placeholder {
	color: #999;
	font-size: var(--input_font_size)
}

#wpforms-38 input::-moz-placeholder {
	color: #999;
	font-size: var(--input_font_size)
}

#wpforms-38 input::-ms-input-placeholder {
	color: #999;
	font-size: var(--input_font_size)
}

#wpforms-38 textarea::-webkit-input-placeholder {
	color: #999;
	font-size: var(--input_font_size)
}

#wpforms-38 textarea::-moz-placeholder {
	color: #999;
	font-size: var(--input_font_size)
}

#wpforms-38 textarea::-moz-placeholder {
	color: #999;
	font-size: var(--input_font_size)
}

#wpforms-38 textarea::-ms-input-placeholder {
	color: #999;
	font-size: var(--input_font_size)
}



#wpforms-38 #wpforms-38-field_1-error,
#wpforms-38 #wpforms-38-field_2-error,
#wpforms-38 #wpforms-38-field_3-error,
#wpforms-38 #wpforms-38-field_4-error {
	position: absolute;
	font-size: 14px
}









#wpforms-38 .wpforms-submit-container img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 4px
}

#wpforms-38 .wpforms-submit-container {

	display: flex;

	display: -webkit-flex;

	margin-top: 0.2rem;

}

#wpforms-38 .wpforms-submit-container button {

	font-size: 0.2rem;

	color: #fff;

	display: inline-block;

	box-sizing: border-box;

	border-radius: 0.3rem;

	padding: 0.14rem 0.7rem;

	transition: all 0.2s ease-in;

	position: relative;

	overflow: hidden;

	background-color: var(--i_color);

	cursor: pointer;

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

	text-transform: uppercase;



}

#wpforms-38 .wpforms-submit-container button:hover {

	background-color: #222;

	border: 1px solid #222;

}



















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

	.contact_form_bac {

		padding: 0.8rem 0;

	}

}

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

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

	.contact_form_bac {

		padding: 0.6rem 0;

	}

}

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

	#wpforms-38 .wpforms-submit-container {
		margin: 0.2rem auto 0;
	}

}

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

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

	#wpforms-38 .wpforms-field:nth-child(1),
	#wpforms-38 .wpforms-field:nth-child(2) {
		margin-right: 0rem
	}

	#wpforms-38 .wpforms-field:nth-child(1),
	#wpforms-38 .wpforms-field:nth-child(2),
	#wpforms-38 .wpforms-field:nth-child(3) {
		width: 100%
	}

	#wpforms-38 {
		--input_height: 0.5rem
	}

	.become_form {
		margin-top: 0.4rem;
	}

	#wpforms-38 .wpforms-field:nth-child(4) {
		margin-right: 0rem
	}

	#wpforms-38 .wpforms-field:nth-child(4),
	#wpforms-38 .wpforms-field:nth-child(5) {

		width: 100%;

	}

	#wpforms-38 {

		margin: 0 auto;

		margin-top: 0.4rem;

	}

}

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

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







/* contact_map */

.contact_map {

	height: 7.17rem;

}



.contact_map #simpleMap,

.contact_map .fluid-width-video-wrapper,

.contact_map iframe {

	width: 100%;

	height: 100% !important;

}



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

	.contact_map {

		height: 6.5rem;

	}

}

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

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

	.contact_map {

		height: 6rem;

	}

}

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

	.contact_map {

		height: 5rem;

	}

}

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

	.contact_map {

		height: 4.5rem;

	}

}

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

	.contact_map {

		height: 4rem;

	}

}

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

	.contact_map {

		height: 3.5rem;

	}

}

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





/* news_list */

.news_list_bac {

	box-sizing: border-box;

	padding: 1rem 0 0.8rem 0;

}

.news_list {}

.news_list_ul {

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	gap: 0.3rem;

}

.news_list_ul li {}

.news_list_ul li a {

	display: inline-block;

	box-sizing: border-box;

	padding: 0.12rem 0.3rem;

	border-radius: 1.2rem;

	font-size: 0.18rem;

	color: var(--i_color);

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

	min-width: 1.9rem;

	text-align: center;

	text-transform: capitalize;

	transition: all 0.3s ease;

}



.news_list_active a,
.news_list_ul li a:hover {

	color: #fff !important;

	background: var(--i_color);

}



.news_bac {

	box-sizing: border-box;

	padding-bottom: 1rem;

}



.news_ul {

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	gap: 0.4rem;

	margin-top: 0.6rem;

}

.news_ul li {

	box-sizing: border-box;

	padding: 0.25rem 0;

	background-color: #fff;

	box-shadow: 0 0.03rem 0.16rem rgba(0, 0, 0, 0.1);

	border-radius: 0.1rem;

	overflow: hidden;

	transition: all 0.3s ease;

}

.news_ul li:hover {

	box-shadow: 0 0.03rem 0.16rem rgba(9, 50, 144, 0.15);

}

.news_ul li h3 {

	font-size: 0.26rem;

	line-height: 100%;

	color: #333;

	font-weight: bold;

	box-sizing: border-box;

	background: linear-gradient(to right, rgba(9, 50, 144, 0.16), rgba(9, 50, 144, 0));

	padding: 0.16rem 2.4rem 0.16rem 0.3rem;

	width: 73%;

	transition: all 0.3s ease;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	box-sizing: border-box;

}

.news_ul li:hover h3 {

	color: var(--i_color);

}

.news_box {

	box-sizing: border-box;

	padding: 0 3%;

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	align-items: center;

	margin-top: 0.3rem;

}

.news_img {

	width: 31.4%;

	position: relative;

	overflow: hidden;

}

.news_img::after {

	content: '';

	display: block;

	padding-bottom: 70%;

}

.news_img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

	border-radius: 0.1rem;

	transition: all 0.3s ease;

}

.news_ul li:hover img {

	width: 110%;

	height: 110%;

}

.news_text {

	width: 68.6%;

	box-sizing: border-box;

	padding-left: 4%;

}

.news_text h4 {

	font-size: 0.18rem;

	line-height: 166%;

	color: #666;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}

.new_tag {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	margin-top: 0.1rem;

}

.new_tag p {

	font-size: 0.18rem;

	color: #333;

}

.new_tag a {

	font-size: 0.18rem;

	color: var(--i_color);

	position: relative;

	transition: all 0.3s ease;

}

.new_tag a:hover {

	color: var(--i_color2);

}

.new_tag a::after {

	content: '';

	position: absolute;

	right: 0.13rem;

	top: 50%;

	transform: translate(0, -50%);

	width: 1px;

	height: 0rem;

	background-color: var(--i_color);

}

.new_tag a:not(:last-child) {

	padding-right: 0.26rem;



}

.new_tag a:not(:last-child)::after {

	height: 0.15rem;

}







.news_btn {

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: center;

	margin-top: 0.5rem;

}

.news_btn h5 {

	color: #999;

	font-size: 0.16rem;

	opacity: 0.5;

	transition: all 0.3s ease;

}



.home_btn_news a {

	background-color: #fff;

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

	padding: 0.06rem 0.25rem;

	opacity: 0.5;

	transition: all 0.3s ease;

}

.home_btn_news span {

	background-color: #fff;

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

	padding: 0.07rem 0.25rem;

	cursor: pointer;

	transition: all 0.3s ease;

}

.home_btn_news a:before,
.home_btn_news span::before {

	background-color: var(--i_color);

}











.home_btn_news p,
.home_btn_news iconify-icon {

	color: var(--i_color);

}



.news_ul li:hover .news_btn h5,
.news_ul li:hover .news_btn .home_btn a {

	opacity: 1;

}



.home_btn_news:hover p,
.home_btn_news:hover iconify-icon {

	color: #fff;

}







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

	.news_ul li h3 {

		font-size: 0.24rem;

		padding: 0.16rem 1.4rem 0.16rem 0.3rem;

		width: 73%;

	}

	.news_list_bac {

		padding: 0.8rem 0 0.6rem 0;

	}

	.news_bac {

		padding-bottom: 0.8rem;

	}

}

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

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

	.news_ul li h3 {

		font-size: 0.2rem;

		padding: 0.12rem 1rem 0.12rem 0.3rem;

		width: 100%;

	}

	.news_btn {

		margin-top: 0.4rem;

	}

	.news_text h4 {

		font-size: 0.16rem;

	}

	.new_tag a {

		font-size: 0.16rem;

	}

	.news_list_bac {

		padding: 0.6rem 0 0.4rem 0;

	}

	.news_list_ul li a {

		padding: 0.1rem 0.3rem;

		font-size: 0.16rem;

		min-width: unset;

	}

	.news_bac {

		padding-bottom: 0.6rem;

	}

}

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

	.news_btn {

		margin-top: 0.3rem;

	}

}

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

	.news_text h4 {

		-webkit-line-clamp: 2;

	}



}

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

	.news_btn {

		margin-top: 0.2rem;

	}

	.news_ul {

		margin-top: 0.4rem;

	}

	.news_list_ul li a {

		padding: 0.08rem 0.3rem;

		font-size: 0.14rem;

	}

}

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

	.news_img {

		width: 100%;

	}

	.news_text {

		width: 100%;

		padding-left: 0%;

		margin-top: 0.2rem;

	}

	.new_tag a {

		font-size: 0.14rem;

	}

	.new_tag p {

		font-size: 0.16rem;

	}

	.news_box {

		margin-top: 0.2rem;

	}

	.news_ul li h3 {

		padding: 0.12rem 0.2rem;

	}

}

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









/* Number of pages */

.in_page_box {

	text-align: center;

	overflow: hidden;

	margin-top: 0.7rem;

}

.in_page {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

}

.in_page_right .in_page {

	justify-content: flex-end;

}

.in_page_left .in_page {

	justify-content: flex-start;

}

.in_page li {

	min-width: .32rem;

	margin: 0 .04rem;

}

.in_page a,

.in_page span {

	display: block;

	padding: 0 .12rem;

	line-height: .32rem;

	font-size: .14rem;

	color: #666;

	background: #FFF;

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

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

	overflow: hidden;

	transition: all 0.3s ease;

}

.in_page>i {

	margin-top: 0.14rem;

	width: 100%;

	font-size: 0.13rem;

	color: #888;

	display: none;

}



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

}

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

	}

	.in_page_box {
		margin-top: 0.4rem;
	}

}

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







/* faq */

.faq_bac {

	box-sizing: border-box;

	padding-bottom: 1rem;

}

.faq {}

.faq_ul {

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	gap: 0.4rem;

}

.faq_ul li {

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

	box-sizing: border-box;

	padding-bottom: 0.4rem;

}

.faq_ul li h3 {

	font-size: 0.26rem;

	color: #333;

	font-family: 'med';

	box-sizing: border-box;

	padding: 0.13rem 0.3rem;

	background: linear-gradient(to right, rgba(9, 50, 144, 0.16), rgba(9, 50, 144, 0));

	line-height: 120%;

	cursor: pointer;

}

.faq_ul li h4 {

	font-size: 0.16rem;

	line-height: 0.24rem;

	color: #333;

	box-sizing: border-box;

	padding: 0.2rem 0.3rem 0 0.3rem;

	display: none;

}





/* solutions */

.solutions_bac {

	box-sizing: border-box;

	padding: 1rem 0;

	background: url('static/imgs/solution_bac.webp') center no-repeat;

	background-size: cover;

}







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

	.faq_ul li h3 {

		font-size: 0.24rem;

		padding: 0.12rem 0.3rem;

	}

	.faq_bac {

		padding-bottom: 0.8rem;

	}

	.solutions_bac {

		padding: 0.8rem 0;

	}

}

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

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

	.faq_ul li h3 {

		font-size: 0.22rem;

	}

	.faq_bac {

		padding-bottom: 0.6rem;

	}

	.solutions_bac {

		padding: 0.6rem 0;

	}

}

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

	.faq_ul li h3 {

		font-size: 0.2rem;

	}

}

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

	.faq_ul li h3 {

		font-size: 0.18rem;

	}

}

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

	.faq_ul li h3 {

		font-size: 0.16rem;

	}

	.faq_ul li h4 {

		font-size: 0.14rem;

		line-height: 0.22rem;

	}

	.faq_ul li {

		padding-bottom: 0.3rem;

	}

	.faq_ul {

		gap: 0.3rem;

	}

}

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

	.faq_ul li {

		padding-bottom: 0.2rem;

	}

	.faq_ul {

		gap: 0.2rem;

	}

}

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







/* products */

.products_bac {}

.products {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

}

.products_left {

	width: 33.3%;

	box-sizing: border-box;

	padding-right: 0.15rem;

	padding-top: 0.4rem;
	padding-bottom: 0.2rem;

}











.products_search {

	border: 0px;

	width: 100% !important;

	margin: 0 !important;

	margin-left: auto !important;

	display: flex;

	display: -webkit-flex;

	border-radius: 0.05rem !important;

	overflow: hidden;

	margin-bottom: 0.35rem !important;

}

.products_search .search_ipt {

	background: #ffffff;

	width: calc(100% - 0.5rem) !important;

	line-height: 0.5rem !important;

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

	border-right: 0.06rem;

	box-sizing: border-box;



}

.products_search .search_btn {

	width: 0.5rem !important;

	height: 0.54rem !important;

	background-color: var(--i_color) !important;

	background-image: url('static/imgs/max.png') !important;

	background-repeat: no-repeat !important;

	background-position: center !important;

	background-size: 0.4rem !important;

	cursor: pointer;

}



.products_search input:focus {
	outline: none;
	padding-left: 0px;
	line-height: 45px;
	box-sizing: border-box;
	text-align: left;
	font-size: 14px;
}

.products_search :-moz-placeholder {
	color: #666666;
	padding-left: 15px;
	line-height: 45px;
	box-sizing: border-box;
	text-align: left;
	font-size: 14px;
}

.products_search ::-moz-placeholder {
	color: #666666;
	padding-left: 15px;
	line-height: 45px;
	box-sizing: border-box;
	text-align: left;
	font-size: 14px;
}

.products_search ::-webkit-input-placeholder {
	color: #666666;
	padding-left: 15px;
	line-height: 45px;
	box-sizing: border-box;
	text-align: left;
	font-size: 14px;
}

.products_search :-ms-input-placeholder {
	color: #666666;
	padding-left: 15px;
	line-height: 45px;
	box-sizing: border-box;
	text-align: left;
	font-size: 14px;
}







.products_left_h2 {

	font-size: 0.32rem;

	font-weight: bold;

	text-transform: capitalize;

	box-sizing: border-box;

	color: #222;

	padding: 0 0 0.2rem 0rem;

	font-weight: bold;

	border-radius: 0.1rem;

}

.products_left_h2 iconify-icon {

	color: #fff;

	font-size: 0.34rem;

	margin-left: 0.1rem;

	font-weight: bold;

	margin-bottom: 2px;

	display: none;

}



.list {

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	box-sizing: border-box;

	gap: 0.15rem;

}

.list li {

	position: relative;

	border-radius: 0.06rem;

	overflow: hidden;

}





.list_a {

	box-sizing: border-box;

	padding: 0.21rem 0.5rem 0.21rem 0.2rem;

	position: relative;

	z-index: 2;

	overflow: hidden;

	background-color: #F9F9F9;



}

.list_a::after {

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	background-color: rgba(9, 50, 144, 0.06);

	width: 0;

	height: 100%;

	transition: all 0.5s ease-in-out;

	z-index: -1;

}

.list .list_a a {

	font-size: 0.18rem;

	color: #222;

	box-sizing: border-box;

	line-height: 110%;

	transition: all 0.3s ease;

	font-weight: bold;

}

.list .list_a a:hover {

	color: var(--i_color);

}

.list .list_a i {

	width: 0.35rem;

	height: 0.35rem;

	background-color: var(--i_color);

	border-radius: 50%;

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 0.14rem;

	cursor: pointer;



}

.list .list_a i iconify-icon {

	position: absolute;

	top: 50%;

	left: 50%;

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

	font-size: 0.2rem;

	color: #fff;

	transition: all 0.3s ease;

}

.list_dl {

	padding: 0.3rem 0.2rem;

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	box-sizing: border-box;

	background: rgba(9, 50, 144, 0.05);

	gap: 0.2rem;

}



.list_dl dt {

	box-sizing: border-box;

}

.list_dl dt a {

	font-size: 0.16rem;

	color: #666;

	display: inline-block;

	transition: all 0.3s ease;

	position: relative;

	box-sizing: border-box;

	border-bottom: 1px solid transparent;

}

/* .list_dl dt a::after{

	content: '';

	position: absolute;

	left: -0.1rem;

	top: 50%;

	transform: translate(0,-50%);

	width: 0.2rem;

	height: 1px;

	background-color: var(--i_color);

	opacity: 0;

	transition: all 0.3s ease;

} */

.list_dl dt a::before {

	content: '';

	position: absolute;

	top: 50%;

	right: 0.12rem;

	transform: translate(0, -50%);

	width: 0.08rem;

	height: 0.12rem;

	background: url('static/imgs/right.png') center no-repeat;

	background-size: contain;

	opacity: 0;

}









.list_dl dt a:hover::after,
.list_dl dt a:hover::before {

	opacity: 1;

}

.list_active {}

.list_active .list_a::after {

	width: 100%;

	left: 0;

	right: auto;

}

.list_active .list_a i iconify-icon {

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

}

.list_active .list_a a {

	color: var(--i_color);

}

.list_dl_active a::after,
.list_dl_active a::before {

	opacity: 1 !important;

	left: 0 !important;

}

.list_dl dt a:hover::after {

	opacity: 1 !important;

	left: 0 !important;

}

.list_dl dt a:hover {

	color: var(--i_color);

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

}



.list_dl_active a {

	color: var(--i_color) !important;

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

}





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

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

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

	.products_left_h2 {

		font-size: 0.28rem;

	}



}

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

	.products_left {

		width: 100%;

	}

	.products_left_h2 iconify-icon {
		display: block;
	}

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

	.products_left_h2 {
		margin-bottom: 0;
	}

	.list {
		margin-top: 0.2rem;
	}

	.products_left_h2 {

		color: #fff;

		background-color: var(--i_color);

		box-sizing: border-box;

		padding: 0.15rem 0;

	}

	.list {

		padding-bottom: 0.2rem;

	}

	.products_left_all {

		padding-right: 3%;

	}

}

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

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

	.products_left_h2 {
		font-size: 0.2rem;
	}

	.products_left_h2 iconify-icon {
		font-size: 0.3rem;
	}

}

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

	.products_left_h2 {
		font-size: 0.18rem;
	}

	.products_left_h2 iconify-icon {
		font-size: 0.25rem;
	}

}

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







/* products_contact */

.products_contact {

	background-color: #F2F4F9;

	border-radius: 0.1rem;

	box-sizing: border-box;

	padding: 0.5rem 0.15rem;

	width: 100%;

	margin-top: 0.6rem;

}

.products_contact h4 {

	font-size: 0.36rem;

	font-family: 'bold';

	color: var(--i_color);

	line-height: 100%;

	box-sizing: border-box;

	padding-bottom: 0.15rem;

	margin-bottom: 0.2rem;

	position: relative;

	text-transform: capitalize;

}

.products_contact h4::after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 0.7rem;

	height: 0.03rem;

	background-color: var(--i_color);

}

.products_contact_ul {}

.products_contact_ul li {

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	gap: 0.1rem;

}

.products_contact_ul li p {

	font-size: 0.18rem;

	color: #333;

	font-weight: bold;

	line-height: 0.26rem;

}

.products_contact_ul li p a {

	font-size: 0.16rem;

	color: #333;

	line-height: 0.26rem;

	transition: all 0.3s ease;

}

.products_contact_ul li p a:hover {

	color: var(--i_color);

}

.products_right {

	width: 66.7%;

	box-sizing: border-box;

	padding-left: 0.25rem;

	background-color: rgba(9, 50, 144, 0.05);

	padding-top: 0.4rem;

	padding-bottom: 1rem;

}

.products_right h3 {

	font-size: 0.32rem;

	color: var(--i_color);

	font-family: 'med';

	text-transform: capitalize;

}

.products_right h4 {

	font-size: 0.18rem;

	line-height: 0.28rem;

	color: #333;

	margin-top: 0.1rem;

}



.products_right_ul {

	margin-top: 0.5rem;

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	gap: 0.35rem;

}

.products_right_ul li {

	width: calc((100% - 0.7rem) / 3);

	border-radius: 0.1rem;

	border: 1px solid rgba(9, 50, 144, 0.2);

	box-sizing: border-box;

	overflow: hidden;

	transition: all 0.3s ease;
	background-color: #fff;

}

.products_right_ul li a {

	display: block;

	width: 100%;

	background-color: #fff;

	box-sizing: border-box;

	padding: 0.2rem;

}

.products_right_img {

	width: 100%;

	position: relative;

}

.products_right_img::after {

	content: '';

	display: block;

	padding-bottom: 100%;

}

.products_right_img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.products_right_text {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	flex-direction: column;

	margin-top: 0.1rem;

}

.products_right_text h5 {

	font-size: 0.18rem;

	color: #333;

	font-weight: bold;

	text-transform: capitalize;

	text-align: center;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	box-sizing: border-box;

	transition: all 0.3s ease;

}

.products_right_text h6 {

	font-size: 0.18rem;

	line-height: 0.28rem;

	color: #333;

	text-align: center;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	margin: 0.1rem 0;

	transition: all 0.3s ease;

}

.products_right_ul li:hover {

	transform: translateY(-0.1rem);

	box-shadow: 0 0 0.1rem rgba(9, 50, 144, 0.15);

	border: 1px solid #fff;

}

.products_right_ul li:hover h5 {

	color: var(--i_color);

}

.products_right_ul li:hover h6 {

	color: var(--i_color);

}

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

	.products_right h3 {

		font-size: 0.3rem;

	}

	.products_contact h4 {

		font-size: 0.34rem;

	}

	.products_right {

		padding-bottom: 0.8rem;

	}

}

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

	.products_right h3 {

		font-size: 0.28rem;

	}

}

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

	.products_right h3 {

		font-size: 0.26rem;

	}

	.products_right h4 {

		font-size: 0.16rem;

		line-height: 0.26rem;

	}

	.products_contact h4 {

		font-size: 0.3rem;

	}

	.products_right_ul {

		gap: 0.35rem 0.2rem;

	}

	.products_right_ul li {

		width: calc((100% - 0.4rem) / 3);

	}

	.products_right_text h6 {

		font-size: 0.16rem;

		line-height: 0.26rem;

	}

	.products_right {

		padding-bottom: 0.6rem;

	}

}

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

	.products_right h3 {

		font-size: 0.24rem;

	}

	.products_contact h4 {

		font-size: 0.25rem;

	}

	.products_contact {

		display: none;

	}

	.products_right {

		width: 100%;

		margin-top: 0.2rem;

	}

}

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

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

	.products_right h3 {

		font-size: 0.2rem;

	}

	.products_right h4 {

		font-size: 0.14rem;

		line-height: 0.24rem;

	}

	.products_right_ul {

		margin-top: 0.4rem;

	}

	.products_right_ul li {

		width: calc((100% - 0.2rem) / 2);

	}



}

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

	.products_right_text h6 {

		font-size: 0.14rem;

		line-height: 0.24rem;

	}

	.products_right_ul {

		gap: 0.3rem 0.1rem;

	}

	.products_right_ul li {

		width: calc((100% - 0.1rem) / 2);

	}

	.products_right_ul li a {

		padding: 0.2rem 0.1rem;

	}

}

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







/* single_grid */

.single_grid_bac {

	box-sizing: border-box;

	padding: 0.8rem 0;

	background: url('static/imgs/single_grid.webp') center no-repeat;

	background-size: cover;

}

.single_grid {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	align-items: flex-start;

}

.single_grid_left {

	width: 44.5%;

}







/*  */

.SG_partner_box {}



.SG_partner {
	position: relative
}

.SG_partner_list {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.SG_partner_list .swiper-wrapper {
	display: flex;
	position: relative;
	width: 100%;
	z-index: 1
}

.SG_partner_list li {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

	flex-direction: column;

	border-radius: 0.2rem;

	overflow: hidden;

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

	box-sizing: border-box;

}



.SG_partner_list .img {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden
}

.SG_partner_list .img:before {
	content: "";
	display: block;
	padding-bottom: 100%
}

.SG_partner_list .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: contain
}





.SG_partner_list .img img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}



/* 指示器 */

.SG_partner .pt-pagination {
	display: none;
	text-align: center;
	margin: 0.4rem auto 0
}

.SG_partner .pt-pagination .swiper-pagination-bullet {
	width: 0.1rem;
	height: 0.1rem;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	background: #BBB;
	border-radius: 50%;
	outline: none
}

.SG_partner .pt-pagination .swiper-pagination-bullet-active {
	position: relative;
	background: var(--i_color)
}



/* 左右箭头 */

.SG_partner .pt-button-prev,
.SG_partner .pt-button-next {

	position: absolute;

	bottom: 0.2rem;

	width: 0.5rem;

	height: 0.5rem;

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

	box-sizing: border-box;

	z-index: 999;

	cursor: pointer;

	outline: none;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	border-radius: 50%;

	transition: all 0.3s ease;

}

.SG_partner .pt-button-prev iconify-icon,
.SG_partner .pt-button-next iconify-icon {

	font-size: 0.2rem;

	color: var(--i_color);

	transition: all 0.3s ease;

}

.SG_partner .pt-button-prev {
	right: 0.8rem;
}

.SG_partner .pt-button-next {
	right: 0.2rem;
}



.SG_partner .pt-button-prev:hover,
.SG_partner .pt-button-next:hover {

	background-color: var(--i_color);

}

.SG_partner .pt-button-prev:hover iconify-icon,
.SG_partner .pt-button-next:hover iconify-icon {

	color: #fff;

}



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

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

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

	.SG_partner .pt-button-prev,
	.SG_partner .pt-button-next {
		display: none
	}

	.SG_partner .pt-pagination {
		display: block
	}

}

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

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

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





.single_grid_right {

	width: 55.5%;

	box-sizing: border-box;

	padding-left: 4%;

}

.single_grid_right h2 {

	font-size: 0.36rem;

	color: var(--i_color);

	font-weight: bold;

}

.single_grid_right h1 {

	font-size: 0.24rem;

	color: var(--i_color);

	font-family: 'med';

	box-sizing: border-box;

	padding-bottom: 0.1rem;

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

	position: relative;

	margin-bottom: 0.2rem;

}

.single_grid_right h1::after {

	content: '';

	position: absolute;

	bottom: -1px;

	left: 0;

	width: 50%;

	height: 2px;

	background-color: var(--i_color);

}

.single_grid_right h3 {

	font-size: 0.2rem;

	color: var(--i_color);

	font-weight: bold;

	text-transform: capitalize;

	margin-bottom: 0.1rem;

}

.single_grid_editor {

	box-sizing: border-box;

	padding-bottom: 0.6rem;

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

	margin-bottom: 0.2rem;

	font-size: 0.16rem;

}

.single_grid_share {

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	align-items: center;

}

.single_grid_dl {

	display: flex;

	display: -webkit-flex;

	gap: 0.25rem;

}

.single_grid_dl dt {}

.single_grid_dl dt a {

	width: 0.44rem;

	height: 0.44rem;

	background-color: rgba(14, 110, 184, 0.15);

	display: block;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	transition: all 0.3s ease;

	border-radius: 50%;

}

.single_grid_dl dt a iconify-icon {

	font-size: 0.2rem;

	color: #fff;

	transition: all 0.3s ease;

}



.single_grid_dl dt a:hover {

	background-color: var(--i_color);

	transform: translateY(-0.05rem);

}





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

	.single_grid_right h2 {

		font-size: 0.34rem;

	}

	.single_grid_right h1 {

		font-size: 0.22rem;

	}

}

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

	.single_grid_right h2 {

		font-size: 0.32rem;

	}

}

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

	.single_grid_right h2 {

		font-size: 0.3rem;

	}

	.single_grid_right h1 {

		font-size: 0.2rem;

	}

	.single_grid_bac {

		padding: 0.6rem 0;

	}

}

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

	.single_grid_right h2 {

		font-size: 0.28rem;

	}

	.single_grid_right h1 {

		font-size: 0.18rem;

	}

}

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

	.single_grid_right h2 {

		font-size: 0.26rem;

	}

	.single_grid_left {

		width: 50%;

		margin: 0 auto;

	}

	.single_grid_right {

		width: 100%;

		margin-top: 0.4rem;

		padding-left: 0%;

	}

}

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

	.single_grid_right h2 {

		font-size: 0.24rem;

	}

	.single_grid_left {

		width: 80%;

	}

}

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

	.single_grid_left {

		width: 100%;

	}

}

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





/* editor */

.editor_bac {

	box-sizing: border-box;

	padding: 0.8rem 0;

}

.editor {}

.editor_ul {

	display: flex;

	display: -webkit-flex;

	gap: 1rem;

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

	padding-bottom: 0.1rem;

	box-sizing: border-box;

}

.editor_ul li {

	font-size: 0.2rem;

	color: #333;

	font-weight: bold;

	text-transform: capitalize;

	box-sizing: border-box;



	position: relative;

}

.editor_ul li::after {

	content: '';

	position: absolute;

	bottom: -0.1rem;

	right: 0;

	width: 0;

	height: 0.03rem;

	background-color: var(--i_color);

	transition: all 0.3s ease;

}

.editor_ul li.current {

	color: var(--i_color);

}

.editor_ul li.current::after {

	right: auto;

	left: 0;

	width: 100%;

}

.editor_dl dt {

	margin-top: 0.4rem;

}
.editor  iframe{
	width: 100% !important;
    max-width: 100% !important;
	height: 7rem;
}


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

	.editor_ul li {

		font-size: 0.18rem;

	}

	.editor_ul {

		gap: 0.8rem;

	}
	.editor  iframe{
		height: 6.5rem;
	}

}

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

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



	.editor_ul {

		gap: 0.6rem;

	}

	.editor_bac {

		padding: 0.6rem 0;

	}
	.editor  iframe{
		height: 6rem;
	}

}

@media screen and (max-width:1024px) {
	.editor  iframe{
		height: 5rem;
	}
}

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

	.editor_ul li {

		font-size: 0.16rem;

	}

	.editor_ul {

		gap: 0.4rem;

	}
	.editor  iframe{
		height: 4.5rem;
	}
}

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

	.editor_ul li {

		font-size: 0.14rem;

	}

	.editor_ul {

		gap: 0.2rem;

	}
	.editor  iframe{
		height: 4rem;
	}

}

@media screen and (max-width:560px) {
	.editor  iframe{
		height: 3.6rem;
	}
}

@media screen and (max-width:425px) {
	.editor  iframe{
		height: 3.2rem;
	}
}





/* single_three */



.single_three_bac {

	background-color: rgba(9, 50, 144, 0.05);

	box-sizing: border-box;

	padding: 0.6rem 0;

}

.single_three {}

.single_tags {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	gap: 0.1rem 0;

	align-items: center;

}

.single_tags p {

	font-size: 0.18rem;

	color: #333;

	font-weight: bold;

	text-transform: capitalize;

}

.single_tags a {

	font-size: 0.16rem;

	color: #333;

	border-bottom: 1px solid transparent;

	transition: all 0.3s ease;

}

.single_tags a:not(:last-child) {

	margin-right: 0.25rem;

}

.single_tags a:hover {

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

	color: var(--i_color);

}



.editor_LR {

	display: flex;

	display: -webkit-flex;

	justify-content: space-between;

	box-sizing: border-box;

	padding-top: 0.2rem;

	margin-top: 0.2rem;

	border-top: 1px solid #CECECE;

}

.editor_LR>div {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	max-width: 49%;

}

.editor_LR i {

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	width: 0.35rem;

	min-width: 0.35rem;

	height: 0.35rem;

	border-radius: 50%;

	border: 1px solid #333;

	transition: all 0.3s ease;

}

.editor_LR i iconify-icon {

	color: #333;

	font-size: 0.15rem;

	transition: all 0.3s ease;

}

.editor_LR p {

	font-size: 0.18rem;

	color: #333;

	font-weight: bold;

}

.editor_LR a {

	font-size: 0.18rem;

	color: #333;

	transition: all 0.3s ease;

}

.editor_L i {

	margin-right: 0.1rem;

}

.editor_R i {

	margin-left: 0.1rem;

}

.editor_R {

	margin-left: auto;

}

.editor_LR a:hover {

	color: var(--i_color);

}

.editor_LR>div:hover i {

	background-color: var(--i_color);

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

}

.editor_LR>div:hover i iconify-icon {

	color: #fff;

}







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

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

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

	.editor_L i {

		margin-right: 0.1rem;

	}

	.editor_R i {

		margin-left: 0.1rem;

	}

	.editor_LR a {

		font-size: 0.16rem;

	}

	.editor_LR i {

		width: 0.35rem;

		min-width: 0.35rem;

		height: 0.35rem;

	}



}

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

	.deitor_left {
		display: none;
	}

	.deitor_right {

		width: 100%;

		padding-left: 0%;

	}

}

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

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

	.editor_LR {

		flex-direction: column;

		gap: 0.1rem;

	}

	.editor_LR>div {

		width: 100%;

		max-width: 100%;

	}

	.editor_R {

		justify-content: flex-end;

	}

}

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

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









/* hot_products */

.hot_products_bac {

	box-sizing: border-box;

	padding: 1rem 0;

}

.hot_products {}







/*  */

.hot_partner_box {

	margin-top: 0.45rem;

}



.hot_partner {
	position: relative
}

.hot_partner_list {
	width: 100%;
	padding: 0.15rem 0.1rem;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.hot_partner_list .swiper-wrapper {
	display: flex;
	position: relative;
	width: 100%;
	z-index: 1
}

.hot_partner_list li {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

	flex-direction: column;

	border-radius: 0.1rem;

	border: 1px solid rgba(9, 50, 144, 0.2);

	box-sizing: border-box;

	overflow: hidden;

	transition: all 0.3s ease;

}

.hot_partner_list li a {

	display: block;

	width: 100%;

	background-color: #fff;

	box-sizing: border-box;

	padding: 0.2rem;

}

.hot_partner_list .img {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden
}

.hot_partner_list .img:before {
	content: "";
	display: block;
	padding-bottom: 100%
}

.hot_partner_list .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: contain
}





.hot_partner_list .img img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}



.hot_text {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	flex-direction: column;

	margin-top: 0.1rem;

}

.hot_text h5 {

	font-size: 0.18rem;

	color: #333;

	font-weight: bold;

	text-transform: capitalize;

	text-align: center;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	box-sizing: border-box;

	transition: all 0.3s ease;

}

.hot_text h6 {

	font-size: 0.18rem;

	line-height: 0.28rem;

	color: #333;

	text-align: center;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	margin: 0.1rem 0;

}







.hot_partner_list li:hover {

	transform: translateY(-0.1rem);

	box-shadow: 0 0 0.1rem rgba(9, 50, 144, 0.15);

	border: 1px solid #fff;

}

.hot_partner_list li:hover h5 {

	color: var(--i_color);

}

































/* 指示器 */

.hot_partner .pt-pagination {
	text-align: center;
	margin: 0.4rem auto 0
}

.hot_partner .pt-pagination .swiper-pagination-bullet {

	width: 0.1rem;

	height: 0.1rem;

	cursor: pointer;

	display: inline-block;

	margin: 0 0.1rem;

	background: #BBB;

	border-radius: 50%;

	outline: none;

	position: relative;

}

.hot_partner .pt-pagination .swiper-pagination-bullet::after {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 0.17rem;

	height: 0.17rem;

	border: 1px solid transparent;

	border-radius: 50%;

	transition: all 0.3s ease;

}

.hot_partner .pt-pagination .swiper-pagination-bullet-active {

	position: relative;

	background: var(--i_color);

}

.hot_partner .pt-pagination .swiper-pagination-bullet-active::after {

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

}

/* 左右箭头 */

.hot_partner .pt-button-prev,
.hot_partner .pt-button-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	width: 0.5rem;

	height: 0.5rem;

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

	box-sizing: border-box;

	z-index: 999;

	cursor: pointer;

	outline: none;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	border-radius: 50%;

	transition: all 0.3s ease;

}

.hot_partner .pt-button-prev iconify-icon,
.hot_partner .pt-button-next iconify-icon {

	font-size: 0.2rem;

	color: var(--i_color);

	transition: all 0.3s ease;

}

.hot_partner .pt-button-prev {
	left: -5%;
}

.hot_partner .pt-button-next {
	right: -5%;
}



.hot_partner .pt-button-prev:hover,
.hot_partner .pt-button-next:hover {

	background-color: var(--i_color);

}

.hot_partner .pt-button-prev:hover iconify-icon,
.hot_partner .pt-button-next:hover iconify-icon {

	color: #fff;

}



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

	.hot_products_bac {

		padding: 0.8rem 0;

	}

}

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

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

	.hot_products_bac {

		padding: 0.6rem 0;

	}

	.hot_text h6 {

		font-size: 0.16rem;

		line-height: 0.26rem;

	}

}

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

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

	.hot_partner_box {

		margin-top: 0.25rem;

	}

	.hot_text h6 {

		font-size: 0.14rem;

		line-height: 0.24rem;

	}

	.hot_partner_list li a {

		padding: 0.2rem 0.1rem;

	}

	.hot_text h5 {

		font-size: 0.16rem;

	}

}

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









/* single_solutons */

.banner_solutions_text {

	position: absolute;

	top: 50%;

	left: 50%;

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

}

.banner_solutions_text h3 {

	font-size: 0.46rem;

	color: #fff;

	text-transform: uppercase;

	font-weight: bold;

	text-shadow: 2px 2px 0 var(--i_color);

	line-height: 100%;

}

.banner_solutions_text h4 {

	font-size: 0.2rem;

	line-height: 0.32rem;

	color: #fff;

	margin-top: 0.1rem;

	box-sizing: border-box;

	max-height: 1.28rem;

	overflow: auto;

}

/*滚动条*/

.banner_solutions_text h4::-webkit-scrollbar {
	width: 1px;
	height: 1px
}

.banner_solutions_text h4::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: var(--i_color)
}

.banner_solutions_text h4::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: #F1F1F1
}

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

	.banner_solutions_text h3 {

		font-size: 0.4rem;

	}

	.banner_solutions_text h4 {

		font-size: 0.18rem;

		line-height: 0.3rem;

	}

}

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

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

	.banner_solutions_text h3 {

		font-size: 0.35rem;

	}

	.banner_solutions_text h4 {

		font-size: 0.16rem;

		line-height: 0.28rem;

	}

}

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

	.banner_solutions_text h3 {

		font-size: 0.3rem;

	}

	.banner_solutions_text h4 {
		display: none;
	}

}

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

	.banner_solutions_text h3 {

		font-size: 0.28rem;

	}

}

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

	.banner_solutions_text h3 {

		font-size: 0.26rem;

	}

}

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

	.banner_solutions_text h3 {

		font-size: 0.24rem;

	}

}

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

	.banner_solutions_text h3 {

		font-size: 0.2rem;

	}

}











.in_nav {

	width: 100%;

	margin: .3rem auto .0rem;

	position: relative;

	background: #FFF;

}

.in_nav.navFix {

	position: fixed;

	left: 0;

	margin: 0 auto 0;

	top: calc(var(--header_height));

	z-index: 100;

}

.in_nav::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 1px;

	background: var(--border_color);

}



.in_nav_tit {

	display: none;

	background: var(--i_color2);

	text-align: center;

}

.in_nav_tit h6 {

	display: inline-block;

	font-size: 0.22rem;

	font-weight: bold;

	color: #fff;

	line-height: 0.6rem;

	text-transform: uppercase;

	padding-right: 0.4rem;

	background: url(static/imgs/arrow_down_hollow_bai.svg) no-repeat right center;

	background-size: .26rem;

}

.in_nav_tit.on h6 {

	background: url(static/imgs/arrow_up_hollow_bai.svg) no-repeat right center;

	background-size: .26rem;

}



.in_nav ul {

	margin: 0 auto;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

	position: relative;

	z-index: 2;

	max-height: calc(100vh - var(--header_height) - 0.5rem);

	overflow: auto;

}

/*滚动条*/

.in_nav ul::-webkit-scrollbar {
	width: 1px;
	height: 1px
}

.in_nav ul::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: var(--i_color)
}

.in_nav ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: #F1F1F1
}

.in_nav li {

	/* width: 50%; */

	box-sizing: border-box;

	padding: 0 0.1rem;

	display: -webkit-flex;

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	position: relative;

	cursor: pointer;

}







.in_nav a {

	width: 100%;

	box-sizing: border-box;

	padding: 0.24rem 0;

	display: -webkit-flex;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap;

	overflow: hidden;

	position: relative;

}

.in_nav .line {

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: 0;

	width: 0;

	height: 2px;

	background: var(--i_color);

	z-index: -1;

}



.in_nav p {

	font-size: 0.15rem;

	color: #3e3a39;

	font-weight: bold;

	text-transform: capitalize;

	text-align: center;

}



.in_nav li:hover::before,

.in_nav .curr::before {

	border-left: 12px solid transparent;

	border-right: 12px solid transparent;

}

.in_nav li:hover::after,

.in_nav .curr::after {

	border-left: 9px solid transparent;

	border-right: 9px solid transparent;

}

.in_nav li:hover .line,

.in_nav .curr .line {

	width: 100%;

}

.in_nav .curr i img,

.in_nav li:hover i img {

	top: -30px !important;

}

.in_nav .curr p,

.in_nav li:hover p {

	color: var(--i_color);

}



.in_nav,

.in_nav li::before,

.in_nav li::after,

.in_nav .line,

.in_nav i img {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease
}



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

	.in_nav {

		margin: .3rem auto 0;

	}

	.in_nav_tit {

		display: block;

	}

	.in_nav ul,

	.in_nav::before {

		display: none;

	}

	.in_nav ul {

		box-sizing: border-box;

		padding: 0.2rem;

		background: rgb(0 0 0 / 3%);

	}

	.in_nav li {

		width: 100%;

		margin-bottom: 0.1rem;

		background: #FFF;

	}

	.in_nav li::before,

	.in_nav li::after {

		display: none;

	}

	.in_nav .line {

		height: 1px;

		z-index: 0;

	}

	.in_nav a {

		padding: 0.2rem 0;

	}

	.in_nav p {

		font-size: 0.17rem;

	}



}

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

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

	.in_nav_tit h6 {

		font-size: 0.18rem;

	}

	.in_nav a {

		padding: 0.16rem 0;

	}

}







/* industry_status */

.industry_status_bac {

	box-sizing: border-box;

	padding: 0.8rem 0 0 0;

}

.industry_status {}

.industry_status_ul {

	margin-top: 0.6rem;

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	gap: 0.4rem;

}

.industry_status_ul li {

	width: calc((100% - 0.8rem) / 3);

	border: 1px solid rgba(9, 50, 144, 0.5);

	border-radius: 0.16rem;

	padding: 0.35rem 2% 0.5rem 2%;

	box-sizing: border-box;

	position: relative;

	z-index: 2;

	overflow: hidden;

}

.industry_status_ul li::after {

	content: '';

	position: absolute;

	bottom: 0;

	left: -0.48rem;

	width: 4.03rem;

	height: 3.56rem;

	background: url('static/imgs/industry_status_bac.png') center no-repeat;

	background-size: contain;

	z-index: -1;



}

.industry_status_ul li h3 {

	font-size: 0.46rem;

	display: inline-block;

	line-height: 100%;

	font-family: 'bold';

	background-image: linear-gradient(-16deg, rgba(9, 50, 144, 1), rgba(9, 50, 144, 0.2));

	-webkit-background-clip: text;

	color: transparent;

	position: relative;

	box-sizing: border-box;

	padding-bottom: 0.1rem;

}

.industry_status_ul li h3::after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 0.74rem;

	height: 0.03rem;

	background: linear-gradient(to right, rgba(9, 50, 144, 1), rgba(9, 50, 144, 0));

}

.industry_status_ul li h4 {

	font-size: 0.2rem;

	color: var(--i_color);

	font-weight: bold;

	margin: 0.2rem 0 0.1rem 0;

}

.industry_status_ul li h5 {

	font-size: 0.16rem;

	color: #666;

}

.industry_status_ul li i {

	width: 0.97rem;

	height: 0.24rem;

	display: block;

	background: url('static/imgs/industry_status.png') center no-repeat;

	background-size: contain;

	margin-top: 0.2rem;

}





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

	.industry_status_bac {

		padding: 0.8rem 0 0 0;

	}

	.industry_status_ul li {

		padding: 0.3rem 2% 0.4rem 2%;

	}

}

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

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

	.industry_status_bac {

		padding: 0.6rem 0 0 0;

	}

	.industry_status_ul li h3 {

		font-size: 0.4rem;

	}

	.industry_status_ul {

		gap: 0.2rem;

	}

	.industry_status_ul li {

		width: calc((100% - 0.4rem) / 3);

	}

	.industry_status_ul li h4 {

		font-size: 0.18rem;

	}

	.industry_status_ul li h5 {

		font-size: 0.14rem;

	}

}

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

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

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

	.industry_status_ul li {

		width: calc((100% - 0.2rem) / 2);

	}

	.industry_status_ul {

		margin-top: 0.4rem;

	}

}

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

	.industry_status_ul li {

		width: 100%;

	}

}

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





/* scheme_overview */

.scheme_overview_bac {

	box-sizing: border-box;

	padding-bottom: 0.1rem;

	padding-top: 0.8rem;

}

.scheme_overview {}

.scheme_overview_box {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	border-radius: 0.2rem;

	overflow: hidden;

	box-shadow: 0 0rem 0.1rem rgba(9, 50, 144, 0.1);

	margin-top: 0.6rem;

}

.scheme_overview_left {

	width: 51.6%;

	box-sizing: border-box;

	padding: 0.6rem 3%;

}

.scheme_overview_left p {

	font-size: 0.16rem;

	color: #333;

	line-height: 0.32rem;

	max-height: 2.88rem;

	overflow: auto;

	box-sizing: border-box;

	padding-right: 0.1rem;

}

/*滚动条*/

.scheme_overview_left p::-webkit-scrollbar {
	width: 1px;
	height: 1px
}

.scheme_overview_left p::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: var(--i_color)
}

.scheme_overview_left p::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: #F1F1F1
}

.scheme_overview_right {

	width: 48.4%;

	position: relative;

}

.scheme_overview_right::after {

	content: '';

	display: block;

	padding-bottom: 40%;

}

.scheme_overview_right img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

	border-radius: 0.2rem;

}









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

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

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

	.scheme_overview_left {

		padding: 0.4rem 3%;

	}

	.scheme_overview_bac {

		padding-top: 0.6rem;

	}

}

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

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

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

	.scheme_overview_left {

		width: 100%;

	}

	.scheme_overview_right {

		width: 100%;

	}

	.scheme_overview_box {

		flex-direction: column-reverse;

	}

}

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

	.scheme_overview_box {

		margin-top: 0.4rem;

	}

}

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







/* seven */

.seven_bac {

	box-sizing: border-box;

	padding: 0.8rem 0;

	background: url('static/imgs/seven_bac.webp') center no-repeat;

	background-size: cover;

}

.seven {}

.seven_ul {

	display: flex;

	display: -webkit-flex;

	gap: 0.4rem;

	flex-wrap: wrap;

	justify-content: space-between;

	position: relative;

}

.seven_ul li {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	box-sizing: border-box;

	padding: 0.25rem;

	border-radius: 0.1rem;

	border: 1px solid rgba(9, 50, 144, 0.5);

	width: calc((100% - 0.8rem) / 3);

	margin-left: 0.2rem;

	position: relative;

	background-color: #fff;

	z-index: 2;

}

.seven_ul li i {

	display: block;

	width: 1.2rem;

	height: 1.2rem;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	background-color: var(--i_color);

	border-radius: 0.06rem;

}

.seven_ul li i img {

	width: 0.75rem;

	height: 0.75rem;

	object-fit: contain;

}

.seven_ul li P {

	font-size: 0.22rem;

	line-height: 0.26rem;

	color: #333;

	width: calc(100% - 1.2rem);

	box-sizing: border-box;

	padding-left: 0.2rem;

}

.seven_ul li:nth-child(odd) {

	margin-left: 0;

}

.seven_ul li:nth-child(7) {

	width: calc((100% - 0.8rem) / 3);

	position: absolute;

	top: 50%;

	left: 50%;

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

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	gap: 0.3rem;

	padding: 0.4rem 0.2rem;

	z-index: 0;

}

.seven_ul li:nth-child(7) i {

	display: block;

	width: 2.1rem;

	height: 2.1rem;

	border-radius: 0.06rem;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

}

.seven_ul li:nth-child(7) i img {

	width: 1.3rem;

	height: 1.3rem;

	object-fit: contain;

}

.seven_ul li:nth-child(7) p {

	text-align: center;

	width: 100%;

	padding-left: 0;

}

.seven_ul li:nth-child(3),
.seven_ul li:nth-child(4) {

	z-index: 1;

}

.seven_ul li:nth-child(3)::after,
.seven_ul li:nth-child(4)::after {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 0.2rem;

	height: 3.7rem;

	background-color: rgba(9, 50, 144, 0.05);

	z-index: -2;

}

.seven_ul li:nth-child(3)::before,
.seven_ul li:nth-child(4)::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #fff;

	z-index: -1;

	border-radius: 0.1rem;

}





.seven_ul li:nth-child(7)::after {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 8.4rem;

	height: 0.2rem;

	background-color: rgba(9, 50, 144, 0.05);

	z-index: -2;

}



.seven_ul li:nth-child(7)::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #fff;

	z-index: -1;

	border-radius: 0.1rem;

}



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

	.seven_ul li i {

		width: 1rem;

		height: 1rem;

	}

	.seven_ul li P {

		font-size: 0.2rem;

		line-height: 0.24rem;

		width: calc(100% - 1rem)
	}

	.seven_ul li i img {

		width: 0.6rem;

		height: 0.6rem;

	}

	.seven_ul li:nth-child(7) i {

		width: 1.8rem;

		height: 1.8rem;

	}

	.seven_ul li:nth-child(7) i img {

		width: 1rem;

		height: 1rem;

	}

}

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

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

	.seven_ul li i {

		width: 0.8rem;

		height: 0.8rem;

	}

	.seven_ul li P {

		font-size: 0.18rem;

		line-height: 0.22rem;

		width: calc(100% - 0.8rem)
	}

	.seven_ul li i img {

		width: 0.5rem;

		height: 0.5rem;

	}

	.seven_ul li:nth-child(7) i {

		width: 1.4rem;

		height: 1.4rem;

	}

	.seven_ul li:nth-child(7) i img {

		width: 0.8rem;

		height: 0.8rem;

	}

	.seven_bac {

		padding: 0.6rem 0;

	}

}

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

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

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

	.seven_ul li {

		width: 100%;

	}

	.seven_ul li:nth-child(3)::after,
	.seven_ul li:nth-child(4)::after {

		width: 0rem;

		height: 0;

	}

	.seven_ul li:nth-child(7)::after {

		width: 0;

		height: 0;

	}

	.seven_ul li {

		margin-left: 0rem;

	}

	.seven_ul li:nth-child(7) {

		width: 100%;

		position: relative;

		top: unset;

		left: unset;

		transform: unset;

		flex-direction: column;

		gap: 0.3rem;

		padding: 0.4rem 0.2rem;

		z-index: 0;

	}

	.seven_ul {

		gap: 0.2rem;

	}

}

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

	.seven_ul li {

		padding: 0.2rem;

	}

}

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

	.seven_ul li P {

		font-size: 0.16rem;

		line-height: 0.2rem;

		width: calc(100% - 0.6rem);

	}

	.seven_ul li i {

		width: 0.6rem;

		height: 0.6rem;

	}

	.seven_ul li i img {

		width: 0.4rem;

		height: 0.4rem;

	}

}





/* program_value */

.program_value_bac {

	box-sizing: border-box;

	padding: 1rem 0;

	background: url('static/imgs/program_value_bac.webp') center no-repeat;

	background-size: cover;

}

.program_value {}

.program_value_ul {

	margin-top: 0.6rem;

	display: flex;

	display: -webkit-flex;

	gap: 0.4rem;

	flex-wrap: wrap;

}

.program_value_ul li {

	width: calc((100% - 0.4rem) / 2);

	box-sizing: border-box;

	padding: 0.6rem 0.5rem;

	background: url('static/imgs/program_value.png') center no-repeat;

	background-size: cover;

	border-radius: 0.1rem;

	position: relative;

	z-index: 2;

	overflow: hidden;

}

.program_value_ul li::before {

	content: '';

	position: absolute;

	bottom: -0.7rem;

	left: 50%;

	transform: translate(-50%, 0);

	width: 7.24rem;

	height: 1.87rem;

	background: url('static/imgs/program_value_logo.png') center no-repeat;

	background-size: contain;

}

.program_value_ul li::after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 0.04rem;

	border-radius: 0.04rem;

	background-color: var(--i_color);

	transition: all 0.7s ease;

	z-index: -1;

}

.program_value_ul li:hover::after {

	height: 100%;

}

.program_value_ul li h3 {

	font-size: 0.26rem;

	color: var(--i_color);

	font-weight: bold;

	text-transform: capitalize;

	text-align: center;

	position: relative;

	box-sizing: border-box;

	padding-bottom: 0.1rem;

}

.program_value_ul li h3::after {

	content: '';

	position: absolute;

	left: 50%;

	bottom: 0;

	transform: translate(-50%, 0);

	background-color: transparent;

	width: 2rem;

	height: 0.04rem;

	border-radius: 0.02rem;

	transition: all 0.3s ease;

}

.program_value_ul li h4 {

	font-size: 0.18rem;

	line-height: 177%;

	color: #333;

	margin-top: 0.2rem;

	text-align: center;

	transition: all 0.3s ease;

}



.program_value_ul li:hover h3 {

	color: #fff;

}

.program_value_ul li:hover h3::after {

	background-color: #fff;

}

.program_value_ul li:hover h4 {

	color: #fff;

}







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

	.program_value_bac {

		padding: 0.8rem 0;

	}

	.program_value_ul li h3::after {

		width: 1.8rem;

		height: 0.03rem;

	}

}

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

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

	.program_value_bac {

		padding: 0.6rem 0;

	}

	.program_value_ul li h3 {

		font-size: 0.24rem;

	}

	.program_value_ul li h4 {

		font-size: 0.16rem;

		margin-top: 0.1rem;

	}

	.program_value_ul li {

		padding: 0.4rem;

	}

	.program_value_ul li h3::after {

		width: 1.4rem;

		height: 0.02rem;

	}

}

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

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

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

	.program_value_ul li {

		width: 100%;

	}

	.program_value_ul li h3 {

		font-size: 0.22rem;

	}

	.program_value_ul li h3::after {

		width: 1rem;

	}

}

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

	.program_value_ul li {

		padding: 0.4rem 0.2rem;

	}

	.program_value_ul li h3 {

		font-size: 0.2rem;

	}

	.program_value_ul li h4 {

		font-size: 0.14rem;

		margin-top: 0.15rem;

	}

	.program_value_ul {

		margin-top: 0.4rem;

	}

}

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







/* intelligent */

.intelligent_bac {

	box-sizing: border-box;

	padding: 0.88rem 0;

	overflow: hidden;

	background: url('static/imgs/intelligent_bac.webp') center no-repeat;

	background-size: cover;

}

.intelligent {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

}

.intelligent_left {

	width: 45.2%;

	position: relative;

	z-index: 4;

}

.intelligent_text {}

.intelligent_text dt {}

.intelligent_text dt h3 {

	font-size: 0.26rem;

	color: #fff;

	font-weight: bold;

	text-transform: capitalize;

}

.intelligent_text dt h4 {

	font-size: 0.18rem;

	color: #fff;

	line-height: 0.24rem;

	margin-top: 0.1rem;

	height: 2.16rem;

	box-sizing: border-box;

	padding-right: 2%;

	overflow: auto;

}



/*滚动条*/

.intelligent_text dt h4::-webkit-scrollbar {
	width: 1px;
	height: 1px
}

.intelligent_text dt h4::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: var(--i_color)
}

.intelligent_text dt h4::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: #F1F1F1
}



.intelligent_ul {

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	gap: 0.1rem;

	align-items: flex-start;

	margin-top: 0.2rem;

}

.intelligent_ul li {

	font-size: 0.18rem;

	color: #fff;

	line-height: 100%;

	box-sizing: border-box;

	padding: 0.07rem 1rem 0.07rem 0.2rem;

	position: relative;

	z-index: 2;

	cursor: pointer;

	display: inline-block;

}

.intelligent_ul li::after {

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

	transform: translate(0, -50%);

	width: 0.09rem;

	height: 0.09rem;

	border-radius: 50%;

	background-color: #fff;

	transition: all 0.3s ease;

}

.intelligent_ul li::before {

	content: '';

	position: absolute;

	top: 0;

	left: -0.2rem;

	opacity: 0;

	width: 100%;

	height: 100%;

	background: linear-gradient(to right, rgba(9, 50, 144, 1), rgba(9, 50, 144, 0));

	z-index: -1;

	border-radius: 2rem;

	transition: all 0.5s ease;

}

.intelligent_ul li.current::after {

	opacity: 0;

}

.intelligent_ul li.current::before {

	left: 0;

	width: 100%;

	opacity: 1;

}







.intelligent_right {

	width: 54.8%;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

}

.intelligent_box {

	width: 5.8rem;

	height: 5.8rem;

	border-radius: 50%;

	position: relative;

}

.intelligent_dl {

	width: 100%;

	height: 100%;

}

.intelligent_dl dt {

	width: 100%;

	height: 100%;

}

.intelligent_dl img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	border-radius: 50%;

}













.intelligent_dl::before {

	animation: serv_one_border 2s 0s ease infinite;

}



.intelligent_dl::before {

	content: '';

	position: absolute;

	left: 50%;

	top: 50%;

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

	border: 1px solid #fff;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	opacity: 0;

	z-index: 2;

}

.intelligent_box::before {

	content: '';

	position: absolute;

	left: 50%;

	top: 50%;

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

	border: 1px solid #fff;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	opacity: 0;

	z-index: 2;

}

.intelligent_dl::after {

	content: '';

	position: absolute;

	left: 50%;

	top: 50%;

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

	border: 1px solid #fff;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	opacity: 0;

	z-index: 2;

}

.intelligent_box::before {

	animation: serv_one_border 1.5s 0s ease infinite;

}

.intelligent_dl::after {

	animation: serv_one_border 2.5s 0s ease infinite;

}









.intelligent_span::after {

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	width: 0.34rem;

	height: 0.34rem;

	background-color: #fff;

	border-radius: 50%;

}



.intelligent_span::before {

	content: '';

	position: absolute;

	top: -0.33rem;

	right: -0.33rem;

	width: 0.18rem;

	height: 0.18rem;

	background-color: #fff;

	border-radius: 50%;

}



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

	.intelligent_box {

		width: 5rem;

		height: 5rem;

	}

	.intelligent_text dt h4 {

		font-size: 0.16rem;

		line-height: 0.2rem;

		height: 1.6rem;

	}

	.intelligent_bac {

		padding: 0.8rem 0 0.8rem 0;

	}

}

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

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

	.intelligent_box {

		width: 4.5rem;

		height: 4.5rem;

	}

	.intelligent_ul li {

		font-size: 0.16rem;

	}

	.intelligent_bac {

		padding: 0.6rem 0 0.8rem 0;

	}

}

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

	.intelligent_box {

		width: 4rem;

		height: 4rem;

	}

}

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

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

	.intelligent_left {

		width: 100%;

	}

	.intelligent_right {

		width: 100%;

		margin-top: 0.4rem;

	}

	.intelligent_text dt h4 {

		height: 1rem;

	}

}

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

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









/* management_platform */



.management_platform_bac {

	box-sizing: border-box;

	padding: 1rem 0;

}

.management_platform {}

.management_platform_box {

	margin-top: 0.6rem;

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	align-items: flex-start;

}

.management_platform_left {

	width: 41%;

	position: relative;

	box-sizing: border-box;

	padding-right: 4%;

	display: flex;

	display: -webkit-flex;

	flex-direction: column;

	gap: 0.4rem;

}

.management_platform_left::after {

	content: '';

	position: absolute;

	top: 0;

	left: 0.4rem;

	width: 0.08rem;

	height: 100%;

	background: url('static/imgs/line.png');

}

.management_platform_left li {

	font-size: 0.2rem;

	color: #666;

	line-height: 120%;

	box-sizing: border-box;

	padding-left: 0.9rem;

	position: relative;

	cursor: pointer;

}

.management_platform_left li::after {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0.4rem;

	width: 0.23rem;

	height: 0.02rem;

	background-color: var(--i_color);

	opacity: 0;

	transition: all 0.3s ease;

}

.management_platform_left li iconify-icon {

	position: absolute;

	top: 50%;

	left: -0.1rem;

	transform: translate(0, -50%);

	font-size: 0.18rem;

	color: var(--i_color);

	transition: all 0.3s ease;

	opacity: 0;

}

.management_platform_left li.current {

	color: var(--i_color);

}

.management_platform_left li.current iconify-icon {

	opacity: 1;

	left: 0;

}

.management_platform_left li.current::after {

	opacity: 1;

}



.management_platform_right {

	width: 59%;

}

.management_platform_right dt {

	width: 100%;

	position: relative;

}

.management_platform_right dt::after {

	content: '';

	display: block;

	padding-bottom: 50%;

}

.management_platform_right dt img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

}



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

	.management_platform_bac {

		padding: 0.8rem 0;

	}

}

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

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

	.management_platform_bac {

		padding: 0.6rem 0;

	}

	.management_platform_left li {

		font-size: 0.18rem;

	}

}

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

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

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

	.management_platform_left {

		width: 100%;

	}

	.management_platform_right {

		width: 100%;

	}

	.management_platform_box {

		margin-top: 0.4rem;

		flex-direction: column-reverse;

		gap: 0.4rem;

	}

	.management_platform_left {

		padding-right: 0%;

		gap: 0.3rem;

	}

}

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

	.management_platform_left {

		gap: 0.2rem;

	}

	.management_platform_left li {

		font-size: 0.16rem;

	}

	.management_platform_left li iconify-icon {

		font-size: 0.16rem;

	}

}

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





/* app */

.app_bac {

	box-sizing: border-box;

	padding: 1rem 0;

	background: #F8FCFF;

}

.app {}









/*  */

.app_partner_box {

	margin-top: 0.5rem;

}





.app_partner {
	position: relative
}

.app_partner_list {
	width: 100%;
	padding: 0.1rem 0 !important;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.app_partner_list .swiper-wrapper {
	display: flex;
	position: relative;
	width: 100%;
	z-index: 1
}

.app_partner_list .swiper-slide {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

	transform: scale(0.75);

	transition: all 0.3s ease;

	flex-direction: column;

}



.app_partner_list .img {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	border-radius: 0.1rem;
	background-color: white;
	box-sizing: border-box;
	box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
}

.app_partner_list .img:before {
	content: "";
	display: block;
	padding-bottom: 170%
}

.app_partner_list .img img {
	position: absolute;
	box-sizing: border-box;
	padding: 0.13rem 0.09rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover
}





.app_partner_list .img img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}



.app_partner_list p {

	font-size: 0.24rem;

	color: var(--i_color);

	font-weight: bold;

	text-align: center;

	margin-top: 0.45rem;

	opacity: 0;

	transition: all 0.3s ease;

}



.app_partner_list .swiper-slide-active {

	transform: scale(1);

}



.app_partner_list .swiper-slide-next,
.app_partner_list .swiper-slide-prev {

	transform: scale(0.9);

}



.app_partner_list .swiper-slide-active p {

	margin-top: 0.25rem;

	opacity: 1;

}



















/* 指示器 */

.app_partner .pt-pagination {
	display: none;
	text-align: center;
	margin: 0rem auto 0
}

.app_partner .pt-pagination .swiper-pagination-bullet {
	width: 0.1rem;
	height: 0.1rem;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	background: #BBB;
	border-radius: 0%;
	outline: none
}

.app_partner .pt-pagination .swiper-pagination-bullet-active {
	position: relative;
	background: var(--i_color)
}



/* 左右箭头 */

.app_partner .pt-button-prev,
.app_partner .pt-button-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	width: 0.5rem;

	height: 0.5rem;

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

	box-sizing: border-box;

	z-index: 999;

	cursor: pointer;

	outline: none;

	display: flex;

	display: -webkit-flex;

	justify-content: center;

	align-items: center;

	border-radius: 50%;

	transition: all 0.3s ease;

}

.app_partner .pt-button-prev iconify-icon,
.app_partner .pt-button-next iconify-icon {

	font-size: 0.2rem;

	color: var(--i_color);

	transition: all 0.3s ease;

}

.app_partner .pt-button-prev {
	left: -5%;
}

.app_partner .pt-button-next {
	right: -5%;
}



.app_partner .pt-button-prev:hover,
.app_partner .pt-button-next:hover {

	background-color: var(--i_color);

}

.app_partner .pt-button-prev:hover iconify-icon,
.app_partner .pt-button-next:hover iconify-icon {

	color: #fff;

}



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

	.app_partner_list p {

		font-size: 0.22rem;

	}

	.app_bac {

		padding: 0.8rem 0;

	}

}

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

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

	.app_partner .pt-button-prev,
	.app_partner .pt-button-next {
		display: none
	}

	.app_partner .pt-pagination {
		display: block
	}

	.app_partner_list p {

		font-size: 0.2rem;

	}

	.app_bac {

		padding: 0.6rem 0;

	}

}

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

	.app_partner_list p {

		font-size: 0.18rem;

	}

}

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

	.app_partner_list p {

		font-size: 0.16rem;

	}

	.app_partner_box {

		margin-top: 0.3rem;

	}

}

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

	.app_partner_list p {

		font-size: 0.14rem;

	}

}









/* application_scenarios */

.application_scenarios_bac {

	box-sizing: border-box;

	padding-top: 1rem;

}

.application_scenarios {}



.application_scenarios_ul {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap;

	gap: 0.25rem;

	margin-top: 0.6rem;

}

.application_scenarios_ul li {

	width: calc((100% - 0.75rem) / 4);

	border-radius: 0.1rem;

	position: relative;

}

.application_scenarios_ul li::after {

	content: '';

	display: block;

	padding-bottom: 100%;

}

.application_scenarios_ul li img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.application_scenarios_ul li p {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	box-sizing: border-box;

	padding: 0.12rem 0.1rem;

	background-color: rgba(255, 255, 255, 0.7);

	font-size: 0.18rem;

	color: #333;

	text-align: center;

	text-transform: capitalize;

}



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

	.application_scenarios_bac {

		padding-top: 0.8rem;

	}

}

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

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

	.application_scenarios_bac {

		padding-top: 0.6rem;

	}

	.application_scenarios_ul li p {

		font-size: 0.16rem;

	}

}

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

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

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

	.application_scenarios_ul {

		gap: 0.2rem;

	}

	.application_scenarios_ul li {

		width: calc((100% - 0.2rem) / 2);

	}

	.application_scenarios_ul {

		margin-top: 0.4rem;

	}

}

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

	.application_scenarios_ul {

		gap: 0.1rem;

	}

	.application_scenarios_ul li {

		width: calc((100% - 0.1rem) / 2);

	}

}

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





/* S_cases */

.S_cases_bac {

	box-sizing: border-box;

	padding: 1rem 0;

}

.S_cases {}



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

	.S_cases_bac {

		padding: 0.8rem 0;

	}

}

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

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

	.S_cases_bac {

		padding: 0.6rem 0;

	}

}

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

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

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

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

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







/* ---------------------- Aside Form ---------------------- */

.aside_form {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 360px;
	box-shadow: -6px -4px 10px rgb(0 0 0 / 10%);
	overflow: hidden;
	z-index: 999999999;
	/* display: none; */
}

.aside_form_tit {
	padding: 12px 50px;
	text-align: center;
	background: var(--i_color);
	cursor: pointer;
	position: relative;
}

.aside_form_tit p {
	color: #fff;
}

.aside_form_tit iconify-icon {
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: -20px;
	font-size: 24px;
	color: #fff;
}

.aside_form_tit.on iconify-icon {
	opacity: 1;
	right: 10px;
	-webkit-transition: all .6s .5s;
	transition: all .6s .5s;
}



.aside_form_cont {
	display: none;
	padding: 24px;
	background: #FFF;
}

.aside_form_cont.on {}



#wpforms-32 {
	--input_font_size: 0.16rem;
	--input_height: 0.35rem
}

#wpforms-32 {
	width: 100%;
	margin: 0 auto;
	padding: 0
}

#wpforms-form-32 {
	width: 100%;
	overflow: hidden
}





#wpforms-32 input,
#wpforms-32 button {
	margin: 0;
	padding: 0;
	border: none;
	background: none
}

#wpforms-32 .wpforms-field {
	padding: 0;
	margin: 0
}

#wpforms-32 .wpforms-error-container {
	line-height: 0.16rem
}



#wpforms-32 .wpforms-field-container {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden
}

#wpforms-32 .wpforms-submit-container {
	padding: 0 !important;
	width: 1.5rem;
	height: var(--input_height);
	background: var(--i_color);
	border-radius: 0.05rem;
	position: relative;
	margin: 0 auto;
	transition: all 0.3s ease;
}



#wpforms-32 .wpforms-hidden {

	display: none;

}



#wpforms-32 .wpforms-field {

	position: relative;

}

#wpforms-32 .wpforms-field-label {

	font-size: 0;

	line-height: 0;

	height: 0;

	margin: 0 !important;

}

#wpforms-32 .wpforms-field-label span {

	position: absolute;

	top: 15px;

	left: 3px;

	font-size: 0.14rem;

	color: red;

}



#wpforms-32 .wpforms-error {

	margin-top: 0.01rem;

	font-size: 0.12rem !important;

}





#wpforms-32 .wpforms-field {
	width: 100%;
	padding-bottom: 0.15rem;
	background: transparent;
	overflow: hidden
}



#wpforms-32 input {
	height: var(--input_height)
}

#wpforms-32 textarea {
	min-height: 0.8rem
}

#wpforms-32 input,
#wpforms-32 textarea {

	width: 100%;
	border: 0;
	max-width: 100% !important;

	font-size: var(--input_font_size);

	background-color: white;

	color: #222;

	box-sizing: border-box;
	;

	padding: 0 10px;

	box-shadow: 0 0 0 0 !important;

	border: 1px solid rgba(0, 0, 0, 0.2);



}







#wpforms-32 input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .3);
	font-size: var(--input_font_size)
}

#wpforms-32 input::-moz-placeholder {
	color: rgba(0, 0, 0, .3);
	font-size: var(--input_font_size)
}

#wpforms-32 input::-moz-placeholder {
	color: rgba(0, 0, 0, .3);
	font-size: var(--input_font_size)
}

#wpforms-32 input::-ms-input-placeholder {
	color: rgba(0, 0, 0, .3);
	font-size: var(--input_font_size)
}

#wpforms-32 textarea::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .3);
	font-size: var(--input_font_size)
}

#wpforms-32 textarea::-moz-placeholder {
	color: rgba(0, 0, 0, .3);
	font-size: var(--input_font_size)
}

#wpforms-32 textarea::-moz-placeholder {
	color: rgba(0, 0, 0, .3);
	font-size: var(--input_font_size)
}

#wpforms-32 textarea::-ms-input-placeholder {
	color: rgba(0, 0, 0, .3);
	font-size: var(--input_font_size)
}







#wpforms-32 #wpforms-32-field_1-error,
#wpforms-32 #wpforms-32-field_2-error,
#wpforms-32 #wpforms-32-field_3-error,
#wpforms-32 #wpforms-32-field_4-error {
	position: absolute;
	font-size: 14px
}



#wpforms-32 .wpforms-submit-container button {
	overflow: hidden;
	border-radius: 0.2rem;
	width: 100%;
	height: var(--input_height);
	font-size: 0.14rem;
	color: #fff;
	line-height: var(--input_height);
	cursor: pointer;
	text-transform: uppercase;
	position: relative;
	z-index: 2
}

#wpforms-32 .wpforms-submit-container img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 4px
}







#wpforms-32 .wpforms-submit-container:hover {

	background-color: var(--i_color);

	animation: a 0.5s 1 linear;

	animation-delay: 0.01s;

}



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

	.aside_form {
		width: 100%;
	}

}







/* aside */

.aside_right {

	position: fixed;

	right: 30px;

	bottom: 16%;

	z-index: 999999
}

.aside_right ul {}

.aside_right li {

	margin: .1rem 0;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	position: relative;

	overflow: hidden;

	cursor: pointer
}

.aside_right li>a {

	display: block;

	width: .5rem;

	height: .5rem;

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

	display: flex;

	justify-content: center;

	align-items: center;

	z-index: 3;

	transition: all .3s ease;

}



.aside_right li:nth-child(1)>a {

	background: #389b0f
}

.aside_right li:nth-child(2)>a {

	background: var(--i_color);

}



.aside_right li img {

	display: block;

	margin: 0 auto;

	width: .22rem;

	height: .22rem;

	object-fit: contain
}



.aside_right li:hover>a {

	background-color: var(--i_color)
}



.side_tel_box,

.side_qr_box {

	position: absolute;

	box-shadow: -1px 2px 6px rgba(0, 0, 0, .2);

	display: flex;

	justify-content: center;

	align-items: center;

	z-index: -1
}

.side_tel_box {

	top: 0;

	right: -300px;

	width: 180px;

	min-height: 100%;

	background: #FFF
}

.side_qr_box {

	top: 50%;

	transform: translate(0, -50%);

	right: -180px;

	width: 120px;

	height: 120px;

	background: #FFF
}



.side_tel_box h6 {

	padding: 8px 0;

	font-size: 14px;

	color: #666
}

.side_tel_box h6 a {

	line-height: 20px
}

.side_tel_box a:hover {

	color: var(--i_color)
}

.side_qr_box img {

	width: 90%;

	height: 90%
}



.aside_right li:hover .side_tel_box,

.aside_right li:hover .side_qr_box {

	right: 48px
}



.side_tel_box,

.side_qr_box {

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease
}



.aside_close {

	position: absolute;

	top: .3rem;

	right: .3rem;

	display: block;

	width: .3rem;

	height: .3rem;

	background: url(static/imgs/close_1_hei.svg) no-repeat center;

	background-size: 30px;

	cursor: pointer
}

.aside_close:hover {

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg)
}

.aside_close {

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease
}



#aside_mask_bg {

	display: none;

	position: fixed;

	top: 50%;

	transform: translate(0, -50%);

	left: 0%;

	width: 100%;

	height: 100%;

	background: rgb(0 0 0 / 70%);

	z-index: 9999999999998;

}

#aside_sc_from {

	display: none;

	position: fixed;

	top: 50%;

	left: 50%;

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

	width: 800px;

	box-sizing: border-box;

	padding: 30px 30px 40px;

	background: rgb(255 255 255 / 100%);

	z-index: 9999999999999;

	overflow: auto
}

#aside_sc_from .tit {

	margin-bottom: .4rem
}

#aside_sc_from .tit h1 {

	text-align: center;

	font-size: .26rem;

	color: var(--i_color);

	font-weight: bold;

	line-height: .3rem
}



#wpforms-35 {

	--input_font_color: rgb(0 0 0 / 50%);

	--input_font_size: 14px;

	--input_height: 42px
}

#wpforms-35 {

	width: 100%;

	margin: 0 auto;

	padding: 0
}

#wpforms-form-35 {

	width: 100%;

	overflow: hidden
}

#wpforms-35 input,

#wpforms-35 button {

	margin: 0;

	padding: 0;

	border: none;

	background: none
}

#wpforms-35 .wpforms-field {

	padding: 0;

	margin: 0
}

#wpforms-35 .wpforms-error-container {

	line-height: 16px
}

#wpforms-35 .wpforms-field-container {

	width: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	overflow: hidden
}

#wpforms-35 .wpforms-submit-container {

	padding: 0 !important;

	margin: 0 auto;

	width: 170px;

	height: 38px;

	background: var(--i_color);

	box-sizing: border-box;

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

	position: relative
}

#wpforms-35 .wpforms-field-label {

	font-size: 0
}

#wpforms-35 .wpforms-required-label {

	position: absolute;

	top: 16px;

	left: 5px;

	font-size: 16px;

	color: #F00
}

#wpforms-35 .wpforms-field {

	width: 100%;

	margin-bottom: 0;

	padding-bottom: 18px;

	background: transparent;

	position: relative;

	overflow: hidden
}

#wpforms-35 input {

	height: var(--input_height)
}

#wpforms-35 textarea {

	min-height: 100px
}

#wpforms-35 input,

#wpforms-35 textarea {

	width: 100%;

	max-width: 100% !important;

	font-size: var(--input_font_size);

	color: #333;

	box-sizing: border-box;

	border: 1px solid rgb(0 0 0 / 30%);

	line-height: var(--input_height);

	padding: 0 16px
}

#wpforms-35 input::-webkit-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-35 input::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-35 input::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-35 input::-ms-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-35 textarea::-webkit-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-35 textarea::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-35 textarea::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-35 textarea::-ms-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-35 #wpforms-35-field_1-error,

#wpforms-35 #wpforms-35-field_2-error,

#wpforms-35 #wpforms-35-field_3-error,

#wpforms-35 #wpforms-35-field_5-error {

	position: absolute;

	font-size: 13px
}

#wpforms-35 .wpforms-submit-container button {

	width: 100%;

	height: 34px;

	font-size: 14px;

	color: #FFF;

	line-height: 34px;

	cursor: pointer;

	text-transform: uppercase;

	position: relative;

	z-index: 2
}

#wpforms-35 .wpforms-submit-container img {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 4px
}

#wpforms-35 .wpforms-submit-container:after {

	display: none;

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	box-sizing: border-box;

	width: 100%;

	height: 100%
}

#wpforms-35 .wpforms-submit-container:hover:after {

	display: block
}

#wpforms-35 .wpforms-submit-container:hover {

	background: #FFF
}

#wpforms-35 .wpforms-submit-container:hover button {

	color: var(--i_color)
}



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

	.aside_right li>a {

		width: 0.4rem;

		height: 0.4rem;

	}

}



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

	#aside_sc_from {

		width: 94%;

	}

}

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

	.aside_right {

		right: 22px;

		bottom: 160px;

	}

	.aside_right li:nth-child(2) {

		display: none !important
	}

}

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

	#aside_sc_from {

		padding: 20px 20px 30px
	}

	#aside_sc_from .tit {

		margin-bottom: 0.3rem;

	}

	#wpforms-35 .wpforms-submit-container {

		height: 34px;

	}

	#wpforms-35 .wpforms-submit-container button {

		height: 30px;

		line-height: 30px;

		font-size: 14px;

	}

}

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

	#aside_sc_from .tit h1 {

		font-size: 0.24rem;

	}

}







/* 感谢页面 */

.thanks {
	padding-top: 1rem;
	margin: 0px auto 1rem;
	text-align: center;
	box-sizing: border-box;
}

.thanks h2 {
	margin-bottom: 20px;
	font-size: 0.3rem;
	color: #222;
	font-weight: bold
}

.thanks a {
	z-index: 2;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	position: relative;
	transition: all 1s ease;
}







.btns {

	height: 4em;

	width: 12em;

	display: flex;

	align-items: center;

	justify-content: center;

	background: transparent;

	border: 0px solid black;

	cursor: pointer;

}

.btns:hover p {

	color: var(--i_color);

}

.wrapperss {

	height: 2em;

	width: 8em;

	position: relative;

	background: transparent;

	display: flex;

	justify-content: center;

	align-items: center;

}



.thanks .text {

	font-size: 17px;

	z-index: 1;

	color: #000;

	padding: 4px 12px;

	border-radius: 4px;

	background: rgba(255, 255, 255, 0.7);

	transition: all 0.5s ease;

}



.flower {

	display: grid;

	grid-template-columns: 1em 1em;

	position: absolute;

	transition: grid-template-columns 0.8s ease;

}



.flower1 {

	top: -12px;

	left: -13px;

	transform: rotate(5deg);

}



.flower2 {

	bottom: -5px;

	left: 8px;

	transform: rotate(35deg);

}



.flower3 {

	bottom: -15px;

	transform: rotate(0deg);

}



.flower4 {

	top: -14px;

	transform: rotate(15deg);

}



.flower5 {

	right: 11px;

	top: -3px;

	transform: rotate(25deg);

}



.flower6 {

	right: -15px;

	bottom: -15px;

	transform: rotate(30deg);

}



.petal {

	height: 1em;

	width: 1em;

	border-radius: 40% 70% / 7% 90%;

	background: linear-gradient(var(--i_color), #e8ffb3);

	border: 0.5px solid #ffffff;



	z-index: 0;

	transition: width 0.8s ease, height 0.8s ease;

}



.two {

	transform: rotate(90deg);

}



.three {

	transform: rotate(270deg);

}



.four {

	transform: rotate(180deg);

}



.btns:hover .petal {

	background: linear-gradient(#E870A5, #FFEFF6);

	border: 0.5px solid #FFEFF6;



}



.btns:hover .flower {

	grid-template-columns: 1.5em 1.5em;

}



.btns:hover .flower .petal {

	width: 1.5em;

	height: 1.5em;

}



.btns:hover .text {

	background: rgba(255, 255, 255, 0.4);

}



.btns:hover div.flower1 {

	animation: 15s linear 0s normal none infinite running flower1;

}



@keyframes flower1 {

	0% {

		transform: rotate(5deg);

	}



	100% {

		transform: rotate(365deg);

	}

}



.btns:hover div.flower2 {

	animation: 13s linear 1s normal none infinite running flower2;

}



@keyframes flower2 {

	0% {

		transform: rotate(35deg);

	}



	100% {

		transform: rotate(-325deg);

	}

}



.btns:hover div.flower3 {

	animation: 16s linear 1s normal none infinite running flower3;

}



@keyframes flower3 {

	0% {

		transform: rotate(0deg);

	}



	100% {

		transform: rotate(360deg);

	}

}



.btns:hover div.flower4 {

	animation: 17s linear 1s normal none infinite running flower4;

}



@keyframes flower4 {

	0% {

		transform: rotate(15deg);

	}



	100% {

		transform: rotate(375deg);

	}

}



.btns:hover div.flower5 {

	animation: 20s linear 1s normal none infinite running flower5;

}



@keyframes flower5 {

	0% {

		transform: rotate(25deg);

	}



	100% {

		transform: rotate(-335deg);

	}

}



.btns:hover div.flower6 {

	animation: 15s linear 1s normal none infinite running flower6;

}



@keyframes flower6 {

	0% {

		transform: rotate(30deg);

	}



	100% {

		transform: rotate(390deg);

	}

}







































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

	.thanks {
		padding-top: 60px;
	}



}

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

	.thanks {
		padding-top: 40px;
		margin: 0px auto 70px
	}



}

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













/* 404 */

.in404 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF
}

.in404_text {
	position: absolute;
	top: 44%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	text-align: center
}

.in404_text h1 {
	font-size: 220px;
	color: #BBB
}

.in404_text h6 {
	margin: 10px auto 30px;
	font-size: 18px;
	color: #999
}

.in404_text a {
	display: inline-block;
	padding: 0 40px;
	line-height: 32px;
	font-size: 15px;
	color: #999;
	border: 2px solid #DDD;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px
}



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

	.in404_text h1 {
		font-size: 180px
	}

}

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

	.in404_text h1 {
		font-size: 140px
	}

	.in404_text h6 {
		font-size: 16px
	}

	.in404_text a {
		font-size: 14px
	}

}

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

	.in404_text h1 {
		font-size: 70px
	}

	.in404_text h6 {
		margin: 10px auto 18px;
		font-size: 14px;
		line-height: 20px
	}

	.in404_text a {
		font-size: 13px
	}

}



/* 隐私政策 */

.privacy {
	margin-bottom: 100px;
	padding-top: 70px;
}

#header {
	background-color: rgb(0 0 0 / 57%) !important;
}

.privacy_cont {}

.privacy_cont .tit {
	margin-bottom: 30px
}

.privacy_cont .tit h2 {
	font-size: 24px;
	text-align: center;
	font-weight: bold
}

.privacy_cont article,
.privacy_cont article * {
	font-size: 14px;
	color: #666;
	line-height: 24px
}

.foot {
	top: 130px;
}

.privacy ol {
	padding: 0px;
}

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

	.privacy {
		margin-bottom: 50px;
	}

}

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

	.privacy {
		margin-bottom: 30px;
	}

}







/* tag */



.tag {

	box-sizing: border-box;

	padding: 1rem 0;

	background-color: #F6FCFF;

}

.tag>h2 {

	font-size: 0.4rem;

	font-weight: bold;

	text-transform: uppercase;

	color: #333;

	text-align: center;

}



.tag .products_all_right {

	width: 100%;

}

.tag>p {

	font-size: 0.2rem;

	color: #333;

	margin: 0.2rem 0 0.4rem 0;

	text-align: center;

}

.tag_list {}

.tag_list .products_right_ul li {

	width: calc((100% - 1.2rem) / 4);

}











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

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



	.tag {
		padding: 0.8rem 0;
	}

}

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

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

	.tag {
		padding: 0.6rem 0;
	}

}

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

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

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

	.tag_list .products_right_ul li {

		width: calc((100% - 0.2rem) / 2);

	}



}

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

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

.form_hide {

	display: none;

}





.solutions_md .S_cases_bac {

	padding: 1rem 0 0 0;

}

.solutions_md {

	box-sizing: border-box;

	padding-bottom: 1rem;

}





.success_cases_cccc{
	background-color: rgba(9, 50, 144, 0.05);
}















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

	.solutions_md .S_cases_bac {

		padding: 0.8rem 0 0 0;

	}

	.solutions_md {

		padding-bottom: 0.8rem;

	}



}

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

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

	.solutions_md .S_cases_bac {

		padding: 0.6rem 0 0 0;

	}

	.solutions_md {

		padding-bottom: 0.6rem;

	}

}

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

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

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

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

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