/*

Theme Name: jlextract

Version: 1.0

Description: 三鸟科技
Author: 版权所有：三鸟科技

*/



@charset "utf-8";



.wrap {

	width: 1300px;
	margin: 0 auto
}



.wrap_top {

	width: 92%;

	margin: 0 auto
}



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

	.wrap {

		width: 88%
	}

}

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

	.wrap {

		width: 90%
	}

}

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

	.wrap_top {

		width: 96%;

	}

}

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

	.wrap {

		width: 94%
	}

	.wrap_top {

		position: initial;

	}

}





:root {

	--i_color: #49a94b;

	/* 全局颜色 */

	--i_color2: #009745;

	/* 副颜色 */

	--top_height: .3rem;

	/* 头部高度 */

	--top2_height: .8rem;

	/* 导航高度 */

	--header_height: calc(var(--top_height) + var(--top2_height));

	/* 头部高度 */

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

	/* 默认边框颜色 */

	--f_menu_height: 50px;

	/* 移动端底部菜单 */

}

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

	:root {

		--top2_height: .6rem;

	}

}

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

	:root {

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

}



/* header */

header {


	top: 0;

	left: 0;

	width: 100%;

	height: var(--header_height);

	z-index: 2014
}

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

	header {

		top: 0;

		top: 0;

		width: 100%;

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

	}

}

.full_header {

	display: block;

	width: 100%;

	height: var(--header_height);

	background: none;

}







.top {

	background: var(--i_color);

	position: relative;

}

.top_cont {

	height: var(--top_height);

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: flex-end;

}

/* banner上文字 */
.banner_text{position:absolute; top:50%; transform:translate(0,-50%); left:16%;max-width: 80%;}
.banner_text b{font-size:40px; color:var(--i_color2); line-height:40px}
.banner_text h2{padding-bottom:14px; margin-bottom:30px; border-bottom:1px solid rgba(239,178,1,.5); font-size:36px; color:#fff; font-weight:bold; line-height:1.5; letter-spacing:2px; text-transform:uppercase}
.banner_text p{width: 70%;font-size:16px; color:#FFF; line-height:1.8; }

@media screen and (max-width:1440px) {
	.banner_text{left: 7%;}
}
@media screen and (max-width:1024px) {
	.banner_text{left: 3%;max-width: 94%;}
	.banner_text h2{padding-bottom: 6px; font-size: 24px;}
	.banner_text p{width: auto;}
}
@media screen and (max-width:768px) {
	.banner_text h2{font-size: 20px;margin-bottom: 20px;}
}
@media screen and (max-width:560px) {
	.banner_text h2{margin-bottom: 10px; font-size: 18px;line-height: 1.3;}
	.banner_text p{font-size: 14px;line-height: 1.4;}
}






.top_tel b,

.top_tel a {

	font-size: 0.15rem;

	color: #FFF;

}

.top_tel i {
	padding-left: 0.2rem;

	background: url(static/images/public/contact/whatsapp.svg) no-repeat left center;

	background-size: .16rem;

}

.top_email {
	margin-left: 0.2rem;
	cursor: pointer;
}
.top_email b,
.top_email a {
	font-size: 0.15rem;
	color: #FFF;
}
.top_email i {
	padding-left: 0.2rem;
	background: url(static/images/public/contact/email.svg) no-repeat left center;
	background-size: .16rem;
}



.top_search {

	--search_height: .24rem
}

.top_search {

	margin: 0 .2rem;

}

.top_search form {

	padding-right: 0.06rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	-webkit-border-radius: 1rem;

	border-radius: 1rem;

	background: #FFF;

	overflow: hidden;

}

.top_search_ipt {

	width: 1.8rem;

	height: var(--search_height);

	box-sizing: border-box;

	padding: 0 .12rem;

}

.top_search_btn {

	font-size: 0;

	width: var(--search_height);

	height: var(--search_height);

	background: url(static/images/public/search_b1.svg) no-repeat center;

	background-size: .16rem;

	cursor: pointer;

}



.top_language {

	position: relative;

}

.top_language>i {

	display: block;

	padding: 0 .22rem 0 .3rem;

	font-size: 0.15rem;

	color: #FFF;

	line-height: var(--top_height);

	position: relative;

	cursor: pointer;

	-webkit-user-select: none;

	user-select: none
}

.top_language>i::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: 0.24rem;

	height: 100%;

	background: url(static/images/public/language_w1.svg) no-repeat center;

	background-size: contain;

}

.top_language>i::after {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 0;

	width: 0;

	height: 0;

	border-left: .06rem solid transparent;

	border-right: .06rem solid transparent;

	border-top: .08rem solid #FFF
}

.top_language.on>i::after {

	border-top: initial;

	border-bottom: .08rem solid #FFF
}





.top_language_list {

	display: none;

	position: absolute;

	right: 0;

	z-index: 2;

}

.top_language.on .top_language_list {

	display: block;

}



.top_language_list ul {

	overflow: hidden;

}



.top_language_list li {

	background: var(--i_color);

}

.top_language_list a>span {

	display: block;

	padding: 0 14px;

	min-width: 100px;

	overflow: hidden
}

.top_language_list img,

.top_language_list .trp-ls-language-name {

	display: inline-block;

	vertical-align: middle
}

.top_language_list .trp-ls-language-name {

	margin-left: 8px;

	font-size: .12rem;

	color: #FFF;

	line-height: .3rem
}



.top_language_list li:hover {

	background: var(--i_color2)
}

.top_language,

.top_language>i {

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease
}



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

	.top_tel,
	.top_email {
		display: none;
	}

}

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

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

	.top_search {

		margin: 0 0.1rem;

	}

	.top_search_ipt {

		width: 1.5rem;

	}

	.top_language>i {

		padding: 0 0.14rem 0 .24rem;

	}

	.top_language>i::before {

		width: 0.22rem;

	}

	.top_language>i::after {

		border-left: .04rem solid transparent;

		border-right: .04rem solid transparent;

		border-top: .06rem solid #FFF;

	}

}

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















.top2 {

	background: #FFF;

	box-shadow: 0 .04rem .06rem rgb(0 0 0 / 8%);

}

.top2_cont {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	height: var(--top2_height);

}



.logo {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	height: 100%;

}

.logo img {

	max-height: 86%;

}











/* Mobile nav button */

.nav_menu {

	position: absolute;

	width: 22px;

	height: 16px;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	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
	}



}











/* nav */

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

	nav {

		margin-left: auto;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

	}

	nav>li {

		position: relative;

	}

	nav>li:not(:first-child) {

		margin-left: 0.8rem;

	}



	nav>li>a {

		display: block;

		font-size: .16rem;

		color: #444;

		line-height: var(--top2_height);

		white-space: nowrap;

		font-weight: bold;

		text-transform: uppercase;

	}

	nav>.current-menu-item>a,

	nav>.current-category-ancestor>a,

	nav>.current-post-ancestor>a,

	nav>li:hover>a,

	nav .curr>a {

		color: var(--i_color) !important
	}



	nav .sub-menu {
	    z-index: 111;

		display: none;

		position: absolute;

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

		background: #FFF;

		min-width: 1.6rem;

		overflow: hidden;

	}

	.nav_industry .sub-menu {

		display: none !important;

	}

	nav .sub-menu li {

		position: relative;

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

	}

	nav .sub-menu li::before {

		content: '';

		position: absolute;

		top: 50%;

		transform: translate(0, -50%);

		left: -.16rem;

		width: 0.14rem;

		height: 0.14rem;

		background: url(static/images/public/arrow/double/arrow_r_w.svg) no-repeat center;

		background-size: contain;

	}

	nav .sub-menu a {

		display: block;

		padding: 0 .6rem 0 .2rem;

		font-size: 0.14rem;

		color: #333;

		line-height: 0.36rem;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

		position: relative;

		left: 0;

	}

	nav .sub-menu li:hover {

		background: var(--i_color);

	}

	nav .sub-menu li:hover::before {

		left: .16rem;

	}

	nav .sub-menu li:hover a {

		left: .16rem;

		color: #FFF;

	}

	nav .sub-menu li,

	nav .sub-menu li::before,

	nav .sub-menu a {

		-webkit-transition: all .5s ease;

		transition: all .5s ease
	}

}











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

	nav {

		display: none;

		position: fixed;

		top: var(--header_height);

		left: 0;

		width: 100%;

		width: 100vw;

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

		box-sizing: border-box;

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

		background: #FFF;

		overflow-y: auto;

		z-index: 99999
	}

	/*滚动条*/

	nav::-webkit-scrollbar {

		width: 3px;

		height: 8px
	}

	nav::-webkit-scrollbar-thumb {

		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

		background: #555
	}

	nav::-webkit-scrollbar-track {

		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

		border-radius: 0;

		background: #F1F1F1
	}

	nav>li {

		margin: 0 0 !important;

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

		position: relative
	}

	nav>.menu-item-has-children span {

		display: block;

		position: absolute;

		top: 0;

		right: 0;

		width: .4rem;

		height: .4rem;

		box-sizing: border-box;

		background: rgb(0 0 0 / 3%) url(static/images/public/arrow/hollow/arrow_d_b.svg) no-repeat center;

		background-size: .18rem;

	}



	nav>.menu-item-has-children span.on {

		background: rgb(0 0 0 / 3%) url(static/images/public/arrow/hollow/arrow_u_b.svg) no-repeat center;

		background-size: .18rem;

	}



	nav>li>a {

		padding: 0 .2rem;

		font-size: .14rem;

		color: #222;

		line-height: .4rem;

		text-transform: uppercase;

	}



	nav>li>.sub-menu {

		display: none
	}

	nav>li>.sub-menu li {

		position: relative;

	}

	nav .sub-menu a {

		padding: 0 .4rem;

		font-size: .14rem;

		color: #555;

		line-height: .4rem;

		position: relative
	}

	nav .sub-menu li:not(:last-child) {

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



	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;

	}

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

		background: url(static/images/public/arrow_up_hollow_hei.svg) no-repeat center;

		background-size: .16rem;

	}



	nav .sub-menu .sub-menu {

		display: none;

	}



	nav .sub-menu .sub-menu a {

		padding: 0 .6rem;

		font-size: .13rem;

		color: #888;

		line-height: .36rem;

		position: relative;

	}



	nav a {

		display: block;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis
	}

}







/* banner */

.banner {

	width: 100%;

	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 {

	height: 0;

	padding-bottom: 33.85%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	position: relative;

	overflow: hidden
}

.banner .swiper-slide>img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100vw;

	height: 100%;

	object-fit: cover
}



.banner-button-prev,

.banner-button-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	width: .5rem;

	height: .5rem;

	z-index: 999;

	outline: none;

	cursor: pointer;

	-webkit-user-select: none;

	user-select: none;

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	overflow: hidden;

	-webkit-transition: all .3s ease;

	transition: all .3s ease
}

.banner-button-prev {

	left: -.6rem;

	background: rgb(0 0 0 / 30%) url(static/images/public/arrow/long/arrow_l_w2.svg) no-repeat center;

	background-size: .22rem
}

.banner-button-next {

	right: -.6rem;

	background: rgb(0 0 0 / 30%) url(static/images/public/arrow/long/arrow_r_w2.svg) no-repeat center;

	background-size: .22rem
}

.banner:hover .banner-button-prev {

	left: .3rem
}

.banner:hover .banner-button-next {

	right: .3rem
}

.banner-button-prev:hover,

.banner-button-next:hover {

	background-color: var(--i_color2)
}





.banner-pagination {

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: .4rem;

	width: auto;

	cursor: pointer;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	z-index: 10
}



.banner-pagination .swiper-pagination-bullet {

	display: block;

	width: .14rem;

	height: .14rem;

	margin: .1rem 0;

	margin: 0 .04rem;

	background: none;

	box-sizing: border-box;

	border: 0 solid #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	position: relative;

	outline: none
}

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

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 0.06rem;

	height: 0.06rem;

	background: #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

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

	border-width: 1px;

}



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

	.banner .swiper-slide {

		padding-bottom: 48%;

	}

	.banner-pagination {

		bottom: .2rem;

	}

}

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

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

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













/* banner text */

.b_text {

	position: absolute;

	top: 18%;

	left: 15%;

	max-width: 34%;

}

.b_text p {

	display: inline-block;

	padding-bottom: 0.16rem;

	font-size: 0.4rem;

	color: #FFF;

	font-weight: bold;

	position: relative;

}

.b_text p::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 4px;

	background: #FFF;

}

.b_text b {

	display: block;

	margin-top: 0.1rem;

	font-size: 0.54rem;

	color: #FFF;

	font-weight: bold;

}



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

	.b_text p {

		font-size: 0.34rem;

	}

	.b_text b {

		font-size: 0.46rem;

	}

}

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

	.b_text p {

		font-size: 0.3rem;

	}

	.b_text b {

		font-size: 0.42rem;

	}

}

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

	.b_text p {

		font-size: 0.26rem;

	}

	.b_text p::before {

		height: 3px;

	}

	.b_text b {

		font-size: 0.38rem;

	}

}

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

	.b_text {

		left: 6%;

		max-width: 54%;

	}

	.b_text p {

		padding-bottom: .12rem;

		font-size: 0.22rem;

	}

	.b_text b {

		font-size: 0.32rem;

	}

}

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

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

	.b_text {

		top: 12%;

		left: 6%;

		max-width: 80%;

	}

	.b_text p {

		padding-bottom: .06rem;

		font-size: 0.14rem;

	}

	.b_text p::before {

		height: 2px;

	}

	.b_text b {

		margin-top: 0.06rem;

		font-size: 0.18rem;

	}

}

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















/* BOX - margin and padding */

.box_mg {

	margin: .8rem auto
}



.box_pd {

	padding: .8rem 0
}



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

	.box_pd {

		padding: .7rem 0
	}

}

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

	.box_mg {

		margin: .6rem auto .7rem
	}

}

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

	.box_pd {

		padding: .5rem 0 .6rem;

	}

}

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

	.box_mg {

		margin: .4rem auto
	}

	.box_pd {

		padding: .4rem 0 .5rem;

	}

}

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

	.box_mg {

		margin: .34rem auto
	}

	.box_pd {

		padding: .3rem 0 .4rem;

	}

}

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

	.box_mg {

		margin: .3rem auto
	}

	.box_pd {

		padding: .26rem 0 .3rem;

	}

}







/* Products */

.i_products {


	position: relative;

	overflow: hidden;

}

.i_products .lace {

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	top: -3px;

	width: 100%;

}

.bottom_corrugation {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

}





.i_p_list {

	margin: 0 auto;

	box-sizing: border-box;

	position: relative;

}







