/*

Theme Name: Lanzhong

Version: 1.0

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

Author: 版权所有：安徽领聚

*/

@charset "utf-8";





:root {

	--i_color: #007CC6;

	/* 全局颜色 */



	--i_color2: #F4BE0B;

	/* 副颜色 */



	--top_height: .4rem;

	/* 顶部1高度 */



	--top2_height: 1.2rem;

	/* 顶部2高度 */



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

	/* 头部高度 */



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

	/* 默认边框颜色 */

}

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

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

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

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

	:root {

		--top2_height: .6rem;

	}

}

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

	:root {

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

	}

}





.wrap {

	width: 73vw;

	max-width: 1400px;

	margin-left: auto;

	margin-right: auto;

}

.wrap_top {

	width: 85vw;

	margin-left: auto;

	margin-right: auto;

}

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

	.wrap {

		width: 90vw;

	}

	.wrap_top {

		width: 94vw;

	}

}

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

	.wrap {

		width: 94vw;

	}

}



.wrap_l {

	display: block;

	box-sizing: border-box;

	padding-left: 13.5vw;

}

.wrap_r {

	display: block;

	box-sizing: border-box;

	padding-right: 13.5vw;

}



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

	.wrap_l {

		padding-left: 5vw;

	}

	.wrap_r {

		padding-right: 5vw;

	}

}

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

	.wrap_l {

		padding-left: 3vw;

	}

	.wrap_r {

		padding-right: 3vw;

	}

}











/* header */

header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 2014

}

header::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 1px;

	background: var(--border_color);

	z-index: 2014;

}



.full_header {

	height: var(--head_height);

}

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

	.full_header {

		height: var(--top2_height);

	}

}

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

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







.top_line {

	background: #EEE;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	align-items: flex-end;

}

.top_line_bg {

	margin-right: 0.4rem;

	width: 100%;

	height: calc(var(--top_height) - .1rem);

	background: #FFF;

	-webkit-border-radius: 0 .26rem 0 0;

	border-radius: 0 .26rem 0 0;

}

.top_list {

	flex-shrink: 0;

	padding-right: 7.8vw;

	margin-left: auto;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.top_list>li {

	position: relative;

}

.top_list>li:not(:first-child) {

	margin-left: 0.3rem;

}

.top_list>li>a {

	display: block;

	font-size: 0.15rem;

	color: #222;

	height: var(--top_height);

	line-height: var(--top_height);

}

.top_list>li:hover>a {

	color: var(--i_color);

}

.top_list .sub-menu {

	display: none;

	position: absolute;

	left: -.2rem;

	min-width: 1.8rem;

	background: #FFF;

	box-shadow: 0 .02rem .06rem rgb(0 0 0 / 10%);

	z-index: 2014;

}

.top_list .sub-menu li {

	text-align: left;

}

.top_list .sub-menu a {

	display: block;

	padding: .1rem .2rem;

	font-size: 0.15rem;

	color: #555;

	overflow: hidden;

	white-space: nowrap;

}

.top_list .sub-menu a:hover {

	color: var(--i_color);

}



.top_list .current-menu-item>a,

.top_list .current-category-ancestor>a,

.top_list .current-post-ancestor>a,

.top_list .current-menu-ancestor>a,

.top_list .current-menu-parent>a,

.top_list li:hover>a,

.top_list .curr>a {

	color: var(--i_color);

}



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

	.top_line {

		display: none;

	}

}











.top_cont {

	position: relative;

	background: #FFF;

	z-index: 2013;

}

.top {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}



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

	header {

		top: 0;

		top: 0;

		width: 100%;

		background: #999;

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

	}

}







/* logo */

.logo {

	display: -webkit-flex;

	display: flex;

	align-items: center;

	height: var(--top2_height);

}

.logo a {

	display: -webkit-flex;

	display: flex;

	align-items: center;

	height: 84%;

}

.logo img {

	max-height: 100%;

}



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

	.logo a {

		height: 58%;

	}

}

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

	.logo a {

		height: 54%;

	}

}

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

	.logo a {

		height: 50%;

	}

}

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

	.logo a {

		height: 86%;

	}

}

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

	.logo a {

		height: 70%;

	}

}









