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

/* 初始化 */
html {
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
	-webkit-overflow-scrolling: touch
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,

ul,

ol,

li,

pre,

form,

fieldset,

legend,

button,

input,

textarea,

th,

td,

img {

	margin: 0;

	padding: 0

}



body,

button,

input,

select,

textarea {

	font: normal 13px Arial, system-ui, -apple-system, Microsoft Yahei, tahoma, sans-serif

}



button,

input,

textarea,

select {

	font-size: inherit;

	font-weight: inherit;

	border: 0;

	outline: 0

}



ul,

ol,

li {

	list-style: none

}



fieldset,

img {

	border: 0

}



h1,

h2,

h3,

h4,

h5,

h6,

code,

dfn,

em,

var,

i,

b {

	font-style: normal;

	font-weight: normal

}

p{min-height: 12px;}

a {

	text-decoration: none;

	color: #555

}



input,

textarea {

	outline-style: none

}



/* wpforms表单插件生成代码初始化 */

.wpforms-container .wpforms-confirmation-scroll,

.wpforms-container .wpforms-error-container {

	line-height: 16px

}



.wpforms-field-container .wpforms-field {

	padding: 0;

	margin: 0

}



.wpforms-field-container input,

.wpforms-field-container textarea {

	margin: 0;

	padding: 0;

	border: none;

	background: none

}



/* 全局表单文字 */

input::-webkit-input-placeholder {

	color: #AAA;

	font-size: 14px

}



input::-moz-placeholder {

	color: #AAA;

	font-size: 14px

}



input:-moz-placeholder {

	color: #AAA;

	font-size: 14px

}



input:-ms-input-placeholder {

	color: #AAA;

	font-size: 14px

}



/*滚动条*/

::-webkit-scrollbar {

	width: 6px;

	height: 8px

}



::-webkit-scrollbar-thumb {

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

	background: #333

}



::-webkit-scrollbar-track {

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

	border-radius: 0;

	background: #F1F1F1

}



/* 复制选中 */

::selection {

	background: #338FFF;

	color: #FFF

}



::-moz-selection {

	background: #338FFF;

	color: #FFF

}



::-webkit-selection {

	background: #338FFF;

	color: #FFF

}



.fl {

	float: left

}



.fr {

	float: right

}



.container {

	overflow: hidden

}



.pr {

	position: relative

}



.clear {

	clear: both

}


.wrap{width: 1400px; margin-left: auto; margin-right: auto}
.wrap_l{box-sizing: border-box; padding-left: calc((100vw - 1400px) / 2)}
.wrap_r{box-sizing: border-box; padding-right: calc((100vw - 1400px) / 2)}
.wrap_top{width: 84%; margin-left: auto; margin-right: auto}

@media screen and (min-width:1921px) {
	.wrap{width: 88vw}
	.wrap_l{padding-left: 6vw}
	.wrap_r{padding-right: 6vw}
}
@media screen and (max-width:1440px) {
	.wrap{width: 88vw}
	.wrap_l{padding-left: 6vw}
	.wrap_r{padding-right: 6vw}
	.wrap_top{width: 94%}
}
@media screen and (max-width:1024px) {
	.wrap{width: 94%}
	.wrap_l{padding-left: 3vw}
	.wrap_r{padding-right: 3vw}
}





:root {

	--i_color: #023A84;

	/* 全局颜色 */

	--i_color2: #52d0ff;

	/* 副颜色 */

	--header_height: 1.1rem;

	/* 头部高度 */

	--header_height_reduce: 60px;

	/* 头部收缩后高度 */

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

	/* 默认边框颜色 */

}



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

	:root {

		--header_height: 60px;

	}

}



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

	:root {

		--header_height: 50px;

	}

}



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

	:root {

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

	}

}



/* header */

header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

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

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

	z-index: 2014

}



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

	header .top {

		display: -webkit-flex;

		display: flex;

		justify-content: space-between

	}

}







/* logo */

.logo {

	height: var(--header_height);

	display: -webkit-flex;

	display: flex;

	align-items: center

}



.logo a {

	height: 100%;

	display: -webkit-flex;

	display: flex;

	align-items: center;

	flex-wrap: nowrap

}



.logo img {

	max-width: 3rem;

	max-height: 70%;

}



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

	.logo img {

		max-width: 2.3rem;

	}

}



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

	.logo {

		float: left

	}



	.logo img {

		max-width: 170px;

	}

}









/* 导航 */

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

	.i_nav {

		display: -webkit-flex;

		display: flex;

		justify-content: center;

		flex-wrap: nowrap

	}



	.i_nav>li {

		margin: 0 .26rem;

		position: relative;

	}



	.i_nav>.menu-item-has-children::before {

		display: none;

		content: "";

		position: absolute;

		bottom: 0;

		left: 50%;

		transform: translate(-50%, 0);

		width: 0;

		height: 0;

		border-left: .1rem solid transparent;

		border-right: .1rem solid transparent;

		border-bottom: .08rem solid var(--i_color)

	}



	.i_nav>li>a {

		display: block;

		font-size: 16px;

		color: #333;

		font-weight: bold;

		line-height: var(--header_height);

		white-space: nowrap;

	}



	.i_nav>.current-menu-item>a,

	.i_nav>.current-category-ancestor>a,

	.i_nav>.current-post-ancestor>a,

	.i_nav>li:hover>a {

		color: var(--i_color) !important

	}



	.i_nav .sub-menu {

		position: absolute;

		left: 0;

		z-index: 2

	}



	.i_nav .sub-menu:before {

		content: "";

		position: absolute;

		top: 0;

		left: -2000px;

		width: 4000px;

		height: 0;

		background: rgb(0 0 0 / 0%)

	}





	.i_nav .sub-menu li {

		position: relative;

		width: 100%;



		max-height: 0;

		overflow: hidden

	}



	.i_nav .sub-menu a {

		display: block;

		padding-left: 20px;

		text-align: left;

		font-size: 15px;

		color: #DDD;

		line-height: .4rem;

		font-weight: bold;

		text-transform: uppercase;

		white-space: nowrap

	}



	.i_nav .sub-menu a::before {

		content: "";

		position: absolute;

		left: 0;

		top: 50%;

		transform: translate(0, -50%);

		width: 3px;

		height: 0;

		background: #FFF

	}



	.i_nav>.menu-item-has-children:hover::before {

		display: block;

	}



	.i_nav .sub-menu .current-menu-item:before,

	.i_nav .sub-menu li:hover a::before {

		height: .3rem;

	}



	.i_nav .sub-menu li:hover a {

		color: #FFF

	}



	.i_nav>li:hover .sub-menu li {

		max-height: .4rem

	}



	.i_nav>li:hover .sub-menu {

		padding: .3rem 0;

	}



	.i_nav>li:hover .sub-menu::before {

		height: 100%;

		background: rgb(2 58 132 / 90%)

	}



	.i_nav .sub-menu::before,

	.i_nav .sub-menu li,

	.i_nav .sub-menu a::before {

		-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:1440px) {

	.i_nav>li>a {

		font-size: 15px

	}



	.i_nav .sub-menu a {

		font-size: 14px;

	}

}



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

	.i_nav>li {

		margin: 0 .22rem

	}



	.i_nav>li>a {

		font-size: 14px

	}



	.i_nav .sub-menu a {

		font-size: 13px;

	}

}



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

	.i_nav {

		display: none;

		position: absolute;

		top: var(--header_height);

		left: 0;

		width: 100%;

		width: 100vw;

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

		background: #FFF;

		overflow-y: auto;

		z-index: 2

	}



	/*滚动条*/

	.i_nav::-webkit-scrollbar {

		width: 3px;

		height: 8px

	}



	.i_nav::-webkit-scrollbar-thumb {

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

		background: #555

	}



	.i_nav::-webkit-scrollbar-track {

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

		border-radius: 0;

		background: #F1F1F1

	}



	.i_nav>li {

		margin: 0 0;

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

		position: relative

	}



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

		display: block;

		position: absolute;

		top: 0;

		right: 0;

		width: 42px;

		height: 42px;

		box-sizing: border-box;

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

		background-size: 18px;

	}



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

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

		background-size: 18px;

	}



	.i_nav>li>a {

		padding: 0 3%;

		font-size: 15px;

		color: #555;

		line-height: 42px;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis

	}





	.i_nav>li>.sub-menu {

		display: none

	}



	.i_nav .sub-menu a {

		display: block;

		padding: 0 30px;

		font-size: 14px;

		color: #888;

		line-height: 36px;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

		position: relative

	}





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

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

	}





	.i_nav a {

		display: block;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis

	}



}



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



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









/* 移动端导航按钮 */

.nav_menu {

	position: absolute;

	width: 22px;

	height: 16px;

	right: 3%;

	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: 10px;

	transition: 0.5s

}



.nav_menu::before {

	content: "";

	width: 100%;

	height: 3px;

	background: var(--i_color);

	position: absolute;

	top: 0;

	left: 0;

	border-radius: 10px;

	transition: 0.5s

}



.nav_menu::after {

	content: "";

	width: 100%;

	height: 3px;

	background: var(--i_color);

	position: absolute;

	bottom: 0;

	left: 0;

	border-radius: 10px;

	transition: 0.5s

}



.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

	}



}







.top_r {

	height: var(--header_height)

}





/* 搜索 */

.top_search_ico {

	float: left;

	position: relative;

	top: 50%;

	transform: translate(0, -50%)

}



.top_search_ico i {

	display: block;

	width: .24rem;

	height: .24rem;

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

	background-size: contain;

	cursor: pointer

}



.top_search {

	--search_height: .44rem

}



.top_search {

	position: absolute;

	top: var(--header_height);

	left: 0;

	width: 100%;

	height: 0;

	background: rgba(0, 0, 0, .4);

	overflow: hidden;

	z-index: -1

}



.top_search.on {

	display: block !important;

	height: .74rem

}



.top_search form {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 36%;

	font-size: 0;

	overflow: hidden

}



.top_search .top_search_ipt,

.top_search .top_search_btn {

	display: inline-block;

	vertical-align: middle

}



.top_search .top_search_ipt {

	width: calc(100% - var(--search_height));

	height: var(--search_height);

	line-height: var(--search_height);

	box-sizing: border-box;

	padding-left: 16px;

	font-size: 14px;

	color: #555

}



.top_search .top_search_btn {

	width: var(--search_height);

	height: var(--search_height);

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

	background-size: 20px;

	cursor: pointer

}



.top_search {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}



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

	.top_r {

		float: right;

		margin-right: 48px;

		position: initial

	}



	.top_search {

		top: var(--header_height);

		transform: none

	}



	.top_search_ico i {

		width: 22px;

		height: 22px;

	}



	.top_search.on {

		height: 60px

	}



	.top_search form {

		width: 94%

	}

}



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



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

	/* .top_search_ico i{width:18px; height:18px} */



}













