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

@charset "utf-8";

.wrap {
	width: 1300px;
	margin: 0 auto
}

@media screen and (max-width:1366px) {
	.wrap {
		width: 90%
	}
}
@media screen and (max-width:1200px) {
	.wrap {
		width: 94%
	}
}


:root {
	--i_color: #0081CB;
	/* 全局颜色 */
	--i_color2: #F8B700;
	/* 副颜色 */
	--i_color3: #026CA9;
	/* 选中颜色 */
	--top_height: .4rem;
	/* 头部高度 */
	--top2_height: 1.1rem;
	/* 导航高度 */
	--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 */
.full_header {
	display: none;
	width: 100%;
	height: var(--top2_height);
	background: none;
}


.top {
	background: var(--i_color);
	position: relative;
}
.top_cont {
	height: var(--top_height);
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}

.top_tel {
	margin: 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.top_tel dt,
.top_tel dd {
	padding-left: 0.26rem;
	position: relative;
}
.top_tel dt::before,
.top_tel dd::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 0.2rem;
	height: 0.2rem;
}
.top_tel dt::before {
	background: url(static/images/public/contact/tel.svg) no-repeat center;
	background-size: contain;
}
.top_tel dd::before {
	background: url(static/images/public/contact/email.svg) no-repeat center;
	background-size: contain;
}
.top_tel dd {
	margin-left: 0.4rem;
}
.top_tel dt,
.top_tel dd,
.top_tel a {
	font-size: 0.15rem;
	color: #FFF;
}
.top_tel a:hover {
	color: var(--i_color2);
}

.top_media {
	margin-left: auto;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.top_media li {
	margin-left: 0.16rem;
}
.top_media img {
	height: 0.2rem;
}
.top_media li:hover {
	-webkit-transform: translate(0, -.04rem);
	transform: translate(0, -.04rem)
}
.top_media li {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

@media screen and (max-width:1024px) {
	.top {
		display: none;
	}
}
@media screen and (max-width:959px) {}
@media screen and (max-width:767px) {}
@media screen and (max-width:560px) {}






.top2 {
	width: 100%;
	background: #FFF;
	box-shadow: 0 .04rem .06rem rgb(0 0 0 / 8%);
}
.top2.TopHeader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
}
.top2_cont {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: var(--top2_height);
}
@media screen and (max-width:1024px) {
	.top2 {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;
	}
	.full_header {
		display: block !important;
	}
}


.logo {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 100%;
}
.logo img {
	max-height: 84%;
}





/* 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;
		margin-right: 0.6rem;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}
	nav>li {
		position: relative;
	}
	nav>li:not(:first-child) {
		margin-left: 0.38rem;
	}
	nav>.menu-item-has-children>a {
		position: relative;
		padding-right: 0.2rem;
	}
	nav>.menu-item-has-children>a::before {
		content: '';
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		right: 0;
		width: 0.16rem;
		height: 0.16rem;
		background: url(static/images/public/arrow/hollow/arrow_d_b.svg) no-repeat center;
		background-size: contain;
	}
	nav>.current-menu-item>a::before,
	nav>.current-category-ancestor>a::before,
	nav>.current-post-ancestor>a::before,
	nav>li:hover>a::before,
	nav .curr>a::before {
		background: url(static/images/arrow_d_b.svg) no-repeat center;
		background-size: contain;
	}

	nav>li>a {
		display: block;
		font-size: .2rem;
		color: #555;
		line-height: var(--top2_height);
		white-space: nowrap;
		text-transform: capitalize;
	}
	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 {
		display: none;
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
		border-top: 2px solid var(--i_color);
		background: #FFF;
		min-width: 1.6rem;
		overflow: hidden;
		z-index: 3;
	}
	.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;
		text-align: center;
		padding: 0 .3rem;
		font-size: 0.15rem;
		color: #666;
		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: .1rem;
	}
	nav .sub-menu li:hover a {
		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:1366px) {
	nav>li>a {
		font-size: .19rem;
	}
}
@media screen and (max-width:1200px) {
	nav>li>a {
		font-size: .18rem;
	}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:959px) {}
@media screen and (max-width:767px) {}
@media screen and (max-width:560px) {}




@media screen and (max-width:1024px) {
	nav {
		display: none;
		position: fixed;
		top: var(--top2_height);
		left: 0;
		width: 100%;
		width: 100vw;
		max-height: calc(100vh - var(--top2_height));
		box-sizing: border-box;
		border-top: 1px solid var(--border_color);
		background: #FFF;
		overflow-y: auto;
		z-index: 2
	}
	/*滚动条*/
	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
	}
}





.top_search {
	--search_height: .38rem
}
.top_search {
	margin: 0 .2rem 0 0;
}
.top_search form {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-border-radius: .1rem;
	border-radius: .1rem;
	box-sizing: border-box;
	border: 1px solid var(--i_color);
	overflow: hidden;
}
.top_search_ipt {
	width: 1.6rem;
	height: var(--search_height);
	box-sizing: border-box;
	padding: 0 0 0 .12rem;
}
.top_search_btn {
	opacity: .4;
	font-size: 0;
	width: var(--search_height);
	height: var(--search_height);
	background: url(static/images/public/search_b1.svg) no-repeat center;
	background-size: .2rem;
	cursor: pointer;
}

@media screen and (max-width:1024px) {
	.top_search {
		--search_height: .3rem
	}
	.top_search {
		margin-left: auto;
	}
	.top_search form {
		-webkit-border-radius: .05rem;
		border-radius: .05rem;
	}
}
@media screen and (max-width:959px) {}
@media screen and (max-width:767px) {}
@media screen and (max-width:560px) {
	.top_search_ipt {
		width: 1.4rem;
	}
}



.top_language {
	position: relative;
}
.top_language>i {
	display: block;
	padding: 0 .22rem 0 .3rem;
	font-size: 0.15rem;
	color: #666;
	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_b2.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 #000
}
.top_language.on>i::after {
	border-top: initial;
	border-bottom: .08rem solid #000
}


.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_color3)
}
.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_language {
		margin-right: 0.5rem;
	}
}
@media screen and (max-width:959px) {}
@media screen and (max-width:767px) {}
@media screen and (max-width:560px) {
	.top_language {
		margin-right: 0.4rem;
	}
	.top_language>i {
		font-size: 0;
		padding: 0 .22rem 0 0.24rem;
	}
}



/* 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: 31.25%;
	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_color)
}

.banner-pagination {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: .3rem;
	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 .swiper-slide {
		padding-bottom: 46%;
	}
	.banner-pagination {
		bottom: .2rem;
	}
}



/* Banner Text */
.b_text1 {
	position: absolute;
	top: 28%;
	left: 53%;
}
.b_text1 h2 b {
	font-size: 0.66rem;
	font-weight: bold;
	background: url(static/images/b_text1_bg.png) no-repeat right center;
	background-size: cover;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.b_text1 h2 p {
	margin: .2rem 0 .2rem;
	font-size: 0.22rem;
	color: #222;
	line-height: 0.3rem;
}
.b_text1 a {
	display: block;
	font-size: 0.22rem;
	color: var(--i_color);
}

.b_text2 {
	position: absolute;
	left: 52.5%;
	transform: translate(-50%, 0);
	top: 7.5%;
}
.b_text2 h2 {
	text-align: center;
}
.b_text2 b {
	font-size: 0.66rem;
	font-weight: bold;
	background: url(static/images/b_text2_bg.webp) no-repeat bottom center;
	background-size: cover;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.b_text2 p {
	margin: 0.16rem auto 0;
	width: 10rem;
	box-sizing: border-box;
	padding: .2rem 24%;
	font-size: 0.22rem;
	color: #333;
	letter-spacing: 1px;
	background: rgb(255 255 255 / 50%);
	background: -webkit-linear-gradient(left, transparent, rgb(255 255 255 / 70%) 50%, transparent);
	background: linear-gradient(left, transparent, rgb(255 255 255 / 50%) 70%, transparent);
}

.b_text3 {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 20%;
}
.b_text3 h2 {
	padding: .4rem;
	background: rgb(255 255 255 / 85%);
	text-align: center;
	position: relative;
}
.b_text3 h2::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% + 16px);
	height: calc(100% + 16px);
	border: 1px solid #FFF;
	z-index: -1;
}
.b_text3 .h2 {
	position: relative;
}
.b_text3 .h2::before,
.b_text3 .h2::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 32%;
	height: 2px;
	background: #222;
}
.b_text3 .h2::before {
	left: 0;
}
.b_text3 .h2::after {
	right: 0;
}
.b_text3 h2 b {
	display: inline-block;
	font-size: 0.46rem;
	font-weight: bold;
	position: relative;
}
.b_text3 h2 b::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background: rgb(255 255 255 / 30%);
}
.b_text3 p {
	margin: .16rem 0 0.08rem;
	font-size: 0.22rem;
	color: #333;
}
.b_text3 span {
	font-size: 0.19rem;
	color: var(--i_color);
}