/* 导航 */

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

	.i_nav {

		width: 65%;

		margin-left: auto;

		margin-right: auto;

		display: -webkit-flex;

		display: flex;

		flex-wrap: nowrap;

		justify-content: center;

	}

	.i_nav>li {

		height: var(--top2_height);

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap;

		align-items: center;

		margin: 0 .24rem;

		text-align: center;

		position: relative;

	}

	.i_nav>li>a {

		font-size: 16px;

		color: #222;

		text-transform: uppercase;

	}

	.i_nav>li>a i {

		display: block;

		width: 30px;

		height: 30px;

		margin: 0 auto .1rem;

		-webkit-filter: grayscale(1);

		filter: grayscale(1)

	}



	.i_nav .nav_home a i {

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

		background-size: contain;

	}

	.i_nav .nav_products a i {

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

		background-size: contain;

	}

	.i_nav .nav_industries a i {

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

		background-size: contain;

	}

	.i_nav .nav_applications a i {

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

		background-size: contain;

	}

	.i_nav .nav_contact a i {

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

		background-size: contain;

	}



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

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

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

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

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

	.i_nav>li:hover>a,

	.i_nav .curr>a {

		color: var(--i_color);

	}

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

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

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

	.i_nav .current-menu-ancestor>a i,

	.i_nav .current-menu-parent>a i,

	.i_nav>li:hover>a i,

	.i_nav .curr>a i {

		-webkit-filter: none;

		filter: none

	}



	/* 二级导航菜单 */

	.i_nav>li>.sub-menu {

		display: none;

		position: absolute;

		top: var(--top2_height);

		background: #EEE;

		min-width: 2rem;

	}

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

		padding-right: 0.16rem;
		position: relative;

	}

	.i_nav>li>.sub-menu>li>a {

		display: block;

		max-width: 5rem;

		text-align: left;

		padding: .14rem .2rem;

		font-size: 0.16rem;

		text-transform: capitalize;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

		position: relative;

		left: 0;

	}

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

		content: '';

		position: absolute;

		top: 50%;

		transform: translate(0, -50%);

		left: -.16rem;

		width: 0.14rem;

		height: 0.14rem;

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

		background-size: contain;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

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

		background: var(--i_color);

	}

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

		left: 0.16rem;

		color: #FFF;

		-webkit-transition: left .5s ease;

		transition: left .5s ease

	}

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

		left: 0;

	}



	/* 三级导航菜单 */

	.i_nav .sub-menu .sub-menu {

		display: none;

		position: absolute;

		top: 0;

		left: 100%;

		background: var(--i_color);

	}

	.i_nav .sub-menu .sub-menu li {

		padding: .08rem .2rem;

		text-align: left;

	}

	.i_nav .sub-menu .sub-menu a {

		display: inline-block;

		padding: .06rem 0;

		text-align: left;

		font-size: 0.15rem;

		color: #FFF;

		text-transform: capitalize;

		white-space: nowrap;

		position: relative;

	}

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

		content: '';

		position: absolute;

		left: 0;

		bottom: 0;

		width: 0;

		height: 1px;

		background: #FFF;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

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

		width: 100%;

	}



	.i_nav .nav_about,

	.i_nav .nav_resources,

	.i_nav .nav_services {

		display: none !important;

	}

}



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

	.i_nav>li>a {

		font-size: 15px;

	}

}

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

	.i_nav>li>a i {

		width: 28px;

		height: 28px;

	}

}

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

	.i_nav>li {

		margin: 0 .2rem;

	}

	.i_nav>li>a {

		font-size: 14px;

	}

}









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

	.i_nav {

		display: none;

		position: fixed;

		top: var(--top2_height);

		left: 0;

		width: 100%;

		width: 100vw;

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

		background: #FFF;

		overflow-y: auto;

		z-index: 2

	}

	/*滚动条*/

	.i_nav::-webkit-scrollbar {

		width: 3px;

		height: 8px

	}

	.i_nav::-webkit-scrollbar-thumb {

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

		background: #555

	}

	.i_nav::-webkit-scrollbar-track {

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

		border-radius: 0;

		background: #F1F1F1

	}



	.i_nav>li {

		margin: 0 0 !important;

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

		position: relative

	}

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

		display: block;

		position: absolute;

		top: 0;

		right: 0;

		width: .44rem;

		height: .44rem;

		font-size: 0.2rem;

		background: #EEE;

		color: #555;

		z-index: 3;

	}

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

		position: absolute;

		top: 50%;

		left: 50%;

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

		content: '\f107';

	}

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

		content: '\f106';

	}



	.i_nav>li>a {

		padding: 0 .2rem;

		font-size: 16px;

		color: #222;

		line-height: .44rem;

		text-transform: uppercase;

	}



	.i_nav>li>.sub-menu {

		display: none

	}

	.i_nav>li>.sub-menu li {

		position: relative;

	}

	.i_nav .sub-menu a {

		padding: 0 .4rem;

		font-size: .15rem;

		color: #555;

		line-height: .4rem;

		position: relative;

	}

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

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

	}



	.i_nav>li>.sub-menu b {

		position: absolute;

		top: 0;

		right: 0;

		width: .4rem;

		height: .4rem;

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

		background-size: .16rem;

	}

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

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

		background-size: .16rem;

	}



	.i_nav .sub-menu .sub-menu {

		display: none;

	}



	.i_nav .sub-menu .sub-menu a {

		padding: 0 .6rem;

		font-size: .13rem;

		color: #888;

		line-height: .36rem;

		position: relative;

	}



	.i_nav a {

		display: block;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis

	}



	.i_nav>.menu-item-has-children>a,

	.i_nav>.menu-item-has-children>.sub-menu>li>a {

		padding-right: 0.5rem;

	}

}













/* 移动端导航按钮 */

.nav_menu {

	/* position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%); */

	position: relative;

	width: 22px;

	height: 16px;

	display: none;

	cursor: pointer

}

.nav_menu i {

	display: block;

	width: 100%;

	height: 3px;

	position: absolute;

	top: 50%;

	margin-top: -2px;

	background: var(--i_color);

	border-radius: .1rem;

	transition: 0.5s

}

.nav_menu::before,

.nav_menu::after {

	content: "";

	width: 100%;

	height: 3px;

	background: var(--i_color);

	position: absolute;

	left: 0;

	border-radius: .1rem;

	transition: 0.5s

}

.nav_menu::before {

	top: 0;

}

.nav_menu::after {

	bottom: 0;

}





.nav_menu.on i {

	opacity: 0

}



.nav_menu.on::before {

	transform: rotate(45deg);

	top: 50%;

	margin-top: -2px

}



.nav_menu.on::after {

	transform: rotate(-45deg);

	top: 50%;

	margin-top: -2px

}



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

	.nav_menu {

		display: block !important

	}



}





.top_r {

	--size: .22rem

}

.top_r {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}



.top_language {

	text-align: center;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	height: var(--top2_height);

	position: relative;

}