/* 语言切换 */

.top_language {

	float: right;

	margin-left: .3rem;

	position: relative;

	top: 50%;

	transform: translate(0, -50%);

	padding-right: 22px;

	cursor: pointer

}



.top_language>li {}



.top_language>li:after {

	content: "";

	position: absolute;

	top: 50%;

	margin-top: -4px;

	right: 0;

	width: 0;

	height: 0;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-top: 8px solid var(--i_color)

}



.top_language.on>li:after {

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	transform: rotate(180deg)

}



.top_language i {

	display: block;

	width: .28rem;

	height: .28rem;

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

	background-size: contain;

	cursor: pointer

}



.top_language .sub-menu {

	position: absolute;

	top: 34px;

	right: 0;

	display: none;

	min-width: 100%;

	background: #FFF

}



.top_language.on .sub-menu {

	display: block !important

}



.top_language .sub-menu li {

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

}



.top_language .sub-menu a>span {

	display: block;

	padding: 0 14px;

	min-width: 100px;

	overflow: hidden

}



.top_language .sub-menu img,

.top_language .sub-menu .trp-ls-language-name {

	display: inline-block;

	vertical-align: middle

}



.top_language .sub-menu .trp-ls-language-name {

	margin-left: 8px;

	font-size: .14rem;

	color: #666;

	line-height: 32px

}



.top_language .sub-menu li:hover {

	background: rgba(0, 0, 0, .1)

}



.top_language .sub-menu li:hover .trp-ls-language-name {

	color: var(--i_color)

}



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

	.top_language i {

		width: 26px;

		height: 26px;

	}

}







header,

.logo,

.logo img,

.i_nav>li>a,

.top_r {

	-webkit-transition: all .7s ease;

	-moz-transition: all .7s ease;

	-ms-transition: all .7s ease;

	-o-transition: all .7s ease;

	transition: all .7s ease

}









/* banner */

.i_banner {

	overflow: hidden;

	position: relative

}



.i_banner_list {

	padding: 0;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	z-index: 1

}



.i_banner_list .swiper-wrapper {

	display: flex;

	position: relative;

	width: 100%;

	z-index: 1

}



.i_banner_list .swiper-slide {

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	position: relative;

	overflow: hidden

}



.i_banner_list .swiper-slide:before {

	content: "";

	display: block;

	padding-bottom: 100vh

}



.i_banner_list .swiper-slide>img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover

}



.banner-button-prev,

.banner-button-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	width: 34px;

	height: 60px;

	z-index: 999;

	outline: none;

	cursor: pointer;

	-moz-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	-khtml-user-select: none;

	user-select: none;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

}



.banner-button-prev {

	left: -60px;

	background: rgb(255 255 255 / 30%) url(static/images/public/arrow_left_hollow_bai3.svg) no-repeat center;

	background-size: 22px

}



.banner-button-next {

	right: -60px;

	background: rgb(255 255 255 / 30%) url(static/images/public/arrow_right_hollow_bai3.svg) no-repeat center;

	background-size: 22px

}



.i_banner:hover .banner-button-prev {

	left: 0

}



.i_banner:hover .banner-button-next {

	right: 0

}



.banner-button-prev:hover,

.banner-button-next:hover {

	background-color: var(--i_color)

}



/* 首页- banner - 圆点指示器 */

.banner-pagination {

	position: absolute;

	bottom: .4rem;

	left: 50%;

	transform: translate(-50%, 0);

	cursor: pointer;

	z-index: 10

}



.banner-pagination .swiper-pagination-bullet {

	width: .12rem;

	height: .12rem;

	display: inline-block;

	margin: 0 .07rem;

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

	-webkit-border-radius: 80px;

	-moz-border-radius: 80px;

	-o-border-radius: 80px;

	border-radius: 80px;

	outline: none

}



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

	position: relative;

	background: var(--i_color)

}



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



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



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



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

	.i_banner_list .swiper-slide:before {

		padding-bottom: 60%

	}



	.banner-button-prev,

	.banner-button-next {

		display: none

	}

}



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



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

	.i_banner_list .swiper-slide:before {

		padding-bottom: 70%

	}

}

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




/* 首页 banner 文字 */
.homeBanner_text1{position:absolute; top:50%; transform:translate(0,-50%); left: 0; width: 100%;}
.homeBanner_text1 h2{font-size: 3.5vw; color: #FFF; font-weight: bold;}

.homeBanner_more{display: table; border: 1px solid #FFF; position: relative; transition:all .5s ease;}
.homeBanner_more::before{content: ''; position: absolute; top: 0; right: 0; width: 0; height: 100%; background: var(--i_color); transition:all .5s ease;}
.homeBanner_more b{display: block; padding: .1rem .6rem; font-size: 0.18rem; font-weight: bold; color: #FFF; position: relative;}
.homeBanner_more:hover{border-color: var(--i_color);}
.homeBanner_more:hover::before{right: initial; left: 0; width: 100%;}

@media screen and (max-width:1024px) {
	.homeBanner_text1{top: 54%;}
}
@media screen and (max-width:768px) {
	.homeBanner_text1 h2{font-size: 4.6vw;}
	.homeBanner_more b{padding: 8px 40px; font-size: 15px;}
}
@media screen and (max-width:560px) {
	.homeBanner_text1 h2{font-size: 5vw;}
	.homeBanner_text1 .homeBanner_more{margin-top: 20px;}
	.homeBanner_more b{padding: 8px 24px; font-size: 14px;}
}




.homeBanner_text2{position:absolute; top:50%; transform:translate(0,-50%); left: 0; width: 100%;}
.homeBanner_text2 .wrap{position: relative; box-sizing: border-box; padding-left: 0.3rem;}
.homeBanner_text2 i{position: absolute; top: -.3rem; left: 0; width: 10vw; height: 2rem; border-radius:.14rem; background:linear-gradient(to bottom, #0286CB, transparent);}
.homeBanner_text2 h2{width: 46vw; font-size: 3.4vw; color: #FFF; font-weight: bold; position: relative; line-height: 1.2;}

@media screen and (max-width:1024px) {
	.homeBanner_text2{top: 56%;}
}
@media screen and (max-width:768px) {
	.homeBanner_text2 i{height: 100px;}
	.homeBanner_text2 h2{font-size: 3.8vw;}
}
@media screen and (max-width:560px) {
	.homeBanner_text2 .wrap{padding-left: 14px;}
	.homeBanner_text2 i{top: -10px; height: 60px; border-radius:6px;}
	.homeBanner_text2 h2{font-size: 4vw; line-height: 1.4;}
	.homeBanner_text2 .homeBanner_more{margin-top: 20px;}
}



.homeBanner_text3{position:absolute; top:25%; left: 0; width: 100%;}
.homeBanner_text3 span{display: table; width: 40vw; margin-left: auto; text-align: right;}
.homeBanner_text3 h2{font-size: 3.2vw; color: #FFF; font-weight: bold; line-height: 1.4;}
.homeBanner_text3 a{margin-left: auto;}

@media screen and (max-width:768px) {
	.homeBanner_text3 span{width: 50vw;}
	.homeBanner_text3 h2{font-size: 3.8vw;}
}
@media screen and (max-width:560px) {
	.homeBanner_text3 h2{font-size: 4vw;}
	.homeBanner_text3 a{margin-top: 10px;}
}






/* main */





/* box间距 margin and padding */

.box_mg {

	margin: .7rem auto .7rem

}



.box_pd {

	padding: .7rem 0

}



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

	.box_pd {

		padding: .5rem 0 .6rem

	}

}



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

	.box_mg {

		margin: 30px auto 36px

	}

}







/* 首页大版块标题 */

.i_tit {

	margin-bottom: .5rem;

	text-align: center;

	position: relative;

}



.i_tit span {

	position: relative;

	display: inline-block;

}



.i_tit i,

.i_tit h2 {

	text-transform: uppercase;

}



.i_tit i {

	position: absolute;

	top: 0;

	left: 4px;

	font-size: .47rem;

	color: transparent;

	font-weight: 900;

	-webkit-text-stroke: 1px #EFEFEF;

	white-space: nowrap;

	-moz-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	-khtml-user-select: none;

	-o-user-select: none;

	user-select: none;

}



.i_tit h2 {

	display: inline-block;

	padding: 5px 0 .06rem;

	font-size: .36rem;

	color: #363636;

	font-weight: 900;

	text-transform: uppercase;

	position: relative

}



.i_tit h2:first-letter {

	font-size: .5rem;

	color: var(--i_color);

}



.i_tit h2::after {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: .4rem;

	height: .04rem;

	background: #363636

}



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

	.i_tit h2 {

		font-size: .3rem;

	}



	.i_tit h2:first-letter {

		font-size: .44rem;

	}

}



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

	.i_tit {

		margin-bottom: .34rem;

	}



	.i_tit i {

		font-size: 28px;

	}



	.i_tit h2 {

		font-size: 22px;

	}

}



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

	.i_tit i {

		display: none;

	}



	.i_tit h2 {

		font-size: 20px;

	}

}



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

	.i_tit h2 {

		font-size: 16px;

	}



	.i_tit h2:first-letter {

		font-size: 22px;

	}

}



/* 首页 更多 */

.i_more {

	display: table;

	padding: 0 .8rem;

	background: var(--i_color);

	box-sizing: border-box;

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

	overflow: hidden;

	position: relative;

}



.i_more::before {

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	width: 0;

	height: 100%;

	background: #FFF;

}



.i_more i {

	font-size: .14rem;

	color: #FFF;

	font-weight: bold;

	line-height: .4rem;

	text-transform: uppercase;

	position: relative;

	z-index: 2;

}



.i_more:hover::before {

	width: 100%;

	left: 0;

	right: initial;

}



.i_more:hover i {

	color: var(--i_color);

}



.i_more::before,

.i_more 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:959px) {

	.i_more {}



	.i_more i {

		font-size: 15px;

		line-height: 32px;

	}

}



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

	.i_more {

		padding: 0 .6rem;

	}



	.i_more i {

		font-size: 12px;

		line-height: 30px;

		font-weight: normal;

	}

}





/* 首页 产品 */

.i_products {

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

	background-size: cover;

}



.i_products_list_box {

	position: relative;

	width: 86%;

	margin: 0 auto;

}



.i_products_list {

	width: 100%;

	padding: 0;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	z-index: 1

}



.i_products_list .swiper-wrapper {

	display: flex;

	position: relative;

	width: 100%;

	z-index: 1

}



.i_products_list .swiper-slide {

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

}



.i_products_list .swiper-slide a {

	display: block;

	text-align: center;

	width: 100%;

}