.i_p_list ul {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;
	gap: 0 2%;

	background: #FFF;

	padding: .3rem 0.1rem;

	-webkit-border-radius: .2rem;

	border-radius: .2rem;

	position: relative;

	z-index: 3;

}

.i_p_list li {

	width: 100%;


	box-sizing: border-box;


}

.i_p_list .img {

	width: 100%;

	position: relative;

	overflow: hidden
}

.i_p_list .img::before {

	content: "";

	display: block;

	padding-bottom: 45%
}

.i_p_list .img img {

	position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}

.i_p_list li:hover img {

	-webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);

}



.i_p_list .txt {

	margin-top: 0.2rem;

	text-align: center;

}

.i_p_list .txt p {

	font-family: ops;

	font-size: 0.16rem;
	margin: 0.16rem;
	font-weight: 900;

	text-shadow: 0 0 .1rem rgb(0 0 0 / 30%);

}

@media screen and (max-width:1024px) {
	.i_p_list ul{flex-wrap: wrap;gap: 26px 4%;}
	.i_p_list li{width: 48%;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {
	.i_p_list .txt p{font-size: 15px;}
	.i_p_list .description p{font-size: 13px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
}







.i_tit {

	margin-bottom: 0.2rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.i_tit i {

	display: block;

	margin-right: 0.2rem;

	width: 0.27rem;

	height: 0.4rem;

	background: url(static/images/tit_ico.png) no-repeat center;

	background-size: contain;

}

.i_tit h2 {

	font-size: 0.18rem;

	color: var(--i_color2);

	letter-spacing: 3px;

	text-transform: uppercase;

	font-weight: bold;

}

.sousuo_inner .sousuo_input {
	width: 80%;
	height: 24px;
	color: var(--i_color2);
	font-size: 16px;
	border: 2px solid var(--i_color2);
	padding: 1%;
}

.sousuo_inner .search_input {

	padding: 0 4%;
	cursor: pointer;
	color: #fff;
	background: var(--i_color2);
	font-size: 0.16rem;
}

.sousuo_inner .sousuo_input:hover {
	border: 1px solid var(--i_color2);
	color: var(--i_color2);
}

.sousuo_inner .search_input:hover {
    background: var(--i_color2);
}



.findProduct{width: 94%;max-width: 920px;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);z-index: 9;}
.findProduct .con {}
.findProduct .content {
        opacity: 0.8;
	background-color: #b9d5ba;
	border-radius: 15px;
	padding: 34px 10px 45px 10px;
}
.product_content{
	width: 80%;
	margin: 1% auto;
}
.product_content .sousuo_inner {
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}
.findProductcontitle {
    font-family: Poppins;
    font-size: 30px;
    color: #008903;
    margin-bottom: 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width:1024px) {
	.findProduct .content{padding: 14px 10px 15px 10px;}
	.findProductcontitle{font-size: 24px;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {
	.findProduct .content{border-radius: 6px;}
	.product_content{width: 100%;}
	.findProductcontitle{margin-bottom: 14px; font-size: 18px;}
}





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

	.i_tit i {

		width: 0.22rem;

		height: 0.3rem;

	}

	.i_tit h2 {

		font-size: 0.24rem;

		letter-spacing: 2px;

	}

}

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

	.i_tit i {

		width: 0.2rem;

		height: 0.3rem;

	}

	.i_tit h2 {

		font-size: 0.22rem;

		letter-spacing: 1px;

	}

}

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

	.i_tit i {

		width: 0.16rem;

		height: 0.24rem;

	}

	.i_tit h2 {

		font-size: 0.18rem;

	}

}

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

	.i_tit {

		margin-bottom: 0.3rem;

	}

	.i_tit i {

		margin-right: 0.14rem;

		width: 0.16rem;

		height: 0.24rem;

	}

	.i_tit h2 {

		font-size: 0.16rem;

	}

}

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

	.i_tit i {

		width: 0.12rem;

		height: 0.2rem;

	}

}













.i_category {

	background: #dbf2e3 url(static/images/i_category_bg.webp) no-repeat top center;

	background-size: 100%;

}



.i_category_nav {

	width: 70%;

	margin: 0 auto;

	padding: 0 .02rem;

	position: relative;

	overflow: hidden;

}

.i_category_nav ul {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	position: relative;

}

.i_category_nav li {

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

}

.i_category_nav .ico {

	text-align: center;

	margin: 0 auto;

}

.i_category_nav .ico img {

	width: 0.7rem;

	height: 0.7rem;

	object-fit: contain;

}

.i_category_nav .tit {

	margin-top: 0.16rem;

	background: #FFF;

	position: relative;

}

.i_category_nav .tit::before {

	content: '';

	position: absolute;

	right: 0;

	width: 0;

	height: 100%;

	background: var(--i_color);

}

.i_category_nav .tit p {

	padding: 0 .1rem;

	text-align: center;

	font-size: 0.13rem;

	color: #555;

	line-height: 0.4rem;

	position: relative;

}

.i_category_nav .swiper-slide-thumb-active .tit::before {

	right: initial;

	left: 0;

	width: 100%;

}

.i_category_nav .swiper-slide-thumb-active .tit p {

	color: #FFF;

}

.i_category_nav .tit::before,

.i_category_nav .tit p {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}











.i_category_show {

	padding-top: .4rem;

	margin-top: 0.2rem;

	position: relative;

	overflow: hidden;

}

.i_category_show .swiper-wrapper {

	display: flex;

	position: relative;

	width: 100%
}

.i_category_show .swiper-slide {

	flex-shrink: 0;

	position: relative;

}



.i_category_show .img1 {

	margin-bottom: 0.3rem;

	background: url(static/images/i_category_show_bg.webp) no-repeat center;

	position: relative;

}

.i_category_show .img1::before,

.i_category_show .img1::after {

	content: 'CUSTOM MADE';

	position: absolute;

	font-size: 0.5rem;

	color: rgb(73 169 75 / 8%);

	font-weight: 900;

}

.i_category_show .img1::before {

	top: -.42rem;

	right: 10%;

}

.i_category_show .img1::after {

	left: 10%;

	bottom: -.42rem;

}

.i_category_show .pic_link {

	display: block;

	width: 54%;

	margin: 0 auto;

	box-sizing: border-box;

	border: .06rem solid var(--i_color2);

	position: relative;

	z-index: 2;

}

.i_category_show .pic_link::before {

	content: "";

	display: block;

	padding-bottom: 57%
}

.i_category_show .img1 img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover
}



.i_category_show .img2 {

	display: block;

	width: 30%;

	margin: 0 auto;

	position: relative;

	overflow: hidden
}

.i_category_show .img2::before {

	content: "";

	display: block;

	padding-bottom: 21%
}

.i_category_show .img2 img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover
}



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

	.i_category_show .img1 {

		background-size: cover
	}

}

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

	.i_category_show .img1::before {

		top: -.36rem;

	}

	.i_category_show .img1::after {

		bottom: -.36rem;

	}

	.i_category_show .img1::before,

	.i_category_show .img1::after {

		font-size: 0.4rem;

	}

}

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

	.i_category_nav {

		width: 80%;

	}

}

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

	.i_category_nav {

		width: 100%;

	}

	.i_category_nav .ico img {

		width: 0.6rem;

		height: 0.6rem;

	}

	.i_category_nav .tit p {

		padding: .06rem 0;

		line-height: 0.18rem;

	}

	.i_category_show .pic_link {

		width: 74%;

	}

	.i_category_show .img2 {

		width: 50%;

	}

}

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

	.i_category_nav .ico img {

		width: 0.5rem;

		height: 0.5rem;

	}

	.i_category_nav .tit p {

		font-size: 0.12rem;

	}

	.i_category_show {

		padding-top: 0.3rem;

	}

	.i_category_show .img1::before {

		right: 3%;

		top: -.2rem;

	}

	.i_category_show .img1::after {

		left: 3%;

		bottom: -.2rem;

	}

	.i_category_show .img1::before,

	.i_category_show .img1::after {

		font-size: 0.22rem;

		color: rgb(73 169 75 / 5%);

	}

	.i_category_show .pic_link {

		width: 94%;

		border: .04rem solid var(--i_color2);

	}

	.i_category_show .img2 {

		width: 70%;

	}

}

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

	.i_category_nav .ico img {

		width: 0.4rem;

		height: 0.4rem;

	}

	.i_category_nav .tit {

		margin-top: 0.1rem;

	}

	.i_category_nav .tit p {

		padding: .04rem .1rem;

	}

	.i_category_show {

		padding-top: 0.2rem;

	}

}















.i_cupsize {

	background: #cfecd8 url(static/images/i_cupsize_bg.webp) no-repeat top center;

	background-size: 100%;

}

.i_cupsize .i_tit {

	margin-bottom: 0;

}



.i_cupsize_list {

	padding-top: 0.1rem;

	margin: .4rem 0;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

}

.i_cupsize_list li {

	text-align: center;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: flex-end;

	justify-content: center;

}



.cupsize_list1 li {

	width: calc(100% / 8);

}

.cupsize_list2 li {

	width: calc(100% / 9);

}

.i_cupsize_list li img {

	max-width: 100%;

}



.i_cupsize_list li:hover {

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

	transform: translate(0, -0.1rem)
}

.i_cupsize_list li {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



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

	.i_cupsize_list {

		margin: 0 0;

		flex-wrap: wrap;

		justify-content: initial
	}

	.i_cupsize_list li {

		margin-top: 0.3rem;

	}

	.cupsize_list1 li {

		width: calc(100% / 4);

	}

	.cupsize_list2 li {

		width: calc(100% / 5);

	}

}















/* Products */

.i_products {
	padding-top: 18px;	padding-bottom: 0.1rem;


	background-size: 100%;

}



.i_products_list {

	padding: .1rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.i_products_list li {

	width: 23.5%;

	margin: 0 2% .3rem 0;

}

.i_products_list li:nth-child(4n) {

	margin-right: 0;

}

.i_products_list a {

	display: block;

	padding: .18rem .14rem;

	background: #FFF;

}



.i_products_list .img {

	width: 100%;

	box-sizing: border-box;

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

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	position: relative;

	overflow: hidden
}

.i_products_list .img::before {

	content: "";

	display: block;

	padding-bottom: 100%
}

.i_products_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover
}



.i_products_list .txt {

	text-align: center;

}

.i_products_list .txt h5 {

	height: .36rem;

	margin: .14rem 0 .1rem;

	font-size: 0.15rem;

	color: #333;

	font-weight: bold;

	line-height: 0.18rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}
.i_products_list .txt>span{overflow:hidden; color: #666; text-overflow:ellipsis; display:-webkit-box !important; -webkit-box-orient:vertical; -webkit-line-clamp:3}
.i_products_list .txt p {

	display: inline-block;

	padding: 0 .3rem;

	background: var(--i_color);

	font-size: 0.13rem;

	color: #FFF;

	line-height: 0.3rem;

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	overflow: hidden;

}



.i_products_list li:hover {

	box-shadow: .02rem .06rem .1rem rgb(73 169 75 / 80%);

}

.i_products_list li:hover .img {

	border-color: var(--i_color);

}

.i_products_list li:hover h5 {

	color: var(--i_color);

}

.i_products_list li,

.i_products_list .img,

.i_products_list .txt h5 {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



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

	.i_products_list .txt h5 {

		font-size: 0.13rem;

	}

}

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

	.i_products_list li {

		width: 48%;

		margin: 0 4% .26rem 0;

	}

	.i_products_list li:nth-child(2n) {

		margin-right: 0;

	}

	.i_products_list a {

		padding: .12rem .1rem;

	}

	.i_products_list .txt h5 {

		font-size: 0.12rem;

	}

}

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

	.i_products_list li {

		margin-bottom: 0.16rem;

	}

}















.i_article_box {

	box-sizing: border-box;

	padding: .1rem;

	margin-top: -.6rem;

}



.i_news {

	padding: .3rem 0;

	background: #FFF;

}



.i_article_tit {

	margin-bottom: 0.24rem;

	padding-bottom: 0.1rem;

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

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.i_article_tit h2 {

	font-size: 0.24rem;

	color: var(--i_color);

	font-weight: bold;

}

.i_article_tit a {

	margin-left: auto;

	font-size: 0.16rem;

	color: #888;

}

.i_article_tit a:hover {

	color: var(--i_color);

}



.i_news_list {

	overflow: hidden;

}

.i_news_list li {}

.i_news_list a {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}



.i_news_list p {

	max-width: 84%;

	padding-left: 0.2rem;

	font-size: 0.18rem;

	color: #555;

	line-height: 0.34rem;

	position: relative;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}

.i_news_list p::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 0;

	transform: translate(0, -50%);

	width: 0.06rem;

	height: 0.06rem;

	background: #CCC;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

.i_news_list i {

	margin-left: auto;

	font-size: 0.14rem;

	color: #999;

}



.i_news_list a:hover p,

.i_news_list a:hover i {

	color: var(--i_color);

}

.i_news_list a:hover p::before {

	background: var(--i_color);

}

.i_news_list p,

.i_news_list p::before,

.i_news_list i {

	-webkit-transition: all .2s ease;

	transition: all .2s ease
}





.i_videos {

	padding: .3rem;

	background: #FFF;

}



.i_videos_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.i_videos_list li {

	width: 49%;

	margin-bottom: 0.2rem;

	position: relative;

	overflow: hidden
}

.i_videos_list li::before {

	content: "";

	display: block;

	padding-bottom: 57%
}

.i_videos_list iframe {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: contain
}



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

	.i_news_list p {

		font-size: 0.17rem;

	}

}

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

	.i_article_tit h2 {

		font-size: 0.22rem;

	}

}

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

	.i_article_tit h2 {

		font-size: 0.2rem;

	}

	.i_article_tit a {

		font-size: 0.15rem;

	}

	.i_news_list p {

		font-size: 0.16rem;

	}

	.i_news_list i {

		font-size: 0.13rem;

	}

}

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

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

	.i_article_tit {

		margin-bottom: 0.2rem;

	}

	.i_article_tit h2 {

		font-size: 0.18rem;

	}

	.i_article_tit a {

		font-size: 0.13rem;

	}



	.i_news,

	.i_videos {

		padding: .2rem;

	}

	.i_news_list li {

		margin: .1rem 0;

	}

	.i_news_list p {

		max-width: 100%;

		width: 100%;

		padding-left: 0.14rem;

		font-size: 0.14rem;

		line-height: 0.18rem;

		-webkit-line-clamp: 2;

	}

	.i_news_list p::before {

		top: .1rem;

		transform: none;

		width: 0.04rem;

		height: 0.04rem;

	}

	.i_news_list i {

		margin-left: .14rem;

		margin-top: 0.04rem;

	}



	.i_videos_list li {

		width: 100%;

	}

}

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