.top_language>span {

	cursor: pointer;

}

.top_language>span i {

	margin-bottom: 0.1rem;

	font-size: var(--size);

	cursor: pointer;

	color: #333;

}

.top_language>span p {

	font-size: 0.15rem;

}

.top_language.on>span i,

.top_language.on>span p {

	color: var(--i_color);

}





.top_language_list {

	visibility: hidden;

	opacity: 0;

	position: absolute;

	top: calc(var(--top2_height) - .2rem);

	right: 0;

	z-index: 2;

	-webkit-transition: all .3s ease;

	transition: all .3s ease

}

.top_language_list.on {

	visibility: visible;

	opacity: 1;

	top: var(--top2_height);

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

}



.top_language_list ul {

	overflow: hidden;

}



.top_language_list li {

	background: #FFF;

}

.top_language_list a>span {

	display: block;

	text-align: left;

	padding: 0 14px;

	min-width: 100px;

	overflow: hidden

}

.top_language_list img,

.top_language_list .trp-ls-language-name {

	display: inline-block;

	vertical-align: middle;

	margin-left: 8px;

	font-size: .12rem;

	color: #666;

	line-height: .3rem

}



.top_language_list li:hover {

	background: var(--i_color)

}

.top_language_list li:hover .trp-ls-language-name {

	color: #FFF;

}

.top_language,

.top_language>i {

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}





.top_search_ico {

	height: var(--top2_height);

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	text-align: center;

	margin-left: 0.4rem;

	position: relative;

}

.top_search_ico span {

	cursor: pointer;

}

.top_search_ico i {

	margin-bottom: 0.1rem;

	font-size: var(--size);

	color: #333;

}

.top_search_ico p {

	font-size: 0.15rem;

}

.top_search_ico.on i,

.top_search_ico.on p {

	color: var(--i_color);

}



/* search main */

.top_search {

	--search_height: .38rem

}

.top_search {

	visibility: hidden;

	opacity: 0;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	padding: .16rem 0;

	background: #FFF;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

	z-index: 6;

}

.top_search.on {

	visibility: visible;

	opacity: 1;

	top: var(--head_height);

	box-shadow: 0 0.06rem 0.1rem rgb(0 0 0 / 8%);

}

.top_search form {

	width: 80%;

	margin: 0 auto;

	max-width: 5rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	box-sizing: border-box;

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

	overflow: hidden;

}

.top_search_ipt {

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

	height: var(--search_height);

	box-sizing: border-box;

	padding: 0 0 0 .12rem;

}

.top_search_btn {

	font-size: 0;

	color: #FFF;

	width: calc(var(--search_height) * 2);

	height: var(--search_height);

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

	background-size: .24rem;

	cursor: pointer;

}



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

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

	.top_language>span p,

	.top_search_ico p {

		font-size: 0.14rem;

	}

}

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

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

	.top_r {

		margin-left: auto;

		margin-right: 0.26rem;

	}

	.top_search_ico {

		margin-left: 0.28rem;

	}

	.top_language>span i,

	.top_search_ico i {

		margin-bottom: 0;

	}

	.top_language>span p,

	.top_search_ico p {

		display: none;

	}



	.top_search.on {

		top: var(--top2_height);

	}

}

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

	.top_search {

		--search_height: .34rem

	}

	.top_search {

		padding: .12rem 0;

	}

}

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

	.top_r {

		margin-right: 0.2rem;

	}

	.top_search_ico {

		margin-left: 0.22rem;

	}



	.top_search form {

		width: 94%;

	}

}







header,

.top_cont,

.logo,

.logo img,

.i_nav>li,

.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

}











/* main */

main {

	position: relative;

	background: #FFF;

	overflow: hidden;

}











/* big title */

.i_tit {

	text-align: center;

	margin-bottom: 0.6rem;

}

.i_tit h2 {

	font-size: 0.34rem;

	color: #000;

	font-weight: bold;

	text-transform: uppercase;

}

.i_tit h5 {

	margin: .2rem 0 .3rem;

	font-size: 0.22rem;

	color: #222;

	line-height: 0.3rem;

}

.tit_drop {

	flex-shrink: 0;

	display: table;

	margin: .2rem auto 0;

	width: 0.14rem;

	height: 0.14rem;

	background: var(--i_color);

	-webkit-border-radius: 50%;

	border-radius: 50%;

	position: relative;

}

.tit_drop::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 160%;

	height: 160%;

	background: rgb(0 124 198 / 30%);

	-webkit-border-radius: 50%;

	border-radius: 50%;

}



.i_tit_l {

	text-align: left;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

}

.i_tit_l .tit_drop {

	order: -1;

	margin: 0 .24rem 0 0;

}



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

	.i_tit h2 {

		font-size: 0.3rem;

	}

}

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

	.i_tit h5 {

		font-size: 0.2rem;

	}

}

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

	.i_tit {

		margin-bottom: 0.44rem;

	}

	.i_tit h2 {

		font-size: 0.26rem;

	}

	.i_tit h5 {

		font-size: 0.18rem;

		line-height: 0.26rem;

	}

	.tit_drop {

		margin: .14rem auto 0;

		width: 0.1rem;

		height: 0.1rem;

	}

}

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

	.i_tit {

		margin-bottom: 0.34rem;

	}

	.i_tit h2 {

		font-size: 0.22rem;

	}

	.i_tit h5 {

		font-size: 0.17rem;

	}

}

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

	.i_tit {

		margin-bottom: 0.28rem;

	}

	.i_tit h2 {

		font-size: 0.18rem;

	}

	.i_tit h5 {

		margin: 0.1rem 0 .3rem;

		font-size: 0.16rem;

	}

	.tit_drop {

		margin: .1rem auto 0;

		width: 0.1rem;

		height: 0.1rem;

	}

}