.i_products_list .cont {

	width: 100%;

	box-sizing: border-box;

	position: relative;

	overflow: hidden

}



.i_products_list .img {

	width: 100%;

	box-sizing: border-box;

	position: relative;

	overflow: hidden

}



.i_products_list .img:before {

	content: "";

	display: block;

	padding-bottom: 80%

}



.i_products_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	max-width: 100%;

	max-height: 100%;

	object-fit: contain

}



.i_products_list .txt {

	position: absolute;

	bottom: -100%;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgb(2 58 132 / 80%)

}



.i_products_list .txt span {

	position: absolute;

	top: 50%;

	left: 50%;

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

	box-sizing: border-box;

	padding: 0 .3rem;

	width: 100%;

}



.i_products_list .txt i {

	display: block;

	margin: 0 auto .2rem;

	width: .56rem;

	height: .56rem;

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

	background-size: contain;

}



.i_products_list .txt p {

	text-align: center;

	font-size: .28rem;

	color: #FFF;

	font-weight: bold;

	text-transform: uppercase;

}



.i_products_list .i_more {

	margin: .3rem auto 0;

}



.i_products_list .cont:hover .txt {

	bottom: 0;

}



.i_products_list .txt {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}







.p-pagination {

	text-align: center;

	margin: .35rem auto 0

}



.p-pagination .swiper-pagination-bullet {

	width: .12rem;

	height: .12rem;

	display: inline-block;

	margin: 0 5px;

	background: #BBB;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	outline: none

}



.p-pagination .swiper-pagination-bullet-active {

	position: relative;

	background: var(--i_color)

}



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

	.i_products_list .txt p {

		font-size: 16px;

	}

}



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

	.i_products_list_box {

		width: 94%;

	}



	.i_products_list .img {

		box-sizing: border-box;

		border: 1px solid rgb(2 58 132 / 50%);

	}



	.i_products_list .txt {

		position: initial;

		background: var(--i_color);

	}



	.i_products_list .txt span {

		position: initial;

		transform: none;

		height: 50px;

		display: -webkit-flex;

		display: flex;

		align-items: center;

		justify-content: center;

		flex-wrap: wrap

	}



	.i_products_list .txt p {

		font-size: 14px;

		overflow: hidden;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2

	}



	.i_products_list .txt i,

	.i_products_list .i_more {

		display: none;

	}

}



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

	.i_products_list .txt p {

		font-size: 13px;

	}

}



/* about */

.i_about {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	position: relative;

	padding: .4rem 0;

	overflow: hidden;

}



.i_about_l {

	width: 55%;

	box-sizing: border-box;

	padding: .4rem;

	background: #FFF;

	box-shadow: 0 0 10px rgb(0 0 0 / 10%);

	position: relative;

	z-index: 2;

}



.i_about_l .i_tit {

	text-align: left;

}



.i_about_l h5 {

	margin-bottom: .2rem;

	font-size: .18rem;

	color: var(--i_color);

	font-weight: bold;

}



.i_about_l article {

	margin-bottom: .26rem;

	font-size: .16rem;

	color: #363636;

	line-height: .26rem;

}





.i_about_r {

	position: absolute;

	top: 0;

	right: 0;

	width: 50%;

	height: 100%;

	margin-left: auto;

}



.i_about_r img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



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



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

	.i_about {

		padding: 0 0;

	}



	.i_about_l {

		width: 100%;

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

		box-shadow: none;

	}



	.i_about_l .i_tit {

		text-align: center;

	}



	.i_about_l h5 {

		font-size: 16px;

		text-align: center;

	}



	.i_about_l article {

		font-size: 14px;

		line-height: 22px;

		text-align: center;

	}



	.i_about_l .i_more {

		margin: 0 auto;

	}



	.i_about_r {

		width: 100%;

	}

}



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

	.i_about_l {

		padding: .3rem;

	}



	.i_about_l h5 {

		font-size: 15px;

	}



	.i_about_l article {

		font-size: 13px;

		line-height: 20px;

	}

}







/* why */

.i_why {

	padding-top: .8rem;

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

}





.i_why_text,

.i_why_list {

	width: 70%;

	margin: 0 auto;

}



.i_why_text {

	text-align: center;

	font-size: .16rem;

	color: #333;

	font-weight: bold;

	line-height: .24rem;

}



.i_why_list {

	margin-top: .4rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between

}



.i_why_list dt {

	width: 33.3333%;

	background: var(--i_color);

	box-sizing: border-box;

	padding: .4rem .3rem .6rem;

	text-align: center;

	border-right: 1px solid #FFF;

	position: relative;

	overflow: hidden;

}



.i_why_list dt::before,

.i_why_list dt::after {

	content: '';

	position: absolute;

}



.i_why_list dt::before {

	left: 0;

	bottom: -10px;

	width: 100%;

	height: 6px;

	background: var(--i_color2);

}



.i_why_list dt::after {

	left: 50%;

	transform: translate(-50%, 0);

	bottom: -16px;

	width: 0;

	height: 0;

	border-left: 8px solid transparent;

	border-right: 8px solid transparent;

	border-bottom: 8px solid var(--i_color2)

}



.i_why_list dt:last-child {

	border-right: none;



}



.i_why_list dt img {

	display: block;

	margin: 0 auto;

	width: .8rem;

	height: .8rem;

	object-fit: contain;

}



.i_why_list h3 {

	margin: .14rem auto;

	font-size: .22rem;

	color: #FFF;

	font-weight: 900;

	/* text-transform: uppercase; */

}



.i_why_list h3 i {

	font-size: .3rem;

	font-weight: 900;

}



.i_why_list h6 {

	font-size: .16rem;

	color: #FFF;

	line-height: .22rem;

}



.i_why_list dt:hover {

	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#003f91), to(#115aba));

	background: -webkit-linear-gradient(left, #003f91, #115aba);

	background: -moz-linear-gradient(left, #003f91, #115aba);

	background: -ms-linear-gradient(left, #003f91, #115aba);

	background: -o-linear-gradient(left, #003f91, #115aba);

	background: linear-gradient(to right, #003f91, #115aba);

}



.i_why_list dt:hover::before {

	bottom: 0;

}



.i_why_list dt:hover::after {

	bottom: 6px;

}



.i_why_list dt::before,

.i_why_list dt::after {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}



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



	.i_why_text,

	.i_why_list {

		width: 80%;

	}

}



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



	.i_why_text,

	.i_why_list {

		width: 94%;

	}

}



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

	.i_why {

		padding-top: .6rem;

	}



	.i_why_text {

		font-size: 15px;

		line-height: 22px;

	}



	.i_why_list h3 {

		font-size: 16px;

		font-weight: bold;

	}



	.i_why_list h3 i {

		font-size: 18px;

		font-weight: bold;

	}



	.i_why_list h6 {

		font-size: 14px;

		line-height: 20px;

	}

}



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

	.i_why {

		padding-top: .4rem;

	}



	.i_why_list {

		flex-wrap: wrap;

	}



	.i_why_list dt {

		width: 100%;

		padding: 18px 16px 32px;

		border-right: none;

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

	}



	.i_why_list dt img {

		width: 40px;

		height: 40px;

	}



	.i_why_text {

		font-size: 14px;

		line-height: 20px;

	}



	.i_why_list h3 {

		font-size: 15px;

		font-weight: bold;

	}



	.i_why_list h3 i {

		font-size: 17px;

		font-weight: bold;

	}



	.i_why_list h6 {

		font-size: 13px;

		line-height: 18px;

	}

}







/* Certification */

.i_zs {}



.in_zs_list {

	margin: 0 auto;

	padding: 30px 0 30px;

	position: relative;

	overflow: hidden;

	z-index: 1

}



.in_zs_list .swiper-wrapper {

	display: flex;

	position: relative;

	width: 100%;

	z-index: 1

}



.in_zs_list .swiper-slide {

	padding-bottom: 2px;

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

	overflow: hidden;

	-webkit-transform: scale(.85, .85);

	-moz-transform: scale(.85, .85);

	transform: scale(.85, .85)

}



.in_zs_list .img {

	display: block;

	width: 100%;

	box-sizing: border-box;

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

	position: relative;

	top: 0;

	overflow: hidden;

	z-index: 2

}



.in_zs_list .img:before {

	content: "";

	display: block;

	padding-bottom: 141.6%

}



.in_zs_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: contain

}



.in_zs_list .swiper-slide-active {

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

	-moz-transform: scale(1, 1);

	transform: scale(1, 1)

}



.in_zs_list .swiper-slide::before,

.in_zs_list .swiper-slide::after {

	content: '';

	position: absolute;

	z-index: 3;

}



.in_zs_list .swiper-slide::before {

	left: 0;

	bottom: -10px;

	width: 100%;

	height: 6px;

	background: var(--i_color);

}



.in_zs_list .swiper-slide::after {

	left: 50%;

	transform: translate(-50%, 0);

	bottom: -16px;

	width: 0;

	height: 0;

	border-left: 8px solid transparent;

	border-right: 8px solid transparent;

	border-bottom: 8px solid var(--i_color)

}



.in_zs_list .swiper-slide:hover::before {

	bottom: 0;

}



.in_zs_list .swiper-slide:hover::after {

	bottom: 5px;

}



.in_zs_list .swiper-slide,

.in_zs_list .swiper-slide::before,

.in_zs_list .swiper-slide::after {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}



/* 指示器 */

.h-pagination {

	display: none;

	text-align: center;

	margin: .3rem auto 0

}



.h-pagination .swiper-pagination-bullet {

	width: 8px;

	height: 8px;

	display: inline-block;

	margin: 0 4px;

	background: #E5E5E5;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	outline: none

}



.h-pagination .swiper-pagination-bullet-active {

	position: relative;

	background: var(--i_color)

}



/* 左右箭头 */

.h-button-prev,

.h-button-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	width: 30px;

	height: 80px;

	background: #F9F9F9;

	z-index: 999;

	cursor: pointer;

	outline: none

}



.h-button-prev {

	left: -60px;

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

	background-size: 20px

}



.h-button-next {

	right: -60px;

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

	background-size: 20px

}



.in_zs_list .swiper-button-disabled {

	opacity: .2;

	cursor: not-allowed

}



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



	.h-button-prev,

	.h-button-next {

		display: none;

	}

}



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

	.h-pagination {

		display: block;

	}

}



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



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

	.in_zs_list {

		padding: 20px 0 20px;

	}



	.h-pagination {

		margin: .2rem auto 0;

	}

}







.i_news {

	position: relative;

}



.i_news .i_tit {

	text-align: left;

}



.i_news_more {

	position: absolute;

	top: .3rem;

	right: 0;

}



.i_news_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between

}



.i_news_list li {

	width: 30%;

	box-shadow: 0 0 10px rgb(0 0 0 / 10%);

	position: relative;

	overflow: hidden;

}



