body,
dd,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	font-family: HELVETICANEUELTPRO-THEX, 微软雅黑
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	font-size: inherit
}

ol,
ul {
	margin: 0;
	padding: 0;
	list-style: none
}

a {
	text-decoration: none;
	color: inherit;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

img {
	border: none;
	vertical-align: top;
	width: 100%
}


.wow {
	-webkit-animation-name: none;
	animation-name: none
}



.side-nav {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all .36s cubic-bezier(.215, .61, .355, 1) 0s
}

.side-nav .wow {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.side-nav .nav_container {
	padding: 19.73333vw 0 0 9.33333vw
}

.side-nav .nav_wrapper {
	padding-bottom: 28vw;
	border-bottom: 1px solid #f2f2f2
}

.side-nav .nav_wrapper .nav_item {
	font-size: 3.73333vw;
	line-height: 10.93333vw;
	color: #999;
	display: block;
	position: relative;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.side-nav .nav_wrapper .nav_item.active {
	color: #333
}

.side-nav .nav_wrapper .nav_item.active:before {
	opacity: 1
}

.side-nav .nav_wrapper .nav_item:before {
	content: "";
	width: .53333vw;
	height: 3.73333vw;
	position: absolute;
	top: calc(50% - 1.86667vw);
	left: -9.33333vw;
	background-color: #333;
	opacity: 0
}

.side-nav .contact {
	padding-top: 8.8vw
}

.side-nav .contact .tel {
	font-size: 5.06667vw;
	line-height: 6.93333vw;
	color: #333;
	font-family: Techna-Sans-Regular-2
}

.side-nav .contact .workday {
	font-size: 2.93333vw;
	line-height: 4.8vw;
	color: #666
}

.side-nav .contact .address {
	font-size: 2.93333vw;
	line-height: 4.53333vw;
	color: #999;
	padding-top: 2.93333vw
}

.side-nav .contact .share {
	padding-top: 8.53333vw
}

.side-nav .contact .share a {
	margin-right: 5.6vw
}

.side-nav .contact .share .iconfont {
	font-size: 5.33333vw;
	line-height: 1;
	color: #666
}

body.show #footer,
body.show #header {
	opacity: 0;
	visibility: hidden
}

body.show .side-nav {
	opacity: 1;
	visibility: visible
}

body.show #sitecontent {
	padding-bottom: 0;
	height: 100vh;
	border-radius: 4vw;
	box-shadow: 0 0 9.06667vw 0 rgba(91, 91, 91, .41);
	transform: translate3d(65.33333vw, 0, 1px) scale(.8)
}

body.show .mask {
	display: block;
	position: absolute
}

body.show .scrollView {
	position: relative
}

body.mini:not(.bodycustomer):not(.bodydiy):not(.bodysearch) #header {
	background-color: hsla(0, 0%, 100%, .72);
	-webkit-backdrop-filter: saturate(180%) blur(2.66667vw);
	backdrop-filter: saturate(180%) blur(2.66667vw)
}

body.mini.bodyindex #header {
	background-color: hsla(0, 0%, 100%, .72)
}

body.mini.bodyindex #header .mm-hbtn .lcitem .rect {
	background-color: #000
}

body.mini.bodyindex #header .mm-hlogo .iconfont {
	color: #333
}

body.mini.bodyindex #header .search .iconfont {
	color: #707070
}

body.mini.bodycustomer #header,
body.mini.bodydiy #header,
body.mini.bodysearch #header {
	background-color: transparent
}

body.mini.bodycustomer .case_btn:after,
body.mini.bodycustomer .list-serch:after,
body.mini.bodydiy .case_btn:after,
body.mini.bodydiy .list-serch:after,
body.mini.bodysearch .case_btn:after,
body.mini.bodysearch .list-serch:after {
	background-color: hsla(0, 0%, 100%, .72);
	-webkit-backdrop-filter: saturate(180%) blur(2.66667vw);
	backdrop-filter: saturate(180%) blur(2.66667vw)
}

.page_target {
	position: fixed;

	left: 0;
	bottom: calc(10.13333vw + env(safe-area-inset-bottom));
	bottom: calc(10.13333vw + constant(safe-area-inset-bottom));
	z-index: 201
}

.page_target,
.page_target .current_category {
	width: 100%;
	padding: 0 5.33333vw;
	box-sizing: border-box
}