/* more btn */

.i_more {

	display: table;

	text-align: center;

	min-width: 1.56rem;

	background: var(--i_color);

	-webkit-border-radius: 1rem;

	border-radius: 1rem;

	position: relative;

	overflow: hidden;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}

.i_more::before {

	content: '';

	position: absolute;

	left: -10%;

	bottom: -88%;

	width: 120%;

	height: 0;

	background: var(--i_color2);

	-webkit-transform: rotate(-16deg);

	transform: rotate(-16deg);

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}

.i_more b {

	display: block;

	text-align: center;

	padding: .14rem .2rem;

	font-size: 0.2rem;

	color: #FFF;

	font-weight: bold;

	position: relative;

	text-transform: uppercase;

	z-index: 2;

}

.i_more:hover {

	background: #FFF;

}

.i_more:hover::before {

	bottom: initial;

	top: -88%;

	height: 280%;

}



.i_more_c {

	margin-left: auto;

	margin-right: auto;

}



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

	.i_more {

		min-width: 1.4rem;

	}

	.i_more b {

		padding: .12rem .2rem;

		font-size: 0.18rem;

	}

}

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

	.i_more {

		min-width: 1.2rem;

	}

	.i_more b {

		padding: .1rem .2rem;

		font-size: 0.17rem;

	}

}

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

	.i_more {

		min-width: 1.1rem;

	}

	.i_more b {

		font-size: 0.16rem;

	}

}

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

	.i_more {

		min-width: 1rem;

	}

	.i_more b {

		font-size: 0.14rem;

	}

}











footer {}



.f_form {

	background: var(--i_color);

	-webkit-border-radius: .3rem;

	border-radius: .3rem;

	box-sizing: border-box;

	padding: .5rem .5rem;

	position: relative;

	z-index: 2;

}

.f_form .i_tit {

	margin-bottom: 0.4rem;

}

.f_form .i_tit h2 {

	color: #FFF;

}



#wpforms-106 {

	--input_font_size: 13px;

	--input_height: .46rem

}

#wpforms-form-106 {

	width: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	position: relative;

	overflow: hidden

}



#wpforms-106 input,

#wpforms-106 button {

	margin: 0;

	padding: 0;

	border: none;

	background: none

}

#wpforms-106 .wpforms-field {

	padding: 0;

	margin: 0

}

#wpforms-106 .wpforms-field-label {

	font-size: 0;

}

#wpforms-106 .wpforms-required-label {

	position: absolute;

	top: .1rem;

	left: .05rem;

	font-size: .16rem;

	color: #F00

}

#wpforms-106 .wpforms-field {

	width: 100%;

	background: transparent;

	padding-bottom: .18rem;

	position: relative;

	overflow: hidden

}



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

#wpforms-106 textarea {

	width: 100%;

	max-width: 100% !important;

	min-width: 100%;

	font-size: var(--input_font_size);

	color: #333;

	height: var(--input_height);

	box-sizing: border-box;

	background: #FFF;

	padding: 0 .16rem;

	-webkit-border-radius: .1rem;

	border-radius: .1rem;

	overflow: hidden;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}

#wpforms-106 input {

	line-height: var(--input_height)

}

#wpforms-106 textarea {

	line-height: .22rem;

	min-height: 1rem;

	padding: .06rem .16rem

}



#wpforms-106-field_2-container {

	margin: 0 .2rem !important;

}



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

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

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

	font-size: var(--input_font_size)

}

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

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

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

	font-size: var(--input_font_size)

}

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

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

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

	font-size: var(--input_font_size)

}

.wp-dark-mode-active #wpforms-106 input::-webkit-input-placeholder,

.wp-dark-mode-active #wpforms-106 textarea::-webkit-input-placeholder {

	color: #BBB;

}

.wp-dark-mode-active #wpforms-106 input::-moz-placeholder,

.wp-dark-mode-active #wpforms-106 textarea::-moz-placeholder {

	color: #BBB;

}

.wp-dark-mode-active #wpforms-106 input::-ms-input-placeholder,

.wp-dark-mode-active #wpforms-106 textarea::-ms-input-placeholder {

	color: #BBB;

}



#wpforms-106-field_1-error,

#wpforms-106-field_2-error,

#wpforms-106-field_3-error,

#wpforms-106-field_4-error,

#wpforms-106-field_5-error,

#wpforms-106-field_6-error {

	position: absolute;

	font-size: 12px;

	color: #A90909;

}



#wpforms-106 .wpforms-field-container {

	width: 100%;

	margin-right: 0.3rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

	overflow: hidden

}