.i_news_list li::after {

	content: '';

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: -10px;

	width: 0;

	height: 0;

	border-left: .12rem solid transparent;

	border-right: .12rem solid transparent;

	border-bottom: .08rem solid var(--i_color)

}



.i_news_list .img {

	width: 100%;

	position: relative;

	overflow: hidden

}



.i_news_list .img:before {

	content: "";

	display: block;

	padding-bottom: 46.3%

}



.i_news_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 101%;

	object-fit: cover

}



.i_news_list .txt {

	background: #FFF;

	position: relative;

	box-sizing: border-box;

	padding: .3rem .24rem;

}

.i_news_list .txt::before {

	content: '';

	position: absolute;

	right: 0;

	top: 0;

	width: 0;

	height: 3px;

	background: var(--i_color);

}



.i_news_list .ico {

	position: absolute;

	left: 50%;

	top: -16px;

	transform: translate(-50%, 0);

	width: 26px;

	height: 26px;

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

	background-size: 16px;

}



.i_news_list .txt h4 {

	font-size: .16rem;

	font-weight: bold;

	color: #333;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis

}



.i_news_list .txt h6 {

	margin: .1rem 0;

	font-size: .135rem;

	color: #999;

}



.i_news_list .txt h5 {

	font-size: .16rem;

	line-height: .24rem;

	color: #555;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3

}



.i_news_list li:hover::after {

	bottom: 0;

}



@keyframes enlarge {

	0% {

		top: -16px

	}



	50% {

		top: -36px

	}



	100% {

		top: -16px

	}

}



.i_news_list li:hover .ico {

	-webkit-animation: enlarge .5s 1 linear;

	animation: enlarge .5s 1 linear

}

.i_news_list li:hover .txt::before {

	right: initial;

	left: 0;

	width: 100%;

}

.i_news_list li:hover h4 {

	color: var(--i_color);

}



.i_news_list li::after,

.i_news_list li .txt::before,

.i_news_list .txt::before {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}



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

	.i_news_list {

		flex-wrap: wrap;

		justify-content: normal;

	}



	.i_news_list li {

		width: 100%;

		margin: 10px 0;

	}



	.i_news_list .txt {

		padding: 30px 20px;

	}



	.i_news_list .txt h4 {

		font-size: 16px;

	}



	.i_news_list .txt h6 {

		margin: 10px 0;

	}



	.i_news_list .txt h5 {

		font-size: 14px;

		line-height: 22px;

	}

}



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

	.i_news_more {

		top: .14rem;

	}



	.i_news_list .txt {

		padding: 26px 20px;

	}



	.i_news_list .txt h4 {

		font-size: 15px;

	}



	.i_news_list .txt h6 {

		margin: 10px 0;

	}



	.i_news_list .txt h5 {

		font-size: 13px;

		line-height: 20px;

	}

}









/* footer */

footer {}



/* quote */

.f_quote_box {

	position: relative;

}

.f_quote_box::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 1.4rem;

	background: #01285c;

}

.f_quote {

	position: relative;

	z-index: 2;

	background: url(static/images/f_quote_bg.jpg) repeat;

}

.f_quote_text {
	max-width: 60%;
	margin: 0 auto .5rem;
	text-align: center;
}

.f_quote_text h6 {
	font-size: .15rem;
	line-height: .2rem;
	color: #444;
}

.f_quote_text h2 {
	margin-top: .2rem;
	font-size: .2rem;
	font-weight: bold;
	color: #464646;
}



/* 表单 */
#wpforms-81{
	--wpforms_input_height:48px;
	--wpforms_textarea_height:120px;
	--wpforms_input_font_size: 16px;
	--wpforms-field-border-radius: 0;
	--wpforms-button-background-color: var(--i_color);
	--wpforms-button-border-color: var(--i_color);
	--wpforms-page-break-color: var(--i_color)
}
#wpforms-81{width: 70%; margin:0 auto; padding:0;}
#wpforms-form-81{width:100%; position:relative;}

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

/* 下拉菜单样式 */
/* #wpforms-81 .choices{width: 100%; max-width: 100% !important; height: var(--wpforms_input_height);}
#wpforms-81 .choices__inner{background: #F2F4F5; border: none !important; height: 100%;}
.wpforms-container .wpforms-field .wpforms-field-row:before{display: none !important;} */

#wpforms-81 .wpforms-field-container .wpforms-field>input:hover,
#wpforms-81 .wpforms-field-container textarea:hover,
#wpforms-81 .wpforms-field-container .wpforms-field>input:focus,
#wpforms-81 .wpforms-field-container textarea:focus{border-color: var(--i_color);}

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

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

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

/* 提交按钮样式 */
#wpforms-81 .wpforms-submit-container{width: 230px; margin: 0 auto; padding:0 0; position: relative; overflow: hidden;}
#wpforms-81 .wpforms-submit-container button{width: 100%; height:44px; font-size: 15px; color: #FFF; background: var(--i_color);}
#wpforms-81 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0,-50%);right:4px;z-index:2}
#wpforms-81 .wpforms-submit-container button:hover{background: #032a5d;}



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

	.f_quote_text {

		max-width: 80%;

	}



	#wpforms-81 {

		width: 80%;

	}

}



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

	.f_quote_text h6 {

		font-size: 15px;

		line-height: 20px;

	}



	.f_quote_text h2 {

		font-size: 17px;

	}

}



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

	.f_quote_text {

		max-width: 90%;

	}



	#wpforms-81 {

		width: 90%;

	}



	.f_quote_text h6 {

		font-size: 13px;

		line-height: 18px;

	}



	.f_quote_text h2 {

		font-size: 15px;

	}



	#wpforms-81 .wpforms-field-container>.wpforms-field {
		width: 100% !important;
	}

}







.f_cont {

	padding-top: .52rem;

	padding-bottom: .3rem;

	background: #01285c;

}



.f_cont>.wrap {

	padding-bottom: .4rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap

}



.f_tit {

	margin-bottom: .3rem;

	font-size: .2rem;

	font-weight: 900;

	color: var(--i_color2);

	text-transform: uppercase;

}



.f_contact {

	width: 30%;

}



.f_contact_list li {

	margin-bottom: .18rem;

	overflow: hidden;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap

}



.f_contact_list li i {

	display: block;

	margin-right: 10px;

	width: .24rem;

	height: .24rem

}



.f_contact_list li i img {

	height: 100%

}



.f_contact_list li span,

.f_contact_list li span a {

	display: inline-block;

	font-size: .14rem;

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

	line-height: 22px

}



.f_contact_list li span b {

	font-weight: bold;

	margin-right: 4px;

}



.f_contact_list li a:hover {

	color: var(--i_color2)

}



.f_nav {

	margin: 0 5%;

}



.f_nav_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap

}



.f_nav_list ul {}



.f_nav_list ul:not(:last-child) {

	margin-right: .8rem;

}



.f_nav_list li {

	padding-right: 18px;

	position: relative;

	overflow: hidden;

}



.f_nav_list li::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: -10px;

	width: 0;

	height: 0;

	border-top: 6px solid transparent;

	border-bottom: 6px solid transparent;

	border-left: 6px solid var(--i_color2)

}



.f_nav_list a {

	font-size: .16rem;

	color: #FFF;

	line-height: .34rem;

	position: relative;

	left: 0;
	white-space: nowrap;

}



.f_nav_list li:hover a {

	left: 16px;

	color: var(--i_color2);

}



.f_nav_list li:hover::before {

	left: 0;

}



.f_nav_list a,

.f_nav_list li::before {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}



.f_media {

	margin-left: auto;

	width: 27%;

}



.f_logo {}



.f_logo img {

	max-width: 100%;

	max-height: .62rem;

}



.f_about {

	margin: .3rem 0 .2rem;

}



.f_about h5 {

	margin-bottom: .06rem;

	font-size: 14px;

	color: #FFF;

	font-weight: bold

}



.f_about p {

	font-size: .14rem;

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

	line-height: .2rem;

}



.f_media_list {
	padding-top: 10px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.f_media_list li:not(:last-child) {
	margin-right: .18rem;
}
.f_media_list a {
	display: block;
	height: .3rem;
}
.f_media_list img {
	height: 100%;
}
.f_media_list iconify-icon{font-size: 0.3rem; color: #52D0FF;}
.f_media_list li:hover {
	-webkit-transform: translate(0, -8px);
	-moz-transform: translate(0, -8px);
	-o-transform: translate(0, -8px);
	-ms-transform: translate(0, -8px);
	transform: translate(0, -8px)
}
.f_media_list li {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}


.f_copy {
	padding: .22rem 0;
	border-top: 1px solid rgb(255 255 255 / 30%);
}

.f_copy dl {
	display: -webkit-flex;
	display: flex
}

.f_copy dt {

	position: relative;

}



.f_copy dt:not(:last-child) {

	margin-right: .3rem;

}



.f_copy dt:not(:last-child)::after {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: -.15rem;

	width: 1px;

	height: 14px;

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

}



.f_copy dt,

.f_copy p,

.f_copy a {

	font-size: .15rem;

	color: #FFF;

	line-height: .22rem;

}



.f_copy a:hover {

	color: var(--i_color2);

}



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

	.f_nav {

		display: none;

	}



	.f_media {

		width: 44%;

		order: 0;

		margin-left: initial;

	}



	.f_contact {

		width: 50%;

		margin-left: auto;

		order: 1

	}

}



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

	.f_cont>.wrap {

		flex-wrap: wrap;

	}



	.f_media,

	.f_contact {

		width: 100%;

	}



	.f_about h5 {

		margin-bottom: 8px;

		font-size: 16px;

	}



	.f_about p {

		line-height: 20px;

	}



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

		margin-right: 20px;

	}



	.f_media_list a {

		height: 30px;

	}



	.f_contact {

		margin-top: 24px;

	}



	.f_contact_list li {

		margin-bottom: 12px;

	}



	.f_contact_list li i {

		width: 20px;

		height: 20px;

	}



	.f_contact_list li span,

	.f_contact_list li span a {

		font-size: 13px;

		line-height: 20px;

	}



	.f_copy dl {

		flex-wrap: wrap;

	}



	.f_copy dt {

		width: 100%;

	}



	.f_copy dt::after {

		display: none;

	}



	.f_copy dt,

	.f_copy p,

	.f_copy a {

		font-size: 13px;

		line-height: 20px;

	}

}



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

	.f_logo img {

		max-height: .5rem;

	}



	.f_about h5 {

		font-size: 15px;

	}



	.f_about p {

		font-size: 13px;

	}



	.f_media_list a {

		height: 24px;

	}



	.f_copy dt,

	.f_copy p,

	.f_copy a {

		font-size: 12px;

		line-height: 18px;

	}

}



