@media screen and (max-width:1440px) {
	.b_text1 h2 b {
		font-size: 0.58rem;
	}

	.b_text2 b {
		font-size: 0.5rem;
	}
	.b_text2 p {
		padding: .2rem 20%;
		font-size: 0.2rem;
	}

	.b_text3 h2 b {
		font-size: 0.4rem;
	}
}
@media screen and (max-width:1366px) {
	.b_text1 h2 b {
		font-size: 0.48rem;
	}
	.b_text1 h2 p,
	.b_text1 a {
		font-size: 0.2rem;
	}

	.b_text2 b {
		font-size: 0.4rem;
	}
	.b_text2 p {
		padding: .2rem 28%;
		font-size: 0.18rem;
	}

	.b_text3 h2 b {
		font-size: 0.38rem;
	}
	.b_text3 p {
		font-size: 0.18rem;
	}
	.b_text3 span {
		font-size: 0.17rem;
	}
}
@media screen and (max-width:1024px) {
	.b_text1 h2 b {
		font-size: 0.36rem;
	}
	.b_text1 h2 p,
	.b_text1 a {
		font-size: 0.18rem;
	}

	.b_text2 {
		top: 11%;
	}
	.b_text2 b {
		font-size: 0.34rem;
	}
	.b_text2 p {
		width: 5rem;
		padding: .2rem 10%;
		font-size: 0.16rem;
	}

	.b_text3 {
		left: 10%;
	}
	.b_text3 h2 b {
		font-size: 0.32rem;
	}
	.b_text3 p,
	.b_text3 span {
		font-size: 0.16rem;
	}
}
@media screen and (max-width:767px) {
	.b_text1 h2 b {
		font-size: 0.26rem;
	}
	.b_text1 h2 p {
		margin: .1rem 0 .1rem;
		line-height: 0.24rem;
	}
	.b_text1 h2 p,
	.b_text1 a {
		font-size: 0.15rem;
	}

	.b_text2 {
		top: 11%;
	}
	.b_text2 b {
		font-size: 0.26rem;
	}
	.b_text2 p {
		width: 5rem;
		padding: .1rem 20%;
		font-size: 0.14rem;
		letter-spacing: 0;
	}

	.b_text3 {
		left: 6%;
	}
	.b_text3 h2 {
		padding: .2rem;
	}
	.b_text3 h2 b {
		font-size: 0.24rem;
	}
	.b_text3 p,
	.b_text3 span {
		font-size: 0.15rem;
	}
}
@media screen and (max-width:560px) {
	.b_text1 {
		top: 15%;
	}
	.b_text1 h2 b {
		font-size: 0.18rem;
	}
	.b_text1 h2 p {
		margin: .06rem 0 .06rem;
		line-height: 0.18rem;
	}
	.b_text1 h2 p,
	.b_text1 a {
		font-size: 0.12rem;
	}

	.b_text2 {
		top: 11%;
	}
	.b_text2 b {
		font-size: 0.17rem;
	}
	.b_text2 p {
		width: 3rem;
		padding: .06rem 5%;
		font-size: 0.12rem;
	}

	.b_text3 {
		top: 47%;
	}
	.b_text3 h2 {
		padding: .1rem;
	}
	.b_text3 h2::before {
		width: calc(100% + 10px);
		height: calc(100% + 10px);
	}
	.b_text3 h2 b {
		font-size: 0.17rem;
	}
	.b_text3 p {
		margin: .1rem 0 0.06rem;
	}
	.b_text3 p,
	.b_text3 span {
		font-size: 0.12rem;
	}
}






/* 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;
	}
}





.i_tit {
	text-align: center;
	margin-bottom: 0.4rem;
}
.i_tit h2 {
	font-size: 0.32rem;
	color: var(--i_color);
	font-weight: bold;
}
.i_tit h6 {
	max-width: 80%;
	margin: 0.16rem auto 0;
	font-size: 0.16rem;
	color: #555;
	letter-spacing: .5px;
}
@media screen and (max-width:1366px) {
	.i_tit h2 {
		font-size: 0.28rem;
	}
}
@media screen and (max-width:1200px) {
	.i_tit h2 {
		font-size: 0.26rem;
	}
	.i_tit h6 {
		margin-top: 0.1rem;
		font-size: 0.15rem;
	}
}
@media screen and (max-width:1024px) {
	.i_tit {
		margin-bottom: 0.3rem;
	}
	.i_tit h2 {
		font-size: 0.22rem;
	}
	.i_tit h6 {
		font-size: 0.13rem;
	}
}
@media screen and (max-width:767px) {
	.i_tit {
		margin-bottom: 0.3rem;
	}
	.i_tit h2 {
		font-size: 0.18rem;
	}
	.i_tit h6 {
		font-size: 0.12rem;
	}
}
@media screen and (max-width:560px) {
	.i_tit {
		margin-bottom: 0.24rem;
	}
	.i_tit h2 {
		font-size: 0.16rem;
	}
}





.i_more {
	display: table;
	margin: 0 auto;
	-webkit-border-radius: .05rem;
	border-radius: .05rem;
	position: relative;
	box-sizing: border-box;
	border: 1px solid var(--i_color);
	overflow: hidden;
}
.i_more::before {
	opacity: 0;
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: 0;
	width: 0;
	height: 100%;
	background: var(--i_color);
}

.i_more i {
	display: block;
	padding: 0 .7rem;
	text-align: center;
	font-size: 0.18rem;
	color: var(--i_color);
	line-height: 0.4rem;
	position: relative;
	z-index: 2;
}
.i_more:hover::before {
	opacity: 1;
	width: 102%;
}
.i_more:hover i {
	color: #FFF;
}
.i_more::before,
.i_more i {
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}

@media screen and (max-width:1024px) {
	.i_more i {
		padding: 0 0.6rem;
		font-size: 0.16rem;
		line-height: 0.34rem;
	}
}
@media screen and (max-width:767px) {
	.i_more i {
		padding: 0 0.5rem;
		font-size: 0.15rem;
		line-height: 0.32rem;
	}
}
@media screen and (max-width:560px) {
	.i_more i {
		padding: 0 0.36rem;
		font-size: 0.14rem;
		line-height: 0.3rem;
	}
}







.i_category {
	background: #F3F3F3;
}

.category_list {
	position: relative;
	overflow: hidden
}
.category_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%
}
.category_list .swiper-slide {
	flex-shrink: 0;
	position: relative
}

.category_list .img {
	width: 100%;
	position: relative;
	overflow: hidden
}
.category_list .img::before {
	content: "";
	display: block;
	padding-bottom: 100%
}
.category_list .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover
}
.category_list li p {
	position: absolute;
	left: 0;
	top: 24%;
	transform: translate(0, -50%);
	width: 100%;
	box-sizing: border-box;
	background: rgb(0 129 203 / 70%);
	text-align: center;
	padding: .06rem .16rem;
}
.category_list li span {
	font-size: 0.16rem;
	color: #FFF;
	line-height: 0.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.category_list li b {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 16%;
	width: 58%;
	box-sizing: border-box;
	border: 2px solid #FFF;
	-webkit-border-radius: .05rem;
	border-radius: .05rem;
	background: rgb(0 0 0 / 40%);
}
.category_list li b i {
	display: block;
	text-align: center;
	font-size: 0.12rem;
	color: #FFF;
	line-height: 0.32rem;
}
.category_list li:hover img {
	width: 115%;
	height: 115%;
}
.category_list li:hover b {
	background: var(--i_color);
	border-color: rgb(255 255 255 / 30%);
}
.category_list .img img {
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}

.cat-pagination {
	display: block;
	margin-top: 0.3rem;
	text-align: center
}
.cat-pagination .swiper-pagination-bullet {
	width: .06rem;
	height: .06rem;
	display: inline-block;
	margin: 0 4px;
	background: #AAA;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
	outline: none
}
.cat-pagination .swiper-pagination-bullet-active {
	width: 0.26rem;
	background: var(--i_color)
}
.cat-pagination .swiper-pagination-bullet {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

@media screen and (max-width:1024px) {
	.category_list li span {
		font-size: 0.14rem;
	}
}
@media screen and (max-width:560px) {
	.category_list li span {
		font-size: 0.13rem;
		line-height: 0.18rem;
	}
	.category_list li p {
		top: 20%;
	}
	.category_list li b {
		width: 60%;
		bottom: 12%;
		border: 1px solid #FFF;
	}
	.category_list li b i {
		line-height: 0.26rem;
	}
	.cat-pagination {
		margin-top: 0.2rem;
	}
}






/* Products brand */
.i_brand {}
.i_brand .i_more {
	margin-top: 0.5rem;
}

.i_brand_nav {
	margin-bottom: 0.46rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.i_brand_nav li {
	margin: 0 .2rem;
	box-sizing: border-box;
	-webkit-border-radius: .05rem;
	border-radius: .05rem;
	border: 1px solid var(--i_color);
}
.i_brand_nav li.current {
	background: var(--i_color2);
	border-color: var(--i_color2);
}
.i_brand_nav p {
	padding: .08rem .18rem;
	font-size: 0.16rem;
	color: var(--i_color);
	cursor: pointer;
}
.i_brand_nav li.current p {
	color: #FFF !important;
}

.i_brand_show {
	--li_mar: .3rem
}
.i_brand_show li {
	display: none;
	position: relative;
}
.i_brand_show li:nth-child(1) {
	display: block;
}
.i_brand_show li::before {
	content: '';
	display: block;
	padding-bottom: 50%;
}
.i_brand_cont {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.i_brand_link {
	width: 42%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.i_brand_link .img {
	height: 100%;
	position: relative;
}
.i_brand_link .img::after {
	content: '';
	position: absolute;
	top: 0;
	right: 100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right,
			rgba(255, 255, 255, 0),
			rgba(255, 255, 255, 0.4));
	background: -webkit-linear-gradient(to right,
			rgba(255, 255, 255, 0),
			rgba(255, 255, 255, 0.4));
}
.i_brand_link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.i_brand_link .txt {
	position: absolute;
	left: 10%;
	bottom: 6%;
}
.i_brand_link h4 {
	margin-bottom: 0.12rem;
	font-size: 0.24rem;
	color: #FFF;
}
.i_brand_link p {
	padding: 0 .16rem;
	background: #FFF;
	position: relative;
	-webkit-border-radius: .05rem;
	border-radius: .05rem;
	overflow: hidden;
}
.i_brand_link p::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	background: var(--i_color2);
}
.i_brand_link p i {
	padding-right: 0.3rem;
	font-size: 0.13rem;
	color: #222;
	line-height: 0.34rem;
	text-transform: uppercase;
	background: url(static/images/public/arrow/double/arrow_r_b.svg) no-repeat right center;
	background-size: .2rem;
	position: relative;
}

.i_brand_link:hover .img::after {
	animation: fol 1s;
	animation-delay: 0s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}
.i_brand_link:hover img {
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15)
}
@keyframes fol {
	0% {
		right: 100%;
		opacity: 1;
	}
	100% {
		right: 0;
		opacity: 0;
	}
}
.i_brand_link:hover p::before {
	right: initial;
	left: 0;
	width: 100%;
}
.i_brand_link:hover p i {
	color: #FFF;
	background: url(static/images/public/arrow/double/arrow_r_w.svg) no-repeat right center;
	background-size: .2rem;
}
.i_brand_link .img img,
.i_brand_link p::before,
.i_brand_link p i {
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}