#wpforms-106 .wpforms-submit-container {

	width: 1.8rem;

	height: 100%;

	flex-shrink: 0;

	text-align: center;

	padding: 0;

	overflow: hidden;

	-webkit-border-radius: 2rem;

	border-radius: 2rem;

	position: relative;

}

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

	width: 100%;

	height: .46rem;

	font-size: .14rem;

	color: #FFF;

	font-weight: bold;

	line-height: .46rem;

	background: var(--i_color2);

	cursor: pointer;

	position: relative;

	z-index: 2

}

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

	background: var(--i_color2)

}

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

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 4px;

	z-index: 2

}



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

	.f_form {

		padding: 0.3rem 0.2rem;

	}



	#wpforms-form-106 {

		flex-wrap: wrap;

	}

	#wpforms-106 .wpforms-field-container {

		margin-right: 0;

		flex-wrap: wrap;

		justify-content: space-between;

	}

	#wpforms-106-field_1-container,

	#wpforms-106-field_2-container {

		width: 49% !important;

		margin: 0 0 !important;

	}

	#wpforms-106 .wpforms-submit-container {

		margin: 0 auto;

	}

}

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

	#wpforms-106 {

		--input_font_size: 13px;

		--input_height: .4rem

	}

}

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

	.f_form {

		-webkit-border-radius: .2rem;

		border-radius: .2rem;

	}

	.f_form .i_tit {

		margin-bottom: 0.24rem;

	}

	#wpforms-106-field_1-container,

	#wpforms-106-field_2-container {

		width: 100% !important;

	}

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

		height: 0.42rem;

		line-height: 0.42rem;

	}

}













.f_cont_box {

	margin-top: -1.6rem;

	padding-top: 2.4rem;

	padding-bottom: 0.4rem;

	background: #EEE;

	-webkit-clip-path: polygon(0 7%, 100% 0%, 100% 100%, 0% 100%);

	clip-path: polygon(0 7%, 100% 0%, 100% 100%, 0% 100%);

	position: relative;

}

.f_cont_box>img {

	position: absolute;

	right: 0;

	bottom: 0;

	z-index: -1;

	width: 60%;

}

.wp-dark-mode-active .f_cont_box>img {

	display: none !important;

}



.f_cont_box>.wrap {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

}



.f_logo {

	flex-shrink: 0;

}

.f_logo img {

	max-width: 1.8rem;

}

.f_cont {

	margin-left: 0.4rem;

	width: 100%;

}



.f_nav {

	margin-bottom: 0.34rem;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.f_nav li {}

.f_nav a {

	font-size: 0.16rem;

	color: #222;

	text-transform: uppercase;

}

.f_nav a:hover {

	color: var(--i_color);

}



.f_contact {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

}

.f_contact dt {

	padding-top: 0.18rem;

	width: 100%;

	margin: 0 .36rem;

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

}

.f_contact dt:nth-child(1) {

	margin-left: 0;

}

.f_contact dt:last-child {

	margin-right: 0;

}



.f_tit {

	margin-bottom: 0.16rem;

	font-size: 0.24rem;

	color: #222;

	font-weight: bold;

}



.f_contact p,

.f_contact a {

	font-size: 0.16rem;

	color: #222;

	line-height: 0.24rem;

}

.f_contact a:hover {

	color: var(--i_color);

}









.f_bq {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

	align-items: center;

}





.f_media {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.f_media dt {

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}

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

	margin-right: 0.2rem;

}

.f_media i {

	font-size: 0.26rem;

	color: #999;

}

.f_media dt:hover {

	-webkit-transform: translate(0, -8px);

	transform: translate(0, -8px)

}

.f_media dt:hover i {

	color: var(--i_color);

}



.copyright {

	font-size: 0.16rem;

	color: #878787;

}

.f_bq_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.f_bq_list li {}

.f_bq_list li:not(:first-child)::before {

	content: '|';

	margin: 0 .1rem;

	color: #999;

}

.f_bq_list a {

	font-size: 0.16rem;

	color: #878787;

}

.f_bq_list a:hover {

	color: var(--i_color);

}



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

	.f_logo img {

		max-width: 1.5rem;

	}

}

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

	.f_nav a {

		font-size: 0.15rem;

	}

	.f_tit {

		font-size: 0.22rem;

	}

}

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

	.f_logo img {

		max-width: 1.2rem;

	}

	.f_tit {

		font-size: 0.2rem;

	}

}

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

	.f_cont_box {

		margin-top: -1rem;

		padding-top: 1.5rem;

	}

	.f_logo {

		display: none;

	}

	.f_cont {

		margin-left: 0;

	}

	.f_nav {

		display: none;

	}

	.f_contact dt {

		margin: 0 .2rem;

	}

	.f_tit {

		font-size: 0.18rem;

	}

	.f_contact p,

	.f_contact a {

		font-size: 0.15rem;

		line-height: 0.22rem;

	}



	.f_cont_box>.wrap {

		flex-wrap: wrap;

		justify-content: normal;

	}

	.copyright {

		display: block;

		margin: .14rem 0 .1rem;

		width: 100%;

	}

	.copyright,

	.f_bq_list a {

		font-size: 0.15rem;

	}

}

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

	.f_contact {

		flex-wrap: wrap;

	}

	.f_contact dt {

		margin: 0 0;

		padding: .2rem 0;

	}

	.f_contact dt:last-child {

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

	}

	.f_tit {

		margin: 0.06rem;

		font-size: 0.17rem;

	}



	.f_media i {

		font-size: 0.24rem;

	}

}

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

	.f_cont_box {

		padding-top: 1.4rem;

	}



	.copyright,

	.f_bq_list a {

		font-size: 0.14rem;

	}

}

















/* aside meun */

.fixed_contact {

	--ico_size: 50px;

}

.fixed_contact {

	position: fixed;

	bottom: 16%;

	right: 0;

	width: 0;

	z-index: 9999999;

	-webkit-transition: all .4s ease;

	transition: all .4s ease

}

.fixed_contact li {

	display: inline-block;

	float: left;

	clear: both;

}

.fixed_contact a {

	position: relative;

	right: var(--ico_size);

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	margin: 2px 0;

	background: var(--i_color);

	-webkit-border-radius: .06rem 0 0 .06rem;

	border-radius: .06rem 0 0 .06rem;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}