/* -------------------- 内页 -------------------- */



/* 填充头部高度 */

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



/* 内页banner */

.in_banner {

	width: 100%;

	position: relative;
	font-size: 0;

	overflow: hidden

}



.in_banner img {

	width: 100%;

	width: 100vw;

	object-fit: cover

}



.in_b_text {

	position: absolute;

	top: 54%;

	transform: translate(0, -50%);

	left: 0;

	width: 100%;

}



.in_b_text h2 {

	font-size: .46rem;

	color: #FFF;

	font-weight: 900;

	text-transform: capitalize;

}



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

	.in_banner img {

		min-height: 360px;

	}



	.in_b_text {

		top: 56%;

	}

}



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

	.in_banner img {

		min-height: 300px;

	}



	.in_b_text h2 {

		font-size: 30px;

		text-align: center;

	}

}



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

	.in_banner img {

		min-height: 200px;

	}



	.in_b_text h2 {

		font-size: 20px;

	}

}









/* 当前位置 */

.in_position {

	padding: .16rem 0;

	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_1_hei.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:959px) {

	.in_position a {

		font-size: 13px

	}

}



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

	.in_position a {

		font-size: 12px

	}

}









/* 内页 产品列表 */

.in_products {}



.in_products_nav {

	margin: .8rem auto .6rem;

}



.in_products_nav ul {}





.prodcuts_cat_list {

	border-bottom: 1px solid #CCC;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between

}



.prodcuts_cat_list li {

	padding-bottom: .2rem;

	text-align: center;

	width: 24%;

	position: relative;

}



.prodcuts_cat_list a {

	display: block;

	overflow: hidden;

}



.prodcuts_cat_list .curr::before,

.prodcuts_cat_list .curr::after {

	content: '';

	position: absolute;

}



.prodcuts_cat_list .curr::before {

	left: 0;

	bottom: -4px;

	width: 100%;

	height: 4px;

	background: var(--i_color);

}



.prodcuts_cat_list .curr::after {

	bottom: -.13rem;

	left: 50%;

	transform: translate(-50%, 0);

	width: 0;

	height: 0;

	border-left: .14rem solid transparent;

	border-right: .14rem solid transparent;

	border-top: .1rem solid var(--i_color)

}



.prodcuts_cat_list img {

	opacity: .7;

	margin-bottom: .16rem;

	height: .7rem;

	-webkit-filter: grayscale(1);

	-moz-filter: grayscale(1);

	-o-filter: grayscale(1);

	-ms-filter: grayscale(1);

	filter: grayscale(1)

}



.prodcuts_cat_list p {

	font-size: .18rem;

	color: #444;

	font-weight: bold;

	text-transform: uppercase;

}



.prodcuts_cat_list li:hover img,

.prodcuts_cat_list .curr img {

	opacity: 1;

	-webkit-filter: none;

	-moz-filter: none;

	-o-filter: none;

	-ms-filter: none;

	filter: none

}



/* .prodcuts_cat_list .curr p {

	color: var(--i_color);

} */

.prodcuts_cat2_list {

	margin-top: .4rem;

	display: -webkit-flex;

	display: flex;

	justify-content: center;

	flex-wrap: wrap

}



.prodcuts_cat2_list li {

	text-align: center;

	margin: .08rem .1rem;

	position: relative;

}



.prodcuts_cat2_list .curr::after {

	content: '';

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: 0;

	width: 0;

	height: 0;

	border-left: .12rem solid transparent;

	border-right: .12rem solid transparent;

	border-bottom: .08rem solid #FFF

}



.prodcuts_cat2_list a {

	display: block;

	box-sizing: border-box;

	-webkit-border-radius: 100px;

	-moz-border-radius: 100px;

	border-radius: 100px;

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

	padding: 0 .3rem;

	font-size: .16rem;

	color: #666;

	line-height: .46rem;

}



.prodcuts_cat2_list .curr a {

	background: var(--i_color);

	color: #FFF !important;

}



.prodcuts_cat2_list li:hover a {

	border-color: var(--i_color);

	color: var(--i_color);

}



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

	.prodcuts_cat_list img {

		height: .6rem;

	}



	.prodcuts_cat2_list li {

		margin: .08rem .06rem;

	}

}



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

	.in_products_nav {

		margin: .5rem auto .5rem;

	}



	.prodcuts_cat_list {

		flex-wrap: wrap;

	}



	.prodcuts_cat_list li {

		margin: .2rem 0;

		width: 48%;

	}



	.prodcuts_cat_list img {

		height: .5rem;

	}



	.prodcuts_cat2_list {

		justify-content: space-between

	}



	.prodcuts_cat2_list li {

		margin: .08rem 0;

		width: 49%;

	}



	.prodcuts_cat2_list a {

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis

	}

}



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

	.in_products_nav {

		margin: .4rem auto .4rem;

	}



	.prodcuts_cat_list .curr::before {

		height: 3px;

	}



	.prodcuts_cat_list img {

		height: .4rem;

	}



	.prodcuts_cat2_list {

		margin-top: .26rem;

	}



	.prodcuts_cat2_list li {

		margin: .04rem 0;

	}



	.prodcuts_cat2_list a {

		font-size: 12px;

	}

}









/* 产品列表 */

.in_products_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap

}



.in_products_list li {

	width: 33.333%;

	margin: 0 0 .4rem;

	box-sizing: border-box;

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

	position: relative;

}



.in_products_list .img {

	width: 100%;

	position: relative;

	overflow: hidden

}



.in_products_list .img:before {

	content: "";

	display: block;

	padding-bottom: 90%

}



.in_products_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	max-width: 100%;

	max-height: 100%;

	object-fit: contain

}



.in_products_list .txt {

	text-align: center;

	padding: .16rem .16rem .3rem;

}



.in_products_list .txt p {

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

	padding-top: .14rem;

	font-size: .17rem;

	font-weight: bold;

	color: #333;

	line-height: .22rem;

}



.in_products_list li:hover {

	border-color: rgb(2 58 132 / 30%);

}



.in_products_list li:hover::after {

	content: '';

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: 0;

	width: 0;

	height: 0;

	border-left: .12rem solid transparent;

	border-right: .12rem solid transparent;

	border-bottom: .08rem solid var(--i_color)

}



.in_products_list li:hover p {

	color: var(--i_color);

}



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

	.in_products_list li {

		width: 47%;

		margin: 0 1.5% .4rem;

	}

}



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

	.prodcuts_cat_list p {

		font-size: 14px;

	}



	.in_products_list li {

		margin: 0 1.5% .24rem;

	}



	.in_products_list .txt p {

		font-size: 13px;

		font-weight: normal;

		overflow: hidden;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2

	}

}





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







/* 内页 产品详情 */



/* 产品详情 */

.in_det {

	--img_size: 6rem

}



.in_det {

	position: relative;

	overflow: hidden

}



/* 轮播图 */

.products_pic_list {

	width: var(--img_size);

	overflow: hidden;

	position: relative

}



.gallery-top {

	margin-bottom: 20px;

	box-sizing: border-box;

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

	overflow: hidden;

	position: relative

}



.gallery-top .swiper-wrapper {

	position: relative;

	width: 100%;

	height: 100%;

	z-index: 1;

	display: flex

}



.gallery-top .swiper-slide {

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

	overflow: hidden

}



.gallery-top .swiper-slide:before {

	content: "";

	display: block;

	padding-bottom: 94%

}



.gallery-top .swiper-slide img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: contain

}



.pro_slt {

	position: relative

}



.gallery-thumbs {

	width: calc(100% - 80px);

	margin: 0 auto;

	overflow: hidden

}



.gallery-thumbs .swiper-wrapper {

	position: relative;

	width: 100%;

	height: 100%;

	z-index: 1;

	cursor: pointer;

	display: flex

}



.gallery-thumbs .swiper-slide {

	box-sizing: border-box;

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

	flex-shrink: 0;

	position: relative;

	overflow: hidden

}



.gallery-thumbs .swiper-slide:before {

	content: "";

	display: block;

	padding-bottom: 94%

}



.gallery-thumbs .swiper-slide-thumb-active {

	border-color: var(--i_color)

}



.gallery-thumbs .swiper-slide img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	max-width: 90%;

	max-height: 90%;

	object-fit: contain

}



/* 左右箭头 */

.ppl-button-prev,

.ppl-button-next {

	position: absolute;

	bottom: 0;

	width: 30px;

	height: 100%;

	z-index: 999;

	outline: none;

	cursor: pointer;

	-moz-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	-khtml-user-select: none;

	user-select: none;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

}



.ppl-button-prev {

	left: 0;

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

	background-size: 22px

}



.ppl-button-next {

	right: 0;

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

	background-size: 22px

}



.products_pic_list .swiper-button-disabled {

	opacity: .3;

	cursor: not-allowed

}







/* 右侧产品名称 */

.in_det_name {

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

}



.in_det_name h1 {

	font-size: .36rem;

	color: var(--i_color);

	font-weight: bold;

	text-transform: uppercase;

}



.in_det_name dl {

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

	padding-bottom: .3rem;

	margin: .3rem 0 .6rem;

	overflow: hidden

}



.in_det_name dt {

	margin: .2rem 0;

	font-size: .16rem;

	color: #0C0C0C;

	line-height: .3rem;

	box-sizing: border-box;

	position: relative

}



.in_det_name dt b,

.in_det_name dt i {

	font-size: .17rem;

	color: #444;

	line-height: .26rem;

}



.in_det_name dt b {

	margin-right: 4px;

	font-weight: bold;

	text-transform: uppercase;

}



.in_det_name ul {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap

}



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

	margin-right: .26rem;

}



.in_det_name .i_more {

	padding: 0 .4rem;

}



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

	.in_det_name {

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

	}

}

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

	.in_det {

		--img_size: 5rem

	}

}



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

	.in_det_name h1 {

		font-size: .3rem;

	}



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

		margin-right: .2rem;

	}



	.in_det_name .i_more {

		padding: 0 .2rem;

	}



	.in_det_name .i_more i {

		font-size: 13px;

	}

}



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



	.products_pic_list,

	.in_det_name {

		float: none;

		width: 100%;

	}



	.in_det_name {

		margin-top: .5rem;

	}



	.in_det_name h1 {

		font-size: 0.26rem;

	}

}



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

	.in_det_name h1 {

		font-size: 18px;

	}



	.in_det_name dl {

		margin: 10px 0 30px;

		padding-bottom: 16px;

	}



	.in_det_name dt {

		margin: 8px 0;

	}

}









.porducts_det_cont {

	overflow: hidden;

}



.tab_nav {

	margin-bottom: .4rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

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

}



