/*
Theme Name: Everest Feathers
Version: 1.0
Description:
Author:
*/
@charset "utf-8";

:root {
	--i_color: #5BB530;
	--header_height: .9rem;
}
@media screen and (max-width:1024px) {
	:root {
		--header_height: .6rem;
	}
}



.wrap {
	width: 90%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:1024px) {
	.wrap{width: 94%;}
}
.wrap2{width: 94%;margin-left: auto;margin-right: auto;}




.wrap_l{margin-left: 8.2vw;}
.wrap_r{margin-right: 8.2vw;}
@media screen and (max-width:1680px) {
	.wrap_l{margin-left: 5vw;}
	.wrap_r{margin-right: 5vw;}
}
@media screen and (max-width:1024px) {
	.wrap_l{margin-left: 3vw;}
	.wrap_r{margin-right: 3vw;}
}




/* header */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #FFF;
	box-shadow: var(--boxShadow);
	z-index: 2014;
}
header::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #E8E8E8;}
@media screen and (max-width:1024px) {}


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


/* logo */
.logo {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	height: var(--header_height);
}
.logo a {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	height: 100%;
}
.logo img {max-height: 75%;}
@media screen and (max-width:1366px) {
	.logo img {max-height: 65%;}
}






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

	.i_nav>li {position: relative;}
	.i_nav>li::before{opacity: 0; content: ''; position: absolute; bottom: .2rem; left:-.2rem; width: 0.8rem; height: 5px;background:url(static/images/nav_wave.svg) no-repeat center; background-size: contain; -webkit-transition:all .5s ease; transition:all .5s ease;}

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

	.i_nav>.current-menu-item::before,
	.i_nav>.current-category-ancestor::before,
	.i_nav>.current-post-ancestor::before,
	.i_nav>.current-menu-ancestor::before,
	.i_nav>.current-menu-parent::before,
	.i_nav>li:hover::before,
	.i_nav>li.active::before
	{opacity: 1; left:50%; transform:translate(-50%,0);}
	.i_nav>.current-menu-item>a,
	.i_nav>.current-category-ancestor>a,
	.i_nav>.current-post-ancestor>a,
	.i_nav>.current-menu-ancestor>a,
	.i_nav>.current-menu-parent>a,
	.i_nav>li:hover>a,
	.i_nav>li.active>a
	{
		color: var(--i_color);
	}

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

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

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

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

	.i_nav .sub-menu li:hover a {
		color: var(--i_color);
	}
}
@media screen and (max-width:1440px) {
	.i_nav{gap: 0 .44rem;}
}
@media screen and (max-width:1366px) {
	.i_nav{gap: 0 .4rem;}
	.i_nav>li::before{width: 0.6rem; height: 4px;}
	.i_nav>li>a{font-size: 0.17rem;}
}
@media screen and (max-width:1200px) {
	.i_nav{gap: 0 .3rem;}
}








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

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

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

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

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

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

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

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