.i_brand_list {
	margin-left: auto;
	width: calc(100% - 42% - var(--li_mar));
	height: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.i_brand_list dt {
	width: calc((100% - var(--li_mar)) / 2);
	height: calc((100% - var(--li_mar)) / 2);
	position: relative;
	margin-bottom: var(--li_mar);
	overflow: hidden;
}
.i_brand_list dt:nth-child(even) {
	margin-left: var(--li_mar);
}
.i_brand_list a {
	display: block;
	height: 100%;
}
.i_brand_list .img {
	height: 100%;
}
.i_brand_list img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.i_brand_list .txt {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 10%;
	width: 90%;
	text-align: center;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
	background: rgb(0 0 0 / 80%);
}
.i_brand_list .txt p {
	padding: 0 .2rem;
	font-size: 0.15rem;
	color: #FFF;
	line-height: 0.38rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.i_brand_list dt:hover img {
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15)
}
.i_brand_list dt:hover .txt {
	background: var(--i_color2);
}
.i_brand_list img,
.i_brand_list .txt {
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}

@media screen and (max-width:1200px) {
	.i_brand .i_more {
		margin-top: 0.4rem;
	}
}
@media screen and (max-width:1024px) {
	.i_brand_show {
		--li_mar: .2rem
	}
	.i_brand_nav {
		margin-bottom: 0.34rem;
	}
	.i_brand_nav li {
		margin: 0 .1rem;
	}
	.i_brand_nav p {
		font-size: 0.14rem;
	}

	.i_brand_link h4 {
		font-size: 0.2rem;
	}
	.i_brand_list .txt {
		bottom: 8%;
	}
	.i_brand_list .txt p {
		padding: 0 .1rem;
		font-size: 0.13rem;
		line-height: 0.32rem;
	}

	.i_brand .i_more {
		margin-top: 0.3rem;
	}
}
@media screen and (max-width:767px) {
	.i_brand_nav {
		flex-wrap: wrap;
		margin-bottom: 0.24rem;
	}
	.i_brand_nav li {
		margin: 0 .06rem .1rem;
	}

	.i_brand_show li::before {
		display: none;
	}
	.i_brand_cont {
		position: initial;
		display: block;
	}
	.i_brand_link {
		display: block;
		width: 100%;
		overflow: hidden;
	}
	.i_brand_link::before {
		content: '';
		display: block;
		padding-bottom: 100%;
	}
	.i_brand_link .img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.i_brand_link .txt {
		left: 6%;
	}
	.i_brand_link h4 {
		font-size: 0.18rem;
	}
	.i_brand_link p {}
	.i_brand_link p i {
		font-size: 0.12rem;
		padding-right: 0.24rem;
		background-size: .16rem;
		line-height: 0.3rem;
	}

	.i_brand_list {
		width: 100%;
	}
	.i_brand_list dt {
		margin-bottom: 0;
		margin-top: var(--li_mar);
	}
	.i_brand_list dt::before {
		content: '';
		display: block;
		padding-bottom: 100%;
	}
	.i_brand_list a {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.i_brand_list .txt {
		bottom: 0;
		width: 100%;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
}
@media screen and (max-width:560px) {
	.i_brand_nav {
		margin-bottom: 0.16rem;
	}
	.i_brand_nav li {
		width: 30%;
	}
	.i_brand_nav p {
		text-align: center;
		padding: .06rem 0;
	}

	.i_brand .i_more {
		margin-top: 0.26rem;
	}
}







.i_loader {
	background: #F3F3F3;
}
.i_loader .i_more {
	margin-top: 0.2rem;
}

.i_loader_nav {
	margin-bottom: 0.46rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.i_loader_nav li {
	margin: 0 .2rem;
	box-sizing: border-box;
	-webkit-border-radius: .05rem;
	border-radius: .05rem;
	border: 1px solid var(--i_color);
}
.i_loader_nav li.current {
	background: var(--i_color2);
	border-color: var(--i_color2);
}
.i_loader_nav p {
	padding: .08rem .18rem;
	font-size: 0.16rem;
	color: var(--i_color);
	cursor: pointer;
}
.i_loader_nav li.current p {
	color: #FFF !important;
}

.i_loader_show dt {
	display: none;
	position: relative;
}
.i_loader_show dt:nth-child(1) {
	display: block;
}

.i_loader_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.i_loader_list li {
	width: 22.75%;
	margin: 0 3% .3rem 0;
	position: relative;
	overflow: hidden;
}
.i_loader_list li:nth-child(4n) {
	margin-right: 0;
}
.i_loader_list .img {
	width: 100%;
	position: relative;
	overflow: hidden
}
.i_loader_list .img::before {
	content: "";
	display: block;
	padding-bottom: 100%
}
.i_loader_list .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover
}
.i_loader_list .txt {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 60%);
}
.i_loader_list .txt span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.i_loader_list .txt .ico {
	display: block;
	margin: 0 auto;
	width: 0.44rem;
	height: 0.44rem;
	background: #FFF;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: relative;
}
.i_loader_list .txt .ico::before {
	content: "+";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.26rem;
	color: var(--i_color2);
}
.i_loader_list .txt p {
	margin-top: 0.18rem;
	text-align: center;
	font-size: 0.16rem;
	color: #FFF;
	line-height: 0.22rem;
	box-sizing: border-box;
	padding: 0 .2rem;
}

.i_loader_list li:hover .txt {
	bottom: 0;
}
.i_loader_list li .txt {
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

@media screen and (max-width:1024px) {
	.i_loader_nav {
		margin-bottom: 0.34rem;
	}
	.i_loader_nav li {
		margin: 0 .1rem;
	}
	.i_loader_nav p {
		font-size: 0.14rem;
	}

	.i_loader_list li {
		width: 23.5%;
		margin: 0 2% .2rem 0;
	}
	.i_loader_list .txt .ico {
		width: 0.36rem;
		height: 0.36rem;
	}
	.i_loader_list .txt p {
		padding: 0 .1rem;
		font-size: 0.14rem;
		line-height: 0.2rem;
	}

	.i_loader .i_more {
		margin-top: 0.1rem;
	}
}
@media screen and (max-width:767px) {
	.i_loader_nav {
		flex-wrap: wrap;
		margin-bottom: 0.2rem;
	}
	.i_loader_nav li {
		margin: 0 .06rem .1rem;
	}

	.i_loader_list li {
		width: 48.5%;
		margin: 0 3% .24rem 0;
	}
	.i_loader_list li:nth-child(2n) {
		margin-right: 0;
	}
}
@media screen and (max-width:560px) {
	.i_loader_nav li {
		width: 45%;
	}
	.i_loader_nav p {
		text-align: center;
		padding: .06rem 0;
	}

	.i_loader_list li {
		margin-bottom: 0.14rem;
	}
}









.i_roller_list {
	position: relative;
	overflow: hidden
}
.i_roller_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%
}
.i_roller_list .swiper-slide {
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
}

.i_roller_list .img {
	width: 100%;
	position: relative;
	overflow: hidden
}
.i_roller_list .img::before {
	content: "";
	display: block;
	padding-bottom: 100%
}
.i_roller_list .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover
}
.i_roller_list .txt {
	margin-top: 0.14rem;
	text-align: center;
}
.i_roller_list .txt p {
	font-size: 0.15rem;
	color: #555;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.i_roller_list .swiper-slide:hover img {
	width: 115%;
	height: 115%;
}
.i_roller_list .swiper-slide:hover p {
	color: var(--i_color);
}
.i_roller_list .img img {
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}



.roller-prev,
.roller-next {
	position: absolute;
	top: 46%;
	transform: translate(0, -50%);
	width: .4rem;
	height: .6rem;
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.roller-prev {
	left: 0;
	background: rgb(255 255 255 / 85%) url(static/images/public/arrow/hollow/arrow_l_b.svg) no-repeat center;
	background-size: .2rem
}
.roller-next {
	right: 0;
	background: rgb(255 255 255 / 85%) url(static/images/public/arrow/hollow/arrow_r_b.svg) no-repeat center;
	background-size: .2rem
}
.roller-prev:hover {
	background: var(--i_color2) url(static/images/public/arrow/hollow/arrow_l_w.svg) no-repeat center;
	background-size: .2rem
}
.roller-next:hover {
	background: var(--i_color2) url(static/images/public/arrow/hollow/arrow_r_w.svg) no-repeat center;
	background-size: .2rem
}

.roller-pagination {
	display: block;
	margin-top: 0.3rem;
	text-align: center
}
.roller-pagination .swiper-pagination-bullet {
	width: .06rem;
	height: .06rem;
	display: inline-block;
	margin: 0 4px;
	background: #AAA;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
	outline: none
}
.roller-pagination .swiper-pagination-bullet-active {
	width: 0.26rem;
	background: var(--i_color)
}
.roller-pagination .swiper-pagination-bullet {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

@media screen and (max-width:1024px) {
	.i_roller_list .txt p {
		font-size: 0.14rem;
	}
	.roller-prev,
	.roller-next {
		display: none;
	}
}
@media screen and (max-width:767px) {
	.i_roller_list .txt p {
		font-size: 0.13rem;
	}
}
@media screen and (max-width:560px) {
	.roller-pagination {
		margin-top: 0.2rem;
	}
}







.i_about {
	position: relative;
}

.i_ab_cont {
	position: relative;
	z-index: 2;
}
.i_ab_cont::before {
	content: '';
	position: absolute;
	top: 0;
	right: 100%;
	width: 100%;
	height: 100%;
	background: var(--i_color);
}

.i_ab_t {
	padding: .54rem 0;
	width: 60%;
	box-sizing: border-box;
	padding-right: 20%;
	-webkit-clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
	background: var(--i_color);
}
.i_ab_t h2 {
	padding-bottom: 0.2rem;
	font-size: 0.38rem;
	color: #FFF;
	position: relative;
}
.i_ab_t h2::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: .8rem;
	height: 3px;
	background: #FFF;
}
.i_ab_t h6 {
	margin: .4rem 0 .4rem;
	color: #FFF;
}
.i_ab_t a {
	display: table;
	border: 1px solid #FFF;
}
.i_ab_t a i {
	display: block;
	padding: .1rem .32rem;
	font-size: 0.16rem;
	color: #FFF;
}
.i_ab_t a:hover {
	border-color: var(--i_color2);
	background: var(--i_color2);
}

.i_ab_list {
	margin-top: 0.4rem;
}
.i_ab_list dt {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.i_ab_list dt:nth-child(1) {
	margin-bottom: 0.3rem;
}
.i_ab_list .ico {
	width: .76rem;
	height: .76rem;
	box-sizing: border-box;
	border: 1px solid #FFF;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: relative;
}
.i_ab_list .ico img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 0.4rem;
}
.i_ab_list .txt {
	margin-left: 0.2rem;
}
.i_ab_list .txt h5 {
	font-size: 0.18rem;
	font-weight: bold;
	color: #FFF;
}
.i_ab_list .txt p {
	margin-top: 0.06rem;
	font-size: 0.14rem;
	color: #FFF;
}

.i_ab_list dt:hover img {
	-webkit-transform: translate(-50%, -50%) rotateY(180deg);
	transform: translate(-50%, -50%) rotateY(180deg)
}
.i_ab_list .ico img {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.i_ab_pic {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
}
.i_ab_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width:1440px) {
	.i_ab_t h2 {
		font-size: 0.34rem;
	}
}
@media screen and (max-width:1366px) {
	.i_ab_t h6 {
		margin: 0.3rem 0 0.3rem;
	}
}
@media screen and (max-width:1200px) {
	.i_ab_t h2 {
		font-size: 0.3rem;
	}
	.i_ab_t h6 {
		margin: 0.24rem 0 0.3rem;
	}
	.i_ab_list .ico {
		width: 0.62rem;
		height: 0.62rem;
	}
	.i_ab_list .ico img {
		height: .34rem;
	}
}
@media screen and (max-width:1024px) {
	.i_ab_cont {
		width: 100%;
		background: rgb(0 129 203 / 80%);
	}
	.i_ab_t {
		width: 94%;
		margin: 0 auto;
		padding-right: 0;
		-webkit-clip-path: none;
		clip-path: none;
		background: none;
	}
	.i_ab_t h2 {
		font-size: 0.26rem;
	}
	.i_ab_t a i {
		padding: .08rem .26rem;
		font-size: 0.15rem;
	}
	.i_ab_list .txt h5 {
		font-size: 0.16rem;
	}

	.i_ab_pic {
		width: 100%;
	}
}
@media screen and (max-width:767px) {
	.i_ab_t {
		padding: .4rem 0;
	}
	.i_ab_t h2 {
		padding-bottom: 0.14rem;
		font-size: 0.22rem;
	}
	.i_ab_t h6 {
		margin: 0.2rem 0 0.24rem;
	}
	.i_ab_list {
		margin-top: 0.3rem;
	}
	.i_ab_list dt:nth-child(1) {
		margin-bottom: 0.2rem;
	}
	.i_ab_list .ico {
		width: 0.54rem;
		height: 0.54rem;
	}
	.i_ab_list .ico img {
		height: .3rem;
	}
	.i_ab_list .txt h5 {
		font-size: 0.15rem;
	}
	.i_ab_list .txt p {
		font-size: 0.13rem;
	}
}
@media screen and (max-width:560px) {
	.i_ab_t h2 {
		font-size: 0.18rem;
	}
	.i_ab_t h2::before {
		height: 2px;
	}
	.i_ab_t a i {
		padding: .06rem .2rem;
		font-size: 0.13rem;
	}
	.i_ab_list .ico {
		width: 0.46rem;
		height: 0.46rem;
	}
	.i_ab_list .ico img {
		height: .24rem;
	}
}








/* Partners */
.partners_list {
	width: calc(100% - 1.2rem);
	margin: 0 auto;
	position: relative;
	overflow: hidden
}
.partners_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%
}
.partners_list .swiper-slide {
	flex-shrink: 0;
	box-sizing: border-box;
	border: 1px solid #CCC;
	position: relative
}
.partners_list .swiper-slide::before {
	content: '';
	display: block;
	padding-bottom: 56%;
}
.partners_list .swiper-slide img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 80%;
	max-height: 80%;
}