/* Form */

/* .i_form_box {

	padding-bottom: 0.6rem;

	position: relative;

}

.i_form_box::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 50%;

	background: #d5f0e0;

}

.i_form {

	box-sizing: border-box;

	padding: .4rem 0;

	border-top: .08rem solid var(--i_color);

	background: #FFF;

	position: relative;

	z-index: 2;

}

.i_form .tit {

	text-align: center;

	font-size: 0.3rem;

	color: #555;

} */













/* Footer */

footer {

	background: url(static/images/footer_bg.jpg) no-repeat center;

	background-size: cover;

}



.f_cont {

	padding: .5rem 0 .4rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}



.f_contact {

	width: 35%;

}



.f_tit {

	padding-bottom: 0.16rem;

	margin-bottom: 0.3rem;

	font-size: 0.2rem;

	color: #FFF;

	font-weight: bold;

	text-transform: uppercase;

	position: relative;

}

.f_tit::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0.34rem;

	height: .04rem;

	background: #FFF;

}



.f_contact_list li {

	margin-bottom: .18rem;

	overflow: hidden;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap
}



.f_contact_list li i {

	display: block;

	width: .24rem;

	height: .24rem;
	position: relative;
}



.f_contact_list li i img {

	height: 100%;

}



.f_contact_list .f_contact_t {

	margin-left: auto;

	width: calc(100% - .24rem - .1rem);

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	align-items: baseline;

}

.f_contact_list li b,

.f_contact_list li a,

.f_contact_list li p {

	font-size: .15rem;

	color: #FFF;

	line-height: .22rem
}

.f_contact_list li a {

	display: block;

	cursor: pointer;

}



.f_contact_list li b {

	font-weight: bold;

	margin-right: 4px;

}



.f_contact_list li:hover img {

	opacity: 1;

	-webkit-filter: brightness(1);

	-moz-filter: brightness(1);

	-o-filter: brightness(1);

	-ms-filter: brightness(1);

	filter: brightness(1)
}

.f_contact_list li a:hover {

	text-decoration: underline;

}





.f_nav_list li {

	padding-right: 0.2rem;

	position: relative;

	overflow: hidden;

}

.f_nav_list li::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: -0.16rem;

	width: 0.14rem;

	height: 0.14rem;

	background: url(static/images/public/arrow/double/arrow_r_w.svg) no-repeat center;

	background-size: contain;

}

.f_nav_list li a {

	display: block;

	font-size: 0.15rem;

	color: #FFF;

	line-height: 0.32rem;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	position: relative;

	left: 0;

}

.f_nav_list li:hover::before {

	left: 0;

}

.f_nav_list li:hover a {

	left: 0.16rem;

}

.f_nav_list li::before,

.f_nav_list li a {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}





.f_form {

	width: 26%;

}

.f_form_cont {}

.f_form_cont>p {

	margin-bottom: 0.06rem;

	font-size: 0.15rem;

	color: #FFF;

	line-height: 0.24rem;

}



#wpforms-72 {

	--input_font_size: 13px;

	--input_height: .34rem
}

#wpforms-72 {

	width: 100%;

	margin: 0 auto;

	padding: 0
}

#wpforms-form-72 {

	width: 100%;

	position: relative;

	overflow: hidden
}



#wpforms-72 input,

#wpforms-72 button {

	margin: 0;

	padding: 0;

	border: none;

	background: none
}

#wpforms-72 .wpforms-field {

	padding: 0;

	margin: 0
}



#wpforms-72 .wpforms-field-label {

	font-size: 0
}

#wpforms-72 .wpforms-required-label {

	position: absolute;

	top: .1rem;

	left: 5px;

	font-size: 16px;

	color: #F00
}

#wpforms-72 .wpforms-field {

	width: 100%;

	background: transparent;

	padding-bottom: .16rem;

	position: relative;

	overflow: hidden
}



#wpforms-72 .wpforms-field-container input,

#wpforms-72 textarea {

	width: 100%;

	max-width: 100% !important;

	min-width: 100%;

	font-size: var(--input_font_size);

	color: #FFF;

	height: var(--input_height);

	box-sizing: border-box;

	border: 1px solid rgb(255 255 255 / 40%);

	background: none;

	padding: 0 .16rem;

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	overflow: hidden;

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}

#wpforms-72 .wpforms-field-container input:hover,

#wpforms-72 textarea:hover {

	border-color: #FFF;

}

#wpforms-72 input {

	line-height: var(--input_height)
}

#wpforms-72 textarea {

	line-height: .22rem;

	min-height: .8rem;

	padding: .06rem .16rem
}

#wpforms-72 input::-webkit-input-placeholder,

#wpforms-72 textarea::-webkit-input-placeholder {

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

	font-size: var(--input_font_size)
}

#wpforms-72 input::-moz-placeholder,

#wpforms-72 textarea::-moz-placeholder {

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

	font-size: var(--input_font_size)
}

#wpforms-72 input::-ms-input-placeholder,

#wpforms-72 textarea::-ms-input-placeholder {

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

	font-size: var(--input_font_size)
}



#wpforms-72 #wpforms-72-field_1-error,

#wpforms-72 #wpforms-72-field_2-error,

#wpforms-72 #wpforms-72-field_3-error,

#wpforms-72 #wpforms-72-field_4-error,

#wpforms-72 #wpforms-72-field_5-error,

#wpforms-72 #wpforms-72-field_6-error {

	position: absolute;

	font-size: 12px;

	color: #A90909;

}



#wpforms-72 .wpforms-field-container {

	width: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	overflow: hidden
}

#wpforms-72 .wpforms-submit-container {

	margin: 0 auto;

	padding: 0 !important;

	box-sizing: border-box;

	width: 40%;

	background: #FFF;

	-webkit-border-radius: .06rem;

	border-radius: .06rem;

	overflow: hidden;

	position: relative
}

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

	width: 100%;

	height: .34rem;

	font-size: .14rem;

	color: var(--i_color);

	font-weight: bold;

	line-height: .34rem;

	cursor: pointer;

	position: relative;

	z-index: 2
}

#wpforms-72 .wpforms-submit-container:hover {

	background: var(--i_color2);

}

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

	color: #FFF;

}



#wpforms-72 .wpforms-submit-container img {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 4px
}







.f_copy {

	text-align: center;

	padding: 12px 0;

	background: #3d9b3f
}

.f_copy dl {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

}

.f_copy dt {

	margin: 0 .1rem;

}

.f_copy dt,

.f_copy dt a {

	text-align: center;

	font-size: .12rem;

	color: #FFF;

	line-height: 22px
}



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

	.f_form {

		width: 30%;

	}

}

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

	.f_nav {

		display: none;

	}

	.f_contact,

	.f_form {

		width: 100%;

	}

	.f_form {

		margin-bottom: 0.3rem;

		order: -1;

	}

	.f_tit {

		padding-bottom: 0.12rem;

		margin-bottom: 0.2rem;

		font-size: 0.18rem;

	}

	.f_tit::before {

		height: 0.03rem;

	}

	.f_contact_list li b,

	.f_contact_list li a,

	.f_contact_list li p {

		font-size: 0.14rem;

	}

}

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

	.f_cont {

		padding: 0.34rem 0 0.2rem;

	}

	.f_tit {

		font-size: 0.16rem;

	}

	.f_form_cont>p {

		font-size: 0.14rem;

	}

	.f_contact_list li {

		margin-bottom: 0.1rem;

	}

	.f_contact_list li b,

	.f_contact_list li a,

	.f_contact_list li p {

		font-size: 0.13rem;

	}

}















/* aside */

.aside_right {

	--ico_size: .54rem
}

.aside_right {

	position: fixed;

	right: 0;

	bottom: 18%;

	z-index: 999999
}

.aside_right ul {}

.aside_right li {

	background: #666;

	position: relative;

	cursor: pointer
}
.aside_right li:nth-child(1) {
	background: #eb5d5d;
}
.aside_right li:nth-child(2) {
	background: #009745;
}
.aside_right li:nth-child(3) {
	background: #2d8ced;
}

.aside_right li>a {

	display: block;

	width: var(--ico_size);

	height: var(--ico_size);

	box-sizing: border-box;

	border-bottom: 1px solid rgb(255 255 255 / 20%);

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

	z-index: 3
}

.aside_right li>a img {

	display: block;

	margin: 0 auto;

	width: .22rem;

	height: .22rem;

	object-fit: contain
}



.aside_t {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: -3rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	max-width: 3rem;

	min-height: 100%;

	box-sizing: border-box;

	padding: .1rem .2rem;

	background: #FFF;

	box-shadow: -1px 2px 6px rgb(0 0 0 / 20%);

	z-index: -1;

}

.aside_t a,

.aside_t p {

	display: block;

	font-size: 0.15rem;

	color: #666;

	line-height: 0.24rem;

	white-space: nowrap;

}

.aside_t img {

	height: 0.8rem;

}



.aside_right li:hover>a {

	background: var(--i_color2)
}

.aside_right li:hover .aside_t {

	right: var(--ico_size);

}

.aside_t a:hover {

	color: var(--i_color2);

}

.aside_right,

.aside_t {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



@media screen and (max-width:1366px) {
	.aside_right {
		--ico_size: .46rem
	}
	.aside_right li>a img {
		width: 0.18rem;
		height: 0.18rem;
	}
	.aside_t a,
	.aside_t p {
		font-size: 0.13rem;
		line-height: 0.2rem;
	}
}
@media screen and (max-width:959px) {
	.aside_right {
		--ico_size: .36rem
	}
	.aside_right li>a img {
		width: 0.16rem;
		height: 0.16rem;
	}
}













#aside_mask_bg {

	display: none;

	position: fixed;

	top: 50%;

	transform: translate(0, -50%);

	left: 0%;

	width: 100%;

	height: 100%;

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

	z-index: 9999999999998;

}

#aside_sc_from {

	display: none;

	position: fixed;

	top: 50%;

	left: 50%;

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

	width: 800px;

	box-sizing: border-box;

	padding: 30px 30px 40px;

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

	z-index: 9999999999999;

	overflow: auto
}

#aside_sc_from .tit {

	margin-bottom: .2rem
}

#aside_sc_from .tit p {

	text-align: center;

	font-size: .26rem;

	color: var(--i_color);

	font-weight: bold;

	line-height: .3rem
}

.aside_close {

	position: absolute;

	top: .3rem;

	right: .3rem;

	display: block;

	width: .3rem;

	height: .3rem;

	background: url(static/images/public/close_b1.svg) no-repeat center;

	background-size: 30px;

	cursor: pointer
}

.aside_close:hover {

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg)
}

.aside_close {

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease
}



#wpforms-61 {

	--input_font_color: rgb(0 0 0 / 50%);

	--input_font_size: 14px;

	--input_height: 42px
}

#wpforms-61 {

	width: 100%;

	margin: 0 auto;

	padding: 0
}

#wpforms-form-61 {

	width: 100%;

	overflow: hidden
}

#wpforms-61 input,

#wpforms-61 button {

	margin: 0;

	padding: 0;

	border: none;

	background: none
}

#wpforms-61 .wpforms-field {

	padding: 0;

	margin: 0
}

#wpforms-61 .wpforms-error-container {

	line-height: 16px
}

#wpforms-61 .wpforms-field-container {

	width: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	overflow: hidden
}

#wpforms-61 .wpforms-submit-container {

	padding: 0 !important;

	margin: 0 auto;

	width: 170px;

	background: var(--i_color);

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	position: relative
}

#wpforms-61 .wpforms-field-label {

	font-size: 0
}

#wpforms-61 .wpforms-required-label {

	position: absolute;

	top: 16px;

	left: 5px;

	font-size: 16px;

	color: #F00
}

#wpforms-61 .wpforms-field {

	width: 100%;

	margin-bottom: 0;

	padding-bottom: .18rem;

	background: transparent;

	position: relative;

	overflow: hidden
}

#wpforms-61 input {

	height: var(--input_height)
}

#wpforms-61 textarea {

	min-height: 100px
}

#wpforms-61 input,

#wpforms-61 textarea {

	width: 100%;

	max-width: 100% !important;

	font-size: var(--input_font_size);

	color: #333;

	box-sizing: border-box;

	border: 1px solid rgb(0 0 0 / 30%);

	line-height: var(--input_height);

	padding: 0 16px
}

#wpforms-61 input::-webkit-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-61 input::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-61 input::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-61 input::-ms-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-61 textarea::-webkit-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-61 textarea::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-61 textarea::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-61 textarea::-ms-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-61 #wpforms-61-field_1-error,

#wpforms-61 #wpforms-61-field_2-error,

#wpforms-61 #wpforms-61-field_3-error,

#wpforms-61 #wpforms-61-field_5-error {

	position: absolute;

	font-size: 13px
}

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

	width: 100%;

	height: 38px;

	font-size: 14px;

	color: #FFF;

	line-height: 38px;

	cursor: pointer;

	text-transform: uppercase;

	position: relative;

	z-index: 2
}

#wpforms-61 .wpforms-submit-container img {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 4px
}

#wpforms-61 .wpforms-submit-container:hover {

	background: var(--i_color2);

}



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

	.aside_right li>a {

		width: 0.4rem;

		height: 0.4rem;

	}

	.aside_right li img {

		width: 0.18rem;

		height: 0.18rem;

	}

}



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

	#aside_sc_from {

		width: 94%;

	}

}

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

	.aside_right li>a {

		width: 0.34rem;

		height: 0.34rem;

	}

	.aside_right li img {

		width: 0.16rem;

		height: 0.16rem;

	}

}

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

	#aside_sc_from {

		padding: 20px 20px 30px
	}

	#aside_sc_from .tit {

		margin-bottom: 0.18rem;

	}

	#wpforms-61 {

		--input_font_size: 13px;

		--input_height: 38px
	}

	#wpforms-61 .wpforms-submit-container {

		height: 34px;

	}

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

		height: 30px;

		line-height: 30px;

		font-size: 14px;

	}

	.aside_close {

		top: 0.1rem;

		right: 0.1rem;

	}

}

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

	#aside_sc_from .tit p {

		font-size: 0.17rem;

	}

}













/* ----------------------- Inside Page ----------------------- */





/* Inside Banner */

.in_banner {

	margin-bottom: -.04rem;

	width: 100%;

	position: relative;

	overflow: hidden
}

.in_banner img {

	width: 100%;


	object-fit: cover
}



.in_b_text {

	position: absolute;

	left: 0;

	top: 26%;

	width: 100%;

	text-align: center;

}