.tab_nav dt {

	display: -webkit-flex;

	display: flex;

	justify-content: center;

	align-items: center;

	text-align: center;

	width: 50%;
	max-width: 4rem;

	box-sizing: border-box;

	padding: .14rem .16rem;

	cursor: pointer;

	position: relative;

}



.tab_nav .current {

	background: var(--i_color);

}



.tab_nav .current::before {

	content: '';

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: -9px;

	width: 0;

	height: 0;

	border-left: 14px solid transparent;

	border-right: 14px solid transparent;

	border-top: 10px solid var(--i_color)

}



.tab_nav dt:not(:last-child)::after {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 0;

	width: 1px;

	height: 65%;

	background: var(--border_color);

}



.tab_nav p {

	font-size: .15rem;

	color: #444;

	font-weight: bold;

	line-height: .22rem;

	text-transform: uppercase;

}



.tab_nav .current p {

	color: #FFF !important;

}



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

	.tab_nav {

		margin-bottom: 14px;

		flex-wrap: wrap;

	}



	.tab_nav dt {

		margin-bottom: 18px;

	}

}







.tab_cont dt {

	display: none;

}



.tab_cont dt:first-child {

	display: block

}


/*
.tab_cont_t,

.tab_cont_t * {

	font-size: .15rem;

	color: #444;

	line-height: .26rem;

} */







/* 相关产品 */

.in_rp {}



.in_rp .i_tit {

	text-align: left;

}



.in_rp_list_box {

	position: relative;

	width: 100%;

	margin: 0 auto;

}



.in_rp_list {

	width: 100%;

	padding: 0;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	z-index: 1

}



.in_rp_list .swiper-wrapper {

	display: flex;

	position: relative;

	width: 100%;

	z-index: 1

}



.in_rp_list .swiper-slide {

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

}



.in_rp_list .swiper-slide a {

	display: block;

	text-align: center;

	width: 100%;

}



.in_rp_list .cont {

	width: 100%;

	box-sizing: border-box;

	position: relative;

	overflow: hidden

}



.in_rp_list .img {

	width: 100%;

	box-sizing: border-box;

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

	position: relative;

	overflow: hidden

}



.in_rp_list .img:before {

	content: "";

	display: block;

	padding-bottom: 80%

}



.in_rp_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	max-width: 100%;

	max-height: 100%;

	object-fit: contain

}



.in_rp_list .txt {

	padding: .14rem .16rem;

}



.in_rp_list .txt p {

	font-size: .16rem;

	font-weight: bold;

	line-height: .22rem;

	color: #444;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2

}







.rp-pagination {

	text-align: center;

	margin: .35rem auto 0

}



.rp-pagination .swiper-pagination-bullet {

	width: .1rem;

	height: .1rem;

	display: inline-block;

	margin: 0 5px;

	background: #BBB;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	outline: none

}



.rp-pagination .swiper-pagination-bullet-active {

	position: relative;

	background: var(--i_color)

}









.in_about {

	--pic_mar: .6rem

}

.in_about {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	overflow: hidden;

}



.in_ab_pic {

	width: 42%;

	position: relative;

	overflow: hidden

}

.in_ab_pic:before {

	content: "";

	display: block;

	padding-bottom: 100%

}



.in_ab_pic::after {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: calc(100% - var(--pic_mar));

	height: calc(100% - var(--pic_mar));

	background: var(--i_color);

}

.in_ab_pic img {

	position: absolute;

	top: 0;

	right: 0;

	width: calc(100% - var(--pic_mar));

	height: calc(100% - var(--pic_mar));

	object-fit: cover;

	z-index: 2;

}



.in_ab_pic:hover::after {

	width: 70%;

	bottom: var(--pic_mar);

}

.in_ab_pic:hover img {

	top: .4rem;

}

.in_ab_pic::after,

.in_ab_pic img {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}



.in_ab_txt {

	margin-left: auto;

	width: 52%;

}

.in_ab_txt .i_tit {

	text-align: left;

}

.in_ab_txt h5 {

	margin-bottom: .2rem;

	font-size: .18rem;

	color: var(--i_color);

	font-weight: bold;

}

.in_ab_txt article {

	margin-bottom: .26rem;

	font-size: .15rem;

	color: #363636;

	line-height: .26rem;

}



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

	.in_ab_pic {

		width: 48%;

	}

	.in_ab_txt {

		width: 46%;

	}

}

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

	.in_about {

		--pic_mar: .4rem

	}

	.in_ab_pic {

		float: none;

		width: 70%;

		margin: 0 auto .4rem;

	}

	.in_ab_txt {

		float: none;

		width: 100%;

	}

}

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

	.in_about {

		--pic_mar: .2rem

	}

}









.in_about_list {}

.in_about_list dl {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between

}

.in_about_list dt {

	width: 30%;

	position: relative;

	overflow: hidden;

}

.in_about_list img {

	display: block;

	margin: 0 auto;

	height: 1.5rem;

}

.in_about_list h4 {

	margin: .34rem 0 .16rem;

	font-size: .2rem;

	color: #444;

	font-weight: 900;

}

.in_about_list h6 {

	font-size: .14rem;

	color: #363636;

	line-height: .24rem;

}

.in_about_list dt:hover img {

	transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg)

}

.in_about_list img {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}



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

	.in_about_list img {

		height: 1.2rem;

	}

}

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

	.in_about_list dl {

		flex-wrap: wrap;

	}

	.in_about_list dt {

		width: 100%;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap

	}

	.in_about_list dt:not(:last-child) {

		margin-bottom: .3rem;

	}

	.in_about_list img {

		width: 1rem;

		height: 1rem;

		margin: 0 0;

		object-fit: contain;

	}

	.in_about_list span {

		margin-left: auto;

		width: 50%;

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

	}

	.in_about_list h4 {

		margin-top: 0;

	}

}

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

	.in_about_list img {

		width: .7rem;

		height: .7rem;

	}

	.in_about_list span {

		width: calc(100% - .7rem - .3rem);

	}

}







.in_choose {}

.in_choose .i_tit {

	text-align: left;

}



.in_choose_cont {

	position: relative;

}

.in_choose_text {

	position: absolute;

	top: -.5rem;

	right: 0;

	width: 40%;

	box-sizing: border-box;

	padding: .6rem;

	background: var(--i_color);

	z-index: 2;

}

.in_choose_text h2 {

	font-size: .32rem;

	color: #FFF;

	font-weight: 900;

	line-height: .4rem;

	text-transform: uppercase;

}

.in_choose_text h2 i {

	font-size: .44rem;

	font-weight: 900;

}

.in_choose_text h6 {

	margin: .3rem 0 .6rem;

	font-size: .16rem;

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

}

.in_choose_text .i_more {

	background: #FFF;

}

.in_choose_text .i_more i {

	color: var(--i_color);

}

.in_choose_text .i_more:hover {

	border-color: #FFF;

}

.in_choose_text .i_more:hover::before {

	width: 100%;

	left: 0;

	right: initial;

	background: var(--i_color);

}

.in_choose_text .i_more:hover i {

	color: #FFF;

}



.in_choose_list {

	width: 96%;

	box-sizing: border-box;

	padding: .4rem;

	box-shadow: 0 0 10px rgb(0 0 0 / 10%);

}

.in_choose_list dl {

	width: 60%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap

}

.in_choose_list dt {

	margin: .26rem 6% .26rem 0;

	width: 47%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap

}

.in_choose_list dt:nth-child(2n) {

	margin-right: 0

}

.in_choose_list .ico {

	position: relative;

	top: 0;

}

.in_choose_list .ico img {

	width: .5rem;

	height: .5rem;

	object-fit: contain;

}

.in_choose_list .txt {

	margin-left: auto;

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

}

.in_choose_list .txt h4 {

	font-size: .2rem;

	color: #333;

	font-weight: 900;

}

.in_choose_list .txt p {

	margin-top: .1rem;

	font-size: .14rem;

	color: #777;

	line-height: .16rem;

}

.in_choose_list dt:hover .ico {

	top: .1rem;

}

.in_choose_list dt:hover h4 {

	color: var(--i_color);

}

.in_choose_list .ico {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}



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

	.in_choose_text h2 i {

		font-size: .4rem;

	}

	.in_choose_text h2 {

		font-size: .26rem;

	}

}

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

	.in_choose_text {

		padding: .4rem .5rem;

	}

	.in_choose_text h2 i {

		font-size: .3rem;

	}

	.in_choose_text h2 {

		font-size: .22rem;

	}

	.in_choose_text h6 {

		margin: .2rem 0 .4rem;

	}

}

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

	.in_choose_text {

		position: initial;

		width: 100%;

	}

	.in_choose_text h6 {

		margin: .1rem 0 .3rem;

	}

	.in_choose_list {

		width: 100%;

		padding: .3rem;

	}

	.in_choose_list dl {

		width: 100%;

	}

}

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

	.in_choose_text {

		padding: .3rem .4rem;

	}

	.in_choose_text h2 i {

		font-size: .24rem;

		font-weight: bold;

	}

	.in_choose_text h2 {

		font-size: .18rem;

		font-weight: bold;

	}

	.in_choose_list {

		padding: .2rem .3rem;

	}

	.in_choose_list dt {

		flex-wrap: wrap;

		margin: .18rem 6% .18rem 0;

	}

	.in_choose_list .ico {

		margin: 0 auto;

	}

	.in_choose_list .txt {

		margin-left: initial;

		width: 100%;

		margin-top: .14rem;

		text-align: center;

	}

	.in_choose_list .txt h4 {

		font-size: .18rem;

		font-weight: bold;

	}

}









.in_history {}

.in_history .i_tit {

	text-align: left;

}

.in_history_list {

	margin: 0 auto;

	position: relative;

	overflow: hidden

}

.in_history_list:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, 0);

	width: 100%;

	height: 1px;

	background: #343434

}



.in_history_nav {

	width: calc(100% - 100px);

	margin: 0 auto;

	cursor: pointer;

	position: relative;

	overflow: hidden

}

.in_history_nav .swiper-wrapper {

	position: relative;

	width: 100%;

	height: 100%;

	z-index: 1;

	display: flex

}

.in_history_nav .swiper-slide {

	text-align: center;

	box-sizing: border-box;

	flex-shrink: 0;

	position: relative;

	overflow: hidden

}

.in_history_nav .swiper-slide::before {

	content: '';

	display: block;

	padding-bottom: 4.6rem;

}

.history_text_box {

	position: absolute;

	bottom: 0;

	height: 32%;

	text-align: center;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap

}

.in_history_nav .text {}

.in_history_nav .text h2 {

	font-size: .16rem;

	color: #333;

	font-weight: bold;

}

.in_history_nav .text p {

	margin-top: .1rem;

	font-size: .14rem;

	color: #666;

}