.partners-prev,
.partners-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: .3rem;
	height: .5rem;
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.partners-prev {
	left: 0;
	background: rgb(0 0 0 / 30%) url(static/images/public/arrow/hollow/arrow_l_w.svg) no-repeat center;
	background-size: .2rem
}
.partners-next {
	right: 0;
	background: rgb(0 0 0 / 30%) url(static/images/public/arrow/hollow/arrow_r_w.svg) no-repeat center;
	background-size: .2rem
}
.partners_list .swiper-button-disabled {
	cursor: not-allowed
}
.partners-prev:hover,
.partners-next:hover {
	background-color: var(--i_color);
}

.partners-pagination {
	display: block;
	margin-top: 0.3rem;
	text-align: center
}
.partners-pagination .swiper-pagination-bullet {
	width: .06rem;
	height: .06rem;
	display: inline-block;
	margin: 0 4px;
	background: #AAA;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
	outline: none
}
.partners-pagination .swiper-pagination-bullet-active {
	width: 0.26rem;
	background: var(--i_color)
}
.partners-pagination .swiper-pagination-bullet {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

@media screen and (max-width:1024px) {
	.partners_list {
		width: 100%;
		box-sizing: border-box;
		padding: 0 1px;
	}
	.partners-prev,
	.partners-next {
		display: none;
	}
}
@media screen and (max-width:560px) {
	.partners-pagination {
		margin-top: 0.2rem;
	}
}






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

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

.f_cont,
.f_form {
	box-sizing: border-box;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.f_cont {
	width: 62%;
}
.f_nav {
	padding-bottom: 0.16rem;
	border-bottom: 2px solid #FFF;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.f_nav li {}
.f_nav li:not(:last-child) {
	margin-right: 0.4rem;
}
.f_nav a {
	font-size: 0.2rem;
	color: #222;
}
.f_nav a:hover,
.f_nav .current-menu-item a,
.f_nav .current-category-ancestor a,
.f_nav .current-post-ancestor a {
	color: var(--i_color);
}

.f_info {
	margin-top: 0.38rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.f_p_nav {
	width: 40%;
}
h2.f_tit {
	margin-bottom: 0.26rem;
	font-size: 0.24rem;
	color: var(--i_color);
	font-weight: bold;
	text-transform: uppercase;
}
.f_p_list {}
.f_p_list li {
	margin: .1rem 0;
	position: relative;
}
.f_p_list a {
	display: block;
	padding-left: 0.22rem;
	font-size: 0.16rem;
	color: #333;
	line-height: 0.24rem;
	background: url(static/images/public/arrow/hollow/arrow_r_b.svg) no-repeat left center;
	position: relative;
	left: 0;
	background-size: .12rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.f_p_list li:hover a {
	left: 0.1rem;
	color: var(--i_color);
}
.f_p_list a {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.f_contact {
	margin-left: auto;
	width: 54%;
}

.f_contact_list {
	padding-bottom: 0.1rem;
	margin-bottom: 0.1rem;
	border-bottom: 1px solid #BBB;
}
.f_contact_list li {
	margin-bottom: .16rem;
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap
}

.f_contact_list li i {
	display: block;
	width: .22rem;
	height: .22rem
}

.f_contact_list li i img {
	opacity: .6;
	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: #555;
	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;
}
.f_contact_list li a:hover {
	color: var(--i_color);
}

.f_media {
	padding-top: 0.1rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.f_media dt:not(:last-child) {
	margin-right: 0.26rem;
}
.f_media img {
	height: 0.4rem;
}
.f_media dt:hover {
	-webkit-transform: translate(0, -.08rem);
	transform: translate(0, -.08rem)
}
.f_media dt {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.f_form {
	margin-left: auto;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	width: 30%;
	text-align: center;
	background: var(--i_color);
}
.f_form .tit {
	margin-bottom: 0.3rem;
	font-size: 0.3rem;
	color: #FFF;
}

#wpforms-40 {
	--input_font_size: 13px;
	--input_height: .34rem
}
#wpforms-40 {
	width: 100%;
	margin: 0 auto;
	padding: 0
}
#wpforms-form-40 {
	width: 100%;
	position: relative;
	overflow: hidden
}

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

#wpforms-40 .wpforms-field-label {
	font-size: 0
}
#wpforms-40 .wpforms-required-label {
	position: absolute;
	top: .1rem;
	left: 5px;
	font-size: 16px;
	color: #F00
}
#wpforms-40 .wpforms-field {
	width: 100%;
	background: transparent;
	padding-bottom: .22rem;
	position: relative;
	overflow: hidden
}

#wpforms-40 .wpforms-field-container input,
#wpforms-40 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-40 .wpforms-field-container input:hover,
#wpforms-40 textarea:hover {
	border-color: #FFF;
}
#wpforms-40 input {
	line-height: var(--input_height)
}
#wpforms-40 textarea {
	line-height: .22rem;
	min-height: .8rem;
	padding: .06rem .16rem
}
#wpforms-40 input::-webkit-input-placeholder,
#wpforms-40 textarea::-webkit-input-placeholder {
	color: rgb(255 255 255 / 70%);
	font-size: var(--input_font_size)
}
#wpforms-40 input::-moz-placeholder,
#wpforms-40 textarea::-moz-placeholder {
	color: rgb(255 255 255 / 70%);
	font-size: var(--input_font_size)
}
#wpforms-40 input::-ms-input-placeholder,
#wpforms-40 textarea::-ms-input-placeholder {
	color: rgb(255 255 255 / 70%);
	font-size: var(--input_font_size)
}