.in_b_text p {

	display: inline-block;

	padding-bottom: 0.16rem;

	font-size: 0.4rem;

	color: #FFF;

	font-weight: bold;

	position: relative;

	text-shadow: 0 0 .08rem rgb(0 0 0 / 30%);

}

.in_b_text p::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 4px;

	background: #FFF;

}

.in_b_text b {

	display: block;

	margin-top: 0.1rem;

	font-size: 0.54rem;

	color: #FFF;

	font-weight: bold;

	text-shadow: 0 0 .08rem rgb(0 0 0 / 30%);

}



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

	.in_b_text p {

		font-size: 0.34rem;

	}

	.in_b_text b {

		font-size: 0.46rem;

	}

}

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

	.in_b_text p {

		font-size: 0.3rem;

	}

	.in_b_text b {

		font-size: 0.42rem;

	}

}

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

	.in_b_text p {

		font-size: 0.26rem;

	}

	.in_b_text p::before {

		height: 3px;

	}

	.in_b_text b {

		font-size: 0.38rem;

	}

}

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

	.in_banner::before {

		content: "";

		display: block;

		padding-bottom: 30%
	}

	.in_banner img {

		position: absolute;

		top: 50%;

		left: 50%;

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

		width: 100%;

		height: 100%;

		object-fit: cover
	}

	.in_b_text p {

		padding-bottom: .12rem;

		font-size: 0.22rem;

	}

	.in_b_text b {

		font-size: 0.32rem;

	}

}

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

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

	.in_banner::before {

		content: "";

		display: block;

		padding-bottom: 36%
	}

	.in_b_text {

		top: 48%;

		transform: translate(0, -50%);

	}

	.in_b_text p {

		padding-bottom: .06rem;

		font-size: 0.14rem;

	}

	.in_b_text p::before {

		height: 2px;

	}

	.in_b_text b {

		margin-top: 0.06rem;

		font-size: 0.18rem;

		line-height: 0.2rem;

	}

}











/* Breadcrumb */

.in_position {

	padding: .3rem 0 .4rem;

	position: relative;

}

.in_position_bg {

	background: #CFECD8;

}



.in_position a {

	display: block;

	float: left;

	font-size: 14px;

	color: #666;

	position: relative;

	line-height: 20px;

	text-transform: uppercase
}



.in_position a:first-child {

	padding-left: 26px;

	background: url(static/images/public/home_b1.svg) no-repeat left center;

	background-size: 20px
}



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

	content: ">";

	margin: 0 4px;

	color: #777
}



.in_position a:last-child {

	color: var(--i_color) !important
}



.in_position a:hover {

	color: var(--i_color)
}



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

	.in_position a {

		font-size: 13px
	}

}

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

	.in_position {

		padding: 0.2rem 0 0.26rem;

	}

	.in_position a {

		font-size: 12px
	}

}













/* Pages Title */

.in_pages_tit {

	padding: .2rem 0;

	background: #73D575;

	position: relative;

}

.in_pages_tit::before {

	opacity: .2;

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: url(static/images/pages_tit_bg.webp) no-repeat center;

	background-size: cover;

}

.in_pages_tit .i_tit {

	margin-bottom: 0;

}

.in_pages_tit .wrap {

	position: relative;

}

.in_pages_tit h2 {

	font-size: 0.26rem;

	color: #FFF;

	text-transform: uppercase;

	text-shadow: 0 0 .06rem rgb(0 0 0 / 30%);

}



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

	.in_pages_tit {

		padding: .16rem 0;

	}

	.in_pages_tit h2 {

		font-size: 0.22rem;

	}

}

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

	.in_pages_tit {

		padding: .12rem 0;

	}

	.in_pages_tit h2 {

		font-size: 0.18rem;

	}

}

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

	.in_pages_tit {

		padding: .1rem 0;

	}

	.in_pages_tit h2 {

		font-size: 0.17rem;

	}

}













.in_about {}



.in_about_cont {

	padding: .5rem 0 .6rem;

	background: url(static/images/in_about_bg1.webp) no-repeat center;

	background-size: cover;

	position: relative;

}

.in_about_cont::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 1.4rem;

	background: url(static/images/in_about_bg2.webp) no-repeat top center;

	background-size: 100%;

}

.in_about_cont .wrap {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	position: relative;

	z-index: 2;

}



.in_about_t {

	width: 49%;

}

.in_about_t p {

	font-size: 0.16rem;

	color: #111;

}

.in_about_t h2 {

	margin: .16rem 0;

	font-size: 0.24rem;

	color: #222;

	text-transform: uppercase;

}

.in_about_t h4 {

	margin-bottom: 0.12rem;

	font-size: 0.15rem;

	color: var(--i_color2);

}

.in_about_t article {

	font-size: 0.14rem;

	color: #555;

	line-height: 0.24rem;

}



.in_about_p {

	padding-bottom: 0.44rem;

	margin-left: auto;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	width: 50%;

	position: relative;

}

.in_about_p dt {

	box-sizing: border-box;

	border: 4px solid #FFF;

}

.in_about_p dt img {

	width: 100%;

}



.in_about_p .img1 {

	margin-left: auto;

	width: 80%;

}

.in_about_p .img2 {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 50%;

}



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

	.in_about_cont {

		padding: 0.4rem 0 0.5rem;

	}

	.in_about_t,

	.in_about_p {

		width: 100%;

	}

	.in_about_t {

		margin-bottom: 0.3rem;

	}

	.in_about_t p {

		font-size: 0.15rem;

	}

	.in_about_t h2 {

		font-size: 0.22rem;

	}

	.in_about_t h4 {

		font-size: 0.13rem;

	}

}

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

	.in_about_cont {

		padding: 0.3rem 0 0.4rem;

	}

	.in_about_t {

		margin-bottom: 0.2rem;

	}

	.in_about_t p {

		font-size: 0.14rem;

	}

	.in_about_t h2 {

		margin: .12rem 0;

		font-size: 0.18rem;

	}

	.in_about_t h4 {

		font-size: 0.12rem;

	}

}

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

	.in_about_p {

		padding-bottom: 0;

	}

	.in_about_p dt {

		width: 100% !important;

	}

	.in_about_p .img2 {

		margin-top: 0.14rem;

		position: relative;

	}

}













.in_adv {}



.in_adv_cont {

	padding-bottom: 0.8rem;

	position: relative;

	background: url(static/images/i_products_bg.webp) no-repeat bottom center;

	background-size: 100%;

}

.in_adv_cont::before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 1.36rem;

	background: url(static/images/i_cupsize_bg.webp) no-repeat top center;

	background-size: cover;

}



.in_adv_cont .wrap {

	position: relative;

	z-index: 2;

}



.in_adv_t {

	padding: .3rem 0;

}

.in_adv_t p {

	margin-bottom: 0.06rem;

	font-size: 0.16rem;

	color: #111;

}

.in_adv_t i {

	font-size: 0.14rem;

	color: #333;

}



.in_adv_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.adv_list1 {

	margin-bottom: -2px;

	position: relative;

	z-index: 2;

}



.in_adv_list dl {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	width: 50%;

}



.adv_list1 dl {

	align-items: flex-end;

}



.in_adv_list dt,

.in_adv_list dd {

	width: 50%;

	box-sizing: border-box;

	position: relative;

	overflow: hidden
}



.in_adv_list dt {

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

}

.in_adv_list dt::before {

	content: "";

	display: block;

	padding-bottom: 66%
}

.in_adv_list dt img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: calc(100% + 2px);

	height: calc(100% + 2px);

	object-fit: cover
}

.in_adv_list dd {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	height: 80%;

	background: #FFF;

}

.adv_list1 dd {

	margin-bottom: 2px;

	border-top: 3px solid var(--i_color);

}

.adv_list1 dl:nth-child(2) dd {

	width: 42%;

	border-right: 3px solid var(--i_color);

}

.adv_list2 dd {

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

}

.adv_list2 dl:nth-child(1) {

	justify-content: flex-end;

}

.adv_list2 dl:nth-child(1) dd {

	width: 42%;

	border-left: 3px solid var(--i_color);

}



.in_adv_list dd span {

	text-align: center;

}

.in_adv_list dd p {

	margin-bottom: 0.16rem;

	font-size: 0.18rem;

	color: #111;

	text-transform: uppercase;

}

.in_adv_list dd img {

	width: 0.68rem;

	height: 0.68rem;

}



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

	.in_adv_list dd p {

		font-size: 0.16rem;

	}

}

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

	.in_adv_list dd p {

		font-size: 0.15rem;

	}

	.in_adv_list dd img {

		width: 0.62rem;

		height: 0.62rem;

	}

}

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

	.in_adv_list dd p {

		font-size: 0.14rem;

	}

}

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

	.in_adv_cont {

		padding-bottom: 0.7rem;

	}

	.in_adv_list {

		margin-bottom: 0 !important;

	}

	.in_adv_list dl {

		width: 100%;

	}

	.in_adv_list dt {

		border: 1px solid var(--i_color2)
	}

	.in_adv_list dd {

		margin-bottom: 0 !important;

		width: 50% !important;

		height: 100% !important;

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

	}

}

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

	.in_adv_cont {

		padding-bottom: 0.6rem;

	}

}

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

	.in_adv_cont {

		padding-bottom: 0.4rem;

	}

	.in_adv_t p {

		font-size: 0.14rem;

	}

	.in_adv_t i {

		font-size: 0.13rem;

	}

	.in_adv_list dd p {

		margin-bottom: 0.1rem;

		font-size: 0.13rem;

	}

	.in_adv_list dd img {

		width: 0.46rem;

		height: 0.46rem;

	}

}















.in_honor {

	padding: .1rem 0 .4rem;

background: url(static/images/i_products_bg.webp) no-repeat bottom center;
	background-size: cover;

}



.in_ab_tit {

	margin-bottom: 0.3rem;

	border-bottom: 1px solid #FFF;

}

.in_ab_tit h2 {

	font-size: 0.3rem;

	color: #FFF;

	text-align: center;

	line-height: 0.8rem;

	text-transform: uppercase;

}



.honor_list {

	position: relative;

	overflow: hidden
}

.honor_list .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.honor_list .swiper-slide {

	flex-shrink: 0;

	position: relative;

}

.honor_list .swiper-slide::before {

	content: "";

	display: block;

	padding-bottom: 142%
}

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

	width: .4rem;

	height: .6rem;

	z-index: 3;

	cursor: pointer;

	outline: none;

	-webkit-user-select: none;

	user-select: none
}

.honor-prev {

	left: 0;

	background: rgb(0 0 0 / 50%) url(static/images/public/arrow/hollow/arrow_l_w.svg) no-repeat center;

	background-size: .2rem
}

.honor-next {

	right: 0;

	background: rgb(0 0 0 / 50%) url(static/images/public/arrow/hollow/arrow_r_w.svg) no-repeat center;

	background-size: .2rem
}

.honor-prev:hover,

.honor-next:hover {

	background-color: var(--i_color2);

}

.honor_list .swiper-button-disabled {

	opacity: .2;

	cursor: not-allowed
}

.swiper-button-lock {

	display: none;

}



.honor-pagination {

	display: block;

	margin-top: 0.3rem;

	text-align: center
}

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

.honor-pagination .swiper-pagination-bullet-active {

	background: var(--i_color)
}

.swiper-pagination-lock {

	display: none;

}



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

	.in_ab_tit h2 {

		font-size: 0.26rem;

	}

}

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

	.in_ab_tit h2 {

		font-size: 0.24rem;

	}

	.honor-prev,

	.honor-next {

		display: none;

	}

}

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

	.in_ab_tit h2 {

		font-size: 0.2rem;

		line-height: 0.6rem;

	}

	.honor-pagination {

		margin-top: 0.2rem;

	}

}

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

	.in_ab_tit h2 {

		font-size: 0.18rem;

		line-height: 0.5rem;

	}

	.honor-pagination .swiper-pagination-bullet {

		margin: 0 4px;

	}

}

















.in_patent {

	padding: .3rem 0 .5rem;

	background: #DEF0E1 url(static/images/in_patent_bg.webp) no-repeat bottom center;

	background-size: 100%;

}

.in_patent .in_ab_tit {

	border-bottom-color: var(--i_color);

}

.in_patent .in_ab_tit h2 {

	color: #222;

}



.patent_nav {

	display: -webkit-flex;

	display: flex;

}

.patent_nav li {

	flex-grow: 1;

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	box-sizing: border-box;

	padding: 0 .2rem;

	text-align: center;

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

	cursor: pointer;

}

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

	margin-right: 0.2rem;

}



.patent_nav li p {

	padding: .12rem 0;

	font-size: 0.15rem;

	line-height: 0.18rem;

}

.patent_nav li.current {

	background: var(--i_color);

}

.patent_nav li.current p {

	color: #FFF;

}





.patent_cont {

	margin-top: 0.3rem;

}

.patent_cont dt {

	display: none;

	position: relative;

}

.patent_cont dt:nth-child(1) {

	display: block;

}



.patent_list {

	position: relative;

	overflow: hidden
}

.patent_list .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.patent_list .swiper-slide {

	flex-shrink: 0;

	position: relative
}

.patent_list .swiper-slide::before {

	content: "";

	display: block;

	padding-bottom: 142%
}

.patent_list .swiper-slide img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: contain
}



.patent-prev,

.patent-next {

	position: absolute;

	top: 44%;

	transform: translate(0, -50%);

	width: .4rem;

	height: .6rem;

	z-index: 3;

	cursor: pointer;

	outline: none;

	-webkit-user-select: none;

	user-select: none
}

.patent-prev {

	left: 0;

	background: rgb(0 0 0 / 50%) url(static/images/public/arrow/hollow/arrow_l_w.svg) no-repeat center;

	background-size: .2rem
}

.patent-next {

	right: 0;

	background: rgb(0 0 0 / 50%) url(static/images/public/arrow/hollow/arrow_r_w.svg) no-repeat center;

	background-size: .2rem
}

.patent-prev:hover,

.patent-next:hover {

	background-color: var(--i_color2);

}

.patent_list .swiper-button-disabled {

	opacity: .2;

	cursor: not-allowed
}



.patent-pagination {

	display: block;

	margin-top: 0.26rem;

	text-align: center
}

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

.patent-pagination .swiper-pagination-bullet-active {

	background: var(--i_color)
}



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

	.patent-prev,

	.patent-next {

		display: none;

	}

	.patent_nav li p {

		padding: .08rem 0;

		font-size: 0.14rem;

	}

}

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

	.patent_nav li p {

		font-size: 0.13rem;

	}

}

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

	.patent_nav {

		flex-wrap: wrap;

	}

	.patent_nav li {

		width: 100%;

		margin-right: 0 !important;

		margin-bottom: 0.1rem;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

		align-items: center;

		justify-content: center;

	}

	.patent_cont {

		margin-top: 0.2rem;

	}

}

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

	.patent_cont {

		margin-top: 0.14rem;

	}

}