.aside_top {

	cursor: pointer;

}

.fixed_contact i {

	width: var(--ico_size);

	height: var(--ico_size);

	position: relative;

}

.fixed_contact i::before {

	position: absolute;

	top: 50%;

	left: 50%;

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

	font-size: 0.22rem;

	color: #FFF;

}

.aside_wa i::before {

	font-size: .24rem;

}



.fixed_contact li p {

	display: block;

	padding-right: 0.2rem;

	font-size: .14rem;

	color: #FFF;

	line-height: var(--ico_size);

	white-space: nowrap;

}



.fixed_contact a:hover {

	right: 100%;

}



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

	.fixed_contact {

		--ico_size: 42px;

	}

}

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

	.fixed_contact {

		display: none;

	}

	.fixed_contact {

		--ico_size: 40px;

	}

	.fixed_contact a:hover {

		right: var(--ico_size) !important;

	}

	.fixed_contact i::before {

		font-size: 0.2rem;

	}

}

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

	.fixed_contact {

		--ico_size: 34px;

	}

	.fixed_contact i::before {

		font-size: 0.18rem;

	}

	.fixed_contact li p {

		font-size: .13rem;

	}

}













/* Aside From */

.aside_from_btn {

	position: fixed;

	right: 0.1rem;

	bottom: 6%;

	z-index: 99999999;

}

.aside_from_btn span {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	cursor: pointer;

}

.aside_from_btn .ico {

	flex-shrink: 0;

	width: 0.6rem;

	height: 0.6rem;

	background: var(--i_color);

	-webkit-border-radius: 50%;

	border-radius: 50%;

	position: relative;

}

.aside_from_btn .ico i {

	position: absolute;

	top: 50%;

	left: 50%;

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

	font-size: 0.26rem;

	color: #FFF;

}

.aside_from_btn .txt {

	height: 100%;

	margin-left: -.3rem;

	box-sizing: border-box;

	padding: .08rem .2rem .08rem .44rem;

	background: #EEE;

	-webkit-border-radius: 0 2rem 2rem 0;

	border-radius: 0 2rem 2rem 0;

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

}

.aside_from_btn .txt p {

	margin-bottom: 0.06rem;

	font-size: 0.16rem;

	color: #000;

	font-weight: bold;

}

.aside_from_btn .txt b {

	font-size: 0.13rem;

	color: #666;

}



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

	.aside_from_btn {

		bottom: 20px;

	}

	.aside_from_btn .ico {

		width: 0.46rem;

		height: 0.46rem;

	}

	.aside_from_btn .ico i {

		font-size: 0.22rem;

	}

	.aside_from_btn .txt {

		padding: .04rem .2rem .04rem .44rem;

	}

	.aside_from_btn .txt p {

		margin-bottom: 0.04rem;

		font-size: 0.14rem;

	}

	.aside_from_btn .txt b {

		font-size: 0.12rem;

	}

}



.aside_from {

	display: none;

	position: fixed;

	bottom: 0;

	right: 0;

	width: 3.6rem;

	max-width: 100%;

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

	z-index: 99999999;

}

.aside_from .tit {

	box-sizing: border-box;

	padding: .12rem .2rem;

	background: var(--i_color);

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	position: relative;

}

.aside_from .tit i {

	font-size: 0.22rem;

	color: #FFF;

}

.aside_from .tit p {

	margin-left: 0.1rem;

	font-size: 0.17rem;

	color: #FFF;

}

.aside_from .close {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 0.2rem;

	font-size: 0.26rem;

	color: #FFF;

	cursor: pointer;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}

.aside_from .close:hover {

	-webkit-transform: translate(0, -50%) rotate(180deg);

	transform: translate(0, -50%) rotate(180deg)

}

.aside_from .box {

	max-height: 85vh;

	background: #FFF;

	box-sizing: border-box;

	padding: .2rem;

	overflow-y: auto;

}

.aside_from .box::-webkit-scrollbar {

	width: 2px;

}



#wpforms-406 {

	--input_font_size: 13px;

	--input_height: .4rem

}

#wpforms-406 {

	padding: 0 !important;

	margin: 0 !important;

}

#wpforms-form-406 {

	width: 100%;

	position: relative;

	overflow: hidden

}



#wpforms-406 input,

#wpforms-406 button {

	margin: 0;

	padding: 0;

	border: none;

	background: none

}

#wpforms-406 .wpforms-field {

	padding: 0;

	margin: 0

}

#wpforms-406 .wpforms-field-label {

	font-size: .15rem;

	color: #000;

	font-weight: normal;

}

#wpforms-406 .wpforms-required-label {

	color: #F00

}

#wpforms-406 .wpforms-field {

	width: 100%;

	background: transparent;

	padding-bottom: .2rem;

	position: relative;

	overflow: hidden

}



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

#wpforms-406 textarea {

	width: 100%;

	max-width: 100% !important;

	min-width: 100%;

	font-size: var(--input_font_size);

	color: #333;

	height: var(--input_height);

	box-sizing: border-box;

	border: 1px solid #CCC;

	background: none;

	padding: 0 .16rem;

	-webkit-border-radius: .05rem;

	border-radius: .05rem;

	overflow: hidden;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}

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

#wpforms-406 textarea:hover {

	border-color: var(--i_color);

}

#wpforms-406 input {

	line-height: var(--input_height)

}

#wpforms-406 textarea {

	line-height: .22rem;

	min-height: 1rem;

	padding: .06rem .16rem

}



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

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

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

	font-size: var(--input_font_size)

}

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

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

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

	font-size: var(--input_font_size)

}

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

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

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

	font-size: var(--input_font_size)

}