.in_history_nav .num_box {

	position: absolute;

	left: 50%;

	top: 42%;

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

}



.in_history_nav .num_box h6 {

	font-size: .2rem;

	font-weight: bold;

}

.in_history_nav .yuan {

	position: absolute;

	top: 50%;

	left: 50%;

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

	display: block;

	width: .08rem;

	height: .08rem;

	background: #000;

	border: 2px solid #000;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	z-index: 2;

}

.in_history_nav .xian {

	display: block;

	position: absolute;

	top: calc(50% + .3rem);

	left: 50%;

	transform: translate(0, -50%);

	width: 1px;

	height: .6rem;

	background: #000;

}

.in_history_nav .xian::after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translate(-50%, 0);

	width: .07rem;

	height: .07rem;

	background: #000;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%

}



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

	.in_history_nav .swiper-slide:nth-child(even) .history_text_box {

		top: .3rem;

		bottom: initial;

	}

	.in_history_nav .swiper-slide:nth-child(odd) .num_box {

		top: 42%;

	}

	.in_history_nav .swiper-slide:nth-child(even) .num_box {

		top: initial !important;

		bottom: 38% !important;

	}

	.in_history_nav .swiper-slide:nth-child(even) .xian {

		bottom: calc(50% + .3rem);

		top: initial;

		transform: translate(0, 50%);

	}

	.in_history_nav .swiper-slide:nth-child(even) .xian::after {

		top: 0;

		bottom: initial;

	}

}



.in_history_nav .swiper-slide-active .text h2,

.in_history_nav .swiper-slide-active .num_box h6 {

	color: var(--i_color);

}

.in_history_nav .swiper-slide-active .yuan {

	width: .16rem;

	height: .16rem;

	background: #FFF;

	border-color: var(--i_color);

}



.in_history_list .history-button-prev,

.in_history_list .history-button-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	width: 20px;

	height: 20px;

	z-index: 999;

	outline: none;

	cursor: pointer;

	-moz-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	-khtml-user-select: none;

	user-select: none;

	-webkit-border-radius: 200px;

	-moz-border-radius: 200px;

	border-radius: 200px;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

}

.in_history_list .history-button-prev {

	left: 0;

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

	background-size: 10px

}

.in_history_list .history-button-next {

	right: 0;

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

	background-size: 10px

}

.in_history_list .swiper-button-disabled {

	cursor: not-allowed

}



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

	.in_history_nav {

		width: calc(100% - 70px);

	}

	.in_history_nav .swiper-slide::before {

		display: none;

	}

	.in_history_nav .num_box {

		position: initial;

		transform: none;

		text-align: center;

		margin-bottom: 1rem;

	}

	.history_text_box {

		position: initial;

		height: auto;

	}

	.in_history_nav .yuan {

		top: .38rem;

		transform: translate(-50%, 0)

	}

	.in_history_nav .xian {

		top: .38rem;

		transform: none

	}

	.in_history_list:before {

		left: 0;

		top: .48rem;

		transform: none;

	}

	.in_history_list .history-button-prev,

	.in_history_list .history-button-next {

		top: .36rem;

		transform: none;

	}

}











.in_factory {}

.in_factory .i_tit {

	text-align: left;

}



.in_factory_list {

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	z-index: 1

}



.in_factory_list .swiper-wrapper {

	display: flex;

	position: relative;

	width: 100%;

	z-index: 1

}



.in_factory_list .swiper-slide {

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

}



.in_factory_list .img {

	display: block;

	width: 100%;

	box-sizing: border-box;

	position: relative;

	top: 0;

	overflow: hidden;

	z-index: 2

}



.in_factory_list .img:before {

	content: "";

	display: block;

	padding-bottom: 100%

}



.in_factory_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover

}



.in_factory_list .swiper-slide:hover img {

	width: 110%;

	height: 110%;

}

.in_factory_list .swiper-slide,

.in_factory_list .img img {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}





/* 指示器 */

.f-pagination {

	display: block;

	text-align: center;

	margin: .3rem auto 0

}



.f-pagination .swiper-pagination-bullet {

	width: .1rem;

	height: .1rem;

	display: inline-block;

	margin: 0 5px;

	background: #E5E5E5;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	outline: none

}



.f-pagination .swiper-pagination-bullet-active {

	position: relative;

	background: var(--i_color)

}



/* 左右箭头 */

.f-button-prev,

.f-button-next {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	width: 30px;

	height: 80px;

	background: #F9F9F9;

	z-index: 999;

	cursor: pointer;

	outline: none

}



.f-button-prev {

	left: -60px;

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

	background-size: 20px

}



.f-button-next {

	right: -60px;

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

	background-size: 20px

}



.in_zs_list .swiper-button-disabled {

	opacity: .2;

	cursor: not-allowed

}



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

	.f-button-prev,

	.f-button-next {

		display: none

	}

}











.in_support_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

}

.in_support_list dt {

	width: 18%;

	padding-top: .2rem;

}

.in_support_list .h2 {

	margin-bottom: .3rem;

	text-align: center;

	background: var(--i_color);

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	position: relative;

}

.in_support_list .h2:before {

	content: "";

	display: block;

	padding-bottom: 50%

}

.in_support_list dt:nth-child(odd) .h2 {

	background: #539DE9;

}

.in_support_list dt:nth-child(even) .h2 {

	background: var(--i_color);

}

.in_support_list h2 {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 80%;

	padding: .4rem 0;

	font-size: .18rem;

	color: #FFF;

	font-weight: bold;

}

.in_support_list h6 {

	text-align: center;

	font-size: .14rem;

	color: #363636;

	line-height: .22rem;

}



.in_support_list dt:hover .h2 {

	-webkit-transform: translate(0, -.2rem);

	-moz-transform: translate(0, -.2rem);

	-o-transform: translate(0, -.2rem);

	-ms-transform: translate(0, -.2rem);

	transform: translate(0, -.2rem)

}

.in_support_list .h2 {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}



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

	.in_support_list {

		flex-wrap: wrap;

	}

	.in_support_list dt {

		width: 100%;

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap

	}

	.in_support_list .h2 {

		width: 2rem;

		margin: 0 0;

		display: -webkit-flex;

		display: flex;

		justify-content: center;

		align-items: center;

		-webkit-border-radius: 0;

		-moz-border-radius: 0;

		border-radius: 0

	}

	.in_support_list .h2:before {

		display: none;

	}

	.in_support_list h2 {

		text-align: center;

		position: initial;

		transform: none;

		padding: .2rem;

	}

	.in_support_list h6 {

		width: calc(100% - 2rem);

		margin-left: auto;

		text-align: left;

		box-sizing: border-box;

		padding: .2rem;

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

	}

}

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

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

	.in_support_list .h2,

	.in_support_list h6 {

		width: 100%;

	}

	.in_support_list h2 {

		padding: .14rem .2rem;

	}

}













.in_reviews {

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

	background-size: cover;

	padding-bottom: 0 !important;

}

.in_reviews .i_tit {

	text-align: left;

}

.in_review_list_box {

	width: 70%;

	height: 7rem;

	box-sizing: border-box;

	padding: .5rem .5rem 0;

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

	-webkit-border-radius: 30px 30px 0 0;

	-moz-border-radius: 30px 30px 0 0;

	border-radius: 30px 30px 0 0;

	position: relative;

	overflow: hidden;

	z-index: 1

}

.in_review_list {

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

	z-index: 1

}



.in_review_list .swiper-wrapper {

	position: relative;

	width: 100%;

	z-index: 1

}



.in_review_list .swiper-slide {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	flex-shrink: 0;

	position: relative;

	cursor: pointer;

	box-sizing: border-box;

	padding: .1rem;

	overflow: hidden;

}

.in_review_list .head_pic {

	width: .65rem;

	height: .65rem;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	overflow: hidden;

	position: relative;

}

.in_review_list .head_pic img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.in_review_list .cont {

	margin-left: auto;

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

}

.in_review_list .cont p {

	margin-bottom: .16rem;

	font-size: .15rem;

	color: #333;

}



.in_review_list .cont img {

	width: 100%;

	box-shadow: 0 0 10px rgb(0 0 0 / 20%);

}



.rv-button-prev,

.rv-button-next {

	position: absolute;

	right: 14%;

	width: .6rem;

	height: .6rem;

	background: #F9F9F9;

	z-index: 999;

	cursor: pointer;

	outline: none

}



.rv-button-prev {

	top: 0;

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

	background-size: 30px

}



.rv-button-next {

	top: .8rem;

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

	background-size: 30px

}

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

	.in_review_list_box {

		height: 6.4rem;

	}

}

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

	.in_review_list_box {

		height: 6rem;

	}

	.rv-button-prev,

	.rv-button-next {

		width: .5rem;

		height: .5rem;

	}

}

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

	.in_review_list_box {

		width: 100%;

		padding: .3rem;

	}

	.rv-button-prev,

	.rv-button-next {

		display: none;

	}

}

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

	.in_review_list_box {

		height: 6.5rem;

		padding: .3rem .2rem;

	}

}

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

	.in_review_list_box {

		height: 4.4rem;

	}

	.in_review_list .head_pic {

		width: .4rem;

		height: .4rem;

	}

	.in_review_list .cont {

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

	}

}











.in_case {

	overflow: hidden;

}



.in_case_main {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap

}



.in_case_tabcon {

	--gap: 1rem

}

.in_case_tabcon {

	width: 38%;

	overflow: hidden;

}

.in_case_tabcon dt {

	display: none;

	height: 100%;

	/* padding-bottom: var(--gap); */

	position: relative;

}

.in_case_tabcon dt:first-child {

	display: block

}

.in_case_tabcon .bg {

	width: calc(100% - var(--gap));

	height: calc(100% - var(--gap));

	overflow: hidden;

}

.in_case_tabcon .bg img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.in_case_tabcon dt>img {

	opacity: 1 !important;

	position: absolute;

	top: var(--gap);

	right: 0;

	width: calc(100% - var(--gap));

	height: calc(100% - var(--gap));

	object-fit: cover;

	cursor: pointer;

}



.in_case_tab {

	margin-left: auto;

	width: 54%;

}

.in_case_tab ul {

	box-sizing: border-box;

	padding: .1rem;

}

.in_case_tab li {

	box-sizing: border-box;

	padding: .3rem;

	box-shadow: 0 0 10px rgb(0 0 0 / 10%);

	position: relative;

}

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

	margin-bottom: .3rem;

}

.in_case_tab .cur {

	box-shadow: 0 0 10px rgb(2 58 132 / 30%);

}



.in_case_tab a {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;
	align-items: center;

}

.in_case_tab .user {

	text-align: center;

	width: 16%;

	box-sizing: border-box;

	padding: 0 .2rem 0 0;

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

}