/* Products */

.in_products {


	background-size: 100%;

	position: relative;

}

.in_products::before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 1.36rem;

	background: url(static/images/i_cupsize_bg.webp) no-repeat top center;

	background-size: cover;

}

.in_products .in_lr_box {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}



.in_products_nav {

	width: 24%;

	overflow: hidden;

}

.in_products_nav li {

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	margin-bottom: 0.1rem;

	overflow: hidden;

}

.in_products_nav a {

	display: block;

	height: 100%;

	box-sizing: border-box;

	padding: .08rem .14rem;

	font-size: 0.15rem;

	color: #333;

	line-height: 0.24rem;

	background: #DADADA;

}

.in_products_nav a i {

	margin-left: 0.06rem;

	font-size: 0.13rem;

	color: #777;

}



.in_products_nav li:hover a,

.in_products_nav .curr a {

	color: #FFF;

	background: var(--i_color);

}

.in_products_nav li:hover a i,

.in_products_nav .curr a i {

	color: #FFF;

}



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

	.in_products_nav {

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

		justify-content: space-between;

		width: 100%;

	}

	.in_products_nav li {

		width: 49%;

		text-align: center;

	}

	.in_products_nav a {

		font-size: 0.14rem;

		line-height: 0.2rem;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

		align-items: center;

		justify-content: center;

	}

}

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

	.in_products_nav a {

		font-size: 0.13rem;

		line-height: 0.18rem;

	}

}

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

	.in_products_nav a i {
		display: none;
	}

}




.in_products_list_box p {

font-size: 17px;
    display: contents;
    line-height: 1.5em;
    color: #666;

}





.in_products_list_box {

	margin-left: auto;

	width: 73%;

}



.in_products_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;
padding-top: 20px;
}

.in_products_list li {

	width: 30.66%;

	margin: 0 2.5% .3rem 0;

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	overflow: hidden;

}

.in_products_list li:nth-child(3n) {

	margin-right: 0;

}



.in_products_list .img {

	width: 100%;

	position: relative;

	overflow: hidden
}

.in_products_list .img::before {

	content: "";

	display: block;

	padding-bottom: 100%
}

.in_products_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover
}



.in_products_list .txt {

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

	padding: .08rem .2rem;

	background: #FFF;

}

.in_products_list .txt p {

	font-size: 0.15rem;

	color: #666;

	font-weight: bold;

	text-align: center;

	line-height: 0.22rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}



.in_products_list li:hover img {

	width: 115%;

	height: 115%;

}

.in_products_list li:hover .txt {

	border-top-color: var(--i_color);

	background: var(--i_color);

}

.in_products_list li:hover .txt p {

	color: #FFF;

}

.in_products_list .img img {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



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

	.in_products_list_box {

		margin: .2rem 0 0 0;

		width: 100%;

	}

	.in_products_list .txt p {

		font-size: 0.14rem;

		line-height: 0.2rem;

	}

}

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

	.in_products_list .txt p {

		font-size: 0.13rem;

		line-height: 0.18rem;

		font-weight: normal;

	}

}

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

	.in_products_list_box {

		margin-top: 0.16rem;

	}

	.in_products_list li {

		width: 48%;

		margin: 0 4% .2rem 0;

	}

	.in_products_list li:nth-child(3n) {

		margin-right: 4%;

	}

	.in_products_list li:nth-child(2n) {

		margin-right: 0;

	}

}















/* Number of pages */

.in_page_box {

	text-align: center;

	margin: .2rem auto 0.8rem;

	position: relative;

	overflow: hidden
}

.in_page {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

}

.in_page li {

	margin: 0 .04rem;

}

.in_page a,

.in_page span {

	display: block;

	padding: 0 .14rem;

	line-height: .3rem;

	font-size: .14rem;

	color: #666;

	background: #FFF;

	-webkit-border-radius: .05rem;

	-moz-border-radius: .05rem;

	border-radius: .05rem;

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

	overflow: hidden;

}

.in_page>i {

	margin-left: 0.1rem;

	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-bottom: 0.6rem;

	}

	.in_page a,

	.in_page span {

		padding: 0 0.12rem;

		line-height: 0.26rem;

		font-size: 0.14rem;

	}

}

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

	.in_page>i {

		display: block;

		width: 100%;

		margin-top: 0.1rem;

		font-size: 0.13rem;

	}

}













/* Inside Page - Products details */

.p_det_box {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}



.products_det_box {

	--img_size: 460px;

	--sm_img_box: 370px
}

.products_det_box {

	margin-left: auto;

	width: 73%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}



/* Photo Gallery TAB */

.magnifier {

	position: relative;

	width: var(--img_size)
}



.small-box {

	position: relative;

	width: 100%;

	box-sizing: border-box;

	background: #FFF;

	border: 1px solid #CCC;

}

.small-box::before {

	content: '';

	display: block;

	padding-bottom: 100%;

}

.small-box img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	max-width: 100%;

	max-height: 100%;

	object-fit: contain;

}

.small-box .hover {

	display: none;

	position: absolute;

	left: 0;

	top: 0;

	width: 50%;

	height: 50%;

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

	cursor: move;

}

.thumbnail-box {

	margin-top: 0.16rem;

	position: relative;

	width: 100%;

}

.thumbnail-box .btn {

	opacity: .6;

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	width: 30px;

	height: 100%;

	cursor: pointer;

}

.thumbnail-box .btn-prev {

	left: 0;

	background: url(static/images/public/arrow/hollow/arrow_l_b.svg) no-repeat center;

	background-size: .26rem;

}

.thumbnail-box .btn-next {

	right: 0;

	background: url(static/images/public/arrow/hollow/arrow_r_b.svg) no-repeat center;

	background-size: .26rem;

}

.thumbnail-box .btn-prev.btn_prev_disabled {

	background: #CCC;

	cursor: not-allowed;

}



.thumbnail-box .btn-next.btn_next_disabled {

	background: #CCC;

	cursor: not-allowed;

}

.thumbnail-box .list {

	overflow: hidden;

	width: var(--sm_img_box);

	margin: 0 auto;

}

.thumbnail-box .wrapper {

	width: 100000px;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.thumbnail-box .list .item {

	width: calc((var(--sm_img_box) - 15px) / 4);

	height: calc((var(--sm_img_box) - 15px) / 4);

	margin-right: 5px;

	box-sizing: border-box;

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

	background: #FFF;

	cursor: pointer;

}

.thumbnail-box .list .item-cur {

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

}

.thumbnail-box .list .item img {

	width: 100%;

	height: 100%;

	object-fit: contain;

}



.big-box {

	display: none;

	overflow: hidden;

	position: absolute;

	left: calc(var(--img_size) + 10px);

	top: 0;

	width: var(--img_size);

	height: var(--img_size);

	background-color: #FFF;

	box-sizing: border-box;

	border: 1px solid #e4e4e4;

	z-index: 2013;

}

.big-box img {

	display: block;

}



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

	.products_det_box {

		--img_size: 400px;

		--sm_img_box: 300px
	}

}

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

	.products_det_box {

		--img_size: 360px;

		--sm_img_box: 260px
	}

}

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

	.products_det_box {

		margin: .2rem 0 0 0;

		width: 100%;

	}

}

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

	.products_det_box {

		--img_size: 100%;

		--sm_img_box: 400px;

	}

	.small-box .hover,

	.big-box {

		display: none !important;

	}

	.thumbnail-box .btn-prev,

	.thumbnail-box .btn-next {

		background-size: .18rem;

	}

}

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

	.products_det_box {

		--sm_img_box: 300px;

	}

}









.p_detailDesc {

	margin-left: auto;

	width: calc(100% - var(--img_size) - .6rem);

}

.p_detailDesc h1 {

	padding-bottom: 0.1rem;

	margin-bottom: 0.2rem;

	font-size: 0.16rem;

	color: var(--i_color);

	line-height: 0.22rem;

	font-weight: bold;

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

}



.p_detailcs {

	border-top: 1px solid rgb(73 169 75 / 30%);

	border-left: 1px solid rgb(73 169 75 / 30%);

}

.p_detailcs dt {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.p_detailcs b {

	width: 34%;

	font-size: 0.15rem;

	color: #666;

	font-weight: bold;

}

.p_detailcs i {

	width: 66%;

	font-size: 0.14rem;

	color: #555;

}

.p_detailcs b,

.p_detailcs i {

	padding: .1rem;

	line-height: 0.2rem;

	box-sizing: border-box;

	border-right: 1px solid rgb(73 169 75 / 30%);

	border-bottom: 1px solid rgb(73 169 75 / 30%);

}







.p_form {

	display: table;

	margin-top: 0.4rem;

	text-align: center;

	background: -webkit-linear-gradient(left, var(--i_color2), var(--i_color));

	background: linear-gradient(to right, var(--i_color2), var(--i_color));

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	overflow: hidden;

	position: relative;

	cursor: pointer;

}

.p_form::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0.6rem;

	width: 0.24rem;

	height: 0.24rem;

	background: url(static/images/public/contact/email.svg) no-repeat center;

	background-size: contain;

	z-index: 2;

}

.p_form::after {

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	width: 0;

	height: 100%;

	background: -webkit-linear-gradient(left, var(--i_color), var(--i_color2));

	background: linear-gradient(to right, var(--i_color), var(--i_color2));

}

.p_form i {

	padding: 0 .64rem 0 1rem;

	font-size: .14rem;

	color: #FFF;

	line-height: 0.4rem;

	position: relative;

	z-index: 3;

}

.p_form:hover::after {

	right: initial;

	left: 0;

	width: 100%;

}

.p_form,

.p_form::after {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



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

	.p_detailDesc {

		width: calc(100% - var(--img_size) - 0.4rem);

	}

	.p_detailDesc h1 {

		font-size: 0.15rem;

	}

	.p_detailcs b {

		font-size: 0.14rem;

	}

	.p_detailcs i {

		font-size: 0.13rem;

	}

}

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

	.p_detailDesc {

		margin: .3rem 0 0 0;

		width: 100%;

	}

}

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

	.p_detailDesc h1 {

		font-size: 0.14rem;

		line-height: 0.2rem;

	}

	.p_detailcs b {

		font-size: 0.13rem;

	}

	.p_detailcs i {

		font-size: 0.12rem;

	}

	.p_detailcs b,

	.p_detailcs i {

		padding: .06rem .1rem;

	}



	.p_form {

		margin: 0.3rem auto 0;

	}

	.p_form::before {

		width: 0.2rem;

		height: 0.2rem;

	}

	.p_form i {

		font-size: 0.12rem;

		line-height: 0.36rem;

	}

}











/* Products - Pop up form */

#mask_bg {

	display: none;

	position: fixed;

	top: 50%;

	transform: translate(0, -50%);

	left: 0%;

	width: 100%;

	height: 100%;

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

	z-index: 9999999999998;

}

.products_list_form {

	display: none;

	position: fixed;

	top: 50%;

	left: 50%;

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

	width: 800px;

	box-sizing: border-box;

	padding: 30px 30px 40px;

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

	z-index: 9999999999999;

	overflow: auto
}

.products_list_form.show {

	display: block !important
}

.products_list_form .tit {

	margin-bottom: .2rem
}

.products_list_form .tit p {

	text-align: center;

	font-size: .26rem;

	color: var(--i_color);

	font-weight: bold;

	line-height: .3rem
}



#wpforms-106 {

	--input_font_color: rgb(0 0 0 / 50%);

	--input_font_size: 14px;

	--input_height: 42px
}

#wpforms-106 {

	width: 100%;

	margin: 0 auto;

	padding: 0
}

#wpforms-form-106 {

	width: 100%;

	overflow: hidden
}

#wpforms-106 input,

#wpforms-106 button {

	margin: 0;

	padding: 0;

	border: none;

	background: none
}

#wpforms-106 .wpforms-field {

	padding: 0;

	margin: 0
}

#wpforms-106 .wpforms-error-container {

	line-height: 16px
}

#wpforms-106 .wpforms-field-container {

	width: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	overflow: hidden
}

#wpforms-106 .wpforms-field-label {

	font-size: 0;

}

#wpforms-106 .wpforms-required-label {
	position: absolute;
	top: 14px;
	left: 2px;
	font-size: 16px;

	color: #F00
}

#wpforms-106 .wpforms-field {

	width: 100%;

	margin-bottom: 0;

	padding-bottom: 18px;

	background: transparent;

	position: relative;

	overflow: hidden
}

#wpforms-106 .wpforms-field-textarea {

	width: 100% !important;

}



#wpforms-106 input {

	height: var(--input_height)
}

#wpforms-106 textarea {

	min-height: 100px
}

#wpforms-106 input,

#wpforms-106 textarea {

	width: 100%;

	max-width: 100% !important;

	font-size: var(--input_font_size);

	color: #333;

	box-sizing: border-box;

	border: 1px solid rgb(0 0 0 / 30%);

	line-height: var(--input_height);

	padding: 0 10px
}

#wpforms-106 textarea {

	max-width: 100%;

	min-width: 100%;

	width: 100%;

}

#wpforms-106 input::-webkit-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-106 input::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-106 input::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-106 input::-ms-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-106 textarea::-webkit-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-106 textarea::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-106 textarea::-moz-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-106 textarea::-ms-input-placeholder {

	color: var(--input_font_color);

	font-size: var(--input_font_size)
}

#wpforms-106 #wpforms-106-field_1-error,

#wpforms-106 #wpforms-106-field_2-error,

#wpforms-106 #wpforms-106-field_3-error,

#wpforms-106 #wpforms-106-field_5-error {

	position: absolute;

	font-size: 13px
}

#wpforms-106 .wpforms-submit-container {

	padding: 0 !important;

	margin: 0 auto;

	width: 170px;

	background: var(--i_color);

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	position: relative
}

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

	width: 100%;

	height: 34px;

	font-size: 14px;

	color: #FFF;

	line-height: 34px;

	cursor: pointer;

	text-transform: uppercase;

	position: relative;

	z-index: 2
}

#wpforms-106 .wpforms-submit-container img {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 4px
}

#wpforms-106 .wpforms-submit-container:hover {

	background: var(--i_color2)
}



.close {

	position: absolute;

	top: .2rem;

	right: .2rem;

	display: block;

	width: .3rem;

	height: .3rem;

	background: url(static/images/public/close_b2.svg) no-repeat center;

	background-size: contain;

	cursor: pointer
}

.close:hover {

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg)
}

