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


:root {
	/* 全局颜色 */
	--i_color: #FE5A0E;

	/* 左右渐变 */
	--lr_color1: -webkit-linear-gradient(left, #FF7A09, #F80703);
    --lr_color2: linear-gradient(to right, #FF7A09, #F80703);

	/* 上下渐变 */
	--tb_color1:-webkit-linear-gradient(top, #F80703, #FF7A09);
	--tb_color2:linear-gradient(to bottom, #F80703, #FF7A09);

	/* 头部1高度 */
	--top1_height: .4rem;

	/* 头部2高度 */
	--top2_height: 1rem;

	/* 导航高度 */
	--nav_height: .58rem;

	/* 默认边框颜色 */
	--border_color: rgba(0, 0, 0, .15);
}
@media screen and (max-width:1024px) {

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


.wrap {
	width: 92vw;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:1200px) {
	.wrap {
		width: 94vw;
	}
}


.wrap_l {
	display: block;
	box-sizing: border-box;
	padding-left: 13.5vw;
}
.wrap_r {
	display: block;
	box-sizing: border-box;
	padding-right: 13.5vw;
}

@media screen and (max-width:1600px) {
	.wrap_l {
		padding-left: 6vw;
	}
	.wrap_r {
		padding-right: 6vw;
	}
}
@media screen and (max-width:1440px) {
	.wrap_l {
		padding-left: 4vw;
	}
	.wrap_r {
		padding-right: 4vw;
	}
}
@media screen and (max-width:1200px) {
	.wrap_l {
		padding-left: 3vw;
	}
	.wrap_r {
		padding-right: 3vw;
	}
}




/* header */
header{width: 100%;position: relative;}

.top{display:-webkit-flex; display:flex; flex-wrap:nowrap;}

.logo{width: 24%;height: calc(var(--top1_height) + var(--top2_height));background: var(--i_color);position: relative;z-index: 3;}
.logo::before{
	content: '';
	position: absolute;top: 0;right: -.3rem;
	width: 1rem;
	height: 100%;
	background: var(--i_color);
	-webkit-clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
}
.logo a{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center; height: 100%;}
.logo img{height: 60%;}

.logo_mb{display: none;}

@media screen and (max-width:1440px) {
	.logo{width: 24%;}
}
@media screen and (max-width:1024px) {
	header{position: fixed;top: 0;left: 0;width: 100%; background: #171D27;display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;z-index: 2023;}

	.top{width: 100%;}

	.logo{height: var(--nav_height); background: none;}
	.logo::before{display: none;}
	.logo_pc{display: none;}
	.logo_mb{display: block;}
	.logo img{height: 65%;}
}






.top_cont{width: 100%;}

.top1_cont{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center; padding-left: 0.6rem; height: var(--top1_height); background: #FAFAFA;}
.top1_cont>p{font-size: 14px;}
.top_media{margin-left: auto;display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;gap: 0 .14rem;}
.top_media li{-webkit-transition:all .5s ease; transition:all .5s ease;}
.top_media iconify-icon{font-size: 20px;color: #222;}
.top_media li:hover{-webkit-transform:translate(0,-4px); transform:translate(0,-4px);}
.top_media li:hover iconify-icon{color: var(--i_color);}

.top2_cont{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center; padding-left: 0.6rem; height: var(--top2_height); background: #202936;position: relative;}
.top2_cont::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: rgb(255 255 255 / 15%);}
.top_contact{width: 76%; display:-webkit-flex; display:flex; flex-wrap:wrap;justify-content: space-between;}
.top_contact dt{width: 28%; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;}
.top_contact dt:last-child{width: 40%;}
.top_contact iconify-icon{font-size: 32px;color: #FFF;}
.top_contact span{margin-left: 0.2rem;}
.top_contact h6{margin-bottom: 10px;}
.top_contact h6,.top_contact a,.top_contact p{font-size: 15px;color: #FFF;}

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

@media screen and (max-width:1440px) {
	.top_contact iconify-icon{font-size: 26px;}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.top_contact h6{margin-bottom: 6px;}
}
@media screen and (max-width:1024px) {
	.top_cont{margin-left: auto;margin-right: .8rem; width: auto;}
	.top1_cont{display: none;}
	.top_contact{display: none;}
	.top2_cont{padding: 0 0;margin: 0 0;height: var(--nav_height);background: none;}
	.top2_cont::before{display: none;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {
	.top_cont{margin-right: 0.6rem;}
}






.top2_r{--height:34px}
.top2_r{margin-left: auto;display:-webkit-flex; display:flex; flex-wrap:wrap;}

.top_search{width: 1.4rem;height: var(--height); background: rgb(255 255 255 / 30%); display:-webkit-flex; display:flex; flex-wrap:wrap;-webkit-border-radius:1rem; border-radius:1rem;}
.top_search_ipt{width: calc(100% - var(--height));box-sizing: border-box;padding-left: 0.1rem;background: none;font-size: 15px;color: #FFF;}
.top_search_btn{font-size: 0; width: var(--height); height: var(--height);background-color: none; 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="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314"%2F%3E%3C%2Fsvg%3E') no-repeat center;background-size: .2rem;}

.language{position: relative;}
.language_btn{margin-left: 0.2rem; width: var(--height);height: var(--height);background: rgb(255 255 255 / 30%);position: relative;cursor: pointer;}
.language_btn iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size: 0.2rem;color: var(--i_color);}
.language_btn.on{background: var(--i_color);}
.language_btn.on iconify-icon{color: #FFF;}

.language_list{opacity: 0;visibility: hidden; position: absolute;top: calc(var(--height) + .2rem); right: 0;background: #FFF;z-index: 2;-webkit-transition:all .5s ease; transition:all .5s ease;}
.language_list.on{opacity: 1;visibility: visible;top: var(--height);}
.language_list a>span{display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;padding: .08rem .2rem;}
.language_list .trp-ls-language-name{margin-left: 0.1rem;font-size: 14px;}
.language_list li:hover{background: var(--i_color);}
.language_list li:hover .trp-ls-language-name{color: #FFF;}

@media screen and (max-width:1024px) {
	.top2_r{margin: 0 0;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}





/* 导航 */
.nav_height{display: none;width: 100%; height: var(--nav_height);background: none;}
.nav_height.open{display: block;}

@media screen and (min-width:1025px) {
	nav{width: 100%; background: #171D27;position: relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
	nav.fixed{position: fixed;top: 0;left: 0;z-index: 2023;}
	.i_nav {
		display: -webkit-flex;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.i_nav>li{position: relative;}
	.i_nav>li::before{content: '';position:absolute; left:50%; transform:translate(-50%,0); bottom: 0;width: 0;height: 3px;background: #FFF;-webkit-transition:all .5s ease; transition:all .5s ease;}
	.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>.active::before{
		width: 100%;
	}

	.i_nav>li>a {
		display: block;
		font-size: 16px;
		color: #FFF;
		font-weight: bold;
		line-height: var(--nav_height);
		white-space: nowrap;
		text-transform: uppercase;
		-webkit-border-radius: .08rem;
		border-radius: .08rem;
	}

	/* .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>.active>a {
		color: var(--i_color);
	} */

	.i_nav>li>.sub-menu {
		display: none;
		position: absolute;
		left: 0;
		min-width: 1.6rem;
		background: #171D27;
		box-shadow: 0 .06rem .1rem rgb(0 0 0 / 8%);
		font-size: 0;
		z-index: 2;
	}
	.i_nav>li>.sub-menu li {
		position: relative;
		border-bottom: 1px solid var(--border_color);
	}
	.i_nav>li>.sub-menu a {
		display: block;
		padding: 0 .16rem;
		font-size: 0.15rem;
		color: #FFF;
		line-height: 0.36rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		position: relative;
	}
	.i_nav>li>.sub-menu>li:hover>a {
		background: rgb(255 255 255 / 15%);
		color: #FFF;
	}

	.i_nav .sub-menu .sub-menu{position: absolute;top: 0;left: 100%;background: #171D27;min-width: 1.4rem;}
	.i_nav .sub-menu .sub-menu li{border-bottom-color: rgb(255 255 255 / 15%);}
	.i_nav .sub-menu .sub-menu a{font-size: 14px;color: #FFF;}
	.i_nav .sub-menu .sub-menu li:hover{background: rgb(255 255 255 / 15%);}
}

@media screen and (max-width:1440px) {
	.i_nav>li>a {
		font-size: 16px;
	}
}
@media screen and (max-width:1366px) {
	.i_nav>li>a {
		font-size: 15px;
	}
}
@media screen and (max-width:1200px) {
	.i_nav{gap: 0 0.38rem;}
	.i_nav>li>a {
		font-size: 14px;
	}
}




@media screen and (max-width:1024px) {
	nav {
		display: none;
		position: fixed;
		top: var(--nav_height);
		left: 0;
		width: 100%;
		width: 100vw;
		max-height: calc(100vh - var(--nav_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 span {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: .44rem;
		height: .44rem;
		box-sizing: border-box;
		background: #F1F1F1 url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 48 48"%3E%3Cpath fill="none" stroke="%23555" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M36 18L24 30L12 18"%2F%3E%3C%2Fsvg%3E') no-repeat center;
		background-size: .24rem;
	}

	.i_nav>.menu-item-has-children span.on {
		background: #F1F1F1 url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="48" height="48" viewBox="0 0 48 48"%3E%3Cg transform="rotate(180 24 24)"%3E%3Cpath fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M36 18L24 30L12 18"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
		background-size: .24rem;
	}

	.i_nav>li>a {
		padding: 0 3%;
		font-size: .16rem;
		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: 16px;
		color: #555;
		line-height: .4rem;
		position: relative;
	}
	/* .i_nav .sub-menu li:not(:last-child) {
		border-bottom: 1px solid var(--border_color)
	} */

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

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

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

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






/* 移动端导航按钮 */
.nav_menu {
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translateY(-50%);
	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
	}

}





.fill_header_height{}
@media screen and (max-width:1024px) {
	.fill_header_height{display: block;height: var(--nav_height);}
}




/* banner */
.banner {
	width: 100%;
	height: calc(100vh - var(--top1_height) - var(--top2_height) - var(--nav_height));
	font-size: 0;
	overflow: hidden;
	position: relative;
}

.banner .swiper-container {
	height: calc(100% - .6rem);
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.banner .swiper-wrapper {
	display: flex;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1
}
.banner .swiper-slide {
	width: 100%;
	height: 100%;
	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>a>img {
	position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;
}

.banner-button-prev,
.banner-button-next {
	display: block;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 0.5rem;
	height: 0.5rem;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 3;
}
.banner-button-prev {
	left: -.6rem;
}
.banner-button-next {
	right: -.6rem;
}
.banner-button-prev iconify-icon,
.banner-button-next iconify-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.5rem;
	color: #FFF;
}
.banner-button-prev:hover iconify-icon,
.banner-button-next:hover iconify-icon {
	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: .3rem;
	text-align: center;
	z-index: 2;
}
.banner-pagination .swiper-pagination-bullet {
	width: .1rem;
	height: .1rem;
	display: inline-block;
	margin: 0 6px;
	background: #CCC;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
	position: relative;
}
.banner-pagination .swiper-pagination-bullet-active {
	background: var(--i_color2);
}
@media screen and (max-width:1200px) {
	.banner-button-prev, .banner-button-next{display: none;}
}

.banner_shape{position: absolute;left: 0;bottom: -1px;width: 100%;z-index: 2;}
.banner_shape img{width: 100%;}

@media screen and (max-width:1024px) {
	.banner{height: auto;}
	.banner .swiper-container{height: auto;}
	.banner .swiper-slide{height: auto;}
	.banner .swiper-slide::before{content:""; display:block; padding-bottom:40%}
}
@media screen and (max-width:560px) {
	.banner .swiper-slide::before{padding-bottom: 50%;}
}







.b_text{position: absolute;left: 0;top: 13%;width: 100%;text-align: center;}
.b_text h3{font-size: 2.4vw;color: #FFF;font-weight: 900; text-shadow: 2px 2px 10px rgb(0 0 0 / 40%);}
.b_text p{margin-top: 0.22rem; font-size: 1.35vw;color: #FFF;}

.b_text h6{display: table; margin: .2rem auto 0; padding: .1rem .2rem; font-size: 1.4vw; color: var(--i_color); font-weight: bold; background: #FFF;}

.b3_text{top: 4%;}
.b3_text h3{color: #171D27; text-shadow: none;}
.b3_text h6{background: var(--i_color); color: #FFF;}

@media screen and (max-width:1440px) {
	.b_text h3{font-size: 2.6vw;}
	.b_text p{font-size: 1.5vw;}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.b_text h3{font-size: 3vw;}
	.b_text p{font-size: 18px;}
	.b_text h6{font-size: 18px;}
}
@media screen and (max-width:768px) {
	.b_text{top: 10%;}
	.b_text h3{font-size: 3.6vw;}
	.b_text p{margin-top: 12px; font-size: 16px;}
	.b_text h6{margin-top: 12px; font-size: 16px;}
}
@media screen and (max-width:560px) {
	.b_text{top: 8%;}
	.b3_text{top: 4%;}
	.b_text h3{padding: 0 40px; font-size: 18px;}
	.b_text p{margin-top: 8px; font-size: 14px;}
	.b_text h6{padding: 6px 10px; margin-top: 8px; font-size: 14px;}
}






.num_list{position: absolute;left: 0;bottom: 0; width: 100%;z-index: 2;}
.num_list dl{box-sizing: border-box;padding: 0 6%; display:-webkit-flex; display:flex; flex-wrap:wrap;flex-wrap: nowrap;}
.num_list dt{width: 100%;text-align: center;box-sizing: border-box;padding: .4rem .2rem;background: var(--i_color);position: relative;}
.num_list dt::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background:var(--lr_color1); background:var(--lr_color2);-webkit-transition:all .5s ease; transition:all .5s ease;}
.num_list span{display:-webkit-flex; display:flex; flex-wrap:nowrap;justify-content: center;align-items: center;position: relative;}
.num_list p,.num_list i{font-size: 0.4rem;color: #FFF;font-weight: bold;}
.num_list h6{margin-top: 6px; font-size: 16px;color: #FFF;position: relative;}

.num_list dt:hover::before{height: 100%;}

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








.i_tit{text-align: center;}
.i_tit h6{display:-webkit-flex; display:flex; flex-wrap:nowrap; justify-content: center; align-items: center; gap: 0 .2rem; margin-bottom: 0.1rem; font-size: 18px;font-weight: bold;color: var(--i_color); text-transform: uppercase;}
.i_tit i{display: table; width: 0.26rem;height: 0.1rem;position: relative;}
.i_tit i::before,.i_tit i::after{content: '';position: absolute;height: 2px;background: var(--i_color);}
.i_tit i::before{top: 0;left: 0; width: 100%;}
.i_tit i::after{bottom: 0;right: 0;width: 50%;}
.i_tit i:last-child::after{left: 0;}

.i_tit p{font-size: 0.44rem;color: #222;font-weight: bold;text-transform: capitalize;}

@media screen and (max-width:1440px) {
	.i_tit p{font-size: 0.4rem;}
}
@media screen and (max-width:1366px) {
	.i_tit p{font-size: 0.36rem;}
}
@media screen and (max-width:1024px) {
	.i_tit h6{font-size: 16px;}
	.i_tit p{font-size: 0.26rem;}
}
@media screen and (max-width:768px) {
	.i_tit h6{font-size: 15px;}
	.i_tit p{font-size: 0.22rem;}
}
@media screen and (max-width:560px) {
	.i_tit h6{font-size: 14px;}
	.i_tit p{font-size: 0.2rem;}
}











/* More btn */
.i_more{
	display: table;
	text-align: center;
	min-width: 1.8rem;
	background: var(--i_color);
	-webkit-transition:all .5s ease; transition:all .5s ease;
	position: relative;
	overflow: hidden;
}
.i_more b{
	display: block;
	padding: .14rem .2rem;
	font-size: 0.16rem;color: #FFF;
	text-transform: uppercase;
	-webkit-transition:all .5s ease; transition:all .5s ease;
}

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

.i_more:hover{-webkit-transform:translate(0,-6px); transform:translate(0,-6px); background: #ca470b}

@media screen and (max-width:1024px) {
	.i_more{min-width: 1.4rem;}
	.i_more b{padding: .12rem .14rem; font-size: 14px;}
}
@media screen and (max-width:560px) {
	.i_more{min-width: 1.2rem;}
	.i_more b{padding: .1rem .14rem; font-size: 13px;}
}






/* public btn */
.public-prev,.public-next{position: relative; width:.54rem; height:.54rem; background: rgb(0 0 0 / 10%);-webkit-border-radius:50%; border-radius:50%; z-index:3; cursor:pointer; outline:none; -webkit-user-select:none; user-select:none}
.public-prev iconify-icon,.public-next iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:0.22rem; color:#FFF;}
.swiper-button-disabled{cursor:not-allowed}
.public-prev:hover,.public-next:hover{
	background:var(--tb_color1);
	background:var(--tb_color2);
}

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

@media screen and (max-width:1440px) {
	.public-prev,.public-next{width: 0.48rem;height: 0.48rem;}
}
@media screen and (max-width:1024px) {
	.public-prev,.public-next{display: none;}
	.public-pagination{margin-top: 0.3rem;}
}







.p_category{}

.cat_cont{position:relative; overflow:hidden}

.cat_list{width: calc(100% - 1.8rem); margin-left: auto;margin-right: auto; position:relative; overflow:hidden}
.cat_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.cat_list .swiper-slide{flex-shrink:0; position:relative}
.cat_list .swiper-slide a{display: block;box-sizing: border-box;padding: 0 .3rem .3rem;position: relative;}
.cat_list .swiper-slide a::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 60%;background: #F1F1F1;}

.cat_list .img{width:100%; position:relative; overflow:hidden}
.cat_list .img::before{content:""; display:block; padding-bottom:75%}
.cat_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:calc(100% - 6px); height:calc(100% - 6px); object-fit:cover; -webkit-transition: all .5s ease; transition: all .5s ease}

.cat_list .txt{position: relative;margin-top: 0.4rem;}
.cat_list .txt p{font-size: 0.18rem;font-weight: bold;text-transform: uppercase;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cat_list .txt span{display: table;margin-top: 0.1rem; padding: .14rem .22rem;background: #FFF;font-size: 14px;color: #888;}

.cat_list .swiper-slide:hover .img{
	background: var(--lr_color1);
	background: var(--lr_color2);
}
.cat_list .swiper-slide:hover .txt span{background: var(--i_color);color: #FFF;}

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

@media screen and (max-width:1440px) {
	.cat_list .txt span{padding: .1rem .2rem; font-size: 13px;}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.cat_list{width: 100%;}
	.cat_list .swiper-slide a{padding: 0 0.2rem .3rem;}
	.cat_list .txt{margin-top: 0.3rem;}
	.cat_list .txt p{font-size: 16px;}
}
@media screen and (max-width:768px) {
	.cat_list .swiper-slide a{padding: 0 .2rem .2rem;}
	.cat_list .txt p{font-size: 15px;}
}
@media screen and (max-width:560px) {
	.cat_list .swiper-slide a{padding: 0 0 .2rem;}
	.cat_list .txt{padding: 0 .2rem; margin-top: 0.2rem;}
	.cat_list .txt p{font-size: 14px;}
	.cat_list .txt span{display: none;}
}









.hot_products{background: #F1F1F1;position: relative;}
.hot_products::before{content: '';position: absolute;top: 0;right: 0;width: 3rem;height: 3rem;background:url(static/images/hot_bg.webp) no-repeat top right;background-size: contain;}

.hot_cont{position:relative; overflow:hidden}

.hot_list{width: calc(100% - 1.8rem);margin-left: auto;margin-right: auto; position:relative; overflow:hidden}
.hot_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.hot_list .swiper-slide{flex-shrink:0; position:relative}

.hot_list .img{width:100%; box-sizing: border-box;border: 1px solid var(--border_color); position:relative; overflow:hidden}
.hot_list .img::before{content:""; display:block; padding-bottom:100%}
.hot_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; -webkit-transition: all .5s ease; transition: all .5s ease}

.hot_list .txt{margin-top: 0.2rem; text-align: center;}
.hot_list .txt p{margin-bottom: 0.1rem; font-size: 0.18rem;font-weight: bold;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.hot_list .txt span{font-size: 0.18rem;color: var(--i_color);font-weight: bold;}

.hot_list .swiper-slide:hover img{width: 110%;height: 110%;}
.hot_list .swiper-slide:hover p{color: var(--i_color);}

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

@media screen and (max-width:1024px) {
	.hot_list{width: 100%;}
	.hot_list .txt p,.hot_list .txt span{font-size: 17px;}
}
@media screen and (max-width:560px) {
	.hot_list .txt p,.hot_list .txt span{font-size: 15px;}
}








.i_about{}

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

.i_about .txt{width: 50%;}
.i_about .txt h2,.i_about .txt h2 i{font-size: 0.4rem;font-weight: bold;text-transform: capitalize;}
.i_about .txt h2 i{
	background-image:var(--tb_color1);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
.i_about .txt article{margin: .16rem 0 .4rem;}

.i_about .pic{margin-left: auto; width: 34%; height: 100%; cursor: pointer;}
.i_about .pic img{width: 100%;}

@media screen and (max-width:1366px) {
	.i_about .txt h2, .i_about .txt h2 i{font-size: 0.36rem;}
}
@media screen and (max-width:1024px) {
	.i_about .txt h2, .i_about .txt h2 i{font-size: 0.26rem;}
	.i_about .pic{width: 40%;}
}
@media screen and (max-width:768px) {
	.i_about .txt{width: 100%;}
	.i_about .txt h2, .i_about .txt h2 i{font-size: 0.22rem;}
	.i_about .pic{margin: .2rem 0 0; width: 100%;max-width: 4rem;}
}
@media screen and (max-width:560px) {
	.i_about .txt h2, .i_about .txt h2 i{font-size: 0.2rem;}
}






/* eject videos */
.vd_box {
	display: none;
	position: fixed;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2016;
	width: 60%;
	max-height: 90%;
}
.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_list{display:-webkit-flex; display:flex; flex-wrap:wrap;flex-wrap: nowrap;gap: 0 3%;}
.about_list dt{box-sizing: border-box; padding: .4rem .2rem; width: 100%;text-align: center;background: #F1F1F1;position: relative;}
.about_list dt::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background: var(--lr_color1);background: var(--lr_color2);-webkit-transition:all .5s ease; transition:all .5s ease;}
.about_list img{height: 0.6rem;position: relative;}
.about_list p{margin-top: 0.2rem; font-size: 15px;color: #444;text-transform: uppercase;position: relative;-webkit-transition:all .5s ease; transition:all .5s ease;}

.about_list dt:hover::before{height: 100%;}
.about_list dt:hover img{-webkit-filter:brightness(100); filter:brightness(100);}
.about_list dt:hover p{color: #FFF;}

@media screen and (max-width:1024px) {
	.about_list dt{padding: .2rem .2rem;}
	.about_list img{height: 0.46rem;}
	.about_list p{font-size: 14px;}
}
@media screen and (max-width:768px) {
	.about_list{flex-wrap: wrap;gap: .2rem 3%;}
	.about_list dt{width: 31.33%;padding: .2rem .1rem;}
	.about_list img{height: 0.4rem;}
	.about_list p{font-size: 13px;}
}
@media screen and (max-width:560px) {
	.about_list img{height: 0.34rem;}
	.about_list p{margin-top: 0.1rem; font-size: 12px;}
}






.i_adv{position: relative;}

.i_adv .bg{position:absolute; top:0; right:0; width:100%; height:100%;object-fit: cover;}

.adv_tit{}
.adv_tit h6{margin-bottom: 0.1rem; font-size: 18px;font-weight: bold;color: var(--i_color); text-transform: uppercase;}

.adv_tit p,.adv_tit i{font-size: 0.44rem;color: #222;font-weight: bold;text-transform: capitalize;}
.adv_tit i{
	display: block;
	background-image:var(--tb_color1);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}

.i_adv_list{width: 60%}
.i_adv_list dt{margin: .4rem 0; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;}
.i_adv_list .icon{flex-shrink: 0; width: .9rem;height: .9rem;-webkit-border-radius:50%; border-radius:50%;position: relative;}
.i_adv_list .icon i{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);width: calc(100% - 2px);height: calc(100% - 2px);-webkit-border-radius:50%; border-radius:50%; background: #FFF;}
.i_adv_list .icon iconify-icon{
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	font-size: 0.4rem;color: var(--i_color);
	-webkit-transition:all .5s ease; transition:all .5s ease;
}
.i_adv_list span{margin-left: 0.3rem;}
.i_adv_list span p{font-size: 0.24rem;font-weight: bold;}
.i_adv_list span h6{margin-top: 0.1rem;}

.i_adv_list dt:hover .icon{background: var(--tb_color1);background: var(--tb_color2);}
.i_adv_list dt:hover iconify-icon{-webkit-transform:translate(-50%,-50%) rotateY(180deg); transform:translate(-50%,-50%) rotateY(180deg);}
.i_adv_list dt:hover p{color: var(--i_color);}

@media screen and (max-width:1440px) {
	.adv_tit p, .adv_tit i{font-size: 0.4rem;}
}
@media screen and (max-width:1366px) {
	.adv_tit p, .adv_tit i{font-size: 0.36rem;}
}
@media screen and (max-width:1024px) {
	.adv_tit h6{font-size: 16px;}
	.adv_tit p, .adv_tit i{font-size: 0.22rem;}

	.i_adv_list{width: 80%;}
	.i_adv_list .icon{width: 0.7rem;height: 0.7rem;}
	.i_adv_list .icon iconify-icon{font-size: 0.34rem;}
	.i_adv_list span p{font-size: 0.2rem;}
}
@media screen and (max-width:768px) {
	.i_adv .bg{opacity: .2; width: 120%;}
	.i_adv_list span p{font-size: 0.18rem;}
}
@media screen and (max-width:560px) {
	.i_adv .bg{width: 200%;}
	.i_adv_list{width: 100%;}
	.i_adv_list .icon{width: 0.5rem;height: 0.5rem;}
	.i_adv_list .icon iconify-icon{font-size: 0.26rem;}
	.i_adv_list span p{font-size: 0.16rem;}
}







.process{background: #F1F1F1;}

.process_list{display:-webkit-flex; display:flex; flex-wrap:nowrap;gap: 0 4%;}
.process_list dt{width: 100%;position: relative;}
.process_list dt:nth-child(even){margin-top: 0.8rem;}

.process_list dt::before{content: '';position: absolute;right: -.1rem;top: 0.2rem; width: 1rem;height: 0.5rem;}
.process_list dt:nth-child(odd)::before{background:url(static/images/process_arrow1.png) no-repeat center;background-size: contain;}
.process_list dt:nth-child(even)::before{background:url(static/images/process_arrow2.png) no-repeat center;background-size: contain;}
.process_list dt:last-child::before{display: none;}


.process_list .icon{margin-bottom: 0.4rem; width: 1rem;height: 1rem;-webkit-border-radius:50%; border-radius:50%;background: #FFF;position: relative;overflow: hidden;}
.process_list .icon::before{content: '';position: absolute;right: 0;top: 0;width: 0;height: 100%;background: var(--tb_color1);background: var(--tb_color2);-webkit-transition:all .5s ease; transition:all .5s ease;}
.process_list .icon iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.5rem;color: var(--i_color);-webkit-transition:all .5s ease; transition:all .5s ease;}

.process_list span{}
.process_list span p{font-size: 0.18rem;font-weight: bold;color: #333;}
.process_list span h6{margin-top: 0.18rem; font-size: 16px;color: #666;}

.process_list dt:hover .icon::before{right: initial; left: 0; width: 100%;}
.process_list dt:hover .icon iconify-icon{color: #FFF;}
.process_list dt:hover p{color: var(--i_color);}

@media screen and (max-width:1024px) {
	.process_list{flex-wrap: wrap;gap: .24rem 0;}
	.process_list dt{margin-top: 0 !important; width: 100%;display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;}
	.process_list dt::before{display: none;}
	.process_list .icon{flex-shrink: 0; width: 0.7rem;height: 0.7rem;margin: 0 0;}
	.process_list .icon iconify-icon{font-size: 0.36rem;}
	.process_list span{margin-left: 0.2rem;}
	.process_list span h6{margin-top: 0.1rem;}
}
@media screen and (max-width:768px) {
	.process_list span p{font-size: 17px;}
}
@media screen and (max-width:560px) {
	.process_list .icon{width: 0.5rem;height: 0.5rem;}
	.process_list .icon iconify-icon{font-size: 0.26rem;}
	.process_list span p{font-size: 16px;}
	.process_list span h6{font-size: 14px;}
}









.i_news{background:url(static/images/i_news_bg.webp) no-repeat center;background-size: cover;overflow: hidden;position: relative;}
.i_news::before{content: '';position: absolute;right: 0;top: 0;width: 38%; height: 100%;background: var(--i_color);}

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

.i_news_t{width: 26%;}
.i_news_t h2,.i_news_t i{font-size: 0.44rem; font-weight: bold;text-transform: uppercase;}
.i_news_t h2{color: #FFF;}
.i_news_t i{color: var(--i_color);}

.i_news_t article{margin: .3rem 0 .6rem; color: #FFF;}

.blog_list{width: 66%;margin-left: auto; position:relative; overflow:hidden}
.blog_list .swiper-wrapper{padding-top: 10px; display:-webkit-flex; display:flex; position:relative; width:100%}
.blog_list .swiper-slide{flex-shrink:0; position:relative;-webkit-transition:all .5s ease; transition:all .5s ease;}

.blog_list .img{width:100%; position:relative; overflow:hidden}
.blog_list .img::before{content:""; display:block; padding-bottom:95%}
.blog_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; -webkit-transition: all .5s ease; transition: all .5s ease}

.blog_list .txt{margin-top: 0.2rem;}
.blog_list .txt i{font-size: 14px;color: #FFF;}
.blog_list .txt p{margin: .1rem 0; font-size: 0.18rem;font-weight: bold;color: #FFF;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.blog_list .txt h6{font-size: 14px;color: #FFF;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.blog_list .swiper-slide:hover{-webkit-transform:translate(0,-10px); transform:translate(0,-10px);}
.blog_list .swiper-slide:hover img{width: 106%;height: 106%;}
.blog_list .swiper-slide:hover p{}

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

@media screen and (max-width:1440px) {
	.i_news_t h2, .i_news_t i{font-size: 0.4rem;}
}
@media screen and (max-width:1366px) {
	.i_news_t h2, .i_news_t i{font-size: 0.36rem;}
}
@media screen and (max-width:1024px) {
	.i_news_t{width: 100%;}
	.i_news_t h2, .i_news_t i{font-size: 0.26rem;}
	.i_news_t article{margin: .14rem 0 .24rem;}
	.blog_list{width: 100%; margin: .3rem 0 0;}
	.blog_list .txt p{font-size: 17px;}
}
@media screen and (max-width:768px) {
	.i_news::before{display: none;}
	.i_news_t h2, .i_news_t i{font-size: 0.22rem;}
}
@media screen and (max-width:560px) {
	.i_news_t h2, .i_news_t i{font-size: 0.2rem;}
	.blog_list .txt p{font-size: 16px;}
}








.brand{}
.brand_t{text-align: center;padding: 0 14%; font-size: 16px;line-height: 0.24rem;}

.brand_list{position:relative; overflow:hidden}
.brand_list .swiper-wrapper{
	display:-webkit-flex; display:flex;
	position:relative;
	width:100%;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}
.brand_list .swiper-slide{flex-shrink:0; position:relative}

.brand_list .img{width:100%; position:relative; overflow:hidden}
.brand_list .img::before{content:""; display:block; padding-bottom:30%}
.brand_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; object-fit:contain; -webkit-transition: all .5s ease; transition: all .5s ease}

@media screen and (max-width:1024px) {
	.brand{margin-bottom: 0.8rem;}
	.brand_t{padding: 0 4%;}
}
@media screen and (max-width:560px) {
	.brand{margin-bottom: 0.6rem;}
}







/* Footer */
footer{background: #161921;}

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

.f_contact{width: 26%;}

.f_logo img{height: 0.8rem;}

.f_contact_list{margin-top: 0.4rem;}
.f_contact_list dt{margin: .2rem 0; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: flex-start;}
.f_contact_list iconify-icon{flex-shrink: 0;font-size: 0.24rem;color: var(--i_color);}

.f_contact_list span{margin-left: 0.2rem;}
.f_contact_list b{margin-right: 4px; font-size: .16rem;color: #FFF;font-weight: bold;}
.f_contact_list span,.f_contact_list a{font-size: 0.16rem;color: #FFF;}

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

.f_nav_box{width: 37%;}

.f_nav{display:-webkit-flex; display:flex; flex-wrap:wrap;justify-content: space-between;}
.f_nav dt{width: 48%;}

.f_tit{margin-bottom: 0.3rem; font-size: 0.22rem;color: #FFF;font-weight: bold;text-transform: uppercase;}

.f_nav li{margin-bottom: 0.2rem;}
.f_nav li a{font-size: .16rem;color: rgb(255 255 255 / 60%);text-transform: uppercase;}
.f_nav li a:hover{color: var(--i_color);}

.f_media{margin-top: 0.2rem; display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 0 .3rem;}
.f_media li{-webkit-transition:all .5s ease; transition:all .5s ease;}
.f_media a{display: block;width: 0.4rem;height: 0.4rem;background: rgb(255 255 255 / 20%);-webkit-border-radius:50%; border-radius:50%;position: relative;}
.f_media iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.2rem;color: rgb(255 255 255 / 60%);}

.f_media li:hover{-webkit-transform:translate(0,-6px); transform:translate(0,-6px);}
.f_media a:hover{background: var(--i_color);}
.f_media a:hover iconify-icon{color: #FFF;}



.f_form{width: 26%;}

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

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

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

#wpforms-91 .wpforms-field-container .wpforms-field>input,
#wpforms-91 .wpforms-field-container textarea
{border: none; background: rgb(255 255 255 / 10%); -webkit-border-radius:4px; border-radius:4px;}
#wpforms-91 .wpforms-form label.wpforms-error{position: absolute;left: 0;bottom: 0;font-size: 13px;}

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

#wpforms-91 input::placeholder, #wpforms-91 textarea::placeholder{color:#FFF;font-size:15px}

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

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





.f_copy{padding: .24rem 0; position: relative;}
.f_copy::before{content: '';position:absolute;top: 0; left:50%; transform:translate(-50%,0);width: 85%;height: 1px;background: rgb(255 255 255 / 10%);}
.f_copy .wrap{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;}
.f_copy p,.f_copy a{font-size: 16px;color: #FFF;}
.f_copy p i{font-size: 16px;color: var(--i_color);}
.f_copy a{margin-left: auto;}
.f_copy a:hover{color: var(--i_color);text-decoration: underline;}

@media screen and (max-width:1440px) {
	.f_copy::before{width: 100%;}
}
@media screen and (max-width:1024px) {
	.f_contact{width: 100%;}
	.f_logo img{height: 0.6rem;}

	.f_tit{font-size: 0.2rem;}
	.f_nav_box{width: 100%;}
	.f_nav{display: none;}
	.f_media a{width: 0.36rem;height: 0.36rem;}

	.f_form{width: 100%;margin: .4rem 0 0;}

	.f_copy p, .f_copy a{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.f_contact_list dt{margin: .14rem 0;}
	.f_contact_list iconify-icon{font-size: 0.22rem;}
	.f_contact_list span{margin-left: 0.14rem;}
	.f_contact_list b,.f_contact_list span, .f_contact_list a{font-size: 15px;}

	.f_copy p{width: 100%;}
	.f_copy a{margin: 4px 0 0;}
	.f_copy p, .f_copy a{font-size: 14px;}
}
@media screen and (max-width:560px) {
	.f_contact_list{margin-top: 30px;}
	.f_media a{width: 0.32rem;height: 0.32rem;}
	.f_media iconify-icon{font-size: 0.18rem;}
	.f_tit{font-size: 0.18rem;}
}









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

/* inpage banner */
.in_banner{width: 100%;position: relative;overflow: hidden;}
.in_banner>img{width: 100vw;max-height: 6rem;object-fit: cover;}






/* About */
.in_about {}

.in_ab_text {
	box-sizing: border-box;
}
.in_about article {
	font-size: 0.15rem;
	color: #333;
	line-height: 0.28rem;
	text-align: center;
}

.in_num {
	width: 90%;
	margin: .6rem auto 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.in_num dt {
	width: 25%;
	box-sizing: border-box;
	padding: 0 .5rem;
	position: relative;
	border-left: 1px solid #CCC;
}
.in_num dt:first-child {
	border-left: none;
}
.in_num span b {
	font-size: 0.46rem;
	color: #333;
	font-weight: bold;
}
.in_num span i {
	font-size: 0.2rem;
	color: #333;
	font-weight: bold;
}
.in_num p {
	margin-top: .08rem;
	font-size: 0.16rem;
	color: #333;
	text-transform: uppercase;
}

.in_num dt:hover b,.in_num dt:hover i{color: var(--i_color);}

@media screen and (max-width:1440px) {
	.in_ab_text {
		padding: 0 6%;
	}
}
@media screen and (max-width:1366px) {
	.in_ab_text {
		padding: 0 0;
	}

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

}
@media screen and (max-width:1024px) {
	.in_num dt {
		padding: 0 .2rem;
	}
	.in_num span b {
		font-size: 0.36rem;
	}
	.in_num p {
		font-size: 0.15rem;
	}
}
@media screen and (max-width:768px) {
	.in_num dt {
		width: 50%;
		margin-bottom: 0.22rem;
		border: none !important;
		padding: 0 0.1rem;
	}
	.in_num span b {
		font-size: 0.26rem;
	}
	.in_num p {
		font-size: 0.14rem;
	}
}
@media screen and (max-width:560px) {
	.in_about article{font-size: 0.14rem;line-height: 0.24rem;}
	.in_num {
		margin-top: 0.3rem;
	}
	.in_num span b {
		font-size: 0.24rem;
	}
}






.about_AD{
	padding: .7rem 0;
	background:url(static/images/about_AD.webp) no-repeat center;
	background-size: cover;
}
.about_AD h3{font-size: 0.44rem;color: var(--i_color);font-weight: bold;font-style: italic;}

@media screen and (max-width:1440px) {
	.about_AD h3{font-size: 0.38rem;}
}
@media screen and (max-width:1366px) {
	.about_AD h3{font-size: 0.34rem;}
}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.about_AD h3{font-size: 0.26rem;}
}
@media screen and (max-width:768px) {
	.about_AD{padding: .6rem 0;}
	.about_AD h3{font-size: 0.22rem;}
}
@media screen and (max-width:560px) {
	.about_AD h3{font-size: 0.2rem;}
}







.ab_adv_list{display:-webkit-flex; display:flex; flex-wrap:nowrap;justify-content: space-between;gap: 0 4%;}
.ab_adv_list dt{width: 100%;background: #F1F1F1;box-sizing: border-box;padding: .4rem .4rem;-webkit-border-radius:.1rem; border-radius:.1rem;overflow: hidden;position: relative;}
.ab_adv_list dt::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background: var(--i_color);}

.ab_adv_list dt iconify-icon{font-size: 0.56rem;color: var(--i_color);position: relative;}

.ab_adv_t{position: relative;}
.ab_adv_t span{display: block; margin: .2rem 0 .3rem;}
.ab_adv_t i{
	font-size: 0.34rem;
	color: transparent;
    font-weight: 900;
    -webkit-text-stroke: 1px var(--i_color);
    transform-origin: 0 0;
}
.ab_adv_t p{font-size: 0.26rem;color: var(--i_color);font-weight: bold;text-transform: uppercase;}
.ab_adv_t h6{margin-bottom: 0.3rem;color: #666;}

.ab_adv_list dt:hover::before{height: 100%;}
.ab_adv_list dt:hover iconify-icon{color: #FFF; -webkit-transform:rotateY(180deg); transform:rotateY(180deg);}
.ab_adv_list dt:hover .ab_adv_t i{-webkit-text-stroke: 1px #FFF;}
.ab_adv_list dt:hover .ab_adv_t p,.ab_adv_list dt:hover .ab_adv_t h6
{color: #FFF;}

.ab_adv_list dt::before,.ab_adv_list dt iconify-icon,.ab_adv_t i,.ab_adv_t p,.ab_adv_t h6{-webkit-transition:all .5s ease; transition:all .5s ease;}

@media screen and (max-width:1024px) {
	.ab_adv_list{justify-content: initial;flex-wrap: wrap;gap: .4rem 4%;}
	.ab_adv_list dt{width: 48%;}
	.ab_adv_list dt iconify-icon{font-size: 0.36rem;}
	.ab_adv_t span{margin: 0.1rem 0 0.2rem}
	.ab_adv_t i{font-size: 0.3rem;}
	.ab_adv_t p{font-size: 0.22rem;}
}
@media screen and (max-width:768px) {
	.ab_adv_list dt{padding: .3rem .3rem;}
	.ab_adv_t i{font-size: 0.24rem;}
	.ab_adv_t p{font-size: 0.2rem;}
	.ab_adv_t h6{margin-bottom: 0;}
}
@media screen and (max-width:560px) {
	.ab_adv_list{gap: .2rem 0;}
	.ab_adv_list dt{width: 100%;padding: .26rem .26rem;}
	.ab_adv_list dt iconify-icon{font-size: 0.3rem;}
	.ab_adv_t p{font-size: 0.18rem;}
}








.history {background: #F1F1F1;}
.history_list {
	padding: .1rem 0;
	position: relative;
}
.history_list::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 100%;
	background: #000;
}

.history_list li {
	margin: .7rem 0;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}
.history_list .yuan {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: 0.4rem;
	width: 0.3rem;
	height: 0.3rem;
	background: #FFF;
	box-sizing: border-box;
	border: 1px solid #000;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.history_list .yuan::before {
	content: '';
	position: absolute;
	top: 50%;
	width: .36rem;
	height: 1px;
	background: #000;
}
.history_list .yuan::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	height: 50%;
	background: #000;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.history_list li:nth-child(odd) .yuan::before {
	left: 100%;
}
.history_list li:nth-child(even) .yuan::before {
	right: 100%;
}

.history_list .img {
	width: 45%;
	height: 100%;
	position: relative;
	-webkit-border-radius: .2rem;
	border-radius: .2rem;
	overflow: hidden
}
.history_list .img::before {
	content: "";
	display: block;
	padding-bottom: 50%
}
.history_list .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.history_list .txt {
	width: 45%;
}
.history_list p {
	margin-top: 0.18rem;
	font-size: 0.3rem;
	color: #000;
	font-weight: bold;
}
.history_list h5 {
	margin: .1rem 0 .2rem;
	font-size: 0.24rem;
	color: #111;
}
.history_list h6 {
	color: #888;
}

.history_list li:nth-child(even) .txt {
	order: -1;
}
.history_list li:nth-child(even) .txt {
	text-align: right;
}

.history_list li:hover .img img{width: 110%;height: 110%;}
.history_list li:hover p {
	color: var(--i_color);
}
.history_list li:hover .yuan {
	border-color: var(--i_color);
}
.history_list li:hover .yuan::before,
.history_list li:hover .yuan::after {
	background: var(--i_color);
}


@media screen and (max-width:1024px) {
	.history_list li {
		margin: 0.6rem 0;
	}
	.history_list p {
		font-size: 0.24rem;
	}
	.history_list h5 {
		font-size: 0.2rem;
	}
	.history_list .yuan {
		width: 0.18rem;
		height: 0.18rem;
	}
	.history_list .yuan::before {
		width: 0.24rem;
	}
}
@media screen and (max-width:768px) {
	.history_list::before {
		left: 0;
	}
	.history_list li {
		box-sizing: border-box;
		margin: 0.4rem 0;
		padding-left: 0.46rem;
	}
	.history_list .yuan {
		top: .18rem;
		left: -.09rem;
		transform: none;
	}
	.history_list li:nth-child(even) .yuan::before {
		right: initial;
		left: 100%;
	}
	.history_list .img {
		width: 100%;
	}
	.history_list .txt {
		order: -1;
		width: 100%;
		text-align: left !important;
		margin-bottom: 0.2rem;
	}
	.history_list p {
		font-size: 0.2rem;
	}
	.history_list h5 {
		margin: .1rem 0 0.14rem;
		font-size: 0.18rem;
	}
}
@media screen and (max-width:560px) {
	.history_list li:nth-child(1) {
		margin-top: 0.2rem;
	}
	.history_list .img {
		-webkit-border-radius: .1rem;
		border-radius: .1rem;
	}
	.history_list p {
		font-size: 0.18rem;
	}
	.history_list h5 {
		font-size: 0.17rem;
	}
}









.in_honor{}

.honor_list {
	width: calc(100% - 1.8rem); margin-left: auto;margin-right: auto;
	padding: 0 2px;
	position: relative;
	overflow: hidden
}
.honor_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%
}
.honor_list .swiper-slide {
	width: 100%;
	flex-shrink: 0;
	position: relative;
	box-sizing: border-box;
	border: 1px solid var(--border_color);
	overflow: hidden
}
.honor_list .swiper-slide::before {
	content: "";
	display: block;
	padding-bottom: 143%
}
.honor_list .swiper-slide img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: contain
}

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

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








/* Products */
.in_products_box{
}
.in_products_box .wrap{display:-webkit-flex; display:flex; flex-wrap:wrap;}

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

.p_left{width: 22%;}
.p_right{width: 74%;margin-left: auto; }

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.p_left{width: 100%;}
	.p_right{width: 100%;margin: .4rem 0 0;}
}
@media screen and (max-width:768px) {
	.p_right{margin-top: 30px;}
}
@media screen and (max-width:560px) {
	.p_right{margin-top: 24px;}
}








.p_nav{width: 100%;}

.p_nav_tit{display: none;}

.p_nav_list{}
.p_nav_list li{margin-bottom: 10px;}

.p_nav_name{display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: flex-start; padding: .14rem .2rem; position: relative;background: #F1F1F1; z-index: 2;}
.p_nav_name p{font-size: 0.18rem;margin-right: 0.2rem;line-height: 0.26rem}
.p_nav_name iconify-icon{flex-shrink: 0; margin-left: auto; font-size: 0.26rem;color: #333;-webkit-transition:all .5s ease; transition:all .5s ease;}
.p_nav_list li.active .p_nav_name iconify-icon{-webkit-transform:rotate(-180deg); transform:rotate(-180deg);}

.p_nav_list .active .p_nav_name{background: var(--i_color);}
.p_nav_list .active .p_nav_name p,.p_nav_list .active .p_nav_name iconify-icon{color: #FFF;}

.p_nav_list dl{display: none;box-sizing: border-box;padding: 2px .1rem .16rem;border: 1px solid var(--border_color);}
.p_nav_list li.active dl{display: block;}

.p_nav_list dt{margin: 6px 0;}
.p_nav_list dt a{padding: .12rem .12rem .12rem .2rem; display:-webkit-flex; display:flex; flex-wrap:nowrap;position: relative;overflow: hidden;}
.p_nav_list dt a::before{content: '';position:absolute; top:50%; left: -10px;width: 5px;height: 14px;background: var(--i_color);-webkit-transform:translate(0,-50%) skewX(-20deg); transform:translate(0,-50%) skewX(-20deg);-webkit-transition:all .3s ease; transition:all .3s ease;}
.p_nav_list dt p{margin-right: 0.2rem; font-size: 0.16rem;}

.p_nav_list dt.on a,.p_nav_list dt:hover a{background: #F1F1F1;}
.p_nav_list dt.on a::before, .p_nav_list dt:hover a::before{left: 3px;}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.p_nav_tit{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center; justify-content: center;box-sizing: border-box; padding: .14rem .2rem; background: var(--i_color);-webkit-border-radius:.06rem; border-radius:.06rem;position: relative;z-index: 2;}
	.p_nav_tit h2{margin-right: 0.16rem; font-size: 0.18rem;color: #FFF; font-weight: bold;}
	.p_nav_tit iconify-icon{font-size: 0.18rem;color: #FFF;-webkit-transition:all .5s ease; transition:all .5s ease;}
	.p_nav_tit.on iconify-icon{-webkit-transform:rotate(-180deg); transform:rotate(-180deg);}

	.p_nav_list{display: none;margin-top: -10px; padding: .3rem .2rem .2rem;box-sizing: border-box;border: 1px solid var(--border_color);}
	.p_nav_list .active .p_nav_name{background: #999;}
	.p_nav_name{padding: .1rem .2rem;}
	.p_nav_name p{font-size: 16px;line-height: 20px;}
	.p_nav_name iconify-icon{font-size: 0.2rem;}
}
@media screen and (max-width:768px) {
	.p_nav_list dt p{font-size: 15px;}
}
@media screen and (max-width:560px) {
	.p_nav_tit{padding: .12rem .2rem;}
	.p_nav_tit h2{font-size: 0.16rem;}
	.p_nav_tit iconify-icon{font-size: 0.16rem;}
	.p_nav_list dt p{font-size: 14px;}
}







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

.p_list .img{width:100%; box-sizing: border-box; border: 4px solid transparent; position:relative;-webkit-transition:all .5s ease; transition:all .5s ease; overflow:hidden}
.p_list .img::before{content:""; display:block; padding-bottom:100%}
.p_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; -webkit-transition: all .5s ease; transition: all .5s ease}

.p_list .txt{margin-top: 0.14rem;}
.p_list p{margin-bottom: .18rem; font-size: 0.18rem;font-weight: bold;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.p_list h6{margin-top: 4px;}
.p_list h6,.p_list h6 i{font-size: 16px;}
.p_list h6 i{color: var(--i_color);font-weight: bold;}

.p_list li:hover .img{border-color: var(--i_color);}
.p_list li:hover .img img{width: 106%;height: 106%;}
.p_list li:hover .txt p{color: var(--i_color);}

@media screen and (max-width:768px) {
	.p_list{gap: .4rem 4%;}
	.p_list li{width: 48%;}
	.p_list p{font-size: 17px;}
}
@media screen and (max-width:560px) {
	.p_list p{font-size: 16px;}
	.p_list h6,.p_list h6 i{font-size: 15px;}
}







/* Products Details */

.p_info_box {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}

/* atlas */
.p_atlas {
	width: 44%;
	height: 100%;
}
.p_atlas_list {
	position: relative;
	box-sizing: border-box;
	border: 1px solid #DDD;
	overflow: hidden
}
.p_atlas_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%
}
.p_atlas_list .swiper-slide {
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
}
.p_atlas_list .swiper-slide::before {
	content: '';
	display: block;
	padding-bottom: 100%;
}
.p_atlas_list .swiper-slide img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

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

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

.thumbnail-pagination {
	margin-top: 0.1rem;
	text-align: center;
}
.thumbnail-pagination,
.thumbnail-pagination span {
	font-size: 0.14rem;
	color: #999;
}

@media screen and (max-width:1024px) {
	.p_atlas{width: 100%;height: auto;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}



.p_cont {
	width: 50%;
	margin-left: auto;
}

h1.p_name {
	margin-bottom: 0.16rem;
	font-size: 0.3rem;
	color: #171D27;
	font-weight: bold;
}
.p_cont>h6 {margin-top: 0.1rem;}
.p_cont>h6 i{color:var(--i_color);font-weight: bold;}
.p_cont>h6,.p_cont>h6 i{font-size: 18px;}

.p_pc{padding-top: 0.2rem; margin-top: 0.3rem; border-top: 1px solid var(--border_color);}
.p_cont_tit {
	margin-bottom: 0.16rem;
	font-size: 0.18rem;
	color: #171D27;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}

.p_pc>article {
	color: #555;
}

.p_more_btn{display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 0 .3rem;}

.p_tip{
	font-size: 14px;
	color: #888;
	line-height: 22px;
}

.p_share{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;gap: 0 .1rem;}
.p_share p{font-size: 0.18rem;font-weight: bold;}
.p_share iconify-icon{font-size: 0.24rem;}
.p_share a:hover iconify-icon{color: var(--i_color);}

@media screen and (max-width:1024px) {
	.p_cont{width: 100%;margin: .4rem 0 0;}

	h1.p_name{font-size: 0.24rem;}
	.p_cont>h6, .p_cont>h6 i{font-size: 17px;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {
	.p_cont{margin: .3rem 0 0;}
	h1.p_name{font-size: 0.2rem;}
	.p_cont>h6, .p_cont>h6 i{font-size: 16px;}
}





.p_content{}

.p_content_nav{display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 0 .3rem;position: relative;}
.p_content_nav::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #DDD;}
.p_content_nav li{padding: .14rem 0;position: relative;cursor: pointer;}
.p_content_nav li::before{content: '';position:absolute; left:50%; transform:translate(-50%,0);bottom: 0;width: 0;height: 3px;background:var(--i_color);-webkit-transition:all .5s ease; transition:all .5s ease;}
.p_content_nav p{font-size: 0.2rem;color: #777;font-weight: bold;}

.p_content_nav li.active::before{width: 100%;}
.p_content_nav li.active p{color: #333;}


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

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.p_content_nav p{font-size: 0.18rem;}
}
@media screen and (max-width:768px) {
	.p_content_nav{gap: 0 4%;}
	.p_content_nav li{width: 48%;}
	.p_content_nav p{font-size: 0.17rem;}
}
@media screen and (max-width:560px) {
	.p_content_nav li::before{height: 2px;}
	.p_content_nav p{font-size: 0.16rem;}
}






.p_faq{}
.p_faq li{border-bottom: 1px solid var(--border_color);}
.p_faq li:last-child{border-bottom: none;}
.p_faq .tit{padding: .26rem 0; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;cursor: pointer;}
.p_faq .tit p{font-size: 0.16rem;font-weight: bold;}
.p_faq .txt{display: none;margin-bottom: 0.3rem;}
.p_faq .txt span{display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: baseline;}

.p_faq em{flex-shrink: 0; display: table; width: 26px;height: 26px;line-height: 26px; margin-right: 0.1rem; text-align: center; font-size: 0.18rem; color: #FFF;-webkit-border-radius:4px; border-radius:4px;}
.p_faq .tit em{background: var(--i_color);}
.p_faq .txt em{background: #F60;}

@media screen and (max-width:1024px) {
	.p_faq .tit{padding: .2rem 0;}
}





.p_tags{border-top: 1px solid #DDD;display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: baseline;gap: 0 10px;}
.p_tags p{font-size: 0.18rem;font-weight: bold;}
.p_tags ul{display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 10px 26px;}
.p_tags li{}
.p_tags li a{font-size: 0.16rem;}
.p_tags li a:hover{color: var(--i_color);text-decoration: underline;}
@media screen and (max-width:1024px) {
	.p_tags p{font-size: 16px;}
	.p_tags li a{font-size: 14px;}
}




.p_related{}
.p_related_tit p{text-align: center; font-size: 0.3rem;font-weight: bold;color: #111;}

.p_related{}
.p_related li{width: 22.75%;}

@media screen and (max-width:1024px) {
	.p_related_tit p{font-size: 0.26rem;}
}
@media screen and (max-width:768px) {
	.p_related li{width: 48%;}
}
@media screen and (max-width:560px) {
	.p_related_tit p{font-size: 0.2rem;}
}









/* News */
.n_list{}
.n_list li{}
.n_list li:not(:first-child){margin-top: 0.5rem;}
.n_list li a{display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center; background: #F1F1F1;}

.n_list .img{flex-shrink: 0; width:24%; position:relative; overflow:hidden}
.n_list .img::before{content:""; display:block; padding-bottom:83%}
.n_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; -webkit-transition: all .5s ease; transition: all .5s ease}

.n_list .txt{width: 100%;box-sizing: border-box; padding: .2rem .4rem;display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;}
.n_list .txt span{width: 100%; border-right: 1px solid var(--border_color); margin-right: 0.3rem;padding-right: 0.3rem;}
.n_list .txt i{font-size: 14px;}
.n_list .txt p{margin: 0.08rem 0 .2rem; font-size: 0.2rem;color: #333;font-weight: 900;}
.n_list .txt h6{}
.n_list .txt p,.n_list .txt h6{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.n_list .view_btn{flex-shrink: 0;}
.n_list .view_btn iconify-icon{font-size: 0.3rem;color: #666;}

.n_list li:hover{box-shadow: 0 4px 14px rgb(0 0 0 / 15%);}
.n_list li:hover a{background: #FFF;}
.n_list li:hover .img img{width: 106%;height: 106%;}
.n_list li:hover p{color: var(--i_color);}
.n_list li:hover span{border-right-color: var(--i_color);}
.n_list li:hover iconify-icon{color: var(--i_color);}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.n_list li:not(:first-child){margin-top: 0.3rem;}
	.n_list .txt{display: block;}
	.n_list .txt span{padding-right: 0;margin-right: 0;border-right: none;}
	.n_list .txt p{font-size: 0.16rem;margin: .08rem 0 .1rem;}
	.n_list .view_btn{display: none;}
}
@media screen and (max-width:768px) {
	.n_list .img{width: 2rem;}
	.n_list .txt p{font-size: 0.15rem;}
	.n_list .txt h6{-webkit-line-clamp:1}
}
@media screen and (max-width:560px) {
	.n_list li a{flex-wrap: wrap;}
	.n_list .img{width: 100%;}
	.n_list .txt{padding: .2rem;}
}






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







/* Service */
.in_service {}
.in_service .in_tit h6 {
	padding: 0 20%;
}

.in_ser_list {
	box-sizing: border-box;
}
.in_ser_list dt {
	margin-bottom: 0.24rem;
	box-sizing: border-box;
	padding: .3rem;
	background: #F3F3F3;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.in_ser_list .ico {
	width: 1.2rem;
	height: 1.2rem;
	background: var(--i_color);
	flex-shrink: 0;
	position: relative;
}
.in_ser_list .ico img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 0.56rem;
}
.in_ser_list span {
	margin-left: 0.4rem;
}
.in_ser_list h5 {
	margin-bottom: 0.14rem;
	font-size: 0.24rem;
	color: #333;
	font-weight: bold;
}
.in_ser_list p {
	font-size: 0.18rem;
	color: #333;
	line-height: 0.28rem;
}
.in_ser_list dt:hover h5 {
	color: var(--i_color);
}
.in_ser_list dt:hover .ico {
	animation: jump .5s linear 0s 1 alternate;
}
@keyframes jump {
	0% {
		top: 0;
	}
	50% {
		top: -8px;
	}
	100% {
		top: 0;
	}
}

@media screen and (max-width:1440px) {
	.in_service .in_tit h6 {
		padding: 0 10%;
	}

	.in_ser_list .ico {
		width: 1rem;
		height: 1rem;
	}
	.in_ser_list .ico img {
		height: 0.52rem;
	}
}
@media screen and (max-width:1366px) {
	.in_ser_list {
		padding: 0 0;
	}
}
@media screen and (max-width:1200px) {
	.in_ser_list .ico {
		width: .8rem;
		height: .8rem;
	}
	.in_ser_list .ico img {
		height: 0.48rem;
	}
	.in_ser_list h5 {
		font-size: 0.22rem;
	}
}
@media screen and (max-width:1024px) {
	.in_ser_list .ico {
		width: .7rem;
		height: .7rem;
	}
	.in_ser_list .ico img {
		height: 0.4rem;
	}
	.in_ser_list h5 {
		font-size: 0.18rem;
	}
	.in_ser_list p {
		font-size: 0.16rem;
		line-height: 0.26rem;
	}
}
@media screen and (max-width:768px) {
	.in_ser_list dt {
		padding: .3rem .2rem;
	}
	.in_ser_list .ico {
		width: .6rem;
		height: .6rem;
	}
	.in_ser_list .ico img {
		height: 0.32rem;
	}
	.in_ser_list span {
		margin-left: 0.3rem;
	}
}
@media screen and (max-width:560px) {
	.in_ser_list dt {
		margin-bottom: 0.1rem;
		padding: .2rem .2rem;
		flex-wrap: wrap;
	}
	.in_ser_list .ico {
		width: .5rem;
		height: .5rem;
	}
	.in_ser_list .ico img {
		height: 0.28rem;
	}
	.in_ser_list span {
		width: 100%;
		margin: .2rem 0 0 0;
	}
	.in_ser_list h5 {
		font-size: .16rem;
	}
	.in_ser_list p {
		font-size: 0.14rem;
		line-height: 0.2rem;
	}
}








.det_contact{display:-webkit-flex; display:flex; flex-wrap:wrap;}
.det_c_l,.det_c_r{width: 50%;box-sizing: border-box; padding: .3rem .2rem;}

.det_c_l{background:url(static/images/det_c_l_bg.webp) no-repeat center;background-size: cover;display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;justify-content: center;}
.det_c_l span{padding-right: 5%;}
.det_c_l i{font-size:14px;color: rgb(255 255 255 / 40%);}
.det_c_l p{margin-top: 0.1rem; font-size: 0.28rem;color: #FFF;font-weight: bold;text-transform: uppercase;}


.det_c_r{background: #171D27;display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;justify-content: center;}
.det_c_tel{display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;}
.det_c_tel .ico{width: 0.44rem;height: 0.44rem;background: #FFF;-webkit-border-radius:50%; border-radius:50%;position: relative;}
.det_c_tel .ico iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.24rem;color: var(--i_color);}
.det_c_tel span{margin-left: 0.1rem;}
.det_c_tel span i{font-size: 14px;color: var(--i_color);text-transform: capitalize;
}
.det_c_tel span a{display: block;margin-top: 0.04rem; font-size: 0.24rem;color: var(--i_color);font-weight: 900;}

.det_c_btn{margin-left: 0.3rem; display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;}
.det_c_btn em{margin-right: 0.3rem; width: 0.3rem;height: 0.3rem;line-height: .32rem; text-align: center; font-size: 13px; color: #FFF;font-weight: bold; background: var(--i_color);-webkit-border-radius:50%; border-radius:50%;}

@media screen and (max-width:1440px) {
	.det_c_l p{font-size: 0.24rem;}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.det_c_l, .det_c_r{width: 100%;}
	.det_c_l span{padding-right: 0;}
	.det_c_l p,.det_c_tel span a{font-size: 0.2rem;}
}
@media screen and (max-width:768px) {
	.det_c_tel .ico{width: 0.4rem;height: 0.4rem;}
	.det_c_l p,.det_c_tel span a{font-size: 0.17rem;}
}
@media screen and (max-width:560px) {
	.det_c_r{flex-direction: column;}
	.det_c_tel .ico{width: 0.34rem;height: 0.34rem;}
	.det_c_tel .ico iconify-icon{font-size: 0.22rem;}
	.det_c_tel span i{font-size: 13px;}
	.det_c_btn{margin: .16rem 0 0;}
	.det_c_btn em{display: none;}
}









.ser_map{position: relative;}
.ser_map .wrap{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;}

.ser_map_t{width: 40%;}

.ser_map_tit{margin-bottom: 0.3rem; display:-webkit-flex; display:flex; flex-wrap:wrap;}
.ser_map_tit p,.ser_map_tit i{font-size: 0.4rem;font-weight: bold;text-transform: capitalize;}
.ser_map_tit i{
	background-image:var(--tb_color1);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}

.ser_map_t span b{font-weight: bold;}

.ser_map_p{width: 50%;margin-left: auto;}
.ser_map_p img{width: 100%;}



.ser_global{margin-bottom: -1.3rem;width: 100%;overflow: hidden;}
.ser_global img{width: 100vw;}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {
	.ser_map_tit p,.ser_map_tit i{font-size: 0.36rem;}
}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.ser_map_t{width: 100%;}
	.ser_map_tit p,.ser_map_tit i{font-size: 0.26rem;}

	.ser_map_p{width: 100%;margin: .4rem 0 0;}

	.ser_global{display: none;}
}
@media screen and (max-width:768px) {
	.ser_map_tit p,.ser_map_tit i{font-size: 0.22rem;}
}
@media screen and (max-width:560px) {
	.ser_map_tit p,.ser_map_tit i{font-size: 0.2rem;}
}







.faq_list {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
/* .faq_list li {
	margin-bottom: 0.2rem;
} */
.faq_list h3 {
	padding: .2rem .7rem .2rem 0;
	font-size: 0.2rem;
	color: #141414;
	font-weight: bold;
	position: relative;
	cursor: pointer;
}
.faq_list h3::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #DDD;
}
.faq_list h3::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 0;
	width: 0;
	height: 1px;
	background: var(--i_color);
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
.faq_list h3 iconify-icon {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 0;
	font-size: 0.26rem;
	color: #555;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
.faq_list p {
	display: none;
	margin: .16rem 0 .2rem;
	font-size: 0.17rem;
	color: var(--i_color2);
	line-height: 0.26rem;
}
.faq_list p a{color: var(--i_color);}
.faq_list p a:hover{text-decoration: underline;}

.faq_list .curr::after {
	width: 100%;
}
.faq_list .curr {
	color: var(--i_color);
}
.faq_list .curr iconify-icon {
	color: var(--i_color);
	-webkit-transform: translate(0, -50%) rotate(-180deg);
	transform: translate(0, -50%) rotate(-180deg);
}

@media screen and (max-width:1366px) {
	.faq_list h3 {
		font-size: 0.2rem;
	}
}
@media screen and (max-width:1024px) {
	.faq_list h3 {
		font-size: 0.18rem;
	}
	.faq_list h3 iconify-icon {
		font-size: 0.3rem;
	}
	.faq_list p {
		font-size: 0.15rem;
	}
}
@media screen and (max-width:768px) {
	.faq_list h3 {
		font-size: 0.17rem;
	}
	.faq_list h3 iconify-icon {
		font-size: 0.26rem;
	}
}
@media screen and (max-width:560px) {
	.faq_list h3 {
		padding: 0.18rem .5rem 0.18rem 0;
		font-size: 0.16rem;
	}
	.faq_list p {
		font-size: 0.14rem;
		line-height: 0.22rem;
	}
}






/* Contact us */
.in_contact{background: #F1F1F1;}
.in_contact .wrap{box-sizing: border-box; display:-webkit-flex; display:flex; flex-wrap:wrap;}

.in_c_cont{width: 40%;}
.in_c_cont h4{font-size: 0.38rem;font-weight: bold;text-transform: uppercase;}
.in_c_cont p{color: #666;}

.c_list{}
.c_list li{border-bottom: 1px solid #DDD; padding: .26rem 0; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;}
.c_list .ico{flex-shrink: 0; width: 0.46rem;height: 0.46rem;background: var(--i_color);position: relative;}
.c_list .ico iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.3rem;color:#FFF}
.c_list span{width: 100%;margin-left: 0.2rem;}
.c_list span h6{margin-bottom: 0.04rem; font-size: 0.18rem;color: #999;}
.c_list span p,.c_list span a{font-size: 0.2rem;color: #333;}

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

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

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

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

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

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

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

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


@media screen and (max-width:1440px) {
	.in_c_cont h4{font-size: 0.34rem;}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {
	.in_c_cont h4{margin-bottom: 0.1rem; font-size: 0.28rem;}
	.c_list{margin-top: .1rem;}
}
@media screen and (max-width:1024px) {
	.in_c_cont{width: 100%;}
	.in_c_cont h4{font-size: 0.24rem;}
	.c_list span h6{font-size: 0.17rem;}
	.c_list span p, .c_list span a{font-size: 0.18rem;}
	.c_list .ico iconify-icon{font-size: 0.24rem;}

	#wpforms-97{width: 100%;margin: .4rem 0 0;}
}
@media screen and (max-width:768px) {
	.in_c_cont h4{font-size: 0.2rem;}
}
@media screen and (max-width:560px) {
	.in_c_cont h4{font-size: 0.18rem;}

	.c_list li{padding: .18rem 0;}
	.c_list .ico{width: 0.3rem;height: 0.3rem;}
	.c_list span h6{font-size: 0.15rem;}
	.c_list span p, .c_list span a{font-size: 0.16rem;}
	.c_list .ico iconify-icon{font-size: 0.18rem;}

	#wpforms-97 .wpforms-field{margin-bottom: 0;width:100% !important;}
}









.map{}

.c_map{width:100%; position:relative; overflow:hidden}
.c_map::before{content:""; display:block; padding-bottom:43.125%}
.c_map iframe{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; -webkit-transition: all .5s ease; transition: all .5s ease}

@media screen and (max-width:768px) {
	.c_map::before{padding-bottom: 56%;}
}
@media screen and (max-width:560px) {}