.in_case_tab .user h5 {

	font-size: .18rem;

	color: #333;

	font-weight: bold;

}

.in_case_tab .user img {

	margin: .3rem auto .1rem;

	width: .6rem;

	height: .6rem;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%

}

.in_case_tab .user p {

	font-size: .12rem;

	color: #666;

}

.in_case_tab .txt {

	margin-left: auto;

	width: 80%;

}

.in_case_tab .txt h4 {

	max-width: 86%;

	font-size: .2rem;

	font-weight: bold;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis

}

.in_case_tab .txt h6 {

	margin: .1rem 0;

	font-size: .14rem;

	line-height: .24rem;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4

}

.in_case_tab .more {

	padding-left: .22rem;

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

	background-size: 14px;

}

.in_case_tab .more i {

	font-size: .14rem;

	font-weight: bold;

	color: #333;

	line-height: .3rem;

	text-transform: uppercase;

}

.in_case_tab .cur h4,

.in_case_tab .cur .more i {

	color: var(--i_color);

}



.in_case_tab .good {

	position: absolute;

	top: 0;

	right: 0;

	width: .5rem;

	height: .5rem;

	background: var(--i_color) url(static/images/good_ico.svg) no-repeat center;

	background-size: .2rem;

}





/*动画*/

.fadeInRight {

	animation: fadeInRight 1s

}

@keyframes fadeInRight {

	0% {

		transform: translateX(20px)

	}

	100% {

		transform: translateX(0)

	}

}

.fadeInLeft {

	animation: fadeInLeft .4s

}

@keyframes fadeInLeft {

	0% {

		transform: translateX(-20px)

	}

	100% {

		transform: translateX(0)

	}

}



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

	.in_case_tabcon {

		--gap: .5rem

	}

	.in_case_tabcon {

		width: 42%;

	}

}

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

	.in_case_tab .txt h6 {

		-webkit-line-clamp: 3

	}

}

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

	.in_case_tabcon {

		display: none;

	}

	.in_case_tab {

		width: 100%;

	}

}

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

	.in_case_tab .user {

		width: 1.4rem;

	}

	.in_case_tab .txt {

		width: calc(100% - 1.4rem - .3rem);

	}

	.in_case_tab .user h5 {

		font-size: .14rem;

	}

	.in_case_tab .user img {

		margin: .2rem auto .1rem;

		width: .5rem;

		height: .5rem;

	}

	.in_case_tab .user p {

		font-size: 12px;

	}

}

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

	.in_case_tab .user {

		width: 1.1rem;

	}

	.in_case_tab .txt {

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

	}

	.in_case_tab .txt h4 {

		width: ;

	}

}











/* news */

.in_news {}



.in_news_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}



.in_news_list li {

	width: 30%;

	margin: 0 5% .6rem 0;

	box-shadow: 0 0 10px rgb(0 0 0 / 10%);

	position: relative;

	overflow: hidden;

}

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

	margin-right: 0

}

.in_news_list li::after {

	content: '';

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: -10px;

	width: 0;

	height: 0;

	border-left: .12rem solid transparent;

	border-right: .12rem solid transparent;

	border-bottom: .08rem solid var(--i_color)

}

.in_news_list .img {

	width: 100%;

	position: relative;

	overflow: hidden

}

.in_news_list .img:before {

	content: "";

	display: block;

	padding-bottom: 46.3%

}

.in_news_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 101%;

	object-fit: cover

}

.in_news_list .txt {

	background: #FFF;

	position: relative;

	box-sizing: border-box;

	padding: .3rem .24rem;

}

.in_news_list .txt::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 0;

	height: 3px;

	background: var(--i_color);

}

.in_news_list .ico {

	position: absolute;

	left: 50%;

	top: -16px;

	transform: translate(-50%, 0);

	width: 26px;

	height: 26px;

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

	background-size: 16px;

}



.in_news_list .txt h4 {

	font-size: .16rem;

	font-weight: bold;

	color: #333;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis

}



.in_news_list .txt h6 {

	margin: .1rem 0;

	font-size: .135rem;

	color: #999;

}



.in_news_list .txt h5 {

	font-size: .16rem;

	line-height: .24rem;

	color: #555;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3

}



.in_news_list li:hover::after {

	bottom: 0;

}



@keyframes enlarge {

	0% {

		top: -16px

	}



	50% {

		top: -36px

	}



	100% {

		top: -16px

	}

}



.in_news_list li:hover .ico {

	-webkit-animation: enlarge .5s 1 linear;

	animation: enlarge .5s 1 linear

}

.in_news_list li:hover .txt::before {

	width: 100%;

}



.in_news_list li:hover h4 {

	color: var(--i_color);

}



.in_news_list li::after,

.in_news_list li .txt::before,

.in_news_list .txt::before {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}



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

	.in_news_list {

		flex-wrap: wrap;

		justify-content: normal;

	}



	.in_news_list li {

		width: 100%;

		margin: 0 0 22px;

	}



	.in_news_list .txt {

		padding: 30px 20px;

	}



	.in_news_list .txt h4 {

		font-size: 16px;

	}



	.in_news_list .txt h6 {

		margin: 10px 0;

	}



	.in_news_list .txt h5 {

		font-size: 14px;

		line-height: 22px;

	}

}



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

	.in_news_list .txt {

		padding: 26px 20px;

	}



	.in_news_list .txt h4 {

		font-size: 15px;

	}



	.in_news_list .txt h6 {

		margin: 10px 0;

	}



	.in_news_list .txt h5 {

		font-size: 13px;

		line-height: 20px;

	}

}











.in_news_art {

	box-sizing: border-box

}



.in_news_art_tit {

	border-bottom: 1px solid #DDD;

	margin-bottom: .3rem;

	text-align: center

}

.in_news_art_tit h1 {

	font-size: .3rem;

	color: #222;

	line-height: .36rem;

	font-weight: bold

}

.in_news_art_tit h6 {

	text-align: center;

	margin: .1rem 0 .08rem;

	font-size: .15rem;

	color: #666;

	font-weight: bold;

	line-height: .28rem

}



.in_news_art article,

.in_news_art article * {

	text-align: left;

	font-size: .18rem;

	color: #666;

	line-height: .3rem

}

.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: .26rem;

	}

}

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

	.in_news_art_tit h1 {

		font-size: .24rem;

	}

}

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

	.in_news_art_tit h1 {

		font-size: .22rem;

		line-height: .24rem;

	}

}













/* contact us */

.in_ct_list {

	padding-top: .1rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between

}

.in_ct_list dt {

	width: 30%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}

.in_ct_list .ico {

	width: .94rem;

	height: .94rem;

	background: #FFF;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	overflow: hidden;

	position: relative;

	box-shadow: 0 0 10px rgb(0 0 0 / 10%);

}

.in_ct_list .ico img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	max-width: 60%;

	max-height: 60%;

	-webkit-filter: grayscale(1);

	-moz-filter: grayscale(1);

	-o-filter: grayscale(1);

	-ms-filter: grayscale(1);

	filter: grayscale(1)

}

.in_ct_list .txt {

	margin-left: auto;

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

}

.in_ct_list .txt p,

.in_ct_list .txt a {

	font-size: .16rem;

	color: #666;

	font-weight: bold;

	line-height: .24rem;

}

.in_ct_list .txt a {

	display: block;

}



.in_ct_list dt:hover {

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

	-moz-transform: translate(0, -0.08rem);

	-o-transform: translate(0, -0.08rem);

	-ms-transform: translate(0, -0.08rem);

	transform: translate(0, -0.08rem)

}

.in_ct_list .txt a:hover {

	color: var(--i_color);

}

.in_ct_list dt:hover .ico img {

	-webkit-filter: none;

	-moz-filter: none;

	-o-filter: none;

	-ms-filter: none;

	filter: none

}

.in_ct_list dt {

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}



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

	.in_ct_list .ico {

		width: .8rem;

		height: .8rem;

	}

}

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

	.in_ct_list .ico {

		width: .7rem;

		height: .7rem;

	}

	.in_ct_list .txt {

		width: calc(100% - .94rem - 0.1rem);

	}

}

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

	.in_ct_list .ico {

		width: .66rem;

		height: .66rem;

	}

	.in_ct_list {

		flex-wrap: wrap;

	}

	.in_ct_list dt {

		width: 100%;

	}

	.in_ct_list dt:not(:last-child) {

		margin-bottom: .18rem;

	}

}







.in_ct_cont {

	margin: .6rem auto 0;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	overflow: hidden;

}

.in_map {
	order: 0;
	width: 48%;
	background: #FFF;
}
.in_map iframe{width: 100%; height: 100%;}

.in_ct_form {

	order: 1;

	margin-left: auto;

	width: 48%;

	box-sizing: border-box;

	padding: .4rem 0;

	background: url(static/images/f_quote_bg.jpg) repeat;

	position: relative;

}

.in_ct_form:before {

	content: "";

	position: absolute;

	top: 26px;

	right: 30px;

	width: 120px;

	height: 134px;

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

	background-size: contain

}

.in_ct_form_t {

	width: 80%;

	margin: 0 auto .2rem;

	font-size: .15rem;

	color: #666;

	line-height: .2rem;

}


#wpforms-84{
	--wpforms_input_height:42px;
	--wpforms_textarea_height:100px;
	--wpforms_input_font_size: 16px;
	--wpforms-field-border-radius: 0;
	--wpforms-button-background-color: var(--i_color);
	--wpforms-button-border-color: var(--i_color);
	--wpforms-page-break-color: var(--i_color)
}
#wpforms-84{width: 80%; margin:0 auto; padding:0;}
#wpforms-form-84{width:100%; position:relative;}

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

/* 下拉菜单样式 */
/* #wpforms-84 .choices{width: 100%; max-width: 100% !important; height: var(--wpforms_input_height);}
#wpforms-84 .choices__inner{background: #F2F4F5; border: none !important; height: 100%;}
.wpforms-container .wpforms-field .wpforms-field-row:before{display: none !important;} */

#wpforms-84 .wpforms-field-container .wpforms-field>input:hover,
#wpforms-84 .wpforms-field-container textarea:hover,
#wpforms-84 .wpforms-field-container .wpforms-field>input:focus,
#wpforms-84 .wpforms-field-container textarea:focus{border-color: var(--i_color);}

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

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

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

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



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

	.in_ct_form {

		order: 0;

		padding: .6rem 0;

		margin-left: initial;

		width: 100%;

	}

	.in_ct_form_t,

	#wpforms-84 {

		width: 90%;

	}



	.in_map {

		order: 1;

		width: 100%;

		height: 360px;

	}

}

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

	.in_ct_form {

		padding: .5rem 0;

	}

	.in_map {

		height: 260px;

	}

}

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

	.in_map {

		height: 220px;

	}

}