.close {

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease
}



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

	.products_list_form {

		width: 94%;

	}

	.products_list_form .tit p {

		font-size: 0.22rem;

	}

}

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

	#wpforms-49 .wpforms-field {

		width: 100% !important;

	}

	#wpforms-49-field_5-container,

	#wpforms-49-field_2-container,

	#wpforms-49 .wpforms-field-email,

	#wpforms-49 .wpforms-field-text {

		float: none;

		width: 100% !important;

		margin-right: 0 !important;

	}

}

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

	.products_list_form {

		padding: 20px 20px 30px
	}

	.products_list_form .tit p {

		font-size: 0.18rem;

	}

	#wpforms-49 {

		--input_height: 34px
	}

	#wpforms-49 .wpforms-submit-container {

		height: 34px;

	}

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

		height: 30px;

		line-height: 30px;

		font-size: 14px;

	}

	#wpforms-49 textarea {

		height: 100px;

		min-height: 100px;

	}

	.close {

		width: 0.2rem;

		height: 0.2rem;

	}

}

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

	.products_list_form .tit p {

		font-size: 0.18rem;

	}

}









.p_det_cont {

	margin-top: 0.6rem;

}



.p_article {

	width: 100%;

}

.p_article .tit {

	margin-bottom: 0.24rem;
    padding-left: 10px;

	font-size: 0.16rem;

	color: #FFF;

	line-height: 0.48rem;

	background: var(--i_color);

}

.p_article article {

	box-sizing: border-box;

	padding: .2rem;

	background: #FFF;

}

.p_article article,

.p_article article * {
padding: 0.08rem;
	font-size: 0.18rem;

	color: #666;
line-height: .24rem;
}



.p_article article img {

	width: auto;

	max-width: 100% !important;

	height: initial !important;

}

.p_article article img.aligncenter {

	display: block;

	margin: .1rem auto;

}



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

	.p_article .tit {

		margin-bottom: 0.16rem;

		font-size: 0.15rem;

		line-height: 0.42rem;

	}

}

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

	.p_det_cont {

		margin-top: 0.4rem;

	}

}

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

	.p_article .tit {

		font-size: 0.14rem;

		line-height: 0.4rem;

	}

	.p_article article {

		padding: .16rem;

	}

}









.p_pshow {

	margin-top: 0.5rem;

}

.p_pshow_list {

	--li_mar: 30px
}

.p_pshow_list {

	margin-top: 0.3rem;

	width: 100%;

	position: relative;

	overflow: hidden
}

.p_pshow_list::before {

	content: "";

	display: block;

	padding-bottom: 48%
}

.p_pshow_list ul {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.p_pshow_list li {

	float: left;

	width: calc((100% - var(--li_mar) * 2) / 3);

	height: calc((100% - var(--li_mar)) / 2);

	box-sizing: border-box;

	padding: .06rem;

	background: #FFF;

}

.p_pshow_list li:not(:first-child) {

	margin-left: var(--li_mar);

}

.p_pshow_list li img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.p_pshow_list li:nth-child(1) {

	height: 100%;

}

.p_pshow_list li:nth-child(4),

.p_pshow_list li:nth-child(5) {

	margin-top: var(--li_mar);

}



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

	.p_pshow_list {

		--li_mar: 14px
	}

	.p_pshow_list li {

		padding: .04rem;

	}

}

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

	.p_pshow_list {

		--li_mar: 8px
	}

	.p_pshow_list li {

		padding: .03rem;

	}

}















.p_s_v {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	margin: .6rem auto;

}



.p_s_v li {

	width: 46%;

}



.p_det_tit {

	margin-bottom: 0.2rem;

	text-align: center;

	font-size: 0.3rem;

	color: var(--i_color);

	text-transform: uppercase;

}



.p_size_cont h6 {

	margin-bottom: 0.26rem;

	text-align: center;

	font-size: 0.14rem;

	color: #333;

}

.p_size_pic {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: space-between;

	position: relative;

}

.p_size_pic dt {

	width: 60%;

}

.p_size_pic dd {

	text-align: center;

	width: 34%;

}

.p_size_pic dd p {

	display: inline-block;

	background: #FFF;

	box-sizing: border-box;

	padding: .08rem .22rem;

	margin-bottom: 0.3rem;

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

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	font-size: 0.14rem;

	color: #333;

	text-align: center;

}

.p_size_pic img {

	display: block;

	margin: 0 auto;

	max-width: 100%;

}



.p_video_box {

	margin-top: 0.4rem;

	width: 100%;

	box-sizing: border-box;

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

	position: relative;

	overflow: hidden
}

.p_video_box::before {

	content: "";

	display: block;

	padding-bottom: 56%
}

.p_video_box video,

.p_video_box iframe {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: contain
}





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

	.p_det_tit {

		font-size: 0.26rem;

	}

}

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

	.p_det_tit {

		font-size: 0.22rem;

	}

}

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

	.p_s_v {

		margin-bottom: 0;

	}

	.p_s_v li {

		margin-bottom: 0.4rem;

		width: 100%;

	}

	.p_video .p_video_box {

		margin-top: 0;

	}

}

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

	.p_s_v {

		margin: 0.32rem auto 0;

	}

	.p_det_tit {

		font-size: 0.18rem;

	}

	.p_size_cont h6 {

		font-size: 0.13rem;

		color: #666;

	}

	.p_size_pic dt {

		width: 50%;

	}

	.p_size_pic dd {

		width: 44%;

	}

}











.p_display {

	margin-bottom: 0.5rem;

	position: relative;

}

.p_display>p {

	max-width: 50%;

	margin: 0 auto;

	text-align: center;

	font-size: 0.14rem;

	color: #666;

}



.p_display_cont {

	margin-top: 0.36rem;

}

.p_display_cont img {

	width: 100%;

	height: initial !important;

}

.p_display_t {

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: 20%;

	text-align: center;

}

.p_display_t h5 {

	padding-bottom: 0.16rem;

	margin-bottom: 0.16rem;

	font-size: 0.22rem;

	color: #FFF;

	position: relative;

}

.p_display_t h5::before {

	content: '';

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: 0;

	width: 0;

	height: 0;

	border-left: 5px solid transparent;

	border-right: 5px solid transparent;

	border-top: 6px solid #FFF
}

.p_display_t p {

	font-size: 0.16rem;

	color: #FFF;

	line-height: 0.18rem;

}

.p_display .p_form {

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: 12%;

	margin-top: 0;

}



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

	.p_display_t {

		bottom: 22%;

	}

	.p_display>p {

		max-width: 70%;

	}

	.p_display_t h5 {

		font-size: 0.18rem;

	}

	.p_display .p_form {

		position: relative;

		margin: .2rem 0 0 !important;

		bottom: initial;

	}

}

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

	.p_display>p {

		max-width: 100%;

	}

	.p_display_t h5 {

		margin-bottom: 0.1rem;

		font-size: 0.16rem;

	}

	.p_display_t p {

		font-size: 0.13rem;

	}

}

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

	.p_display {

		margin-bottom: 0.4rem;

	}

	.p_display_t {

		position: relative;

		margin-top: 0.18rem;

	}

	.p_display_t h5 {

		color: #444;

	}

	.p_display_t h5::before {

		border-top: 6px solid var(--i_color2)
	}

	.p_display_t p {

		color: #777;

	}

}













.p_picform {

	position: relative;

}

.p_picform img {

	width: 100%;

	height: initial !important;

}

.p_picform_t {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 10%;

}

.p_picform_t h2 p {

	margin-bottom: 0.26rem;

	font-size: 0.22rem;

	color: var(--i_color);

	line-height: 0.24rem;

	font-weight: 100;

}

.p_picform_t h2 i {

	font-size: 0.4rem;

	font-weight: bold;

	line-height: 0.42rem;

	color: var(--i_color);

}

.p_picform_t h4 {

	margin: .5rem 0;

	font-size: 0.32rem;

	font-weight: bold;

	line-height: 0.34rem;

	color: #333;

}

.p_picform_t h6 {

	font-size: 0.16rem;

	color: #555;

	line-height: 0.18rem;

}



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

	.p_picform_t h2 p {

		font-size: 0.2rem;

	}

	.p_picform_t h2 i {

		font-size: 0.38rem;

	}

	.p_picform_t h4 {

		margin: .4rem 0;

		font-size: 0.3rem;

	}

}

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

	.p_picform_t h4 {

		margin: .3rem 0;

	}

}

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

	.p_picform_t h2 p {

		margin-bottom: 0.14rem;

		font-size: 0.17rem;

	}

	.p_picform_t h2 i {

		font-size: 0.26rem;

	}

	.p_picform_t h4 {

		margin: .14rem 0;

		font-size: 0.22rem;

	}

}

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

	.p_picform_t h2 p {

		margin-bottom: 0.1rem;

		font-size: 0.16rem;

		line-height: 0.18rem;

	}

	.p_picform_t h2 i {

		font-size: 0.22rem;

		line-height: 0.24rem;

	}

	.p_picform_t h4 {

		margin: .14rem 0;

		font-size: 0.18rem;

		line-height: 0.2rem;

	}

	.p_picform_t h6 {

		font-size: 0.13rem;

	}

	.p_picform_t .p_form {

		margin-top: 0.2rem;

	}

}

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

	.p_picform_t {

		position: relative;

		left: 0;

		transform: none;

		margin-top: 0.2rem;

		text-align: center;

	}

	.p_picform_t h2 p {

		font-size: 0.14rem;

	}

	.p_picform_t h2 i {

		font-size: 0.18rem;

	}

	.p_picform_t h4 {

		margin: .08rem auto;

		font-size: 0.16rem;

	}

}









.p_order_list {

	margin: .4rem auto;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;


}

.p_order_list dt {

	text-align: center;

	width: 100%;

	box-sizing: border-box;

	padding: .3rem .2rem;

}

.p_order_list dt img {

	height: 0.7rem;

}

.p_order_list dt p {

	margin-top: 0.3rem;

	font-size: 0.17rem;

	color: #FFF;

	line-height: 0.24rem;

}



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

	.p_order_list dt img {

		height: 0.6rem;

	}

	.p_order_list dt p {

		font-size: 0.16rem;

	}

}

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

	.p_order_list dt img {

		height: 0.5rem;

	}

}

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

	.p_order_list dt img {

		height: 0.4rem;

	}

	.p_order_list dt p {

		margin-top: 0.2rem;

		font-size: 0.15rem;

		line-height: 0.2rem;

	}

}

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

	.p_order_list dt {

		padding: .3rem 0.1rem;

	}

	.p_order_list dt img {

		height: 0.3rem;

	}

	.p_order_list dt p {

		margin-top: 0.2rem;

		font-size: 0.14rem;

		line-height: 0.18rem;

	}

}

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

	.p_order_list {

		margin: .4rem auto;

		padding: .1rem 0;

		flex-wrap: wrap
	}

	.p_order_list dt {

		padding: .1rem .2rem;

		width: 50%;

	}

	.p_order_list dt img {

		height: 0.26rem;

	}

	.p_order_list dt p {

		margin-top: 0.12rem;

		font-size: 0.13rem;

	}

}















.p_app>p {

	text-align: center;

	font-size: 0.17rem;

	color: #666;

}



.p_app_list {

	margin-top: 0.3rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.p_app_list li {

	width: 23.5%;

	margin: 0 2% .26rem 0;

	background: #FFF;

	box-sizing: border-box;

	border: 6px solid #FFF;

	position: relative;

	overflow: hidden
}

.p_app_list li:nth-child(4n) {

	margin-right: 0;

}

.p_app_list li::before {

	content: "";

	display: block;

	padding-bottom: 78%
}

.p_app_list img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: contain
}



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

	.p_app>p {

		font-size: 0.16rem;

	}

}

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

	.p_app_list li {

		width: 49%;

		margin: 0 2% .2rem 0;

	}

	.p_app_list li:nth-child(2n) {

		margin-right: 0;

	}

}

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

	.p_app_list li {

		margin: 0 2% .1rem 0;

	}

}



















.p_step {

	margin: .4rem auto .6rem;

}



.p_step_list {

	padding: .4rem .3rem;

	background: #e2e7e3;

}



.p_step_list dl {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	position: relative;

}

.p_step_list dl::before {

	content: '';

	position: absolute;

	top: 0.64rem;

	left: 0;

	width: 100%;

	height: 3px;

	background: #606060;

}

.p_step_list dl::after {

	content: '';

	position: absolute;

	top: 0.52rem;

	right: -.02rem;

	width: 0.5rem;

	height: 3px;

	background: #606060;

	-webkit-transform: rotate(28deg);

	transform: rotate(28deg)
}



.p_step_list dt {

	width: 50%;

	box-sizing: border-box;

	padding: 0 .1rem;

}



.p_step_list dt img {

	height: 0.4rem;

}

.p_step_list dt i {

	display: block;

	margin: 0.5rem 0 .1rem;

	font-size: 0.18rem;

	color: var(--i_color);

	text-transform: uppercase;

}

.p_step_list dt p {

	font-size: 0.13rem;

	color: #666;

	line-height: 0.2rem;

}



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

	.p_step_list dt i {

		font-size: 0.17rem;

	}

}

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

	.p_step {

		margin: .4rem auto .4rem;

	}

	.p_step_list {

		padding: 0.2rem 0.2rem;

	}

	.p_step_list dl::before,

	.p_step_list dl::after {

		display: none;

	}

	.p_step_list dl {

		flex-wrap: wrap;

	}

	.p_step_list dt {

		margin: .1rem 0;

		padding: 0 .2rem;

	}

	.p_step_list dt span {

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

		align-items: center;

	}

	.p_step_list dt img {

		height: 0.3rem;

	}

	.p_step_list dt i {

		margin: 0 0 0 .1rem;

	}

	.p_step_list dt p {

		margin-top: 0.06rem;

	}

}

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

	.p_step_list dt {

		width: 100%;

		padding: 0 0;

	}

	.p_step_list dt img {

		height: 0.22rem;

	}

	.p_step_list dt i {

		font-size: 0.15rem;

	}

}













.rec_products {

	padding-bottom: 0.4rem;

}

.rec_products .in_ab_tit {

	border-bottom-color: var(--i_color);

}

.rec_products .in_ab_tit h2 {

	color: var(--i_color);

}



.rec_products_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.rec_products_list li {

	width: 23.125%;

	margin: 0 2.5% .3rem 0;

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	overflow: hidden;

}

.rec_products_list li:nth-child(4n) {

	margin-right: 0;

}



.rec_products_list .img {

	width: 100%;

	position: relative;

	overflow: hidden
}

.rec_products_list .img::before {

	content: "";

	display: block;

	padding-bottom: 100%
}

.rec_products_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover
}