.wp-dark-mode-active #wpforms-406 input::-webkit-input-placeholder,

.wp-dark-mode-active #wpforms-406 textarea::-webkit-input-placeholder {

	color: #BBB;

}

.wp-dark-mode-active #wpforms-406 input::-moz-placeholder,

.wp-dark-mode-active #wpforms-406 textarea::-moz-placeholder {

	color: #BBB;

}

.wp-dark-mode-active #wpforms-406 input::-ms-input-placeholder,

.wp-dark-mode-active #wpforms-406 textarea::-ms-input-placeholder {

	color: #BBB;

}





#wpforms-406-field_1-error,

#wpforms-406-field_2-error,

#wpforms-406-field_3-error,

#wpforms-406-field_4-error,

#wpforms-406-field_5-error,

#wpforms-406-field_6-error {

	position: absolute;

	font-size: 12px;

	color: #A90909;

}



#wpforms-406 .wpforms-field-container {

	width: 100%;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	overflow: hidden

}

#wpforms-406 .wpforms-submit-container {

	text-align: center;

	padding: 0;

	overflow: hidden;

	-webkit-border-radius: .1rem;

	border-radius: .1rem;

	position: relative;

}

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

	width: 100%;

	height: .42rem;

	font-size: .14rem;

	color: #FFF;

	font-weight: bold;

	line-height: .42rem;

	background: var(--i_color);

	cursor: pointer;

	position: relative;

	z-index: 2

}

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

	background: var(--i_color2)

}

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

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 4px;

	z-index: 2

}



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

	.aside_from {

		width: 100%;

	}

}









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



/* Inside Banner */

.in_banner {

	font-size: 0;

	width: 100%;

	position: relative;

	overflow: hidden;

}

.in_banner img {

	width: 100vw;

}













/* Breadcrumb */

.in_position {

	padding: .2rem 0;

	background: #FFF;

	position: relative;

}

.in_position_bg::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: -webkit-linear-gradient(top, #EAEAEA, transparent);

	background: linear-gradient(to bottom, #EAEAEA, transparent);

}

.in_position a {

	display: block;

	float: left;

	font-size: 14px;

	color: #333;

	position: relative;

	line-height: 20px;

	text-transform: uppercase

}

.in_position a:nth-child(1) {

	padding-left: 0.26rem;

}

.in_position a:nth-child(1)::before {

	content: '';

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	left: 0;

	width: 0.2rem;

	height: 0.2rem;

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

	background-size: contain;

}

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

	content: ">";

	margin: 0 4px;

	color: #555

}

.in_position a:last-child {

	color: var(--i_color) !important

}

.in_position a:hover {

	color: var(--i_color)

}

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

	.in_position {

		padding: .16rem 0;

	}

	.in_position a {

		font-size: 13px

	}

}

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

	.in_position a {

		font-size: 12px

	}

}

















/* Number of pages */

.in_page_box {

	margin-top: 0.6rem;

	text-align: center;

	overflow: hidden

}

.in_page {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

}

.in_page li {

	min-width: .32rem;

	margin: 0 .04rem;

}

.in_page a,

.in_page span {

	display: block;

	padding: 0 .12rem;

	line-height: .32rem;

	font-size: .14rem;

	color: #666;

	background: #FFF;

	-webkit-border-radius: 1rem;

	-moz-border-radius: 1rem;

	border-radius: 1rem;

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

	overflow: hidden;

}

.in_page>i {

	margin-top: 0.14rem;

	width: 100%;

	font-size: 0.13rem;

	color: #888;

}



.in_page a:hover,

.in_page .active_page a,

.in_page .active_page span {

	border-color: var(--i_color) !important;

	background: var(--i_color);

	color: #FFF !important

}



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

	.in_page_box {

		margin-top: 0.4rem;

	}

}

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

	.in_page li {

		min-width: .28rem;

	}

	.in_page a,

	.in_page span {

		line-height: 0.28rem;

		padding: 0 .1rem;

	}

}

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

	.in_page_box {

		margin-top: 0.3rem;

	}

}













/* ------------------- News & Events ------------------- */

.n_list {}

.n_list li {

	position: relative;

}

.n_list li::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 1px;

	background: #DDD;

}

.n_list li::after {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0;

	height: 1px;

	background: var(--i_color);

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.n_list a {

	padding: .24rem 0;

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

}

.n_list p {

	margin-right: 0.4rem;

	font-size: 0.22rem;

	color: #666;

}

.n_list span {

	flex-shrink: 0;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	align-items: baseline;

	margin-left: auto;

	font-size: 0.16rem;

	color: #888;

}

.n_list span i {

	margin-right: 0.1rem;

	font-size: 0.18rem;

	color: #888;

}



.n_list li:hover::after {

	width: 100%;

}

.n_list a:hover p,

.n_list a:hover span,

.n_list a:hover span i {

	color: var(--i_color);

}



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

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

	.n_list p {

		font-size: 0.2rem;

	}

}

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

	.n_list p {

		font-size: 0.18rem;

	}

}

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

	.n_list a {

		padding: .16rem 0;

	}

	.n_list p {

		font-size: 0.16rem;

	}

	.n_list span {

		font-size: 0.14rem;

	}

	.n_list span i {

		font-size: 0.16rem;

	}

}

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

	.n_list a {

		flex-wrap: wrap;

	}

	.n_list span {

		margin: .1rem 0 0 0;

	}

	.n_list p {

		width: 100%;

		margin: 0 0;

		font-size: 0.15rem;

	}

}