#wpforms-40 #wpforms-40-field_1-error,
#wpforms-40 #wpforms-40-field_2-error,
#wpforms-40 #wpforms-40-field_3-error,
#wpforms-40 #wpforms-40-field_4-error,
#wpforms-40 #wpforms-40-field_5-error,
#wpforms-40 #wpforms-40-field_6-error {
	position: absolute;
	font-size: 12px;
	color: #A90909;
}

#wpforms-40 .wpforms-field-container {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden
}
#wpforms-40 .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-40 .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-40 .wpforms-submit-container:hover {
	background: var(--i_color2);
}
#wpforms-40 .wpforms-submit-container:hover button {
	color: #FFF;
}

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

.f_copy {
	text-align: center;
	padding: .3rem 0;
	background: #666
}
.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: .14rem;
	color: #FFF;
	line-height: 22px
}
.f_copy dt a:hover {
	color: var(--i_color2);
}

@media screen and (max-width:1024px) {
	.f_cont {
		width: 100%;
	}
	.f_nav {
		border-bottom: 1px solid #FFF;
	}
	.f_nav a {
		font-size: 0.18rem;
	}
	h2.f_tit {
		margin-bottom: 0.2rem;
		font-size: 0.19rem;
	}
	.f_p_list li {
		margin: .06rem 0;
	}
	.f_p_list a {
		font-size: 0.15rem;
	}
	.f_media img {
		height: 0.34rem;
	}
	.f_form {
		margin-bottom: 0.4rem;
		width: 100%;
	}
	.f_form .tit {
		font-size: 0.24rem;
	}
}
@media screen and (max-width:767px) {
	.f_nav {
		display: none
	}
	.f_info {
		margin-top: 0;
	}
	.f_p_nav {
		display: none;
	}
	.f_contact {
		width: 100%;
	}
	.f_cont {
		margin-bottom: 0.3rem;
		padding: 0 0;
	}
	.f_form {
		order: -1;
		margin: .34rem auto .3rem;
		padding-top: 0.3rem;
		padding-bottom: 0.3rem;
	}
	.f_contact_list li {
		margin-bottom: 0.12rem;
	}
	.f_contact_list li b,
	.f_contact_list li a,
	.f_contact_list li p {
		font-size: 0.14rem;
	}
	.f_form .tit {
		margin-bottom: 0.2rem;
		font-size: 0.2rem;
	}
	.f_copy {
		padding: .2rem 0;
	}
}
@media screen and (max-width:560px) {
	.f_form {
		padding-left: 0.2rem;
		padding-right: 0.2rem;
	}
	.f_form .tit {
		font-size: 0.16rem;
	}
	h2.f_tit {
		font-size: 0.16rem;
	}
	.f_contact_list li {
		margin-bottom: 0.08rem;
	}
	.f_media dt:not(:last-child) {
		margin-right: 0.16rem;
	}
	.f_media img {
		height: 0.3rem;
	}

	.f_copy {
		padding: .12rem 0;
	}
	.f_copy dt {
		width: 100%;
	}
	.f_copy dt,
	.f_copy dt a {
		font-size: 0.12rem;
		line-height: 0.18rem;
	}
}





/* aside */
.aside_right {
	--ico_size: .5rem
}
.aside_right {
	opacity: 0;
	position: fixed;
	right: 0;
	bottom: 18%;
	z-index: 999999
}
.aside_right.on {
	opacity: 1;
}
.aside_right ul {}
.aside_right li {
	background: #666;
	position: relative;
	cursor: pointer
}
.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: .18rem;
	height: .18rem;
	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: .4rem
	}
	.aside_right li>a img {
		width: 0.16rem;
		height: 0.16rem;
	}
	.aside_t a,
	.aside_t p {
		font-size: 0.13rem;
		line-height: 0.2rem;
	}
}
@media screen and (max-width:959px) {
	.aside_right {
		--ico_size: .32rem
	}
	.aside_right li>a img {
		width: 0.14rem;
		height: 0.14rem;
	}
}






#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-49 {
	--input_font_color: rgb(0 0 0 / 50%);
	--input_font_size: 14px;
	--input_height: 42px
}
#wpforms-49 {
	width: 100%;
	margin: 0 auto;
	padding: 0
}
#wpforms-form-49 {
	width: 100%;
	overflow: hidden
}
#wpforms-49 input,
#wpforms-49 button {
	margin: 0;
	padding: 0;
	border: none;
	background: none
}
#wpforms-49 .wpforms-field {
	padding: 0;
	margin: 0
}
#wpforms-49 .wpforms-error-container {
	line-height: 16px
}
#wpforms-49 .wpforms-field-container {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden
}
#wpforms-49 .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-49 .wpforms-field-label {
	font-size: 0
}
#wpforms-49 .wpforms-required-label {
	position: absolute;
	top: 16px;
	left: 5px;
	font-size: 16px;
	color: #F00
}
#wpforms-49 .wpforms-field {
	width: 100%;
	margin-bottom: 0;
	padding-bottom: .18rem;
	background: transparent;
	position: relative;
	overflow: hidden
}
#wpforms-49 input {
	height: var(--input_height)
}
#wpforms-49 textarea {
	min-height: 100px
}
#wpforms-49 input,
#wpforms-49 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-49 input::-webkit-input-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-49 input::-moz-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-49 input::-moz-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-49 input::-ms-input-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-49 textarea::-webkit-input-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-49 textarea::-moz-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-49 textarea::-moz-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-49 textarea::-ms-input-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-49 #wpforms-49-field_1-error,
#wpforms-49 #wpforms-49-field_2-error,
#wpforms-49 #wpforms-49-field_3-error,
#wpforms-49 #wpforms-49-field_5-error {
	position: absolute;
	font-size: 13px
}
#wpforms-49 .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-49 .wpforms-submit-container img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 4px
}
#wpforms-49 .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-49 {
		--input_font_size: 13px;
		--input_height: 38px
	}
	#wpforms-49 .wpforms-submit-container {
		height: 34px;
	}
	#wpforms-49 .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;
	}
}






/* mobile bottom menu */
.f_menu {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: var(--f_menu_height);
	flex-wrap: nowrap;
	background: #FFF;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	overflow: hidden;
	z-index: 9999999
}
.f_menu li {
	width: 100%;
	box-sizing: border-box
}
.f_menu li:not(:last-child) {
	border-right: 1px solid var(--border_color)
}
.f_menu a {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 100%;
	text-align: center;
	overflow: hidden
}
.f_menu i {
	display: inline-block;
	padding-left: 24px;
	font-size: 13px;
	color: #555;
	line-height: 16px
}

.f_menu li:nth-child(1) i {
	background: url(static/images/public/footer_menu/home.svg) no-repeat left center;

	background-size: 22px
}
.f_menu li:nth-child(2) i {
	background: url(static/images/public/footer_menu/whatsapp.svg) no-repeat left center;
	background-size: 16px
}
.f_menu li:nth-child(3) i {
	background: url(static/images/public/footer_menu/form.svg) no-repeat left center;
	background-size: 18px
}

@media screen and (max-width:767px) {
	.f_menu {
		display: -webkit-flex;
		display: flex
	}
	footer {
		padding-bottom: var(--f_menu_height);
	}
}
@media screen and (max-width:560px) {
	.f_menu i {
		padding-left: 0;
		padding-top: 0.24rem;
	}
	.f_menu li i {
		background-position-x: center !important;
		background-position-y: top !important;
	}
}
@media screen and (max-width:380px) {
	.f_menu i {
		font-size: 12px;
	}
}








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


/* Inside Banner */
.in_banner {
	width: 100%;
	margin-bottom: -3px;
	position: relative;
	overflow: hidden
}
.in_banner img {
	width: 100%;
	width: 100vw;
	max-height: 460px;
	object-fit: cover
}