.rec_products_list .txt {

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

	padding: .08rem .2rem;

	background: #FFF;

}

.rec_products_list .txt p {

	font-size: 0.15rem;

	color: #666;

	font-weight: bold;

	text-align: center;

	line-height: 0.22rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}



.rec_products_list li:hover img {

	width: 115%;

	height: 115%;

}

.rec_products_list li:hover .txt {

	border-top-color: var(--i_color);

	background: var(--i_color);

}

.rec_products_list li:hover .txt p {

	color: #FFF;

}

.rec_products_list .img img {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



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

	.rec_products_list .txt p {

		font-size: 0.14rem;

		line-height: 0.2rem;

	}

}

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

	.rec_products_list li {

		width: 48%;

		margin: 0 4% .2rem 0;

	}

	.rec_products_list li:nth-child(2n) {

		margin-right: 0;

	}

	.rec_products_list .txt p {

		font-size: 0.13rem;

		line-height: 0.18rem;

		font-weight: normal;

	}

}











.in_videos {

	padding-bottom: .1rem;

	background: #CFECD8 url(static/images/i_products_bg.webp) no-repeat bottom center;

	background-size: 100%;

	position: relative;

}

.in_videos::before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 1.36rem;

	background: url(static/images/i_cupsize_bg.webp) no-repeat top center;

	background-size: cover;

}



.in_videos_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	box-sizing: border-box;

	padding: .6rem 0 0;

}

.in_videos_list li {

	width: 30.66%;

	margin: 0 4% .5rem 0;

}

.in_videos_list li:nth-child(3n) {

	margin-right: 0;

}



.in_videos_list .img {

	width: 100%;

	position: relative;

	background: #000;

	overflow: hidden
}

.in_videos_list .img::before {

	content: "";

	display: block;

	padding-bottom: 56.25%
}

.in_videos_list video,

.in_videos_list iframe {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: contain
}



.in_videos_list .txt {

	margin-top: 0.1rem;

	text-align: center;

}

.in_videos_list .txt p {

	font-size: 0.15rem;

	color: #666;

	line-height: 0.2rem;

}



.in_videos_list li:hover p {

	color: var(--i_color);

}



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

	.in_videos_list li {

		width: 49%;

		margin: 0 2% .3rem 0;

	}

	.in_videos_list li:nth-child(3n) {

		margin-right: 2%;

	}

	.in_videos_list li:nth-child(2n) {

		margin-right: 0;

	}

}

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

	.in_videos_list .txt p {

		font-size: 0.14rem;

		overflow: hidden;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

	}

}

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

	.in_videos_list li {

		width: 100%;

		margin: 0 0 .2rem 0 !important;

	}

	.in_videos_list .txt p {

		font-size: 0.13rem;

	}

}













.in_news_list {

	margin-bottom: 0.5rem;

	padding: .6rem 0 0;

	position: relative;

}



.in_news_list li {

	margin-bottom: 0.3rem;

	background: #FFF;

}

.in_news_list a {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	box-sizing: border-box;

	padding: .2rem;

}



.in_news_list .img {

	width: 20%;

	position: relative;

	overflow: hidden
}

.in_news_list .img::before {

	content: "";

	display: block;

	padding-bottom: 75%
}

.in_news_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover
}



.in_news_list .txt {

	width: 80%;

	box-sizing: border-box;

	padding: 0 0 0 .4rem;

}

.in_news_list .txt h2 {

	font-size: 0.2rem;

	color: #444;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.in_news_list .txt i {

	display: block;

	margin: .1rem 0;

	padding-left: 0.24rem;

	font-size: 0.14rem;

	color: #777;

	background: url(static/images/n_time.svg) no-repeat left center;

	background-size: .18rem;

}

.in_news_list .txt h6 {

	font-size: 0.13rem;

	color: #777;

	line-height: 0.2rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}



.in_news_list li:hover img {

	width: 110%;

	height: 110%;

}

.in_news_list li:hover h2 {

	color: var(--i_color);

}

.in_news_list .img img {

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}



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

	.in_news_list a {

		padding: .14rem;

	}

	.in_news_list .txt {

		padding: 0 0 0 0.3rem;

	}

	.in_news_list .txt h2 {

		font-size: 0.17rem;

	}

}

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

	.in_news_list {

		padding-top: 0.4rem;

	}

	.in_news_list .txt h2 {

		font-size: 0.15rem;

	}

}

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

	.in_news_list .img,

	.in_news_list .txt {

		width: 100%;

	}

	.in_news_list .txt {

		margin-top: 0.14rem;

		padding: 0 0;

	}

}













.in_news_art_tit {

	border-bottom: 1px solid #DDD;

	margin-bottom: .3rem;

	text-align: center;

	position: relative;

}

.in_news_art_tit::before {

	content: '';

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: 0;

	width: 15%;

	height: 2px;

	background: var(--i_color)
}

.in_news_art_tit h1 {

	font-size: .28rem;

	color: #222;

	line-height: .36rem;

	font-weight: bold
}

.in_news_art_tit h6 {

	text-align: center;

	margin: .1rem 0 .08rem;

	font-size: .14rem;

	color: #666;

	line-height: .28rem
}



.in_news_art article,

.in_news_art article * {

	text-align: left;

	font-size: .16rem;

	color: #555;

	line-height: .26rem
}

.in_news_art article img {

	display: block;

	margin: .2rem auto;

	max-width: 100% !important;

	height: initial !important
}



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

	.in_news_art_tit h1 {

		font-size: .24rem;

	}

}

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

	.in_news_art_tit h1 {

		font-size: .2rem;

	}

}

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

	.in_news_art_tit h1 {

		font-size: .18rem;

		line-height: .24rem;

	}

}



.ar_fot {

	min-height: .4rem;

	border-bottom: 1px solid #CCC;

	margin: 0.8rem auto;

	padding-bottom: 0.4rem;

	position: relative;

}

.ar_fot ul {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

}

.ar_fot li {

	width: 40%;

}

.ar_fot a {

	width: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.ar_fot li:nth-child(2) a {

	justify-content: flex-end;

}



.ar_fot a i {

	display: block;

	width: 0.46rem;

	height: 0.46rem;

	-webkit-border-radius: 50%;

	border-radius: 50%;

}

.ar_fot li:nth-child(1) i {

	margin-right: 0.2rem;

	background: rgb(8 52 114 / 10%) url(static/images/arrow_long_l.svg) no-repeat center;

	background-size: .22rem;

}

.ar_fot li:nth-child(2) i {

	margin-left: 0.2rem;

	background: rgb(8 52 114 / 10%) url(static/images/arrow_long_r.svg) no-repeat center;

	background-size: .22rem;

}



.ar_fot a span {

	width: calc(100% - .46rem - .2rem);

}

.ar_fot li:nth-child(2) span {

	text-align: right;

}

.ar_fot a p {

	font-size: 0.18rem;

	color: #555;

}

.ar_fot a h6 {

	font-size: 0.17rem;

	color: #666;

}

.ar_fot li:hover h6 {

	color: var(--i_color);

}



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

	.ar_fot {

		margin-top: 0.6rem;

	}

}

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

	.ar_fot {

		padding-bottom: .3rem;

	}

	.ar_fot a i {

		width: 0.4rem;

		height: 0.4rem;

		background-size: .18rem !important;

	}

	.ar_fot a p {

		font-size: 0.16rem;

	}

	.ar_fot a h6 {

		font-size: 0.15rem;

	}

}

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

	.ar_fot li {

		width: 48%;

	}

}

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

	.ar_fot {

		margin: 0.4rem auto;

		padding-bottom: 0.1rem;

	}

	.ar_fot a i {

		display: none !important;

	}

	.ar_fot a span {

		width: 100%;

	}

	.ar_fot a p {

		font-size: 0.14rem;

	}

	.ar_fot a h6 {

		font-size: 0.13rem;

	}

}













/* Table style */

article table {

	margin-bottom: 20px;

	width: 100% !important;

	max-width: 100% !important;

	background: #FFF;

	border-collapse: collapse !important;

	border-spacing: 0 !important;

	border: none;

}

article tbody {

	width: 100% !important;

	max-width: 100% !important
}

article table tr,

article table td {

	width: auto !important;

	max-width: 100% !important
}

article table tr,

article table td,

article table tr p,

article table td p {

	margin: 0;

	padding: 0
}

article table td {

	box-sizing: border-box;

	padding: 6px;

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

article tr:nth-child(odd) {

	background: rgba(0, 0, 0, .03)
}















/* Contact us */

.c_form_box {

	margin: .4rem auto;

	position: relative;

}

.c_form_box>h5 {

	text-align: center;

	font-size: 0.15rem;

	color: #444;

	font-weight: bold;

}



.c_form {

	box-sizing: border-box;

	padding: .4rem;

	margin-top: 0.3rem;

	background: #FFF;

	border-top: 6px solid var(--i_color);

}

.c_form h3 {

	font-size: 0.24rem;

	color: #222;

	font-weight: bold;

	text-align: center;

}

.c_form h6 {

	margin-top: 0.1rem;

	text-align: center;

	font-size: 0.15rem;

	color: #888;

}



#wpforms-109 {

	--input_font_size: 13px;

	--input_height: .44rem
}

#wpforms-109 {

	width: 75%;

	margin: .3rem auto 0;

	padding: 0
}

#wpforms-form-109 {

	width: 100%;

	position: relative;

	overflow: hidden
}



#wpforms-109 input,

#wpforms-109 button {

	margin: 0;

	padding: 0;

	border: none;

	background: none
}

#wpforms-109 .wpforms-field {

	padding: 0;

	margin: 0
}

#wpforms-109 .wpforms-field-label {

	font-size: 0.15rem;

	color: #444;

	font-weight: bold;

}

#wpforms-109 .wpforms-required-label {

	font-size: 16px;

	color: #F00
}

#wpforms-109 .wpforms-field {

	width: 100%;

	background: transparent;

	padding-bottom: .26rem;

	position: relative;

	overflow: hidden
}



#wpforms-109 .wpforms-field-container input,

#wpforms-109 textarea {

	width: 100%;

	max-width: 100% !important;

	min-width: 100%;

	font-size: var(--input_font_size);

	color: #333;

	height: var(--input_height);

	box-sizing: border-box;

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

	background: none;

	padding: 0 .16rem;

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	overflow: hidden;

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}

#wpforms-109 .wpforms-field-container input:hover,

#wpforms-109 textarea:hover {

	border-color: var(--i_color);

}

#wpforms-109 input {

	line-height: var(--input_height)
}

#wpforms-109 textarea {

	line-height: .22rem;

	min-height: 1rem;

	padding: .06rem .16rem
}



#wpforms-109-field_2-container,

#wpforms-109-field_7-container {

	width: 49% !important;

}





#wpforms-109 input::-webkit-input-placeholder,

#wpforms-109 textarea::-webkit-input-placeholder {

	color: rgb(0 0 0 / 40%);

	font-size: var(--input_font_size)
}

#wpforms-109 input::-moz-placeholder,

#wpforms-109 textarea::-moz-placeholder {

	color: rgb(0 0 0 / 40%);

	font-size: var(--input_font_size)
}

#wpforms-109 input::-ms-input-placeholder,

#wpforms-109 textarea::-ms-input-placeholder {

	color: rgb(0 0 0 / 40%);

	font-size: var(--input_font_size)
}



#wpforms-109 #wpforms-109-field_1-error,

#wpforms-109 #wpforms-109-field_2-error,

#wpforms-109 #wpforms-109-field_3-error,

#wpforms-109 #wpforms-109-field_4-error,

#wpforms-109 #wpforms-109-field_5-error,

#wpforms-109 #wpforms-109-field_6-error {

	position: absolute;

	font-size: 12px;

	color: #A90909;

}



#wpforms-109 .wpforms-field-container {

	width: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	overflow: hidden
}

#wpforms-109 .wpforms-submit-container {

	margin: 0 auto;

	padding: 0 !important;

	box-sizing: border-box;

	width: 2rem;

	background: var(--i_color);

	-webkit-border-radius: .06rem;

	border-radius: .06rem;

	overflow: hidden;

	position: relative
}

#wpforms-109 .wpforms-submit-container:hover {

	background: var(--i_color2);

}

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

	width: 100%;

	height: .42rem;

	font-size: .14rem;

	color: #FFF;

	font-weight: bold;

	line-height: .42rem;

	cursor: pointer;

	position: relative;

	z-index: 2
}



#wpforms-109 .wpforms-submit-container img {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 4px
}





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

	.c_form_box>h5 {

		font-size: 0.14rem;

	}

	.c_form {

		padding: .3rem;

	}

	.c_form h3 {

		font-size: 0.2rem;

	}

	.c_form h6 {

		font-size: 0.14rem;

	}



	#wpforms-109 {

		width: 90%;

	}

}

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

	.c_form_box {

		margin: .3rem auto;

	}

	.c_form {

		padding: .2rem;

	}

	.c_form h3 {

		font-size: 0.18rem;

	}



	#wpforms-109 {

		width: 100%;

	}

	#wpforms-109-field_2-container,

	#wpforms-109-field_4-container {

		width: 100% !important;

	}

}

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

	.c_form_box>h5 {

		font-size: 0.13rem;

	}

	.c_form {

		margin-top: 0.2rem;

	}

	.c_form h3 {

		font-size: 0.16rem;

	}

	.c_form h6 {

		font-size: 0.13rem;

	}

}













.c_cont {

	margin-bottom: 0.5rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.c_contact {

	width: 48%;

}

.c_contact .tit {

	padding: 0 .3rem;

	background: var(--i_color);

}

.c_contact .tit h2 {

	font-size: 0.18rem;

	color: #FFF;

	line-height: 0.54rem;

	text-transform: uppercase;

}

.c_contact_list {

	padding: .3rem;

	background: #FFF;

}



.c_contact_list li {

	margin-bottom: .18rem;

	overflow: hidden;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap
}



.c_contact_list li i {

	display: block;

	width: .24rem;

	height: .24rem
}



.c_contact_list li i img {

	opacity: .7;

	height: 100%;

}



.c_contact_list .f_contact_t {

	margin-left: auto;

	width: calc(100% - .24rem - .1rem);

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	align-items: baseline;

}

.c_contact_list li b,

.c_contact_list li a,

.c_contact_list li p {

	font-size: .14rem;

	color: #333;

	line-height: .22rem
}

.c_contact_list li a {

	display: block;

	cursor: pointer;

}



.c_contact_list li b {

	font-weight: bold;

	margin-right: 4px;

}



.c_contact_list li:hover img {

	opacity: 1;

}

.c_contact_list li a:hover {

	color: var(--i_color);

}





.c_map {

	width: 48%;

	margin-left: auto;

}

.c_map #simpleMap,

.c_map .fluid-width-video-wrapper,

.c_map iframe {

	width: 100%;

	height: 100% !important
}



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

	.c_contact .tit h2 {

		font-size: 0.17rem;

		line-height: 0.46rem;

	}

	.c_contact_list {

		padding: .24rem;

	}

	.c_contact_list li i {

		width: 0.2rem;

		height: 0.2rem;

	}

	.c_contact_list li b,

	.c_contact_list li a,

	.c_contact_list li p {

		font-size: 0.13rem;

	}

}

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

	.c_cont {

		margin-bottom: 0.4rem;

	}

	.c_contact,

	.c_map {

		width: 100%;

	}

	.c_map {

		height: 3rem;

		margin: .2rem 0 0 0;

	}

	.c_contact .tit h2 {

		font-size: 0.15rem;

	}

}

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

	.c_cont {

		margin-bottom: 0.3rem;

	}

	.c_contact .tit {

		padding: 0 .2rem;

	}

	.c_contact .tit h2 {

		font-size: 0.14rem;

		line-height: 0.4rem;

	}

	.c_contact_list {

		padding: .2rem;

	}

	.c_contact_list li {

		margin-bottom: 0.1rem;

	}

	.c_map {

		height: 2rem;

	}

}