.page_target .current_category {
	height: 10.66667vw;
	border-radius: 1.33333vw;
	background-color: #34cd8b;
	display: flex;
	justify-content: space-between
}

.page_target .current_category .text {
	font-size: 3.2vw;
	line-height: 10.66667vw;
	color: #fff
}

.page_target .current_category .iconfont {
	font-size: 2.13333vw;
	line-height: 10.66667vw;
	color: #fff
}

.page_target .category_wrapper {
	display: none
}





.category_overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 202;
	background-color: rgba(0, 0, 0, .6);
	opacity: 0;
	visibility: hidden;
	transition: all .45s cubic-bezier(.215, .61, .355, 1) 0s
}

.category_overlay.show {
	opacity: 1;
	visibility: visible
}

.category_overlay .swiper-scrollbar {
	background-color: transparent
}

.category_menu {
	width: 100%;
	background-color: #fff;
	border-radius: 2.66667vw 2.66667vw 0 0;
	padding-bottom: 6.4vw;
	box-sizing: border-box;
	position: fixed;
	bottom: -100vh;
	transition: all .45s cubic-bezier(.215, .61, .355, 1) 0s;
	z-index: 203
}

.category_menu.show {
	bottom: 0
}

.category_menu .content_list {
	padding: 0 5.33333vw;
	height: 93.33333vw;
	box-sizing: border-box
}

.category_menu .head {
	font-size: 3.73333vw
}

.category_menu .foot,
.category_menu .head {
	line-height: 14.13333vw;
	color: #333;
	text-align: center
}

.category_menu .foot {
	font-size: 3.2vw;
	border-top: 1px solid #e5e5e5
}

.category_menu .item_cate {
	font-size: 3.2vw;
	line-height: 10.66667vw;
	color: #666
}

.category_menu .item_cate:not(:last-child) {
	border-bottom: 1px solid #e5e5e5
}

.category_menu .item_cate a {
	display: flex;
	justify-content: space-between;
	margin: 1.33333vw 0;
	padding: 0 5.33333vw;
	border-radius: 1.33333vw
}

.category_menu .item_cate a,
.category_menu .item_cate span {
	transition: all .3s ease-out 0s
}

.category_menu .item_cate.active a {
	background-color: #34cd8b
}

.category_menu .item_cate.active a span {
	color: #fff
}



.pager {
	display: flex;
	justify-content: space-between;
	padding: 2.66667vw 0 24vw
}

.pager li {
	font-size: 3.46667vw;
	line-height: 4.26667vw;
	color: #333
}

.pager li.disabled {
	color: #999;
	pointer-events: none
}







.template .item_block .item_wrapper .subtitle {
	font-size: 3.4vw;
	line-height: 4.26667vw;
	color: #999;
	font-family: Techna-Sans-Regular-2
}


.bodytemplate .npagePage {
	padding: 0 5.33333vw
}






.bodytemplate .perch-box {
	height: 31.33333vw
}






.bodytemplate .tab_btns {
	position: fixed;
	top: 70px;
	font-size: 0;
	border-bottom:1px solid red;
	background-color: #fff;
	z-index: 100;
	display: flex
}





.bodytemplate .tab_btns,
.bodytemplate .tab_btns:after {
	width: 100%;
	left: 0;
	transition: all .36s cubic-bezier(.215, .61, .355, 1) 0s
}

.bodytemplate .tab_btns123:after {
	content: "";
	height: 24.8vw;
	position: absolute;
	bottom: 0;
	box-shadow: 0 .4vw 2vw 1.33333vw rgba(0, 0, 0, .06)
}

.bodytemplate .tab_btns a {
	font-size: 3.73333vw;
	line-height: 12vw;
	color: #333;
	display: inline-block;
	width: 50%;
	text-align: center;
	position: relative;
	z-index: 1
}






.page_target .current_category .iconfont { font-size: 3.4vw; line-height: 12.8vw; }




.bodyindex .template .container_category .header_btn .item_btn, .page_target .current_category { height: 12vw; background: linear-gradient(to right, #59e6a9, #34cd8b); box-shadow: 0px 15px 30px rgba(26, 163, 79, 0.3); border-radius: 25vw; }




.bodytemplate .page_target .container_category, .bodycustomer .page_target .container_category { margin: 0 auto; width:80%; }

.category_menu .item_cate a { border-radius: 6vw; }