.in_b_text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	text-align: center;
}
.in_b_text h2 {
	font-size: 0.42rem;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
}
.in_b_text h6 {
	margin-top: 0.1rem;
	font-size: 0.18rem;
	color: #FFF;
}

@media screen and (max-width:1366px) {
	.in_b_text h2 {
		font-size: 0.36rem;
	}
	.in_b_text h6 {
		font-size: 0.16rem;
	}
}
@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 h2 {
		font-size: 0.28rem;
	}
	.in_b_text h6 {
		font-size: 0.15rem;
	}
}
@media screen and (max-width:767px) {
	.in_banner::before {
		content: "";
		display: block;
		padding-bottom: 36%
	}
	.in_b_text h2 {
		font-size: 0.22rem;
	}
}
@media screen and (max-width:560px) {
	.in_b_text h2 {
		font-size: 0.18rem;
	}
	.in_b_text h6 {
		margin-top: 0.06rem;
		font-size: 0.13rem;
	}
}






@media screen and (min-width:1025px) {
	.in_products_nav {
		background: #F3F3F3;
	}
	.in_products_nav ul {
		display: -webkit-flex;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.in_products_nav li {
		width: 100%;
		box-sizing: border-box;
		padding: 0 .1rem;
		border-right: 1px solid #DDD;
		text-align: center;
		position: relative;
	}
	.in_products_nav li:first-child {
		border-left: 1px solid #DDD;
	}
	.in_products_nav li:last-child {
		padding: 0 .4rem;
	}

	.in_products_nav li>a {
		display: block;
		padding: .16rem 0;
		font-size: 0.15rem;
		color: #333;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		position: relative;
	}
	.in_products_nav .has_cat>a {
		padding-right: 0.24rem;
	}
	.in_products_nav .has_cat>a::before {
		opacity: .7;
		content: '';
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		right: 0;
		width: 0.16rem;
		height: 0.16rem;
		background: url(static/images/public/arrow/hollow/arrow_d_b.svg) no-repeat center;
		background-size: contain;
	}

	.in_products_nav li.curr,
	.in_products_nav li:hover {
		background: var(--i_color);
	}
	.in_products_nav li.curr>a,
	.in_products_nav li:hover>a {
		color: #FFF;
	}
	.in_products_nav li.curr>a::before,
	.in_products_nav li:hover>a::before {
		opacity: 1;
		background: url(static/images/public/arrow/hollow/arrow_d_w.svg) no-repeat center;
		background-size: contain;
	}

	.in_products_nav dl {
		display: none;
		position: absolute;
		width: 100%;
		max-height: calc(.34rem * 8);
		left: 0;
		background: #EEE;
		box-sizing: border-box;
		overflow-y: auto;
		overflow-x: hidden !important;
		z-index: 3;
	}
	.in_products_nav dl::-webkit-scrollbar {
		width: 3px;
		height: 8px
	}
	.in_products_nav dl::-webkit-scrollbar-thumb {
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		background: #333
	}
	.in_products_nav dl::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		border-radius: 0;
		background: #F1F1F1
	}
	.in_products_nav li:hover dl {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.in_products_nav dt {
		width: 100%;
	}
	.in_products_nav dt a {
		display: block;
		padding: 0 .14rem;
		font-size: 0.14rem;
		height: 0.34rem;
		line-height: 0.34rem;
		box-sizing: border-box;
		border-bottom: 1px dashed #DDD;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.in_products_nav dt:hover,
	.in_products_nav .curr2 {
		background: var(--i_color);
	}
	.in_products_nav dt:hover a,
	.in_products_nav .curr2 a {
		color: #FFF;
		border-color: var(--i_color);
	}
}

.in_p_nav_tit {
	display: none;
	text-align: center;
	background: var(--i_color);
}
.in_p_nav_tit p {
	display: inline-block;
	padding-right: 0.3rem;
	text-align: center;
	font-size: 0.15rem;
	font-weight: bold;
	line-height: 0.4rem;
	color: #FFF;
	position: relative;
}
.in_p_nav_tit p::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 0;
	width: 0.2rem;
	height: 0.2rem;
	background: url(static/images/public/arrow/hollow/arrow_d_w.svg) no-repeat center;
	background-size: contain;
}
.in_p_nav_tit.on p::before {
	background: url(static/images/public/arrow/hollow/arrow_u_w.svg) no-repeat center;
	background-size: contain;
}

@media screen and (max-width:1024px) {
	.in_p_nav_tit {
		display: block !important;
	}
	.in_products_nav {
		margin: .2rem auto;
	}
	.in_products_nav ul {
		display: none;
		box-sizing: border-box;
		padding: .1rem .2rem;
		border: 1px solid var(--border_color);
		border-top: none;
	}
	.in_products_nav li {
		border-bottom: 1px solid rgb(0 0 0 / 5%);
		position: relative;
	}
	.in_products_nav li>a {
		display: block;
		width: calc(100% - .38rem);
		font-size: 0.15rem;
		line-height: 0.38rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.in_products_nav li.curr>a {
		color: var(--i_color);
	}
	.in_products_nav li i {
		opacity: .5;
		position: absolute;
		top: 0;
		right: 0;
		width: 0.38rem;
		height: 0.38rem;
		background: rgb(0 0 0 / 8%) url(static/images/public/arrow/hollow/arrow_d_b.svg) no-repeat center;
		background-size: .16rem;
	}
	.in_products_nav li i.i_curr {
		background: rgb(0 0 0 / 8%) url(static/images/public/arrow/hollow/arrow_u_b.svg) no-repeat center;
		background-size: .16rem;
	}
	.in_products_nav dl {
		display: none;
		box-sizing: border-box;
		padding: 0 .2rem;
	}
	.in_products_nav dt a {
		display: block;
		font-size: 0.13rem;
		line-height: 0.24rem;
	}
	.in_products_nav dt.curr2 a {
		color: var(--i_color) !important;
	}
}
@media screen and (max-width:767px) {}
@media screen and (max-width:560px) {}




/* Breadcrumb */
.in_position {
	margin: .24rem 0 .4rem;
	padding-bottom: 0.14rem;
	border-bottom: 1px solid var(--border_color);
}
.in_position_bg {
	background: #F6F6F6;
}

.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 {
		margin: .24rem 0 0.26rem;
	}
	.in_position a {
		font-size: 13px
	}
}
@media screen and (max-width:560px) {
	.in_position a {
		font-size: 12px
	}
}








.in_products_list {
	padding: 0 1px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.in_products_list li {
	width: 22.75%;
	margin: 0 3% 0.4rem 0;
}
.in_products_list li:nth-child(4n) {
	margin-right: 0;
}

.in_products_list .img {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--border_color);
	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 {
	margin-top: 0.1rem;
	text-align: center;
}
.in_products_list .txt p {
	font-size: 0.14rem;
	color: #555;
	line-height: 0.2rem;
	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 p {
	color: var(--i_color);
}
.in_products_list .img img {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

@media screen and (max-width:1024px) {
	.in_products_list .txt p {
		font-size: 0.13rem;
		line-height: 0.18rem;
	}
}
@media screen and (max-width:767px) {
	.in_products_list li {
		width: 48%;
		margin: 0 4% .2rem 0;
	}
	.in_products_list li:nth-child(2n) {
		margin-right: 0;
	}
}
@media screen and (max-width:560px) {}







/* Number of pages */
.in_page_box {
	text-align: center;
	margin: .3rem auto 0.8rem;
	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;
	-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 {
	width: 100%;
	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 {
		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.2rem;
	color: var(--i_color);
	line-height: 0.22rem;
	font-weight: bold;
	border-bottom: 2px solid var(--i_color);
}

.p_detailDesc article {
	font-size: 0.15rem;
	color: #555;
	line-height: 0.24rem;
}

.p_detailcs {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	margin: .36rem 0 .4rem;
	box-sizing: border-box;
	border-top: 1px solid rgb(0 129 203 / 20%);
	border-left: 1px solid rgb(0 129 203 / 20%);
}
.p_detailcs dt {
	padding: .1rem;
	width: 50%;
	box-sizing: border-box;
	border-right: 1px solid rgb(0 129 203 / 20%);
	border-bottom: 1px solid rgb(0 129 203 / 20%);
}
.p_detailcs b {
	font-size: 0.15rem;
	color: #666;
	font-weight: bold;
}
.p_detailcs i {
	font-size: 0.14rem;
	color: #555;
}
.p_detailcs b,
.p_detailcs i {
	line-height: 0.2rem;
	box-sizing: border-box;

}
.p_detailcs .i_c i {
	font-weight: bold;
	color: #FF4A4A;
}

.p_tags {
	margin-bottom: 0.3rem;
	font-size: .14rem;
}
.p_tags a {
	margin-right: .14rem;
	font-size: .14rem;
}
.p_tags a:hover {
	color: var(--i_color);
	text-decoration: underline;
}


.p_f_t {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.p_f_t li {
	margin-right: 0.2rem;
}

.p_form {
	display: table;
	text-align: center;
	background: -webkit-linear-gradient(left, var(--i_color), var(--i_color3));
	background: linear-gradient(to right, var(--i_color), var(--i_color3));
	-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_color3), var(--i_color));
	background: linear-gradient(to right, var(--i_color3), var(--i_color));
}
.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
}

.p_tel {
	display: table;
	text-align: center;
	padding: 0 .3rem;
	-webkit-border-radius: .05rem;
	border-radius: .05rem;
	border: 1px solid var(--border_color);
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.p_tel a {
	display: block;
	padding-left: 0.3rem;
	font-size: .14rem;
	color: #555;
	line-height: 0.4rem;
	position: relative;
	z-index: 3;
}
.p_tel a::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 0.22rem;
	height: 0.22rem;
	background: url(static/images/public/footer_menu/tel.svg) no-repeat left center;
	background-size: contain;
}

@media screen and (max-width:1024px) {
	.p_detailDesc {
		width: calc(100% - var(--img_size) - 0.4rem);
	}
	.p_detailDesc h1 {
		font-size: 0.18rem;
		border-width: 1px;
	}
	.p_detailDesc article {
		font-size: 0.14rem;
	}
	.p_detailcs b {
		font-size: 0.14rem;
	}
	.p_detailcs i {
		font-size: 0.13rem;
	}
	.p_detailcs {
		margin: .3rem 0 .4rem;
	}
	.p_f_t li:nth-child(2) {
		display: none;
	}
	.p_form i {
		font-size: 0.13rem;
	}
}
@media screen and (max-width:767px) {
	.p_detailDesc {
		margin: .4rem 0 0 0;
		width: 100%;
	}
	.p_detailcs {
		margin: 0.2rem 0 0.3rem;
	}
}
@media screen and (max-width:560px) {
	.p_detailDesc h1 {
		font-size: 0.17rem;
	}
	.p_detailDesc article {
		font-size: 0.13rem;
		line-height: 0.2rem;
		color: #666;
	}
	.p_detailcs dt {
		padding: .06rem .1rem;
		width: 100%;
	}

	.p_f_t {
		justify-content: center;
	}
	.p_f_t li {
		margin: 0 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-43 {
	--input_font_color: rgb(0 0 0 / 50%);
	--input_font_size: 14px;
	--input_height: 42px
}
#wpforms-43 {
	width: 100%;
	margin: 0 auto;
	padding: 0
}
#wpforms-form-43 {
	width: 100%;
	overflow: hidden
}
#wpforms-43 input,
#wpforms-43 button {
	margin: 0;
	padding: 0;
	border: none;
	background: none
}
#wpforms-43 .wpforms-field {
	padding: 0;
	margin: 0
}
#wpforms-43 .wpforms-error-container {
	line-height: 16px
}
#wpforms-43 .wpforms-field-container {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden
}
#wpforms-43 .wpforms-field-label {
	font-size: .14rem;
	line-height: 0.2rem;
}
#wpforms-43 .wpforms-required-label {
	font-size: 16px;
	color: #F00
}
#wpforms-43 .wpforms-field {
	width: 100%;
	margin-bottom: 0;
	padding-bottom: 22px;
	background: transparent;
	position: relative;
	overflow: hidden
}
#wpforms-43 .wpforms-field-textarea {
	width: 100% !important;
}