.in_news_art {}



.in_news_art_tit {

	border-bottom: 1px solid #DDD;

	margin-bottom: .4rem;

	text-align: center;

	position: relative;

}

.in_news_art_tit::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 15%;

	height: 2px;

	background: var(--i_color)

}

.in_news_art_tit h1 {

	font-size: .28rem;

	color: #222;

	line-height: .36rem;

	font-weight: bold

}

.in_news_art_tit h6 {

	text-align: center;

	margin: .1rem 0 .08rem;

	font-size: .13rem;

	color: #666;

	line-height: .28rem

}



/* .in_news_art article,

.in_news_art article * {

	text-align: left;

	font-size: .16rem;

	color: #555;

	line-height: .24rem

}

.in_news_art article img {

	display: block;

	margin: .2rem auto;

	max-width: 100% !important;

	height: initial !important

} */



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

	.in_news_art_tit h1 {

		font-size: 0.24rem;

	}

}

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

	.in_news_art_tit h1 {

		font-size: 0.2rem;

		line-height: 0.26rem;

	}

}

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

	.in_news_art_tit h1 {

		font-size: 0.18rem;

		line-height: 0.24rem;

	}

}

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

	.in_news_art_tit h1 {

		font-size: 0.16rem;

		line-height: 0.22rem;

	}

}











.art_navigation {

	padding: .6rem 0;

	margin: .5rem auto;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	border-top: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

}

.art_navigation dt {

	width: 48%;

}

.art_navigation a {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	justify-content: space-between;

}

.art_navigation span {

	display: -webkit-flex;

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

}

.art_navigation span b {

	font-size: 0.14rem;

	color: #666;

}

.art_navigation span i {

	width: 0.4rem;

	height: 0.4rem;

	margin: 0 .1rem;

	background: #CCC;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	position: relative;

	font-size: 0.2rem;

	color: #FFF;

}

.art_navigation span i::before {

	position: absolute;

	top: 50%;

	left: 50%;

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

}



.art_navigation p {

	max-width: 60%;

	font-size: 0.16rem;

	color: #666;

	font-weight: bold;

	line-height: 0.24rem;

}



.art_navigation a:hover i {

	background: var(--i_color);

}

.art_navigation a:hover p {

	color: var(--i_color);

}



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

	.art_navigation {

		padding: .5rem 0;

	}

}

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

	.art_navigation p {

		font-size: 0.15rem;

	}

}

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

	.art_navigation {

		padding: .2rem 0;

	}

	.art_navigation dt {

		width: 100%;

		margin: .06rem 0;

	}

	.art_navigation dt:nth-child(1) span {

		order: -1;

	}

	.art_navigation span {

		flex-shrink: 0;

	}

	.art_navigation span b {

		display: none;

	}

	.art_navigation span i {

		margin: 0 0;

		width: 0.3rem;

		height: 0.3rem;

		font-size: 0.16rem;

	}

	.art_navigation p {

		max-width: 100%;

		width: 100%;

		margin-left: 0.2rem;

	}

}

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















/* Related Products */

.related_p_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.related_p_list li {

	width: 23.125%;

	margin: 0 2.5% .5rem 0;

	position: relative;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}

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

	margin-right: 0;

}



.related_p_list .img {

	width: 100%;

	position: relative;

	box-sizing: border-box;

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

	-webkit-border-radius: .2rem;

	border-radius: .2rem;

	overflow: hidden

}

.related_p_list .img::before {

	content: "";

	display: block;

	padding-bottom: 100%

}

.related_p_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.related_p_list .txt {

	margin-top: 0.14rem;

	text-align: center;

}

.related_p_list .txt p {

	font-size: 0.16rem;

	color: #333;

}



.related_p_list li:hover {

	-webkit-transform: translate(0, -8px);

	transform: translate(0, -8px)

}

.related_p_list li:hover img {

	width: 110%;

	height: 110%;

}

.related_p_list li:hover p {

	color: var(--i_color);

}



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

	.related_p_list .txt p {

		font-size: 0.15rem;

		line-height: 0.2rem;

	}

}

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

	.related_p_list li {

		width: 48%;

		margin: 0 4% .3rem 0;

	}

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

		margin-right: 0;

	}

}

















/* related resources */

.related_r_list {

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

}

.related_r_list li {

	width: 31.66%;

	margin: 0 2.5% .5rem 0;

	position: relative;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}

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

	margin-right: 0;

}



.related_r_list .img {

	width: 100%;

	position: relative;

	overflow: hidden

}

.related_r_list .img::before {

	content: "";

	display: block;

	padding-bottom: 68.5%

}

.related_r_list .img img {

	position: absolute;

	top: 50%;

	left: 50%;

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

	width: 100%;

	height: 100%;

	object-fit: cover;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}



.related_r_list .txt {

	margin-top: 0.16rem;

}

.related_r_list .txt p {

	font-size: 0.16rem;

	color: #333;

	line-height: 0.24rem;

}



.related_r_list li:hover {

	-webkit-transform: translate(0, -8px);

	transform: translate(0, -8px)

}

.related_r_list li:hover img {

	width: 110%;

	height: 110%;

}

.related_r_list li:hover p {

	color: var(--i_color);

}



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

	.related_r_list .txt p {

		font-size: 0.15rem;

		line-height: 0.2rem;

	}

}

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

	.related_r_list li {

		width: 48%;

		margin: 0 4% .3rem 0;

	}

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

		margin-right: 4%;

	}

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

		margin-right: 0;

	}

}

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