.nav_menu_products{display: none; position: fixed;top: var(--header_height); left: 0;width: 100%;background: #FFF; box-shadow: 0 8px 10px rgb(0 88 167 / 10%); z-index: 2014;-webkit-transition:top .5s ease; transition:top .5s ease;}

.nav_menu_products dl{padding: .5rem 0 .4rem;display:-webkit-flex; display:flex; flex-wrap:nowrap;justify-content: center; gap: 0 3%; position: relative;}
.nav_menu_products dt{width: 100%;}
.nav_menu_products dt>a{display: block; padding-left: 8px; font-size: 18px;font-weight: bold;}
.nav_menu_products ul{margin-top: 0.2rem;}
.nav_menu_products li{}
.nav_menu_products li a{display: block;padding: 6px 0 6px 20px;font-size: 15px;color: #666;-webkit-transition:all .5s ease; transition:all .5s ease; position: relative;}
.nav_menu_products li a::before{content: '';position: absolute;left: 0;top: 17px;width: .1rem;height: 2px; background: #CCC;}

.nav_menu_products dt>a:hover{color: var(--i_color);}
.nav_menu_products li a:hover{color: var(--i_color);}
.nav_menu_products li a:hover::before{background: rgb(0 88 167 / 50%);}

@media screen and (max-width:1440px) {
	.nav_menu_products dt>a{font-size: 17px;}
}
@media screen and (max-width:1200px) {
	.nav_menu_products dt>a{font-size: 15px;}
	.nav_menu_products li a{font-size: 14px;}
	.nav_menu_products li a::before{top: 14px;}
}
@media screen and (max-width:1024px) {
	.nav_menu_products{display: none !important;}
}






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


.nav_menu.on i {
	opacity: 0
}

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

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

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





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



.top_search_ico{position: relative;font-size: 0; cursor: pointer;}
.top_search_ico iconify-icon{font-size: var(--size);color: #333;-webkit-transition:all .5s ease; transition:all .5s ease;}
.top_search_ico.on iconify-icon{color: var(--i_color);}




.top_language{position: relative;}
.top_language_btn{padding-right: 0.14rem; height: var(--header_height);display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center; cursor: pointer; position: relative;}
.top_language_btn::before{content: '';position:absolute; top:50%; transform:translate(0,-50%);right: 0; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:6px solid #555;}
.top_language_btn iconify-icon{font-size: var(--size);color: #555;-webkit-transition:all .5s ease; transition:all .5s ease;}
.top_language_btn.on iconify-icon{color: var(--i_color);}

.top_language_list {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: calc(100% + .16rem);
	right: 0;
	min-width: 1.6rem;
	background: #FFF;
	box-sizing: border-box;
	box-shadow: var(--boxShadow);
	padding: .1rem .18rem .1rem;
	z-index: 2;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.top_language_list.on {
	visibility: visible;
	opacity: 1;
	top: 100%;
}

.top_language_list ul {overflow: hidden;}
.top_language_list li{position: relative;left: 0;-webkit-transition:all .5s ease; transition:all .5s ease;}
.top_language_list a>span {
	display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;gap: 0 8px;
	box-sizing: border-box;
	overflow: hidden
}
.top_language_list .trp-ls-language-name{font-size: 15px; color: #666;line-height: .3rem;}

.top_language_list li:hover{left: 4px;}
.top_language_list li:hover .trp-ls-language-name{color: var(--i_color);}


.top_contact{background: var(--i_color); -webkit-border-radius:2rem; border-radius:2rem;transition:all .5s ease;}
.top_contact a{display: block; padding: .12rem .18rem; font-size: 0.18rem;color: #FFF;}
.top_contact:hover{transform:translate(0,-4px); box-shadow: 0 4px 8px rgb(0 0 0 / 20%);}

@media screen and (max-width:1366px) {
	.top_r{gap: 0 .24rem;}
	.top_contact a{font-size: 0.17rem;}
}
@media screen and (max-width:1024px) {
	.top_contact{display: none;}
}






/* search */
.top_search {
	--search_height: .38rem
}
.top_search {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: calc(var(--header_height) + .3rem);
	left: 0;
	width: 100%;
	padding: .16rem 0;
	border-top: 1px solid rgb(0 0 0 / 10%);
	background: #FFF;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 99;
}
.top_search.on {
	visibility: visible;
	opacity: 1;
	top: var(--header_height);
	box-shadow: var(--boxShadow);
}
.top_search form {
	width: 80%;
	margin: 0 auto;
	max-width: 5rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	box-sizing: border-box;
	border: 1px solid var(--i_color);
	overflow: hidden;
}
.top_search_ipt {
	width: 100%;
	height: var(--search_height);
	box-sizing: border-box;
	padding: 0 .12rem;
}
.top_search_btn {
	flex-shrink: 0;
	font-size: 0;
	color: #FFF;
	width: calc(var(--search_height) * 1.5);
	height: var(--search_height);
	background:var(--i_color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23FFF' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M21 38c9.389 0 17-7.611 17-17S30.389 4 21 4S4 11.611 4 21s7.611 17 17 17Z'/%3E%3Cpath stroke-linecap='round' d='M26.657 14.343A7.98 7.98 0 0 0 21 12a7.98 7.98 0 0 0-5.657 2.343m17.879 18.879l8.485 8.485'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
	background-size: .2rem;
	cursor: pointer;
}

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



.full_header_height{height: var(--header_height);}





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

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

.banner-button{position:absolute; top:50%; transform:translate(0,-50%); width: 0.6rem;height: 0.6rem;box-sizing: border-box;cursor: pointer; z-index: 3;-webkit-transition:all .5s ease; transition:all .5s ease;}
.banner-button-prev{left: -1rem}
.banner-button-next{right: -1rem;}
.banner-button iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.5rem;color:var(--i_color);}
.banner:hover .banner-button-prev{left: .1rem;}
.banner:hover .banner-button-next{right: .1rem;}

.banner-pagination{position:absolute; left:50%; transform:translate(-50%,0); bottom: .24rem; z-index: 3;}

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






.banner_text1{position:absolute; top:48%; transform:translate(0,-50%);left: 0;width: 100%;}
.banner_text1 .t{width: 54%;}

.banner_text1 h2{font-size: 3vw;font-weight: 900;}
.banner_text1 h5{margin: .08rem 0 .18rem; font-size: 0.24rem;}
.banner_text1 h4{font-size: 0.2rem;font-weight: bold; line-height: 1.6;}
.banner_text1 dl{margin: .2rem 0; display:-webkit-flex; display:flex; flex-wrap:wrap;gap: .14rem 2%;}
.banner_text1 dt{text-align: center; width: 32%; box-sizing: border-box; padding: .12rem .1rem; font-size: 0.16rem;font-weight: bold; background: var(--i_color); color: #FFF; border-radius:6px; display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center; justify-content: center;}
.banner_text1 .c{margin: .2rem 0 .4rem; display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 0 10%;}
.banner_text1 .c a{font-size: 0.18rem;font-weight: bold;}
.banner_text1 .c a:hover{color: var(--i_color); text-decoration: underline;}

@media screen and (max-width:1024px) {
	.banner_text1 h2{font-size: 4vw;}
	.banner_text1 h5{font-size: 18px;}
	.banner_text1 h4{font-size: 15px;}
	.banner_text1 dl{display: none;}
	.banner_text1 .c{margin-bottom: 26px; gap: 0 4%;}
	.banner_text1 .c a{font-size: 16px;}
}
@media screen and (max-width:768px) {
	.banner_text1 .t{width: 100%;}
	.banner_text1 h5{margin: 8px 0 10px; font-size: 16px;}
	.banner_text1 h4{font-size: 14px;}
	.banner_text1 .c{display: none;}
	.banner_text1 .i_more{margin-top: 20px;}
}
@media screen and (max-width:560px) {
	.banner_text1 h2{font-size: 4.2vw;}
	.banner_text1 h5{margin: 8px 0 10px; font-size: 13px;}
	.banner_text1 h4{font-size: 12px;}
	.banner_text1 .i_more{margin-top: 10px;}
}







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

.main_bg{background: #F4F4F4;}






.i_tit{}
.i_tit .t{display: table; position: relative;}
.i_tit .t::before{content: '';position:absolute; top:50%; transform:translate(0,-50%); width: 3rem; height: 0.42rem; background:url(static/images/tit_icon.webp) no-repeat; background-position-x: left; background-position-y:center; background-size: contain;}
.i_tit h3{font-weight: bold; line-height: 1; position: relative;}


.i_tit h6{font-size: 0.18rem; line-height: 1.4; margin-top: .2rem; color: #666;}

.i_tit.center .t{margin-left: auto;margin-right: auto;}
.i_tit.center .t::before{left:50%; transform:translate(-50%,-50%); background-position-x:center}

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

@media screen and (max-width:1200px) {
	.i_tit .t::before{height: 30px;}
	.i_tit h6{font-size: 0.17rem;}
}
@media screen and (max-width:1024px) {
	.i_tit .t::before{height: 24px;}
	.i_tit h6{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.i_tit .t::before{opacity: .5; height: 20px;}
}
@media screen and (max-width:560px) {
	.i_tit .t::before{height: 16px;}
}






.i_more{display: table; padding: .12rem .32rem; background: var(--i_color); -webkit-border-radius:2rem; border-radius:2rem;transition:all .5s ease;}
.i_more span{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center; gap: 0 .1rem;}
.i_more b{font-size: 0.18rem;color: #FFF;}
.i_more i{display: block; width: 0.26rem;height: 0.26rem; background:url(static/images/more_btn_icon.webp) no-repeat center; background-size: contain;}

.i_more.center{margin-left: auto;margin-right: auto;}

.i_more:hover{transform:translate(0,-8px); box-shadow: 0 6px .1rem rgb(0 0 0 / 30%);}
.i_more:hover i{-webkit-transform:rotate(360deg); transform:rotate(360deg); -webkit-transition:all .5s ease; transition:all .5s ease;}

@media screen and (max-width:1024px) {
	.i_more{padding: 10px 20px;}
	.i_more b{font-size: 13px;}
	.i_more i{width: 20px;height: 20px;}
}
@media screen and (max-width:768px) {
	.i_more{padding: 8px 20px;}
	.i_more b{font-size: 12px;}
	.i_more i{width: 18px;height: 18px;}
}
@media screen and (max-width:560px) {
	.i_more{padding: 8px 14px;}
}







.i_btn{display: table; width: 0.54rem;height: 0.54rem; background: #FFF; border-radius:50%; box-shadow: 0 0 .12rem rgb(0 0 0 / 15%); position: relative;}
.i_btn iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.28rem;color: var(--i_color);}
.i_btn.active, .i_btn:hover{background: var(--i_color);}
.i_btn.active iconify-icon, .i_btn:hover iconify-icon{color: #FFF;}

@media screen and (max-width:1024px) {
	.i_btn{width: 48px;height: 48px;}
	.i_btn iconify-icon{font-size: 24px;}
}
@media screen and (max-width:768px) {
	.i_btn{width: 42px;height: 42px;}
}
@media screen and (max-width:560px) {
	.i_btn{width: 38px;height: 38px;}
	.i_btn iconify-icon{font-size: 20px;}
}







.sectionTit{display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: center; gap: 0 8%;}
.sectionTit .i_more{flex-shrink: 0; margin-left: auto;}

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





.public-pagination{display:block; padding-bottom: 6px; text-align:center}
.public-pagination .swiper-pagination-bullet{width:10px; height:10px; display:inline-block; margin:0 8px; background:#666; -webkit-border-radius:50%; border-radius:50%; outline:none; cursor:pointer; position: relative;}
.public-pagination .swiper-pagination-bullet::before{opacity: 0; content: '';position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);width: 18px;height: 18px;box-sizing: border-box;border: 1px solid var(--i_color); border-radius:50%;}
.public-pagination .swiper-pagination-bullet-active{background:var(--i_color)}
.public-pagination .swiper-pagination-bullet-active::before{opacity: 1;}

@media screen and (max-width:1024px) {
	.public-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
	.public-pagination .swiper-pagination-bullet::before{width: 16px;height: 16px;}
}
@media screen and (max-width:560px) {
	.public-pagination .swiper-pagination-bullet{margin: 0 6px; width: 6px;height: 6px;}
	.public-pagination .swiper-pagination-bullet::before{width: 14px;height: 14px;}
}






.homeCategory{}

.homeCategory_list{padding-bottom: 0.3rem; position:relative; overflow:hidden}
.homeCategory_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.homeCategory_list .swiper-slide{flex-shrink:0; position:relative; background: #F4F4F4; border-radius:.1rem; box-sizing: border-box; border: 1px solid transparent;}
.homeCategory_list .swiper-slide a{display: block; padding: .14rem;}

.homeCategory_list .coverPic{width:100%; position:relative; border-radius:8px; overflow:hidden}
.homeCategory_list .coverPic::before{content:""; display:block; padding-bottom:100%}
.homeCategory_list .coverPic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}

.homeCategory_list .i_btn{position:absolute; left:50%; transform:translate(-50%,0); bottom: -.27rem;}

.homeCategory_list .swiper-slide span{display: block; padding: .2rem .1rem .3rem; text-align: center;}
.homeCategory_list .swiper-slide span p{font-size: 0.2rem; font-weight: bold; line-height: 1.4; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.homeCategory_list .swiper-slide:hover{border-color: var(--i_color);}
.homeCategory_list .swiper-slide:hover img{transform: scale(1.05, 1.05);}
.homeCategory_list .swiper-slide:hover p{color: var(--i_color);}
.homeCategory_list .swiper-slide:hover .i_btn{background: var(--i_color);}
.homeCategory_list .swiper-slide:hover .i_btn iconify-icon{color: #FFF;}
.homeCategory_list .swiper-slide,.homeCategory_list .coverPic img,.homeCategory_list .btn{transition:all .5s ease;}

.swiper-notification{display: none;}

@media screen and (max-width:1024px) {
	.homeCategory_list .swiper-slide span p{font-size: 17px;}
	.homeCategory_list .i_btn{bottom: -24px;}
}
@media screen and (max-width:768px) {
	.homeCategory_list .swiper-slide span{padding: 14px 10px 12px;}
	.homeCategory_list .swiper-slide span p{font-size: 16px;}
}
@media screen and (max-width:560px) {
	.homeCategory_list .swiper-slide span p{font-size: 15px;}
	.homeCategory_list .i_btn{bottom: -19px;}
}







.hotProducts{background:#F4F4F4 url(static/images/hotProducts_bg.webp) no-repeat center; background-size: cover; position: relative;}
.hotProducts .wrap{position: relative;z-index: 2;}

.hotProducts_tit{position: relative;}
.hotProducts_tit::before{content: '';position: absolute;left: 0;top: 0;width: .6rem;height: 3px;background: #555;}
.hotProducts_tit h3{padding-top: 0.22rem; font-size: 0.2rem;font-weight: bold;}

.hotProducts_list{width: 84%; position:relative; overflow:hidden}
.hotProducts_list .swiper-wrapper{display:flex; position:relative; width:100%}
.hotProducts_list .swiper-slide{flex-shrink:0; position:relative}
.hotProducts_list .swiper-slide a{display:-webkit-flex; display:flex; flex-wrap:nowrap; gap: 0 5%; align-items: center;}

.hotProducts_list .coverPic{flex-shrink: 0; width:50%; position:relative;border-radius:.1rem; overflow:hidden}
.hotProducts_list .coverPic::before{content:""; display:block; padding-bottom:100%}
.hotProducts_list .coverPic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}
.hotProducts_list .coverPic:hover img{transform: scale(1.05, 1.05);}

.hotProducts_list .text{width: 100%;}
.hotProducts_list .text h5{font-size: 0.32rem;font-weight: bold; line-height: 1.5; position: relative; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.hotProducts_list .text h5::before{content: '';position:absolute; top:6px; width: 3rem; height: 0.42rem; background:url(static/images/tit_icon.webp) no-repeat left center;background-size: contain; z-index: -1;}
.hotProducts_list .text p{margin: .2rem 0 .5rem; font-size: 0.16rem;line-height: 1.7; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}

.hotProducts-pagination{text-align: left;}

.hotProducts_num{position: absolute;top: 0;right: 0;width: 15%;height: 100%;background: rgb(102 102 102 / 80%);}
.hotProducts_num p{position: absolute;left: 0;bottom: .5rem;width: 100%;text-align: center; font-size: 0.5rem;color: #FFF;font-weight: bold;}

@media screen and (max-width:1440px) {
	.hotProducts_list .text h5{font-size: 0.28rem;}
}
@media screen and (max-width:1366px) {
	.hotProducts_list{width: 88%;}
	.hotProducts_list .text h5{font-size: 0.26rem;}
	.hotProducts_num{width: 12%;}
}
@media screen and (max-width:1200px) {
	.hotProducts_list .text h5::before{height: 30px;}
}
@media screen and (max-width:1024px) {
	.hotProducts_list{width: 100%;}
	.hotProducts_list .coverPic{width: 300px;}
	.hotProducts_list .text h5{font-size: 20px;}
	.hotProducts_list .text h5::before{height: 24px;}
	.hotProducts_list .text p{margin: 16px 0 30px; font-size: 15px; -webkit-line-clamp:3}
	.hotProducts_num{display: none;}
}
@media screen and (max-width:768px) {
	.hotProducts_list .text h5{font-size: 17px;}
	.hotProducts_list .text h5::before{opacity: .5; height: 20px;}
	.hotProducts_list .text p{font-size: 13px;}
}
@media screen and (max-width:560px) {
	.hotProducts_list .swiper-slide a{flex-wrap: wrap; gap: 24px 0;}
	.hotProducts_list .coverPic{width: 100%;}
	.hotProducts_list .text h5::before{height: 16px;}
}






.homeApp{background:linear-gradient(to bottom, #FFF, #F4F4F4);}

.homeApp_box{}

.homeApp_cont{overflow: hidden;}
.homeApp_cont .item{opacity: 0; height: 0; visibility: hidden; position: relative;}
.homeApp_cont .item.active{opacity: 1; height: auto; visibility: visible; transition:all .5s ease;}

.homeApp_cont .item>span{display: block;padding-bottom: 1rem;}

.homeApp_cont .coverPic{display: block; left: .25rem; width:100%; position:relative;border-radius:.1rem; overflow:hidden; transition:all .5s ease;}
.homeApp_cont .coverPic::before{content:""; display:block; padding-bottom:40%}
.homeApp_cont .coverPic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.homeApp_cont .text{position: absolute;bottom: -.3rem;right: 4%; width:22%; box-sizing: border-box; padding:.4rem .3rem; border: 1px solid #CCC; background: #FFF; border-radius:.3rem .3rem 0 0;transition:all .5s ease;}
.homeApp_cont .text a{display: block;}
.homeApp_cont .text h5{display: table; padding-bottom: .1rem; margin-bottom: 0.14rem; font-size: 0.24rem;font-weight: bold; position: relative;}
.homeApp_cont .text h5::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: var(--i_color);}
.homeApp_cont .text p{margin: .2rem 0; font-size: 0.16rem; line-height: 1.7; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6;}
.homeApp_cont .i_btn{box-shadow: none;}

.homeApp_cont .item.active .coverPic{left: 0;}
.homeApp_cont .item.active .text{bottom: 0;}

.homeApp_nav{margin-top: -.46rem; width: 70%; display:-webkit-flex; display:flex; flex-wrap:wrap;gap: .16rem 1.5%; position: relative; z-index: 2;}
.homeApp_nav li{box-sizing: border-box; border: 1px solid #CCC; border-radius:2rem; background: #FFF;}
.homeApp_nav a{display: block; padding: .12rem .2rem; font-size: 0.18rem;}
.homeApp_nav a:hover{color: var(--i_color);}
.homeApp_nav .active{background: var(--i_color); border-color: var(--i_color);}
.homeApp_nav .active a{color: #FFF !important;}

@media screen and (max-width:1440px) {
	.homeApp_nav a{font-size: 0.16rem;}
}
@media screen and (max-width:1024px) {
	.homeApp_cont .coverPic{border-radius:10px 10px 0 0;}
	.homeApp_cont .item>span{padding-bottom: 0;}
	.homeApp_cont .text{position: initial; width: 100%; border-radius:0 0 10px 10px; padding: 20px 20px; border-color: #EEE;}
	.homeApp_cont .text h5{font-size: 20px;}
	.homeApp_cont .text p{font-size: 15px; -webkit-line-clamp:3}

	.homeApp_nav{margin-top: 30px; width: 100%;}
	.homeApp_nav a{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.homeApp_cont .text h5{font-size: 18px;}
	.homeApp_cont .text p{font-size: 14px;}

	.homeApp_nav a{font-size: 14px;}
}
@media screen and (max-width:560px) {
	.homeApp_cont .text h5{font-size: 17px;}
	.homeApp_cont .text p{margin: 10px 0; font-size: 13px;}

	.homeApp_nav{margin-top: 20px; gap: 10px 2%;}
	.homeApp_nav a{padding: 10px 18px; font-size: 13px;}
}






.homeAbout{position: relative;}
.homeAbout .wrap{position: relative;z-index: 3;}
.move_title{position: absolute;left: 60%;top: 0; font-size: 11vw; line-height: 1; font-weight: bold; white-space: nowrap; color: #F5F5F5;}


.about_title{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;gap: 0 .2rem;}
.about_title i{
	display: table;
	width: 2.4rem;height: 4px;
	background:-webkit-linear-gradient(left, transparent, var(--i_color));
	background:linear-gradient(to right, transparent, var(--i_color));
}
.about_title h3{font-weight: bold;}


.homeAbout_cont{display:-webkit-flex; display:flex; flex-wrap:nowrap; gap: 0 5%; position: relative;}
.about_pic{flex-shrink: 0; width: 38%; border-radius:10rem 10rem .2rem .2rem; overflow: hidden;}
.about_pic img{width: 100%;}

.about_text{margin-left: auto; width: 100%; position: relative; margin-top: .54rem;}
.about_text article{font-size: .16rem; line-height: 1.8; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8;}

.about_moreBtn{display: block; margin: 1rem 0 0;}
.about_moreBtn img{height: 1.74rem; animation:rotate 120s infinite linear}
@keyframes rotate{
	0% {}
	100% {transform:rotate(360deg);}
}

.about_video{position: absolute; right: 0;bottom: 0;width: 30.5vw; border-radius:.1rem; overflow: hidden;}
.about_video::before{content: '';display: block;padding-bottom: 52.15%;}
.about_video::after{content: '';position:absolute; top:0; left:0; width:100%; height:100%; background: rgb(0 0 0 / 30%);}
.about_video img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}

@media screen and (max-width:1440px) {
	.about_text{margin-top: 0.4rem;}
	.about_moreBtn img{height: 1.4rem;}
}
@media screen and (max-width:1366px) {
	.about_moreBtn{margin-top: 0.7rem;}
}
@media screen and (max-width:1200px) {
	.about_text{margin-top: 0.1rem;}
	.about_moreBtn{margin-top: 0.5rem;}
}
@media screen and (max-width:1024px) {
	.move_title{font-size: 9vw;}

	.about_title i{width: 200px;}

	.homeAbout_cont{flex-wrap: wrap; gap: 0 0;}
	.about_pic{display: none;}
	.about_text{width: 100%;}
	.about_text article{font-size: 14px;}
	.about_moreBtn{margin-top: 20px;}
	.about_moreBtn img{height: 90px;}

	.about_video{position: relative; width: 100%; margin-top: 30px;}
}
@media screen and (max-width:768px) {
	.homeAbout{padding-top: 20px;}
	.about_title{margin-bottom: 20px;}
	.about_title i{width: 130px; height: 3px;}
}
@media screen and (max-width:560px) {
	.homeAbout{padding-top: 0;}
	.move_title{font-size: 11vw;}
	.about_title{margin-bottom: 10px;}
	.about_title i{margin-bottom: 8px;}
	.about_moreBtn img{height: 80px;}
}






.v_btn{display: table; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); cursor: pointer; z-index: 3;}
.v_btn::before{content: '';position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);width: 0;height: 0;background:rgb(255 255 255 / 70%); -webkit-border-radius:50%; border-radius:50%;}
.v_btn i{display: block;width: .6rem;height: .6rem;background: #FFF; -webkit-border-radius:50%; border-radius:50%; position: relative;-webkit-transition:all .5s ease; transition:all .5s ease;}
.v_btn iconify-icon{position:absolute; top:50%; left:52%; transform:translate(-50%,-50%);font-size: 0.36rem;color: var(--i_color);}

.v_btn::before{-webkit-animation:diffuse 1.6s infinite linear; animation:diffuse 1.6s infinite linear}
@keyframes diffuse{
	0% {opacity: 1; width:80%;height: 80%;}
	100% {opacity: 0; width:150%;height: 150%;}
}
.v_btn:hover i{-webkit-transform:rotate(360deg); transform:rotate(360deg);}

@media screen and (max-width:560px) {
	.v_btn i{width: 50px;height: 50px;}
	.v_btn iconify-icon{font-size: 30px;}
}





.vd_full {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(255 255 255 / 80%);z-index:99999;}
.vd_box {position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);width:60%;z-index:2;}
.vd_box::before {content:'';display:block;padding-bottom:56.25%;}
.close_v {position:absolute;top:-.2rem;right:-.2rem;width:0.4rem;height:0.4rem;background:var(--i_color);z-index:2;-webkit-border-radius:50%;border-radius:50%;cursor:pointer;}
.close_v::before {content:'+';position:absolute;top:50%;left:50%;font-size:0.44rem;color:#FFF;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}
.vd_box iframe {position:absolute;top:0;right:0;width:100%;height:100%;background:#000;object-fit:contain;}
@media screen and (max-width:1024px) {
	.vd_box {width:80%;}
	.close_v::before {font-size:0.4rem;}
}
@media screen and (max-width:768px) {
	.vd_box {width:88%;}
	.close_v {top:-.15rem;right:-.15rem;width:0.3rem;height:0.3rem;}
	.close_v::before {font-size:0.3rem;}
}






.about_num{display:-webkit-flex; display:flex; flex-wrap:nowrap;}
.about_num dt{width: 100%; border-right: 1px solid #DDD;}
.about_num dt:last-child{border-right: none;}
.about_num dt>div{display: table;margin-left: auto;margin-right: auto;}

.about_num p{font-size: 0.18rem;}
.about_num span{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: baseline;font-size: 0.2rem;font-weight: bold; color: var(--i_color);}
.about_num i{font-size: 0.54rem;color: var(--i_color); font-weight: bold;}

@media screen and (max-width:1024px) {
	.about_num p{margin-bottom: 6px; font-size: 15px;}
	.about_num i{font-size: 42px;}
}
@media screen and (max-width:768px) {
	.about_num{flex-wrap: wrap;gap: 20px 3%;}
	.about_num dt{width: 31.33%; border: none;}
	.about_num dt>div{margin: 0 0;}
	.about_num p{font-size: 13px;}
}
@media screen and (max-width:560px) {
	.about_num p{font-size: 12px;}
	.about_num span{font-size: 18px;}
	.about_num i{font-size: 30px;}
}







.homeAdv{background: #F4F4F4;}
.homeAdv .i_tit h6{width: 40%;}
.homeAdv-navigation{flex-shrink: 0; margin-left: auto; display:-webkit-flex; display:flex; flex-wrap:wrap; align-items: center; gap: 0 .2rem;}
.homeAdv-navigation>div{box-shadow: none; cursor: pointer;}

.homeAdv_list{
	--li_padding:.4rem;
	--icon_size:.8rem;
	--circle_size:1.36rem
}
.homeAdv_list{padding-top: 0.1rem; position:relative; overflow: hidden;}
.homeAdv_list .swiper-wrapper{display:flex; position:relative; width:100%}
.homeAdv_list .swiper-slide{flex-shrink:0; position:relative; box-sizing: border-box; padding-top: 0.2rem;}

.homeAdv_list em{display: block; position: absolute; top: 0.5rem; right: var(--li_padding); width: var(--icon_size);height: var(--icon_size); z-index: 3}
.homeAdv_list em img{width: 100%;height: 100%;object-fit: contain;}

.homeAdv_list .swiper-slide>span{display: block; height: 100%; box-sizing: border-box; padding: var(--li_padding); position: relative; border: 2px solid #C7E7B9; border-radius:8px; overflow: hidden;}
.homeAdv_list .swiper-slide>span::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(255 255 255 / 100%); border-radius:8px;}

.homeAdv_list .circle{opacity: 1; position: absolute;top: -.54rem;left: -.4rem;width: 0;height: 0;background: rgb(91 181 48 / 50%); border-radius:50%; z-index: 3;}
.homeAdv_list .circle::before{content: '';position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 0; height: 0; background: rgb(91 181 48 / 20%); border-radius:50%;}

.homeAdv_list .text{margin-top: calc(var(--icon_size) + .3rem); position: relative; z-index: 3;}
.homeAdv_list .text h6{width: 70%; font-size: 0.24rem;font-weight: bold;}
.homeAdv_list .text p{margin-top: 0.16rem; font-size: 0.16rem;line-height: 1.7;}

.homeAdv_list .swiper-slide:hover>span{border-color: var(--i_color);}
.homeAdv_list .swiper-slide:hover>span::after{background: rgb(255 255 255 / 50%);}
.homeAdv_list .swiper-slide:hover .circle{width:var(--circle_size);height:var(--circle_size);}
.homeAdv_list .swiper-slide:hover .circle::before{width: calc(var(--circle_size) + .5rem);height: calc(var(--circle_size) + .5rem);}
.homeAdv_list .swiper-slide:hover em{top:0; width: calc(var(--icon_size) + .4rem); height: calc(var(--icon_size) + .4rem); z-index: 0;}

.homeAdv_list em{transition:top .5s ease, width .5s ease, height .5s ease; }
.homeAdv_list .circle{transition:all .5s ease;}
.homeAdv_list .circle::before{transition:all .5s .5s;}

.homeAdv-pagination{display: none;}

@media screen and (max-width:1440px) {
	.homeAdv .i_tit h6{width: 60%;}

	.homeAdv_list .text h6{width: 100%; font-size: 0.22rem;}
	.homeAdv_list .text p{font-size: .15rem;}
}
@media screen and (max-width:1024px) {
	.homeAdv .i_tit h6{width: 80%;}

	.homeAdv_list{
		--li_padding:30px;
		--icon_size:50px;
		--circle_size:100px
	}
	.homeAdv_list .text h6{font-size: 18px;}
	.homeAdv_list .text p{font-size: 14px;}

	.homeAdv-pagination{display:block;}
}
@media screen and (max-width:768px) {
	.homeAdv .sectionTit{margin-bottom: 24px;}
	.homeAdv .i_tit h6{width: 100%;}
	.homeAdv-navigation{display: none;}

	.homeAdv_list{
		--li_padding:20px;
		--icon_size:40px;
		--circle_size:80px
	}
	.homeAdv_list{width: 94%; overflow: hidden;}
}
@media screen and (max-width:560px) {
	.homeAdv .sectionTit{margin-bottom: 6px;}
	.homeAdv_list{--icon_size:30px;}
}







.homeNews{background:linear-gradient(to bottom, #FFF, #F4F4F4);}

.homeNews_cont{display:-webkit-flex; display:flex; flex-wrap:wrap;}

.homeNews_top{flex-shrink: 0; width: 48%;}
.homeNews_top .coverPic{width:100%; position:relative; border-radius:6px; overflow:hidden}
.homeNews_top .coverPic::before{content:""; display:block; padding-bottom:65%}
.homeNews_top .coverPic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}
.homeNews_top .date{position: absolute;bottom: .2rem;left: .2rem; background: var(--i_color); border-radius:6px; text-align: center; padding: .1rem;}
.homeNews_top .date b{display: block; margin-bottom: 2px; font-size: 0.24rem;color: #FFF;}
.homeNews_top .date i{font-size: 14px;color: #FFF;}
.homeNews_top span{display: block;margin-top: 0.24rem;}
.homeNews_top h6{font-size: 0.2rem;font-weight: bold; line-height: 1.4;}
.homeNews_top p{margin-top: 0.1rem; font-size: 0.16rem;color: #666;line-height: 1.5;}
.homeNews_top h6,.homeNews_top p{overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.homeNews_top:hover img{transform: scale(1.05, 1.05);}
.homeNews_top:hover h6{color: var(--i_color);}


.homeNews_list{margin-left: auto; width: 48%; box-sizing: border-box; padding-left: 0.6rem; border-left: 1px solid #DDD;}
.homeNews_list li{margin-top: 0.3rem;padding-top: 0.3rem; border-top: 1px solid #DDD;}
.homeNews_list li:first-child{margin-top: 0;padding-top: 0;border-top: none;}
.homeNews_list a{display:-webkit-flex; display:flex; flex-wrap:nowrap; gap: 0 .5rem; align-items: center;}

.homeNews_list span{width: 100%;}
.homeNews_list span h6{font-size: 0.2rem;font-weight: bold;}
.homeNews_list span p{margin: .1rem 0 .16rem; font-size: 0.16rem;color: #666; line-height: 1.5;}
.homeNews_list span h6,.homeNews_list span p{overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.homeNews_list span i{font-size: 14px;color: #666;}

.homeNews_list .coverPic{flex-shrink: 0; width:30%; border-radius:6px; position:relative; overflow:hidden}
.homeNews_list .coverPic::before{content:""; display:block; padding-bottom:65%}
.homeNews_list .coverPic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.homeNews_list li:hover h6{color: var(--i_color);}
.homeNews_list li:hover img{transform: scale(1.05, 1.05);}

@media screen and (max-width:1024px) {
	.homeNews_top{width: 100%;}
	.homeNews_list{width: 100%; margin: 36px 0 0; padding: 0 0;border: none;}
	.homeNews_list li:first-child{padding-top: 0.3rem; border-top: 1px solid #DDD;}

	.homeNews_top h6,.homeNews_list span h6{font-size: 18px;}
}
@media screen and (max-width:768px) {
	.homeNews_top h6,.homeNews_list span h6{font-size: 17px;}
	.homeNews_top p,.homeNews_list span p{font-size: 14px;}
}
@media screen and (max-width:560px) {
	.homeNews_top .date b{font-size: 20px;}
	.homeNews_list{margin-top: 20px;}
	.homeNews_top h6,.homeNews_list span h6{font-size: 16px;}
	.homeNews_list a{gap: 0 26px;}
	.homeNews_list .coverPic{width: 34%;}
}






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

.partners_list{position:relative; overflow:hidden}
.partners_list .swiper-wrapper{display:flex; position:relative; width:100%}
.partners_list .swiper-slide{flex-shrink:0; position:relative}
.partners_list .swiper-slide span{display: block; background: #FFF; border-radius:50%; overflow: hidden; position: relative;}
.partners_list .swiper-slide span::before{content: '';display: block;padding-bottom: 100%;}
.partners_list .swiper-slide img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; height:60%; object-fit: contain;}

.partners-control{display:-webkit-flex; display:flex; flex-wrap:nowrap; gap: 0 .5rem; align-items: center;}

.partners-pagination{display:block; width: 100%; height: 3px; position: relative;}
.partners-pagination::before{content: '';position: absolute;left: 0;top: 1px;width: 100%;height: 1px;background: #DDD;}
.partners-pagination span{
	background: var(--i_color);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.partners-navigation{flex-shrink: 0; display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 0 .2rem;}
.partners-navigation>div{cursor: pointer;}

@media screen and (max-width:768px) {
	.partners-navigation{display: none;}
}







/* footer */
footer{background:url(static/images/footer_bg.webp) no-repeat center;background-size: cover;}

.f_contact{border-bottom: 1px solid rgb(255 255 255 / 10%);}
.f_contact dl{display:-webkit-flex; display:flex; flex-wrap:nowrap;gap: 0 4%;}
.f_contact dt{width: 100%; display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: center; gap: 0 .2rem;}
.f_contact i{flex-shrink: 0; width: 0.6rem;height: 0.6rem;box-sizing: border-box; border: 1px solid #FFF; border-radius:6px; position: relative;}
.f_contact iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.3rem;color: #FFF;}
.f_contact h6{margin-bottom: 4px; font-size: 14px;color: rgb(255 255 255 / 50%);}
.f_contact a,.f_contact p{font-size: 0.18rem;color: #FFF; line-height: 1.3;}

.f_contact dt:hover i{border-color: var(--i_color);}
.f_contact dt:hover iconify-icon{color: var(--i_color);}
.f_contact a:hover{color: var(--i_color);}


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

.fLeft{flex-shrink: 0; width: 26%;}
.fLogo img{height: 1.1rem;}
.fLeft>p{margin-top: 0.3rem; font-size: 0.18rem;color: rgb(255 255 255 / 80%); line-height: 1.8;}

.fMedia{display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 0 .3rem;}
.fMedia li{transition:all .5s ease;}
.fMedia a{display: block; width: 0.5rem;height: 0.5rem; background: rgb(255 255 255 / 10%); border-radius:6px; position: relative;}
.fMedia iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.24rem;color: #FFF;}
.fMedia li:hover{transform:translate(0,-6px);}
.fMedia li:hover a{background: var(--i_color);}


.fTit{margin-bottom: 0.26rem; font-size: 0.2rem;color: var(--i_color);font-weight: bold;}

.fNav ul{}
.fNav li{}
.fNav li a{display: block; padding: .1rem 0; font-size: 0.18rem;color: rgb(255 255 255 / 80%);}
.fNav li a:hover{color: var(--i_color);}


.f_cr .wrap{border-top: 1px solid rgb(255 255 255 / 10%);}
.f_cr p,.f_cr a{font-size: 15px;color: rgb(255 255 255 / 40%); line-height: 1.5}
.f_cr a:hover{color: var(--i_color); text-decoration: underline;}

@media screen and (max-width:1200px) {
	.f_contact a, .f_contact p{font-size: 0.16rem;}
	.fLeft>p{font-size: 0.16rem;}
}
@media screen and (max-width:1024px) {
	.f_contact dl{flex-wrap: wrap;gap: 24px 4%;}
	.f_contact dt{width: 48%;}
	.f_contact i{width: 44px;height: 44px;}
	.f_contact iconify-icon{font-size: 22px;}

	.fLeft{width: 100%;}
	.fLogo img{height: 70px;}
	.fNav{display: none;}
}
@media screen and (max-width:768px) {
	.f_contact a, .f_contact p{font-size: 15px;}

	.fMedia a{width: 40px; height: 40px;}
	.fMedia iconify-icon{font-size: 20px;}
}
@media screen and (max-width:560px) {
	.f_contact dl{gap: 20px 0;}
	.f_contact dt{width: 100%;}
	.f_contact i{width: 20px;height: 20px; border: none;}
	.f_contact iconify-icon{font-size: 20px;}
	.f_contact h6{font-size: 13px;}

	.fLogo img{height: 50px;}
	.fLeft>p{font-size: 14px; line-height: 1.5;}
	.fMedia{gap: 0 20px;}
	.fMedia a{width: 34px; height: 34px;}
	.fMedia iconify-icon{font-size: 18px;}

	.f_cr p, .f_cr a{font-size: 14px;}
}








/* ===================================================== */

.banner__{width: 100%;position: relative; font-size: 0; overflow: hidden;}
.banner__ img{width: 100vw;}
.banner__text{position:absolute; top:50%; transform:translate(0,-50%);left: 0;width: 100%;}
.banner__text h2{font-weight: bold;}






/* Breadcrumb */
.in_position{padding:.2rem 0;background:#F4F4F4;position:relative;}
.in_position .wrap{display:flex;flex-wrap:wrap;align-items:center;}
.in_position a{display:block;font-size:15px;color:#333;position:relative;line-height:20px;}
.in_position a:first-child{padding-left: 0.26rem;}
.in_position a:first-child::before{
	content: '';
	position:absolute; top:50%; transform:translate(0,-50%);left: 0;
	width: 20px;height: 20px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='576' height='512' viewBox='0 0 576 512'%3E%3Cpath fill='%235BB530' d='M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0M571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93'/%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
}
.in_position a:not(:last-child):after {content:">";margin:0 4px;color:#555}
.in_position a:last-child {color:var(--i_color) !important}
.in_position a:hover {color:var(--i_color)}
@media screen and (max-width:1024px) {
	.in_position {padding:.16rem 0;}
	.in_position a {font-size:14px}
}
@media screen and (max-width:560px) {
	.in_position {padding:.12rem 0;}
	.in_position a {font-size:13px}
}








.category_page{}


.categoryBox{display:-webkit-flex; display:flex; flex-wrap:nowrap; gap: 0 4%;}
.cat_nav{flex-shrink: 0; width: 25%; box-sizing: border-box; padding-right: 2.5%; position: relative;}
.catList_show{width: 100%; margin-left: auto;}
@media screen and (max-width:1200px) {
	.cat_nav{width: 28%;}
}
@media screen and (max-width:1024px) {
	.categoryBox{flex-wrap: wrap; margin-bottom: 80px;}
	.catList_show{width: 100%; padding: 0 0; margin: 0 0;}
}
@media screen and (max-width:560px) {
	.categoryBox{margin-bottom: 60px;}
}





.cat_nav::before{content: '';position: absolute;top: 0;right: 0;width: 50rem;height: 100%;background: #FFF;}
.cat_nav_tit{margin-bottom: 0.2rem; position: relative;}
.cat_nav_tit h4{font-size: 0.28rem;color: #333; font-weight: bold;}
.cat_nav_tit iconify-icon{display: none;}

.cat_nav_list{position: relative;}
.cat_nav_list li{margin-bottom: .16rem; position: relative; background: #F4F4F4; border-radius:.08rem;}

.cat_fold_tit{padding: 0 .2rem; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;gap: 0 .2rem; background: #F4F4F4; border-radius:.08rem;}
.cat_fold_tit a{padding: .18rem 0; width: 100%; font-size: 0.18rem;}
.cat_fold_tit iconify-icon{margin-left: auto;flex-shrink: 0;font-size: 0.24rem;cursor: pointer;-webkit-transition:all .5s ease; transition:all .5s ease;}
.cat_fold_tit a:hover,.active .cat_fold_tit a,.active .cat_fold_tit iconify-icon{color: var(--i_color);}
.active .cat_fold_tit{background: var(--i_color);}
.active .cat_fold_tit a{color: #FFF;}
.active .cat_fold_tit iconify-icon{color: #FFF; -webkit-transform:rotate(-180deg); transform:rotate(-180deg);}

.cat_fold_sub{display: none; padding:.1rem .2rem .28rem;}
.cat_fold_sub dt{box-sizing: border-box; position: relative;}
.cat_fold_sub dt::before,.cat_fold_sub dt::after{content: '';position: absolute;bottom: 0;height: 1px;}
.cat_fold_sub dt::before{left: 0;width: 100%;background: #DDD;}
.cat_fold_sub dt::after{right: 0; width: 0; background: var(--i_color);transition:all .5s ease;}
.cat_fold_sub a{display: block;padding: .14rem 0;font-size: 0.18rem; position: relative;-webkit-transition:all .5s ease; transition:all .5s ease;}
.cat_fold_sub dt:hover::after,.cat_fold_sub dt.active::after{right: initial; left: 0; width: 100%;}
.cat_fold_sub dt:hover a,.cat_fold_sub dt.active a{color: var(--i_color);}

@media screen and (max-width:1440px) {
	.cat_nav_tit h4{font-size: 0.3rem;}
}
@media screen and (max-width:1200px) {
	.cat_nav_tit h4{font-size: 0.26rem;}
}
@media screen and (max-width:1024px) {
	.cat_nav::before{display: none;}

	.cat_nav{width: 100%; padding-left: 0; padding-right: 0; background: none;}
	.cat_nav_tit{padding: 14px 28px; margin: 0 0; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;position: relative;z-index: 2; background: var(--i_color); border-radius:8px;}
	.cat_nav_tit h4{font-size: 20px; color: #FFF;}
	.cat_nav_tit iconify-icon{display: block; margin-left: auto;font-size: 26px;color: #FFF;}

	.cat_nav_list{display: none;margin-top: -10px; box-sizing: border-box;padding: 40px 30px 24px; background: #FFF; border-radius:0 0 10px 10px;}
	.cat_fold_tit a{padding: 12px 0;font-size: 17px;}
	.cat_fold_sub a{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.cat_nav_tit{padding: 12px 20px;}
	.cat_nav_tit h4{font-size: 18px;}
	.cat_nav_tit iconify-icon{font-size: 22px;}

	.cat_fold_tit a{font-size: 16px;}
}
@media screen and (max-width:560px) {
	.cat_nav_tit h4{font-size: 16px;}

	.cat_nav_list{padding: 30px 20px 10px;}

	.cat_fold_tit a{font-size: 15px;}
	.cat_fold_tit iconify-icon{font-size: 22px;}
	.cat_fold_sub a{font-size: 14px;}
}






.category_des{}
.category_name{margin-bottom: 0.1rem; position: relative;}
.category_name h1{font-weight: bold; position: relative; line-height: 1.4;}
.category_des span{color: #555;}






.pList{display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 50px 3%;}
.pList li{width: 31.33%; background: #FFF;box-sizing: border-box; border: 1px solid transparent; border-radius:.1rem;-webkit-transition:all .5s ease; transition:all .5s ease;}
.pList a{display: block; padding: .14rem;}

.pList .coverPic{width:100%; position:relative; border-radius:.1rem; overflow:hidden}
.pList .coverPic::before{content:""; display:block; padding-bottom:100%}
.pList .coverPic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.pList .product_name{margin-top: 0.2rem;}
.pList p{font-size: 0.18rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

.pList li:hover{border-color: var(--i_color);}
.pList li:hover img{transform: scale(1.05, 1.05);}
.pList li:hover p{color: var(--i_color);}

@media screen and (max-width:1200px) {
	.pList p{font-size: 0.16rem;}
}
@media screen and (max-width:1024px) {
	.pList p{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.pList{gap: 30px 4%;}
	.pList li{width: 48%;}
}
@media screen and (max-width:560px) {
	.pList a{padding: 10px;}
	.pList p{font-size: 14px;}
}







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

@media screen and (max-width:560px) {
	.in_paging{--size:30px}
}






.p_data{background: #F4F4F4;}
.p_data .wrap{display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: flex-start; background: #FFF; border-radius:.1rem; overflow: hidden;}

.pGallery{flex-shrink: 0; width: 38%; position: relative;}

.pGallery_list{position:relative; width: 100%; border-radius:.1rem; overflow:hidden}
.pGallery_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.pGallery_list .swiper-slide{flex-shrink:0; position:relative}
.pGallery_list .swiper-slide span{width: 100%;position: relative; overflow: hidden;}
.pGallery_list .swiper-slide span::before{content: '';display: block;padding-bottom: 100%;}
.pGallery_list .swiper-slide img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}

.pGallery-pagination{position: absolute;right: .24rem;bottom: .2rem; font-weight: bold;}
.pGallery-pagination .swiper-pagination-current{font-size: 0.26rem;color: var(--i_color);}

.pGallery-prev,.pGallery-next{position:absolute; top:50%; transform:translate(0,-50%); cursor: pointer;}
.pGallery-prev{left:0;}
.pGallery-next{right:0;}

@media screen and (max-width:1024px) {
	.p_data .wrap{flex-wrap: wrap;gap: 0 0;}
	.pGallery{width: 100%;}
}





.pTit{margin-bottom: .2rem; color: var(--i_color); font-weight: bold;}
@media screen and (max-width:1024px) {
	.pTit{font-size: 18px;}
}
@media screen and (max-width:560px) {
	.pTit{margin-bottom: 14px; font-size: 17px;}
}



.p_info{width: 100%; box-sizing: border-box; padding: .3rem .5rem;}

.pName{padding-bottom: .16rem; border-bottom: 1px solid var(--i_color); margin: .12rem 0 .3rem; position: relative; font-weight: bold;}

.pDes{position: relative;}
.pDes article{}

.pCustom{border-bottom: 1px solid #DDD;}
.pCustom ul{}
.pCustom li{padding-left: 0.34rem; margin-bottom: 10px;position: relative;}
.pCustom li::before{content: '';position: absolute;left: 0;top: 3px;width: 0.18rem;height: 0.18rem;background:url(static/images/pCustom_icon.webp) no-repeat center; background-size: contain;}
.pCustom p{font-size: 0.16rem; color: #888; line-height: 1.6;}

@media screen and (max-width:1024px) {
	.p_info{padding: 16px 30px 40px;}
}
@media screen and (max-width:560px) {
	.p_info{padding: 16px 20px 30px;}

	.pCustom p{font-size: 14px;}
}





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

.pShare{margin-left: auto; display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;gap: 0 .2rem;}
.pShare dl{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center; gap: 0 .2rem;}
.pShare dt a{display: block; width: 0.36rem;height: 0.36rem;background: #E8E8E8; border-radius:4px; position: relative;}
.pShare dt iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size: 0.2rem; color: #999;}
.pShare dt a:hover{background: var(--i_color);}
.pShare dt a:hover iconify-icon{color: #FFF;}

@media screen and (max-width:768px) {
	.pShare{margin: 20px 0 0; width: 100%;}
	.pShare dt a{width: 30px;height: 30px;}
	.pShare dt iconify-icon{font-size: 18px;}
}





.pDet .wrap{display:flex; flex-wrap:wrap;}

.pContentBox{width: 73%; margin-left: auto;}

.pContentNav{background: #F4F4F4; display:flex; flex-wrap:nowrap;}
.pContentNav li{position: relative;}
.pContentNav li::before{content: '';position: absolute;left: 0;top: 0;width: 0;height: 3px;background: var(--i_color);}
.pContentNav li p{padding: .18rem .4rem; font-size: 0.18rem;font-weight: bold;}

.pContentNav .active{background: #FFF;}
.pContentNav .active::before{width: 100%;}

@media screen and (max-width:1200px) {
	.pContentBox{width: 70%;}
}
@media screen and (max-width:1024px) {
	.pDet .cat_nav{display: none;}
	.pContentBox{width: 100%;}

	.pContentNav li p{padding: 14px 40px;}
}
@media screen and (max-width:560px) {
	.pContentNav li p{padding: 12px 30px; font-size: 16px;}
}






.pApp{}

.pApp_list{display:flex; flex-wrap:wrap; gap: .4rem 3%;}
.pApp_list dt{width: 48.5%; background: #F6F6F6;text-align: center; border-radius:.1rem; overflow: hidden;}

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

.pApp_list p{padding: .16rem .2rem; font-size: 0.16rem;}

@media screen and (max-width:1024px) {
	.pApp_list{gap: 30px 3%;}
	.pApp_list p{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.pApp_list{gap: 30px 3%;}
}
@media screen and (max-width:560px) {
	.pApp_list{gap: 20px 4%;}
	.pApp_list dt{width: 48%;}
	.pApp_list p{padding: 12px 16px; font-size: 14px;}
}






.pProcess{}

.pProcess_list{display:flex; flex-wrap:wrap; gap: .36rem 2%;}
.pProcess_list dt{width: 23.5%;text-align: center;}

.pProcess_list i{display: block; width:100%; position:relative; border-radius:6px; overflow:hidden}
.pProcess_list i::before{content:""; display:block; padding-bottom:66%}
.pProcess_list i img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.pProcess_list span{display: block;margin-top: 0.14rem;}
.pProcess_list span h6{font-size: 0.18rem;color: var(--i_color);font-weight: bold;}
.pProcess_list span p{margin-top: 6px; font-size: 0.16rem;}

@media screen and (max-width:768px) {
	.pProcess_list{gap: 30px 3%;}
	.pProcess_list dt{width: 48.5%;}
}
@media screen and (max-width:560px) {
	.pProcess_list{gap: 30px 4%;}
	.pProcess_list dt{width: 48%;}
	.pProcess_list span p{font-size: 14px;}
}





.pFAQ{}

.pFAQ_list{}
.pFAQ_list li{margin-bottom: 0.24rem; border: 1px solid #DDD;}
.pFAQ_list .Q{background: #F4F4F4;}
.pFAQ_list .Q p{font-size: 0.18rem; font-weight: bold; line-height: 1.6;}
.pFAQ_list .A{}
.pFAQ_list .A span{}

.pFAQ_list .Q,.pFAQ_list .A{padding: .16rem;}

.pFAQ_list li:hover{border-color: var(--i_color);}
.pFAQ_list li:hover .Q p{color: var(--i_color);}

@media screen and (max-width:1024px) {
	.pFAQ_list .Q p{font-size: 17px;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {
	.pFAQ_list .Q p{font-size: 16px;}
}







.p_tags{padding-bottom: 0.2rem; border-bottom: 1px solid #DDD;display:-webkit-flex; display:flex; flex-wrap:wrap; align-items: baseline; gap: .16rem 0;}
.p_tags>p{margin-right: .14rem; font-size: 0.2rem;font-weight: bold;}
.p_tags a{margin-right: 0.3rem; padding: .08rem .1rem; font-size: 14px; background: #F1F1F1; -webkit-border-radius:4px; border-radius:4px;}
.p_tags a:hover{background: var(--i_color); color: #FFF;}
@media screen and (max-width:768px) {
	.p_tags{gap: 12px 0;}
	.p_tags>p{font-size: 17px;}
	.p_tags a{margin-right: 16px; font-size: 13px;}
}



.p_view_other{display:-webkit-flex; display:flex; flex-wrap:nowrap; justify-content: space-between; align-items: center; gap: 0 4%;}
.p_view_other li{max-width: 46%; display:-webkit-flex; display:flex; flex-wrap:nowrap;gap: 0 .14rem; align-items:center}
.p_view_other a{display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: center; gap: 0 .2rem;}
.p_view_other span{flex-shrink: 0; width: 0.4rem;height: 0.4rem;border-radius:50%; background: #FFF; box-shadow: 0 0 .1rem rgb(0 0 0 / 15%); position: relative;}
.p_view_other span iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size: .24rem; color: var(--i_color);}
.p_view_other p{font-size: 0.16rem;}
.p_view_other p b{font-size: 0.18rem; font-weight: bold;}

.p_view_other li:hover span{background: var(--i_color);}
.p_view_other li:hover span iconify-icon{color: #FFF;}
.p_view_other a:hover p{color: var(--i_color); text-decoration: underline;}

@media screen and (max-width:1024px) {
	.p_view_other span{width: 30px;height: 30px;}
	.p_view_other span iconify-icon{font-size: 20px;}
	.p_view_other p{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.p_view_other{flex-wrap: wrap;gap: 12px 0;}
	.p_view_other li{max-width: 100%}
	.p_view_other span{order: -1;}
	.p_view_other p{font-size: 14px;}
	.p_view_other p b{font-size: 17px;}
}







.related{background: #F4F4F4;}

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

.related_list li{width: 31.33%; background: #FFF;box-sizing: border-box; border: 1px solid transparent; border-radius:.1rem;-webkit-transition:all .5s ease; transition:all .5s ease; flex-shrink:0; position:relative}
.related_list a{display: block; padding: .14rem;}

.related_list .coverPic{width:100%; position:relative; border-radius:.1rem; overflow:hidden}
.related_list .coverPic::before{content:""; display:block; padding-bottom:100%}
.related_list .coverPic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.related_list .product_name{margin-top: 0.2rem;}
.related_list p{font-size: 0.18rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

.related_list li:hover{border-color: var(--i_color);}
.related_list li:hover img{transform: scale(1.05, 1.05);}
.related_list li:hover p{color: var(--i_color);}

@media screen and (max-width:1200px) {
	.related_list p{font-size: 0.16rem;}
}
@media screen and (max-width:1024px) {
	.related_list p{font-size: 15px;}
}
@media screen and (max-width:560px) {
	.related_list a{padding: 10px;}
	.related_list p{font-size: 14px;}
}






.about__{position: relative; background:url(static/images/about__bg.webp) no-repeat bottom left; background-size: 60%;}
.about__ .wrap{position: relative; z-index: 3;}

.about__ .move_title{left: 29.2%;}

.about__box{display:flex; flex-wrap:nowrap; gap: 0 10%;}

.avout__cont{margin-top: 0.5rem; width: 100%;}
.avout__cont article{font-size: 0.16rem; line-height: 1.8;}

.about__num{margin-top: 1rem; display:flex; flex-wrap:wrap;gap: .5rem 4%;}
.about__num dt{width: 30.66%;}
.about__num p{font-size: 0.18rem;}
.about__num span{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: baseline;font-size: 0.2rem;font-weight: bold; color: var(--i_color);}
.about__num i{font-size: 0.54rem;color: var(--i_color); font-weight: bold;}

.about__video{flex-shrink: 0; width: 36%; border-radius:10rem 10rem .2rem .2rem; position: relative; overflow: hidden;}
.about__video img{width: 100%;}

@media screen and (max-width:1440px) {
	.avout__cont{margin-top: 0;}
}
@media screen and (max-width:1366px) {
	.about__num{margin-top: 0.6rem;}
}
@media screen and (max-width:1024px) {
	.about__ .move_title{left: 21.5498%;}

	.about__box{flex-wrap: wrap;}
	.avout__cont article{font-size: 14px;}

	.about__num{margin-top: 40px; gap: 40px 4%;}
	.about__num p{margin-bottom: 6px; font-size: 15px;}
	.about__num i{font-size: 42px;}

	.about__video{margin-top: 40px; width: 100%; border-radius:.1rem;}
}
@media screen and (max-width:768px) {
	.about__{padding-top: 20px;}
	.about__num p{font-size: 13px;}
}
@media screen and (max-width:560px) {
	.about__{padding-top: 0;}
	.about__ .move_title{left: 15.5461%;}

	.about__num p{font-size: 12px;}
	.about__num span{font-size: 18px;}
	.about__num i{font-size: 30px;}
}






.factory{background:url(static/images/factory__bg.webp) no-repeat center;background-attachment: fixed; background-size: cover;}




.factory__list{width: 100%;overflow: hidden;position: relative;}
.factory__list::before{content: '';display: block;padding-bottom: 37.5%;}

.factory__list dl{
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto;
    gap: .2rem;
}
.factory__list dt{height: 100%; position: relative; border-radius:.1rem; overflow: hidden;}
.factory__list dt:nth-child(1){grid-row: span 2; grid-column: span 2;}
.factory__list dt img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.factory__list dt:hover img{transform: scale(1.05, 1.05);}

@media screen and (max-width:768px) {
	.factory__list::before{display: none;}
	.factory__list dl{position: initial; display:flex; flex-wrap:wrap; gap: 30px 4%;}
	.factory__list dt{width: 48%; height: auto; position: relative; overflow: hidden;}
	.factory__list dt:nth-child(1){width: 100%;}
	.factory__list dt::before{content: '';display: block;padding-bottom: 77%;}
}
@media screen and (max-width:560px) {
	.factory__list dl{gap: 20px 4%;}
	.factory__list dt{border-radius:6px;}
}






.certificate{position: relative; overflow: hidden;}
.certRound{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.certRound::before,.certRound::after{content: '';position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-border-radius:50%; border-radius:50%;}
.certRound::before{width: 100%;height: 100%; background: rgb(91 181 48 / 8%); -webkit-animation:diffuse 2s infinite linear; animation:diffuse 2s infinite linear}
.certRound::after{width: 118%;height: 118%; background: rgb(91 181 48 / 5%); -webkit-animation:diffuse 2s infinite linear; animation:diffuse 2s infinite linear}

.certRound i{display: block; width: 5.4rem;height: 5.4rem; border-radius:50%; background: rgb(91 181 48 / 10%);}

@keyframes diffuse{
	0% {
		opacity: 0
	}
	5% {
		opacity: 1
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1.6);
		-ms-transform: translate(-50%, -50%) scale(1.6);
		-o-transform: translate(-50%, -50%) scale(1.6);
		-webkit-transform: translate(-50%, -50%) scale(1.6);
		-moz-transform: translate(-50%, -50%) scale(1.6)
	}
}

.certificateBox .wrap{position: relative;z-index: 2;}

.certificate_list{width: 90%; margin-left: auto;margin-right: auto; position:relative; overflow:hidden}
.certificate_list .swiper-wrapper{padding: .2rem 0; display:flex; position:relative; width:100%}
.certificate_list .swiper-slide{flex-shrink:0; position:relative; transition:all .5s ease;}
.certificate_list .swiper-slide i{display: block; width:100%; position:relative; box-sizing: border-box; box-shadow: 0 0 .2rem rgb(0 0 0 / 20%); background: #FFF; overflow:hidden}
.certificate_list .swiper-slide i::before{content:""; display:block; padding-bottom:136.25%}
.certificate_list .swiper-slide i img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}
.certificate_list .swiper-slide p{margin-top: 0.2rem; text-align: center; font-size: 0.24rem;font-weight: bold;}

.certificate_list .swiper-slide{transform: scale(.8, .8);}
.certificate_list .swiper-slide-active{transform: scale(1, 1);}

.certificate-prev,.certificate-next{position:absolute; top:50%; transform:translate(0,-50%); cursor: pointer;}
.certificate-prev{left:0;}
.certificate-next{right:0;}

@media screen and (max-width:1440px) {
	.certRound i{width: 5rem;height: 5rem;}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.certRound i{width: 4.2rem;height: 4.2rem;}
}
@media screen and (max-width:1024px) {
	.certRound i{width: 320px;height: 320px;}
	.certificate_list{width: 100%;}
	.certificate_list .swiper-slide p{font-size: 18px;}
	.certificate-prev,.certificate-next{display: none;}
}
@media screen and (max-width:768px) {
	.certRound i{width: 240px;height: 240px;}
	.certificate_list .swiper-slide p{font-size: 17px;}
}
@media screen and (max-width:560px) {
	.certRound i{width: 200px;height: 200px;}
	.certificate_list .swiper-slide p{margin-top: 10px; font-size: 14px;}
}






.quickLink ul{display:flex; flex-wrap:nowrap;}
.quickLink li{width: 100%; background: #F4F4F4;}
.quickLink li:nth-child(2){background: #E3F3DE;}

.quickLink a{display: block; padding: .5rem; display:flex; flex-wrap:wrap; align-items: center; justify-content: center; gap: 0 .3rem;}
.quickLink a>iconify-icon{font-size: 0.6rem; color: var(--i_color); transition:all .5s ease;}

.quickLink span{display:flex; flex-wrap:wrap;align-items: center;gap: 0 .2rem;}
.quickLink span p{font-size: 0.34rem;color: var(--i_color);font-weight: bold;}
.quickLink span iconify-icon{font-size: 0.24rem;color: var(--i_color); position: relative; left: 0; transition:all .5s ease;}

.quickLink li:hover a>iconify-icon{transform:rotateY(360deg);}
.quickLink li:hover span iconify-icon{left: .2rem;}
@media screen and (max-width:1440px) {
	.quickLink a>iconify-icon{font-size: 0.54rem;}
	.quickLink span p{font-size: 0.3rem;}
}
@media screen and (max-width:1366px) {
	.quickLink span p{font-size: 0.28rem;}
}
@media screen and (max-width:1200px) {
	.quickLink a>iconify-icon{font-size: 0.48rem;}
	.quickLink span p{font-size: 0.24rem;}
}
@media screen and (max-width:1024px) {
	.quickLink a{padding: 30px 20px; gap: 0 18px;}
	.quickLink a>iconify-icon{font-size: 40px;}
	.quickLink span{gap: 0 10px;}
	.quickLink span p{font-size: 20px;}
	.quickLink span iconify-icon{font-size: 20px;}
}
@media screen and (max-width:768px) {
	.quickLink ul{flex-wrap: wrap;}
}
@media screen and (max-width:560px) {
	.quickLink a{padding: 18px 20px; gap: 0 10px;}
	.quickLink a>iconify-icon{font-size: 26px;}
	.quickLink span p{font-size: 17px;}
	.quickLink span iconify-icon{font-size: 18px;}

	.quickLink li:hover span iconify-icon{left: 10px;}
}






.factoryList{display:flex; flex-wrap:wrap; gap: .5rem 2%;}
.factoryList li{width: 23.5%; background: #F1F1F1; box-sizing: border-box; padding: .2rem .16rem; border-radius:.1rem; border: 1px solid transparent; transition:all .5s ease;}

.factoryList i{display: block; width:100%; position:relative; border-radius:8px; overflow:hidden}
.factoryList i::before{content:""; display:block; padding-bottom:75%}
.factoryList i img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.factoryList span{display: block; margin-top: 0.14rem;}
.factoryList p{font-size: 0.16rem; line-height: 1.5; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3}

.factoryList li:hover{background: none; border-color: var(--i_color);}
.factoryList li:hover img{transform: scale(1.05, 1.05);}
.factoryList li:hover p{color: var(--i_color);}

@media screen and (max-width:1024px) {
	.factoryList{gap: 26px 2%;}
	.factoryList p{font-size: 14px;}
}
@media screen and (max-width:768px) {
	.factoryList{gap: 26px 4%;}
	.factoryList li{width: 48%;}
}
@media screen and (max-width:560px) {
	.factoryList li{padding: 0 0; background: none; border: none;}
	.factoryList p{font-size: 13px; line-height: 1.3;}
}







.appList{}
.appList li{}
.appList a{padding: .6rem 0; display:flex; flex-wrap:nowrap; align-items: center; gap: 0 3%;}

.appList .coverPic{flex-shrink: 0; width:50%; border-radius:.08rem; position:relative; overflow:hidden}
.appList .coverPic::before{content:""; display:block; padding-bottom:47.75%}
.appList .coverPic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.appList span{width: 100%;}
.appList h6{display: table; padding-bottom: 0.12rem;margin-bottom: 0.2rem; font-size: 0.22rem;font-weight: bold;position: relative;}
.appList h6::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: var(--i_color);}
.appList p{font-size: 0.16rem; color: #555; line-height: 1.6; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.appList .i_btn{margin-top: 0.5rem; box-shadow: none;}

.appList li:nth-child(even){background: #F4F4F4;}
.appList li:nth-child(even) span{order: -1;}

.appList a:hover img{transform: scale(1.05, 1.05);}
.appList a:hover h6{color: var(--i_color);}

@media screen and (max-width:1200px) {
	.appList .i_btn{margin-top: 0.4rem;}
}
@media screen and (max-width:1024px) {
	.appList a{padding: 40px 0; gap: 0 5%;}
	.appList h6{margin-bottom: 14px; font-size: 18px;}
	.appList h6::before{height: 2px;}
	.appList p{font-size: 14px;}
	.appList .i_btn{margin-top: 20px;}
}
@media screen and (max-width:768px) {
	.appList a{flex-wrap: wrap; gap: 26px 0;}
	.appList .coverPic{width: 100%; order: -2;}
}
@media screen and (max-width:560px) {
	.appList a{padding: 30px 0}
	.appList h6{font-size: 17px;}
}






.custom__{}

.custom__list{display:flex; flex-wrap:wrap; gap: .4rem 3%;}
.custom__list li{min-height: 1.6rem; background: #F4F4F4; width: 31.33%; box-sizing: border-box; padding: .3rem .3rem; display:flex; flex-wrap:nowrap;align-items: center; gap: 0 .3rem; border-radius:.44rem .1rem .6rem .1rem; position: relative; overflow: hidden;}
.custom__list li::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background:linear-gradient(to bottom, rgb(91 181 48 / 50%), var(--i_color));}

.custom__list i{display: block; flex-shrink: 0; width: 0.8rem;height: 0.8rem; background: var(--i_color); border-radius:50%; position: relative;}
.custom__list i img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);height: 0.4rem;-webkit-filter:brightness(100); filter:brightness(100);}

.custom__list span{display: block; position: relative;}
.custom__list h5{font-size: 0.2rem;font-weight: bold;}
.custom__list p{margin-top: 0.1rem; font-size: 0.16rem; color: #666; line-height: 1.4;}

.custom__list li:hover::before{height: 100%;}
.custom__list li:hover i{background: #FFF;}
.custom__list li:hover img{-webkit-filter:none; filter:none}
.custom__list li:hover h5{color: #FFF;}
.custom__list li:hover p{color: #FFF;}

.custom__list li::before, .custom__list i,.custom__list h5,.custom__list p{transition:all .8s ease;}

@media screen and (max-width:1024px) {
	.custom__list li{flex-wrap: wrap;}
	.custom__list i{width: 50px;height: 50px;}
	.custom__list i img{height: 26px;}
	.custom__list span{width: 100%; margin-top: 16px;}
	.custom__list h5{font-size: 17px;}
	.custom__list p{font-size: 14px;}
}
@media screen and (max-width:768px) {
	.custom__list{gap: 30px 4%;}
	.custom__list li{width: 48%;}
}
@media screen and (max-width:560px) {
	.custom__list{gap: 18px 0;}
	.custom__list li{width: 100%; flex-wrap: nowrap; padding: .3rem .2rem; min-height: auto; gap: 0 20px;}
	.custom__list i{width: 40px;height: 40px;}
	.custom__list i img{height: 20px;}
	.custom__list span{margin-top: 0;}
}







.cusAdv{background: #F4F4F4;}

.cusAdv_cont{background: #FFF; display:flex; flex-wrap:nowrap; overflow: hidden;}

.cusAdv_t{width: 100%; padding: .3rem .5rem;}
.cusAdv_t li{padding: .4rem 0; border-bottom: 1px solid #DDD; display:flex; flex-wrap:nowrap; gap: 0 .2rem; cursor: pointer;}
.cusAdv_t i{flex-shrink: 0;}
.cusAdv_t i,.cusAdv_t h6{font-size: 0.24rem;font-weight: bold;}
.cusAdv_t h6{margin-bottom: 0.1rem;}
.cusAdv_t p{display: none; font-size: 0.16rem;color: #777; line-height: 1.6;}

.cusAdv_t li.active i,.cusAdv_t li.active h6{color: var(--i_color);}
.cusAdv_t li.active p{display: block;}

.cusAdv_p{flex-shrink: 0; width: 50%; margin-left: auto;}
.cusAdv_p dt{opacity: 0; height: 0; position: relative; left: 0.5rem;border-radius:1rem 0 0 0; transition:all .5s ease; overflow: hidden;}
.cusAdv_p dt.active{opacity: 1; height: auto; left: 0;}
.cusAdv_p dt::before{content: '';display: block;padding-bottom: 70.625%;}
.cusAdv_p img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}

@media screen and (max-width:1440px) {
	.cusAdv_t li{padding: .34rem 0;}
}
@media screen and (max-width:1200px) {
	.cusAdv_t{padding: .2rem .5rem;}
	.cusAdv_t li{padding: .3rem 0;}
}
@media screen and (max-width:1024px) {
	.cusAdv_cont{background: none; flex-wrap: wrap;}
	.cusAdv_p{order: -1; width: 100%;}
	.cusAdv_t{background: #FFF; padding: 10px 30px 30px;}
	.cusAdv_t li{padding: 20px 0;}
	.cusAdv_t i,.cusAdv_t h6{font-size: 20px;}
}
@media screen and (max-width:768px) {
	.cusAdv_p dt{border-radius:50px 0 0 0}
}
@media screen and (max-width:560px) {
	.cusAdv_p dt{border-radius:40px 0 0 0}
	.cusAdv_t i,.cusAdv_t h6{font-size: 17px;}
	.cusAdv_t p{font-size: 15px;}
}







.cusProcess{}

.oemodm_list{position: relative;}
.oemodm_list::before{content: '';position: absolute;left: .8rem;top: 0;width: 2px;height: 100%;background: #EEE;}

.oemodm_list .bar{position: absolute;left: .8rem;top: 0;width: 2px;height: 0;background: var(--i_color);}
.oemodm_list .bar.active::before{
	content: '';
	position:absolute; left:50%; transform:translate(-50%,0);bottom: -1px;
	width: 30px;height: 30px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 7'%3E%3Cpath fill='%235BB530' d='M8 6.5a.47.47 0 0 1-.35-.15l-4.5-4.5c-.2-.2-.2-.51 0-.71s.51-.2.71 0l4.15 4.15l4.14-4.14c.2-.2.51-.2.71 0s.2.51 0 .71l-4.5 4.5c-.1.1-.23.15-.35.15Z'/%3E%3C/svg%3E") no-repeat bottom;
	background-size: contain;
}

.oemodm_list dt{padding-bottom: 0.4rem; display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: flex-start; gap: 0 6%; position: relative; cursor: pointer; z-index: 2;}
.oemodm_list .order{flex-shrink: 0; width: 1.6rem; padding: 6px 0; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center; justify-content: center; gap: 0 10px; background: #F7F7F7;-webkit-border-radius:2rem; border-radius:2rem;position: relative;}
.oemodm_list .order::before{content: '';position:absolute; top:50%; transform:translate(0,-50%);left: 100%;width: 2rem;height: 2px;background: #EEE;}
.oemodm_list .order b{font-family: 'DIN'; font-size: 0.3rem; color: #DDD; font-style: italic;}
.oemodm_list .order i{width: 0.3rem;height: 1px;background: #DDD;position: relative;}
.oemodm_list .order i::before{content: '';position:absolute; top:-4px;right: -2px;width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:6px solid #DDD;}

.oemodm_list .cont{width: 100%;display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: center; box-sizing: border-box;padding: .2rem .4rem; background: #F7F7F7; -webkit-border-radius:.2rem; border-radius:.2rem;position: relative; z-index: 2;}
.oemodm_list .cont>p{font-weight: bold;}
.oemodm_list .cont h6{display: none;}
.oemodm_list .pic{margin-left: auto; width: 1.6rem; position: relative;-webkit-border-radius:.08rem; border-radius:.08rem; overflow: hidden;}
.oemodm_list .pic::before{content: '';display: block;padding-bottom: 50%;}
.oemodm_list .pic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}

.oemodm_list .cont,
.oemodm_list .cont .pic
{-webkit-transition:all .3s ease; transition:all .3s ease;}

/* --------- active --------- */
.oemodm_list dt.active .order{background: var(--i_color);}
.oemodm_list dt.active .order::before{background: var(--i_color);}
.oemodm_list dt.active .order b{color: #FFF;}
.oemodm_list dt.active .order i{background: #FFF;}
.oemodm_list dt.active .order i::before{border-left:6px solid #FFF;}

.oemodm_list dt.show .cont{flex-wrap: wrap; padding: .4rem .4rem; background: #E3F3DE;}
.oemodm_list dt.show .cont p{width: 100%;}
.oemodm_list dt.show .cont h6{display: block; width: 66%;}
.oemodm_list dt.show .cont .pic{width: 30%;}

@media screen and (max-width:1024px) {
	.oemodm_list::before{display: none;}
	.oemodm_list dt{gap: 0 2%;}
	.oemodm_list .order{width: auto;padding: 6px 20px;}
	.oemodm_list .order::before{display: none;}
	.oemodm_list .order b{font-size: 20px;}
	.oemodm_list .order i{width: 16px;}


	.oemodm_list .cont{flex-wrap: wrap;}
	.oemodm_list .cont h6{display: block; margin: 10px 0 20px; width: 100%;}
	.oemodm_list .pic{margin-left: 0; width: 100%; max-width: 420px;}

	.oemodm_list .bar{display: none !important;}
}
@media screen and (max-width:560px) {
	.oemodm_list dt{flex-wrap: wrap;}
	.oemodm_list .order,.oemodm_list .cont{background: none; padding: 0 0;}
	.oemodm_list .order{margin-bottom: 10px;}
}







.cusVideo{background: #F4F4F4;}

.cusVideo_list{display:flex; flex-wrap:wrap; gap: .3rem 2%;}
.cusVideo_list li{width: 32%; border-radius:.1rem; overflow: hidden; position: relative;}

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

.cusVideo_list .v_btn i{background: rgb(255 255 255 / 75%);}

@media screen and (max-width:768px) {
	.cusVideo_list{gap: 30px 4%;}
	.cusVideo_list li{width: 48%;}
}
@media screen and (max-width:560px) {}







.contactFrom{}

.contactFromBox{padding: .5rem; background:url(static/images/contactFrom_bg.webp) no-repeat center; background-size: cover;}

#wpforms-118{
	--wpforms_input_height:48px;
	--wpforms_textarea_height:160px;
	--wpforms_input_font_size: 16px;
}
#wpforms-118{margin:0; padding:0;}
#wpforms-form-118{width:100%; position:relative;}

/* 字段样式 */
#wpforms-118 .wpforms-field-container>.wpforms-field{width: 100%; padding: 0 1px 20px; margin: 0 0 6px;overflow-x:initial !important; position: relative;}
#wpforms-118 label.wpforms-field-label{display: block; margin-bottom: 8px; font-size: 16px; font-weight: bold;}
#wpforms-118 .wpforms-field-container .wpforms-required-label{color: #D63637;}
#wpforms-118 .wpforms-field-container .wpforms-field>input,
#wpforms-118 .wpforms-field-container textarea
{width: 100%; max-width: 100%; box-sizing: border-box; padding: 10px 14px!important; margin: 0 0; border: 1px solid #CCC; background: #FFF; border-radius:8px; font-size:var(--wpforms_input_font_size); line-height: 1.4;}
#wpforms-118 .wpforms-field-container .wpforms-field>input{height: var(--wpforms_input_height);}
#wpforms-118 .wpforms-field-container textarea{height: var(--wpforms_textarea_height);}
#wpforms-118 input::placeholder, #wpforms-118 textarea::placeholder{color:#AAA; font-size:var(--wpforms_input_font_size); line-height: 1.4;}

#wpforms-118 .wpforms-field-container .wpforms-field>input:hover,
#wpforms-118 .wpforms-field-container textarea:hover,
#wpforms-118 .wpforms-field-container .wpforms-field>input:focus,
#wpforms-118 .wpforms-field-container textarea:focus{border-color: #F60;}

/* 验证错误提示 */
#wpforms-118 label.wpforms-error, #wpforms-118 em.wpforms-error{position: absolute; left: 0; bottom: 0; font-size: 13px; color: #D63637;}

/* 隐藏 Label 标签 */
/* #wpforms-118 .wpforms-field-container .wpforms-field-label{height: 0; font-size: 0;margin: 0 0;}
#wpforms-118 .wpforms-field-container .wpforms-required-label{position: absolute;top: 4px; left: 6px; font-size: 16px; font-weight: bold;} */

/* 输入框水平排列，一行两个 */
#wpforms-118 .wpforms-field-container{display:flex; flex-wrap:wrap;justify-content: space-between;}
#wpforms-118-field_1-container,
#wpforms-118-field_2-container,#wpforms-118-field_3-container{width: 32% !important;}

/* 提交按钮样式 */
#wpforms-118 .wpforms-submit-container{width: 220px; border-radius:2rem; padding:0 0; position: relative; overflow: hidden;}
#wpforms-118 .wpforms-submit-container button{width: 100%; height:44px; font-size: 15px; color: #FFF;font-weight: bold; background: var(--i_color);}
#wpforms-118 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0,-50%);right:4px;z-index:2}
#wpforms-118 .wpforms-submit-container button:hover{background: #D15807;}

@media screen and (max-width:1024px) {
	.contactFromBox{padding: 40px 30px;}
}
@media screen and (max-width:768px) {
	#wpforms-118 .wpforms-field-container>.wpforms-field{width: 100% !important;}
}
@media screen and (max-width:560px) {
	.contactFromBox{padding: 30px 20px;}
}






.nav_post{display:flex; flex-wrap:wrap; gap: 16px .2rem;}
.nav_post li{background: #FFF; box-sizing: border-box; border: 1px solid #DDD; border-radius:2rem;}
.nav_post a{display: block; text-align: center; padding: .1rem .3rem; font-size: 0.18rem;}

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

.nav_post li.active{border-color: var(--i_color); background: var(--i_color);}
.nav_post li.active a{color: #FFF;}

@media screen and (max-width:1024px) {
	.nav_post a{font-size: 16px;}
}
@media screen and (max-width:768px) {
	.nav_post a{font-size: 15px; padding: 10px 20px;}
}
@media screen and (max-width:560px) {
	.nav_post{gap: 10px 10px;}
	.nav_post a{min-width: .4rem; font-size: 14px; padding: 8px 14px;}
}






.postList{display:flex; flex-wrap:wrap;gap: .6rem 4%;}
.postList li{width: 30.66%; background: #FFF; border-radius:.1rem; overflow: hidden; transition:all .5s ease;}

.postList .coverPic{width:100%; position:relative; border-radius:.1rem; overflow:hidden}
.postList .coverPic::before{content:""; display:block; padding-bottom:64.65%}
.postList .coverPic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.postList span{display: block; padding: .26rem;}
.postList span i{font-size: 15px;color: #666;}
.postList span h5{margin: .1rem 0; font-size: 0.2rem; line-height: 1.4; font-weight: bold; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.postList span p{font-size: 15px;color: #888; line-height: 1.5; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

.postList li:hover{box-shadow: 0 0 .15rem rgb(0 0 0 / 15%);}
.postList li:hover img{transform: scale(1.05, 1.05);}
.postList li:hover h5{color: var(--i_color);}

@media screen and (max-width:1024px) {
	.postList{gap: 40px 4%;}
	.postList li{width: 48%;}
	.postList span h5{font-size: 18px;}
}
@media screen and (max-width:768px) {
	.postList span{padding: 26px 20px;}
	.postList span i{font-size: 14px;}
	.postList span h5{font-size: 17px;}
}
@media screen and (max-width:560px) {
	.postList{gap: 28px 0;}
	.postList li{width: 100%;}
	.postList span h5{font-size: 16px;}
	.postList span p{font-size: 13px;}
}







.contact__{}

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

.contactBox{position:absolute; top:50%; transform:translate(0,-50%);right: 0; width: 38%; box-sizing: border-box; padding: .5rem; background:url(static/images/contactBox_bg.webp) no-repeat center;background-size: cover;}
.contactBox .tit h3{font-size: 0.34rem; color: var(--i_color); font-weight: bold;}
.contactBox .tit p{margin-top: 0.1rem; font-size: 0.18rem; color: #666;}

.contactList{margin-top: 0.5rem;}
.contactList li{margin-top: 0.2rem; display:flex; flex-wrap:nowrap; gap: 0 .1rem;}
.contactList iconify-icon{flex-shrink: 0; font-size: 0.3rem;color: var(--i_color);}
.contactList span{display:flex; flex-wrap:nowrap; gap: 0 4px; margin-top: 6px;}
.contactList h6{flex-shrink: 0; font-size: 0.18rem;color: #777;}
.contactList a,.contactList p{font-size: 0.18rem;}
.contactList a:hover{color: var(--i_color);text-decoration: underline;}

@media screen and (max-width:1440px) {
	.contactBox{width: 44%;}
	.contactBox .tit h3{font-size: 0.28rem;}
}
@media screen and (max-width:1024px) {
	.contact__ .wrap_r{display:flex; flex-wrap:wrap;flex-direction: column; margin-left: 3vw;}
	.contactBox{order: -1; position: initial; width: 100%; transform:none; padding: 40px;}
	.contactBox .tit h3{font-size: 20px;}
	.contactBox .tit p{font-size: 15px;}
	.contactList{margin-top: 30px;}
	.contactList iconify-icon{font-size: 24px;}
	.contactList h6,.contactList a,.contactList p{font-size: 16px;}

	.map{width: 100%;}
}
@media screen and (max-width:768px) {
	.map::before{padding-bottom: 70%;}
}
@media screen and (max-width:560px) {
	.map::before{padding-bottom: 90%;}

	.contactBox{padding: 30px;}
	.contactBox .tit h3{font-size: 17px;}
	.contactBox .tit p{font-size: 13px;}
	.contactList span{margin-top: 3px;}
	.contactList iconify-icon{font-size: 20px;}
	.contactList h6,.contactList a,.contactList p{font-size: 15px;}
}