#wpforms-43 input {
	height: var(--input_height)
}
#wpforms-43 textarea {
	min-height: 100px
}
#wpforms-43 input,
#wpforms-43 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-43 textarea {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
}
#wpforms-43 input::-webkit-input-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-43 input::-moz-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-43 input::-moz-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-43 input::-ms-input-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-43 textarea::-webkit-input-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-43 textarea::-moz-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-43 textarea::-moz-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-43 textarea::-ms-input-placeholder {
	color: var(--input_font_color);
	font-size: var(--input_font_size)
}
#wpforms-43 #wpforms-43-field_1-error,
#wpforms-43 #wpforms-43-field_2-error,
#wpforms-43 #wpforms-43-field_3-error,
#wpforms-43 #wpforms-43-field_5-error {
	position: absolute;
	bottom: 0;
	font-size: 13px
}
#wpforms-43 .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-43 .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-43 .wpforms-submit-container img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 4px
}
#wpforms-43 .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-43 .wpforms-field {
		width: 100% !important;
	}
	#wpforms-43-field_5-container,
	#wpforms-43-field_2-container,
	#wpforms-43 .wpforms-field-email,
	#wpforms-43 .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-43 {
		--input_height: 34px
	}
	#wpforms-43 .wpforms-submit-container {
		height: 34px;
	}
	#wpforms-43 .wpforms-submit-container button {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	#wpforms-43 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: 0.6rem auto;
}
.p_det_cont article,
.p_det_cont article * {
	font-size: .16rem;
	color: #555;
	line-height: .26rem
}

.p_det_cont article img {
	display: block;
	margin: 0 auto;
	margin: .2rem auto;
	max-width: 100% !important;
	height: initial !important
}

/* Table style */
article table {
	margin-bottom: .3rem;
	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)
}

@media screen and (max-width:1024px) {
	.p_det_cont {
		margin: .5rem auto;
	}
}
@media screen and (max-width:767px) {
	.p_det_cont {
		margin: .4rem auto;
	}
}
@media screen and (max-width:560px) {}





.rec_products {
	margin-bottom: 0.6rem;
}
h2.rp_tit {
	margin-bottom: 0.4rem;
	padding-bottom: 0.16rem;
	font-size: 0.24rem;
	text-align: center;
	text-transform: uppercase;
	color: var(--i_color);
	border-bottom: 1px solid rgb(0 129 203 / 20%);
}

@media screen and (max-width:1366px) {
	.rec_products {
		margin-bottom: 0.4rem;
	}
}
@media screen and (max-width:1024px) {
	.rec_products {
		margin-bottom: 0.2rem;
	}
	h2.rp_tit {
		margin-bottom: 0.3rem;
		font-size: 0.22rem;
	}
}
@media screen and (max-width:767px) {
	h2.rp_tit {
		font-size: 0.18rem;
	}
}
@media screen and (max-width:560px) {
	h2.rp_tit {
		margin-bottom: 0.24rem;
		padding-bottom: 0.1rem;
		font-size: 0.17rem;
	}
}






.in_tit {
	text-align: center;
	margin-bottom: 0.6rem;
}
.in_tit h2 {
	padding-bottom: 0.14rem;
	display: inline-block;
	font-size: 0.3rem;
	color: #333;
	font-weight: bold;
	position: relative;
}
.in_tit h2::before,
.in_tit h2::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	background: var(--i_color);
}
.in_tit h2::before {
	bottom: 0;
	width: 100%;
	height: 1px;
}
.in_tit h2::after {
	bottom: -2px;
	width: 0.6rem;
	height: 5px;
}

@media screen and (max-width:1024px) {
	.in_tit {
		margin-bottom: 0.5rem;
	}
	.in_tit h2 {
		font-size: 0.26rem;
	}
}
@media screen and (max-width:767px) {
	.in_tit {
		margin-bottom: 0.34rem;
	}
	.in_tit h2 {
		padding-bottom: 0.1rem;
		font-size: 0.22rem;
	}
	.in_tit h2::after {
		height: 3px;
		bottom: -1px;
	}
}
@media screen and (max-width:560px) {
	.in_tit {
		margin-bottom: 0.22rem;
	}
	.in_tit h2 {
		padding-bottom: 0.1rem;
		font-size: 0.18rem;
	}
	.in_tit h2::after {
		width: 0.4rem;
	}
}







.in_about {
	overflow: hidden;
}

.in_ab_cont {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.in_ab_t {
	width: 54%;
}
.in_ab_t article {
	font-size: 0.16rem;
	color: #555;
	line-height: 0.3rem;
	font-weight: bold;
}

.in_ab_p {
	margin-left: auto;
	width: 42%;
	text-align: center;
	position: relative;
}
.in_ab_p::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	height: 26%;
	background: var(--i_color);
}
.in_ab_p::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 3px;
	width: 20%;
	height: 14%;
	background: var(--i_color2);
}
.in_ab_p img {
	margin-top: 0.4rem;
	width: 80%;
	position: relative;
	z-index: 3;
}

@media screen and (max-width:1024px) {
	.in_ab_t {
		width: 100%;
	}
	.in_ab_t article {
		font-size: 0.15rem;
	}
	.in_ab_p {
		margin: .36rem auto 0;
		width: 70%
	}
}
@media screen and (max-width:767px) {
	.in_ab_t article {
		font-size: 0.14rem;
		font-weight: normal;
		line-height: 0.24rem;
	}
}






.in_adv {
	background: #F3F3F3;
}