.p_order_list {}

.p_order_list ul {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

}

.p_order_list li {

	width: 50%;

	box-sizing: border-box;

	padding: 0 .3rem;

	text-align: center;

}

.p_order_list .ico {

	width: 1.6rem;

	height: 1.0rem;

	margin: 0 auto .1rem;

	position: relative;

}
.p_order_list .ico img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: contain;}
.fa-pencil-ruler{
	background: url(static/images/advg1.png) no-repeat center;

}
.p_order_list .bg {

	opacity: .22;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;


	background-size: contain;

}

.p_order_list .ico i {

	position: absolute;

	top: 50%;

	left: 50%;

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

	font-size: 0.6rem;

	color: var(--i_color);

	z-index: 2;

}

.p_order_list p {
	font-size: 16px;
	color: #333;
}
.p_order_list h6{font-size: 15px;color: #666;}


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

	.p_order_list .ico {

		width: 1.4rem;

		height: 1.0rem;

	}

	.p_order_list .ico i {

		font-size: 0.5rem;

	}

	.p_order_list p {

		font-size: 16px;

	}

}

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

	.p_order_list .ico {

		width: 1.2rem;

		height: 1.2rem;

	}

	.p_order_list .ico i {

		font-size: 0.46rem;

	}

}

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

	.p_order_list li {

		padding: 0 .2rem;

	}

	.p_order_list .ico {

		width: 1rem;

		height: 1rem;

	}

	.p_order_list .ico i {

		font-size: 0.4rem;

	}
	.p_order_list p{font-size: 17px;}
	.p_order_list h6{font-size: 14px;line-height: 1.4;}

}

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

	.p_order_list .ico {

		margin-bottom: 0.2rem;

		width: .8rem;

		height: .8rem;

	}

	.p_order_list .ico i {

		font-size: 0.3rem;

	}

	.p_order_list p {

		font-size: 0.15rem;

		font-weight: normal;

	}

}

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

	.p_order_list ul {

		flex-wrap: wrap;

	}

	.p_order_list li {

		margin: .14rem 0;

		width: 50%;

	}
	.p_order_list .ico {

		width: .4rem;

		height: .4rem;

	}
	.p_order_list h6{font-size: 13px}

}















.p_tit {

	margin-bottom: 0.7rem;

	text-align: center;

}

.p_tit h2 {

	margin-bottom: 0.06rem;

	font-size: 0.46rem;

	color: #FFF;

	font-weight: bold;

}

.p_tit h5 {

	font-size: 0.28rem;

	color: #FFF;

}



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

	.p_tit h2 {

		font-size: 0.38rem;

	}

	.p_tit h5 {

		font-size: 0.22rem;

	}

}

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

	.p_tit {

		margin-bottom: 0.56rem;

	}

}

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

	.p_tit h2 {

		font-size: 0.32rem;

	}

	.p_tit h5 {

		font-size: 0.2rem;

	}

}

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

	.p_tit {

		margin-bottom: 0.42rem;

	}

	.p_tit h2 {

		font-size: 0.28rem;

	}

	.p_tit h5 {

		font-size: 0.18rem;

	}

}

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

	.p_tit {

		margin-bottom: 0.34rem;

	}

	.p_tit h2 {

		font-size: 0.24rem;

	}

	.p_tit h5 {

		font-size: 0.17rem;

	}

}

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

	.p_tit h2 {

		font-size: 0.2rem;

	}

	.p_tit h5 {

		font-size: 0.16rem;

	}

}













.p_ddr {

	background: url(static/images/p_ddr_bg.webp) no-repeat center;

	background-attachment: fixed;

	background-size: cover;

	position: relative;

	overflow: hidden
}

.p_ddr_list {

	padding-top: 0.2rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.p_ddr_list li {

	width: 30.66%;

	margin: 0 4% .1rem 0;
	-webkit-transition:all .5s ease; transition:all .5s ease

}

.p_ddr_list li:nth-child(3n) {

	margin-right: 0;

}

.p_ddr_list p {

	margin-bottom: 0.24rem;

	font-size: 0.26rem;

	color: #FFF;

	font-weight: bold;

}

.p_ddr_list .img {

	width: 100%;

	position: relative;

	overflow: hidden
}

.p_ddr_list .img::before {

	content: "";

	display: block;

	padding-bottom: 100%
}

.p_ddr_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover
}

.p_ddr_list li:hover{-webkit-transform:translate(0,-10px); transform:translate(0,-10px)}
.p_ddr_list li:hover p {

	color: var(--i_color);

}




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

	.p_ddr_list p {

		font-size: 0.22rem;

	}

}

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

	.p_ddr_list p {

		font-size: 0.18rem;

	}

}

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

	.p_ddr_list p {

		margin-bottom: 0.16rem;

		height: 0.4rem;

		font-size: 0.16rem;

	}

}

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

	.p_ddr_list p {

		margin-bottom: 0.1rem;

		font-size: 0.15rem;

	}

}


/* 关于 */
.i_about{--l_width:50%}
.i_about{background:#F7F7F7; overflow:hidden}

.i_about_l{width:var(--l_width)}
.i_about_l h2{font-size:50px; color:#1c1c1c; font-weight:bold; line-height:74px}
.i_about_l i{display:block}
.i_about_l h4{margin:20px 0 20px; font-size:20px; color:#1c1c1c; font-weight:bold}
.i_about_l p{font-size:16px; color:#333; line-height:26px}
.i_about_l a.i_more{margin:14px 0 06px}


.i_about_r{  width: 43.75%;position:relative}
.i_about_r:before{content:"ABOUT US"; position:absolute; top:0; right:-50px; font-size:110px; color:rgba(0,0,0,.03)}

.i_about_img{width:100%; position:relative; overflow:hidden}
.i_about_img:before{content:""; display:block}
.i_about_l .i_about_img:before{padding-bottom:66.5%}
.i_about_r .i_about_img:before{padding-bottom:59.6%}
.i_about_img:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2)}
.i_about_img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
.i_about_img:hover:after{background:rgba(0,0,0,0)}
.i_about_img:after{-webkit-transition:all .7s ease; -moz-transition:all .7s ease; -ms-transition:all .7s ease; -o-transition:all .7s ease; transition:all .7s ease}

.i_about_r dl{margin-top:14px; overflow:hidden; display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap:wrap}
.i_about_r dt{width:23%; text-align:center}


.i_about_r dt .roll_num{font-size:40px; color:var(--i_color); font-weight:bold}
.roll_numdiv dt.roll_num{font-size:60px; color:var(--i_color); font-weight:bold}
.i_about_r dt p{font-size:16px; color:#333}

@media screen and (max-width:1440px){
	.i_about_l h2{font-size:54px; line-height:64px}
	.i_about_l h4{font-size:20px; margin:30px 0 20px}
	.i_about_l p{font-size:16px}
	.i_about_l a.i_more{margin:24px 0 60px}

	.i_about_r dt .roll_num{font-size:50px}
	.roll_numdiv dt.roll_num{font-size:60px; color:var(--i_color); font-weight:bold}
	.i_about_r dt p{font-size:20px}
}
@media screen and (max-width:1366px){
	.i_about_l h2{font-size:44px; line-height:50px}
	.i_about_l h4{margin:20px 0}

	.i_about_r:before{font-size:100px}
	.i_about_r dt .roll_num{font-size:46px}
	.roll_numdiv dt.roll_num{font-size:46px}
	.i_about_r dt p{font-size:18px}
}
@media screen and (max-width:1200px){
	.i_about_l h2{font-size:36px; line-height:40px}
	.i_about_l i{display:inline-block; margin:0 8px}
	.i_about_l h4{font-size:18px}
	.i_about_l p{font-size:15px; line-height:24px}

	.i_about_r{padding-top:50px}
	.i_about_r:before{right:-30px; font-size:80px}
}
@media screen and (max-width:959px){
	.i_about_l, .i_about_r{float:none!important; width:100%}
	.i_about_l h2{font-size:28px}
	.i_about_l h4{margin:12px 0}
	.i_about_l a.i_more{margin:24px 0 40px}
	.i_about_l .i_about_img{display:none!important}

	.i_about_r{padding-top:0}
	.i_about_r:before{top:-46px; right:-20px; font-size:70px}
	.i_about_r .i_about_img:before, .i_about_r .i_about_img:after{display:none!important}
	.i_about_r .i_about_img img{position:initial; width:100%; height:auto; transform:none}
	.i_about_r dl{margin-top:30px}
}
@media screen and (max-width:767px){
	.i_about_r dt .roll_num{font-size:42px}
	.roll_numdiv dt.roll_num{font-size:42px}
	.i_about_r dt p{font-size:17px}
}
@media screen and (max-width:560px){
	.i_about_l h2{font-size:22px}
	.i_about_l h4{margin:0 0 8px}
	.i_about_l p{font-size:14px; color:#555}
	.i_about_l a.i_more{margin:18px 0 30px}

	.i_about_r:before{display:none}
	.i_about_r dl{margin-top:22px}
	.i_about_r dt .roll_num{font-size:32px}
.roll_numdiv dt.roll_num{font-size:42px}
	.i_about_r dt p{font-size:12px; color:#666}
}





/* index news */

.i_news {

	background: url(static/images/i_hotsale_bg.webp) no-repeat center;

	background-attachment: fixed;

	background-size: cover;

	overflow: hidden;

	position: relative
}



.i_news_cont {

	position: relative;

}



.i_news_list {

	margin: 0 auto;

	position: relative;

	overflow: hidden
}

.i_news_list .swiper-wrapper {

	display: -webkit-flex;

	display: flex;

	position: relative;

	width: 100%
}

.i_news_list .swiper-slide {
    width: 25%;
	flex-shrink: 0;

	background: #FFF;

	position: relative
}

.i_news_list .news_cont {

	padding: .2rem;

}

.i_news_list .img {

	width: 100%;

	position: relative;

	overflow: hidden
}

.i_news_list .img::before {

	content: "";

	display: block;

	padding-bottom: 64%
}

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

.i_news_list .txt {}

.i_news_list h2 {

	margin: .2rem 0;


	font-size: 0.2rem;

	color: #000100;

	font-weight: bold;

	line-height: 0.3rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}

.i_news_list h6 {

	font-size: 0.14rem;

	color: #474747;

	line-height: 0.26rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}

.i_news_list .n_btn {

	display: table;

	margin: .2rem 0 .1rem;

	padding: .08rem 0.2rem;

	background: var(--i_color);

	-webkit-border-radius: .1rem;

	border-radius: .1rem;

	border: 2px solid #d4e9e2;

	box-shadow: 0 0 .1rem rgb(0 0 0 / 20%);

	-webkit-transition: all .5s ease;

	transition: all .5s ease
}

.i_news_list .n_btn b {

	font-size: 0.16rem;

	color: #FFF;

}

.i_news_list .n_btn i {

	margin-left: 0.1rem;

	font-size: 0.15rem;

	color: #FFF;

}

.i_news_list .n_time {

	padding: 0 .2rem;

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

}

.i_news_list .n_time p {

	font-size: 0.14rem;

	color: #555;

	line-height: 0.44rem;

}



.i_news_list .swiper-slide:hover img {

	width: 116%;

	height: 116%;

}

.i_news_list .swiper-slide:hover h2 {

	color: var(--i_color);

}

.i_news_list .n_btn:hover {

	background: #e76419;

	border-color: #ffd7c0;

}



.inews-prev,

.inews-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	z-index: 3;

	cursor: pointer;

	outline: none;

	-webkit-user-select: none;

	user-select: none
}

.inews-prev {

	left: -.34rem;

}

.inews-next {

	right: -.34rem;

}

.inews-prev i,

.inews-next i {

	font-size: 0.24rem;

	color: var(--i_color2);

}

.inews-prev:hover i,

.inews-next:hover i {

	color: var(--i_color);

}



.inews-pagination {

	display: block;

	margin-top: 0.4rem;

	text-align: center
}

.inews-pagination .swiper-pagination-bullet {

	width: .1rem;

	height: .1rem;

	display: inline-block;

	margin: 0 4px;

	background: #FFF;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	outline: none;

	cursor: pointer;

}

.inews-pagination .swiper-pagination-bullet-active {

	background: var(--i_color2)
}



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

	.i_news_list h2 {

		height: calc(.26rem * 3);

		line-height: 0.26rem;

		font-size: 0.18rem;

	}

}

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

	.i_news_list h2 {

		height: calc(.24rem * 3);

		line-height: 0.24rem;

		font-size: 0.16rem;

	}

	.i_news_list h6 {

		font-size: 0.13rem;

		line-height: 0.22rem;

	}

	.i_news_list .n_btn b {

		font-size: 0.14rem;

	}



	.inews-prev,

	.inews-next {

		display: none;

	}

}
@media screen and (max-width:768px) {
	.i_news_list .swiper-wrapper{flex-wrap: wrap;gap: 20px 4%;}
	.i_news_list .swiper-slide{width: 48%;}
	.i_news_list h2{height: auto;font-size: 0.15rem;}
	.i_news_list .news_cont{padding: 0 0;}
}
@media screen and (max-width:560px) {



	.inews-pagination {

		margin-top: 0.24rem;

	}

	.inews-pagination .swiper-pagination-bullet {

		width: 0.08rem;

		height: 0.08rem;

	}

}











.i_news,

.in_products {


}

.shrink_main {

	margin-bottom: -2.6rem;

}


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

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











/* footer */





.abc {}