.in_adv_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.in_adv_list dt {
	width: 20%;
	text-align: center;
	box-sizing: border-box;
	padding: 0 .16rem;
}
.in_adv_list .ico {
	width: 1.4rem;
	height: 1.4rem;
	margin: 0 auto;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	box-sizing: border-box;
	border: 1px solid var(--i_color);
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.in_adv_list .ico img {
	height: 0.6rem;
	object-fit: contain;
}
.in_adv_list .txt {
	margin-top: 0.18rem;
}
.in_adv_list .txt p {
	font-size: 0.15rem;
	color: #333;
	line-height: 0.24rem;
}

.in_adv_list dt:hover img {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}
.in_adv_list .ico img {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
.in_adv_list dt:hover p {
	color: var(--i_color);
}

@media screen and (max-width:1024px) {
	.in_adv_list .ico {
		width: 1rem;
		height: 1rem;
	}
	.in_adv_list .ico img {
		height: 0.42rem;
	}
	.in_adv_list .txt p {
		font-size: 0.14rem;
		line-height: 0.22rem;
	}
}
@media screen and (max-width:767px) {
	.in_adv_list dt {
		width: 100%;
		padding: 0 0;
		margin: .1rem 0;
		display: -webkit-flex;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		text-align: left;
	}
	.in_adv_list .ico {
		flex-shrink: 0;
		width: .7rem;
		height: .7rem;
		margin: 0 0;
	}
	.in_adv_list .ico img {
		height: 0.36rem;
	}
	.in_adv_list .txt {
		margin: 0 0 0 0.2rem;
	}
}
@media screen and (max-width:560px) {
	.in_adv_list dt {
		margin: .06rem 0;
	}
	.in_adv_list .ico {
		width: .5rem;
		height: .5rem;
	}
	.in_adv_list .ico img {
		height: 0.22rem;
	}
	.in_adv_list .txt p {
		font-size: 0.13rem;
		line-height: 0.2rem;
	}
}





.in_ce {}

.in_ce_list {
	position: relative;
	overflow: hidden
}
.in_ce_list .swiper-wrapper {
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%
}
.in_ce_list .swiper-slide {
	width: 100%;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
}
.in_ce_list .swiper-slide::before {
	content: "";
	display: block;
	padding-bottom: 120%
}
.in_ce_list .swiper-slide img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover
}

.ce-prev,
.ce-next {
	position: absolute;
	top: 46%;
	transform: translate(0, -50%);
	width: .4rem;
	height: .6rem;
	z-index: 3;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	user-select: none
}
.ce-prev {
	left: 0;
	background: rgb(255 255 255 / 85%) url(static/images/public/arrow/hollow/arrow_l_b.svg) no-repeat center;
	background-size: .2rem
}
.ce-next {
	right: 0;
	background: rgb(255 255 255 / 85%) url(static/images/public/arrow/hollow/arrow_r_b.svg) no-repeat center;
	background-size: .2rem
}
.ce-prev:hover {
	background: var(--i_color2) url(static/images/public/arrow/hollow/arrow_l_w.svg) no-repeat center;
	background-size: .2rem
}
.ce-next:hover {
	background: var(--i_color2) url(static/images/public/arrow/hollow/arrow_r_w.svg) no-repeat center;
	background-size: .2rem
}

.ce-pagination {
	display: block;
	margin-top: 0.3rem;
	text-align: center
}
.ce-pagination .swiper-pagination-bullet {
	width: .06rem;
	height: .06rem;
	display: inline-block;
	margin: 0 4px;
	background: #AAA;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
	outline: none
}
.ce-pagination .swiper-pagination-bullet-active {
	width: 0.26rem;
	background: var(--i_color)
}
.ce-pagination .swiper-pagination-bullet {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

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





.in_news_list {
	--img_width: 248px
}
.in_news_list {
	margin-top: .46rem;
	overflow: hidden
}
.in_news_list li {
	box-sizing: border-box;
	border: 1px solid var(--border_color);
	margin: 0 0 .3rem 0;
	position: relative;
	overflow: hidden
}
.in_news_list a {
	padding: .16rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
}

.in_news_list .img {
	width: var(--img_width);
	position: relative;
	overflow: hidden
}
.in_news_list .img:before {
	content: "";
	display: block;
	padding-bottom: 64%
}
.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: calc(100% - var(--img_width) - .4rem);
	box-sizing: border-box;
	padding-right: 0.6rem;
	margin: 0 0 0 .4rem;
	position: relative
}
.in_news_list .txt h4 {
	font-size: .17rem;
	color: #333;
	font-weight: bold;
	line-height: .28rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}
.in_news_list .n_time {
	display: block;
	margin: .06rem 0 .08rem;
	font-size: .13rem;
	color: #999
}
.in_news_list .txt h6 {
	font-size: .14rem;
	color: #666;
	line-height: .2rem;
	overflow: hidden;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}
.in_news_list .more {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: .16rem;
	width: 0.4rem;
	height: 0.4rem;
	border: 1px solid var(--i_color);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #FFF url(static/images/arrow_r3.svg) no-repeat center;
	background-size: .18rem
}

.in_news_list a:hover img {
	width: 110%;
	height: 110%
}
.in_news_list a:hover h4 {
	color: var(--i_color)
}
.in_news_list .img img {
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-ms-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease
}





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





.in_pt {}

.in_pt_pic {
	text-align: center;
}
.in_pt_pic img {
	max-width: 100%;
}



.in_pt_adv {
	background: none;
}






.in_contact {}


.in_contact_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.in_contact_list dt {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	padding: .16rem 0;
	width: 31%;
	box-sizing: border-box;
	border: 1px solid #CCC;
}
.in_contact_list span {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 88%;
	margin: 0 auto;
}

.in_contact_list img {
	opacity: .5;
	height: 0.5rem;
	object-fit: contain;
}
.in_contact_list .txt {
	margin-left: auto;
	width: calc(100% - .5rem - .2rem);
}
.in_contact_list .txt p {
	font-size: 0.24rem;
	color: #444;
}
.in_contact_list .txt h6 {
	margin-top: 0.1rem;
	font-size: 0.16rem;
	color: #666;
	line-height: 0.22rem;
}

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

@media screen and (max-width:1024px) {
	.in_contact_list dt {
		width: 32%;
		padding: .1rem 0;
	}
	.in_contact_list img {
		height: 0.36rem;
	}
	.in_contact_list .txt {
		width: calc(100% - .36rem - .2rem);
	}
	.in_contact_list .txt p {
		font-size: 0.18rem;
	}
	.in_contact_list .txt h6 {
		margin-top: 0.05rem;
		font-size: 0.14rem;
		line-height: 0.2rem;
	}
}
@media screen and (max-width:959px) {
	.in_contact_list dt {
		width: 100%;
		padding: .14rem 0;
		border-color: #EEE;
	}
	.in_contact_list span {
		width: 100%;
		box-sizing: border-box;
		padding: 0 .2rem;
	}
	.in_contact_list img {
		height: 0.3rem;
	}
}
@media screen and (max-width:560px) {
	.in_contact_list img {
		height: 0.26rem;
	}
	.in_contact_list .txt {
		width: calc(100% - .26rem - .16rem)
	}
	.in_contact_list .txt p {
		font-size: 0.16rem;
	}
	.in_contact_list .txt h6 {
		font-size: 0.13rem;
	}
}





.c_form {}
.c_form .tit {
	text-align: center;
}
.c_form .tit h4 {
	font-size: 0.26rem;
	color: var(--i_color);
}
.c_form .tit h6 {
	margin-top: 0.16rem;
	font-size: 0.16rem;
	color: #555;
}

#wpforms-46 {
	--input_font_size: 13px;
	--input_height: .44rem
}
#wpforms-46 {
	width: 75%;
	margin: .3rem auto 0;
	padding: 0
}
#wpforms-form-46 {
	width: 100%;
	position: relative;
	overflow: hidden
}

#wpforms-46 input,
#wpforms-46 button {
	margin: 0;
	padding: 0;
	border: none;
	background: none
}
#wpforms-46 .wpforms-field {
	padding: 0;
	margin: 0
}
#wpforms-46 .wpforms-field-label {
	font-size: 0.15rem;
	color: #444;
	font-weight: bold;
}
#wpforms-46 .wpforms-required-label {
	font-size: 16px;
	color: #F00
}
#wpforms-46 .wpforms-field {
	width: 100%;
	background: transparent;
	padding-bottom: .26rem;
	position: relative;
	overflow: hidden
}

#wpforms-46 .wpforms-field-container input,
#wpforms-46 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-46 .wpforms-field-container input:hover,
#wpforms-46 textarea:hover {
	border-color: var(--i_color);
}
#wpforms-46 input {
	line-height: var(--input_height)
}
#wpforms-46 textarea {
	line-height: .22rem;
	min-height: 1rem;
	padding: .06rem .16rem
}

#wpforms-46-field_1-container,
#wpforms-46-field_2-container {
	width: 49% !important;
}


#wpforms-46 input::-webkit-input-placeholder,
#wpforms-46 textarea::-webkit-input-placeholder {
	color: rgb(0 0 0 / 40%);
	font-size: var(--input_font_size)
}
#wpforms-46 input::-moz-placeholder,
#wpforms-46 textarea::-moz-placeholder {
	color: rgb(0 0 0 / 40%);
	font-size: var(--input_font_size)
}
#wpforms-46 input::-ms-input-placeholder,
#wpforms-46 textarea::-ms-input-placeholder {
	color: rgb(0 0 0 / 40%);
	font-size: var(--input_font_size)
}

#wpforms-46 #wpforms-46-field_1-error,
#wpforms-46 #wpforms-46-field_2-error,
#wpforms-46 #wpforms-46-field_3-error,
#wpforms-46 #wpforms-46-field_4-error,
#wpforms-46 #wpforms-46-field_5-error,
#wpforms-46 #wpforms-46-field_6-error {
	position: absolute;
	font-size: 12px;
	color: #A90909;
}

#wpforms-46 .wpforms-field-container {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden
}
#wpforms-46 .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-46 .wpforms-submit-container:hover {
	background: var(--i_color2);
}
#wpforms-46 .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-46 .wpforms-submit-container img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 4px
}

@media screen and (max-width:1024px) {
	.c_form .tit h4 {
		font-size: 0.24rem;
	}
	.c_form .tit h6 {
		font-size: 0.14rem;
		color: #999;
	}
	#wpforms-46 {
		width: 90%;
	}
}
@media screen and (max-width:767px) {
	.c_form .tit h4 {
		font-size: 0.18rem;
	}
	.c_form .tit h6 {
		font-size: 0.14rem;
	}
	#wpforms-46 {
		width: 100%;
	}
	#wpforms-46-field_2-container,
	#wpforms-46-field_4-container {
		width: 100% !important;
	}
}



.c_map {
	width: 100%;
	height: 400px;
}
.c_map #simpleMap,
.c_map .fluid-width-video-wrapper,
.c_map iframe {
	width: 100%;
	height: 100% !important
}

@media screen and (max-width:1024px) {
	.c_map {
		height: 300px;
	}
}
@media screen and (max-width:560px) {
	.c_map {
		height: 260px;
	}
}